igniteui-webcomponents-charts 4.7.1 → 4.7.2-beta.0

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

@@ -2306,6 +2306,30 @@
         return LinearTickmarkValues;
     }(TickmarkValues));
 
+    /*
+    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.
+    */
+    /**
+     * @hidden
+     */
+    var CategoryAxisRenderingParameters = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(CategoryAxisRenderingParameters, _super);
+        function CategoryAxisRenderingParameters() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.ae = 0;
+            _this.ab = 0;
+            _this.ad = false;
+            _this.af = 0;
+            _this.ac = false;
+            return _this;
+        }
+        CategoryAxisRenderingParameters.$t = igniteuiWebcomponentsCore.markType(CategoryAxisRenderingParameters, 'CategoryAxisRenderingParameters', AxisRenderingParametersBase.$);
+        return CategoryAxisRenderingParameters;
+    }(AxisRenderingParametersBase));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -2344,30 +2368,6 @@
         return TickmarkValuesInitializationParameters;
     }(igniteuiWebcomponentsCore.Base));
 
-    /*
-    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.
-    */
-    /**
-     * @hidden
-     */
-    var CategoryAxisRenderingParameters = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(CategoryAxisRenderingParameters, _super);
-        function CategoryAxisRenderingParameters() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.ae = 0;
-            _this.ab = 0;
-            _this.ad = false;
-            _this.af = 0;
-            _this.ac = false;
-            return _this;
-        }
-        CategoryAxisRenderingParameters.$t = igniteuiWebcomponentsCore.markType(CategoryAxisRenderingParameters, 'CategoryAxisRenderingParameters', AxisRenderingParametersBase.$);
-        return CategoryAxisRenderingParameters;
-    }(AxisRenderingParametersBase));
-
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -7190,7 +7190,7 @@
             try {
                 for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.b)), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var y = _d.value;
-                    y.a5.az();
+                    y.a5.a2();
                     this.bo(y);
                 }
             }
@@ -7472,7 +7472,7 @@
                         v.ad.cr = true;
                     }
                     v.c1 = w;
-                    v.ad.a5.ag();
+                    v.ad.a5.ai();
                 }
             });
             var v = false;
@@ -10281,29 +10281,29 @@
             _this.d3 = NaN;
             _this.a5 = _this.a4();
             _this.hs(_this.a5);
-            _this.a5.aj();
+            _this.a5.al();
             _this.br = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Pool$1(igniteuiWebcomponentsCore.TextBlock.$);
-                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.a0);
-                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.at);
-                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.av);
-                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.au);
+                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.a3);
+                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.aw);
+                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.ay);
+                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.ax);
                 return $ret;
             })());
             _this.bq = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Pool$1(igniteuiWebcomponentsCore.TextBlock.$);
-                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.a0);
-                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.at);
-                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.av);
-                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.au);
+                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.a3);
+                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.aw);
+                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.ay);
+                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.ax);
                 return $ret;
             })());
             _this.bp = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Pool$1(igniteuiWebcomponentsCore.Rectangle.$);
-                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.bf);
-                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.s);
-                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.u);
-                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.t);
+                $ret.create = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.bi);
+                $ret.activate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.t);
+                $ret.disactivate = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.v);
+                $ret.destroy = igniteuiWebcomponentsCore.runOn(_this.a5, _this.a5.u);
                 return $ret;
             })());
             _this.kc = igniteuiWebcomponentsCore.Rect.empty;
@@ -10331,7 +10331,7 @@
                     _this.iq(f.oldRect, f.newRect);
                 }
             };
-            _this.a5.y();
+            _this.a5.aa();
             return _this;
         }
         Axis.prototype.a4 = function () {
@@ -10545,7 +10545,7 @@
         };
         Axis.prototype.ac = function () {
             _super.prototype.ac.call(this);
-            this.a5.am();
+            this.a5.ao();
         };
         Object.defineProperty(Axis.prototype, "bo", {
             get: function () {
@@ -10734,8 +10734,8 @@
                 if (igniteuiWebcomponentsCore.isNaN_(b)) {
                     b = 12;
                 }
-                this.bm.n = a;
-                this.bm.d = b;
+                this.bm.p = a;
+                this.bm.e = b;
                 this.aw.b8();
                 this.h5();
             },
@@ -11028,7 +11028,7 @@
             if (b != null && b.ue == 0) {
                 a = 1;
             }
-            this.a5.ay(a);
+            this.a5.a1(a);
         };
         Axis.prototype.c8 = function (a, b, c) {
             return this.bi != null;
@@ -11099,7 +11099,7 @@
                         this.fl = null;
                         e.actualWindowRectChanged = igniteuiWebcomponentsCore.delegateRemove(e.actualWindowRectChanged, this.bs);
                         e.ar.ad(1, this);
-                        this.a5.ad(e);
+                        this.a5.af(e);
                     }
                     var f = igniteuiWebcomponentsCore.typeCast(SeriesViewer.$, d);
                     if (f != null) {
@@ -11109,7 +11109,7 @@
                         if (this.az == null && this.fl != null) {
                             this.provideRenderer(this.fl);
                         }
-                        this.a5.x(f);
+                        this.a5.y(f);
                         if (this.cs && !this.a6.e) {
                             this.cs = false;
                             this.c1();
@@ -11157,7 +11157,7 @@
                     }
                     break;
                 case Axis.$$p[12]:
-                    this.a5.ak();
+                    this.a5.am();
                     if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.DataTemplate.$, d) !== null) {
                         this.c7 = true;
                     }
@@ -11190,7 +11190,7 @@
                     this.h8(false);
                     break;
                 case Axis.$$p[30]:
-                    this.a5.an();
+                    this.a5.ap();
                     break;
                 case Axis.$$p[31]:
                     var j = igniteuiWebcomponentsCore.typeCast(TitleSettings.$, d);
@@ -11209,7 +11209,7 @@
                 case Axis.$$p[26]:
                     this.cq = true;
                     this.ik();
-                    this.a5.ag();
+                    this.a5.ai();
                     this.h8(false);
                     break;
                 case Axis.$$p[32]:
@@ -11259,17 +11259,17 @@
                     this.h8(false);
                     break;
                 case "MinExtent":
-                    this.a5.ag();
+                    this.a5.ai();
                     break;
             }
         };
         Axis.prototype.hu = function () {
-            if (this.a5.o()) {
-                this.a5.z(this.ax);
+            if (this.a5.p()) {
+                this.a5.ab(this.ax);
             }
         };
         Axis.prototype.hv = function () {
-            this.a5.an();
+            this.a5.ap();
         };
         Object.defineProperty(Axis.prototype, "coercionMethods", {
             get: function () {
@@ -11301,8 +11301,8 @@
             this.br.count = 0;
             this.bq.count = 0;
             this.bp.count = 0;
-            if (this.a5.o()) {
-                this.a5.aq();
+            if (this.a5.p()) {
+                this.a5.at();
             }
         };
         Axis.prototype.hr = function (a, b, c, d) {
@@ -11515,13 +11515,13 @@
             return e;
         };
         Axis.prototype.hi = function (a) {
-            this.a5.ac(a);
+            this.a5.ae(a);
         };
         Axis.prototype.hh = function () {
             this.br.count = 0;
             this.bq.count = 0;
             this.bp.count = 0;
-            this.a5.aa();
+            this.a5.ac();
             this.dc.clear();
             this.dd.clear();
         };
@@ -11718,7 +11718,7 @@
             configurable: true
         });
         Axis.prototype.hk = function (a) {
-            if (this.a5.m()) {
+            if (this.a5.n()) {
                 return;
             }
             var b = 0;
@@ -11730,12 +11730,14 @@
             if (this.cq && this.c4) {
                 this.bc = this.bb();
             }
+            this.a5.z();
             this.h9(a);
             if (!this.cp && this.cq && this.c4 && this.c0) {
                 if (this.b2()) {
                     this.h9(a);
                 }
             }
+            this.a5.aq();
             var d = 1;
             var e = 0;
             if (this.dd != null && this.dd.count > 0) {
@@ -11748,12 +11750,12 @@
             var f = false;
             if (d != b || e != c || this.cq) {
                 this.cq = false;
-                if (this.a5.o()) {
-                    this.a5.ag();
+                if (this.a5.p()) {
+                    this.a5.ai();
                     f = true;
                 }
             }
-            this.a5.af();
+            this.a5.ah();
             if (!f) {
                 this.hl();
             }
@@ -11831,11 +11833,11 @@
             return a;
         };
         Axis.prototype.hl = function () {
-            if (!this.a5.o()) {
+            if (!this.a5.p()) {
                 return;
             }
             if (!this.b8()) {
-                this.a5.ae();
+                this.a5.ag();
             }
         };
         Axis.prototype.c1 = function () {
@@ -11989,10 +11991,10 @@
             return d.getPropertyValue(a);
         };
         Axis.prototype.fz = function (a) {
-            return this.a5.p(a);
+            return this.a5.q(a);
         };
         Axis.prototype.gd = function (a) {
-            return this.a5.r(a);
+            return this.a5.s(a);
         };
         Axis.prototype.ev = function () {
             return NaN;
@@ -12116,7 +12118,7 @@
             return this.az.extent;
         };
         Axis.prototype.hg = function () {
-            this.a5.w();
+            this.a5.x();
         };
         Axis.prototype.hj = function (a) {
             this.h3(a);
@@ -12166,7 +12168,7 @@
             if (this.aw != null) {
                 this.aw.cj(a);
             }
-            this.a5.ai(a, b);
+            this.a5.ak(a, b);
         };
         Axis.prototype.b5 = function () {
             return this.fv != null;
@@ -12287,7 +12289,7 @@
                 this.a.bq.count = 0;
                 this.a.bp.count = 0;
             }
-            if (this.a.br.count == 0 && this.a.bq.count == 0) {
+            if (this.a.br.count == 0 && this.a.bq.count == 0 && this.a.a5.l()) {
                 this.b.ab.clear();
             }
         };
@@ -14079,7 +14081,7 @@
             }
             else {
                 var b = 0;
-                b = this.kn.bi(this.dc);
+                b = this.kn.bl(this.dc);
                 this.br.count = b;
             }
         };
@@ -15314,10 +15316,10 @@
             }
             var b = this.kz(a);
             b.u = function () {
-                var c = _this.a5.a1();
-                var d = _this.a5.a4();
-                var e = _this.a5.a2();
-                var f = _this.a5.a3();
+                var c = _this.a5.a4();
+                var d = _this.a5.a7();
+                var e = _this.a5.a5();
+                var f = _this.a5.a6();
                 _this.il();
                 _this.hi(c);
                 _this.hi(d);
@@ -15344,10 +15346,10 @@
         };
         NumericAxisBase.prototype.k1 = function (a, b, c, d) {
             var e = this.k2();
-            var f = this.a5.a1();
-            var g = this.a5.a4();
-            var h = this.a5.a2();
-            var i = this.a5.a3();
+            var f = this.a5.a4();
+            var g = this.a5.a7();
+            var h = this.a5.a5();
+            var i = this.a5.a6();
             var j = this.a5.e();
             var k = this.a5.f();
             var l = this.a5.g();
@@ -15371,7 +15373,7 @@
             e.p = this.l1;
             e.q = this.l6;
             e.s = this.f0;
-            if (this.f0 == null && (this.au != null || this.ai != null || this.kx.l())) {
+            if (this.f0 == null && (this.au != null || this.ai != null || this.kx.m())) {
                 e.s = "Format";
             }
             e.j = this.cy;
@@ -15406,7 +15408,7 @@
             }
             else if (this.lb) {
                 this.k5 = new LogarithmicTickmarkValues();
-                this.kx.bi();
+                this.kx.bl();
             }
             else {
                 this.k5 = new LinearTickmarkValues();
@@ -15793,7 +15795,6 @@
                             b++;
                         }
                         else {
-                            this.b.h(d);
                         }
                     }
                 }
@@ -18410,7 +18411,7 @@
                             this.pj(e);
                             e.bo = this.actualSyncLink;
                             e.bi = this;
-                            e.a5.az();
+                            e.a5.a2();
                             this.cv.bo(e);
                             e.rangeChanged = igniteuiWebcomponentsCore.delegateCombine(e.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.w9));
                             this.cv.bl(e);
@@ -25658,41 +25659,41 @@
         function AxisView(a) {
             var _this = _super.call(this) || this;
             _this.a = null;
-            _this.ba = null;
-            _this.bb = null;
             _this.bd = null;
-            _this.bc = null;
+            _this.be = null;
+            _this.bg = null;
+            _this.bf = null;
             _this.b = new AxisComponentsFromView();
             _this.h = null;
             _this.k = null;
             _this.j = null;
             _this._isDirty = false;
-            _this.be = null;
-            _this.a8 = igniteuiWebcomponentsCore.Rect.empty;
+            _this.bh = null;
+            _this.bb = igniteuiWebcomponentsCore.Rect.empty;
             _this.a = a;
-            _this.be = new igniteuiWebcomponentsCore.Rectangle();
+            _this.bh = new igniteuiWebcomponentsCore.Rectangle();
             return _this;
         }
-        AxisView.prototype.aj = function () {
-            this.ba = ((function () {
+        AxisView.prototype.al = function () {
+            this.bd = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Path();
                 $ret.an = new igniteuiWebcomponentsCore.GeometryGroup();
                 return $ret;
             })());
-            this.bd = ((function () {
+            this.bg = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Path();
                 $ret.an = new igniteuiWebcomponentsCore.GeometryGroup();
                 $ret.ab = false;
                 $ret.stroke = null;
                 return $ret;
             })());
-            this.bb = ((function () {
+            this.be = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Path();
                 $ret.an = new igniteuiWebcomponentsCore.GeometryGroup();
                 $ret.ab = false;
                 return $ret;
             })());
-            this.bc = ((function () {
+            this.bf = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.Path();
                 $ret.an = new igniteuiWebcomponentsCore.GeometryGroup();
                 $ret.ab = false;
@@ -25705,48 +25706,48 @@
             this.a.eu = AxisDefaults.c;
             this.a.fg = AxisDefaults.a;
         };
-        AxisView.prototype.al = function (a) {
+        AxisView.prototype.an = function (a) {
         };
-        AxisView.prototype.a0 = function () {
+        AxisView.prototype.a3 = function () {
             var a = new igniteuiWebcomponentsCore.TextBlock();
             return a;
         };
-        AxisView.prototype.at = function (a) {
+        AxisView.prototype.aw = function (a) {
             a._visibility = 0;
             a.s = 0;
             if (a.x == null) {
                 this.a.aw.ab.add(a);
             }
         };
-        AxisView.prototype.av = function (a) {
+        AxisView.prototype.ay = function (a) {
             a._visibility = 1;
         };
-        AxisView.prototype.au = function (a) {
+        AxisView.prototype.ax = function (a) {
             if (this.a.aw.ab.contains(a)) {
                 this.a.aw.ab.remove(a);
             }
         };
-        AxisView.prototype.bf = function () {
+        AxisView.prototype.bi = function () {
             var a = new igniteuiWebcomponentsCore.Rectangle();
             return a;
         };
-        AxisView.prototype.s = function (a) {
+        AxisView.prototype.t = function (a) {
             if (a.x == null) {
                 this.d.ab.add(a);
             }
             a._visibility = 0;
         };
-        AxisView.prototype.u = function (a) {
+        AxisView.prototype.v = function (a) {
             a._visibility = 1;
         };
-        AxisView.prototype.t = function (a) {
+        AxisView.prototype.u = function (a) {
             if (this.a.aw.ab.contains(a)) {
                 this.a.aw.ab.remove(a);
             }
         };
-        AxisView.prototype.am = function () {
+        AxisView.prototype.ao = function () {
         };
-        AxisView.prototype.o = function () {
+        AxisView.prototype.p = function () {
             return true;
         };
         Object.defineProperty(AxisView.prototype, "index", {
@@ -25776,32 +25777,32 @@
             enumerable: false,
             configurable: true
         });
-        AxisView.prototype.ag = function () {
+        AxisView.prototype.ai = function () {
             this.d.cf();
             this.d.b3();
         };
-        AxisView.prototype.ae = function () {
+        AxisView.prototype.ag = function () {
             this.d.ca();
         };
-        AxisView.prototype.aa = function () {
+        AxisView.prototype.ac = function () {
             if (this.d != null) {
                 this.d.ab.clear();
             }
-            this.ac(this.ba.an.d);
-            this.ac(this.bd.an.d);
-            this.ac(this.bb.an.d);
-            this.ac(this.bc.an.d);
-            this.ah();
+            this.ae(this.bd.an.d);
+            this.ae(this.bg.an.d);
+            this.ae(this.be.an.d);
+            this.ae(this.bf.an.d);
+            this.aj();
         };
-        AxisView.prototype.ay = function (a) {
-            this.ba._visibility = a;
-            this.bb._visibility = a;
+        AxisView.prototype.a1 = function (a) {
             this.bd._visibility = a;
-            this.bc._visibility = a;
+            this.be._visibility = a;
+            this.bg._visibility = a;
+            this.bf._visibility = a;
         };
-        AxisView.prototype.aq = function () {
+        AxisView.prototype.at = function () {
         };
-        AxisView.prototype.z = function (a) {
+        AxisView.prototype.ab = function (a) {
             this.a.cq = true;
             if (this.a.bi != null) {
                 this.a.bi.mg();
@@ -25809,19 +25810,19 @@
             this.a.h7();
         };
         AxisView.prototype.c = function () {
-            this.b.a = this.ba;
-            this.b.b = this.bb;
-            this.b.c = this.bc;
-            this.b.d = this.bd;
+            this.b.a = this.bd;
+            this.b.b = this.be;
+            this.b.c = this.bf;
+            this.b.d = this.bg;
             return this.b;
         };
-        AxisView.prototype.ac = function (a) {
+        AxisView.prototype.ae = function (a) {
             if (a != null) {
                 a.clear();
             }
         };
-        AxisView.prototype.a1 = function () {
-            return this.ba.an.d;
+        AxisView.prototype.a4 = function () {
+            return this.bd.an.d;
         };
         AxisView.prototype.e = function () {
             var _this = this;
@@ -25840,11 +25841,11 @@
             }
             return a;
         };
-        AxisView.prototype.a4 = function () {
-            return this.bd.an.d;
+        AxisView.prototype.a7 = function () {
+            return this.bg.an.d;
         };
-        AxisView.prototype.a2 = function () {
-            return this.bb.an.d;
+        AxisView.prototype.a5 = function () {
+            return this.be.an.d;
         };
         AxisView.prototype.f = function () {
             var _this = this;
@@ -25863,8 +25864,8 @@
             }
             return a;
         };
-        AxisView.prototype.a3 = function () {
-            return this.bc.an.d;
+        AxisView.prototype.a6 = function () {
+            return this.bf.an.d;
         };
         AxisView.prototype.g = function () {
             var _this = this;
@@ -25890,40 +25891,47 @@
             enumerable: false,
             configurable: true
         });
-        AxisView.prototype.aw = function (a, b, c) {
+        AxisView.prototype.az = function (a, b, c) {
             this.d.ad = a;
             this.d.c5 = b;
             this.d.c4 = c;
-            this.ah();
+            this.aj();
         };
-        AxisView.prototype.ab = function () {
+        AxisView.prototype.ad = function () {
             this.d.ab.clear();
-            this.ah();
+            this.aj();
         };
-        AxisView.prototype.as = function (a) {
+        AxisView.prototype.av = function (a) {
             this.d.bw = a;
-            this.ah();
+            this.aj();
         };
-        AxisView.prototype.ax = function (a, b) {
+        AxisView.prototype.a0 = function (a, b) {
             this.d.a9 = a;
             this.d.ba = b;
             this.d.ar = false;
         };
-        AxisView.prototype.ar = function (a) {
+        AxisView.prototype.au = function (a) {
             this.d.bg = a;
         };
-        AxisView.prototype.y = function () {
+        AxisView.prototype.aa = function () {
         };
-        AxisView.prototype.r = function (a) {
+        AxisView.prototype.s = function (a) {
             return null;
         };
-        AxisView.prototype.n = function () {
-            return false;
+        AxisView.prototype.z = function () {
+        };
+        AxisView.prototype.aq = function () {
         };
         AxisView.prototype.l = function () {
+            return true;
+        };
+        AxisView.prototype.o = function () {
             return false;
         };
-        AxisView.prototype.q = function (dataItem_) {
+        AxisView.prototype.m = function () {
+            return false;
+        };
+        AxisView.prototype.r = function (dataItem_) {
             if (this.a.au != null) {
                 return this.a.au(dataItem_);
             }
@@ -25932,9 +25940,9 @@
             }
             return null;
         };
-        AxisView.prototype.p = function (dataItem_) {
-            if (this.n() && this.l()) {
-                return this.q(dataItem_);
+        AxisView.prototype.q = function (dataItem_) {
+            if (this.o() && this.m()) {
+                return this.r(dataItem_);
             }
             else {
                 if (this.a.au != null) {
@@ -25964,7 +25972,7 @@
             }
             return labelValue_;
         };
-        AxisView.prototype.ai = function (a, b) {
+        AxisView.prototype.ak = function (a, b) {
             this.j = a;
             this.k = b;
         };
@@ -25978,7 +25986,7 @@
             enumerable: false,
             configurable: true
         });
-        AxisView.prototype.ah = function () {
+        AxisView.prototype.aj = function () {
             if (this.a.bg == null || this.j == null) {
                 return;
             }
@@ -25989,9 +25997,9 @@
         };
         AxisView.prototype.undirty = function (a) {
             this.isDirty = false;
-            this.ao(a);
+            this.ar(a);
         };
-        AxisView.prototype.ao = function (a) {
+        AxisView.prototype.ar = function (a) {
             if (this.j == null) {
                 return;
             }
@@ -26008,17 +26016,17 @@
                 }
                 if (a) {
                     if (this.a.bi.s4 != null && !this.a.kd.isEmpty) {
-                        this.be.o = this.a.kd.top;
-                        this.be.n = this.a.kd.left;
-                        this.be.width = this.a.kd.width;
-                        this.be.height = this.a.kd.height;
-                        this.be._fill = this.a.bi.s4;
-                        this.j.w(this.be);
+                        this.bh.o = this.a.kd.top;
+                        this.bh.n = this.a.kd.left;
+                        this.bh.width = this.a.kd.width;
+                        this.bh.height = this.a.kd.height;
+                        this.bh._fill = this.a.bi.s4;
+                        this.j.w(this.bh);
                     }
                 }
                 this.j.aa();
                 this.j.af(this.a.kd);
-                this.ap();
+                this.as();
                 this.j.z();
                 if (this.a.bi != null && this.a.bi.gh != 1) {
                     this.j.z();
@@ -26029,7 +26037,7 @@
                     this.k.aa();
                     this.k.ab(this.a.bi.gh, this.a.bi.gh);
                 }
-                var c = this.a8;
+                var c = this.bb;
                 var d = this.a.bg.ts();
                 if (!c.isEmpty && a) {
                     if (!this.k.e) {
@@ -26044,38 +26052,38 @@
         AxisView.prototype.postRender = function () {
             this.d.ck();
         };
-        AxisView.prototype.ap = function () {
+        AxisView.prototype.as = function () {
             if (this.j.d) {
-                this.ba._stroke = this.a.jv;
-                this.bd._fill = this.a.jy;
-                this.bc._stroke = this.a.ju;
-                this.bb._stroke = this.a.jt;
-                this.bc.ad = this.a.eu;
-                this.bb.ad = this.a.er;
-                this.ba.ad = this.a.fg;
-                this.bc.ai = this.a.j2;
-                this.bb.ai = this.a.j1;
-                this.ba.ai = this.a.j3;
-                this.a8 = this.a.kd;
-                this.j.t(this.ba);
+                this.bd._stroke = this.a.jv;
+                this.bg._fill = this.a.jy;
+                this.bf._stroke = this.a.ju;
+                this.be._stroke = this.a.jt;
+                this.bf.ad = this.a.eu;
+                this.be.ad = this.a.er;
+                this.bd.ad = this.a.fg;
+                this.bf.ai = this.a.j2;
+                this.be.ai = this.a.j1;
+                this.bd.ai = this.a.j3;
+                this.bb = this.a.kd;
                 this.j.t(this.bd);
-                this.j.t(this.bb);
-                this.j.t(this.bc);
+                this.j.t(this.bg);
+                this.j.t(this.be);
+                this.j.t(this.bf);
             }
         };
-        AxisView.prototype.af = function () {
-            this.ah();
+        AxisView.prototype.ah = function () {
+            this.aj();
         };
-        AxisView.prototype.ad = function (a) {
+        AxisView.prototype.af = function (a) {
             if (a != null) {
                 a.al.u(this);
                 a.cv.cq();
             }
         };
-        AxisView.prototype.x = function (a) {
+        AxisView.prototype.y = function (a) {
             if (a != null) {
                 a.al.o(this);
-                this.ah();
+                this.aj();
             }
         };
         AxisView.prototype.i = function () {
@@ -26084,10 +26092,10 @@
             }
             return igniteuiWebcomponentsCore.FontUtil.getFont(this.a.bi.cv.j.ae);
         };
-        AxisView.prototype.m = function () {
+        AxisView.prototype.n = function () {
             return this.j == null;
         };
-        AxisView.prototype.an = function () {
+        AxisView.prototype.ap = function () {
             if (this.a.b9 || this.a.cm) {
                 return;
             }
@@ -26110,7 +26118,7 @@
             this.a.cq = true;
             this.a.h7();
         };
-        AxisView.prototype.w = function () {
+        AxisView.prototype.x = function () {
             var a;
             var b = new AxisLabelSettings();
             if (this.a.b9) {
@@ -26137,9 +26145,9 @@
                 b.topMargin = 5;
                 b.bottomMargin = 5;
             }
-            this.v(b, a);
+            this.w(b, a);
         };
-        AxisView.prototype.az = function () {
+        AxisView.prototype.a2 = function () {
             if (this.a.bi == null) {
                 return;
             }
@@ -26163,7 +26171,7 @@
                 }
             }
         };
-        AxisView.prototype.v = function (a, b) {
+        AxisView.prototype.w = function (a, b) {
             this.a.fl.startCSSQuery();
             var c = this.a.fl.getCssDefaultPropertyValue(b, "margin-top");
             var d = this.a.fl.getCssDefaultPropertyValue(b, "margin-right");
@@ -26231,27 +26239,27 @@
         AxisView.prototype.isValid = function () {
             return this.a != null && !this.a.kd.isEmpty;
         };
-        AxisView.prototype.a5 = function (a) {
+        AxisView.prototype.a8 = function (a) {
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: a.n, y: a.o };
         };
-        AxisView.prototype.a6 = function () {
+        AxisView.prototype.a9 = function () {
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: this.a.aw.c1.left, y: this.a.aw.c1.top };
         };
-        AxisView.prototype.a9 = function () {
+        AxisView.prototype.bc = function () {
             var a = this.a.aw.c1;
             return a;
         };
-        AxisView.prototype.a7 = function (a) {
+        AxisView.prototype.ba = function (a) {
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: a.n, y: a.o };
         };
-        AxisView.prototype.bg = function (a) {
+        AxisView.prototype.bj = function (a) {
             var b = this.a.aw.af.t();
             var c = this.a.aw.af.v();
             var d = this.a.aw.af.u();
             var e = this.a.aw.af.s();
             return new igniteuiWebcomponentsCore.Thickness(1, b, c, d, e);
         };
-        AxisView.prototype.ak = function () {
+        AxisView.prototype.am = function () {
             if (igniteuiWebcomponentsCore.FastReflectionHelper.needsHelper(this.a.f0)) {
                 this.h = new igniteuiWebcomponentsCore.FastReflectionHelper(true, this.a.f0);
             }
@@ -26269,13 +26277,13 @@
         tslib.__extends(CategoryAxisBaseView, _super);
         function CategoryAxisBaseView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bh = null;
-            _this.bh = a;
+            _this.bk = null;
+            _this.bk = a;
             return _this;
         }
-        CategoryAxisBaseView.prototype.r = function (a) {
+        CategoryAxisBaseView.prototype.s = function (a) {
             var b = 0;
-            if (this.bh.categoryMode == 0) {
+            if (this.bk.categoryMode == 0) {
                 b = igniteuiWebcomponentsCore.truncate(Math.round(a));
             }
             else {
@@ -26285,13 +26293,13 @@
                 return null;
             }
             var c = this.a.kr.item(b);
-            var d = this.p(c);
+            var d = this.q(c);
             if (d == null) {
                 return null;
             }
             return d.toString();
         };
-        CategoryAxisBaseView.prototype.bi = function (a) {
+        CategoryAxisBaseView.prototype.bl = function (a) {
             var b = 0;
             var c = false;
             for (var d = 0; d < a.count; d++) {
@@ -26381,36 +26389,36 @@
         tslib.__extends(NumericAxisBaseView, _super);
         function NumericAxisBaseView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bh = null;
-            _this.bh = a;
+            _this.bk = null;
+            _this.bk = a;
             return _this;
         }
-        NumericAxisBaseView.prototype.bi = function () {
+        NumericAxisBaseView.prototype.bl = function () {
         };
-        NumericAxisBaseView.prototype.n = function () {
-            return this.bh.lh;
+        NumericAxisBaseView.prototype.o = function () {
+            return this.bk.lh;
         };
-        NumericAxisBaseView.prototype.l = function () {
-            if (this.bh.kp != null) {
+        NumericAxisBaseView.prototype.m = function () {
+            if (this.bk.kp != null) {
                 return true;
             }
-            if (this.bh.ko != null) {
+            if (this.bk.ko != null) {
                 return true;
             }
             return false;
         };
-        NumericAxisBaseView.prototype.q = function (dataItem_) {
-            if (this.bh.kp != null) {
-                return this.bh.kp(dataItem_);
+        NumericAxisBaseView.prototype.r = function (dataItem_) {
+            if (this.bk.kp != null) {
+                return this.bk.kp(dataItem_);
             }
-            if (this.bh.ko != null) {
-                return this.bh.ko.i(dataItem_);
+            if (this.bk.ko != null) {
+                return this.bk.ko.i(dataItem_);
             }
             return null;
         };
-        NumericAxisBaseView.prototype.r = function (a) {
-            var b = this.bh.k0.d(this.bh.kd, this.bh.bi.tn, this.bh.j8(), this.bh.j7());
-            return this.bh.k0.w(b, a, -1, NaN);
+        NumericAxisBaseView.prototype.s = function (a) {
+            var b = this.bk.k0.d(this.bk.kd, this.bk.bi.tn, this.bk.j8(), this.bk.j7());
+            return this.bk.k0.w(b, a, -1, NaN);
         };
         NumericAxisBaseView.$t = igniteuiWebcomponentsCore.markType(NumericAxisBaseView, 'NumericAxisBaseView', AxisView.$);
         return NumericAxisBaseView;
@@ -39750,7 +39758,12 @@
                 if (!ext) {
                     ext = new IgcSeriesLayerPropertyOverlay();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -39914,7 +39927,12 @@
                 if (!ext) {
                     ext = new IgcSeriesLayer();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -44356,7 +44374,7 @@
             this.ns();
         };
         StraightNumericAxisBase.prototype.ns = function () {
-            this.nm.bk();
+            this.nm.bn();
         };
         StraightNumericAxisBase.prototype.hw = function (a, b, c, d) {
             if (this.nn) {
@@ -44423,13 +44441,13 @@
         tslib.__extends(StraightNumericAxisBaseView, _super);
         function StraightNumericAxisBaseView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        StraightNumericAxisBaseView.prototype.bk = function () {
-            this.bj.ni.x(this.bj.lw);
-            this.bj.ni.y(this.bj.lx);
+        StraightNumericAxisBaseView.prototype.bn = function () {
+            this.bm.ni.x(this.bm.lw);
+            this.bm.ni.y(this.bm.lx);
         };
         StraightNumericAxisBaseView.$t = igniteuiWebcomponentsCore.markType(StraightNumericAxisBaseView, 'StraightNumericAxisBaseView', NumericAxisBaseView.$);
         return StraightNumericAxisBaseView;
@@ -44944,12 +44962,12 @@
         tslib.__extends(NumericYAxisView, _super);
         function NumericYAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bl = null;
-            _this.bl = a;
+            _this.bo = null;
+            _this.bo = a;
             return _this;
         }
-        NumericYAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        NumericYAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.jw = AxisDefaults.h;
         };
         NumericYAxisView.$t = igniteuiWebcomponentsCore.markType(NumericYAxisView, 'NumericYAxisView', StraightNumericAxisBaseView.$);
@@ -45221,10 +45239,10 @@
             var d = this.j8();
             var e = this.j7();
             var f = new ScalerParams(0, b, c, this.ch, d);
-            var g = this.a5.a1();
-            var h = this.a5.a4();
-            var i = this.a5.a2();
-            var j = this.a5.a3();
+            var g = this.a5.a4();
+            var h = this.a5.a7();
+            var i = this.a5.a5();
+            var j = this.a5.a6();
             var k = this.a5.e();
             var l = this.a5.f();
             var m = this.a5.g();
@@ -45238,14 +45256,14 @@
             this.dc.clear();
             this.dd.clear();
             this.ky.clear();
-            this.a5.aw(this, b, c);
+            this.a5.az(this, b, c);
             if (b.isEmpty || c.isEmpty) {
                 this.br.count = 0;
                 this.bq.count = 0;
                 this.bp.count = 0;
             }
-            if (this.br.count == 0 && this.bq.count == 0) {
-                this.a5.ab();
+            if (this.br.count == 0 && this.bq.count == 0 && this.a5.l()) {
+                this.a5.ad();
             }
             if (this.az != null) {
                 this.az.registerAxis(this);
@@ -45254,7 +45272,7 @@
                 this.br.count = 0;
                 this.bq.count = 0;
                 this.bp.count = 0;
-                this.a5.ab();
+                this.a5.ad();
                 return;
             }
             if (!b.isEmpty && !c.isEmpty) {
@@ -45315,7 +45333,7 @@
                     }
                 }
                 this.hq(g, u, c, k, true);
-                this.a5.ar(v);
+                this.a5.au(v);
                 var y = Math.min(p, q);
                 var z = Math.max(p, q);
                 var aa = e.width;
@@ -45341,7 +45359,7 @@
                     var aj = this.mp(0 + ah * ad.g, f);
                     var ak = this.ej(ad.g, f);
                     var al = Math.abs(ak - this.ej(0, f));
-                    this.a5.as(ak);
+                    this.a5.av(ak);
                     var am = igniteuiWebcomponentsCore.truncate(Math.ceil(e.right));
                     var an = igniteuiWebcomponentsCore.truncate(Math.floor(e.left));
                     var ao = this.ms;
@@ -45440,7 +45458,7 @@
                         this.bi.mg();
                     }
                 }
-                this.a5.ax(this.dc, this.dd);
+                this.a5.a0(this.dc, this.dd);
                 this.l4();
             }
         };
@@ -45712,12 +45730,12 @@
         tslib.__extends(CategoryXAxisView, _super);
         function CategoryXAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        CategoryXAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        CategoryXAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.fh = AxisDefaults.f;
         };
         CategoryXAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$);
@@ -47120,7 +47138,12 @@
                 if (!ext) {
                     ext = new IgcCalloutAnnotation();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -53451,16 +53474,16 @@
         };
         XamDataLegend.prototype.f8 = function (a, b) {
             if (b != null) {
-                if (b.n != null) {
-                    a.fontFamily = b.n;
+                if (b.p != null) {
+                    a.fontFamily = b.p;
                 }
-                if (!igniteuiWebcomponentsCore.isNaN_(b.d)) {
-                    a.fontSize = b.d;
+                if (!igniteuiWebcomponentsCore.isNaN_(b.e)) {
+                    a.fontSize = b.e;
                 }
-                a.fontWeight = igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.s) ? "Normal" : b.s;
-                a.fontStyle = igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.q) ? "Normal" : b.q;
-                if (b.o != null) {
-                    a.fontStretch = b.q;
+                a.fontWeight = igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.u) ? "Normal" : b.u;
+                a.fontStyle = igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.s) ? "Normal" : b.s;
+                if (b.q != null) {
+                    a.fontStretch = b.s;
                 }
             }
         };
@@ -55352,6 +55375,7 @@
             if (this.b != null) {
                 this.b.ao = null;
                 this.b.av();
+                this.b = null;
             }
         };
         Object.defineProperty(DataLegendView.prototype, "x", {
@@ -55506,7 +55530,7 @@
         DataLegendView.prototype.ai = function (a) {
             if (this.z.containsKey(a)) {
                 var b = this.z.item(a);
-                if (b.d.g == a.g) {
+                if (b.d.i == a.i) {
                     return b.c;
                 }
             }
@@ -55550,12 +55574,12 @@
             if (this.f == null) {
                 this.f = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55565,12 +55589,12 @@
             if (this.h == null) {
                 this.h = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55580,12 +55604,12 @@
             if (this.g == null) {
                 this.g = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55595,12 +55619,12 @@
             if (this.d == null) {
                 this.d = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55610,12 +55634,12 @@
             if (this.e == null) {
                 this.e = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55625,12 +55649,12 @@
             if (this.c == null) {
                 this.c = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                    $ret.n = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
-                    $ret.d = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
-                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
-                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendHeaderFontWeight;
-                    $ret.o = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
-                    $ret.r = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
+                    $ret.p = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontFamily;
+                    $ret.e = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontSize;
+                    $ret.s = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStyle;
+                    $ret.u = igniteuiWebcomponentsCore.FontDefaults.dataLegendHeaderFontWeight;
+                    $ret.q = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontStretch;
+                    $ret.t = igniteuiWebcomponentsCore.FontDefaults.dataLegendFontVariant;
                     return $ret;
                 })());
             }
@@ -55652,12 +55676,14 @@
         };
         DataLegendView.prototype.a3 = function () {
             if (this.b != null) {
-                this.b.at(this.ak, "");
+                var a = this.aj.rootWrapper;
+                this.b.at(a, "");
             }
         };
         DataLegendView.prototype.a6 = function () {
             if (this.b != null) {
-                this.b.bh(this.ak, "");
+                var a = this.aj.rootWrapper;
+                this.b.bh(a, "");
             }
         };
         DataLegendView.prototype.ar = function (a, b) {
@@ -56290,6 +56316,10 @@
             }
             igniteuiWebcomponentsCore.initializePropertiesFromCss(container, component, genericPrefix + "-", new Set(), false, additionalPrefixes);
         };
+        IgcDataLegendComponent.prototype.destroy = function () {
+            this.i.destroy();
+            this._wrapper.destroy();
+        };
         Object.defineProperty(IgcDataLegendComponent.prototype, "target", {
             //private desiredSizeChanged(width: number, height: number) {
             //    //this.style.minWidth = width + "px";
@@ -101946,7 +101976,7 @@
                 var c = b.al;
                 a.a.gy();
                 var d = this.ah.isExploded ? this.ah.b5 : this.ah.b7;
-                var e = igniteuiWebcomponentsCore.GeometryUtil.m(d, this.ai, this.ah.a2 + a.a.da);
+                var e = igniteuiWebcomponentsCore.GeometryUtil.n(d, this.ai, this.ah.a2 + a.a.da);
                 var f = a.b4.width;
                 if (a.z(b) + e.x > f && e.x < f) {
                     while (c.length > 0 && a.z(b) + e.x > f) {
@@ -101977,7 +102007,7 @@
             this.ap._visibility = this.ah.ai.jd != 0 ? this.ah.ai.jd : this.ah.aj._visibility;
             var a;
             var b = this.ah.ai.db;
-            var c = igniteuiWebcomponentsCore.GeometryUtil.m(this.ah.b6(), this.ai, this.ah.a2);
+            var c = igniteuiWebcomponentsCore.GeometryUtil.n(this.ah.b6(), this.ai, this.ah.a2);
             this.ap.an = c.x;
             this.ap.ap = c.y;
             if (this.ai < 90 || this.ai >= 270) {
@@ -101989,7 +102019,7 @@
             if (b > 0) {
                 var d = igniteuiWebcomponentsCore.GeometryUtil.g(c, a);
                 if (b < d) {
-                    a = igniteuiWebcomponentsCore.GeometryUtil.o(a, c, b);
+                    a = igniteuiWebcomponentsCore.GeometryUtil.p(a, c, b);
                 }
                 else {
                     a = c;
@@ -102005,8 +102035,8 @@
             var c = b._segments._inner[0];
             var d = this.ah.ai.db;
             var e = (this.ao.top + this.ao.bottom) / 2;
-            var f = igniteuiWebcomponentsCore.GeometryUtil.m(a, this.ai, this.ah.a2);
-            var g = igniteuiWebcomponentsCore.GeometryUtil.m(a, this.ai, this.ah.a2 + this.ah.ai.da / 2);
+            var f = igniteuiWebcomponentsCore.GeometryUtil.n(a, this.ai, this.ah.a2);
+            var g = igniteuiWebcomponentsCore.GeometryUtil.n(a, this.ai, this.ah.a2 + this.ah.ai.da / 2);
             var h;
             var i;
             var j;
@@ -102030,16 +102060,16 @@
             if (d > 0) {
                 var l = igniteuiWebcomponentsCore.GeometryUtil.g(f, j);
                 if (d < l) {
-                    i = igniteuiWebcomponentsCore.GeometryUtil.o(j, f, d);
+                    i = igniteuiWebcomponentsCore.GeometryUtil.p(j, f, d);
                     var m = g.x - f.x;
                     var n = g.y - f.y;
-                    g = igniteuiWebcomponentsCore.GeometryUtil.o(g, f, d);
+                    g = igniteuiWebcomponentsCore.GeometryUtil.p(g, f, d);
                     var o = g.x - f.x;
                     var p = g.y - f.y;
                     if ((m > 0 && o < 0) || (m < 0 && o > 0) || (n > 0 && p < 0) || (n < 0 && p > 0)) {
                         g = f;
                     }
-                    h = igniteuiWebcomponentsCore.GeometryUtil.o(h, f, d);
+                    h = igniteuiWebcomponentsCore.GeometryUtil.p(h, f, d);
                     var q = igniteuiWebcomponentsCore.GeometryUtil.g(f, i) / igniteuiWebcomponentsCore.GeometryUtil.g(f, j);
                     h.x = f.x + (h.x - f.x) * q;
                     h.y = f.y + (h.y - f.y) * q;
@@ -102202,6 +102232,9 @@
         PieChartBase.prototype.onAttachedToUI = function () {
             this.a4.ay();
         };
+        PieChartBase.prototype.fz = function () {
+            this.a4.ap();
+        };
         Object.defineProperty(PieChartBase.prototype, "bu", {
             get: function () {
                 return this.bp;
@@ -102503,8 +102536,8 @@
             var f = this.i2 == 1 ? c.ax : c.a3;
             var g = false;
             var h = false;
-            var i = igniteuiWebcomponentsCore.GeometryUtil.m(d, e, c.a2);
-            var j = igniteuiWebcomponentsCore.GeometryUtil.m(d, f, c.a2);
+            var i = igniteuiWebcomponentsCore.GeometryUtil.n(d, e, c.a2);
+            var j = igniteuiWebcomponentsCore.GeometryUtil.n(d, f, c.a2);
             e = PieChartBase.c5(i.x, d.x, i.y, d.y);
             f = PieChartBase.c5(j.x, d.x, j.y, d.y);
             if (this.cc(c)) {
@@ -102584,14 +102617,14 @@
             if (f == 360) {
                 f = 0;
             }
-            return igniteuiWebcomponentsCore.GeometryUtil.i(f);
+            return igniteuiWebcomponentsCore.GeometryUtil.j(f);
         };
         PieChartBase.g7 = function (a) {
             var b = new Array(a.count);
             for (var c = 0; c < a.count; c++) {
                 var d = a._inner[c];
                 var e = d.ah;
-                var f = igniteuiWebcomponentsCore.GeometryUtil.m(e.b7, d.ai, e.a2);
+                var f = igniteuiWebcomponentsCore.GeometryUtil.n(e.b7, d.ai, e.a2);
                 b[c] = f.y;
             }
             for (var g = 0; g < a.count; g++) {
@@ -102664,7 +102697,7 @@
                             var u = this.da + e;
                             var v = Math.abs(f.y - (t.y + i / 2));
                             var w = Math.sqrt(Math.abs(u * u - v * v));
-                            var x = igniteuiWebcomponentsCore.GeometryUtil.i(s.ai);
+                            var x = igniteuiWebcomponentsCore.GeometryUtil.j(s.ai);
                             if (x > 90 && x < 270) {
                                 w = (t.width + w) * -1;
                             }
@@ -102683,7 +102716,7 @@
                             var ad = this.da + e;
                             var ae = Math.abs(f.y - (ac.y + i / 2));
                             var af = Math.sqrt(Math.abs(ad * ad - ae * ae));
-                            var ag = igniteuiWebcomponentsCore.GeometryUtil.i(ab.ai);
+                            var ag = igniteuiWebcomponentsCore.GeometryUtil.j(ab.ai);
                             if (ag > 90 && ag < 270) {
                                 af = (ac.width + af) * -1;
                             }
@@ -102973,7 +103006,7 @@
                     var l = this_1.bv.item(c);
                     var m = this_1.bw.item(c);
                     m.aj = l;
-                    l.ai = igniteuiWebcomponentsCore.GeometryUtil.i((m.a3 + m.ax) / 2);
+                    l.ai = igniteuiWebcomponentsCore.GeometryUtil.j((m.a3 + m.ax) / 2);
                     l.ah = m;
                     l.aj = ((function () {
                         var $ret = new igniteuiWebcomponentsCore.TextBlock();
@@ -103024,7 +103057,7 @@
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.bw.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var i = _c.value;
-                    var j = igniteuiWebcomponentsCore.GeometryUtil.l(a.width, a.height, true, (i.a3 + i.ax) / 2, f * this.cz);
+                    var j = igniteuiWebcomponentsCore.GeometryUtil.m(a.width, a.height, true, (i.a3 + i.ax) / 2, f * this.cz);
                     i.aw = true;
                     i.a1 = this.c0;
                     i.a0 = this.c0;
@@ -103078,7 +103111,7 @@
                     var k = g.ao.height;
                     if (this.az == 1 || this.az == 4) {
                         var l = h.a2 * h.a1 / 100;
-                        var m = igniteuiWebcomponentsCore.GeometryUtil.m(i, g.ai, h.a2 - (h.a2 - l) / 2);
+                        var m = igniteuiWebcomponentsCore.GeometryUtil.n(i, g.ai, h.a2 - (h.a2 - l) / 2);
                         g.ao = new igniteuiWebcomponentsCore.Rect(0, m.x - j / 2, m.y - k / 2, j, k);
                         var n = this.b9(g, m);
                         if (n || this.az == 1) {
@@ -103108,7 +103141,7 @@
                     }
                     if (this.az == 2 || this.az == 4) {
                         var o = PieChartBase.c6(i, h.a2, g);
-                        var p = igniteuiWebcomponentsCore.GeometryUtil.m(i, g.ai, o);
+                        var p = igniteuiWebcomponentsCore.GeometryUtil.n(i, g.ai, o);
                         g.ao = new igniteuiWebcomponentsCore.Rect(0, p.x - j / 2, p.y - k / 2, j, k);
                         var q = this.b9(g, p);
                         if (q || this.az == 2) {
@@ -103143,7 +103176,7 @@
                         h.b2 = this.iy;
                     }
                     h.au = false;
-                    var r = igniteuiWebcomponentsCore.GeometryUtil.m(i, g.ai, h.a2 + this.da);
+                    var r = igniteuiWebcomponentsCore.GeometryUtil.n(i, g.ai, h.a2 + this.da);
                     g.ag = 3;
                     g._visibility = 0;
                     g.al();
@@ -103281,7 +103314,7 @@
         PieChartBase.c6 = function (a, b, c) {
             var d = c.ai * Math.PI / 180;
             var e = 1;
-            var f = igniteuiWebcomponentsCore.GeometryUtil.m({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: 0 }, c.ai, e);
+            var f = igniteuiWebcomponentsCore.GeometryUtil.n({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: 0 }, c.ai, e);
             var g = PieChartBase.i4(c);
             var h = Math.sqrt(g.x * g.x + g.y * g.y);
             var i = { $type: igniteuiWebcomponentsCore.Point_$type, x: g.x / h, y: g.y / h };
@@ -103294,14 +103327,14 @@
             if (o < n) {
                 m = -m;
             }
-            var p = igniteuiWebcomponentsCore.GeometryUtil.m(a, (d + m) * 180 / Math.PI, b);
+            var p = igniteuiWebcomponentsCore.GeometryUtil.n(a, (d + m) * 180 / Math.PI, b);
             var q = PieChartBase.i3(c, p);
             var r = Math.sqrt((q.x - a.x) * (q.x - a.x) + (q.y - a.y) * (q.y - a.y));
             var s = r - 5;
             return s;
         };
         PieChartBase.i3 = function (a, b) {
-            var c = igniteuiWebcomponentsCore.GeometryUtil.i(a.ai);
+            var c = igniteuiWebcomponentsCore.GeometryUtil.j(a.ai);
             var d = a.ao.width / 2;
             var e = a.ao.height / 2;
             if (c >= 0 && c <= 90) {
@@ -103323,7 +103356,7 @@
             return f;
         };
         PieChartBase.i4 = function (a) {
-            var b = igniteuiWebcomponentsCore.GeometryUtil.i(a.ai);
+            var b = igniteuiWebcomponentsCore.GeometryUtil.j(a.ai);
             var c = a.ao.width / 2;
             var d = a.ao.height / 2;
             if (b >= 0 && b <= 90) {
@@ -104089,9 +104122,6 @@
             this.gu();
             this.a4.az(null);
         };
-        PieChartBase.prototype.fz = function () {
-            this.a4.ap();
-        };
         Object.defineProperty(PieChartBase.prototype, "fp", {
             get: function () {
                 return this.dr;
@@ -104832,7 +104862,7 @@
                 var as = aq;
                 var at = new igniteuiWebcomponentsCore.Rect(0, 0, 0, b.width, b.height);
                 at.intersect(as);
-                var au = igniteuiWebcomponentsCore.GeometryUtil.i((this.a3 + this.ax) / 2);
+                var au = igniteuiWebcomponentsCore.GeometryUtil.j((this.a3 + this.ax) / 2);
                 var av = au / 180 * Math.PI;
                 var aw = Math.abs((as.height - at.height) / Math.sin(av));
                 var ax = Math.abs((as.width - at.width) / Math.cos(av));
@@ -104843,7 +104873,7 @@
                     ax = 0;
                 }
                 var ay = Math.max(aw, ax);
-                var az = igniteuiWebcomponentsCore.GeometryUtil.l(this.ai.i8.width, this.ai.i8.height, true, au, this.a2 * this.ai.cz - ay);
+                var az = igniteuiWebcomponentsCore.GeometryUtil.m(this.ai.i8.width, this.ai.i8.height, true, au, this.a2 * this.ai.cz - ay);
                 this.al.d(az.x - this.b5.x, az.y - this.b5.y);
                 this.aq = true;
                 this.b3 = az;
@@ -104883,7 +104913,7 @@
             return this.ao(j);
         };
         Slice.prototype.ao = function (a) {
-            a = igniteuiWebcomponentsCore.GeometryUtil.i(a);
+            a = igniteuiWebcomponentsCore.GeometryUtil.j(a);
             var b = Math.min(this.a3, this.ax);
             var c = Math.max(this.a3, this.ax);
             return (a > b && a < c) || (a - 360 > b && a - 360 < c) || (a + 360 > b && a + 360 < c);
@@ -104894,19 +104924,19 @@
             h.add(b);
             h.add(c);
             h.add(f);
-            d = igniteuiWebcomponentsCore.GeometryUtil.i(d);
-            e = igniteuiWebcomponentsCore.GeometryUtil.i(e);
+            d = igniteuiWebcomponentsCore.GeometryUtil.j(d);
+            e = igniteuiWebcomponentsCore.GeometryUtil.j(e);
             if ((0 > d && 0 < e) || (360 > d && 360 < e) || (e < d)) {
-                h.add(igniteuiWebcomponentsCore.GeometryUtil.m(f, 0, g));
+                h.add(igniteuiWebcomponentsCore.GeometryUtil.n(f, 0, g));
             }
             if (90 > d && 90 < e) {
-                h.add(igniteuiWebcomponentsCore.GeometryUtil.m(f, 90, g));
+                h.add(igniteuiWebcomponentsCore.GeometryUtil.n(f, 90, g));
             }
             if (180 > d && 180 < e) {
-                h.add(igniteuiWebcomponentsCore.GeometryUtil.m(f, 180, g));
+                h.add(igniteuiWebcomponentsCore.GeometryUtil.n(f, 180, g));
             }
             if (270 > d && 270 < e) {
-                h.add(igniteuiWebcomponentsCore.GeometryUtil.m(f, 270, g));
+                h.add(igniteuiWebcomponentsCore.GeometryUtil.n(f, 270, g));
             }
             var i = 1.7976931348623157E+308;
             var j = 1.7976931348623157E+308;
@@ -106666,68 +106696,6 @@
         return SliceVisualData;
     }(igniteuiWebcomponentsCore.Base));
 
-    /*
-    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.
-    */
-    /**
-     * @hidden
-     */
-    var DoughnutChartLabelVisualData = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(DoughnutChartLabelVisualData, _super);
-        function DoughnutChartLabelVisualData() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this._labelValue = null;
-            _this._labelSize = null;
-            _this._labelPosition = null;
-            return _this;
-        }
-        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelValue", {
-            get: function () {
-                return this._labelValue;
-            },
-            set: function (a) {
-                this._labelValue = a;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelSize", {
-            get: function () {
-                return this._labelSize;
-            },
-            set: function (a) {
-                this._labelSize = a;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelPosition", {
-            get: function () {
-                return this._labelPosition;
-            },
-            set: function (a) {
-                this._labelPosition = a;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DoughnutChartLabelVisualData.prototype.scaleByViewport = function (a) {
-            this.labelPosition = new igniteuiWebcomponentsCore.PointData((this.labelPosition.x - a.left) / a.width, (this.labelPosition.y - a.top) / a.height);
-            this.labelSize = new igniteuiWebcomponentsCore.SizeData((this.labelSize.width) / a.width, (this.labelSize.height) / a.height);
-        };
-        DoughnutChartLabelVisualData.prototype.serialize = function () {
-            var a = "{ labelValue: '";
-            a += this.labelValue == null ? igniteuiWebcomponentsCore.stringEmpty() : this.labelValue;
-            a += "', labelSize: { width: " + this.labelSize.width + ", height: " + this.labelSize.height + "}, labelPosition: { x: " + this.labelPosition.x + ", y: " + this.labelPosition.y + "}}";
-            return a;
-        };
-        DoughnutChartLabelVisualData.$t = igniteuiWebcomponentsCore.markType(DoughnutChartLabelVisualData, 'DoughnutChartLabelVisualData');
-        return DoughnutChartLabelVisualData;
-    }(igniteuiWebcomponentsCore.Base));
-
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -106910,6 +106878,68 @@
         return SliceVisualDataList;
     }(igniteuiWebcomponentsCore.List$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.
+    */
+    /**
+     * @hidden
+     */
+    var DoughnutChartLabelVisualData = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(DoughnutChartLabelVisualData, _super);
+        function DoughnutChartLabelVisualData() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this._labelValue = null;
+            _this._labelSize = null;
+            _this._labelPosition = null;
+            return _this;
+        }
+        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelValue", {
+            get: function () {
+                return this._labelValue;
+            },
+            set: function (a) {
+                this._labelValue = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelSize", {
+            get: function () {
+                return this._labelSize;
+            },
+            set: function (a) {
+                this._labelSize = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DoughnutChartLabelVisualData.prototype, "labelPosition", {
+            get: function () {
+                return this._labelPosition;
+            },
+            set: function (a) {
+                this._labelPosition = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DoughnutChartLabelVisualData.prototype.scaleByViewport = function (a) {
+            this.labelPosition = new igniteuiWebcomponentsCore.PointData((this.labelPosition.x - a.left) / a.width, (this.labelPosition.y - a.top) / a.height);
+            this.labelSize = new igniteuiWebcomponentsCore.SizeData((this.labelSize.width) / a.width, (this.labelSize.height) / a.height);
+        };
+        DoughnutChartLabelVisualData.prototype.serialize = function () {
+            var a = "{ labelValue: '";
+            a += this.labelValue == null ? igniteuiWebcomponentsCore.stringEmpty() : this.labelValue;
+            a += "', labelSize: { width: " + this.labelSize.width + ", height: " + this.labelSize.height + "}, labelPosition: { x: " + this.labelPosition.x + ", y: " + this.labelPosition.y + "}}";
+            return a;
+        };
+        DoughnutChartLabelVisualData.$t = igniteuiWebcomponentsCore.markType(DoughnutChartLabelVisualData, 'DoughnutChartLabelVisualData');
+        return DoughnutChartLabelVisualData;
+    }(igniteuiWebcomponentsCore.Base));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -110408,7 +110438,12 @@
                 if (!ext) {
                     ext = IgcRingSeriesBaseComponent._createFromInternal(int);
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -113005,6 +113040,34 @@
     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.
     */
 
+    /*
+    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.
+    */
+    /**
+     */
+    var AxisAngleLabelMode = /*@__PURE__*/ (function (AxisAngleLabelMode) {
+        /**
+         * Automatically chooses an appropriate label mode.
+         */
+        AxisAngleLabelMode[AxisAngleLabelMode["Auto"] = 0] = "Auto";
+        /**
+         * Labels are all positioned away from the chart radius based on the largest label.
+         */
+        AxisAngleLabelMode[AxisAngleLabelMode["Center"] = 1] = "Center";
+        /**
+         * Labels are all positioned as close to the chart as possible.
+         */
+        AxisAngleLabelMode[AxisAngleLabelMode["ClosestPoint"] = 2] = "ClosestPoint";
+        return AxisAngleLabelMode;
+    })({});
+    /**
+     * @hidden
+     */
+    var AxisAngleLabelMode_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('AxisAngleLabelMode', 'Auto,0|Center,1|ClosestPoint,2');
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -114092,11 +114155,12 @@
         function AngleAxisLabelPanel() {
             var _this = _super.call(this) || this;
             _this.da = false;
-            _this.dg = null;
+            _this.di = null;
+            _this.df = 0;
+            _this.dc = 0;
             _this.de = 0;
-            _this.db = 0;
             _this.dd = 0;
-            _this.dc = 0;
+            _this.db = 0;
             return _this;
         }
         AngleAxisLabelPanel.prototype.ae = function () {
@@ -114121,34 +114185,105 @@
             if (this.bb.count != this.ba.count) {
                 return a;
             }
-            this.c9.a0(a, b);
-            var c = false;
+            var c = 1;
+            if (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, this.ad) !== null) {
+                c = this.ad.mh();
+            }
+            else if (igniteuiWebcomponentsCore.typeCast(NumericAngleAxis.$, this.ad) !== null) {
+                c = this.ad.ni();
+            }
+            if (c == 2) {
+                this.c9.a0(a, b);
+            }
+            else {
+                this.c9.a1(a, b);
+            }
+            var d = false;
             this.ao = this.an(a, b);
             if (!this.ad.b8()) {
-                c = true;
-                this.bh = this.de / 2;
-                this.bh = this.bh + this.df();
+                d = true;
+                switch (c) {
+                    case 1:
+                        this.dk();
+                        break;
+                    case 2:
+                        this.dj();
+                        break;
+                }
             }
             else {
-                c = true;
+                d = true;
                 this.c9.ac();
             }
-            if (c) {
-                for (var d = 0; d < a.count; d++) {
-                    var e = this.bb._inner[d];
-                    var f = this.ba._inner[d];
-                    var g = a._inner[d];
-                    var h = this.dg(f.c);
-                    var i = h.x - this.bk(e) / 2;
-                    var j = h.y - this.bj(e) / 2;
-                    g.x = i;
-                    g.y = j;
-                    a._inner[d] = g;
+            if (d) {
+                for (var e = 0; e < a.count; e++) {
+                    var f = this.bb._inner[e];
+                    var g = this.ba._inner[e];
+                    var h = a._inner[e];
+                    var i = this.di(g.c, h.width, h.height);
+                    var j = i.x - this.bk(f) / 2;
+                    var k = i.y - this.bj(f) / 2;
+                    h.x = j;
+                    h.y = k;
+                    a._inner[e] = h;
                 }
             }
             return a;
         };
-        AngleAxisLabelPanel.prototype.df = function () {
+        AngleAxisLabelPanel.prototype.dk = function () {
+            this.bh = this.df / 2;
+            this.bh = this.bh + this.dg();
+        };
+        AngleAxisLabelPanel.prototype.dj = function () {
+            this.bh = 5;
+            this.bh = this.bh + this.dh();
+        };
+        AngleAxisLabelPanel.prototype.dh = function () {
+            var a;
+            var b;
+            b = this.ad;
+            a = null;
+            if (b != null) {
+                a = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, b.bi);
+            }
+            if (a == null || b == null) {
+                return 0;
+            }
+            var c = new igniteuiWebcomponentsCore.List$1(Axis.$, 0);
+            for (var d = 0; d < a.axes.count; d++) {
+                var e = a.axes._inner[d];
+                if ((igniteuiWebcomponentsCore.typeCast(NumericAngleAxis.$, e) !== null || igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, e) !== null) && igniteuiWebcomponentsCore.typeCast(AngleAxisLabelPanel.$, e.aw) !== null && e.aw.bb.count > 0 && (!e.b8()) && !e.b5() && (e.aj == null || this.ad.aj == null || e.aj.no == b.aj.no)) {
+                    c.add(e);
+                }
+            }
+            var f = c.indexOf(b);
+            if (f == -1) {
+                return 0;
+            }
+            var g = 0;
+            if (f > 0) {
+                if (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, c._inner[f - 1]) !== null) {
+                    var h = c._inner[f - 1];
+                    if (h.mg == 2) {
+                        g += h.aw.db;
+                    }
+                    else {
+                        g += c._inner[f - 1].aw.bh;
+                    }
+                }
+                else if (igniteuiWebcomponentsCore.typeCast(NumericAngleAxis.$, c._inner[f - 1]) !== null) {
+                    var i = c._inner[f - 1];
+                    if (i.mg == 2) {
+                        g += i.aw.db;
+                    }
+                    else {
+                        g += c._inner[f - 1].aw.bh;
+                    }
+                }
+            }
+            return g;
+        };
+        AngleAxisLabelPanel.prototype.dg = function () {
             var a;
             var b;
             b = this.ad;
@@ -114176,7 +114311,24 @@
                 g += h;
             }
             else {
-                g += c._inner[f - 1].aw.bh;
+                if (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, c._inner[f - 1]) !== null) {
+                    var i = c._inner[f - 1];
+                    if (i.mg == 2) {
+                        g += i.aw.db;
+                    }
+                    else {
+                        g += c._inner[f - 1].aw.bh;
+                    }
+                }
+                else if (igniteuiWebcomponentsCore.typeCast(NumericAngleAxis.$, c._inner[f - 1]) !== null) {
+                    var j = c._inner[f - 1];
+                    if (j.mg == 2) {
+                        g += j.aw.db;
+                    }
+                    else {
+                        g += c._inner[f - 1].aw.bh;
+                    }
+                }
                 g += c._inner[f].aw.bh * 2 + h;
             }
             return g;
@@ -114197,18 +114349,18 @@
         tslib.__extends(CategoryAngleAxis, _super);
         function CategoryAngleAxis() {
             var _this = _super.call(this) || this;
+            _this.mo = null;
+            _this.ml = null;
+            _this.mp = false;
+            _this.mt = NaN;
             _this.mm = null;
-            _this.mj = null;
-            _this.mn = false;
-            _this.mr = NaN;
-            _this.mk = null;
+            _this.mu = 0;
+            _this.mr = 0;
             _this.ms = 0;
-            _this.mp = 0;
-            _this.mq = 0;
-            _this.m3 = 1;
+            _this.m5 = 1;
             _this.ab = CategoryAngleAxis.$;
-            _this.mj = _this.mi();
-            _this.mm = new PolarAxisRenderingManager();
+            _this.ml = _this.mk();
+            _this.mo = new PolarAxisRenderingManager();
             return _this;
         }
         CategoryAngleAxis.prototype.a4 = function () {
@@ -114216,7 +114368,7 @@
         };
         CategoryAngleAxis.prototype.hs = function (a) {
             _super.prototype.hs.call(this, a);
-            this.mh = a;
+            this.mj = a;
         };
         CategoryAngleAxis.prototype.get_b9 = function () {
             return true;
@@ -114224,17 +114376,22 @@
         CategoryAngleAxis.prototype.av = function () {
             var _this = this;
             var a = new AngleAxisLabelPanel();
-            a.dg = function (b) {
-                var c = _this.bi != null ? _this.bi.tn : igniteuiWebcomponentsCore.Rect.empty;
-                var d = !c.isEmpty ? _this.kd : igniteuiWebcomponentsCore.Rect.empty;
-                return _this.ng(b, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 }, c, d, _this.aw.bh);
+            a.di = function (b, c, d) {
+                var e = _this.bi != null ? _this.bi.tn : igniteuiWebcomponentsCore.Rect.empty;
+                var f = !e.isEmpty ? _this.kd : igniteuiWebcomponentsCore.Rect.empty;
+                switch (_this.mg) {
+                    case 2: return _this.nk(b, c, d, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 }, e, f, _this.aw.bh);
+                    case 0:
+                    case 1:
+                    default: return _this.nl(b, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 }, e, f, _this.aw.bh);
+                }
             };
             return a;
         };
-        CategoryAngleAxis.prototype.m1 = function (a) {
+        CategoryAngleAxis.prototype.m3 = function (a) {
             return Math.round(a * Math.pow(10, 10)) / Math.pow(10, 10);
         };
-        CategoryAngleAxis.prototype.mi = function () {
+        CategoryAngleAxis.prototype.mk = function () {
             var _this = this;
             var a = ((function () {
                 var $ret = new AxisLabelManager();
@@ -114249,23 +114406,23 @@
             }
             var b = new CategoryAxisRenderer(a);
             b.u = function () {
-                var c = _this.a5.a1();
-                var d = _this.a5.a4();
-                var e = _this.a5.a2();
-                var f = _this.a5.a3();
+                var c = _this.a5.a4();
+                var d = _this.a5.a7();
+                var e = _this.a5.a5();
+                var f = _this.a5.a6();
                 _this.il();
                 _this.hi(c);
                 _this.hi(d);
                 _this.hi(e);
                 _this.hi(f);
             };
-            b.o = function (c, d) { return !d.isEmpty && !c.isEmpty && _this.ml != null; };
-            b.d = function (c, d, e, f) { return _this.mg(c, d, e, f); };
+            b.o = function (c, d) { return !d.isEmpty && !c.isEmpty && _this.mn != null; };
+            b.d = function (c, d, e, f) { return _this.mi(c, d, e, f); };
             b.v = function () {
-                if (!_this.mn) {
-                    _this.mn = true;
-                    _this.ml.c1();
-                    _this.mn = false;
+                if (!_this.mp) {
+                    _this.mp = true;
+                    _this.mn.c1();
+                    _this.mp = false;
                 }
             };
             b.g = function (c, d) {
@@ -114278,19 +114435,19 @@
             };
             b.b.c = function (c) {
                 var e_1, _a;
-                if ((_this.az == null || _this.az.visibility == 0) && _this.ml != null && _this.mr != c) {
+                if ((_this.az == null || _this.az.visibility == 0) && _this.mn != null && _this.mt != c) {
                     var d = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, _this.bi);
                     if (d == null) {
                         return;
                     }
-                    _this.mr = c;
+                    _this.mt = c;
                     _this.aw.bg = c;
                     d.mg();
                     try {
                         for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(d.axes)), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var e = _c.value;
                             if (e != _this && igniteuiWebcomponentsCore.typeCast(AngleAxisLabelPanel.$, e.aw) !== null) {
-                                e.a5.ag();
+                                e.a5.ai();
                             }
                         }
                     }
@@ -114311,18 +114468,18 @@
             };
             b.k = function (c, d, e) {
                 var f = igniteuiWebcomponentsCore.typeCast(RadialAxisRenderingParameters.$, c);
-                _this.mm.m(d, e, c.z, c.aa, f.minLength, f.maxLength, f.center);
+                _this.mo.m(d, e, c.z, c.aa, f.minLength, f.maxLength, f.center);
             };
             b.l = function (c, d, e, f) {
                 var g = igniteuiWebcomponentsCore.typeCast(RadialAxisRenderingParameters.$, c);
-                _this.mm.n(d, e, f, g.z, c.aa, g.minLength, g.maxLength, g.center);
+                _this.mo.n(d, e, f, g.z, c.aa, g.minLength, g.maxLength, g.center);
             };
             b.m = function (c, d) { return _this.getScaledAngle(d); };
             b.q = function (c, d) {
-                if (_this.m1(d - _this.ms) < 0) {
+                if (_this.m3(d - _this.mu) < 0) {
                     return false;
                 }
-                if (_this.m1(d - _this.ms - (2 * Math.PI)) > 0) {
+                if (_this.m3(d - _this.mu - (2 * Math.PI)) > 0) {
                     return false;
                 }
                 return true;
@@ -114330,11 +114487,11 @@
             b.j = function (c) {
                 var d = igniteuiWebcomponentsCore.typeCast(RadialAxisRenderingParameters.$, c);
                 if (d.e == d.k._inner[0]) {
-                    _this.mm.i(c.t, c.n, c.z, c.aa, d.center, d.minAngle, d.maxAngle);
+                    _this.mo.i(c.t, c.n, c.z, c.aa, d.center, d.minAngle, d.maxAngle);
                 }
             };
             b.e = function (c) {
-                c.n = _this.mv();
+                c.n = _this.mx();
                 c.r = c.n;
             };
             b.p = function (c, d, e) {
@@ -114342,7 +114499,7 @@
                 if (e) {
                     return false;
                 }
-                var g = _this.ng(d, f.center, c.aa, c.z, 0);
+                var g = _this.nl(d, f.center, c.aa, c.z, 0);
                 if (g.x < c.z.right && g.x >= c.z.left && g.y < c.z.bottom && g.y >= c.z.top) {
                     return true;
                 }
@@ -114361,11 +114518,11 @@
                 return i;
             };
             b.f = igniteuiWebcomponentsCore.runOn(this, this.getGroupCenter);
-            b.i = igniteuiWebcomponentsCore.runOn(this, this.my);
+            b.i = igniteuiWebcomponentsCore.runOn(this, this.m0);
             return b;
         };
-        CategoryAngleAxis.prototype.ng = function (a, b, c, d, e) {
-            var f = this.mv();
+        CategoryAngleAxis.prototype.nl = function (a, b, c, d, e) {
+            var f = this.mx();
             var g = ViewportUtils.b(e, c, d);
             if (this.az != null && (this.az.c == 5 || this.az.c == 1)) {
                 g *= -1;
@@ -114376,27 +114533,44 @@
             i = ViewportUtils.f(i, c, d);
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: h, y: i };
         };
-        CategoryAngleAxis.prototype.mv = function () {
-            if (this.ml == null) {
+        CategoryAngleAxis.prototype.nk = function (a, b, c, d, e, f, g) {
+            if (!igniteuiWebcomponentsCore.isNaN_(b) && !igniteuiWebcomponentsCore.isNaN_(c)) {
+                var h = this.mx();
+                var i = b / f.width;
+                var j = c / f.width;
+                var k = ViewportUtils.b(g, e, f);
+                var l = igniteuiWebcomponentsCore.GeometryUtil.h(h, a, i, j);
+                var m = d.x + (l + k) * Math.cos(a);
+                var n = d.y + (l + k) * Math.sin(a);
+                m = ViewportUtils.c(m, e, f);
+                n = ViewportUtils.f(n, e, f);
+                return { $type: igniteuiWebcomponentsCore.Point_$type, x: m, y: n };
+            }
+            else {
+                return this.nl(a, d, e, f, g);
+            }
+        };
+        CategoryAngleAxis.prototype.mx = function () {
+            if (this.mn == null) {
                 return 0;
             }
             if (!this.b5()) {
-                return this.ml.nt();
+                return this.mn.nt();
             }
             else {
-                return this.ml.nu((this.fv));
+                return this.mn.nu((this.fv));
             }
         };
-        CategoryAngleAxis.prototype.mg = function (a, b, c, d) {
+        CategoryAngleAxis.prototype.mi = function (a, b, c, d) {
             if (this.kr == null) {
                 return null;
             }
             var e = new RadialAxisRenderingParameters();
             var f = this.kr.count - 1;
-            var g = this.a5.a1();
-            var h = this.a5.a4();
-            var i = this.a5.a2();
-            var j = this.a5.a3();
+            var g = this.a5.a4();
+            var h = this.a5.a7();
+            var i = this.a5.a5();
+            var j = this.a5.a6();
             e.t = g;
             e.w = h;
             e.u = i;
@@ -114408,18 +114582,18 @@
             e.y = c;
             e.x = d;
             e.aa = b;
-            e.g = this.mo();
-            e.p = this.mz;
+            e.g = this.mq();
+            e.p = this.m1;
             e.o = this.ey();
-            e.q = this.m0;
+            e.q = this.m2;
             e.s = this.f0;
-            var k = this.mm.f(b);
-            var l = this.mm.g(b);
-            var m = 0.5 * this.ml.no;
-            var n = 0.5 * this.ml.nn;
+            var k = this.mo.f(b);
+            var l = this.mo.g(b);
+            var m = 0.5 * this.mn.no;
+            var n = 0.5 * this.mn.nn;
             var o = k;
             var p = l;
-            var q = this.ml.nt();
+            var q = this.mn.nt();
             if (igniteuiWebcomponentsCore.isNaN_(q) || igniteuiWebcomponentsCore.isInfinity(q)) {
                 return null;
             }
@@ -114430,7 +114604,7 @@
                 o = n;
             }
             var r = a.width;
-            this.mm.k(b, e, 0, this.kr.count, this.ch, igniteuiWebcomponentsCore.runOn(this, this.getUnscaledAngle), r);
+            this.mo.k(b, e, 0, this.kr.count, this.ch, igniteuiWebcomponentsCore.runOn(this, this.getUnscaledAngle), r);
             var s = { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 };
             e.center = s;
             e.maxLength = p;
@@ -114446,7 +114620,7 @@
             return e;
         };
         CategoryAngleAxis.prototype.getMinMaxAngle = function (a, b, c) {
-            var d = this.mm.l(a, b, c);
+            var d = this.mo.l(a, b, c);
             b = d.p1;
             c = d.p2;
             return {
@@ -114458,10 +114632,10 @@
             _super.prototype.ac.call(this);
             this.h8(false);
         };
-        Object.defineProperty(CategoryAngleAxis.prototype, "ml", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "mn", {
             get: function () {
-                if (this.mk != null) {
-                    return this.mk;
+                if (this.mm != null) {
+                    return this.mm;
                 }
                 var a = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.bi);
                 if (a != null) {
@@ -114471,16 +114645,24 @@
                         }
                     }
                 }
-                return this.mk;
+                return this.mm;
             },
             set: function (a) {
-                this.mk = a;
+                this.mm = a;
             },
             enumerable: false,
             configurable: true
         });
         CategoryAngleAxis.prototype.ak = function () {
-            return this.ml;
+            return this.mn;
+        };
+        CategoryAngleAxis.prototype.mh = function () {
+            if (this.mg == 0) {
+                return 1;
+            }
+            else {
+                return this.mg;
+            }
         };
         CategoryAngleAxis.prototype.getCategorySize = function (a, b, c) {
             return 2 * Math.PI / this.lf;
@@ -114509,7 +114691,7 @@
             }
             return this.getCategorySize(b, c, d) * e;
         };
-        CategoryAngleAxis.prototype.my = function (a) {
+        CategoryAngleAxis.prototype.m0 = function (a) {
             var b = 0.5;
             if (this.lh > 1) {
                 var c = this.lb(igniteuiWebcomponentsCore.Rect.empty, igniteuiWebcomponentsCore.Rect.empty, igniteuiWebcomponentsCore.Rect.empty);
@@ -114530,16 +114712,16 @@
             var c = !b.isEmpty ? this.kd : igniteuiWebcomponentsCore.Rect.empty;
             var d = this.j8();
             var e = this.j7();
-            var f = this.mj.c(a, c, b, d, e);
+            var f = this.ml.c(a, c, b, d, e);
             if (f != null) {
-                this.mt = f.f.m;
-                this.mu = f.f.l;
+                this.mv = f.f.m;
+                this.mw = f.f.l;
             }
         };
-        CategoryAngleAxis.prototype.mx = function (a, b) {
+        CategoryAngleAxis.prototype.mz = function (a, b) {
             var c;
             var d;
-            var e = this.mm.l(b, c, d);
+            var e = this.mo.l(b, c, d);
             c = e.p1;
             d = e.p2;
             if (c == 0) {
@@ -114556,10 +114738,10 @@
             }
             return f;
         };
-        CategoryAngleAxis.prototype.mw = function (a, b) {
+        CategoryAngleAxis.prototype.my = function (a, b) {
             var c;
             var d;
-            var e = this.mm.l(b, c, d);
+            var e = this.mo.l(b, c, d);
             c = e.p1;
             d = e.p2;
             if (d > Math.PI * 2) {
@@ -114585,13 +114767,13 @@
             if (this.ci) {
                 c = 1 - c;
             }
-            return (c * 2 * Math.PI) + this.ms;
+            return (c * 2 * Math.PI) + this.mu;
         };
         CategoryAngleAxis.prototype.getUnscaledAngle = function (a) {
-            if (a < this.ms) {
+            if (a < this.mu) {
                 a += 2 * Math.PI;
             }
-            var b = (a - this.ms) / (2 * Math.PI);
+            var b = (a - this.mu) / (2 * Math.PI);
             if (this.ch) {
                 b = 1 - b;
             }
@@ -114610,22 +114792,22 @@
             switch (b) {
                 case "CrossingAxis":
                     var f = igniteuiWebcomponentsCore.typeCast(NumericRadiusAxis.$, d);
-                    this.nc(f);
+                    this.nf(f);
                     if (f != null) {
                         f.n3(this);
                     }
                     this.cq = true;
                     this.h8(false);
                     break;
-                case CategoryAngleAxis.$$p[0]:
-                    this.ms = this.m2;
-                    while (this.ms < 0) {
-                        this.ms += 360;
+                case CategoryAngleAxis.$$p[1]:
+                    this.mu = this.m4;
+                    while (this.mu < 0) {
+                        this.mu += 360;
                     }
-                    while (this.ms >= 360) {
-                        this.ms -= 360;
+                    while (this.mu >= 360) {
+                        this.mu -= 360;
                     }
-                    this.ms = (this.ms * Math.PI) / 180;
+                    this.mu = (this.mu * Math.PI) / 180;
                     this.cq = true;
                     this.h8(false);
                     try {
@@ -114700,72 +114882,72 @@
                     }
                     break;
                 case "LabelSettings":
-                    this.mj = this.mi();
-                    this.na();
+                    this.ml = this.mk();
+                    this.nd();
                     this.cq = true;
                     this.h8(false);
                     break;
             }
         };
-        CategoryAngleAxis.prototype.na = function () {
-            this.mr = NaN;
+        CategoryAngleAxis.prototype.nd = function () {
+            this.mt = NaN;
         };
-        CategoryAngleAxis.prototype.nc = function (a) {
-            this.ml = a;
+        CategoryAngleAxis.prototype.nf = function (a) {
+            this.mn = a;
         };
-        Object.defineProperty(CategoryAngleAxis.prototype, "mz", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "m1", {
             get: function () {
-                return this.c(CategoryAngleAxis.nd);
+                return this.c(CategoryAngleAxis.ng);
             },
             set: function (a) {
-                this.h(CategoryAngleAxis.nd, a);
+                this.h(CategoryAngleAxis.ng, a);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(CategoryAngleAxis.prototype, "mt", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "mv", {
             get: function () {
-                return this.mp;
+                return this.mr;
             },
             set: function (a) {
-                if (this.mt != a) {
-                    var b = this.mp;
-                    this.mp = a;
-                    this.h2("ActualInterval", b, this.mt);
+                if (this.mv != a) {
+                    var b = this.mr;
+                    this.mr = a;
+                    this.h2("ActualInterval", b, this.mv);
                 }
             },
             enumerable: false,
             configurable: true
         });
         CategoryAngleAxis.prototype.ev = function () {
-            return this.mt;
+            return this.mv;
         };
-        Object.defineProperty(CategoryAngleAxis.prototype, "m0", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "m2", {
             get: function () {
-                return this.c(CategoryAngleAxis.ne);
+                return this.c(CategoryAngleAxis.ni);
             },
             set: function (a) {
-                this.h(CategoryAngleAxis.ne, a);
+                this.h(CategoryAngleAxis.ni, a);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(CategoryAngleAxis.prototype, "mu", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "mw", {
             get: function () {
-                return this.mq;
+                return this.ms;
             },
             set: function (a) {
-                if (this.mu != a) {
-                    var b = this.mq;
-                    this.mq = a;
-                    this.h2("ActualMinorInterval", b, this.mu);
+                if (this.mw != a) {
+                    var b = this.ms;
+                    this.ms = a;
+                    this.h2("ActualMinorInterval", b, this.mw);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        CategoryAngleAxis.prototype.mo = function () {
-            return !igniteuiWebcomponentsCore.isNaN_(this.mz);
+        CategoryAngleAxis.prototype.mq = function () {
+            return !igniteuiWebcomponentsCore.isNaN_(this.m1);
         };
         CategoryAngleAxis.prototype.get_a2 = function () {
             return 2;
@@ -114785,20 +114967,20 @@
                 return false;
             }
             var a = this.kr.count;
-            if (a != this.m4) {
-                var b = new AxisRangeChangedEventArgs(0, 1, 1, this.m4, a);
-                this.m4 = a;
+            if (a != this.m6) {
+                var b = new AxisRangeChangedEventArgs(0, 1, 1, this.m6, a);
+                this.m6 = a;
                 this.h3(b);
                 return true;
             }
             return false;
         };
-        Object.defineProperty(CategoryAngleAxis.prototype, "m4", {
+        Object.defineProperty(CategoryAngleAxis.prototype, "m6", {
             get: function () {
-                return this.m3;
+                return this.m5;
             },
             set: function (a) {
-                this.m3 = a;
+                this.m5 = a;
             },
             enumerable: false,
             configurable: true
@@ -114810,7 +114992,7 @@
             if (e === void 0) {
                 e = null;
             }
-            var f = igniteuiWebcomponentsCore.typeCast(RadialAxisRenderingParameters.$, this.mj.d(c, b, d, e));
+            var f = igniteuiWebcomponentsCore.typeCast(RadialAxisRenderingParameters.$, this.ml.d(c, b, d, e));
             if (f == null) {
                 return null;
             }
@@ -114862,15 +115044,15 @@
             return this.ag.apply(this, arguments);
         };
         CategoryAngleAxis.$t = igniteuiWebcomponentsCore.markType(CategoryAngleAxis, 'CategoryAngleAxis', CategoryAxisBase.$, [IAngleScaler_$type]);
-        CategoryAngleAxis.nd = igniteuiWebcomponentsCore.DependencyProperty.i("Interval", igniteuiWebcomponentsCore.Number_$type, CategoryAngleAxis.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, NaN, function (a, b) {
+        CategoryAngleAxis.ng = igniteuiWebcomponentsCore.DependencyProperty.i("Interval", igniteuiWebcomponentsCore.Number_$type, CategoryAngleAxis.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, NaN, function (a, b) {
             a.h2("Interval", b.oldValue, b.newValue);
             a.h8(false);
         }));
-        CategoryAngleAxis.ne = igniteuiWebcomponentsCore.DependencyProperty.i("MinorInterval", igniteuiWebcomponentsCore.Number_$type, CategoryAngleAxis.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, NaN, function (a, b) {
+        CategoryAngleAxis.ni = igniteuiWebcomponentsCore.DependencyProperty.i("MinorInterval", igniteuiWebcomponentsCore.Number_$type, CategoryAngleAxis.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, NaN, function (a, b) {
             (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, a)).h2("MinorInterval", b.oldValue, b.newValue);
             (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, a)).h8(false);
         }));
-        CategoryAngleAxis.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, CategoryAngleAxis, 'h2', ['StartAngleOffset:m2:nf', [1, 0]]);
+        CategoryAngleAxis.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, CategoryAngleAxis, 'h2', ['LabelMode:mg:nh', [AxisAngleLabelMode_$type, igniteuiWebcomponentsCore.enumGetBox(AxisAngleLabelMode_$type, 0)], 'StartAngleOffset:m4:nj', [1, 0]]);
         return CategoryAngleAxis;
     }(CategoryAxisBase));
     /**
@@ -114880,13 +115062,13 @@
         tslib.__extends(NumericAngleAxis, _super);
         function NumericAngleAxis() {
             var _this = _super.call(this) || this;
+            _this.nm = null;
+            _this.nn = false;
+            _this.no = NaN;
+            _this.np = 0;
             _this.nk = null;
-            _this.nl = false;
-            _this.nm = NaN;
-            _this.nn = 0;
-            _this.ni = null;
             _this.ab = NumericAngleAxis.$;
-            _this.nk = new PolarAxisRenderingManager();
+            _this.nm = new PolarAxisRenderingManager();
             _this.k0 = _this.ky();
             return _this;
         }
@@ -114895,7 +115077,7 @@
         };
         NumericAngleAxis.prototype.hs = function (a) {
             _super.prototype.hs.call(this, a);
-            this.nh = a;
+            this.nj = a;
         };
         NumericAngleAxis.prototype.get_b9 = function () {
             return true;
@@ -114903,25 +115085,25 @@
         NumericAngleAxis.prototype.av = function () {
             var _this = this;
             var a = new AngleAxisLabelPanel();
-            a.dg = function (b) {
-                var c = _this.bi != null ? _this.bi.tn : igniteuiWebcomponentsCore.Rect.empty;
-                var d = !c.isEmpty ? _this.kd : igniteuiWebcomponentsCore.Rect.empty;
-                return _this.nx(b, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 }, c, d, _this.aw.bh);
+            a.di = function (b, c, d) {
+                var e = _this.bi != null ? _this.bi.tn : igniteuiWebcomponentsCore.Rect.empty;
+                var f = !e.isEmpty ? _this.kd : igniteuiWebcomponentsCore.Rect.empty;
+                return _this.n1(b, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 }, e, f, _this.aw.bh);
             };
             return a;
         };
-        NumericAngleAxis.prototype.no = function () {
-            if (this.nj == null) {
+        NumericAngleAxis.prototype.nq = function () {
+            if (this.nl == null) {
                 return 0;
             }
             if (!this.b5()) {
-                return this.nj.nt();
+                return this.nl.nt();
             }
             else {
-                return this.nj.nu((this.fv));
+                return this.nl.nu((this.fv));
             }
         };
-        NumericAngleAxis.prototype.nq = function (a) {
+        NumericAngleAxis.prototype.ns = function (a) {
             return Math.round(a * Math.pow(10, 10)) / Math.pow(10, 10);
         };
         NumericAngleAxis.prototype.ky = function () {
@@ -114929,19 +115111,19 @@
             var a = _super.prototype.ky.call(this);
             a.b.c = function (b) {
                 var e_5, _a;
-                if ((_this.az == null || _this.az.visibility == 0) && _this.nj != null && _this.nm != b) {
+                if ((_this.az == null || _this.az.visibility == 0) && _this.nl != null && _this.no != b) {
                     var c = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, _this.bi);
                     if (c == null) {
                         return;
                     }
-                    _this.nm = b;
+                    _this.no = b;
                     _this.aw.bg = b;
                     c.mg();
                     try {
                         for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(c.axes)), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var d = _c.value;
                             if (d != _this && igniteuiWebcomponentsCore.typeCast(AngleAxisLabelPanel.$, d.aw) !== null) {
-                                d.a5.ag();
+                                d.a5.ai();
                             }
                         }
                     }
@@ -114961,49 +115143,49 @@
                 }
             };
             a.e = function (b) {
-                b.n = _this.no();
+                b.n = _this.nq();
                 b.r = b.n;
             };
             a.j = function (b) {
                 var c = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, b);
                 if (c.e == c.k._inner[0]) {
-                    _this.nk.i(b.t, b.n, b.z, b.aa, c.center, c.minAngle, c.maxAngle);
+                    _this.nm.i(b.t, b.n, b.z, b.aa, c.center, c.minAngle, c.maxAngle);
                 }
             };
             a.k = function (b, c, d) {
                 var e = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, b);
-                _this.nk.m(c, d, b.z, b.aa, e.minLength, e.maxLength, e.center);
+                _this.nm.m(c, d, b.z, b.aa, e.minLength, e.maxLength, e.center);
             };
             a.l = function (b, c, d, e) {
                 var f = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, b);
-                _this.nk.n(c, d, e, f.z, b.aa, f.minLength, f.maxLength, f.center);
+                _this.nm.n(c, d, e, f.z, b.aa, f.minLength, f.maxLength, f.center);
             };
             a.d = function (b, c, d, e) {
                 var f = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, _this.k1(b, c, d, e));
                 return f;
             };
             a.v = function () {
-                if (!_this.nl) {
-                    _this.nl = true;
-                    _this.nj.c1();
-                    _this.nl = false;
+                if (!_this.nn) {
+                    _this.nn = true;
+                    _this.nl.c1();
+                    _this.nn = false;
                 }
             };
             a.m = function (b, c) { return _this.getScaledAngle(c); };
-            a.o = function (b, c) { return !c.isEmpty && !b.isEmpty && _this.nj != null; };
+            a.o = function (b, c) { return !c.isEmpty && !b.isEmpty && _this.nl != null; };
             a.q = function (b, c) {
-                if (_this.nq(c - _this.nn) < 0) {
+                if (_this.ns(c - _this.np) < 0) {
                     return false;
                 }
-                if (_this.nq(c - _this.nn - (2 * Math.PI)) > 0) {
+                if (_this.ns(c - _this.np - (2 * Math.PI)) > 0) {
                     return false;
                 }
                 return true;
             };
             a.p = function (b, c, d) {
                 var e = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, b);
-                var f = _this.nx(_this.getScaledAngle(e.l), e.center, b.aa, b.z, 0);
-                var g = _this.nx(c, e.center, b.aa, b.z, 0);
+                var f = _this.n1(_this.getScaledAngle(e.l), e.center, b.aa, b.z, 0);
+                var g = _this.n1(c, e.center, b.aa, b.z, 0);
                 if (d && igniteuiWebcomponentsCore.MathUtil.g(f.x - g.x, f.y - g.y) < 2) {
                     return false;
                 }
@@ -115023,8 +115205,8 @@
             };
             return a;
         };
-        NumericAngleAxis.prototype.nx = function (a, b, c, d, e) {
-            var f = this.no();
+        NumericAngleAxis.prototype.n1 = function (a, b, c, d, e) {
+            var f = this.nq();
             var g = ViewportUtils.b(e, c, d);
             if (this.az != null && (this.az.c == 5 || this.az.c == 1)) {
                 g *= -1;
@@ -115049,7 +115231,7 @@
             if (c) {
                 d = 1 - d;
             }
-            return (d * 2 * Math.PI) + this.nn;
+            return (d * 2 * Math.PI) + this.np;
         };
         NumericAngleAxis.prototype.getScaledAngle = function (a) {
             return this.getScaledAngle1(a, this.lj, this.ci);
@@ -115058,7 +115240,7 @@
             return this.getUnscaledAngle(a);
         };
         NumericAngleAxis.prototype.getUnscaledAngle = function (a) {
-            var b = (a - this.nn) / (2 * Math.PI);
+            var b = (a - this.np) / (2 * Math.PI);
             if (this.ch) {
                 b = 1 - b;
             }
@@ -115069,6 +115251,14 @@
                 return this.lx + b * (this.lw - this.lx);
             }
         };
+        NumericAngleAxis.prototype.ni = function () {
+            if (this.nh == 0) {
+                return 1;
+            }
+            else {
+                return this.nh;
+            }
+        };
         NumericAngleAxis.prototype.hw = function (a, b, c, d) {
             var e_6, _a, e_7, _b, e_8, _c;
             _super.prototype.hw.call(this, a, b, c, d);
@@ -115076,21 +115266,21 @@
             switch (b) {
                 case "CrossingAxis":
                     var f = igniteuiWebcomponentsCore.typeCast(NumericRadiusAxis.$, d);
-                    this.nv(f);
+                    this.ny(f);
                     if (f != null) {
                         f.n3(this);
                     }
                     this.h8(false);
                     break;
-                case NumericAngleAxis.$$p[0]:
-                    this.nn = this.nr;
-                    while (this.nn < 0) {
-                        this.nn += 360;
+                case NumericAngleAxis.$$p[1]:
+                    this.np = this.nt;
+                    while (this.np < 0) {
+                        this.np += 360;
                     }
-                    while (this.nn >= 360) {
-                        this.nn -= 360;
+                    while (this.np >= 360) {
+                        this.np -= 360;
                     }
-                    this.nn = (this.nr * Math.PI) / 180;
+                    this.np = (this.nt * Math.PI) / 180;
                     this.h8(false);
                     try {
                         for (var _d = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.db())), _e = _d.next(); !_e.done; _e = _d.next()) {
@@ -115163,27 +115353,27 @@
                     break;
                 case "LabelSettings":
                     this.k0 = this.ky();
-                    this.nt();
+                    this.nw();
                     this.cq = true;
                     this.h8(false);
                     break;
             }
         };
-        NumericAngleAxis.prototype.nt = function () {
-            this.nm = NaN;
+        NumericAngleAxis.prototype.nw = function () {
+            this.no = NaN;
         };
         NumericAngleAxis.prototype.k2 = function () {
             return new PolarAxisRenderingParameters();
         };
         NumericAngleAxis.prototype.k1 = function (a, b, c, d) {
             var e = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, _super.prototype.k1.call(this, a, b, c, d));
-            var f = this.nk.f(b);
-            var g = this.nk.g(b);
-            var h = 0.5 * this.nj.no;
-            var i = 0.5 * this.nj.nn;
+            var f = this.nm.f(b);
+            var g = this.nm.g(b);
+            var h = 0.5 * this.nl.no;
+            var i = 0.5 * this.nl.nn;
             var j = f;
             var k = g;
-            var l = this.nj.nt();
+            var l = this.nl.nt();
             if (igniteuiWebcomponentsCore.isNaN_(l) || igniteuiWebcomponentsCore.isInfinity(l)) {
                 return null;
             }
@@ -115194,7 +115384,7 @@
                 j = i;
             }
             var m = a.width;
-            this.nk.k(b, e, this.lx, this.lw, this.ch, igniteuiWebcomponentsCore.runOn(this, this.getUnscaledAngle), m);
+            this.nm.k(b, e, this.lx, this.lw, this.ch, igniteuiWebcomponentsCore.runOn(this, this.getUnscaledAngle), m);
             var n = { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 };
             e.center = n;
             e.maxLength = k;
@@ -115203,7 +115393,7 @@
             return e;
         };
         NumericAngleAxis.prototype.getMinMaxAngle = function (a, b, c) {
-            var d = this.nk.l(a, b, c);
+            var d = this.nm.l(a, b, c);
             b = d.p1;
             c = d.p2;
             return {
@@ -115223,10 +115413,10 @@
                 this.ly = f.f.l;
             }
         };
-        Object.defineProperty(NumericAngleAxis.prototype, "nj", {
+        Object.defineProperty(NumericAngleAxis.prototype, "nl", {
             get: function () {
-                if (this.ni != null) {
-                    return this.ni;
+                if (this.nk != null) {
+                    return this.nk;
                 }
                 var a = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.bi);
                 if (a != null) {
@@ -115236,19 +115426,19 @@
                         }
                     }
                 }
-                return this.ni;
+                return this.nk;
             },
             set: function (a) {
-                this.ni = a;
+                this.nk = a;
             },
             enumerable: false,
             configurable: true
         });
         NumericAngleAxis.prototype.ak = function () {
-            return this.nj;
+            return this.nl;
         };
-        NumericAngleAxis.prototype.nv = function (a) {
-            this.nj = a;
+        NumericAngleAxis.prototype.ny = function (a) {
+            this.nl = a;
         };
         NumericAngleAxis.prototype.ip = function (a, b) {
             _super.prototype.ip.call(this, a, b);
@@ -115273,7 +115463,7 @@
             if (e === void 0) {
                 e = null;
             }
-            if (this.nj == null) {
+            if (this.nl == null) {
                 return null;
             }
             var f = igniteuiWebcomponentsCore.typeCast(PolarAxisRenderingParameters.$, this.k1(c, b, d, e));
@@ -115296,7 +115486,7 @@
             return m;
         };
         NumericAngleAxis.$t = igniteuiWebcomponentsCore.markType(NumericAngleAxis, 'NumericAngleAxis', NumericAxisBase.$, [IAngleScaler_$type]);
-        NumericAngleAxis.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, NumericAngleAxis, 'h2', ['StartAngleOffset:nr:nw', [1, 0]]);
+        NumericAngleAxis.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, NumericAngleAxis, 'h2', ['LabelMode:nh:nz', [AxisAngleLabelMode_$type, igniteuiWebcomponentsCore.enumGetBox(AxisAngleLabelMode_$type, 0)], 'StartAngleOffset:nt:n0', [1, 0]]);
         return NumericAngleAxis;
     }(NumericAxisBase));
     /**
@@ -115588,11 +115778,11 @@
                     }
                     if (g != null) {
                         this.n3(g);
-                        g.nv(this);
+                        g.ny(this);
                     }
                     if (h != null) {
                         this.n3(h);
-                        h.nc(this);
+                        h.nf(this);
                     }
                     this.cq = true;
                     this.h8(false);
@@ -115881,31 +116071,67 @@
             _super.prototype.an.call(this);
             this.az.da = true;
         };
-        AngleAxisLabelPanelView.prototype.a0 = function (a, b) {
+        AngleAxisLabelPanelView.prototype.a1 = function (a, b) {
+            this.az.df = -1.7976931348623157E+308;
+            this.az.dc = -1.7976931348623157E+308;
             this.az.de = -1.7976931348623157E+308;
-            this.az.db = -1.7976931348623157E+308;
             this.az.dd = -1.7976931348623157E+308;
-            this.az.dc = -1.7976931348623157E+308;
             for (var c = 0; c < this.a.bb.count; c++) {
                 var d = this.a.bb._inner[c];
                 var e = this.a.ba._inner[c];
                 var f = e.a;
-                var g = this.az.dg(e.c);
+                var g = this.az.di(e.c, NaN, NaN);
                 var h = this.m(d);
                 var i = this.l(d);
                 var j = h + this.p() + this.q();
                 var k = i + this.r() + this.o();
                 var l = g.x - j / 2;
                 var m = g.y - k / 2;
-                this.az.dd = Math.max(h, this.az.dd);
-                this.az.dc = Math.max(i, this.az.dc);
-                this.az.de = Math.max(j, this.az.de);
-                this.az.db = Math.max(k, this.az.db);
+                this.az.de = Math.max(h, this.az.de);
+                this.az.dd = Math.max(i, this.az.dd);
+                this.az.df = Math.max(j, this.az.df);
+                this.az.dc = Math.max(k, this.az.dc);
                 var n = new igniteuiWebcomponentsCore.Rect(0, l, m, j, k);
                 a.add(n);
                 b.add(f);
             }
         };
+        AngleAxisLabelPanelView.prototype.a0 = function (a, b) {
+            this.az.db = -1.7976931348623157E+308;
+            var c = 0;
+            if (igniteuiWebcomponentsCore.typeCast(CategoryAngleAxis.$, this.az.ad) !== null) {
+                c = this.az.ad.mx() * this.az.ad.kd.width;
+            }
+            else if (igniteuiWebcomponentsCore.typeCast(NumericAngleAxis.$, this.az.ad) !== null) {
+                c = this.az.ad.nq() * this.az.ad.kd.width;
+            }
+            var d = { $type: igniteuiWebcomponentsCore.Point_$type, x: this.az.ad.kd.width * 0.5, y: this.az.ad.kd.width * 0.5 };
+            for (var e = 0; e < this.a.bb.count; e++) {
+                var f = this.a.bb._inner[e];
+                var g = this.a.ba._inner[e];
+                var h = g.a;
+                var i = this.m(f);
+                var j = this.l(f);
+                var k = i + this.p() + this.q();
+                var l = j + this.r() + this.o();
+                var m = this.az.di(g.c, k, l);
+                var n = m.x - k / 2;
+                var o = m.y - l / 2;
+                var p = new igniteuiWebcomponentsCore.Rect(0, n, o, i, j);
+                if (!h) {
+                    var q = Math.sqrt((p.left - d.x) * (p.left - d.x) + (p.top - d.y) * (p.top - d.y));
+                    var r = Math.sqrt((p.right - d.x) * (p.right - d.x) + (p.top - d.y) * (p.top - d.y));
+                    var s = Math.sqrt((p.left - d.x) * (p.left - d.x) + (p.bottom - d.y) * (p.bottom - d.y));
+                    var t = Math.sqrt((p.right - d.x) * (p.right - d.x) + (p.bottom - d.y) * (p.bottom - d.y));
+                    this.az.db = Math.max(q - c, this.az.db);
+                    this.az.db = Math.max(r - c, this.az.db);
+                    this.az.db = Math.max(s - c, this.az.db);
+                    this.az.db = Math.max(t - c, this.az.db);
+                }
+                a.add(p);
+                b.add(h);
+            }
+        };
         AngleAxisLabelPanelView.prototype.o = function () {
             return 0;
         };
@@ -115928,12 +116154,12 @@
         tslib.__extends(CategoryAngleAxisView, _super);
         function CategoryAngleAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        CategoryAngleAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        CategoryAngleAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.jw = AxisDefaults.h;
             this.a.jz = AxisDefaults.g;
         };
@@ -115947,12 +116173,12 @@
         tslib.__extends(NumericAngleAxisView, _super);
         function NumericAngleAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        NumericAngleAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        NumericAngleAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.jw = AxisDefaults.h;
             this.a.jz = AxisDefaults.g;
         };
@@ -115966,12 +116192,12 @@
         tslib.__extends(NumericRadiusAxisView, _super);
         function NumericRadiusAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        NumericRadiusAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        NumericRadiusAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.jw = AxisDefaults.h;
             this.a.jz = AxisDefaults.g;
         };
@@ -116079,11 +116305,25 @@
             * Indicates the angle in degress that the chart's 0th angle should be offset.
             */
             get: function () {
-                return this.i.m2;
+                return this.i.m4;
             },
             set: function (v) {
-                this.i.m2 = +v;
-                this._a("startAngleOffset", this.i.m2);
+                this.i.m4 = +v;
+                this._a("startAngleOffset", this.i.m4);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcCategoryAngleAxisComponent.prototype, "labelMode", {
+            /**
+             * Indicates the mode axis labels will operate in.
+            */
+            get: function () {
+                return this.i.mg;
+            },
+            set: function (v) {
+                this.i.mg = igniteuiWebcomponentsCore.ensureEnum(AxisAngleLabelMode_$type, v);
+                this._a("labelMode", igniteuiWebcomponentsCore.enumToString(AxisAngleLabelMode_$type, this.i.mg));
             },
             enumerable: false,
             configurable: true
@@ -116097,11 +116337,11 @@
             * For example, an interval of 2 will display every other label.
             */
             get: function () {
-                return this.i.mz;
+                return this.i.m1;
             },
             set: function (v) {
-                this.i.mz = +v;
-                this._a("interval", this.i.mz);
+                this.i.m1 = +v;
+                this._a("interval", this.i.m1);
             },
             enumerable: false,
             configurable: true
@@ -116113,11 +116353,11 @@
             * Gets the effective value for the current Interval.
             */
             get: function () {
-                return this.i.mt;
+                return this.i.mv;
             },
             set: function (v) {
-                this.i.mt = +v;
-                this._a("actualInterval", this.i.mt);
+                this.i.mv = +v;
+                this._a("actualInterval", this.i.mv);
             },
             enumerable: false,
             configurable: true
@@ -116130,11 +116370,11 @@
             * Gets or sets the frequency of displayed minor lines. The set value is a factor that determines how the minor lines will be displayed.
             */
             get: function () {
-                return this.i.m0;
+                return this.i.m2;
             },
             set: function (v) {
-                this.i.m0 = +v;
-                this._a("minorInterval", this.i.m0);
+                this.i.m2 = +v;
+                this._a("minorInterval", this.i.m2);
             },
             enumerable: false,
             configurable: true
@@ -116146,11 +116386,11 @@
             * Get the effective value for the current minorInterval.
             */
             get: function () {
-                return this.i.mu;
+                return this.i.mw;
             },
             set: function (v) {
-                this.i.mu = +v;
-                this._a("actualMinorInterval", this.i.mu);
+                this.i.mw = +v;
+                this._a("actualMinorInterval", this.i.mw);
             },
             enumerable: false,
             configurable: true
@@ -116186,7 +116426,7 @@
                 this._actualIntervalChange = ev;
                 this._actualIntervalChange_wrapped = function (o, e) {
                     var ext = _this.actualInterval;
-                    if (e.propertyName == 'Mt') {
+                    if (e.propertyName == 'Mv') {
                         if (_this.beforeActualIntervalChange) {
                             _this.beforeActualIntervalChange(_this, ext);
                         }
@@ -116929,10 +117169,10 @@
         });
         TimeAxisBase.prototype.h9 = function (a) {
             _super.prototype.h9.call(this, a);
-            var b = this.a5.a1();
-            var c = this.a5.a4();
-            var d = this.a5.a2();
-            var e = this.a5.a3();
+            var b = this.a5.a4();
+            var c = this.a5.a7();
+            var d = this.a5.a5();
+            var e = this.a5.a6();
             var f = this.a5.e();
             var g = this.a5.f();
             var h = this.a5.g();
@@ -116954,7 +117194,7 @@
                 this.bq.count = 0;
                 this.bp.count = 0;
             }
-            if (this.br.count == 0) {
+            if (this.br.count == 0 && this.a5.l()) {
                 this.aw.ab.clear();
             }
             if (this.az != null) {
@@ -117174,12 +117414,12 @@
                 if (igniteuiWebcomponentsCore.isNaN_(g)) {
                     g = 0;
                 }
-                this.hq(this.a5.a1(), g, c, this.a5.e(), true);
+                this.hq(this.a5.a4(), g, c, this.a5.e(), true);
                 this.aw.bg = h;
-                var k = this.a5.a4();
+                var k = this.a5.a7();
                 var l = this.a5.f();
-                var m = this.a5.a2();
-                var n = this.a5.a3();
+                var m = this.a5.a5();
+                var n = this.a5.a6();
                 var o = this.a5.g();
                 if (this.no == 1) {
                     var p = this.i$e(b, c, d, e);
@@ -117416,16 +117656,16 @@
         tslib.__extends(CategoryDateTimeXAxisView, _super);
         function CategoryDateTimeXAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        CategoryDateTimeXAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        CategoryDateTimeXAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.fh = AxisDefaults.f;
         };
-        CategoryDateTimeXAxisView.prototype.r = function (a) {
-            var b = this.p(igniteuiWebcomponentsCore.dateFromTicks(igniteuiWebcomponentsCore.truncate(a)));
+        CategoryDateTimeXAxisView.prototype.s = function (a) {
+            var b = this.q(igniteuiWebcomponentsCore.dateFromTicks(igniteuiWebcomponentsCore.truncate(a)));
             return b;
         };
         CategoryDateTimeXAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryDateTimeXAxisView, 'CategoryDateTimeXAxisView', CategoryAxisBaseView.$);
@@ -118054,11 +118294,25 @@
              * Indicates the angle in degress that the chart's 0th angle should be offset.
             */
             get: function () {
-                return this.i.nr;
+                return this.i.nt;
             },
             set: function (v) {
-                this.i.nr = +v;
-                this._a("startAngleOffset", this.i.nr);
+                this.i.nt = +v;
+                this._a("startAngleOffset", this.i.nt);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcNumericAngleAxisComponent.prototype, "labelMode", {
+            /**
+             * Indicates the mode axis labels will operate in.
+            */
+            get: function () {
+                return this.i.nh;
+            },
+            set: function (v) {
+                this.i.nh = igniteuiWebcomponentsCore.ensureEnum(AxisAngleLabelMode_$type, v);
+                this._a("labelMode", igniteuiWebcomponentsCore.enumToString(AxisAngleLabelMode_$type, this.i.nh));
             },
             enumerable: false,
             configurable: true
@@ -119450,13 +119704,13 @@
                 if (igniteuiWebcomponentsCore.isNaN_(g)) {
                     g = 0;
                 }
-                this.hq(this.a5.a1(), g, c, this.a5.e(), true);
+                this.hq(this.a5.a4(), g, c, this.a5.e(), true);
                 this.aw.bg = h;
                 var k = igniteuiWebcomponentsCore.truncate(Math.ceil(e.right));
                 var l = igniteuiWebcomponentsCore.truncate(Math.floor(e.left));
-                var m = this.a5.a4();
+                var m = this.a5.a7();
                 var n = this.a5.f();
-                var o = this.a5.a2();
+                var o = this.a5.a5();
                 this.ni();
                 var p = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Date_$type, 1, this.n2());
                 var q = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
@@ -120466,7 +120720,12 @@
                 if (!ext) {
                     ext = new IgcTimeAxisLabelFormatComponent();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -121216,7 +121475,12 @@
                 if (!ext) {
                     ext = new IgcTimeAxisIntervalComponent();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -121263,7 +121527,12 @@
                 if (!ext) {
                     ext = new IgcTimeAxisBreakComponent();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -122727,7 +122996,7 @@
             if (c == FinancialSeries.$$p[11]) {
                 return this.jw(a, b, this.w0);
             }
-            if (c == FinancialSeries.$$p[6]) {
+            if (c == FinancialSeries.$$p[1]) {
                 return this.jw(a, b, this.wr);
             }
             if (c == FinancialSeries.$$p[9]) {
@@ -123085,7 +123354,7 @@
                         this.pq(this.fr && this.dp);
                     }
                     break;
-                case FinancialSeries.$$p[6]:
+                case FinancialSeries.$$p[1]:
                     if (this.c7 != null) {
                         this.w9(this.c7, this.u4);
                         this.u4 = this.u7(this.c7, this.wr, "HighColumn");
@@ -124228,7 +124497,7 @@
             return _super.prototype.ju.call(this, a);
         };
         FinancialSeries.$t = igniteuiWebcomponentsCore.markType(FinancialSeries, 'FinancialSeries', Series.$, [IHasCategoryAxis_$type, IHasCategoryModePreference_$type]);
-        FinancialSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, FinancialSeries, 'raisePropertyChanged', ['CloseMemberPath:we:xk', [2, null], 'HighlightedCloseMemberPath:wh:xl', [2, null], 'HighlightedHighMemberPath:wj:xm', [2, null], 'HighlightedLowMemberPath:wl:xn', [2, null], 'HighlightedOpenMemberPath:wn:xo', [2, null], 'HighlightedVolumeMemberPath:wp:xp', [2, null], 'HighMemberPath:wr:xq', [2, null], 'IsCustomCategoryStyleAllowed:vg:xr', [0, false], 'IsTransitionInEnabled:vh:xs', [0, false], 'LowMemberPath:ww:xt', [2, null], 'NegativeBrush:x0:xu', [igniteuiWebcomponentsCore.Brush.$, null], 'OpenMemberPath:w0:xv', [2, null], 'TransitionInMode:ul:xw', [CategoryTransitionInMode_$type, igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, 0)], 'VolumeMemberPath:w4:xx', [2, null], 'XAxis:ua:xy', [CategoryAxisBase.$, null], 'YAxis:uw:xz', [NumericYAxis.$, null]]);
+        FinancialSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, FinancialSeries, 'raisePropertyChanged', ['CloseMemberPath:we:xk', [2, null], 'HighMemberPath:wr:xq', [2, null], 'HighlightedCloseMemberPath:wh:xl', [2, null], 'HighlightedHighMemberPath:wj:xm', [2, null], 'HighlightedLowMemberPath:wl:xn', [2, null], 'HighlightedOpenMemberPath:wn:xo', [2, null], 'HighlightedVolumeMemberPath:wp:xp', [2, null], 'IsCustomCategoryStyleAllowed:vg:xr', [0, false], 'IsTransitionInEnabled:vh:xs', [0, false], 'LowMemberPath:ww:xt', [2, null], 'NegativeBrush:x0:xu', [igniteuiWebcomponentsCore.Brush.$, null], 'OpenMemberPath:w0:xv', [2, null], 'TransitionInMode:ul:xw', [CategoryTransitionInMode_$type, igniteuiWebcomponentsCore.enumGetBox(CategoryTransitionInMode_$type, 0)], 'VolumeMemberPath:w4:xx', [2, null], 'XAxis:ua:xy', [CategoryAxisBase.$, null], 'YAxis:uw:xz', [NumericYAxis.$, null]]);
         return FinancialSeries;
     }(Series));
     /**
@@ -141408,8 +141677,8 @@
         ZoomSliderView.prototype.n = function () {
             return ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                $ret.n = "Verdana";
-                $ret.d = 10;
+                $ret.p = "Verdana";
+                $ret.e = 10;
                 return $ret;
             })());
         };
@@ -145513,9 +145782,9 @@
         };
         LegendBaseViewManager.prototype.aa = function (a) {
             var b = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(this.g, a);
-            this.l.setStyleProperty("font-family", b.n);
-            this.l.setStyleProperty("font-size", b.d + "px");
-            this.l.setStyleProperty("font-style", b.q);
+            this.l.setStyleProperty("font-family", b.p);
+            this.l.setStyleProperty("font-size", b.e + "px");
+            this.l.setStyleProperty("font-style", b.s);
         };
         LegendBaseViewManager.$t = igniteuiWebcomponentsCore.markType(LegendBaseViewManager, 'LegendBaseViewManager');
         return LegendBaseViewManager;
@@ -162644,19 +162913,19 @@
             _this.bz = null;
             _this.bm = NaN;
             _this.bl = 1;
-            _this.eq = null;
             _this.er = null;
+            _this.es = null;
             _this.bl = 1;
             _this.bm = NaN;
             var a = _this.bk;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.ds));
+            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.dt));
             _this.ar = new MessageHandler();
-            _this.ar.b(SliceClickedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.dw));
-            _this.ar.b(SliceMouseMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.dx));
-            _this.ar.b(SelectedItemsChangedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.dt));
+            _this.ar.b(SliceClickedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.dx));
+            _this.ar.b(SliceMouseMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.dy));
+            _this.ar.b(SelectedItemsChangedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.du));
             _this.ap = new MessageChannel();
             _this.bt = function (b, c) { return _this.db(c.action, c.position, c.count, c.propertyName); };
-            _this.du();
+            _this.dv();
             _this.ab = XamFunnelChart.$;
             _this.ax = new XamFunnelConnector(new XamFunnelView(), _this);
             _this.legendItemTemplate = ((function () {
@@ -162686,16 +162955,16 @@
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.du = function () {
-            this.dp(XamFunnelChart.$$p[1], 0, this.bo);
-            this.dp(XamFunnelChart.$$p[6], igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ey), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ey));
-            this.dp(XamFunnelChart.$$p[13], igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au), igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au));
-            this.dp(XamFunnelChart.$$p[4], igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak), igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak));
-            this.dp(XamFunnelChart.$$p[22], this.ev, this.ev);
-            this.dp(XamFunnelChart.$$p[12], this.eu, this.eu);
-            this.dv();
-        };
         XamFunnelChart.prototype.dv = function () {
+            this.dq(XamFunnelChart.$$p[1], 0, this.bo);
+            this.dq(XamFunnelChart.$$p[6], igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ez), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ez));
+            this.dq(XamFunnelChart.$$p[13], igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au), igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au));
+            this.dq(XamFunnelChart.$$p[4], igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak), igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak));
+            this.dq(XamFunnelChart.$$p[22], this.ew, this.ew);
+            this.dq(XamFunnelChart.$$p[12], this.ev, this.ev);
+            this.dw();
+        };
+        XamFunnelChart.prototype.dw = function () {
             var a = new PropertyChangedMessage();
             a.g = "ItemProvider";
             a.e = null;
@@ -162709,29 +162978,29 @@
             set: function (a) {
                 var b = this.as;
                 this.as = a;
-                this.dq(b, this.as);
+                this.dr(b, this.as);
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.dq = function (a, b) {
+        XamFunnelChart.prototype.dr = function (a, b) {
             if (a != null) {
                 var c = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, a.b("ModelUpdateMessages"));
                 if (c != null) {
-                    c.h(igniteuiWebcomponentsCore.runOn(this, this.df));
+                    c.h(igniteuiWebcomponentsCore.runOn(this, this.dg));
                 }
                 this.ap.g();
             }
             if (b != null) {
                 var d = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, b.b("ModelUpdateMessages"));
                 if (d != null) {
-                    d.e(igniteuiWebcomponentsCore.runOn(this, this.df));
+                    d.e(igniteuiWebcomponentsCore.runOn(this, this.dg));
                 }
                 var e = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, b.b("ConfigurationMessages"));
                 this.ap.f(e);
             }
         };
-        XamFunnelChart.prototype.df = function (a) {
+        XamFunnelChart.prototype.dg = function (a) {
             this.ar.c(a);
         };
         XamFunnelChart.prototype.db = function (a, b, c, d) {
@@ -162759,9 +163028,9 @@
                     e.c = 4;
                     break;
             }
-            this.dp("ValueColumn", this.a7, this.a7);
-            this.dp("InnerLabelColumn", this.a3, this.a3);
-            this.dp("OuterLabelColumn", this.a4, this.a4);
+            this.dq("ValueColumn", this.a7, this.a7);
+            this.dq("InnerLabelColumn", this.a3, this.a3);
+            this.dq("OuterLabelColumn", this.a4, this.a4);
             this.ap.i(e);
         };
         Object.defineProperty(XamFunnelChart.prototype, "a7", {
@@ -162772,7 +163041,7 @@
                 if (this.a2 != a) {
                     var b = this.a2;
                     this.a2 = a;
-                    this.dp("ValueColumn", b, this.a2);
+                    this.dq("ValueColumn", b, this.a2);
                 }
             },
             enumerable: false,
@@ -162786,7 +163055,7 @@
                 if (this.a0 != a) {
                     var b = this.a0;
                     this.a0 = a;
-                    this.dp("InnerLabelColumn", b, this.a3);
+                    this.dq("InnerLabelColumn", b, this.a3);
                 }
             },
             enumerable: false,
@@ -162800,7 +163069,7 @@
                 if (this.a1 != a) {
                     var b = this.a1;
                     this.a1 = a;
-                    this.dp("OuterLabelColumn", b, this.a4);
+                    this.dq("OuterLabelColumn", b, this.a4);
                 }
             },
             enumerable: false,
@@ -162813,7 +163082,7 @@
             set: function (a) {
                 var b = this.bu;
                 this.bu = a;
-                this.dp("FormatInnerLabel", b, a);
+                this.dq("FormatInnerLabel", b, a);
             },
             enumerable: false,
             configurable: true
@@ -162825,7 +163094,7 @@
             set: function (a) {
                 var b = this.bv;
                 this.bv = a;
-                this.dp("FormatOuterLabel", b, a);
+                this.dq("FormatOuterLabel", b, a);
             },
             enumerable: false,
             configurable: true
@@ -162844,7 +163113,7 @@
             set: function (a) {
                 var b = this.b2;
                 this.b2 = a;
-                this.dp("TextStyle", b, a);
+                this.dq("TextStyle", b, a);
             },
             enumerable: false,
             configurable: true
@@ -162856,7 +163125,7 @@
             set: function (a) {
                 var b = this.b1;
                 this.b1 = a;
-                this.dp("OuterLabelTextStyle", b, a);
+                this.dq("OuterLabelTextStyle", b, a);
             },
             enumerable: false,
             configurable: true
@@ -162867,7 +163136,7 @@
         XamFunnelChart.prototype.onAttachedToUI = function () {
             this.ax.e.ax(this);
         };
-        XamFunnelChart.prototype.dp = function (a, b, c) {
+        XamFunnelChart.prototype.dq = function (a, b, c) {
             if (this.ba(a, b, c) || this.a9(a, b, c) || this.bc(a, b, c) || this.bb(a, b, c)) {
                 return;
             }
@@ -162888,7 +163157,7 @@
             })()));
         };
         XamFunnelChart.prototype.a9 = function (a, b, c) {
-            if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[16]) {
+            if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[17]) {
                 this.ap.i(((function () {
                     var $ret = new PropertyChangedMessage();
                     $ret.g = a;
@@ -162925,11 +163194,11 @@
                     var e = c;
                     e.event = igniteuiWebcomponentsCore.delegateCombine(e.event, this.bt);
                 }
-                this.dd(a, b, c);
+                this.de(a, b, c);
                 return true;
             }
             else if (a == XamFunnelChart.$$p[26] || a == XamFunnelChart.$$p[5] || a == XamFunnelChart.$$p[14]) {
-                this.dd(a, b, c);
+                this.de(a, b, c);
                 return false;
             }
             return false;
@@ -162940,7 +163209,7 @@
         XamFunnelChart.prototype.a6 = function (a, b) {
             return a.registerColumnObject(b, null, false);
         };
-        XamFunnelChart.prototype.dd = function (a, b, c) {
+        XamFunnelChart.prototype.de = function (a, b, c) {
             if (this.az == null) {
                 var d = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, b);
                 if (d != null) {
@@ -163030,7 +163299,7 @@
             }
             return false;
         };
-        XamFunnelChart.prototype.dw = function (a) {
+        XamFunnelChart.prototype.dx = function (a) {
             var b = a;
             if (this.sliceClicked != null) {
                 var c = new FunnelSliceClickedEventArgs();
@@ -163042,7 +163311,7 @@
                 this.sliceClicked(this, c);
             }
         };
-        XamFunnelChart.prototype.dx = function (a) {
+        XamFunnelChart.prototype.dy = function (a) {
             var b = a;
             switch (b.c) {
                 case 1:
@@ -163086,11 +163355,11 @@
                     }
             }
         };
-        XamFunnelChart.prototype.dt = function (a) {
+        XamFunnelChart.prototype.du = function (a) {
         };
-        XamFunnelChart.prototype.ds = function (a, b) {
+        XamFunnelChart.prototype.dt = function (a, b) {
         };
-        XamFunnelChart.prototype.de = function (a, b, c, d) {
+        XamFunnelChart.prototype.df = function (a, b, c, d) {
             var e_8, _a, e_9, _b, e_10, _c;
             var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Base.$, 0);
             try {
@@ -163167,28 +163436,31 @@
             enumerable: false,
             configurable: true
         });
+        XamFunnelChart.prototype.dd = function () {
+            this.ax.i();
+        };
         XamFunnelChart.prototype.provideContainer = function (a) {
             var b = this.bz;
             this.bz = a;
-            this.dp("Container", b, this.bz);
+            this.dq("Container", b, this.bz);
         };
         XamFunnelChart.prototype.notifyResized = function () {
             this.ax.g();
             this.ap.i(new ContainerSizeChangedMessage());
         };
-        XamFunnelChart.prototype.dl = function (source_, a, b, c) {
-            this.dh(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(2, 2, c, b, a));
+        XamFunnelChart.prototype.dm = function (source_, a, b, c) {
+            this.di(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(2, 2, c, b, a));
         };
-        XamFunnelChart.prototype.dg = function (source_) {
-            this.dh(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(0, 4));
-        };
-        XamFunnelChart.prototype.di = function (source_, a, b) {
-            this.dh(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 0, b, a));
+        XamFunnelChart.prototype.dh = function (source_) {
+            this.di(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(0, 4));
         };
         XamFunnelChart.prototype.dj = function (source_, a, b) {
-            this.dh(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
+            this.di(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 0, b, a));
+        };
+        XamFunnelChart.prototype.dk = function (source_, a, b) {
+            this.di(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
         };
-        XamFunnelChart.prototype.dh = function (s_, a) {
+        XamFunnelChart.prototype.di = function (s_, a) {
             if (s_.dataView && s_.dataSource) {
                 s_ = s_.dataView();
             }
@@ -163230,7 +163502,7 @@
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.dy = function (a) {
+        XamFunnelChart.prototype.dz = function (a) {
             var b = this.av();
             if (b == null) {
                 return;
@@ -163279,7 +163551,7 @@
                 }
                 var b = this.bm;
                 this.bm = a;
-                this.dp("PixelScalingRatio", b, this.bm);
+                this.dq("PixelScalingRatio", b, this.bm);
             },
             enumerable: false,
             configurable: true
@@ -163292,7 +163564,7 @@
                 var b = this.bl;
                 this.bl = a;
                 if (this.bl != b) {
-                    this.dp("ActualPixelScalingRatio", b, this.bl);
+                    this.dq("ActualPixelScalingRatio", b, this.bl);
                 }
             },
             enumerable: false,
@@ -163340,36 +163612,36 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "es", {
+        Object.defineProperty(XamFunnelChart.prototype, "et", {
             get: function () {
-                return this.eq;
+                return this.er;
             },
             set: function (a) {
-                var b = this.es;
+                var b = this.et;
                 if (a != b) {
-                    this.eq = a;
-                    this.dp("OuterLabelTextColor", b, this.es);
+                    this.er = a;
+                    this.dq("OuterLabelTextColor", b, this.et);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "et", {
+        Object.defineProperty(XamFunnelChart.prototype, "eu", {
             get: function () {
-                return this.er;
+                return this.es;
             },
             set: function (a) {
-                var b = this.et;
+                var b = this.eu;
                 if (a != b) {
-                    this.er = a;
-                    this.dp("LabelTextColor", b, this.et);
+                    this.es = a;
+                    this.dq("LabelTextColor", b, this.eu);
                 }
             },
             enumerable: false,
             configurable: true
         });
         XamFunnelChart.$t = igniteuiWebcomponentsCore.markType(XamFunnelChart, 'XamFunnelChart', igniteuiWebcomponentsCore.Control.$, [IItemProvider_$type, igniteuiWebcomponentsCore.ILegendOwner_$type, igniteuiWebcomponentsCore.ILegendTemplateProvider_$type, igniteuiWebcomponentsCore.ILegendSeries_$type]);
-        XamFunnelChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamFunnelChart, 'dp', ['AllowSliceSelection:a8:dz', [0, false], 'BottomEdgeWidth:bo:d0', [1, 0.35], 'Brushes:ah:d1', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'FastItemsSource:az:d2', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FunnelSliceDisplay:ak:d3', [FunnelSliceDisplay_$type, igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d4', [2, null], 'InnerLabelVisibility:ey:d5', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'IsInverted:bd:d6', [0, false], 'ItemsSource::d7', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LegendItemBadgeTemplate::d8', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::d9', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'Legend::ea', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'LowerBezierControlPoint:eu:eb', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:ec', [OuterLabelAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ed', [2, null], 'OuterLabelVisibility:ez:ee', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'Outlines:ai:ef', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'OutlineThickness:bq:eg', [1, -1], 'SelectedSliceStyle:ew:eh', [igniteuiWebcomponentsCore.Style.$, null], 'ToolTip:b0:ei', [4, null], 'TransitionDuration:by:ej', [1, 0], 'UnselectedSliceStyle:ex:ek', [igniteuiWebcomponentsCore.Style.$, null], 'UpperBezierControlPoint:ev:el', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:be:em', [0, false], 'UseOuterLabelsForLegend:bf:en', [0, false], 'UseUnselectedStyle:bg:eo', [0, false], 'ValueMemberPath:c9:ep', [2, null]]);
+        XamFunnelChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamFunnelChart, 'dq', ['AllowSliceSelection:a8:d0', [0, false], 'BottomEdgeWidth:bo:d1', [1, 0.35], 'Brushes:ah:d2', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'FastItemsSource:az:d3', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FunnelSliceDisplay:ak:d4', [FunnelSliceDisplay_$type, igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d5', [2, null], 'InnerLabelVisibility:ez:d6', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'IsInverted:bd:d7', [0, false], 'ItemsSource::d8', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LegendItemBadgeTemplate::d9', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::ea', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'Legend::eb', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'LowerBezierControlPoint:ev:ec', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:ed', [OuterLabelAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ee', [2, null], 'OuterLabelVisibility:e0:ef', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'OutlineThickness:bq:eh', [1, -1], 'Outlines:ai:eg', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'SelectedSliceStyle:ex:ei', [igniteuiWebcomponentsCore.Style.$, null], 'ToolTip:b0:ej', [4, null], 'TransitionDuration:by:ek', [1, 0], 'UnselectedSliceStyle:ey:el', [igniteuiWebcomponentsCore.Style.$, null], 'UpperBezierControlPoint:ew:em', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:be:en', [0, false], 'UseOuterLabelsForLegend:bf:eo', [0, false], 'UseUnselectedStyle:bg:ep', [0, false], 'ValueMemberPath:c9:eq', [2, null]]);
         return XamFunnelChart;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -163428,6 +163700,9 @@
                 this.d.i = null;
             }
         };
+        XamFunnelConnector.prototype.i = function () {
+            this.b.df();
+        };
         XamFunnelConnector.$t = igniteuiWebcomponentsCore.markType(XamFunnelConnector, 'XamFunnelConnector');
         return XamFunnelConnector;
     }(igniteuiWebcomponentsCore.Base));
@@ -163914,11 +164189,11 @@
              * Gets or sets whether the inner labels are visible.
             */
             get: function () {
-                return this.i.ey;
+                return this.i.ez;
             },
             set: function (v) {
-                this.i.ey = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("innerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ey));
+                this.i.ez = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("innerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ez));
             },
             enumerable: false,
             configurable: true
@@ -163928,11 +164203,11 @@
              * Gets or sets whether the outer labels are visible.
             */
             get: function () {
-                return this.i.ez;
+                return this.i.e0;
             },
             set: function (v) {
-                this.i.ez = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("outerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ez));
+                this.i.e0 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("outerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.e0));
             },
             enumerable: false,
             configurable: true
@@ -164066,11 +164341,11 @@
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.ew ? this.i.ew.fill : null;
+                return this.i.ex ? this.i.ex.fill : null;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.ew.fill = v;
+                this.i.ex.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -164080,11 +164355,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.ew ? this.i.ew.stroke : null;
+                return this.i.ex ? this.i.ex.stroke : null;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.ew.stroke = v;
+                this.i.ex.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -164094,12 +164369,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.ew ? this.i.ew.strokeThickness : NaN;
+                return this.i.ex ? this.i.ex.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.ew.strokeThickness = +v;
-                this._a("selectedSliceStrokeThickness", this.i.ew.strokeThickness);
+                this.i.ex.strokeThickness = +v;
+                this._a("selectedSliceStrokeThickness", this.i.ex.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -164109,32 +164384,32 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.ew ? this.i.ew.opacity : NaN;
+                return this.i.ex ? this.i.ex.opacity : NaN;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.ew.opacity = +v;
-                this._a("selectedSliceOpacity", this.i.ew.opacity);
+                this.i.ex.opacity = +v;
+                this._a("selectedSliceOpacity", this.i.ex.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcFunnelChartComponent.prototype.ensureSelectedSliceStyle = function () {
-            if (this.i.ew) {
+            if (this.i.ex) {
                 return;
             }
-            this.i.ew = new igniteuiWebcomponentsCore.Style();
+            this.i.ex = new igniteuiWebcomponentsCore.Style();
         };
         Object.defineProperty(IgcFunnelChartComponent.prototype, "unselectedSliceFill", {
             /**
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.ex ? this.i.ex.fill : null;
+                return this.i.ey ? this.i.ey.fill : null;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.ex.fill = v;
+                this.i.ey.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -164144,11 +164419,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.ex ? this.i.ex.stroke : null;
+                return this.i.ey ? this.i.ey.stroke : null;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.ex.stroke = v;
+                this.i.ey.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -164158,12 +164433,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.ex ? this.i.ex.strokeThickness : NaN;
+                return this.i.ey ? this.i.ey.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.ex.strokeThickness = +v;
-                this._a("unselectedSliceStrokeThickness", this.i.ex.strokeThickness);
+                this.i.ey.strokeThickness = +v;
+                this._a("unselectedSliceStrokeThickness", this.i.ey.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -164173,21 +164448,21 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.ex ? this.i.ex.opacity : NaN;
+                return this.i.ey ? this.i.ey.opacity : NaN;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.ex.opacity = +v;
-                this._a("unselectedSliceOpacity", this.i.ex.opacity);
+                this.i.ey.opacity = +v;
+                this._a("unselectedSliceOpacity", this.i.ey.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcFunnelChartComponent.prototype.ensureUnselectedSliceStyle = function () {
-            if (this.i.ex) {
+            if (this.i.ey) {
                 return;
             }
-            this.i.ex = new igniteuiWebcomponentsCore.Style();
+            this.i.ey = new igniteuiWebcomponentsCore.Style();
         };
         Object.defineProperty(IgcFunnelChartComponent.prototype, "legendItemBadgeTemplate", {
             /**
@@ -164277,11 +164552,11 @@
              * Gets or sets the brush used for the outer labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.es);
+                return igniteuiWebcomponentsCore.brushToString(this.i.et);
             },
             set: function (v) {
-                this.i.es = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("outerLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.es));
+                this.i.et = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("outerLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.et));
             },
             enumerable: false,
             configurable: true
@@ -164291,11 +164566,11 @@
              * Gets or sets the brush used for the inner labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.et);
+                return igniteuiWebcomponentsCore.brushToString(this.i.eu);
             },
             set: function (v) {
-                this.i.et = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.et));
+                this.i.eu = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.eu));
             },
             enumerable: false,
             configurable: true
@@ -164366,9 +164641,18 @@
             this._inStyling = false;
         };
         /**
-     * Provides container for funnel chart
+     * Use to force the funnel chart to finish any deferred work before printing or evaluating its visual.
+     * This should only be called if the visual of the funnel chart needs to be synchronously saved or evaluated.
+     * Calling this method too often will hinder the performance of the funnel chart.
 
     */
+        IgcFunnelChartComponent.prototype.flush = function () {
+            this.i.dd();
+        };
+        /**
+         * Provides container for funnel chart
+        
+        */
         IgcFunnelChartComponent.prototype.provideContainer = function (container) {
             this.i.provideContainer(container);
         };
@@ -164380,7 +164664,7 @@
             this.i.notifyResized();
         };
         IgcFunnelChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-            this.i.dl(source_, index, oldItem, newItem);
+            this.i.dm(source_, index, oldItem, newItem);
         };
         /**
          * Manually notifies the chart's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -164388,20 +164672,20 @@
         
         */
         IgcFunnelChartComponent.prototype.notifyClearItems = function (source_) {
-            this.i.dg(source_);
+            this.i.dh(source_);
         };
         IgcFunnelChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-            this.i.di(source_, index, newItem);
+            this.i.dj(source_, index, newItem);
         };
         IgcFunnelChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-            this.i.dj(source_, index, oldItem);
+            this.i.dk(source_, index, oldItem);
         };
         /**
          * Toggle selection of item at index.
         
         */
         IgcFunnelChartComponent.prototype.toggleSelection = function (index) {
-            this.i.dy(index);
+            this.i.dz(index);
         };
         /**
          * Exports and serializes the chart visuals.
@@ -165377,16 +165661,16 @@
         };
         RangeCategorySeries.prototype.jv = function (a, b) {
             var c = this.lw(b);
-            if (c == RangeCategorySeries.$$p[2]) {
+            if (c == RangeCategorySeries.$$p[0]) {
                 return this.jw(a, b, this.xp);
             }
             if (c == RangeCategorySeries.$$p[3]) {
                 return this.jw(a, b, this.xs);
             }
-            if (c == RangeCategorySeries.$$p[1]) {
+            if (c == RangeCategorySeries.$$p[2]) {
                 return this.jw(a, b, this.xn);
             }
-            if (c == RangeCategorySeries.$$p[0]) {
+            if (c == RangeCategorySeries.$$p[1]) {
                 return this.jw(a, b, this.xl);
             }
             return _super.prototype.jv.call(this, a, b);
@@ -165575,7 +165859,7 @@
                         this.pq(this.fr && this.dp);
                     }
                     break;
-                case RangeCategorySeries.$$p[2]:
+                case RangeCategorySeries.$$p[0]:
                     if (this.c7 != null) {
                         this.c7.deregisterColumn(this.highColumn);
                         this.highColumn = this.c4(this.xp);
@@ -165762,7 +166046,7 @@
             configurable: true
         });
         RangeCategorySeries.$t = igniteuiWebcomponentsCore.markType(RangeCategorySeries, 'RangeCategorySeries', CategorySeries.$, [IIsCategoryBased_$type, IHasHighLowValueCategory_$type]);
-        RangeCategorySeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, RangeCategorySeries, 'raisePropertyChanged', ['HighlightedHighMemberPath:xl:xx', [2, null], 'HighlightedLowMemberPath:xn:xy', [2, null], 'HighMemberPath:xp:xz', [2, null], 'LowMemberPath:xs:x0', [2, null]]);
+        RangeCategorySeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, RangeCategorySeries, 'raisePropertyChanged', ['HighMemberPath:xp:xz', [2, null], 'HighlightedHighMemberPath:xl:xx', [2, null], 'HighlightedLowMemberPath:xn:xy', [2, null], 'LowMemberPath:xs:x0', [2, null]]);
         return RangeCategorySeries;
     }(CategorySeries));
     /**
@@ -170871,7 +171155,12 @@
                 if (!ext) {
                     ext = IgcSeriesComponent._createFromInternal(int);
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -170918,7 +171207,12 @@
                 if (!ext) {
                     ext = IgcAxisComponent._createFromInternal(int);
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -174334,7 +174628,7 @@
                 var m = f._inner[i];
                 var n = f._inner[i - 1];
                 if (!b || (e.j.containsKey(this.c7.item(i)) && e.j.containsKey(this.c7.item(i - 1)))) {
-                    var o = igniteuiWebcomponentsCore.GeometryUtil.h(g, n, m);
+                    var o = igniteuiWebcomponentsCore.GeometryUtil.i(g, n, m);
                     return (i - 1) + o;
                 }
                 else if (e.j.containsKey(this.c7.item(i))) {
@@ -177835,11 +178129,11 @@
                 this.b = 0;
                 return;
             }
-            var e = Math.floor(d.mx(c, b));
-            var f = Math.ceil(d.mw(c, b));
+            var e = Math.floor(d.mz(c, b));
+            var f = Math.ceil(d.my(c, b));
             if (d.ch) {
-                f = Math.ceil(d.mx(c, b));
-                e = Math.floor(d.mw(c, b));
+                f = Math.ceil(d.mz(c, b));
+                e = Math.floor(d.my(c, b));
             }
             if (f < e) {
                 f = d.lf + f;
@@ -181394,12 +181688,12 @@
         tslib.__extends(NumericXAxisView, _super);
         function NumericXAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bl = null;
-            _this.bl = a;
+            _this.bo = null;
+            _this.bo = a;
             return _this;
         }
-        NumericXAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        NumericXAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.jw = AxisDefaults.h;
         };
         NumericXAxisView.$t = igniteuiWebcomponentsCore.markType(NumericXAxisView, 'NumericXAxisView', StraightNumericAxisBaseView.$);
@@ -184629,7 +184923,7 @@
                 var n = { $type: igniteuiWebcomponentsCore.Point_$type, x: this.vg[j], y: this.vh[j] };
                 var o = { $type: igniteuiWebcomponentsCore.Point_$type, x: this.vg[j - 1], y: this.vh[j - 1] };
                 if (!b || (e.j.containsKey(this.c7.item(j)) && e.j.containsKey(this.c7.item(j - 1)))) {
-                    var p = igniteuiWebcomponentsCore.GeometryUtil.h(h, o, n);
+                    var p = igniteuiWebcomponentsCore.GeometryUtil.i(h, o, n);
                     return (j - 1) + p;
                 }
                 else if (e.j.containsKey(this.c7.item(j))) {
@@ -192044,7 +192338,7 @@
                     }
                     this.om();
                     break;
-                case ScatterTriangulationSeries.$$p[1]:
+                case ScatterTriangulationSeries.$$p[4]:
                     if (this.trianglesSource != null) {
                         this.ve();
                         this.uh = ((function () {
@@ -192076,7 +192370,7 @@
                     this.pq(false);
                     this.om();
                     break;
-                case ScatterTriangulationSeries.$$p[2]:
+                case ScatterTriangulationSeries.$$p[1]:
                     if (this.uh != null) {
                         this.uh.deregisterColumn(this.uc);
                         this.uc = this.ub(this.uh, this.us);
@@ -192084,7 +192378,7 @@
                     this.pq(false);
                     this.om();
                     break;
-                case ScatterTriangulationSeries.$$p[3]:
+                case ScatterTriangulationSeries.$$p[2]:
                     if (this.uh != null) {
                         this.uh.deregisterColumn(this.ud);
                         this.ud = this.ub(this.uh, this.uu);
@@ -192092,7 +192386,7 @@
                     this.pq(false);
                     this.om();
                     break;
-                case ScatterTriangulationSeries.$$p[4]:
+                case ScatterTriangulationSeries.$$p[3]:
                     if (this.uh != null) {
                         this.uh.deregisterColumn(this.ue);
                         this.ue = this.ub(this.uh, this.uw);
@@ -192246,7 +192540,7 @@
             return i;
         };
         ScatterTriangulationSeries.$t = igniteuiWebcomponentsCore.markType(ScatterTriangulationSeries, 'ScatterTriangulationSeries', Series.$);
-        ScatterTriangulationSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, ScatterTriangulationSeries, 'raisePropertyChanged', ['FastTrianglesSource:uh:vi', [igniteuiWebcomponentsCore.IFastItemsSource_$type, null], 'TrianglesSource::vj', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'TriangleVertexMemberPath1:us:vk', [2, null], 'TriangleVertexMemberPath2:uu:vl', [2, null], 'TriangleVertexMemberPath3:uw:vm', [2, null], 'XAxis:t2:vn', [NumericXAxis.$, null], 'XMemberAsLegendLabel:u0:vo', [2, null], 'XMemberAsLegendUnit:u2:vp', [2, null], 'XMemberPath:u4:vq', [2, null], 'YAxis:t3:vr', [NumericYAxis.$, null], 'YMemberAsLegendLabel:u8:vs', [2, null], 'YMemberAsLegendUnit:va:vt', [2, null], 'YMemberPath:vc:vu', [2, null]]);
+        ScatterTriangulationSeries.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, ScatterTriangulationSeries, 'raisePropertyChanged', ['FastTrianglesSource:uh:vi', [igniteuiWebcomponentsCore.IFastItemsSource_$type, null], 'TriangleVertexMemberPath1:us:vk', [2, null], 'TriangleVertexMemberPath2:uu:vl', [2, null], 'TriangleVertexMemberPath3:uw:vm', [2, null], 'TrianglesSource::vj', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'XAxis:t2:vn', [NumericXAxis.$, null], 'XMemberAsLegendLabel:u0:vo', [2, null], 'XMemberAsLegendUnit:u2:vp', [2, null], 'XMemberPath:u4:vq', [2, null], 'YAxis:t3:vr', [NumericYAxis.$, null], 'YMemberAsLegendLabel:u8:vs', [2, null], 'YMemberAsLegendUnit:va:vt', [2, null], 'YMemberPath:vc:vu', [2, null]]);
         return ScatterTriangulationSeries;
     }(Series));
 
@@ -195563,7 +195857,7 @@
                 var m = igniteuiWebcomponentsCore.GeometryUtil.d(a, d, l);
                 if (m < e) {
                     e = m;
-                    var n = igniteuiWebcomponentsCore.GeometryUtil.h(a, d, l);
+                    var n = igniteuiWebcomponentsCore.GeometryUtil.i(a, d, l);
                     f = { $type: igniteuiWebcomponentsCore.Point_$type, x: d.x + (l.x - d.x) * n, y: d.y + (l.y - d.y) * n };
                     return new igniteuiWebcomponentsCore.Tuple$2(igniteuiWebcomponentsCore.Number_$type, igniteuiWebcomponentsCore.Point_$type, e, f);
                 }
@@ -195571,7 +195865,7 @@
             if (g) {
                 var o = b._inner[h - 1];
                 var p = b._inner[h];
-                var q = igniteuiWebcomponentsCore.GeometryUtil.h(a, o, p);
+                var q = igniteuiWebcomponentsCore.GeometryUtil.i(a, o, p);
                 f = { $type: igniteuiWebcomponentsCore.Point_$type, x: o.x + (p.x - o.x) * q, y: o.y + (p.y - o.y) * q };
             }
             return new igniteuiWebcomponentsCore.Tuple$2(igniteuiWebcomponentsCore.Number_$type, igniteuiWebcomponentsCore.Point_$type, e, f);
@@ -199032,10 +199326,10 @@
             var d = this.j8();
             var e = this.j7();
             var f = new ScalerParams(0, b, c, this.ch, d);
-            var g = this.a5.a1();
-            var h = this.a5.a4();
-            var i = this.a5.a2();
-            var j = this.a5.a3();
+            var g = this.a5.a4();
+            var h = this.a5.a7();
+            var i = this.a5.a5();
+            var j = this.a5.a6();
             var k = this.a5.e();
             var l = this.a5.f();
             var m = this.a5.g();
@@ -199047,14 +199341,14 @@
             this.dc.clear();
             this.dd.clear();
             this.ky.clear();
-            this.a5.aw(this, b, c);
+            this.a5.az(this, b, c);
             if (b.isEmpty || c.isEmpty) {
                 this.br.count = 0;
                 this.bq.count = 0;
                 this.bp.count = 0;
             }
-            if (this.br.count == 0 && this.bq.count == 0) {
-                this.a5.ab();
+            if (this.br.count == 0 && this.bq.count == 0 && this.a5.l()) {
+                this.a5.ad();
             }
             if (this.az != null) {
                 this.az.registerAxis(this);
@@ -199063,7 +199357,7 @@
                 this.br.count = 0;
                 this.bq.count = 0;
                 this.bp.count = 0;
-                this.a5.ab();
+                this.a5.ad();
                 return;
             }
             if (!b.isEmpty && !c.isEmpty) {
@@ -199088,7 +199382,7 @@
                     }
                 }
                 this.im(g, p, c, k, true);
-                this.a5.ar(q);
+                this.a5.au(q);
                 var t = Math.min(n, o);
                 var u = Math.max(n, o);
                 var v = new LinearCategorySnapper(1, t, u, e.height, this.mo, this.categoryMode, this.ey());
@@ -199193,7 +199487,7 @@
                         this.bi.mg();
                     }
                 }
-                this.a5.ax(this.dc, this.dd);
+                this.a5.a0(this.dc, this.dd);
                 this.l4();
             }
         };
@@ -199258,12 +199552,12 @@
         tslib.__extends(CategoryYAxisView, _super);
         function CategoryYAxisView(a) {
             var _this = _super.call(this, a) || this;
-            _this.bj = null;
-            _this.bj = a;
+            _this.bm = null;
+            _this.bm = a;
             return _this;
         }
-        CategoryYAxisView.prototype.aj = function () {
-            _super.prototype.aj.call(this);
+        CategoryYAxisView.prototype.al = function () {
+            _super.prototype.al.call(this);
             this.a.fh = AxisDefaults.f;
         };
         CategoryYAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryYAxisView, 'CategoryYAxisView', CategoryAxisBaseView.$);
@@ -211010,7 +211304,12 @@
                 if (!ext) {
                     ext = new IgcStackedFragmentSeriesComponent();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -216696,13 +216995,13 @@
         AxisVisualDataManager.prototype.a = function (a, b, c, d) {
             var e = new ChartTitleVisualData();
             var f = a.a5;
-            var g = f.a9();
+            var g = f.bc();
             e.viewport = igniteuiWebcomponentsCore.RectData.b(g);
             var h = this.d(a, d);
             e.textPlotArea = igniteuiWebcomponentsCore.RectData.b(h);
             var i = d._visibility == 0 && d.x != null;
             var j = a.aw.af.d();
-            var k = f.bg(d);
+            var k = f.bj(d);
             var l = this.b(a, d, j);
             var m = igniteuiWebcomponentsCore.AppearanceHelper.c(d, l);
             m.marginLeft = k.left;
@@ -216728,18 +217027,18 @@
         AxisVisualDataManager.prototype.exportVisualData = function (a) {
             var b = new AxisVisualData();
             b.viewport = igniteuiWebcomponentsCore.RectData.b(a.kd);
-            b.labelsViewport = igniteuiWebcomponentsCore.RectData.b(a.a5.a9());
+            b.labelsViewport = igniteuiWebcomponentsCore.RectData.b(a.a5.bc());
             b.type = this.c(igniteuiWebcomponentsCore.getInstanceType(a).typeName);
             b.name = a.name;
-            var c = new igniteuiWebcomponentsCore.PathVisualData(1, "axisLine", a.a5.ba);
+            var c = new igniteuiWebcomponentsCore.PathVisualData(1, "axisLine", a.a5.bd);
             b.axisLine = c;
             b.tickMarks = new igniteuiWebcomponentsCore.PathVisualData(1, "tickMarks", a.aw.af.aw);
             if (!a.aw.ab.contains(a.aw.af.aw)) {
                 b.tickMarks.data.clear();
             }
-            b.minorLines = new igniteuiWebcomponentsCore.PathVisualData(1, "minorLines", a.a5.bc);
-            b.majorLines = new igniteuiWebcomponentsCore.PathVisualData(1, "majorLines", a.a5.bb);
-            b.strips = new igniteuiWebcomponentsCore.PathVisualData(1, "strips", a.a5.bd);
+            b.minorLines = new igniteuiWebcomponentsCore.PathVisualData(1, "minorLines", a.a5.bf);
+            b.majorLines = new igniteuiWebcomponentsCore.PathVisualData(1, "majorLines", a.a5.be);
+            b.strips = new igniteuiWebcomponentsCore.PathVisualData(1, "strips", a.a5.bg);
             if (a.g6 != null) {
                 var d = this.a(a, a.bi, b.type, a.is);
                 b.title = d;
@@ -216777,7 +217076,7 @@
                         var $ret = new AxisLabelVisualData();
                         $ret.labelPosition = q.c;
                         $ret.labelValue = r;
-                        $ret.panelPosition = igniteuiWebcomponentsCore.PointData.b(a.a5.a6());
+                        $ret.panelPosition = igniteuiWebcomponentsCore.PointData.b(a.a5.a9());
                         return $ret;
                     })());
                     var t = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.TextBlock.$, 0);
@@ -216803,7 +217102,7 @@
                     if (p < t.count) {
                         var v = this_1.b(a, t._inner[p], e);
                         s.appearance = igniteuiWebcomponentsCore.AppearanceHelper.c(t._inner[p], v);
-                        s.position = igniteuiWebcomponentsCore.PointData.b(a.a5.a5(t._inner[p]));
+                        s.position = igniteuiWebcomponentsCore.PointData.b(a.a5.a8(t._inner[p]));
                         s.size = igniteuiWebcomponentsCore.SizeData.b(new igniteuiWebcomponentsCore.Size(1, t._inner[p].m, t._inner[p].l));
                     }
                     b.labels.add(s);
@@ -220869,6 +221168,15 @@
             }
             this._inStyling = false;
         };
+        /**
+         * Use to force the pie chart to finish any deferred work before printing or evaluating its visual.
+         * This should only be called if the visual of the pie chart needs to be synchronously saved or evaluated.
+         * Calling this method too often will hinder the performance of the pie chart.
+        
+        */
+        IgcPieChartBaseComponent.prototype.flush = function () {
+            this.i.fz();
+        };
         /**
          * Returns the chart visuals expressed as a serialized string.
         
@@ -220907,15 +221215,6 @@
         IgcPieChartBaseComponent.prototype.destroy = function () {
             this.i.destroy();
         };
-        /**
-         * Use to force the pie chart to finish any deferred work before printing or evaluating its visual.
-         * This should only be called if the visual of the pie chart needs to be synchronously saved or evaluated.
-         * Calling this method too often will hinder the performance of the pie chart.
-        
-        */
-        IgcPieChartBaseComponent.prototype.flush = function () {
-            this.i.fz();
-        };
         IgcPieChartBaseComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
             this.i.f8(source_, index, oldItem, newItem);
         };
@@ -223132,14 +223431,14 @@
             _this.a3 = null;
             _this.h = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                $ret.n = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
-                $ret.d = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
+                $ret.p = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
+                $ret.e = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
                 return $ret;
             })());
             _this.g = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                $ret.n = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
-                $ret.d = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
+                $ret.p = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
+                $ret.e = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
                 return $ret;
             })());
             _this.q = null;
@@ -223151,14 +223450,14 @@
             })());
             _this.e = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                $ret.n = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
-                $ret.d = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
+                $ret.p = igniteuiWebcomponentsCore.FontDefaults.treemapFontFamily;
+                $ret.e = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapFontSize);
                 return $ret;
             })());
             _this.d = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
-                $ret.n = igniteuiWebcomponentsCore.FontDefaults.treemapHeaderFontFamily;
-                $ret.d = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapHeaderFontSize);
+                $ret.p = igniteuiWebcomponentsCore.FontDefaults.treemapHeaderFontFamily;
+                $ret.e = igniteuiWebcomponentsCore.DeviceUtils.f(igniteuiWebcomponentsCore.FontDefaults.treemapHeaderFontSize);
                 return $ret;
             })());
             _this.n = true;
@@ -228960,7 +229259,12 @@
                 if (!ext) {
                     ext = new IgcTreemapNodeStyleMappingComponent();
                     if (ext) {
-                        ext._implementation = int;
+                        if (!int.$type && ext._implementation.setNativeElement) {
+                            ext._implementation.setNativeElement(int);
+                        }
+                        else {
+                            ext._implementation = int;
+                        }
                     }
                 }
                 return ext;
@@ -236337,6 +236641,8 @@
     exports.AverageTrueRangeIndicator = AverageTrueRangeIndicator;
     exports.AverageTrueRangeIndicatorStrategy = AverageTrueRangeIndicatorStrategy;
     exports.Axis = Axis;
+    exports.AxisAngleLabelMode = AxisAngleLabelMode;
+    exports.AxisAngleLabelMode_$type = AxisAngleLabelMode_$type;
     exports.AxisAnnotation = AxisAnnotation;
     exports.AxisAnnotationFrame = AxisAnnotationFrame;
     exports.AxisAnnotationFrameManager = AxisAnnotationFrameManager;