igniteui-webcomponents-charts 5.0.0 → 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];
@@ -54775,6 +54775,7 @@
             _this._badgeMarginRight = 0;
             _this._badgeMarginBottom = 0;
             _this._badgeShape = null;
+            _this._badgeAppearance = null;
             _this._rowBounds = null;
             _this._rowMarginLeft = 0;
             _this._rowMarginTop = 0;
@@ -54864,6 +54865,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DataLegendVisualDataRow.prototype, "badgeAppearance", {
+            get: function () {
+                return this._badgeAppearance;
+            },
+            set: function (a) {
+                this._badgeAppearance = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DataLegendVisualDataRow.prototype, "rowBounds", {
             get: function () {
                 return this._rowBounds;
@@ -54920,22 +54931,25 @@
             var b = "   ";
             var c = new igniteuiWebcomponentsCore.StringBuilder(0);
             c.u("{");
-            c.u(b + this.n("badgeMarginLeft") + this.badgeMarginLeft + a);
-            c.u(b + this.n("badgeMarginTop") + this.badgeMarginTop + a);
-            c.u(b + this.n("badgeMarginRight") + this.badgeMarginRight + a);
-            c.u(b + this.n("badgeMarginBottom") + this.badgeMarginBottom + a);
+            c.u(b + this.o("badgeMarginLeft") + this.badgeMarginLeft + a);
+            c.u(b + this.o("badgeMarginTop") + this.badgeMarginTop + a);
+            c.u(b + this.o("badgeMarginRight") + this.badgeMarginRight + a);
+            c.u(b + this.o("badgeMarginBottom") + this.badgeMarginBottom + a);
             if (this.badgeBounds == null) {
-                c.u(b + this.n("badgeBounds") + "{}" + a);
+                c.u(b + this.o("badgeBounds") + "{}" + a);
             }
             else {
-                c.u(b + this.n("badgeBounds") + DataLegendVisualData.serialize1(this.badgeBounds) + a);
+                c.u(b + this.o("badgeBounds") + DataLegendVisualData.serialize1(this.badgeBounds) + a);
             }
-            c.u(b + this.n("badgeShape") + DataLegendVisualData.serialize1(this.badgeShape) + a);
-            c.u(b + this.n("rowBounds") + DataLegendVisualData.serialize1(this.rowBounds) + a);
-            c.u(b + this.n("rowMarginLeft") + this.rowMarginLeft + a);
-            c.u(b + this.n("rowMarginTop") + this.rowMarginTop + a);
-            c.u(b + this.n("rowMarginRight") + this.rowMarginRight + a);
-            c.u(b + this.n("rowMarginBottom") + this.rowMarginBottom + a);
+            c.u(b + this.o("badgeShape") + DataLegendVisualData.serialize1(this.badgeShape) + a);
+            if (this.badgeAppearance != null) {
+                c.u(b + this.o("badgeAppearance") + this.badgeAppearance.serialize() + a);
+            }
+            c.u(b + this.o("rowBounds") + DataLegendVisualData.serialize1(this.rowBounds) + a);
+            c.u(b + this.o("rowMarginLeft") + this.rowMarginLeft + a);
+            c.u(b + this.o("rowMarginTop") + this.rowMarginTop + a);
+            c.u(b + this.o("rowMarginRight") + this.rowMarginRight + a);
+            c.u(b + this.o("rowMarginBottom") + this.rowMarginBottom + a);
             var d = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 0);
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.columns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -54956,13 +54970,13 @@
                         throw e_2.error;
                 }
             }
-            c.u(b + this.n("columns") + "[");
+            c.u(b + this.o("columns") + "[");
             c.u(b + b + igniteuiWebcomponentsCore.stringJoin.apply(void 0, tslib.__spreadArray([", \n" + b + b], tslib.__read(d.toArray()), false)));
             c.u(b + "]");
             c.u("}");
             return c.toString();
         };
-        DataLegendVisualDataRow.prototype.n = function (a) {
+        DataLegendVisualDataRow.prototype.o = function (a) {
             return a + ": ";
         };
         DataLegendVisualDataRow.$t = igniteuiWebcomponentsCore.markType(DataLegendVisualDataRow, 'DataLegendVisualDataRow');
@@ -56683,6 +56697,11 @@
                         l.badgeMarginBottom = k.z.bottom;
                         l.badgeMarginRight = k.z.right;
                         l.badgeMarginLeft = k.z.left;
+                        l.badgeAppearance = new igniteuiWebcomponentsCore.PrimitiveAppearanceData();
+                        var aa = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.ILegendContext_$type, k.n);
+                        var ab = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.ILegendContext_$type, k.i);
+                        l.badgeAppearance.fill = igniteuiWebcomponentsCore.AppearanceHelper.b(aa.actualItemBrush);
+                        l.badgeAppearance.stroke = igniteuiWebcomponentsCore.AppearanceHelper.b(aa.outline);
                         l.badgeShape = k.o;
                     }
                     l.rowBounds = igniteuiWebcomponentsCore.RectData.b(m);
@@ -67466,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;
@@ -112066,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;
@@ -113839,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;
                 }
             }
@@ -114859,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;
         }
@@ -114884,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.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.adj != a) {
-                    var b = this.adj;
-                    this.adj = a;
-                    this.raisePropertyChanged("LegendLabelMemberPath", b, this.adj);
+                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,
@@ -114954,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 () {
@@ -114982,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) {
@@ -115032,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);
@@ -115049,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;
@@ -115084,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;
@@ -115093,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;
@@ -115178,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();
                     }
@@ -115199,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));
     /**
@@ -115388,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;
             }
@@ -115441,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;
             }
@@ -115458,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;
@@ -115492,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);
                 }
             },
@@ -115511,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
@@ -115536,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();
                     }
@@ -115551,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) {
@@ -115564,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);
@@ -115572,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 () {
@@ -115608,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();
             }
@@ -115621,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");
@@ -115631,7 +115733,7 @@
                     break;
             }
         };
-        DataPieBaseChart.prototype.ajv = function (a, b) {
+        DataPieBaseChart.prototype.ajy = function (a, b) {
             switch (b.propertyName) {
                 case "ActualMinimumValue":
                     this.v2("ValueAxisActualMinimum");
@@ -115649,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;
@@ -115661,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 {
@@ -115688,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 {
@@ -115737,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;
@@ -115784,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();
@@ -115795,7 +115897,7 @@
                     break;
                 case "LabelMemberPath":
                     if (c != null) {
-                        var d = this.aij;
+                        var d = this.ail;
                         this.angleAxis.f1 = d;
                     }
                     else {
@@ -115803,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,
@@ -115868,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,
@@ -115896,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,
@@ -115924,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,
@@ -115952,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,
@@ -115994,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,
@@ -116134,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,
@@ -116414,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;
         }
@@ -116459,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;
@@ -116470,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());
@@ -116583,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;
@@ -116608,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);
@@ -116640,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,
@@ -118506,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
@@ -118536,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
@@ -118566,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
@@ -118596,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
@@ -118627,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
@@ -118642,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
@@ -118670,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
@@ -118684,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
@@ -118698,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
@@ -118711,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
@@ -118724,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
@@ -118738,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
@@ -118752,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
@@ -118765,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
@@ -118778,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
@@ -118807,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
@@ -118822,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
@@ -118836,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
@@ -118851,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
@@ -118866,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
@@ -118880,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
@@ -118894,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
@@ -118908,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
@@ -118922,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
@@ -118932,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
@@ -118942,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
@@ -118956,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
@@ -118970,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
@@ -118983,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
@@ -118997,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
@@ -119011,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
@@ -119025,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
@@ -119351,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
@@ -119365,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
@@ -119380,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
@@ -119394,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
@@ -119417,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
@@ -119431,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
@@ -119445,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
@@ -119459,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
@@ -119473,7 +119600,7 @@
 
     */
         IgcDataPieChartComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.akh();
+            var iv = this.i.akk();
             return (iv);
         };
         IgcDataPieChartComponent._observedAttributesIgcDataPieChartComponent = null;
@@ -120629,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
@@ -120643,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
@@ -120657,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.adl = 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.ade = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, v);
+                this._a("legendEmptyValuesMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, this.i.ade));
             },
             enumerable: false,
             configurable: true
@@ -122916,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
@@ -126177,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", {
@@ -126347,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));
     /**
@@ -163943,7 +164065,7 @@
             var a = igniteuiWebcomponentsCore.LegendItemHelper.b;
             if (window.devicePixelRatio != undefined && (igniteuiWebcomponentsCore.isNaN_(a) || window.devicePixelRatio != a)) {
                 igniteuiWebcomponentsCore.LegendItemHelper.b = window.devicePixelRatio;
-                this.a.al();
+                this.a.am();
             }
         };
         LegendBaseViewManager.prototype.u = function () {
@@ -163959,7 +164081,7 @@
             }
             this.g = a;
             this.l = this.i();
-            this.l.addClass(this.a.s);
+            this.l.addClass(this.a.t);
             this.g.append(this.l);
         };
         LegendBaseViewManager.prototype.i = function () {
@@ -163967,8 +164089,8 @@
         };
         LegendBaseViewManager.prototype.h = function () {
             var a = this.g.createElement("tr");
-            a.addClass(this.a.t);
-            var b = this.a.k;
+            a.addClass(this.a.u);
+            var b = this.a.l;
             if (b) {
                 a.setStyleProperty("display", "block");
                 a.setStyleProperty("float", "left");
@@ -164009,14 +164131,14 @@
                     c.ah.render(h);
                     var i = d.findByClass(".ui-legend-item-badge");
                     for (var j = 0; j < i.length; j++) {
-                        i[j].removeClass("ui-legend-item-badge").addClass(this.a.r);
+                        i[j].removeClass("ui-legend-item-badge").addClass(this.a.s);
                     }
                     i = d.findByClass(".ui-legend-item-text");
                     for (var k = 0; k < i.length; k++) {
-                        if (this.a.k) {
+                        if (this.a.l) {
                             i[k].setStyleProperty("white-space", "nowrap");
                         }
-                        i[k].removeClass("ui-legend-item-text").addClass(this.a.u);
+                        i[k].removeClass("ui-legend-item-text").addClass(this.a.v);
                     }
                 }
             }
@@ -164024,10 +164146,10 @@
         };
         LegendBaseViewManager.prototype.o = function (a, b) {
             var c = this.k(a, this.l);
-            c.listen("mouseup", igniteuiWebcomponentsCore.runOn(this.a, this.a.ae));
-            c.listen("mousedown", igniteuiWebcomponentsCore.runOn(this.a, this.a.ab));
-            c.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this.a, this.a.ac));
-            c.listen("mousemove", igniteuiWebcomponentsCore.runOn(this.a, this.a.ad));
+            c.listen("mouseup", igniteuiWebcomponentsCore.runOn(this.a, this.a.af));
+            c.listen("mousedown", igniteuiWebcomponentsCore.runOn(this.a, this.a.ac));
+            c.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this.a, this.a.ad));
+            c.listen("mousemove", igniteuiWebcomponentsCore.runOn(this.a, this.a.ae));
             this.f.addItem(a, c);
             if ((this.l.getChildCount() == 0) || (b >= this.l.getChildCount())) {
                 this.l.append(c);
@@ -164202,7 +164324,7 @@
             _this.legendItemMouseMove = null;
             var a = _this.aj();
             _this.a8(a);
-            a.ak();
+            a.al();
             _this.at = new igniteuiWebcomponentsCore.ObservableCollection$1(igniteuiWebcomponentsCore.UIElement.$, 0);
             _this.aw = "ig-chart-legend-items-list";
             _this.ax = "ig-chart-legend-item";
@@ -164211,10 +164333,10 @@
             return _this;
         }
         LegendBase.prototype.onDetachedFromUI = function () {
-            this.ak.aj();
+            this.ak.ak();
         };
         LegendBase.prototype.onAttachedToUI = function () {
-            this.ak.ah();
+            this.ak.ai();
         };
         LegendBase.prototype.aj = function () {
             return new LegendBaseView(this);
@@ -164384,50 +164506,50 @@
             }
         };
         LegendBase.prototype.provideContainer = function (a) {
-            this.ak.ai(a);
+            this.ak.aj(a);
         };
         Object.defineProperty(LegendBase.prototype, "aw", {
             get: function () {
-                return this.ak.s;
+                return this.ak.t;
             },
             set: function (a) {
-                this.ak.s = a;
+                this.ak.t = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "ax", {
             get: function () {
-                return this.ak.t;
+                return this.ak.u;
             },
             set: function (a) {
-                this.ak.t = a;
+                this.ak.u = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "av", {
             get: function () {
-                return this.ak.r;
+                return this.ak.s;
             },
             set: function (a) {
-                this.ak.r = a;
+                this.ak.s = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "ay", {
             get: function () {
-                return this.ak.u;
+                return this.ak.v;
             },
             set: function (a) {
-                this.ak.u = a;
+                this.ak.v = a;
             },
             enumerable: false,
             configurable: true
         });
         LegendBase.prototype.exportVisualData = function () {
-            return this.ak.f();
+            return this.ak.g();
         };
         LegendBase.prototype.exportSerializedVisualData = function () {
             var a = this.exportVisualData();
@@ -164453,44 +164575,44 @@
         tslib.__extends(LegendBaseView, _super);
         function LegendBaseView(a) {
             var _this = _super.call(this) || this;
+            _this.d = null;
             _this.c = null;
-            _this.b = null;
-            _this.s = null;
             _this.t = null;
-            _this.r = null;
             _this.u = null;
-            _this.l = false;
-            _this.i = false;
-            _this.p = null;
+            _this.s = null;
+            _this.v = null;
+            _this.m = false;
+            _this.j = false;
             _this.q = null;
-            _this.b = a;
-            _this.c = new LegendBaseViewManager(_this);
-            _this.c.p();
+            _this.r = null;
+            _this.c = a;
+            _this.d = new LegendBaseViewManager(_this);
+            _this.d.p();
             return _this;
         }
-        LegendBaseView.prototype.aj = function () {
-            this.c.u();
+        LegendBaseView.prototype.ak = function () {
+            this.d.u();
         };
-        LegendBaseView.prototype.ah = function () {
-            this.c.s();
+        LegendBaseView.prototype.ai = function () {
+            this.d.s();
         };
-        LegendBaseView.prototype.ak = function () {
+        LegendBaseView.prototype.al = function () {
         };
-        LegendBaseView.prototype.get_j = function () {
+        LegendBaseView.prototype.get_k = function () {
             return false;
         };
-        Object.defineProperty(LegendBaseView.prototype, "j", {
+        Object.defineProperty(LegendBaseView.prototype, "k", {
             get: function () {
-                return this.get_j();
+                return this.get_k();
             },
             enumerable: false,
             configurable: true
         });
-        LegendBaseView.prototype.d = function (a) {
+        LegendBaseView.prototype.e = function (a) {
             var b;
             var c;
             var d;
-            var e = this.aa(a, b, c, d);
+            var e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -164498,11 +164620,11 @@
             var g = new LegendMouseButtonEventArgs(b, c, d, f, a);
             return g;
         };
-        LegendBaseView.prototype.e = function (a) {
+        LegendBaseView.prototype.f = function (a) {
             var b;
             var c;
             var d;
-            var e = this.aa(a, b, c, d);
+            var e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -164510,8 +164632,8 @@
             var g = new LegendMouseEventArgs(b, c, d, f, a);
             return g;
         };
-        LegendBaseView.prototype.aa = function (a, b, c, d) {
-            b = this.b.ai;
+        LegendBaseView.prototype.ab = function (a, b, c, d) {
+            b = this.c.ai;
             c = null;
             d = null;
             if (a != null) {
@@ -164531,93 +164653,93 @@
                 p3: d
             };
         };
-        LegendBaseView.prototype.z = function () {
+        LegendBaseView.prototype.aa = function () {
         };
-        LegendBaseView.prototype.m = function () {
+        LegendBaseView.prototype.n = function () {
             return true;
         };
-        LegendBaseView.prototype.y = function (a) {
-        };
-        LegendBaseView.prototype.am = function (a) {
-        };
-        LegendBaseView.prototype.ai = function (a) {
-            this.c.t(a);
+        LegendBaseView.prototype.z = function (a) {
         };
         LegendBaseView.prototype.an = function (a) {
-            this.c.x(a);
         };
-        LegendBaseView.prototype.x = function (a) {
-            var b = this.b.at.indexOf(a);
-            this.c.o(a, b);
+        LegendBaseView.prototype.aj = function (a) {
+            this.d.t(a);
         };
-        LegendBaseView.prototype.af = function () {
-            this.c.q();
+        LegendBaseView.prototype.ao = function (a) {
+            this.d.x(a);
+        };
+        LegendBaseView.prototype.y = function (a) {
+            var b = this.c.at.indexOf(a);
+            this.d.o(a, b);
         };
         LegendBaseView.prototype.ag = function () {
-            this.c.r();
+            this.d.q();
         };
-        Object.defineProperty(LegendBaseView.prototype, "k", {
+        LegendBaseView.prototype.ah = function () {
+            this.d.r();
+        };
+        Object.defineProperty(LegendBaseView.prototype, "l", {
             get: function () {
-                return this.i;
+                return this.j;
             },
             set: function (a) {
-                this.i = a;
-                this.c.v(this.i);
+                this.j = a;
+                this.d.v(this.j);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LegendBaseView.prototype, "v", {
+        Object.defineProperty(LegendBaseView.prototype, "w", {
             get: function () {
-                return this.p;
+                return this.q;
             },
             set: function (a) {
-                this.p = a;
-                this.c.z(this.p);
+                this.q = a;
+                this.d.z(this.q);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LegendBaseView.prototype, "w", {
+        Object.defineProperty(LegendBaseView.prototype, "x", {
             get: function () {
-                return this.q;
+                return this.r;
             },
             set: function (a) {
-                this.q = a;
-                this.c.aa(this.q);
+                this.r = a;
+                this.d.aa(this.r);
             },
             enumerable: false,
             configurable: true
         });
-        LegendBaseView.prototype.al = function () {
-            this.c.p();
+        LegendBaseView.prototype.am = function () {
+            this.d.p();
         };
-        LegendBaseView.prototype.n = function (e_) {
+        LegendBaseView.prototype.o = function (e_) {
             var ev_ = e_.originalEvent;
             return ev_.currentTarget;
         };
-        LegendBaseView.prototype.o = function (e_) {
-            return this.c.n(this.n(e_));
+        LegendBaseView.prototype.p = function (e_) {
+            return this.d.n(this.o(e_));
         };
-        LegendBaseView.prototype.ad = function (a) {
-            if (!this.l) {
-                this.b.a3(this.e(this.o(a)));
+        LegendBaseView.prototype.ae = function (a) {
+            if (!this.m) {
+                this.c.a3(this.f(this.p(a)));
             }
-            this.l = true;
+            this.m = true;
         };
-        LegendBaseView.prototype.ac = function (a) {
-            if (this.l) {
-                this.b.a4(this.e(this.o(a)));
+        LegendBaseView.prototype.ad = function (a) {
+            if (this.m) {
+                this.c.a4(this.f(this.p(a)));
             }
-            this.l = false;
+            this.m = false;
         };
-        LegendBaseView.prototype.ab = function (a) {
-            this.b.a5(this.d(this.o(a)));
+        LegendBaseView.prototype.ac = function (a) {
+            this.c.a5(this.e(this.p(a)));
         };
-        LegendBaseView.prototype.ae = function (a) {
-            this.b.a6(this.d(this.o(a)));
+        LegendBaseView.prototype.af = function (a) {
+            this.c.a6(this.e(this.p(a)));
         };
-        LegendBaseView.prototype.h = function (a) {
+        LegendBaseView.prototype.i = function (a) {
             var b = a.querySelectorAll("span *");
             var c = igniteuiWebcomponentsCore.Rect.empty;
             for (var e = 0; e < b.length; e++) {
@@ -164631,16 +164753,16 @@
             }
             return igniteuiWebcomponentsCore.RectData.b(c);
         };
-        LegendBaseView.prototype.g = function (a) {
+        LegendBaseView.prototype.h = function (a) {
             var b = a.querySelectorAll("canvas");
             var c = b.length > 0 ? b[0] : null;
             return c != null ? new igniteuiWebcomponentsCore.RectData(c.getOffset().left, c.getOffset().top, c.width(), c.height()) : null;
         };
         LegendBaseView.prototype.a = function (a) {
-            if (this.b == null || this.b.at == null || this.b.at.count <= a) {
+            if (this.c == null || this.c.at == null || this.c.at.count <= a) {
                 return null;
             }
-            var b = this.b.at._inner[a];
+            var b = this.c.at._inner[a];
             if (b == null) {
                 return null;
             }
@@ -164651,9 +164773,24 @@
             var d = c.actualItemBrush != null ? c.actualItemBrush : c.itemBrush;
             return igniteuiWebcomponentsCore.AppearanceHelper.b(d);
         };
-        LegendBaseView.prototype.f = function () {
+        LegendBaseView.prototype.b = function (a) {
+            if (this.c == null || this.c.at == null || this.c.at.count <= a) {
+                return null;
+            }
+            var b = this.c.at._inner[a];
+            if (b == null) {
+                return null;
+            }
+            var c = b.content;
+            if (c == null) {
+                return null;
+            }
+            var d = c.outline;
+            return igniteuiWebcomponentsCore.AppearanceHelper.b(d);
+        };
+        LegendBaseView.prototype.g = function () {
             var a = new LegendVisualData();
-            var b = this.c.l;
+            var b = this.d.l;
             var c = b.getChildCount();
             for (var d = 0; d < c; d++) {
                 var e = new LegendItemVisualData();
@@ -164661,12 +164798,15 @@
                 e.label = f.getText();
                 e.label = e.label != null ? e.label.trim() : null;
                 e.bounds = new igniteuiWebcomponentsCore.RectData(f.getOffset().left, f.getOffset().top, f.width(), f.height());
-                e.labelBounds = this.h(f);
-                e.badgeBounds = this.g(f);
+                e.labelBounds = this.i(f);
+                e.badgeBounds = this.h(f);
+                e.appearance.fill = this.a(d);
+                e.appearance.stroke = this.b(d);
                 a.items.add(e);
             }
-            for (var g = 0; g < this.b.at.count; g++) {
+            for (var g = 0; g < this.c.at.count; g++) {
                 a.items._inner[g].appearance.fill = this.a(g);
+                a.items._inner[g].appearance.stroke = this.b(g);
             }
             return a;
         };
@@ -164732,7 +164872,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bc.an(c);
+                            _this.bc.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -164753,7 +164893,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bc.x(d);
+                            _this.bc.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -164801,7 +164941,7 @@
                     var e = void 0;
                     var f = void 0;
                     var g = void 0;
-                    var h = this.ak.aa(d, e, f, g);
+                    var h = this.ak.ab(d, e, f, g);
                     e = h.p1;
                     f = h.p2;
                     g = h.p3;
@@ -164857,10 +164997,10 @@
         };
         Object.defineProperty(Legend.prototype, "bb", {
             get: function () {
-                return this.ak.k ? 0 : 1;
+                return this.ak.l ? 0 : 1;
             },
             set: function (a) {
-                this.ak.k = a == 0;
+                this.ak.l = a == 0;
             },
             enumerable: false,
             configurable: true
@@ -164870,20 +165010,20 @@
         };
         Object.defineProperty(Legend.prototype, "bh", {
             get: function () {
-                return this.ak.v;
+                return this.ak.w;
             },
             set: function (a) {
-                this.ak.v = a;
+                this.ak.w = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(Legend.prototype, "bi", {
             get: function () {
-                return this.ak.w;
+                return this.ak.x;
             },
             set: function (a) {
-                this.ak.w = a;
+                this.ak.x = a;
             },
             enumerable: false,
             configurable: true
@@ -164898,12 +165038,12 @@
         tslib.__extends(LegendView, _super);
         function LegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ao = null;
-            _this.ao = a;
+            _this.ap = null;
+            _this.ap = a;
             return _this;
         }
-        LegendView.prototype.ak = function () {
-            _super.prototype.ak.call(this);
+        LegendView.prototype.al = function () {
+            _super.prototype.al.call(this);
         };
         LegendView.$t = igniteuiWebcomponentsCore.markType(LegendView, 'LegendView', LegendBaseView.$);
         return LegendView;
@@ -165087,7 +165227,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bb.an(c);
+                            _this.bb.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -165108,7 +165248,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bb.x(d);
+                            _this.bb.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -165154,7 +165294,7 @@
         tslib.__extends(FinancialLegendView, _super);
         function FinancialLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.c = new FinancialLegendViewManager(_this);
+            _this.d = new FinancialLegendViewManager(_this);
             return _this;
         }
         FinancialLegendView.$t = igniteuiWebcomponentsCore.markType(FinancialLegendView, 'FinancialLegendView', LegendBaseView.$);
@@ -193644,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;
@@ -200838,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;
@@ -202530,8 +202670,9 @@
             for (var ac = 0; ac < this.yo.c.count; ac++) {
                 t = v.item(ac);
                 u = w.item(ac);
+                var ad = 1E-10;
                 if (x) {
-                    if (t >= k && t <= l && u >= m && u <= n) {
+                    if (t >= k - ad && t <= l + ad && u >= m - ad && u <= n + ad) {
                         c[ac].x = r.ek(t, h);
                         c[ac].y = s.ek(u, i);
                     }
@@ -202547,7 +202688,7 @@
                     }
                 }
                 else {
-                    if (t >= k && t <= l && u >= m && u <= n) {
+                    if (t >= k - ad && t <= l + ad && u >= m - ad && u <= n + ad) {
                         c[ac].x = r.ek(t, h);
                         c[ac].y = s.ek(u, i);
                     }
@@ -214601,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;
@@ -224229,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;
         };
@@ -235632,7 +235773,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bb.an(c);
+                            _this.bb.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -235653,7 +235794,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bb.x(d);
+                            _this.bb.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -235681,7 +235822,7 @@
             this.bb = a;
         };
         ItemLegend.prototype.addChildInOrder = function (a, b) {
-            if (!this.ak.m()) {
+            if (!this.ak.n()) {
                 return;
             }
             this.bl(b);
@@ -235694,7 +235835,7 @@
         };
         ItemLegend.prototype.a0 = function (a, b) {
             var e_3, _a;
-            this.ak.af();
+            this.ak.ag();
             this.clearLegendItemsForSeries(b);
             if (b == null || a == null || a.count == 0) {
                 return;
@@ -235734,14 +235875,14 @@
                         throw e_3.error;
                 }
             }
-            this.ak.ag();
+            this.ak.ah();
         };
         ItemLegend.prototype.createLegendItemsInsert = function (a, b) {
             this.bk(a, b);
         };
         ItemLegend.prototype.bk = function (a, b) {
             var e_4, _a;
-            this.ak.af();
+            this.ak.ag();
             try {
                 var c = this.bf(b);
                 if (b == null || a == null || a.count == 0) {
@@ -235780,7 +235921,7 @@
                 }
             }
             finally {
-                this.ak.ag();
+                this.ak.ah();
             }
         };
         ItemLegend.prototype.renderItemwiseContent = function (a) {
@@ -235909,34 +236050,34 @@
             return c;
         };
         ItemLegend.prototype.be = function (a) {
-            return this.bb.ap(a);
+            return this.bb.aq(a);
         };
         Object.defineProperty(ItemLegend.prototype, "bc", {
             get: function () {
-                return this.ak.k ? 0 : 1;
+                return this.ak.l ? 0 : 1;
             },
             set: function (a) {
-                this.ak.k = a == 0;
+                this.ak.l = a == 0;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ItemLegend.prototype, "bi", {
             get: function () {
-                return this.ak.v;
+                return this.ak.w;
             },
             set: function (a) {
-                this.ak.v = a;
+                this.ak.w = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ItemLegend.prototype, "bj", {
             get: function () {
-                return this.ak.w;
+                return this.ak.x;
             },
             set: function (a) {
-                this.ak.w = a;
+                this.ak.x = a;
             },
             enumerable: false,
             configurable: true
@@ -235951,22 +236092,22 @@
         tslib.__extends(ItemLegendView, _super);
         function ItemLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ao = null;
-            _this.ao = a;
+            _this.ap = null;
+            _this.ap = a;
             return _this;
         }
-        ItemLegendView.prototype.ak = function () {
-            _super.prototype.ak.call(this);
+        ItemLegendView.prototype.al = function () {
+            _super.prototype.al.call(this);
         };
-        ItemLegendView.prototype.get_j = function () {
+        ItemLegendView.prototype.get_k = function () {
             return true;
         };
-        ItemLegendView.prototype.ap = function (a) {
-            return this.c.e(a);
+        ItemLegendView.prototype.aq = function (a) {
+            return this.d.e(a);
         };
-        ItemLegendView.prototype.f = function () {
+        ItemLegendView.prototype.g = function () {
             var a = new LegendVisualData();
-            var b = this.c.g.rootWrapper;
+            var b = this.d.g.rootWrapper;
             b = b.getChildAt(0);
             var c = b.getChildCount();
             for (var d = 0; d < c; d++) {
@@ -235975,13 +236116,14 @@
                 e.label = f.getText();
                 e.label = e.label != null ? e.label.trim() : null;
                 e.bounds = new igniteuiWebcomponentsCore.RectData(f.getOffset().left, f.getOffset().top, f.width(), f.height());
-                e.labelBounds = this.h(f);
-                e.badgeBounds = this.g(f);
+                e.labelBounds = this.i(f);
+                e.badgeBounds = this.h(f);
                 a.items.add(e);
             }
             if (c == a.items.count) {
                 for (var g = 0; g < c; g++) {
                     a.items._inner[g].appearance.fill = this.a(g);
+                    a.items._inner[g].appearance.stroke = this.b(g);
                 }
             }
             return a;
@@ -236240,21 +236382,21 @@
         };
         Object.defineProperty(ScaleLegend.prototype, "legendScaleElement", {
             get: function () {
-                return this.bd.ba;
+                return this.bd.bb;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ScaleLegend.prototype, "minText", {
             get: function () {
-                return this.bd.a6;
+                return this.bd.a7;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ScaleLegend.prototype, "maxText", {
             get: function () {
-                return this.bd.a5;
+                return this.bd.a6;
             },
             enumerable: false,
             configurable: true
@@ -236270,14 +236412,14 @@
             configurable: true
         });
         ScaleLegend.prototype.bi = function () {
-            this.bd.a2();
+            this.bd.a3();
         };
         ScaleLegend.prototype.restoreOriginalState = function () {
             this.bi();
         };
         ScaleLegend.prototype.bl = function (a) {
             if (a == null) {
-                return this.bd.a9();
+                return this.bd.ba();
             }
             return igniteuiWebcomponentsCore.ColorUtil.v(a);
         };
@@ -236302,11 +236444,11 @@
             var a = false;
             var b = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.Shape.$, this.legendScaleElement);
             if (b != null) {
-                var c_1 = this.bd.aw();
-                if (!this.bc.forScaleColors(function (d, e) { return _this.bd.ay(c_1, _this.bl(d), e); })) {
+                var c_1 = this.bd.ax();
+                if (!this.bc.forScaleColors(function (d, e) { return _this.bd.az(c_1, _this.bl(d), e); })) {
                     a = true;
                 }
-                this.bd.a3(b, a, c_1);
+                this.bd.a4(b, a, c_1);
             }
             if (this.minText != null) {
                 this.minText.al = this.bc.minScaleText;
@@ -236325,34 +236467,34 @@
         tslib.__extends(ScaleLegendView, _super);
         function ScaleLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ap = null;
-            _this.ba = null;
-            _this.a6 = null;
-            _this.a5 = null;
-            _this.ao = null;
             _this.aq = null;
-            _this.bb = new igniteuiWebcomponentsCore.Size();
-            _this.ar = false;
-            _this.as = 0;
-            _this.a8 = null;
+            _this.bb = null;
             _this.a7 = null;
-            _this.ap = a;
+            _this.a6 = null;
+            _this.ap = null;
+            _this.ar = null;
+            _this.bc = new igniteuiWebcomponentsCore.Size();
+            _this.as = false;
+            _this.at = 0;
+            _this.a9 = null;
+            _this.a8 = null;
+            _this.aq = a;
+            _this.a7 = new igniteuiWebcomponentsCore.TextBlock();
             _this.a6 = new igniteuiWebcomponentsCore.TextBlock();
-            _this.a5 = new igniteuiWebcomponentsCore.TextBlock();
-            _this.ba = new igniteuiWebcomponentsCore.Polygon();
+            _this.bb = new igniteuiWebcomponentsCore.Polygon();
             return _this;
         }
-        ScaleLegendView.prototype.a2 = function () {
+        ScaleLegendView.prototype.a3 = function () {
         };
-        ScaleLegendView.prototype.z = function () {
+        ScaleLegendView.prototype.aa = function () {
         };
-        ScaleLegendView.prototype.a9 = function () {
+        ScaleLegendView.prototype.ba = function () {
             return igniteuiWebcomponentsCore.Color.u(0, 0, 0, 0);
         };
-        ScaleLegendView.prototype.aw = function () {
+        ScaleLegendView.prototype.ax = function () {
             return new GradientData();
         };
-        ScaleLegendView.prototype.ay = function (a, b, c) {
+        ScaleLegendView.prototype.az = function (a, b, c) {
             var d = a;
             d.a.add(((function () {
                 var $ret = new GradientStopData();
@@ -236365,77 +236507,77 @@
                 return $ret;
             })()));
         };
-        ScaleLegendView.prototype.a3 = function (a, b, c) {
+        ScaleLegendView.prototype.a4 = function (a, b, c) {
             if (b) {
-                this.a7 = this.ap.bc.actualMarkerBrush;
-                this.ao = null;
+                this.a8 = this.aq.bc.actualMarkerBrush;
+                this.ap = null;
             }
             else {
-                this.a7 = null;
-                this.ao = c;
-                this.ao.b();
+                this.a8 = null;
+                this.ap = c;
+                this.ap.b();
             }
-            this.az();
+            this.a0();
         };
-        ScaleLegendView.prototype.ai = function (a) {
-            _super.prototype.ai.call(this, a);
-            this.aq = this.c.b(a);
-            this.bb = this.c.ab();
-            this.az();
+        ScaleLegendView.prototype.aj = function (a) {
+            _super.prototype.aj.call(this, a);
+            this.ar = this.d.b(a);
+            this.bc = this.d.ab();
+            this.a0();
         };
-        ScaleLegendView.prototype.az = function () {
-            if (!this.ar) {
-                this.ar = true;
-                if (this.c.g != null) {
-                    this.c.g.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a4), 0);
+        ScaleLegendView.prototype.a0 = function () {
+            if (!this.as) {
+                this.as = true;
+                if (this.d.g != null) {
+                    this.d.g.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a5), 0);
                 }
                 else {
-                    window.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a4), 0);
+                    window.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a5), 0);
                 }
             }
         };
-        ScaleLegendView.prototype.a4 = function () {
-            if (this.ar) {
-                this.ar = false;
-                this.a1();
+        ScaleLegendView.prototype.a5 = function () {
+            if (this.as) {
+                this.as = false;
+                this.a2();
             }
         };
-        ScaleLegendView.prototype.a1 = function () {
-            if (this.aq == null) {
+        ScaleLegendView.prototype.a2 = function () {
+            if (this.ar == null) {
                 return;
             }
-            this.a0();
+            this.a1();
         };
-        ScaleLegendView.prototype.au = function (a) {
+        ScaleLegendView.prototype.av = function (a) {
             var b = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.TextBlock.$, a);
             if (b != null && b.al != null) {
-                return this.aq.f(b) + 0;
+                return this.ar.f(b) + 0;
             }
             return 0;
         };
-        ScaleLegendView.prototype.at = function (a) {
-            return this.as + 0;
+        ScaleLegendView.prototype.au = function (a) {
+            return this.at + 0;
         };
-        ScaleLegendView.prototype.a0 = function () {
-            if (this.ap.bc == null || this.ap.bc.container == null || (this.ao == null && this.a7 == null)) {
+        ScaleLegendView.prototype.a1 = function () {
+            if (this.aq.bc == null || this.aq.bc.container == null || (this.ap == null && this.a8 == null)) {
                 return;
             }
-            if (this.aq.d) {
-                var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IInternalLegendOwner_$type, this.ap.bc.container);
-                this.aq.ad(a.getFontInfo());
-                this.as = a.getFontHeight();
-                this.a8 = a.getFontBrush();
-                var b = this.au(this.a6);
-                var c = this.au(this.a5);
+            if (this.ar.d) {
+                var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IInternalLegendOwner_$type, this.aq.bc.container);
+                this.ar.ad(a.getFontInfo());
+                this.at = a.getFontHeight();
+                this.a9 = a.getFontBrush();
+                var b = this.av(this.a7);
+                var c = this.av(this.a6);
                 var d = Math.max(b, c) + 4;
-                if (d >= this.bb.width) {
+                if (d >= this.bc.width) {
                     d = 0;
                 }
-                var e = this.bb.width - d;
+                var e = this.bc.width - d;
                 var f = 2;
                 var g = 2;
                 e = e - 4;
-                var h = this.bb.height - 4;
+                var h = this.bc.height - 4;
                 var i = f + e + 4;
                 var j = g;
                 var k = h;
@@ -236443,36 +236585,36 @@
                 var m = { $type: igniteuiWebcomponentsCore.Point_$type, x: f + (5 / 5) * e, y: g };
                 var n = { $type: igniteuiWebcomponentsCore.Point_$type, x: f + (5 / 5) * e, y: h };
                 var o = { $type: igniteuiWebcomponentsCore.Point_$type, x: f, y: h };
-                var p = this.ba;
+                var p = this.bb;
                 p.an.clear();
                 p.an.add(l);
                 p.an.add(m);
                 p.an.add(n);
                 p.an.add(o);
+                this.a7.n = i;
+                this.a7.o = j;
+                this.a7.ao = this.a9;
                 this.a6.n = i;
-                this.a6.o = j;
-                this.a6.ao = this.a8;
-                this.a5.n = i;
-                this.a5.o = j + k - (this.at(this.a6));
-                this.a5.ao = this.a8;
-                if (!this.aq.e) {
-                    this.aq.l(0, 0, this.bb.width, this.bb.height);
-                }
-                if (this.ao == null && this.a7 != null) {
-                    p._fill = this.a7;
-                    this.aq.u(p);
+                this.a6.o = j + k - (this.au(this.a7));
+                this.a6.ao = this.a9;
+                if (!this.ar.e) {
+                    this.ar.l(0, 0, this.bc.width, this.bc.height);
+                }
+                if (this.ap == null && this.a8 != null) {
+                    p._fill = this.a8;
+                    this.ar.u(p);
                 }
                 else {
-                    this.c.y(this.aq, p, this.ao, new igniteuiWebcomponentsCore.Rect(0, g, f, e, h));
+                    this.d.y(this.ar, p, this.ap, new igniteuiWebcomponentsCore.Rect(0, g, f, e, h));
                 }
                 if (d > 0) {
-                    this.aq.x(this.a6);
-                    this.aq.x(this.a5);
+                    this.ar.x(this.a7);
+                    this.ar.x(this.a6);
                 }
             }
         };
-        ScaleLegendView.prototype.al = function () {
-            _super.prototype.al.call(this);
+        ScaleLegendView.prototype.am = function () {
+            _super.prototype.am.call(this);
         };
         ScaleLegendView.$t = igniteuiWebcomponentsCore.markType(ScaleLegendView, 'ScaleLegendView', LegendBaseView.$);
         return ScaleLegendView;
@@ -238083,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
@@ -255840,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;