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

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

@@ -22222,7 +22222,7 @@
             }
             return this.kg;
         };
-        Series.prototype.d9 = function (a, b, c, d) {
+        Series.prototype.d9 = function (a, b, c, d, e) {
             return false;
         };
         Series.prototype.jb = function (a) {
@@ -24232,7 +24232,7 @@
             this.hs = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.UIElement.$, 0);
             var b = this.dl;
             var c = new igniteuiWebcomponentsCore.List$1(SeriesPointOfInterest.$, 0);
-            this.d9(c, false, false, 0);
+            this.d9(c, false, false, 0, true);
             var _loop_7 = function (d) {
                 var e = c._inner[d];
                 var f = this_4.vi(e.c);
@@ -34818,7 +34818,7 @@
                 d = true;
             }
             a.kg = this.zs;
-            if (!a.gg && a.d9(this.aa9, this.aa4, this.aa0, this.abn)) {
+            if (!a.gg && a.d9(this.aa9, this.aa4, this.aa0, this.abn, false)) {
                 var e = this.aa9;
                 var _loop_1 = function (f) {
                     var g = e._inner[f];
@@ -67485,104 +67485,104 @@
             enumerable: false,
             configurable: true
         });
-        CategorySeries.prototype.d9 = function (a, b, c, d) {
+        CategorySeries.prototype.d9 = function (a, b, c, d, e) {
             var _this = this;
             if (!this.hasMarkers) {
                 return false;
             }
-            var e = this.getEffectiveViewport1(this.ct);
-            var f = this.yk();
-            var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
-            g.c = e;
-            var h = this.y0();
-            var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
-            i.c = e;
-            var j = this.c9.vl;
-            var k = this.wl;
-            var l = this.currentMode2Index;
-            var m = 0;
-            if (f.ce && f.cc) {
-                m = f.getSeriesOffset(j, k, e, l, f.categoryMode);
+            var f = this.getEffectiveViewport1(this.ct);
+            var g = this.yk();
+            var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
+            h.c = f;
+            var i = this.y0();
+            var j = new ScalerParams(1, this.c9.vl, this.wl, i.ch);
+            j.c = f;
+            var k = this.c9.vl;
+            var l = this.wl;
+            var m = this.currentMode2Index;
+            var n = 0;
+            if (g.ce && g.cc) {
+                n = g.getSeriesOffset(k, l, f, m, g.categoryMode);
             }
             a.clear();
-            this.wy.cj(function (n) {
-                if (n._visibility == 0) {
-                    var o = new SeriesPointOfInterest();
-                    var p = n.n;
-                    var q = n.o;
-                    if (p < _this.wl.left || p > _this.wl.right || q < _this.wl.top || q > _this.wl.bottom) {
+            this.wy.cj(function (o) {
+                if (o._visibility == 0) {
+                    var p = new SeriesPointOfInterest();
+                    var q = o.n;
+                    var r = o.o;
+                    if (q < _this.wl.left || q > _this.wl.right || r < _this.wl.top || r > _this.wl.bottom) {
                         return;
                     }
                     if (_this.isVertical) {
-                        if (f.cb && !f.ce && f.categoryMode != 0) {
-                            o.e = n.ak;
+                        if (g.cb && !g.ce && g.categoryMode != 0) {
+                            p.e = o.ak;
                         }
                         else {
-                            o.e = f.en(q, g);
+                            p.e = g.en(r, h);
                         }
-                        o.d = h.en(p, i);
+                        p.d = i.en(q, j);
                     }
                     else {
-                        if (f.cb && !f.ce && f.categoryMode != 0) {
-                            o.d = n.ak;
+                        if (g.cb && !g.ce && g.categoryMode != 0) {
+                            p.d = o.ak;
                         }
                         else {
-                            o.d = f.en(p, g);
+                            p.d = g.en(q, h);
                         }
-                        o.e = h.en(q, i);
+                        p.e = i.en(r, j);
                     }
-                    o.b = n.content;
+                    p.b = o.content;
                     if (b) {
                         if (_this.isVertical) {
                             if (c) {
-                                o.f = _this.zq(o.d, d);
+                                p.f = _this.zq(p.d, d);
                             }
                             else {
-                                var r = _this.jb(n);
-                                if (!igniteuiWebcomponentsCore.isNaN_(r)) {
-                                    o.f = _this.zq(r, d);
+                                var s = _this.jb(o);
+                                if (!igniteuiWebcomponentsCore.isNaN_(s)) {
+                                    p.f = _this.zq(s, d);
                                 }
                                 else {
-                                    o.f = _this.zq(o.d, d);
+                                    p.f = _this.zq(p.d, d);
                                 }
                             }
                         }
                         else {
                             if (c) {
-                                o.f = _this.zq(o.e, d);
+                                p.f = _this.zq(p.e, d);
                             }
                             else {
-                                var s = _this.jb(n);
-                                if (!igniteuiWebcomponentsCore.isNaN_(s)) {
-                                    o.f = _this.zq(s, d);
+                                var t = _this.jb(o);
+                                if (!igniteuiWebcomponentsCore.isNaN_(t)) {
+                                    p.f = _this.zq(t, d);
                                 }
                                 else {
-                                    o.f = _this.zq(o.e, d);
+                                    p.f = _this.zq(p.e, d);
                                 }
                             }
                         }
                     }
                     else {
-                        var t = _this.at(true);
-                        if (t != null) {
-                            var u = _this.kq(n.ak, false);
-                            if (u != null) {
-                                o.f = t.i(u);
+                        var u = _this.at(true);
+                        if (u != null) {
+                            var v = _this.kq(o.ak, false);
+                            if (v != null) {
+                                p.f = u.i(v);
                             }
                             else {
-                                o.f = null;
+                                p.f = null;
                             }
                         }
                         else {
-                            o.f = f.ge(n.ak);
+                            p.f = g.ge(o.ak);
                         }
                     }
-                    o.c = n.ak;
-                    o.g = _this.va;
+                    p.c = o.ak;
+                    p.g = _this.va;
                     if (_this.g7) {
-                        o.g = _this.vh(n.ak);
+                        p.g = _this.vh(o.ak);
                     }
-                    a.add(o);
+                    a.add(p);
                 }
             });
             return true;
@@ -112085,49 +112085,49 @@
             }
             _super.prototype.pn.call(this, a);
         };
-        RadialBase.prototype.d9 = function (a, b, c, d) {
+        RadialBase.prototype.d9 = function (a, b, c, d, e) {
             var _this = this;
             if (!this.hasMarkers) {
                 return false;
             }
-            var e = this.yr;
-            var f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            var g = this.yw;
-            var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
-            var i = this.zw;
+            var f = this.yr;
+            var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            var h = this.yw;
+            var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
+            var j = this.zw;
             a.clear();
-            this.wy.cj(function (j) {
-                if (j._visibility == 0) {
-                    var k = new SeriesPointOfInterest();
-                    var l = j.n;
-                    var m = j.o;
-                    if (l < _this.wl.left || l > _this.wl.right || m < _this.wl.top || m > _this.wl.bottom) {
+            this.wy.cj(function (k) {
+                if (k._visibility == 0) {
+                    var l = new SeriesPointOfInterest();
+                    var m = k.n;
+                    var n = k.o;
+                    if (m < _this.wl.left || m > _this.wl.right || n < _this.wl.top || n > _this.wl.bottom) {
                         return;
                     }
-                    var n = null;
-                    if (j.content != null) {
-                        n = j.content.item;
+                    var o = null;
+                    if (k.content != null) {
+                        o = k.content.item;
                     }
-                    var o = void 0;
                     var p = void 0;
-                    var q = _this.yz.g(l, m, _this.ct.by, _this.ct.bx, _this.ct.getEffectiveViewport(), o, p);
-                    o = q.p5;
-                    p = q.p6;
-                    k.d = o;
-                    k.e = p;
-                    var r = k.e;
-                    var s = j.ak;
-                    k.f = _this.aav(r, n, s, d, i, c, b, false);
-                    k.b = j.content;
-                    k.g = _this.va;
-                    k.c = j.ak;
+                    var q = void 0;
+                    var r = _this.yz.g(m, n, _this.ct.by, _this.ct.bx, _this.ct.getEffectiveViewport(), p, q);
+                    p = r.p5;
+                    q = r.p6;
+                    l.d = p;
+                    l.e = q;
+                    var s = l.e;
+                    var t = k.ak;
+                    l.f = _this.aav(s, o, t, d, j, c, b, false);
+                    l.b = k.content;
+                    l.g = _this.va;
+                    l.c = k.ak;
                     if (_this.g7) {
-                        k.g = _this.vh(j.ak);
+                        l.g = _this.vh(k.ak);
                     }
-                    k.a = _this.aq(j.ak, j.al);
-                    a.add(k);
+                    l.a = _this.aq(k.ak, k.al);
+                    a.add(l);
                 }
             });
             return true;
@@ -113858,7 +113858,7 @@
         };
         AnchoredRadialSeries.prototype.kr = function (a) {
             if (this.yr != null && this.yr.cl) {
-                if (a == this.yr.lh - 1) {
+                if (a == this.yr.othersIndex) {
                     return this.yy;
                 }
             }
@@ -114878,8 +114878,9 @@
         tslib.__extends(RadialPieSeries, _super);
         function RadialPieSeries() {
             var _this = _super.call(this) || this;
-            _this.ade = null;
-            _this.adj = null;
+            _this.adg = null;
+            _this.adl = null;
+            _this.add = 0;
             _this.ab = RadialPieSeries.$;
             return _this;
         }
@@ -114903,31 +114904,45 @@
         };
         RadialPieSeries.prototype.qx = function (a) {
             _super.prototype.qx.call(this, a);
-            this.add = a;
+            this.adf = a;
         };
-        Object.defineProperty(RadialPieSeries.prototype, "adf", {
+        Object.defineProperty(RadialPieSeries.prototype, "adh", {
             get: function () {
-                return this.ade;
+                return this.adg;
             },
             set: function (a) {
-                if (this.ade != a) {
-                    var b = this.adf;
-                    this.ade = a;
-                    this.raisePropertyChanged("LegendLabelColumn", b, this.adf);
+                if (this.adg != a) {
+                    var b = this.adh;
+                    this.adg = a;
+                    this.raisePropertyChanged("LegendLabelColumn", b, this.adh);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RadialPieSeries.prototype, "adl", {
+        Object.defineProperty(RadialPieSeries.prototype, "ado", {
             get: function () {
-                return this.adj;
+                return this.adl;
             },
             set: function (a) {
-                if (this.adj != a) {
-                    var b = this.adj;
-                    this.adj = a;
-                    this.raisePropertyChanged("LegendLabelMemberPath", b, this.adj);
+                if (this.adl != a) {
+                    var b = this.adl;
+                    this.adl = a;
+                    this.raisePropertyChanged("LegendLabelMemberPath", b, this.adl);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RadialPieSeries.prototype, "ade", {
+            get: function () {
+                return this.add;
+            },
+            set: function (a) {
+                if (this.add != a) {
+                    var b = this.add;
+                    this.add = a;
+                    this.raisePropertyChanged("LegendEmptyValuesMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, this.add));
                 }
             },
             enumerable: false,
@@ -114973,7 +114988,7 @@
                 }
                 var p = o.f._inner[b][0];
                 var q = Math.min(o.f._inner[b][2], h.maxLength);
-                return this.adg(d, e, f, p - (m * 0.5), p + (m * 0.5), l, q, i);
+                return this.adi(d, e, f, p - (m * 0.5), p + (m * 0.5), l, q, i);
             }
         };
         RadialPieSeries.prototype.get_eb = function () {
@@ -115001,15 +115016,15 @@
             var m = this.yr.k5(d, e, f);
             var n = this.yr.cl;
             var o = { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 };
-            var p = this.adh;
-            var q = this.adi;
+            var p = this.adj;
+            var q = this.adk;
             var r = (p > 0 && q > 0);
             var s = this.abx.count;
             this.y7.a2(this, this.zo(), igniteuiWebcomponentsCore.runOn(this, this.yf), this.zx(b), this.zy(b));
-            this.y7.r = this.adh;
-            this.y7.s = this.adi;
-            this.y7.k = this.adh;
-            this.y7.l = this.adi;
+            this.y7.r = this.adj;
+            this.y7.s = this.adk;
+            this.y7.k = this.adj;
+            this.y7.l = this.adk;
             var t = false;
             var u = this.y7.b;
             if (u != null) {
@@ -115051,10 +115066,10 @@
                 r = (ah > 0 && ai > 0);
                 var aj = null;
                 if (r) {
-                    aj = this.adr(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o, ah, ai);
+                    aj = this.adu(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o, ah, ai);
                 }
                 else {
-                    aj = this.ads(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o);
+                    aj = this.adv(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o);
                 }
                 ag.an = aj;
                 this.y7.ad(ag, false, false, false, false);
@@ -115068,7 +115083,7 @@
             c.c6.count = x;
             c.db();
         };
-        RadialPieSeries.prototype.ads = function (a, b, c, d, e, f, g, h) {
+        RadialPieSeries.prototype.adv = function (a, b, c, d, e, f, g, h) {
             var i = SliceCoords.b(a, b, c, d, e, f, g, h);
             var j = new igniteuiWebcomponentsCore.PathFigure();
             j._startPoint = i.d;
@@ -115103,7 +115118,7 @@
             k.c.add(j);
             return k;
         };
-        RadialPieSeries.prototype.adg = function (a, b, c, d, e, f, g, h) {
+        RadialPieSeries.prototype.adi = function (a, b, c, d, e, f, g, h) {
             var i = SliceCoords.b(a, b, c, d, e, f, g, h);
             if (igniteuiWebcomponentsCore.isNaN_(i.n.width) || igniteuiWebcomponentsCore.isNaN_(d) || igniteuiWebcomponentsCore.isNaN_(e)) {
                 return null;
@@ -115112,10 +115127,10 @@
             var k = ViewportUtils.i(0.5, a, b, c);
             return new igniteuiWebcomponentsCore.PieSliceCollisionGeometry(j, k, i.n.width, i.m.width, d, e);
         };
-        RadialPieSeries.prototype.adr = function (a, b, c, d, e, f, g, h, i, j) {
+        RadialPieSeries.prototype.adu = function (a, b, c, d, e, f, g, h, i, j) {
             var k = SliceCoords.a(a, b, c, d, e, f, g, h, i, j);
             if (k == null) {
-                return this.ads(a, b, c, d, e, f, g, h);
+                return this.adv(a, b, c, d, e, f, g, h);
             }
             var l = new igniteuiWebcomponentsCore.PathFigure();
             l._startPoint = k.d;
@@ -115197,20 +115212,20 @@
                     break;
                 case "FastItemsSource":
                     if (c != null) {
-                        if (this.adf != null) {
-                            c.deregisterColumn(this.adf);
+                        if (this.adh != null) {
+                            c.deregisterColumn(this.adh);
                         }
                     }
                     if (d != null) {
-                        if (this.adl != null) {
-                            this.adf = this.dk(this.adl);
+                        if (this.ado != null) {
+                            this.adh = this.dk(this.ado);
                         }
                     }
                     break;
                 case "LegendLabelMemberPath":
                     if (this.dl != null) {
-                        this.dl.deregisterColumn(this.adf);
-                        this.adf = this.dk(this.adl);
+                        this.dl.deregisterColumn(this.adh);
+                        this.adh = this.dk(this.ado);
                         this.pc();
                         this.pq();
                     }
@@ -115218,61 +115233,127 @@
             }
         };
         RadialPieSeries.prototype.wh = function (a) {
-            var b = this.add.by;
-            var c = this.add.bx;
-            var d = this.getEffectiveViewport1(this.add);
-            var e = this.wd(this.add);
+            var b = this.adf.by;
+            var c = this.adf.bx;
+            var d = this.getEffectiveViewport1(this.adf);
+            var e = this.wd(this.adf);
             var f = this.yw.k2(c, b, d, e);
             var g = { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 };
             var h = igniteuiWebcomponentsCore.GeometryUtil.i(g, a);
             var i = this.y1.f;
-            for (var j = 0; j < i.count; j++) {
-                var k = i._inner[j][0];
-                var l = Math.min(i._inner[j][2], f.maxLength);
-                var m = i._inner[j][3];
-                if (h >= k - (m * 0.5) && h <= k + (m * 0.5)) {
-                    var n = Math.max(0, 0.5 * this.yw.no);
-                    var o = n;
-                    o = Math.max(o, f.minLength);
-                    var p = SliceCoords.b(b, c, d, k - (m * 0.5), k + (m * 0.5), o, l, g);
-                    var q = igniteuiWebcomponentsCore.GeometryUtil.q({ $type: igniteuiWebcomponentsCore.Point_$type, x: ViewportUtils.e(g.x, b, c, d), y: ViewportUtils.i(g.y, b, c, d) }, igniteuiWebcomponentsCore.MathUtil.f(k), p.n.width);
-                    var r = 1.7976931348623157E+308;
+            var j = 0;
+            for (var k = 0; k < i.count; k++) {
+                var l = i._inner[k][0];
+                var m = Math.min(i._inner[k][2], f.maxLength);
+                var n = i._inner[k][3];
+                if (igniteuiWebcomponentsCore.isNaN_(n)) {
+                    continue;
+                }
+                l = l % 6.28318531;
+                if (l < 0) {
+                    l += 6.28318531;
+                }
+                if (h >= l - (n * 0.5) && h <= l + (n * 0.5)) {
+                    var o = Math.max(0, 0.5 * this.yw.no);
+                    var p = o;
+                    p = Math.max(p, f.minLength);
+                    var q = SliceCoords.b(b, c, d, l - (n * 0.5), l + (n * 0.5), p, m, g);
+                    var r = igniteuiWebcomponentsCore.GeometryUtil.q({ $type: igniteuiWebcomponentsCore.Point_$type, x: ViewportUtils.e(g.x, b, c, d), y: ViewportUtils.i(g.y, b, c, d) }, igniteuiWebcomponentsCore.MathUtil.f(l), q.n.width);
                     var s = 1.7976931348623157E+308;
-                    var t = -1.7976931348623157E+308;
+                    var t = 1.7976931348623157E+308;
                     var u = -1.7976931348623157E+308;
-                    r = Math.min(r, p.d.x);
-                    r = Math.min(r, p.f.x);
-                    r = Math.min(r, p.h.x);
-                    r = Math.min(r, p.j.x);
-                    r = Math.min(r, q.x);
-                    s = Math.min(s, p.d.y);
-                    s = Math.min(s, p.f.y);
-                    s = Math.min(s, p.h.y);
-                    s = Math.min(s, p.j.y);
-                    s = Math.min(s, q.y);
-                    t = Math.max(t, p.d.x);
-                    t = Math.max(t, p.f.x);
-                    t = Math.max(t, p.h.x);
-                    t = Math.max(t, p.j.x);
-                    t = Math.max(t, q.x);
-                    u = Math.max(u, p.d.y);
-                    u = Math.max(u, p.f.y);
-                    u = Math.max(u, p.h.y);
-                    u = Math.max(u, p.j.y);
-                    u = Math.max(u, q.y);
-                    return new igniteuiWebcomponentsCore.Rect(0, r, s, t - r, u - s);
+                    var v = -1.7976931348623157E+308;
+                    s = Math.min(s, q.d.x);
+                    s = Math.min(s, q.f.x);
+                    s = Math.min(s, q.h.x);
+                    s = Math.min(s, q.j.x);
+                    s = Math.min(s, r.x);
+                    t = Math.min(t, q.d.y);
+                    t = Math.min(t, q.f.y);
+                    t = Math.min(t, q.h.y);
+                    t = Math.min(t, q.j.y);
+                    t = Math.min(t, r.y);
+                    u = Math.max(u, q.d.x);
+                    u = Math.max(u, q.f.x);
+                    u = Math.max(u, q.h.x);
+                    u = Math.max(u, q.j.x);
+                    u = Math.max(u, r.x);
+                    v = Math.max(v, q.d.y);
+                    v = Math.max(v, q.f.y);
+                    v = Math.max(v, q.h.y);
+                    v = Math.max(v, q.j.y);
+                    v = Math.max(v, r.y);
+                    return new igniteuiWebcomponentsCore.Rect(0, s, t, u - s, v - t);
                 }
+                j++;
             }
             return new igniteuiWebcomponentsCore.Rect(0, 0, 0, 0, 0);
         };
         RadialPieSeries.prototype.ks = function (a) {
-            if (this.adf != null) {
-                return this.adf.item(a);
+            if (this.yr != null && this.yr.cl && a == this.yr.othersIndex) {
+                return null;
+            }
+            if (this.adh != null) {
+                return this.adh.item(a);
             }
             return null;
         };
+        RadialPieSeries.prototype.d9 = function (a, b, c, d, e) {
+            var _this = this;
+            if (_super.prototype.d9.call(this, a, b, c, d, e)) {
+                var f = igniteuiWebcomponentsCore.typeCast(ProportionalCategoryAngleAxis.$, this.yr) !== null && this.yr.hasOthersCategory;
+                if (e && (this.ade == 1 || (this.ade == 2 && !f))) {
+                    var g = this.yr;
+                    var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
+                    h.c = this.getEffectiveViewport1(this.ct);
+                    var i = this.yw;
+                    var j = new ScalerParams(1, this.c9.vl, this.wl, i.ch);
+                    j.c = this.getEffectiveViewport1(this.ct);
+                    var k = this.zw;
+                    var _loop_1 = function (l) {
+                        var m = this_1.dl.item(l);
+                        var n = NaN;
+                        if (m != null) {
+                            n = this_1.ja(m);
+                        }
+                        if (n == 0) {
+                            var o = new SeriesPointOfInterest();
+                            o.f = this_1.aav(n, m, l, d, k, c, b, false);
+                            o.b = ((function () {
+                                var $ret = new igniteuiWebcomponentsCore.DataContext();
+                                $ret.item = m;
+                                $ret.series = _this;
+                                return $ret;
+                            })());
+                            o.g = this_1.va;
+                            o.c = l;
+                            if (this_1.g7) {
+                                o.g = this_1.vh(l);
+                            }
+                            var p = false;
+                            for (var q = 0; q < a.count; q++) {
+                                if (o.c < a._inner[q].c) {
+                                    a.insert(q, o);
+                                    p = true;
+                                    break;
+                                }
+                            }
+                            if (!p) {
+                                a.add(o);
+                            }
+                        }
+                    };
+                    var this_1 = this;
+                    for (var l = 0; l < this.dl.count; l++) {
+                        _loop_1(l);
+                    }
+                }
+                return true;
+            }
+            return false;
+        };
         RadialPieSeries.$t = igniteuiWebcomponentsCore.markType(RadialPieSeries, 'RadialPieSeries', AnchoredRadialSeries.$);
-        RadialPieSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, RadialPieSeries, 'raisePropertyChanged', ['RadiusX:adh:adp', [1, 2], 'RadiusY:adi:adq', [1, 2]]);
+        RadialPieSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, RadialPieSeries, 'raisePropertyChanged', ['RadiusX:adj:ads', [1, 2], 'RadiusY:adk:adt', [1, 2]]);
         return RadialPieSeries;
     }(AnchoredRadialSeries));
     /**
@@ -115407,49 +115488,50 @@
         tslib.__extends(DataPieBaseChart, _super);
         function DataPieBaseChart() {
             var _this = _super.call(this) || this;
-            _this.aic = null;
+            _this.aie = null;
             _this.agk = null;
-            _this.ah8 = null;
-            _this.agi = null;
             _this.aia = null;
+            _this.agi = null;
+            _this.aic = null;
             _this.agj = null;
-            _this.ah7 = null;
+            _this.ah9 = null;
             _this.agh = null;
-            _this.ahj = 0;
-            _this.agz = 0;
+            _this.ahl = 0;
+            _this.ag1 = 0;
             _this.agr = 6;
-            _this.ajx = null;
-            _this.ajw = null;
-            _this.aid = null;
-            _this.ah6 = null;
-            _this.agx = 1;
-            _this.ahk = 3;
-            _this.ah9 = null;
-            _this.ah5 = null;
-            _this.aha = true;
+            _this.aj0 = null;
+            _this.ajz = null;
+            _this.aif = null;
+            _this.ah8 = null;
+            _this.agv = 0;
+            _this.agz = 1;
+            _this.ahm = 3;
+            _this.aib = null;
+            _this.ah7 = null;
+            _this.ahc = true;
             _this.agp = 0;
-            _this.ahh = 0;
-            _this.ahi = 0;
-            _this.ahn = 0;
-            _this.ahb = false;
-            _this.ah3 = 10;
-            _this.ahp = NaN;
+            _this.ahj = 0;
+            _this.ahk = 0;
+            _this.ahp = 0;
+            _this.ahd = false;
+            _this.ah5 = 10;
+            _this.ahr = NaN;
+            _this.ahq = NaN;
+            _this.ahs = 0;
+            _this.ahn = NaN;
             _this.aho = NaN;
-            _this.ahq = 0;
-            _this.ahl = NaN;
-            _this.ahm = NaN;
-            _this.aib = " - ";
-            _this.ag4 = 0;
-            _this.ag3 = 0;
-            _this.ag8 = true;
-            _this.ag9 = true;
+            _this.aid = " - ";
+            _this.ag6 = 0;
+            _this.ag5 = 0;
+            _this.aha = true;
+            _this.ahb = true;
             _this.agt = 0;
             return _this;
         }
-        DataPieBaseChart.prototype.ajs = function (a) {
-            this.ajt(function (b, c) { return a(b); });
+        DataPieBaseChart.prototype.ajv = function (a) {
+            this.ajw(function (b, c) { return a(b); });
         };
-        DataPieBaseChart.prototype.ajt = function (a) {
+        DataPieBaseChart.prototype.ajw = function (a) {
             if (this.dataChart == null) {
                 return;
             }
@@ -115460,10 +115542,10 @@
                 }
             }
         };
-        DataPieBaseChart.prototype.ajq = function (a) {
-            this.ajr(function (b, c) { return a(b); });
+        DataPieBaseChart.prototype.ajt = function (a) {
+            this.aju(function (b, c) { return a(b); });
         };
-        DataPieBaseChart.prototype.ajr = function (a) {
+        DataPieBaseChart.prototype.aju = function (a) {
             if (this.dataChart == null) {
                 return;
             }
@@ -115477,16 +115559,16 @@
         DataPieBaseChart.prototype.wg = function () {
             var a = this.bj.dataSeries != null ? this.bj.dataSeries.count : 0;
             _super.prototype.wg.call(this);
-            if (this.aij != null) {
-                var b = this.aij;
+            if (this.ail != null) {
+                var b = this.ail;
                 this.angleAxis.f1 = b;
             }
             else {
                 this.angleAxis.f1 = this.ab2 == null ? RadialBaseChart.adj(this.angleAxis, this.bj.dataSeries) : this.ab2;
             }
             this.angleAxis.itemsSource = this.dataChart != null && this.dataChart.series.count > 0 ? this.dataChart.series._inner[0].itemsSource : null;
-            if (this.ajn != null) {
-                this.angleAxis.og = this.ajn;
+            if (this.ajq != null) {
+                this.angleAxis.og = this.ajq;
             }
             else {
                 this.angleAxis.og = (this.dataChart != null && this.dataChart.series.count > 0 && igniteuiWebcomponentsCore.typeCast(RadialPieSeries.$, this.dataChart.series._inner[0]) !== null) ? this.dataChart.series._inner[0].acm : null;
@@ -115511,17 +115593,17 @@
             return true;
         };
         DataPieBaseChart.prototype.wh = function () {
-            this.valueAxis.lj = this.ahg;
-            this.valueAxis.ma = this.ah4;
+            this.valueAxis.lj = this.ahi;
+            this.valueAxis.ma = this.ah6;
         };
         Object.defineProperty(DataPieBaseChart.prototype, "angleAxis", {
             get: function () {
-                return this.ag1;
+                return this.ag3;
             },
             set: function (a) {
                 var b = this.angleAxis;
                 if (a != b) {
-                    this.ag1 = a;
+                    this.ag3 = a;
                     this.vl("AngleAxis", b, this.angleAxis);
                 }
             },
@@ -115530,24 +115612,24 @@
         });
         Object.defineProperty(DataPieBaseChart.prototype, "valueAxis", {
             get: function () {
-                return this.agv;
+                return this.agx;
             },
             set: function (a) {
                 var b = this.valueAxis;
                 if (a != b) {
-                    this.agv = a;
+                    this.agx = a;
                     this.vl("ValueAxis", b, this.valueAxis);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        DataPieBaseChart.prototype.get_ahd = function () {
+        DataPieBaseChart.prototype.get_ahf = function () {
             return false;
         };
-        Object.defineProperty(DataPieBaseChart.prototype, "ahd", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahf", {
             get: function () {
-                return this.get_ahd();
+                return this.get_ahf();
             },
             enumerable: false,
             configurable: true
@@ -115555,10 +115637,10 @@
         DataPieBaseChart.prototype.dg = function (a, b) {
             var c = null;
             if (b == 34) {
-                c = this.ag7(a, b);
+                c = this.ag9(a, b);
             }
             if (a.index > 0) {
-                if (!this.ahd) {
+                if (!this.ahf) {
                     if (c != null) {
                         c.o0();
                     }
@@ -115570,11 +115652,11 @@
         DataPieBaseChart.prototype.uy = function (a, b) {
             _super.prototype.uy.call(this, a, b);
             if (this.g0(a) && this.ci.isCalloutLayer(a)) {
-                if (this.ajz != null) {
-                    this.ci.setCalloutLightColor(a, this.ajz);
+                if (this.aj2 != null) {
+                    this.ci.setCalloutLightColor(a, this.aj2);
                 }
-                if (this.ajy != null) {
-                    this.ci.setCalloutDarkColor(a, this.ajy);
+                if (this.aj1 != null) {
+                    this.ci.setCalloutDarkColor(a, this.aj1);
                 }
                 var c = this.ak;
                 if (this.ags != 0) {
@@ -115583,7 +115665,7 @@
                 this.ci.setCollisionMode(a, c);
             }
         };
-        DataPieBaseChart.prototype.ag7 = function (a, b) {
+        DataPieBaseChart.prototype.ag9 = function (a, b) {
             var c = null;
             if (b == 34) {
                 c = this.di(34);
@@ -115591,30 +115673,31 @@
             else {
                 c = this.di(34);
             }
-            if (this.ajn != null) {
-                c.acm = this.ajn;
+            if (this.ajq != null) {
+                c.acm = this.ajq;
             }
             else {
                 c.acm = a.getMemberPathFor(0);
             }
-            if (this.ail != null) {
-                c.adl = this.ail;
+            if (this.aio != null) {
+                c.ado = this.aio;
             }
+            c.ade = this.agw;
             c.yr = this.angleAxis;
             c.yw = this.valueAxis;
             c.g7 = true;
             c.ab6 = true;
-            c.aas = this.ai7;
+            c.aas = this.aja;
             c.yj = this.ago;
-            c.aap = this.ai0;
+            c.aap = this.ai3;
             c.yi = this.agn;
-            c.aai = this.air;
+            c.aai = this.aiu;
             c.yg = this.agm;
-            c.aam = this.ain;
+            c.aam = this.aiq;
             c.yh = this.agl;
-            c.y5 = this.ag6;
-            c.y6 = this.ag5;
-            c.z4 = this.ai5;
+            c.y5 = this.ag8;
+            c.y6 = this.ag7;
+            c.z4 = this.ai8;
             return c;
         };
         DataPieBaseChart.prototype.zm = function () {
@@ -115627,12 +115710,12 @@
             this.angleAxis = new ProportionalCategoryAngleAxis();
             this.angleAxis.name = "angleAxis";
             var a = this.angleAxis;
-            a.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(a.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.aju));
+            a.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(a.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.ajx));
             this.angleAxis.k2 = 0;
             this.valueAxis = new NumericRadiusAxis();
             this.valueAxis.name = "valueAxis";
             var b = this.valueAxis;
-            b.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(b.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.ajv));
+            b.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(b.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.ajy));
             if (this.angleAxis.az == null) {
                 this.angleAxis.az = new AxisLabelSettings();
             }
@@ -115640,7 +115723,7 @@
                 this.valueAxis.az = new AxisLabelSettings();
             }
         };
-        DataPieBaseChart.prototype.aju = function (a, b) {
+        DataPieBaseChart.prototype.ajx = function (a, b) {
             switch (b.propertyName) {
                 case "ActualMinimumValue":
                     this.v2("AngleAxisActualMinimum");
@@ -115650,7 +115733,7 @@
                     break;
             }
         };
-        DataPieBaseChart.prototype.ajv = function (a, b) {
+        DataPieBaseChart.prototype.ajy = function (a, b) {
             switch (b.propertyName) {
                 case "ActualMinimumValue":
                     this.v2("ValueAxisActualMinimum");
@@ -115668,11 +115751,11 @@
         };
         DataPieBaseChart.prototype.aet = function (a) {
             _super.prototype.aet.call(this, a);
-            a.lb = this.ahe;
-            a.le = this.ahf;
-            a.ny = this.aht;
-            if (!igniteuiWebcomponentsCore.isNaN_(this.ahv)) {
-                a.nz = this.ahv;
+            a.lb = this.ahg;
+            a.le = this.ahh;
+            a.ny = this.ahv;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.ahx)) {
+                a.nz = this.ahx;
             }
             else {
                 a.nz = 0.65;
@@ -115680,14 +115763,14 @@
         };
         DataPieBaseChart.prototype.aer = function (a) {
             _super.prototype.aer.call(this, a);
-            a.oa = this.aiw;
-            a.nu = this.agy;
-            a.n7 = this.ahu;
-            if (!igniteuiWebcomponentsCore.isNaN_(this.ahw)) {
-                a.nb = this.ahw;
-            }
-            if (this.ag0 != 0) {
-                if (this.ag0 == 1) {
+            a.oa = this.aiz;
+            a.nu = this.ag0;
+            a.n7 = this.ahw;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.ahy)) {
+                a.nb = this.ahy;
+            }
+            if (this.ag2 != 0) {
+                if (this.ag2 == 1) {
                     a.ch = false;
                 }
                 else {
@@ -115707,42 +115790,42 @@
                     });
                     break;
                 case "SliceLabelContentSeparator":
-                    this.ajq(function (d) { return d.z4 = _this.ai5; });
+                    this.ajt(function (d) { return d.z4 = _this.ai8; });
                     break;
                 case "SliceLabelContentMode":
-                    this.ajq(function (d) { return d.y5 = _this.ag6; });
+                    this.ajt(function (d) { return d.y5 = _this.ag8; });
                     break;
                 case "LegendSliceLabelContentMode":
-                    this.ajq(function (d) { return d.y6 = _this.ag5; });
+                    this.ajt(function (d) { return d.y6 = _this.ag7; });
                     break;
                 case "SliceLabelFormat":
-                    this.ajq(function (d) { return d.aas = _this.ai7; });
+                    this.ajt(function (d) { return d.aas = _this.aja; });
                     break;
                 case "SliceLabelFormatSpecifiers":
-                    this.ajq(function (d) { return d.yj = _this.ago; });
+                    this.ajt(function (d) { return d.yj = _this.ago; });
                     break;
                 case "OthersSliceLabelFormat":
-                    this.ajq(function (d) { return d.aap = _this.ai0; });
+                    this.ajt(function (d) { return d.aap = _this.ai3; });
                     break;
                 case "OthersSliceLabelFormatSpecifiers":
-                    this.ajq(function (d) { return d.yi = _this.agn; });
+                    this.ajt(function (d) { return d.yi = _this.agn; });
                     break;
                 case "LegendSliceLabelFormat":
-                    this.ajq(function (d) { return d.aai = _this.ai7; });
+                    this.ajt(function (d) { return d.aai = _this.aja; });
                     break;
                 case "LegendSliceLabelFormatSpecifiers":
-                    this.ajq(function (d) { return d.yg = _this.ago; });
+                    this.ajt(function (d) { return d.yg = _this.ago; });
                     break;
                 case "LegendOthersSliceLabelFormat":
-                    this.ajq(function (d) { return d.aam = _this.ain; });
+                    this.ajt(function (d) { return d.aam = _this.aiq; });
                     break;
                 case "LegendOthersSliceLabelFormatSpecifiers":
-                    this.ajq(function (d) { return d.yh = _this.agl; });
+                    this.ajt(function (d) { return d.yh = _this.agl; });
                     break;
                 case "SweepDirection":
                     if (this.angleAxis != null) {
-                        if (this.ag0 != 0) {
-                            if (this.ag0 == 1) {
+                        if (this.ag2 != 0) {
+                            if (this.ag2 == 1) {
                                 this.angleAxis.ch = false;
                             }
                             else {
@@ -115756,45 +115839,45 @@
                     break;
                 case "StartAngle":
                     if (this.angleAxis != null) {
-                        this.angleAxis.nb = igniteuiWebcomponentsCore.isNaN_(this.ahw) ? 0 : this.ahw;
+                        this.angleAxis.nb = igniteuiWebcomponentsCore.isNaN_(this.ahy) ? 0 : this.ahy;
                     }
                     break;
                 case "RadiusExtent":
                     if (this.valueAxis != null) {
-                        this.valueAxis.nz = igniteuiWebcomponentsCore.isNaN_(this.ahv) ? 0.65 : this.ahv;
+                        this.valueAxis.nz = igniteuiWebcomponentsCore.isNaN_(this.ahx) ? 0.65 : this.ahx;
                     }
                     break;
                 case "OthersCategoryText":
                     if (this.angleAxis != null) {
-                        this.angleAxis.oa = this.aiw;
+                        this.angleAxis.oa = this.aiz;
                     }
                     break;
                 case "OthersCategoryType":
                     if (this.angleAxis != null) {
-                        this.angleAxis.nu = this.agy;
+                        this.angleAxis.nu = this.ag0;
                     }
                     break;
                 case "OthersCategoryThreshold":
                     if (this.angleAxis != null) {
-                        this.angleAxis.n7 = this.ahu;
+                        this.angleAxis.n7 = this.ahw;
                     }
                     break;
                 case "InnerExtent":
                     if (this.valueAxis != null) {
-                        this.valueAxis.ny = this.aht;
+                        this.valueAxis.ny = this.ahv;
                     }
                     break;
                 case "LightSliceLabelColor":
                     this.ui(function (d) {
                         if (d.em) {
-                            _this.ci.setCalloutLightColor(d, _this.ajz);
+                            _this.ci.setCalloutLightColor(d, _this.aj2);
                         }
                     });
                     break;
                 case "DarkSliceLabelColor":
                     this.ui(function (d) {
                         if (d.em) {
-                            _this.ci.setCalloutDarkColor(d, _this.ajy);
+                            _this.ci.setCalloutDarkColor(d, _this.aj1);
                         }
                     });
                     break;
@@ -115803,10 +115886,10 @@
                         this.um(function (d) {
                             if (igniteuiWebcomponentsCore.typeCast(AnchoredRadialSeries.$, d) !== null) {
                                 var e = d;
-                                e.acm = _this.ajn;
+                                e.acm = _this.ajq;
                             }
                         });
-                        this.angleAxis.og = this.ajn;
+                        this.angleAxis.og = this.ajq;
                     }
                     else {
                         this.vr();
@@ -115814,7 +115897,7 @@
                     break;
                 case "LabelMemberPath":
                     if (c != null) {
-                        var d = this.aij;
+                        var d = this.ail;
                         this.angleAxis.f1 = d;
                     }
                     else {
@@ -115822,52 +115905,52 @@
                     }
                     break;
                 case "AngleAxisInterval":
-                    this.angleAxis.m8 = this.ahr;
+                    this.angleAxis.m8 = this.aht;
                     break;
                 case "ValueAxisInterval":
-                    this.valueAxis.l2 = this.ahz;
+                    this.valueAxis.l2 = this.ah1;
                     break;
                 case "ValueAxisFavorLabellingScaleEnd":
-                    this.valueAxis.le = this.ahf;
+                    this.valueAxis.le = this.ahh;
                     break;
                 case "ValueAxisAutoRangeBufferMode":
                     this.valueAxis.kv = this.agq;
                     break;
                 case "AngleAxisMinorInterval":
-                    this.angleAxis.m9 = this.ahs;
+                    this.angleAxis.m9 = this.ahu;
                     break;
                 case "ValueAxisMinorInterval":
-                    this.valueAxis.l7 = this.ah2;
+                    this.valueAxis.l7 = this.ah4;
                     break;
                 case "ValueAxisIsLogarithmic":
-                    this.valueAxis.lj = this.ahg;
+                    this.valueAxis.lj = this.ahi;
                     break;
                 case "ValueAxisLogarithmBase":
-                    this.valueAxis.ma = this.ah4;
+                    this.valueAxis.ma = this.ah6;
                     break;
                 case "ValueAxisMinimumValue":
-                    this.valueAxis.l6 = this.ah1;
+                    this.valueAxis.l6 = this.ah3;
                     break;
                 case "ValueAxisMaximumValue":
-                    this.valueAxis.l5 = this.ah0;
+                    this.valueAxis.l5 = this.ah2;
                     break;
                 case "MarkerCollision":
                     this.un(function (e, f) { return _this.t3(e, f); });
                     break;
                 case "ValueAxisAbbreviateLargeNumbers":
-                    this.ae0(function (e) { return e.lb = _this.ahe; });
+                    this.ae0(function (e) { return e.lb = _this.ahg; });
                     break;
             }
         };
-        Object.defineProperty(DataPieBaseChart.prototype, "ai7", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aja", {
             get: function () {
-                return this.aic;
+                return this.aie;
             },
             set: function (a) {
-                var b = this.ai7;
+                var b = this.aja;
                 if (a != b) {
-                    this.aic = a;
-                    this.vl("SliceLabelFormat", b, this.ai7);
+                    this.aie = a;
+                    this.vl("SliceLabelFormat", b, this.aja);
                 }
             },
             enumerable: false,
@@ -115887,15 +115970,15 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "air", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aiu", {
             get: function () {
-                return this.ah8;
+                return this.aia;
             },
             set: function (a) {
-                var b = this.air;
+                var b = this.aiu;
                 if (a != b) {
-                    this.ah8 = a;
-                    this.vl("LegendSliceLabelFormat", b, this.air);
+                    this.aia = a;
+                    this.vl("LegendSliceLabelFormat", b, this.aiu);
                 }
             },
             enumerable: false,
@@ -115915,15 +115998,15 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ai0", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ai3", {
             get: function () {
-                return this.aia;
+                return this.aic;
             },
             set: function (a) {
-                var b = this.ai0;
+                var b = this.ai3;
                 if (a != b) {
-                    this.aia = a;
-                    this.vl("OthersSliceLabelFormat", b, this.ai0);
+                    this.aic = a;
+                    this.vl("OthersSliceLabelFormat", b, this.ai3);
                 }
             },
             enumerable: false,
@@ -115943,15 +116026,15 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ain", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aiq", {
             get: function () {
-                return this.ah7;
+                return this.ah9;
             },
             set: function (a) {
-                var b = this.ain;
+                var b = this.aiq;
                 if (a != b) {
-                    this.ah7 = a;
-                    this.vl("LegendOthersSliceLabelFormat", b, this.ain);
+                    this.ah9 = a;
+                    this.vl("LegendOthersSliceLabelFormat", b, this.aiq);
                 }
             },
             enumerable: false,
@@ -115971,29 +116054,29 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "aht", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahv", {
             get: function () {
-                return this.ahj;
+                return this.ahl;
             },
             set: function (a) {
-                var b = this.aht;
+                var b = this.ahv;
                 if (a != b) {
-                    this.ahj = a;
-                    this.vl("InnerExtent", b, this.aht);
+                    this.ahl = a;
+                    this.vl("InnerExtent", b, this.ahv);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ag0", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ag2", {
             get: function () {
-                return this.agz;
+                return this.ag1;
             },
             set: function (a) {
-                var b = this.ag0;
+                var b = this.ag2;
                 if (a != b) {
-                    this.agz = a;
-                    this.vl("SweepDirection", igniteuiWebcomponentsCore.enumGetBox(PieChartSweepDirection_$type, b), igniteuiWebcomponentsCore.enumGetBox(PieChartSweepDirection_$type, this.ag0));
+                    this.ag1 = a;
+                    this.vl("SweepDirection", igniteuiWebcomponentsCore.enumGetBox(PieChartSweepDirection_$type, b), igniteuiWebcomponentsCore.enumGetBox(PieChartSweepDirection_$type, this.ag2));
                 }
             },
             enumerable: false,
@@ -116013,127 +116096,141 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ajz", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aj2", {
             get: function () {
-                return this.ajx;
+                return this.aj0;
             },
             set: function (a) {
-                var b = this.ajz;
+                var b = this.aj2;
                 if (a != b) {
-                    this.ajx = a;
-                    this.vl("LightSliceLabelColor", b, this.ajz);
+                    this.aj0 = a;
+                    this.vl("LightSliceLabelColor", b, this.aj2);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ajy", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aj1", {
             get: function () {
-                return this.ajw;
+                return this.ajz;
             },
             set: function (a) {
-                var b = this.ajy;
+                var b = this.aj1;
                 if (a != b) {
-                    this.ajw = a;
-                    this.vl("DarkSliceLabelColor", b, this.ajy);
+                    this.ajz = a;
+                    this.vl("DarkSliceLabelColor", b, this.aj1);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ajn", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ajq", {
             get: function () {
-                return this.aid;
+                return this.aif;
             },
             set: function (a) {
-                var b = this.ajn;
+                var b = this.ajq;
                 if (a != b) {
-                    this.aid = a;
-                    this.vl("ValueMemberPath", b, this.ajn);
+                    this.aif = a;
+                    this.vl("ValueMemberPath", b, this.ajq);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ail", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aio", {
             get: function () {
-                return this.ah6;
+                return this.ah8;
             },
             set: function (a) {
-                var b = this.ah6;
+                var b = this.ah8;
                 if (a != b) {
-                    this.ah6 = a;
-                    this.vl("LegendLabelMemberPath", b, this.ah6);
+                    this.ah8 = a;
+                    this.vl("LegendLabelMemberPath", b, this.ah8);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "agy", {
+        Object.defineProperty(DataPieBaseChart.prototype, "agw", {
             get: function () {
-                return this.agx;
+                return this.agv;
             },
             set: function (a) {
-                var b = this.agy;
+                var b = this.agv;
                 if (a != b) {
-                    this.agx = a;
-                    this.vl("OthersCategoryType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, this.agy));
+                    this.agv = a;
+                    this.vl("LegendEmptyValuesMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, b), this.ah8);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahu", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ag0", {
             get: function () {
-                return this.ahk;
+                return this.agz;
             },
             set: function (a) {
-                var b = this.ahu;
+                var b = this.ag0;
                 if (a != b) {
-                    this.ahk = a;
-                    this.vl("OthersCategoryThreshold", b, this.ahu);
+                    this.agz = a;
+                    this.vl("OthersCategoryType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, this.ag0));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "aiw", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahw", {
             get: function () {
-                return this.ah9;
+                return this.ahm;
             },
             set: function (a) {
-                var b = this.aiw;
+                var b = this.ahw;
                 if (a != b) {
-                    this.ah9 = a;
-                    this.vl("OthersCategoryText", b, this.aiw);
+                    this.ahm = a;
+                    this.vl("OthersCategoryThreshold", b, this.ahw);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "aij", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aiz", {
             get: function () {
-                return this.ah5;
+                return this.aib;
             },
             set: function (a) {
-                var b = this.aij;
+                var b = this.aiz;
                 if (a != b) {
-                    this.ah5 = a;
-                    this.vl("LabelMemberPath", b, this.aij);
+                    this.aib = a;
+                    this.vl("OthersCategoryText", b, this.aiz);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahf", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ail", {
             get: function () {
-                return this.aha;
+                return this.ah7;
             },
             set: function (a) {
-                var b = this.ahf;
+                var b = this.ail;
                 if (a != b) {
-                    this.aha = a;
-                    this.vl("ValueAxisFavorLabellingScaleEnd", b, this.ahf);
+                    this.ah7 = a;
+                    this.vl("LabelMemberPath", b, this.ail);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DataPieBaseChart.prototype, "ahh", {
+            get: function () {
+                return this.ahc;
+            },
+            set: function (a) {
+                var b = this.ahh;
+                if (a != b) {
+                    this.ahc = a;
+                    this.vl("ValueAxisFavorLabellingScaleEnd", b, this.ahh);
                 }
             },
             enumerable: false,
@@ -116153,225 +116250,225 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahr", {
+        Object.defineProperty(DataPieBaseChart.prototype, "aht", {
             get: function () {
-                return this.ahh;
+                return this.ahj;
             },
             set: function (a) {
-                var b = this.ahr;
+                var b = this.aht;
                 if (a != b) {
-                    this.ahh = a;
-                    this.vl("AngleAxisInterval", b, this.ahr);
+                    this.ahj = a;
+                    this.vl("AngleAxisInterval", b, this.aht);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahs", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahu", {
             get: function () {
-                return this.ahi;
+                return this.ahk;
             },
             set: function (a) {
-                var b = this.ahs;
+                var b = this.ahu;
                 if (a != b) {
-                    this.ahi = a;
-                    this.vl("AngleAxisMinorInterval", b, this.ahs);
+                    this.ahk = a;
+                    this.vl("AngleAxisMinorInterval", b, this.ahu);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahz", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah1", {
             get: function () {
-                return this.ahn;
+                return this.ahp;
             },
             set: function (a) {
-                var b = this.ahz;
+                var b = this.ah1;
                 if (a != b) {
-                    this.ahn = a;
-                    this.vl("ValueAxisInterval", b, this.ahz);
+                    this.ahp = a;
+                    this.vl("ValueAxisInterval", b, this.ah1);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahg", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahi", {
             get: function () {
-                return this.ahb;
+                return this.ahd;
             },
             set: function (a) {
-                var b = this.ahg;
+                var b = this.ahi;
                 if (a != b) {
-                    this.ahb = a;
-                    this.vl("ValueAxisIsLogarithmic", b, this.ahg);
+                    this.ahd = a;
+                    this.vl("ValueAxisIsLogarithmic", b, this.ahi);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ah4", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah6", {
             get: function () {
-                return this.ah3;
+                return this.ah5;
             },
             set: function (a) {
-                var b = this.ah4;
+                var b = this.ah6;
                 if (a != b) {
-                    this.ah3 = a;
-                    this.vl("ValueAxisLogarithmBase", b, this.ah4);
+                    this.ah5 = a;
+                    this.vl("ValueAxisLogarithmBase", b, this.ah6);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ah1", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah3", {
             get: function () {
-                return this.ahp;
+                return this.ahr;
             },
             set: function (a) {
-                var b = this.ah1;
+                var b = this.ah3;
                 if (a != b) {
-                    this.ahp = a;
-                    this.vl("ValueAxisMinimumValue", b, this.ah1);
+                    this.ahr = a;
+                    this.vl("ValueAxisMinimumValue", b, this.ah3);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ah0", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah2", {
             get: function () {
-                return this.aho;
+                return this.ahq;
             },
             set: function (a) {
-                var b = this.ah0;
+                var b = this.ah2;
                 if (a != b) {
-                    this.aho = a;
-                    this.vl("ValueAxisMaximumValue", b, this.ah0);
+                    this.ahq = a;
+                    this.vl("ValueAxisMaximumValue", b, this.ah2);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ah2", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah4", {
             get: function () {
-                return this.ahq;
+                return this.ahs;
             },
             set: function (a) {
-                var b = this.ah2;
+                var b = this.ah4;
                 if (a != b) {
-                    this.ahq = a;
-                    this.vl("ValueAxisMinorInterval", b, this.ah2);
+                    this.ahs = a;
+                    this.vl("ValueAxisMinorInterval", b, this.ah4);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahy", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ah0", {
             get: function () {
                 return this.valueAxis.ly;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahx", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahz", {
             get: function () {
                 return this.valueAxis.lx;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahv", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahx", {
             get: function () {
-                return this.ahl;
+                return this.ahn;
             },
             set: function (a) {
-                var b = this.ahv;
+                var b = this.ahx;
                 if (a != b) {
-                    this.ahl = a;
-                    this.vl("RadiusExtent", b, this.ahv);
+                    this.ahn = a;
+                    this.vl("RadiusExtent", b, this.ahx);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahw", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahy", {
             get: function () {
-                return this.ahm;
+                return this.aho;
             },
             set: function (a) {
-                var b = this.ahw;
+                var b = this.ahy;
                 if (a != b) {
-                    this.ahm = a;
-                    this.vl("StartAngle", b, this.ahw);
+                    this.aho = a;
+                    this.vl("StartAngle", b, this.ahy);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ai5", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ai8", {
             get: function () {
-                return this.aib;
+                return this.aid;
             },
             set: function (a) {
-                var b = this.ai5;
+                var b = this.ai8;
                 if (a != b) {
-                    this.aib = a;
-                    this.vl("SliceLabelContentSeparator", b, this.ai5);
+                    this.aid = a;
+                    this.vl("SliceLabelContentSeparator", b, this.ai8);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ag6", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ag8", {
             get: function () {
-                return this.ag4;
+                return this.ag6;
             },
             set: function (a) {
-                var b = this.ag6;
+                var b = this.ag8;
                 if (a != b) {
-                    this.ag4 = a;
-                    this.vl("SliceLabelContentMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.ag6));
+                    this.ag6 = a;
+                    this.vl("SliceLabelContentMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.ag8));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ag5", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ag7", {
             get: function () {
-                return this.ag3;
+                return this.ag5;
             },
             set: function (a) {
-                var b = this.ag5;
+                var b = this.ag7;
                 if (a != b) {
-                    this.ag3 = a;
-                    this.vl("LegendSliceLabelContentMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.ag5));
+                    this.ag5 = a;
+                    this.vl("LegendSliceLabelContentMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.ag7));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahc", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahe", {
             get: function () {
-                return this.ag8;
+                return this.aha;
             },
             set: function (a) {
-                var b = this.ahc;
+                var b = this.ahe;
                 if (a != b) {
-                    this.ag8 = a;
-                    this.vl("AngleAxisFavorLabellingScaleEnd", b, this.ahc);
+                    this.aha = a;
+                    this.vl("AngleAxisFavorLabellingScaleEnd", b, this.ahe);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieBaseChart.prototype, "ahe", {
+        Object.defineProperty(DataPieBaseChart.prototype, "ahg", {
             get: function () {
-                return this.ag9;
+                return this.ahb;
             },
             set: function (a) {
-                var b = this.ahe;
+                var b = this.ahg;
                 if (a != b) {
-                    this.ag9 = a;
-                    this.vl("ValueAxisAbbreviateLargeNumbers", b, this.ahe);
+                    this.ahb = a;
+                    this.vl("ValueAxisAbbreviateLargeNumbers", b, this.ahg);
                 }
             },
             enumerable: false,
@@ -116433,14 +116530,14 @@
         tslib.__extends(DataPieChart, _super);
         function DataPieChart() {
             var _this = _super.call(this) || this;
-            _this.akc = 1000;
-            _this.akd = 1000;
-            _this.aj6 = null;
-            _this.aj7 = null;
-            _this.aj2 = 0;
-            _this.aka = true;
-            _this.aj0 = 0;
-            _this.aj4 = 3;
+            _this.akf = 1000;
+            _this.akg = 1000;
+            _this.aj9 = null;
+            _this.aka = null;
+            _this.aj5 = 0;
+            _this.akd = true;
+            _this.aj3 = 0;
+            _this.aj7 = 3;
             _this.ue();
             return _this;
         }
@@ -116478,7 +116575,7 @@
             this.he = false;
             this.b3 = 1;
             this.bz = 11;
-            this.akb = true;
+            this.ake = true;
             this.xq = igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255);
             this.jl = igniteuiWebcomponentsCore.DeviceUtils.g(2);
             this.gm = true;
@@ -116489,86 +116586,86 @@
         };
         DataPieChart.prototype.uz = function (a, b) {
             _super.prototype.uz.call(this, a, b);
-            a.kc = this.ake;
-            a.kd = this.akf;
-            a.dc = this.aj8;
-            a.dd = this.aj9;
+            a.kc = this.akh;
+            a.kd = this.aki;
+            a.dc = this.akb;
+            a.dd = this.akc;
         };
         DataPieChart.prototype.vo = function (a, b, c) {
             var _this = this;
             _super.prototype.vo.call(this, a, b, c);
             switch (a) {
                 case "TransitionInDuration":
-                    this.um(function (d) { return d.kc = _this.ake; });
+                    this.um(function (d) { return d.kc = _this.akh; });
                     break;
                 case "TransitionOutDuration":
-                    this.um(function (d) { return d.kd = _this.akf; });
+                    this.um(function (d) { return d.kd = _this.aki; });
                     break;
                 case "TransitionInEasingFunction":
-                    this.um(function (d) { return d.dc = _this.aj8; });
+                    this.um(function (d) { return d.dc = _this.akb; });
                     break;
                 case "TransitionOutEasingFunction":
-                    this.um(function (d) { return d.dd = _this.aj9; });
+                    this.um(function (d) { return d.dd = _this.akc; });
                     break;
             }
         };
-        Object.defineProperty(DataPieChart.prototype, "ake", {
+        Object.defineProperty(DataPieChart.prototype, "akh", {
             get: function () {
-                return this.akc;
+                return this.akf;
             },
             set: function (a) {
-                var b = this.ake;
+                var b = this.akh;
                 if (a != b) {
-                    this.akc = a;
-                    this.vl("TransitionInDuration", b, this.ake);
+                    this.akf = a;
+                    this.vl("TransitionInDuration", b, this.akh);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "akf", {
+        Object.defineProperty(DataPieChart.prototype, "aki", {
             get: function () {
-                return this.akd;
+                return this.akg;
             },
             set: function (a) {
-                var b = this.akf;
+                var b = this.aki;
                 if (a != b) {
-                    this.akd = a;
-                    this.vl("TransitionOutDuration", b, this.akf);
+                    this.akg = a;
+                    this.vl("TransitionOutDuration", b, this.aki);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "aj8", {
+        Object.defineProperty(DataPieChart.prototype, "akb", {
             get: function () {
-                return this.aj6;
+                return this.aj9;
             },
             set: function (a) {
-                var b = this.aj8;
+                var b = this.akb;
                 if (a != b) {
-                    this.aj6 = a;
-                    this.vl("TransitionInEasingFunction", b, this.aj8);
+                    this.aj9 = a;
+                    this.vl("TransitionInEasingFunction", b, this.akb);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "aj9", {
+        Object.defineProperty(DataPieChart.prototype, "akc", {
             get: function () {
-                return this.aj7;
+                return this.aka;
             },
             set: function (a) {
-                var b = this.aj9;
+                var b = this.akc;
                 if (a != b) {
-                    this.aj7 = a;
-                    this.vl("TransitionOutEasingFunction", b, this.aj9);
+                    this.aka = a;
+                    this.vl("TransitionOutEasingFunction", b, this.akc);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        DataPieChart.prototype.akh = function () {
+        DataPieChart.prototype.akk = function () {
             var cvd_ = this.lv();
             cvd_.scaleByViewport();
             return (cvd_.serialize());
@@ -116602,14 +116699,14 @@
             enumerable: false,
             configurable: true
         });
-        DataPieChart.prototype.get_ahd = function () {
+        DataPieChart.prototype.get_ahf = function () {
             return false;
         };
         DataPieChart.prototype.bi = function (a) {
-            if (this.aj3 == 0) {
+            if (this.aj6 == 0) {
                 return a.suggestedSeries;
             }
-            if (this.aj3 == 1) {
+            if (this.aj6 == 1) {
                 return 34;
             }
             return 34;
@@ -116627,9 +116724,9 @@
             if (c == null) {
                 return;
             }
-            c.zk = this.akb;
-            c.yu = this.aj1;
-            c.c3 = this.aj5;
+            c.zk = this.ake;
+            c.yu = this.aj4;
+            c.c3 = this.aj8;
         };
         DataPieChart.prototype.t3 = function (a, b) {
             _super.prototype.t3.call(this, a, b);
@@ -116659,57 +116756,57 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "aj3", {
+        Object.defineProperty(DataPieChart.prototype, "aj6", {
             get: function () {
-                return this.aj2;
+                return this.aj5;
             },
             set: function (a) {
-                if (a != this.aj2) {
-                    var b = this.aj3;
-                    this.aj2 = a;
-                    this.vl("ChartType", igniteuiWebcomponentsCore.enumGetBox(DataPieChartType_$type, b), igniteuiWebcomponentsCore.enumGetBox(DataPieChartType_$type, this.aj3));
+                if (a != this.aj5) {
+                    var b = this.aj6;
+                    this.aj5 = a;
+                    this.vl("ChartType", igniteuiWebcomponentsCore.enumGetBox(DataPieChartType_$type, b), igniteuiWebcomponentsCore.enumGetBox(DataPieChartType_$type, this.aj6));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "akb", {
+        Object.defineProperty(DataPieChart.prototype, "ake", {
             get: function () {
-                return this.aka;
+                return this.akd;
             },
             set: function (a) {
-                var b = this.akb;
+                var b = this.ake;
                 if (a != b) {
-                    this.aka = a;
-                    this.vl("IsTransitionInEnabled", b, this.akb);
+                    this.akd = a;
+                    this.vl("IsTransitionInEnabled", b, this.ake);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "aj1", {
+        Object.defineProperty(DataPieChart.prototype, "aj4", {
             get: function () {
-                return this.aj0;
+                return this.aj3;
             },
             set: function (a) {
-                var b = this.aj1;
+                var b = this.aj4;
                 if (a != b) {
-                    this.aj0 = a;
-                    this.vl("TransitionInMode", igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, this.aj1));
+                    this.aj3 = a;
+                    this.vl("TransitionInMode", igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, this.aj4));
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataPieChart.prototype, "aj5", {
+        Object.defineProperty(DataPieChart.prototype, "aj8", {
             get: function () {
-                return this.aj4;
+                return this.aj7;
             },
             set: function (a) {
-                var b = this.aj5;
+                var b = this.aj8;
                 if (a != b) {
-                    this.aj4 = a;
-                    this.vl("TransitionInSpeedType", igniteuiWebcomponentsCore.enumGetBox(TransitionInSpeedType_$type, b), igniteuiWebcomponentsCore.enumGetBox(TransitionInSpeedType_$type, this.aj5));
+                    this.aj7 = a;
+                    this.vl("TransitionInSpeedType", igniteuiWebcomponentsCore.enumGetBox(TransitionInSpeedType_$type, b), igniteuiWebcomponentsCore.enumGetBox(TransitionInSpeedType_$type, this.aj8));
                 }
             },
             enumerable: false,
@@ -118525,10 +118622,10 @@
              * Gets or sets the label format for the slices.
             */
             get: function () {
-                return this.i.ai7;
+                return this.i.aja;
             },
             set: function (v) {
-                this.i.ai7 = v;
+                this.i.aja = v;
             },
             enumerable: false,
             configurable: true
@@ -118555,10 +118652,10 @@
              * Gets or sets the label format for the LegendSlices.
             */
             get: function () {
-                return this.i.air;
+                return this.i.aiu;
             },
             set: function (v) {
-                this.i.air = v;
+                this.i.aiu = v;
             },
             enumerable: false,
             configurable: true
@@ -118585,10 +118682,10 @@
              * Gets or sets the label format for the OthersSlices.
             */
             get: function () {
-                return this.i.ai0;
+                return this.i.ai3;
             },
             set: function (v) {
-                this.i.ai0 = v;
+                this.i.ai3 = v;
             },
             enumerable: false,
             configurable: true
@@ -118615,10 +118712,10 @@
              * Gets or sets the label format for the LegendOthersSlices.
             */
             get: function () {
-                return this.i.ain;
+                return this.i.aiq;
             },
             set: function (v) {
-                this.i.ain = v;
+                this.i.aiq = v;
             },
             enumerable: false,
             configurable: true
@@ -118646,11 +118743,11 @@
              * a value between 0.0 and 1.0.
             */
             get: function () {
-                return this.i.aht;
+                return this.i.ahv;
             },
             set: function (v) {
-                this.i.aht = +v;
-                this._a("innerExtent", this.i.aht);
+                this.i.ahv = +v;
+                this._a("innerExtent", this.i.ahv);
             },
             enumerable: false,
             configurable: true
@@ -118661,11 +118758,11 @@
              * a value between 0.0 and 1.0.
             */
             get: function () {
-                return this.i.ag0;
+                return this.i.ag2;
             },
             set: function (v) {
-                this.i.ag0 = igniteuiWebcomponentsCore.ensureEnum(PieChartSweepDirection_$type, v);
-                this._a("sweepDirection", igniteuiWebcomponentsCore.enumToString(PieChartSweepDirection_$type, this.i.ag0));
+                this.i.ag2 = igniteuiWebcomponentsCore.ensureEnum(PieChartSweepDirection_$type, v);
+                this._a("sweepDirection", igniteuiWebcomponentsCore.enumToString(PieChartSweepDirection_$type, this.i.ag2));
             },
             enumerable: false,
             configurable: true
@@ -118689,11 +118786,11 @@
              * Gets or sets the light color to use for slice labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ajz);
+                return igniteuiWebcomponentsCore.brushToString(this.i.aj2);
             },
             set: function (v) {
-                this.i.ajz = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("lightSliceLabelColor", igniteuiWebcomponentsCore.brushToString(this.i.ajz));
+                this.i.aj2 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("lightSliceLabelColor", igniteuiWebcomponentsCore.brushToString(this.i.aj2));
             },
             enumerable: false,
             configurable: true
@@ -118703,11 +118800,11 @@
              * Gets or sets the Dark color to use for slice labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ajy);
+                return igniteuiWebcomponentsCore.brushToString(this.i.aj1);
             },
             set: function (v) {
-                this.i.ajy = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("darkSliceLabelColor", igniteuiWebcomponentsCore.brushToString(this.i.ajy));
+                this.i.aj1 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("darkSliceLabelColor", igniteuiWebcomponentsCore.brushToString(this.i.aj1));
             },
             enumerable: false,
             configurable: true
@@ -118717,10 +118814,10 @@
              * Gets or sets the overridden value member path to use.
             */
             get: function () {
-                return this.i.ajn;
+                return this.i.ajq;
             },
             set: function (v) {
-                this.i.ajn = v;
+                this.i.ajq = v;
             },
             enumerable: false,
             configurable: true
@@ -118730,10 +118827,21 @@
              * Gets or sets the legend label member path to use.
             */
             get: function () {
-                return this.i.ail;
+                return this.i.aio;
             },
             set: function (v) {
-                this.i.ail = v;
+                this.i.aio = v;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcDataPieBaseChartComponent.prototype, "legendEmptyValuesMode", {
+            get: function () {
+                return this.i.agw;
+            },
+            set: function (v) {
+                this.i.agw = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, v);
+                this._a("legendEmptyValuesMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, this.i.agw));
             },
             enumerable: false,
             configurable: true
@@ -118743,11 +118851,11 @@
              * Gets or sets whether to use numeric or percent-based threshold value.
             */
             get: function () {
-                return this.i.agy;
+                return this.i.ag0;
             },
             set: function (v) {
-                this.i.agy = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.OthersCategoryType_$type, v);
-                this._a("othersCategoryType", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.OthersCategoryType_$type, this.i.agy));
+                this.i.ag0 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.OthersCategoryType_$type, v);
+                this._a("othersCategoryType", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.OthersCategoryType_$type, this.i.ag0));
             },
             enumerable: false,
             configurable: true
@@ -118757,11 +118865,11 @@
              * Gets or sets the threshold value that determines if slices are grouped into the Others slice.
             */
             get: function () {
-                return this.i.ahu;
+                return this.i.ahw;
             },
             set: function (v) {
-                this.i.ahu = +v;
-                this._a("othersCategoryThreshold", this.i.ahu);
+                this.i.ahw = +v;
+                this._a("othersCategoryThreshold", this.i.ahw);
             },
             enumerable: false,
             configurable: true
@@ -118771,10 +118879,10 @@
              * Gets or sets the label of the Others slice.
             */
             get: function () {
-                return this.i.aiw;
+                return this.i.aiz;
             },
             set: function (v) {
-                this.i.aiw = v;
+                this.i.aiz = v;
             },
             enumerable: false,
             configurable: true
@@ -118784,10 +118892,10 @@
              * Gets or sets the overridden value member path to use.
             */
             get: function () {
-                return this.i.aij;
+                return this.i.ail;
             },
             set: function (v) {
-                this.i.aij = v;
+                this.i.ail = v;
             },
             enumerable: false,
             configurable: true
@@ -118797,11 +118905,11 @@
              * Gets or sets whether the axis should favor emitting a label at the end of the scale.
             */
             get: function () {
-                return this.i.ahf;
+                return this.i.ahh;
             },
             set: function (v) {
-                this.i.ahf = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueAxisFavorLabellingScaleEnd", this.i.ahf);
+                this.i.ahh = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueAxisFavorLabellingScaleEnd", this.i.ahh);
             },
             enumerable: false,
             configurable: true
@@ -118826,11 +118934,11 @@
              * Gets or sets the set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.
             */
             get: function () {
-                return this.i.ahr;
+                return this.i.aht;
             },
             set: function (v) {
-                this.i.ahr = +v;
-                this._a("angleAxisInterval", this.i.ahr);
+                this.i.aht = +v;
+                this._a("angleAxisInterval", this.i.aht);
             },
             enumerable: false,
             configurable: true
@@ -118841,11 +118949,11 @@
              * Gets or sets the set value is a factor that determines how the minor lines will be displayed.
             */
             get: function () {
-                return this.i.ahs;
+                return this.i.ahu;
             },
             set: function (v) {
-                this.i.ahs = +v;
-                this._a("angleAxisMinorInterval", this.i.ahs);
+                this.i.ahu = +v;
+                this._a("angleAxisMinorInterval", this.i.ahu);
             },
             enumerable: false,
             configurable: true
@@ -118855,11 +118963,11 @@
              * Gets or sets the distance between each label and grid line along the Y-axis.
             */
             get: function () {
-                return this.i.ahz;
+                return this.i.ah1;
             },
             set: function (v) {
-                this.i.ahz = +v;
-                this._a("valueAxisInterval", this.i.ahz);
+                this.i.ah1 = +v;
+                this._a("valueAxisInterval", this.i.ah1);
             },
             enumerable: false,
             configurable: true
@@ -118870,11 +118978,11 @@
              * Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
             */
             get: function () {
-                return this.i.ahg;
+                return this.i.ahi;
             },
             set: function (v) {
-                this.i.ahg = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueAxisIsLogarithmic", this.i.ahg);
+                this.i.ahi = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueAxisIsLogarithmic", this.i.ahi);
             },
             enumerable: false,
             configurable: true
@@ -118885,11 +118993,11 @@
              * This property is effective only when ValueAxisIsLogarithmic is true.
             */
             get: function () {
-                return this.i.ah4;
+                return this.i.ah6;
             },
             set: function (v) {
-                this.i.ah4 = +v;
-                this._a("valueAxisLogarithmBase", this.i.ah4);
+                this.i.ah6 = +v;
+                this._a("valueAxisLogarithmBase", this.i.ah6);
             },
             enumerable: false,
             configurable: true
@@ -118899,11 +119007,11 @@
              * Gets or sets the data value corresponding to the minimum value of the Y-axis.
             */
             get: function () {
-                return this.i.ah1;
+                return this.i.ah3;
             },
             set: function (v) {
-                this.i.ah1 = +v;
-                this._a("valueAxisMinimumValue", this.i.ah1);
+                this.i.ah3 = +v;
+                this._a("valueAxisMinimumValue", this.i.ah3);
             },
             enumerable: false,
             configurable: true
@@ -118913,11 +119021,11 @@
              * Gets or sets the data value corresponding to the maximum value of the Y-axis.
             */
             get: function () {
-                return this.i.ah0;
+                return this.i.ah2;
             },
             set: function (v) {
-                this.i.ah0 = +v;
-                this._a("valueAxisMaximumValue", this.i.ah0);
+                this.i.ah2 = +v;
+                this._a("valueAxisMaximumValue", this.i.ah2);
             },
             enumerable: false,
             configurable: true
@@ -118927,11 +119035,11 @@
              * Gets or sets the frequency of displayed minor lines along the Y-axis.
             */
             get: function () {
-                return this.i.ah2;
+                return this.i.ah4;
             },
             set: function (v) {
-                this.i.ah2 = +v;
-                this._a("valueAxisMinorInterval", this.i.ah2);
+                this.i.ah4 = +v;
+                this._a("valueAxisMinorInterval", this.i.ah4);
             },
             enumerable: false,
             configurable: true
@@ -118941,7 +119049,7 @@
              * Gets the current minimum value for the Y-axis.
             */
             get: function () {
-                return this.i.ahy;
+                return this.i.ah0;
             },
             enumerable: false,
             configurable: true
@@ -118951,7 +119059,7 @@
              * Gets the current maximum value for the Y-axis.
             */
             get: function () {
-                return this.i.ahx;
+                return this.i.ahz;
             },
             enumerable: false,
             configurable: true
@@ -118961,11 +119069,11 @@
              * Gets or sets the extent of the chart's radius. Value between 0 and 1.
             */
             get: function () {
-                return this.i.ahv;
+                return this.i.ahx;
             },
             set: function (v) {
-                this.i.ahv = +v;
-                this._a("radiusExtent", this.i.ahv);
+                this.i.ahx = +v;
+                this._a("radiusExtent", this.i.ahx);
             },
             enumerable: false,
             configurable: true
@@ -118975,11 +119083,11 @@
              * Gets or sets the start angle to use for the pie chart measured in degrees from the positive x axis.
             */
             get: function () {
-                return this.i.ahw;
+                return this.i.ahy;
             },
             set: function (v) {
-                this.i.ahw = +v;
-                this._a("startAngle", this.i.ahw);
+                this.i.ahy = +v;
+                this._a("startAngle", this.i.ahy);
             },
             enumerable: false,
             configurable: true
@@ -118989,10 +119097,10 @@
              * Gets or sets the label of the Others slice.
             */
             get: function () {
-                return this.i.ai5;
+                return this.i.ai8;
             },
             set: function (v) {
-                this.i.ai5 = v;
+                this.i.ai8 = v;
             },
             enumerable: false,
             configurable: true
@@ -119002,11 +119110,11 @@
              * Gets or sets the label of the Others slice.
             */
             get: function () {
-                return this.i.ag6;
+                return this.i.ag8;
             },
             set: function (v) {
-                this.i.ag6 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.RadialLabelMode_$type, v);
-                this._a("sliceLabelContentMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.i.ag6));
+                this.i.ag8 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.RadialLabelMode_$type, v);
+                this._a("sliceLabelContentMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.i.ag8));
             },
             enumerable: false,
             configurable: true
@@ -119016,11 +119124,11 @@
              * Gets or sets the label of the Others slice.
             */
             get: function () {
-                return this.i.ag5;
+                return this.i.ag7;
             },
             set: function (v) {
-                this.i.ag5 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.RadialLabelMode_$type, v);
-                this._a("legendSliceLabelContentMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.i.ag5));
+                this.i.ag7 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.RadialLabelMode_$type, v);
+                this._a("legendSliceLabelContentMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.RadialLabelMode_$type, this.i.ag7));
             },
             enumerable: false,
             configurable: true
@@ -119030,11 +119138,11 @@
              * Gets or sets whether to favor labelling the end of the scale.
             */
             get: function () {
-                return this.i.ahc;
+                return this.i.ahe;
             },
             set: function (v) {
-                this.i.ahc = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("angleAxisFavorLabellingScaleEnd", this.i.ahc);
+                this.i.ahe = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("angleAxisFavorLabellingScaleEnd", this.i.ahe);
             },
             enumerable: false,
             configurable: true
@@ -119044,11 +119152,11 @@
              * Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
             */
             get: function () {
-                return this.i.ahe;
+                return this.i.ahg;
             },
             set: function (v) {
-                this.i.ahe = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueAxisAbbreviateLargeNumbers", this.i.ahe);
+                this.i.ahg = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueAxisAbbreviateLargeNumbers", this.i.ahg);
             },
             enumerable: false,
             configurable: true
@@ -119370,11 +119478,11 @@
          * Gets or sets the duration used for animating series plots when the chart is loading into view
         */
             get: function () {
-                return this.i.ake;
+                return this.i.akh;
             },
             set: function (v) {
-                this.i.ake = +v;
-                this._a("transitionInDuration", this.i.ake);
+                this.i.akh = +v;
+                this._a("transitionInDuration", this.i.akh);
             },
             enumerable: false,
             configurable: true
@@ -119384,11 +119492,11 @@
              * Gets or sets the duration used for animating series plots when the series is leaving view
             */
             get: function () {
-                return this.i.akf;
+                return this.i.aki;
             },
             set: function (v) {
-                this.i.akf = +v;
-                this._a("transitionOutDuration", this.i.akf);
+                this.i.aki = +v;
+                this._a("transitionOutDuration", this.i.aki);
             },
             enumerable: false,
             configurable: true
@@ -119399,10 +119507,10 @@
              * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
             */
             get: function () {
-                return this.i.aj8;
+                return this.i.akb;
             },
             set: function (v) {
-                this.i.aj8 = v;
+                this.i.akb = v;
             },
             enumerable: false,
             configurable: true
@@ -119413,10 +119521,10 @@
              * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
             */
             get: function () {
-                return this.i.aj9;
+                return this.i.akc;
             },
             set: function (v) {
-                this.i.aj9 = v;
+                this.i.akc = v;
             },
             enumerable: false,
             configurable: true
@@ -119436,11 +119544,11 @@
              * Gets or sets the type of chart series to generate from the data.
             */
             get: function () {
-                return this.i.aj3;
+                return this.i.aj6;
             },
             set: function (v) {
-                this.i.aj3 = igniteuiWebcomponentsCore.ensureEnum(DataPieChartType_$type, v);
-                this._a("chartType", igniteuiWebcomponentsCore.enumToString(DataPieChartType_$type, this.i.aj3));
+                this.i.aj6 = igniteuiWebcomponentsCore.ensureEnum(DataPieChartType_$type, v);
+                this._a("chartType", igniteuiWebcomponentsCore.enumToString(DataPieChartType_$type, this.i.aj6));
             },
             enumerable: false,
             configurable: true
@@ -119450,11 +119558,11 @@
              * Gets or sets whether animation of series plots is enabled when the chart is loading into view
             */
             get: function () {
-                return this.i.akb;
+                return this.i.ake;
             },
             set: function (v) {
-                this.i.akb = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isTransitionInEnabled", this.i.akb);
+                this.i.ake = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isTransitionInEnabled", this.i.ake);
             },
             enumerable: false,
             configurable: true
@@ -119464,11 +119572,11 @@
              * Gets or sets the method that determines how to animate series plots when the chart is loading into view
             */
             get: function () {
-                return this.i.aj1;
+                return this.i.aj4;
             },
             set: function (v) {
-                this.i.aj1 = igniteuiWebcomponentsCore.ensureEnum(CategoryTransitionInMode_$type, v);
-                this._a("transitionInMode", igniteuiWebcomponentsCore.enumToString(CategoryTransitionInMode_$type, this.i.aj1));
+                this.i.aj4 = igniteuiWebcomponentsCore.ensureEnum(CategoryTransitionInMode_$type, v);
+                this._a("transitionInMode", igniteuiWebcomponentsCore.enumToString(CategoryTransitionInMode_$type, this.i.aj4));
             },
             enumerable: false,
             configurable: true
@@ -119478,11 +119586,11 @@
              * Gets or sets the arrival speed used for animating series plots when the chart is loading into view
             */
             get: function () {
-                return this.i.aj5;
+                return this.i.aj8;
             },
             set: function (v) {
-                this.i.aj5 = igniteuiWebcomponentsCore.ensureEnum(TransitionInSpeedType_$type, v);
-                this._a("transitionInSpeedType", igniteuiWebcomponentsCore.enumToString(TransitionInSpeedType_$type, this.i.aj5));
+                this.i.aj8 = igniteuiWebcomponentsCore.ensureEnum(TransitionInSpeedType_$type, v);
+                this._a("transitionInSpeedType", igniteuiWebcomponentsCore.enumToString(TransitionInSpeedType_$type, this.i.aj8));
             },
             enumerable: false,
             configurable: true
@@ -119492,7 +119600,7 @@
 
     */
         IgcDataPieChartComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.akh();
+            var iv = this.i.akk();
             return (iv);
         };
         IgcDataPieChartComponent._observedAttributesIgcDataPieChartComponent = null;
@@ -120648,11 +120756,11 @@
              * Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
             */
             get: function () {
-                return this.i.adh;
+                return this.i.adj;
             },
             set: function (v) {
-                this.i.adh = +v;
-                this._a("radiusX", this.i.adh);
+                this.i.adj = +v;
+                this._a("radiusX", this.i.adj);
             },
             enumerable: false,
             configurable: true
@@ -120662,11 +120770,11 @@
              * Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
             */
             get: function () {
-                return this.i.adi;
+                return this.i.adk;
             },
             set: function (v) {
-                this.i.adi = +v;
-                this._a("radiusY", this.i.adi);
+                this.i.adk = +v;
+                this._a("radiusY", this.i.adk);
             },
             enumerable: false,
             configurable: true
@@ -120676,10 +120784,24 @@
              * Gets or sets the property name that contains the legend labels.
             */
             get: function () {
-                return this.i.adl;
+                return this.i.ado;
+            },
+            set: function (v) {
+                this.i.ado = v;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcRadialPieSeriesComponent.prototype, "legendEmptyValuesMode", {
+            /**
+             * Determines display mode for zero values in the legend.
+            */
+            get: function () {
+                return this.i.ade;
             },
             set: function (v) {
-                this.i.adl = v;
+                this.i.ade = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, v);
+                this._a("legendEmptyValuesMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, this.i.ade));
             },
             enumerable: false,
             configurable: true
@@ -122935,35 +123057,6 @@
         return IndexCollection;
     }(igniteuiWebcomponentsCore.ObservableCollection$1));
 
-    /*
-    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
-    https://www.infragistics.com/legal/license/igultimate-la
-    https://www.infragistics.com/legal/license/igultimate-eula
-    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
-    */
-    /**
-     * Describes available modes for displaying empty values in chart legend.
-     */
-    var LegendEmptyValuesMode = /*@__PURE__*/ (function (LegendEmptyValuesMode) {
-        /**
-         * Always hide legend items for zero values regradless of the Others Category.
-         */
-        LegendEmptyValuesMode[LegendEmptyValuesMode["AlwaysHidden"] = 0] = "AlwaysHidden";
-        /**
-         * Always show legend items for zero values even when the Others Category is present.
-         */
-        LegendEmptyValuesMode[LegendEmptyValuesMode["AlwaysVisible"] = 1] = "AlwaysVisible";
-        /**
-         * Show legend items for zero values only when the Others Category is not present.
-         */
-        LegendEmptyValuesMode[LegendEmptyValuesMode["ShowWhenNoOthersCategory"] = 2] = "ShowWhenNoOthersCategory";
-        return LegendEmptyValuesMode;
-    })({});
-    /**
-     * @hidden
-     */
-    var LegendEmptyValuesMode_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('LegendEmptyValuesMode', 'AlwaysHidden,0|AlwaysVisible,1|ShowWhenNoOthersCategory,2');
-
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -126196,6 +126289,16 @@
         };
         PieChartBase.prototype.destroy = function () {
             this.gv();
+            if (this.b0) {
+                var a = this.ak;
+                a.collectionChanged = igniteuiWebcomponentsCore.delegateRemove(a.collectionChanged, this.cu);
+                this.b0 = false;
+            }
+            if (this.b3) {
+                var b = this.al;
+                b.collectionChanged = igniteuiWebcomponentsCore.delegateRemove(b.collectionChanged, this.cu);
+                this.b3 = false;
+            }
             this.a4.az(null);
         };
         Object.defineProperty(PieChartBase.prototype, "fq", {
@@ -126366,7 +126469,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', [LegendEmptyValuesMode_$type, igniteuiWebcomponentsCore.enumGetBox(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, '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]]);
         return PieChartBase;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -193681,40 +193784,40 @@
         PolarBase.prototype.get_fn = function () {
             return true;
         };
-        PolarBase.prototype.d9 = function (a, b, c, d) {
+        PolarBase.prototype.d9 = function (a, b, c, d, e) {
             var _this = this;
             if (!this.hasMarkers) {
                 return false;
             }
-            var e = this.yl;
-            var f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            var g = this.ym;
-            var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
+            var f = this.yl;
+            var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            var h = this.ym;
+            var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
             a.clear();
-            this.wy.cj(function (i) {
-                if (i._visibility == 0) {
-                    var j = new SeriesPointOfInterest();
-                    var k = i.n;
-                    var l = i.o;
-                    if (k < _this.wl.left || k > _this.wl.right || l < _this.wl.top || l > _this.wl.bottom) {
+            this.wy.cj(function (j) {
+                if (j._visibility == 0) {
+                    var k = new SeriesPointOfInterest();
+                    var l = j.n;
+                    var m = j.o;
+                    if (l < _this.wl.left || l > _this.wl.right || m < _this.wl.top || m > _this.wl.bottom) {
                         return;
                     }
-                    var m = void 0;
                     var n = void 0;
-                    var o = _this.yn.f(k, l, _this.ct.by, _this.ct.bx, _this.ct.getEffectiveViewport(), m, n);
-                    m = o.p5;
-                    n = o.p6;
-                    j.d = m;
-                    j.e = n;
-                    j.b = i.content;
-                    j.g = _this.va;
-                    j.c = i.ak;
+                    var o = void 0;
+                    var p = _this.yn.f(l, m, _this.ct.by, _this.ct.bx, _this.ct.getEffectiveViewport(), n, o);
+                    n = p.p5;
+                    o = p.p6;
+                    k.d = n;
+                    k.e = o;
+                    k.b = j.content;
+                    k.g = _this.va;
+                    k.c = j.ak;
                     if (_this.g7) {
-                        j.g = _this.vh(i.ak);
+                        k.g = _this.vh(j.ak);
                     }
-                    a.add(j);
+                    a.add(k);
                 }
             });
             return true;
@@ -200875,35 +200978,35 @@
             }
             return _super.prototype.mb.call(this, a);
         };
-        ScatterBase.prototype.d9 = function (a, b, c, d) {
+        ScatterBase.prototype.d9 = function (a, b, c, d, e) {
             var _this = this;
             if (!this.hasMarkers) {
                 return false;
             }
-            var e = this.xAxis;
-            var f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            var g = this.yAxis;
-            var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
+            var f = this.xAxis;
+            var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            var h = this.yAxis;
+            var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
             a.clear();
-            this.wy.cj(function (i) {
-                if (i._visibility == 0) {
-                    var j = new SeriesPointOfInterest();
-                    var k = i.n;
-                    var l = i.o;
-                    if (k < _this.wl.left || k > _this.wl.right || l < _this.wl.top || l > _this.wl.bottom) {
+            this.wy.cj(function (j) {
+                if (j._visibility == 0) {
+                    var k = new SeriesPointOfInterest();
+                    var l = j.n;
+                    var m = j.o;
+                    if (l < _this.wl.left || l > _this.wl.right || m < _this.wl.top || m > _this.wl.bottom) {
                         return;
                     }
-                    j.d = e.en(k, f);
-                    j.e = g.en(l, h);
-                    j.b = i.content;
-                    j.g = _this.va;
-                    j.c = i.ak;
+                    k.d = f.en(l, g);
+                    k.e = h.en(m, i);
+                    k.b = j.content;
+                    k.g = _this.va;
+                    k.c = j.ak;
                     if (_this.g7) {
-                        j.g = _this.vh(i.ak);
+                        k.g = _this.vh(j.ak);
                     }
-                    a.add(j);
+                    a.add(k);
                 }
             });
             return true;
@@ -214639,35 +214742,35 @@
                 }
             }
         };
-        ScatterPolygonSeries.prototype.d9 = function (a, b, c, d) {
+        ScatterPolygonSeries.prototype.d9 = function (a, b, c, d, e) {
             var _this = this;
             if (!this.hasMarkers) {
                 return false;
             }
-            var e = this.w2;
-            var f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            var g = this.w4;
-            var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
+            var f = this.w2;
+            var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            var h = this.w4;
+            var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
             a.clear();
-            this.zu.dw(function (i) {
-                if (i._visibility == 0) {
-                    var j = new SeriesPointOfInterest();
-                    var k = i.n;
-                    var l = i.o;
-                    if (k < _this.wl.left || k > _this.wl.right || l < _this.wl.top || l > _this.wl.bottom) {
+            this.zu.dw(function (j) {
+                if (j._visibility == 0) {
+                    var k = new SeriesPointOfInterest();
+                    var l = j.n;
+                    var m = j.o;
+                    if (l < _this.wl.left || l > _this.wl.right || m < _this.wl.top || m > _this.wl.bottom) {
                         return;
                     }
-                    j.d = e.en(k, f);
-                    j.e = g.en(l, h);
-                    j.b = i.content;
-                    j.g = _this.va;
-                    j.c = i.ak;
+                    k.d = f.en(l, g);
+                    k.e = h.en(m, i);
+                    k.b = j.content;
+                    k.g = _this.va;
+                    k.c = j.ak;
                     if (_this.g7) {
-                        j.g = _this.vh(i.ak);
+                        k.g = _this.vh(j.ak);
                     }
-                    a.add(j);
+                    a.add(k);
                 }
             });
             return true;
@@ -224267,9 +224370,9 @@
             }
             return null;
         };
-        StackedFragmentSeries.prototype.as = function (a, b, c, d) {
+        StackedFragmentSeries.prototype.as = function (a, b, c, d, e) {
             if (this.visualSeriesLink != null) {
-                return this.visualSeriesLink.d9(a, b, c, d);
+                return this.visualSeriesLink.d9(a, b, c, d, e);
             }
             return false;
         };
@@ -238122,8 +238225,8 @@
                 return this.i.a1;
             },
             set: function (v) {
-                this.i.a1 = igniteuiWebcomponentsCore.ensureEnum(LegendEmptyValuesMode_$type, v);
-                this._a("legendEmptyValuesMode", igniteuiWebcomponentsCore.enumToString(LegendEmptyValuesMode_$type, this.i.a1));
+                this.i.a1 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, v);
+                this._a("legendEmptyValuesMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, this.i.a1));
             },
             enumerable: false,
             configurable: true
@@ -255879,8 +255982,6 @@
     exports.LegendBaseStyles = LegendBaseStyles;
     exports.LegendBaseView = LegendBaseView;
     exports.LegendBaseViewManager = LegendBaseViewManager;
-    exports.LegendEmptyValuesMode = LegendEmptyValuesMode;
-    exports.LegendEmptyValuesMode_$type = LegendEmptyValuesMode_$type;
     exports.LegendHighlightingMode = LegendHighlightingMode;
     exports.LegendHighlightingMode_$type = LegendHighlightingMode_$type;
     exports.LegendItemInfo = LegendItemInfo;