igniteui-webcomponents-charts 4.0.2 → 4.0.4

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

@@ -21050,7 +21050,8 @@
             c.l = this.gl({ $type: igniteuiWebcomponentsCore.Point_$type, x: a, y: b }, false, false);
             c.a = 0;
             c.p = "Value";
-            c.q = "";
+            c.q = "Value";
+            c.r = "";
             var d = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             d.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -31871,7 +31872,9 @@
                 var q = Math.min(c.g._inner[i], c.m._inner[i]);
                 var r = c.l._inner[i] - c.f._inner[i];
                 var s = c.m._inner[i] - c.g._inner[i];
-                this.r5.ch(o, p, q, r, s);
+                if (o != null) {
+                    this.r5.ch(o, p, q, r, s);
+                }
             }
         };
         DataToolTipLayer.prototype.en = function () {
@@ -33112,7 +33115,9 @@
             var j = c.l;
             var k = c.g;
             var l = c.h;
-            this.re.ce(h, i, j, k, l);
+            if (h != null) {
+                this.re.ce(h, i, j, k, l);
+            }
         };
         CategoryToolTipLayer.prototype.en = function () {
             return true;
@@ -38238,7 +38243,9 @@
                 var q = Math.min(c.g._inner[i], c.o._inner[i]);
                 var r = c.n._inner[i] - c.f._inner[i];
                 var s = c.o._inner[i] - c.g._inner[i];
-                this.rc.cf(o, p, q, r, s);
+                if (o != null) {
+                    this.rc.cf(o, p, q, r, s);
+                }
             }
         };
         ItemToolTipLayer.prototype.en = function () {
@@ -46826,14 +46833,15 @@
             _this.d = 0;
             _this.f = null;
             _this.b = 0;
+            _this.i = null;
             _this.h = null;
             _this.a = 0;
             _this.e = null;
             _this.g = null;
-            _this.i = null;
             _this.j = null;
             _this.k = null;
             _this.l = null;
+            _this.m = null;
             return _this;
         }
         DataLegendStylingColumnEventArgs.$t = igniteuiWebcomponentsCore.markType(DataLegendStylingColumnEventArgs, 'DataLegendStylingColumnEventArgs');
@@ -47464,43 +47472,44 @@
             _this.s = 0;
             _this.f = 0;
             _this.r = 0;
+            _this.w = null;
             _this.v = null;
             _this.t = null;
-            _this.w = null;
+            _this.x = null;
             _this.u = null;
-            _this.y = null;
             _this.z = null;
             _this.aa = null;
+            _this.ab = null;
             _this.g = null;
             _this.i = null;
             _this.h = null;
-            _this.ak = null;
-            _this.am = null;
             _this.al = null;
-            _this.af = new igniteuiWebcomponentsCore.Size();
-            _this.aj = new igniteuiWebcomponentsCore.Size();
-            _this.ah = new igniteuiWebcomponentsCore.Size();
+            _this.an = null;
+            _this.am = null;
+            _this.ag = new igniteuiWebcomponentsCore.Size();
+            _this.ak = new igniteuiWebcomponentsCore.Size();
+            _this.ai = new igniteuiWebcomponentsCore.Size();
             _this.m = false;
             _this.j = false;
-            _this.ab = null;
-            _this.ad = null;
             _this.ac = null;
-            _this.ae = new igniteuiWebcomponentsCore.Size();
-            _this.ai = new igniteuiWebcomponentsCore.Size();
-            _this.ag = new igniteuiWebcomponentsCore.Size();
+            _this.ae = null;
+            _this.ad = null;
+            _this.af = new igniteuiWebcomponentsCore.Size();
+            _this.aj = new igniteuiWebcomponentsCore.Size();
+            _this.ah = new igniteuiWebcomponentsCore.Size();
             _this.r = NaN;
-            _this.ak = new igniteuiWebcomponentsCore.Thickness(0, 0);
-            _this.am = new igniteuiWebcomponentsCore.Thickness(0, 0);
             _this.al = new igniteuiWebcomponentsCore.Thickness(0, 0);
-            _this.af = new igniteuiWebcomponentsCore.Size(1, 0, 0);
-            _this.aj = new igniteuiWebcomponentsCore.Size(1, 0, 0);
-            _this.ah = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+            _this.an = new igniteuiWebcomponentsCore.Thickness(0, 0);
+            _this.am = new igniteuiWebcomponentsCore.Thickness(0, 0);
+            _this.ag = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+            _this.ak = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+            _this.ai = new igniteuiWebcomponentsCore.Size(1, 0, 0);
             _this.m = true;
             _this.j = true;
             if (_this.c) {
-                _this.y = a.br();
-                _this.aa = a.bt();
-                _this.z = a.bs();
+                _this.z = a.br();
+                _this.ab = a.bt();
+                _this.aa = a.bs();
                 _this.g = a.j();
                 _this.i = a.n();
                 _this.h = a.m();
@@ -47508,9 +47517,9 @@
             else if (_this.d) {
                 var e = a.bq();
                 var f = a.k();
-                _this.y = e;
-                _this.aa = e;
                 _this.z = e;
+                _this.ab = e;
+                _this.aa = e;
                 _this.g = f;
                 _this.i = f;
                 _this.h = f;
@@ -47518,26 +47527,26 @@
             else {
                 var g = a.bo();
                 var h = a.i();
-                _this.y = g;
-                _this.aa = g;
                 _this.z = g;
+                _this.ab = g;
+                _this.aa = g;
                 _this.g = h;
                 _this.i = h;
                 _this.h = h;
             }
-            _this.ab = igniteuiWebcomponentsCore.Rect.empty;
-            _this.ad = igniteuiWebcomponentsCore.Rect.empty;
             _this.ac = igniteuiWebcomponentsCore.Rect.empty;
+            _this.ae = igniteuiWebcomponentsCore.Rect.empty;
+            _this.ad = igniteuiWebcomponentsCore.Rect.empty;
             return _this;
         }
         DataLegendRowCell.prototype.k = function () {
-            return this.af.width > 0 && this.af.height > 0;
+            return this.ag.width > 0 && this.ag.height > 0;
         };
         DataLegendRowCell.prototype.n = function () {
-            return this.ah.width > 0 && this.ah.height > 0;
+            return this.ai.width > 0 && this.ai.height > 0;
         };
         DataLegendRowCell.prototype.p = function () {
-            return this.aj.width > 0 && this.aj.height > 0;
+            return this.ak.width > 0 && this.ak.height > 0;
         };
         DataLegendRowCell.prototype.l = function () {
             return this.t != null;
@@ -47546,12 +47555,12 @@
             return this.u != null;
         };
         DataLegendRowCell.prototype.q = function () {
-            return !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.w) && this.aj.width > 0 && this.aj.height > 0;
+            return !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.x) && this.ak.width > 0 && this.ak.height > 0;
         };
-        DataLegendRowCell.prototype.x = function () {
-            this.ae = new igniteuiWebcomponentsCore.Size(1, 0, 0);
-            this.ai = new igniteuiWebcomponentsCore.Size(1, 0, 0);
-            this.ag = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+        DataLegendRowCell.prototype.y = function () {
+            this.af = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+            this.aj = new igniteuiWebcomponentsCore.Size(1, 0, 0);
+            this.ah = new igniteuiWebcomponentsCore.Size(1, 0, 0);
         };
         DataLegendRowCell.$t = igniteuiWebcomponentsCore.markType(DataLegendRowCell, 'DataLegendRowCell', DataLegendRowBase.$);
         return DataLegendRowCell;
@@ -47629,9 +47638,9 @@
         function XamDataLegend() {
             var _this = _super.call(this) || this;
             _this.bw = false;
-            _this.ch = NaN;
             _this.ci = NaN;
-            _this.cj = 1;
+            _this.cj = NaN;
+            _this.ck = 1;
             _this.bx = false;
             _this.bj = null;
             _this.bb = null;
@@ -47643,7 +47652,7 @@
             _this.bi = null;
             _this.bh = null;
             _this.bc = null;
-            _this.ck = NaN;
+            _this.cl = NaN;
             _this.calculateColumnSummary = null;
             _this.styleHeaderRow = null;
             _this.styleSeriesRow = null;
@@ -47651,45 +47660,31 @@
             _this.styleSeriesColumn = null;
             _this.styleSummaryColumn = null;
             _this.propertyChanged = null;
+            _this.b9 = null;
             _this.b8 = null;
-            _this.b7 = null;
+            _this.cb = null;
             _this.ca = null;
-            _this.b9 = null;
             _this.a5 = null;
-            _this.ib = null;
+            _this.ic = null;
             _this._externalObject = null;
             _this.bu = false;
             _this.bv = false;
             _this.ao = new DataLegendContent();
-            _this.cc = null;
-            _this.cd = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesContext.$, 0);
-            _this.b6 = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Number_$type, DataLegendColumn.$, 0);
-            _this.cr = 0;
+            _this.cd = null;
+            _this.ce = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesContext.$, 0);
+            _this.b7 = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Number_$type, DataLegendColumn.$, 0);
+            _this.cs = 0;
             _this.ak = null;
             _this.al = null;
-            _this.cx = "";
+            _this.cy = "";
             _this.ai = null;
             _this.aj = null;
-            _this.ib = igniteuiWebcomponentsCore.Rect.empty;
+            _this.ic = igniteuiWebcomponentsCore.Rect.empty;
             _this.bx = true;
             _this.ab = XamDataLegend.$;
             _this.a5 = _this.a4();
             return _this;
         }
-        Object.defineProperty(XamDataLegend.prototype, "cl", {
-            get: function () {
-                return this.ch;
-            },
-            set: function (a) {
-                var b = this.ch;
-                this.ch = a;
-                if (b != this.ch) {
-                    this.fx("ActualCursorPositionX", b, this.ch);
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
         Object.defineProperty(XamDataLegend.prototype, "cm", {
             get: function () {
                 return this.ci;
@@ -47698,7 +47693,7 @@
                 var b = this.ci;
                 this.ci = a;
                 if (b != this.ci) {
-                    this.fx("ActualCursorPositionY", b, this.ci);
+                    this.fy("ActualCursorPositionX", b, this.ci);
                 }
             },
             enumerable: true,
@@ -47711,7 +47706,21 @@
             set: function (a) {
                 var b = this.cj;
                 this.cj = a;
-                this.fx("ActualPixelScalingRatio", b, this.cj);
+                if (b != this.cj) {
+                    this.fy("ActualCursorPositionY", b, this.cj);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(XamDataLegend.prototype, "co", {
+            get: function () {
+                return this.ck;
+            },
+            set: function (a) {
+                var b = this.ck;
+                this.ck = a;
+                this.fy("ActualPixelScalingRatio", b, this.ck);
             },
             enumerable: true,
             configurable: true
@@ -47727,7 +47736,7 @@
                 }
                 this.bj = a;
                 if (b != this.bj) {
-                    this.fx("ValueTextStyle", b, this.bj);
+                    this.fy("ValueTextStyle", b, this.bj);
                 }
             },
             enumerable: true,
@@ -47744,7 +47753,7 @@
                 }
                 this.bb = a;
                 if (b != this.bb) {
-                    this.fx("HeaderTextStyle", b, this.bb);
+                    this.fy("HeaderTextStyle", b, this.bb);
                 }
             },
             enumerable: true,
@@ -47761,7 +47770,7 @@
                 }
                 this.be = a;
                 if (b != this.be) {
-                    this.fx("SummaryTitleTextStyle", b, this.be);
+                    this.fy("SummaryTitleTextStyle", b, this.be);
                 }
             },
             enumerable: true,
@@ -47778,7 +47787,7 @@
                 }
                 this.bg = a;
                 if (b != this.bg) {
-                    this.fx("SummaryValueTextStyle", b, this.bg);
+                    this.fy("SummaryValueTextStyle", b, this.bg);
                 }
             },
             enumerable: true,
@@ -47795,7 +47804,7 @@
                 }
                 this.bd = a;
                 if (b != this.bd) {
-                    this.fx("SummaryLabelTextStyle", b, this.bd);
+                    this.fy("SummaryLabelTextStyle", b, this.bd);
                 }
             },
             enumerable: true,
@@ -47812,7 +47821,7 @@
                 }
                 this.bf = a;
                 if (b != this.bf) {
-                    this.fx("SummaryUnitsTextStyle", b, this.bf);
+                    this.fy("SummaryUnitsTextStyle", b, this.bf);
                 }
             },
             enumerable: true,
@@ -47829,7 +47838,7 @@
                 }
                 this.bi = a;
                 if (b != this.bi) {
-                    this.fx("UnitsTextStyle", b, this.bi);
+                    this.fy("UnitsTextStyle", b, this.bi);
                 }
             },
             enumerable: true,
@@ -47846,7 +47855,7 @@
                 }
                 this.bh = a;
                 if (b != this.bh) {
-                    this.fx("TitleTextStyle", b, this.bh);
+                    this.fy("TitleTextStyle", b, this.bh);
                 }
             },
             enumerable: true,
@@ -47863,7 +47872,7 @@
                 }
                 this.bc = a;
                 if (b != this.bc) {
-                    this.fx("LabelTextStyle", b, this.bc);
+                    this.fy("LabelTextStyle", b, this.bc);
                 }
             },
             enumerable: true,
@@ -47871,12 +47880,12 @@
         });
         Object.defineProperty(XamDataLegend.prototype, "pixelScalingRatio", {
             get: function () {
-                return this.ck;
+                return this.cl;
             },
             set: function (a) {
-                var b = this.ck;
-                this.ck = a;
-                this.fx("PixelScalingRatio", b, this.ck);
+                var b = this.cl;
+                this.cl = a;
+                this.fy("PixelScalingRatio", b, this.cl);
             },
             enumerable: true,
             configurable: true
@@ -47885,16 +47894,16 @@
             var a = this.exportVisualData();
             return a.serialize();
         };
-        XamDataLegend.prototype.cp = function (a, b) {
+        XamDataLegend.prototype.cq = function (a, b) {
             var c = Math.max(b.left, a);
             var d = Math.max(b.right, a);
             var e = Math.max(b.right, a);
             return Math.min(b.top, a);
         };
-        XamDataLegend.prototype.co = function (a, b) {
+        XamDataLegend.prototype.cp = function (a, b) {
             return Math.min(b.left, a);
         };
-        XamDataLegend.prototype.ia = function (a, b) {
+        XamDataLegend.prototype.ib = function (a, b) {
             var c = igniteuiWebcomponentsCore.Rect.l_op_Equality(a, null) || a.isEmpty || !igniteuiWebcomponentsCore.Extensions.b(a);
             var d = igniteuiWebcomponentsCore.Rect.l_op_Equality(b, null) || b.isEmpty || !igniteuiWebcomponentsCore.Extensions.b(b);
             if (c) {
@@ -47931,11 +47940,11 @@
             if (f.count < this.ao.b.count) {
                 return a;
             }
-            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(this.ib, null) || this.ib.isEmpty) {
+            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(this.ic, null) || this.ic.isEmpty) {
                 a.viewport = null;
             }
             else {
-                a.viewport = new igniteuiWebcomponentsCore.RectData(0, 0, this.ib.width, this.ib.height);
+                a.viewport = new igniteuiWebcomponentsCore.RectData(0, 0, this.ic.width, this.ic.height);
             }
             for (var j = 0; j < this.ao.b.count; j++) {
                 var k = this.ao.b._inner[j];
@@ -47959,60 +47968,60 @@
                         p.marginLeft = k.x.left;
                         p.marginRight = k.x.right;
                         p.marginBottom = k.x.bottom;
-                        this.f7(p, o);
+                        this.f8(p, o);
                         l.columns.add(p);
-                        m = this.ia(m, k.s);
+                        m = this.ib(m, k.s);
                     }
                     try {
                         for (var _b = (e_1 = void 0, tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(k.k))), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var q = _c.value;
-                            if (igniteuiWebcomponentsCore.Extensions.b(q.ab) && g.count > (c + 1)) {
+                            if (igniteuiWebcomponentsCore.Extensions.b(q.ac) && g.count > (c + 1)) {
                                 c++;
                                 var r = g._inner[c];
                                 var s = this.bk(r, q.g);
                                 var t = new DataLegendVisualDataColumn();
-                                t.bounds = igniteuiWebcomponentsCore.RectData.b(q.ab);
+                                t.bounds = igniteuiWebcomponentsCore.RectData.b(q.ac);
                                 t.text = r.al;
-                                t.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.y);
-                                t.marginTop = q.ak.top;
-                                t.marginLeft = q.ak.left;
-                                t.marginRight = q.ak.right;
-                                t.marginBottom = q.ak.bottom;
-                                this.f7(t, s);
+                                t.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.z);
+                                t.marginTop = q.al.top;
+                                t.marginLeft = q.al.left;
+                                t.marginRight = q.al.right;
+                                t.marginBottom = q.al.bottom;
+                                this.f8(t, s);
                                 l.columns.add(t);
-                                m = this.ia(m, q.ab);
+                                m = this.ib(m, q.ac);
                             }
-                            if (igniteuiWebcomponentsCore.Extensions.b(q.ad) && h.count > (d + 1)) {
+                            if (igniteuiWebcomponentsCore.Extensions.b(q.ae) && h.count > (d + 1)) {
                                 d++;
                                 var u = h._inner[d];
                                 var v = this.bk(u, q.i);
                                 var w = new DataLegendVisualDataColumn();
-                                w.bounds = igniteuiWebcomponentsCore.RectData.b(q.ad);
+                                w.bounds = igniteuiWebcomponentsCore.RectData.b(q.ae);
                                 w.text = u.al;
-                                w.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.aa);
-                                w.marginTop = q.am.top;
-                                w.marginLeft = q.am.left;
-                                w.marginRight = q.am.right;
-                                w.marginBottom = q.am.bottom;
-                                this.f7(w, v);
+                                w.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.ab);
+                                w.marginTop = q.an.top;
+                                w.marginLeft = q.an.left;
+                                w.marginRight = q.an.right;
+                                w.marginBottom = q.an.bottom;
+                                this.f8(w, v);
                                 l.columns.add(w);
-                                m = this.ia(m, q.ad);
+                                m = this.ib(m, q.ae);
                             }
-                            if (igniteuiWebcomponentsCore.Extensions.b(q.ac) && i.count > (e + 1)) {
+                            if (igniteuiWebcomponentsCore.Extensions.b(q.ad) && i.count > (e + 1)) {
                                 e++;
                                 var x = i._inner[e];
                                 var y = this.bk(x, q.h);
                                 var z = new DataLegendVisualDataColumn();
-                                z.bounds = igniteuiWebcomponentsCore.RectData.b(q.ac);
+                                z.bounds = igniteuiWebcomponentsCore.RectData.b(q.ad);
                                 z.text = q.m ? q.u : null;
-                                z.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.z);
-                                z.marginTop = q.al.top;
-                                z.marginLeft = q.al.left;
-                                z.marginRight = q.al.right;
-                                z.marginBottom = q.al.bottom;
-                                this.f7(z, y);
+                                z.textColor = igniteuiWebcomponentsCore.AppearanceHelper.b(q.aa);
+                                z.marginTop = q.am.top;
+                                z.marginLeft = q.am.left;
+                                z.marginRight = q.am.right;
+                                z.marginBottom = q.am.bottom;
+                                this.f8(z, y);
                                 l.columns.add(z);
-                                m = this.ia(m, q.ac);
+                                m = this.ib(m, q.ad);
                             }
                         }
                     }
@@ -48030,14 +48039,14 @@
                         }
                     }
                     if (k.j) {
-                        m = this.ia(m, k.r);
+                        m = this.ib(m, k.r);
                         l.badgeBounds = igniteuiWebcomponentsCore.RectData.b(k.r);
                         l.badgeMarginTop = k.v.top;
                         l.badgeMarginBottom = k.v.bottom;
                         l.badgeMarginRight = k.v.right;
                         l.badgeMarginLeft = k.v.left;
-                        if (k.e >= 0 && k.e < this.cc.count) {
-                            var aa = this.cc._inner[k.e];
+                        if (k.e >= 0 && k.e < this.cd.count) {
+                            var aa = this.cd._inner[k.e];
                             l.badgeShape = aa.getDataLegendBadgeShapeAndMarker();
                         }
                         else {
@@ -48050,7 +48059,7 @@
             }
             return a;
         };
-        XamDataLegend.prototype.f7 = function (a, b) {
+        XamDataLegend.prototype.f8 = function (a, b) {
             if (b != null) {
                 if (b.n != null) {
                     a.fontFamily = b.n;
@@ -48099,11 +48108,11 @@
                 default: return new DataLegendSummaryCalculationEmpty();
             }
         };
-        XamDataLegend.prototype.gb = function (a) {
+        XamDataLegend.prototype.gc = function (a) {
             if (this.styleSummaryRow != null) {
                 var b = this.ay(a);
                 this.styleSummaryRow(this, b);
-                this.f8(a, b);
+                this.f9(a, b);
             }
             if (a.b && a.k != null && this.styleSummaryColumn != null) {
                 for (var c = 0; c < a.k.count; c++) {
@@ -48112,15 +48121,15 @@
                     d.f = a.m;
                     d.c = c;
                     this.styleSummaryColumn(this, d);
-                    this.gc(a.k._inner[c], d);
+                    this.gd(a.k._inner[c], d);
                 }
             }
         };
-        XamDataLegend.prototype.ga = function (a) {
+        XamDataLegend.prototype.gb = function (a) {
             if (this.styleSeriesRow != null) {
                 var b = this.ay(a);
                 this.styleSeriesRow(this, b);
-                this.f8(a, b);
+                this.f9(a, b);
             }
             if (a.b && a.k != null && this.styleSeriesColumn != null) {
                 for (var c = 0; c < a.k.count; c++) {
@@ -48129,15 +48138,15 @@
                     d.f = a.m;
                     d.c = c;
                     this.styleSeriesColumn(this, d);
-                    this.gc(a.k._inner[c], d);
+                    this.gd(a.k._inner[c], d);
                 }
             }
         };
-        XamDataLegend.prototype.f9 = function (a) {
+        XamDataLegend.prototype.ga = function (a) {
             if (this.styleHeaderRow != null) {
                 var b = this.ay(a);
                 this.styleHeaderRow(this, b);
-                this.f8(a, b);
+                this.f9(a, b);
             }
         };
         XamDataLegend.prototype.ay = function (a) {
@@ -48151,7 +48160,7 @@
             b.e = a.m;
             return b;
         };
-        XamDataLegend.prototype.f8 = function (a, b) {
+        XamDataLegend.prototype.f9 = function (a, b) {
             a.n = b.f;
             a.q = b.g;
             a.h = b.a;
@@ -48161,27 +48170,28 @@
         XamDataLegend.prototype.ax = function (a) {
             var b = new DataLegendStylingColumnEventArgs();
             b.e = a.t;
-            b.j = a.y;
-            b.g = a.u;
             b.k = a.z;
-            b.i = a.w;
+            b.g = a.u;
             b.l = a.aa;
+            b.j = a.x;
+            b.m = a.ab;
             b.b = a.r;
+            b.i = a.w;
             b.h = a.v;
             b.a = a.f;
             return b;
         };
-        XamDataLegend.prototype.gc = function (a, b) {
-            a.y = b.j;
+        XamDataLegend.prototype.gd = function (a, b) {
+            a.z = b.k;
             a.t = b.e;
             a.j = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(a.t);
             a.u = b.g;
-            a.z = b.k;
-            a.m = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(a.u);
-            a.w = b.i;
             a.aa = b.l;
+            a.m = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(a.u);
+            a.x = b.j;
+            a.ab = b.m;
         };
-        XamDataLegend.prototype.f0 = function (a, b, c) {
+        XamDataLegend.prototype.f1 = function (a, b, c) {
             var _this = this;
             switch (a) {
                 case XamDataLegend.$$p[19]:
@@ -48189,33 +48199,33 @@
                     break;
                 case XamDataLegend.$$p[15]:
                 case XamDataLegend.$$p[3]:
-                    this.gg();
+                    this.gh();
                     break;
                 case XamDataLegend.$$p[14]:
                 case XamDataLegend.$$p[2]:
-                    this.gf();
+                    this.gg();
                     break;
                 case XamDataLegend.$$p[32]:
                     var d = c;
                     var e = b;
-                    this.fy(e, d);
+                    this.fz(e, d);
                     break;
                 case XamDataLegend.$$p[30]:
-                    if (this.b0(this.targetCursorPositionX)) {
-                        this.cl = this.targetCursorPositionX;
+                    if (this.b1(this.targetCursorPositionX)) {
+                        this.cm = this.targetCursorPositionX;
                     }
                     break;
                 case XamDataLegend.$$p[31]:
-                    if (this.b0(this.targetCursorPositionY)) {
-                        this.cm = this.targetCursorPositionY;
+                    if (this.b1(this.targetCursorPositionY)) {
+                        this.cn = this.targetCursorPositionY;
                     }
                     break;
                 case XamDataLegend.$$p[46]:
                 case XamDataLegend.$$p[45]:
-                    if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.e5)) {
+                    if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.e6)) {
                         this.ak = ((function () {
                             var $ret = new igniteuiWebcomponentsCore.BindingFormatter();
-                            $ret.j = _this.e5;
+                            $ret.j = _this.e6;
                             $ret.d = _this.ah;
                             return $ret;
                         })());
@@ -48226,10 +48236,10 @@
                     break;
                 case XamDataLegend.$$p[7]:
                 case XamDataLegend.$$p[6]:
-                    if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.dc)) {
+                    if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.dd)) {
                         this.ai = ((function () {
                             var $ret = new igniteuiWebcomponentsCore.BindingFormatter();
-                            $ret.j = _this.dc;
+                            $ret.j = _this.dd;
                             $ret.d = _this.ag;
                             return $ret;
                         })());
@@ -48239,26 +48249,26 @@
                     }
                     break;
                 case "PixelScalingRatio":
-                    if (igniteuiWebcomponentsCore.isNaN_(this.cn)) {
+                    if (igniteuiWebcomponentsCore.isNaN_(this.co)) {
                         this.a5.au();
                     }
                     else {
-                        this.cn = this.pixelScalingRatio;
+                        this.co = this.pixelScalingRatio;
                     }
                     break;
                 case "ActualPixelScalingRatio":
                     this.a5.a5(c);
                     break;
             }
-            this.f2();
+            this.f3();
         };
-        XamDataLegend.prototype.fx = function (a, b, c) {
-            this.f0(a, b, c);
+        XamDataLegend.prototype.fy = function (a, b, c) {
+            this.f1(a, b, c);
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
         };
-        XamDataLegend.prototype.fy = function (a, b) {
+        XamDataLegend.prototype.fz = function (a, b) {
             this.a7 = b;
             if (a != null) {
                 a.detachDataLegend(this);
@@ -48266,30 +48276,30 @@
             if (b != null) {
                 b.attachDataLegend(this);
                 if (igniteuiWebcomponentsCore.isNaN_(this.targetCursorPositionX)) {
-                    this.cl = 1;
+                    this.cm = 1;
                 }
                 if (igniteuiWebcomponentsCore.isNaN_(this.targetCursorPositionY)) {
-                    this.cm = 0.5;
+                    this.cn = 0.5;
                 }
             }
         };
-        XamDataLegend.prototype.gg = function () {
-            this.ca = this.cb(this.includedSeries);
-            this.b9 = this.cb(this.excludedSeries);
+        XamDataLegend.prototype.gh = function () {
+            this.cb = this.cc(this.includedSeries);
+            this.ca = this.cc(this.excludedSeries);
         };
-        XamDataLegend.prototype.gf = function () {
+        XamDataLegend.prototype.gg = function () {
             var e_2, _a, e_3, _b;
-            this.b8 = this.cb(this.includedColumns);
-            this.b7 = this.cb(this.excludedColumns);
-            if (this.b8 != null) {
-                var a = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 1, this.b8.keys);
+            this.b9 = this.cc(this.includedColumns);
+            this.b8 = this.cc(this.excludedColumns);
+            if (this.b9 != null) {
+                var a = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 1, this.b9.keys);
                 try {
                     for (var _c = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(a)), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var b = _d.value;
                         var c = b + ":";
-                        var d = this.b8.item(b);
-                        if (!this.b8.containsKey(c)) {
-                            this.b8.addItem(c, d);
+                        var d = this.b9.item(b);
+                        if (!this.b9.containsKey(c)) {
+                            this.b9.addItem(c, d);
                         }
                     }
                 }
@@ -48306,17 +48316,17 @@
                             throw e_2.error;
                     }
                 }
-                this.fg(this.b8);
+                this.fh(this.b9);
             }
-            if (this.b7 != null) {
-                var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 1, this.b7.keys);
+            if (this.b8 != null) {
+                var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 1, this.b8.keys);
                 try {
                     for (var _e = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(e)), _f = _e.next(); !_f.done; _f = _e.next()) {
                         var f = _f.value;
                         var g = f + ":";
-                        var h = this.b7.item(f);
-                        if (!this.b7.containsKey(g)) {
-                            this.b7.addItem(g, h);
+                        var h = this.b8.item(f);
+                        if (!this.b8.containsKey(g)) {
+                            this.b8.addItem(g, h);
                         }
                     }
                 }
@@ -48333,10 +48343,10 @@
                             throw e_3.error;
                     }
                 }
-                this.fg(this.b7);
+                this.fh(this.b8);
             }
         };
-        XamDataLegend.prototype.fg = function (a) {
+        XamDataLegend.prototype.fh = function (a) {
             var e_4, _a;
             var b = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 1, a.keys);
             try {
@@ -48373,7 +48383,7 @@
                 }
             }
         };
-        XamDataLegend.prototype.cb = function (a) {
+        XamDataLegend.prototype.cc = function (a) {
             if (a == null) {
                 return null;
             }
@@ -48386,16 +48396,16 @@
             }
             return b;
         };
-        XamDataLegend.prototype.b0 = function (a) {
+        XamDataLegend.prototype.b1 = function (a) {
             return a >= 0 && a <= 1;
         };
         XamDataLegend.prototype.notifyCursorPositionChanged = function (a) {
             var b = !igniteuiWebcomponentsCore.isNaN_(this.targetCursorPositionX) || !igniteuiWebcomponentsCore.isNaN_(this.targetCursorPositionY);
-            var c = !igniteuiWebcomponentsCore.isNaN_(a.x) && this.b0(a.x);
-            var d = !igniteuiWebcomponentsCore.isNaN_(a.y) && this.b0(a.y);
+            var c = !igniteuiWebcomponentsCore.isNaN_(a.x) && this.b1(a.x);
+            var d = !igniteuiWebcomponentsCore.isNaN_(a.y) && this.b1(a.y);
             if (!b && c && d) {
-                this.cl = a.x;
-                this.cm = a.y;
+                this.cm = a.x;
+                this.cn = a.y;
             }
         };
         XamDataLegend.prototype.notifySizeChanged = function () {
@@ -48404,11 +48414,11 @@
         XamDataLegend.prototype.notifyVisualPropertiesChanged = function (a) {
         };
         XamDataLegend.prototype.notifySeriesCollectionChanged = function () {
-            this.f2();
+            this.f3();
         };
         XamDataLegend.prototype.notifySeriesDataChanged = function () {
             if (this.bx) {
-                this.f2();
+                this.f3();
             }
         };
         XamDataLegend.prototype.updatePropertyByName = function (a, b) {
@@ -48429,55 +48439,55 @@
                     this.an = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataAbbreviationMode_$type, b);
                     break;
                 case XamDataLegend.$$p[42]:
-                    this.ct = igniteuiWebcomponentsCore.typeGetValue(b);
+                    this.cu = igniteuiWebcomponentsCore.typeGetValue(b);
                     break;
                 case XamDataLegend.$$p[43]:
-                    this.cu = igniteuiWebcomponentsCore.typeGetValue(b);
+                    this.cv = igniteuiWebcomponentsCore.typeGetValue(b);
                     break;
                 case XamDataLegend.$$p[44]:
                     this.a3 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendValueMode_$type, b);
                     break;
                 case XamDataLegend.$$p[40]:
-                    this.ex = b;
+                    this.ey = b;
                     break;
                 case XamDataLegend.$$p[47]:
-                    this.b3 = b;
+                    this.b4 = b;
                     break;
                 case XamDataLegend.$$p[46]:
-                    this.e5 = b;
+                    this.e6 = b;
                     break;
                 case XamDataLegend.$$p[45]:
                     this.ah = b;
                     break;
                 case XamDataLegend.$$p[48]:
-                    this.ir = b;
+                    this.is = b;
                     break;
                 case XamDataLegend.$$p[49]:
-                    this.b4 = b;
+                    this.b5 = b;
                     break;
                 case XamDataLegend.$$p[53]:
-                    this.fe = b;
+                    this.ff = b;
                     break;
                 case XamDataLegend.$$p[52]:
-                    this.b5 = b;
+                    this.b6 = b;
                     break;
                 case XamDataLegend.$$p[51]:
-                    this.is = b;
+                    this.it = b;
                     break;
                 case XamDataLegend.$$p[50]:
-                    this.h9 = b;
+                    this.ia = b;
                     break;
                 case "ValueTextStyle":
                     this.bt = b;
                     break;
                 case XamDataLegend.$$p[7]:
-                    this.dc = b;
+                    this.dd = b;
                     break;
                 case XamDataLegend.$$p[6]:
                     this.ag = b;
                     break;
                 case XamDataLegend.$$p[4]:
-                    this.c8 = b;
+                    this.c9 = b;
                     break;
                 case XamDataLegend.$$p[5]:
                     this.ap = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendHeaderDateMode_$type, b);
@@ -48486,25 +48496,25 @@
                     this.aq = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendHeaderTimeMode_$type, b);
                     break;
                 case XamDataLegend.$$p[13]:
-                    this.dh = b;
+                    this.di = b;
                     break;
                 case XamDataLegend.$$p[11]:
-                    this.h0 = b;
+                    this.h1 = b;
                     break;
                 case XamDataLegend.$$p[12]:
-                    this.ij = b;
+                    this.ik = b;
                     break;
                 case XamDataLegend.$$p[9]:
-                    this.ii = b;
+                    this.ij = b;
                     break;
                 case XamDataLegend.$$p[10]:
-                    this.bz = b;
+                    this.b0 = b;
                     break;
                 case "HeaderTextStyle":
                     this.bl = b;
                     break;
                 case XamDataLegend.$$p[23]:
-                    this.h4 = b;
+                    this.h5 = b;
                     break;
                 case "SummaryTitleTextStyle":
                     this.bo = b;
@@ -48513,40 +48523,40 @@
                     this.a1 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendSummaryType_$type, b);
                     break;
                 case XamDataLegend.$$p[25]:
-                    this.d8 = b;
+                    this.d9 = b;
                     break;
                 case XamDataLegend.$$p[24]:
-                    this.im = b;
+                    this.io = b;
                     break;
                 case XamDataLegend.$$p[22]:
-                    this.il = b;
+                    this.im = b;
                     break;
                 case XamDataLegend.$$p[29]:
-                    this.h6 = b;
+                    this.h7 = b;
                     break;
                 case "SummaryValueTextStyle":
                     this.bq = b;
                     break;
                 case XamDataLegend.$$p[21]:
-                    this.d3 = b;
+                    this.d4 = b;
                     break;
                 case XamDataLegend.$$p[20]:
-                    this.h3 = b;
+                    this.h4 = b;
                     break;
                 case "SummaryLabelTextStyle":
                     this.bn = b;
                     break;
                 case XamDataLegend.$$p[28]:
-                    this.ee = b;
+                    this.ef = b;
                     break;
                 case XamDataLegend.$$p[27]:
-                    this.h5 = b;
+                    this.h6 = b;
                     break;
                 case "SummaryUnitsTextStyle":
                     this.bp = b;
                     break;
                 case XamDataLegend.$$p[0]:
-                    this.ih = b;
+                    this.ii = b;
                     break;
                 case XamDataLegend.$$p[1]:
                     this.a8 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.LegendItemBadgeShape_$type, b);
@@ -48555,22 +48565,22 @@
                     this.a2 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendUnitsMode_$type, b);
                     break;
                 case XamDataLegend.$$p[38]:
-                    this.er = b;
+                    this.es = b;
                     break;
                 case XamDataLegend.$$p[36]:
-                    this.h8 = b;
+                    this.h9 = b;
                     break;
                 case XamDataLegend.$$p[37]:
-                    this.ip = b;
+                    this.iq = b;
                     break;
                 case "UnitsTextStyle":
                     this.bs = b;
                     break;
                 case XamDataLegend.$$p[34]:
-                    this.io = b;
+                    this.ip = b;
                     break;
                 case XamDataLegend.$$p[33]:
-                    this.h7 = b;
+                    this.h8 = b;
                     break;
                 case "TitleTextStyle":
                     this.br = b;
@@ -48579,10 +48589,10 @@
                     this.ar = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.DataLegendLabelMode_$type, b);
                     break;
                 case XamDataLegend.$$p[17]:
-                    this.h1 = b;
+                    this.h2 = b;
                     break;
                 case XamDataLegend.$$p[18]:
-                    this.ik = b;
+                    this.il = b;
                     break;
                 case "LabelTextStyle":
                     this.bm = b;
@@ -48617,7 +48627,7 @@
         XamDataLegend.prototype.provideContainer = function (a) {
             this.a5.a2(a);
         };
-        XamDataLegend.prototype.f2 = function () {
+        XamDataLegend.prototype.f3 = function () {
             if (this.bu) {
                 return;
             }
@@ -48634,56 +48644,56 @@
             configurable: true
         });
         XamDataLegend.prototype.doRender = function (a, b) {
-            if (this.ib.isEmpty) {
+            if (this.ic.isEmpty) {
                 var c = this.getDesiredSize();
-                this.ib = new igniteuiWebcomponentsCore.Rect(0, 0, 0, c.width, c.height);
+                this.ic = new igniteuiWebcomponentsCore.Rect(0, 0, 0, c.width, c.height);
             }
-            this.f3(this.ao, true);
+            this.f4(this.ao, true);
             this.a5.a7(a, b);
         };
         XamDataLegend.prototype.ensureUpdated = function () {
             var a = this.getDesiredSize();
         };
-        XamDataLegend.prototype.fp = function () {
+        XamDataLegend.prototype.fq = function () {
             if (!this.bu) {
                 if (this.ao == null) {
-                    this.f2();
+                    this.f3();
                 }
                 else {
                     return;
                 }
             }
-            this.ge();
+            this.gf();
         };
         XamDataLegend.prototype.getDesiredSize = function () {
-            this.fp();
+            this.fq();
             if (this.ao == null) {
                 return new igniteuiWebcomponentsCore.Size(1, 0, 0);
             }
             return new igniteuiWebcomponentsCore.Size(1, this.ao.d, this.ao.c);
         };
-        XamDataLegend.prototype.ge = function () {
+        XamDataLegend.prototype.gf = function () {
             if (this.a7 == null) {
-                this.fm();
+                this.fn();
                 return;
             }
             var a = this.a7;
             var b = a.getDataLegendSeries();
-            var c = this.cf(b);
-            this.fr(c);
+            var c = this.cg(b);
+            this.fs(c);
         };
-        XamDataLegend.prototype.cf = function (a) {
+        XamDataLegend.prototype.cg = function (a) {
             var e_5, _a;
             var b = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Number_$type, igniteuiWebcomponentsCore.IDataLegendSeries_$type, 0);
             for (var c = 0; c < a.length; c++) {
                 var d = a[c].title == null ? null : a[c].title.toString();
-                var e = this.ca == null || this.ca.containsKey(a[c].dataLegendKey) || this.ca.containsKey(a[c].index.toString()) || this.ca.containsKey(d);
-                var f = this.b9 != null && (this.b9.containsKey(a[c].dataLegendKey) || this.b9.containsKey(a[c].index.toString()) || this.b9.containsKey(d));
-                if (a[c].isValueOverlay && (!e || this.ca == null)) {
+                var e = this.cb == null || this.cb.containsKey(a[c].dataLegendKey) || this.cb.containsKey(a[c].index.toString()) || this.cb.containsKey(d);
+                var f = this.ca != null && (this.ca.containsKey(a[c].dataLegendKey) || this.ca.containsKey(a[c].index.toString()) || this.ca.containsKey(d));
+                if (a[c].isValueOverlay && (!e || this.cb == null)) {
                     continue;
                 }
                 if (e && !f) {
-                    var g = this.cs(a[c]);
+                    var g = this.ct(a[c]);
                     b.addItem(g, a[c]);
                 }
             }
@@ -48711,31 +48721,31 @@
             }
             return i;
         };
-        XamDataLegend.prototype.cs = function (a) {
-            if (this.ca == null) {
+        XamDataLegend.prototype.ct = function (a) {
+            if (this.cb == null) {
                 return a.index;
             }
             var b = a.dataLegendKey;
-            if (this.ca.containsKey(b)) {
-                return this.ca.item(b);
+            if (this.cb.containsKey(b)) {
+                return this.cb.item(b);
             }
             var c = a.index.toString();
-            if (this.ca.containsKey(c)) {
-                return this.ca.item(c);
+            if (this.cb.containsKey(c)) {
+                return this.cb.item(c);
             }
             var d = a.title == null ? null : a.title.toString();
-            if (this.ca.containsKey(d)) {
-                return this.ca.item(d);
+            if (this.cb.containsKey(d)) {
+                return this.cb.item(d);
             }
             return a.index;
         };
-        XamDataLegend.prototype.fo = function () {
+        XamDataLegend.prototype.fp = function () {
             this.bu = false;
             var a = new igniteuiWebcomponentsCore.Size(1, 0, 0);
             if (this.ao != null) {
                 a = new igniteuiWebcomponentsCore.Size(1, this.ao.d, this.ao.c);
             }
-            this.ge();
+            this.gf();
             var b = new igniteuiWebcomponentsCore.Size(1, 0, 0);
             if (this.ao != null) {
                 b = new igniteuiWebcomponentsCore.Size(1, this.ao.d, this.ao.c);
@@ -48743,15 +48753,15 @@
             if (!a.equals(b)) {
                 this.a5.am(b.width, b.height);
             }
-            this.f3(this.ao, this.bv);
+            this.f4(this.ao, this.bv);
         };
-        XamDataLegend.prototype.fs = function (message_) {
+        XamDataLegend.prototype.ft = function (message_) {
         };
-        XamDataLegend.prototype.f3 = function (a, b) {
+        XamDataLegend.prototype.f4 = function (a, b) {
             var c = new DataLegendRenderContext();
             for (var d = 0; d < a.b.count; d++) {
                 var e = a.b._inner[d];
-                this.f5(a, e, c);
+                this.f6(a, e, c);
             }
             this.a5.p.count = c.b;
             this.a5.q.count = c.c;
@@ -48762,36 +48772,36 @@
                 this.a5.aq(a);
             }
         };
-        XamDataLegend.prototype.f5 = function (a, b, c) {
+        XamDataLegend.prototype.f6 = function (a, b, c) {
             var e_6, _a;
             if (b.t.width > 0 && b.t.height > 0 && !b.a && !b.d && b.j) {
                 var d = this.a5.p.item(c.b);
                 c.b += 1;
-                this.f4(d, a, b, c);
+                this.f5(d, a, b, c);
             }
             this.a5.a9();
             if (!b.s.isEmpty && b.s.width > 0 && b.s.height > 0) {
                 var e = this.a5.q.item(c.c);
                 c.c += 1;
-                this.f6(e, b.n, b.q, b.i, b.s);
+                this.f7(e, b.n, b.q, b.i, b.s);
             }
             try {
                 for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(b.k)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var f = _c.value;
-                    if (!f.ad.isEmpty && f.q()) {
+                    if (!f.ae.isEmpty && f.q()) {
                         var g = this.a5.s.item(c.e);
                         c.e += 1;
-                        this.f6(g, f.w, f.aa, f.i, f.ad);
+                        this.f7(g, f.x, f.ab, f.i, f.ae);
                     }
-                    if (!f.ac.isEmpty && f.o() && f.m) {
+                    if (!f.ad.isEmpty && f.o() && f.m) {
                         var h = this.a5.r.item(c.d);
                         c.d += 1;
-                        this.f6(h, f.u, f.z, f.h, f.ac);
+                        this.f7(h, f.u, f.aa, f.h, f.ad);
                     }
-                    if (!f.ab.isEmpty && f.l() && f.j) {
+                    if (!f.ac.isEmpty && f.l() && f.j) {
                         var i = this.a5.o.item(c.a);
                         c.a += 1;
-                        this.f6(i, f.t, f.y, f.g, f.ab);
+                        this.f7(i, f.t, f.z, f.g, f.ac);
                     }
                 }
             }
@@ -48810,28 +48820,34 @@
             }
             this.a5.an();
         };
-        XamDataLegend.prototype.f6 = function (a, b, c, d, e) {
+        XamDataLegend.prototype.f7 = function (a, b, c, d, e) {
             a.al = b;
             this.a5.a8(a, e.left, e.top);
             this.a5.ao(a, d);
             this.a5.ap(a, d);
             a.ao = c;
         };
-        XamDataLegend.prototype.f4 = function (a, b, c, d) {
+        XamDataLegend.prototype.f5 = function (a, b, c, d) {
             a.ah = c.p;
             a.content = c.l;
             a.width = c.t.width;
             a.height = c.t.height;
             this.a5.a8(a, c.r.left, c.r.top);
         };
-        XamDataLegend.prototype.fr = function (a) {
+        XamDataLegend.prototype.by = function (a, b) {
+            if (b == null) {
+                return false;
+            }
+            return a.containsKey(b);
+        };
+        XamDataLegend.prototype.fs = function (a) {
             var e_7, _a;
-            if (this.by()) {
+            if (this.bz()) {
                 this.ao.f();
-                this.cc = a;
-                this.cd.clear();
-                this.cr = 0;
-                this.b6.clear();
+                this.cd = a;
+                this.ce.clear();
+                this.cs = 0;
+                this.b7.clear();
             }
             else {
                 return;
@@ -48839,46 +48855,46 @@
             for (var b = 0; b < a.count; b++) {
                 var c = a._inner[b];
                 var d = b;
-                var e = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.DataLegendSeriesContext.$, c.getDataLegendSeriesContextAt(this.cl, this.cm));
+                var e = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.DataLegendSeriesContext.$, c.getDataLegendSeriesContextAt(this.cm, this.cn));
                 if (e != null) {
                     var f = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
                     for (var g = 0; g < e.f.count; g++) {
                         var h = e.f._inner[g];
-                        var i = this.b8 == null || this.b8.containsKey(h.p) || this.b8.containsKey(h.q) || this.b8.containsKey("ALL");
-                        var j = this.b7 != null && (this.b7.containsKey(h.p) || this.b7.containsKey(h.q) || this.b7.containsKey("ALL"));
-                        var k = this.b8 == null && this.b7 == null && h.k;
+                        var i = this.b9 == null || this.by(this.b9, h.q) || this.by(this.b9, h.p) || this.by(this.b9, h.r) || this.by(this.b9, "ALL");
+                        var j = this.b8 != null && (this.by(this.b8, h.q) || this.by(this.b8, h.p) || this.by(this.b8, h.r) || this.by(this.b8, "ALL"));
+                        var k = this.b9 == null && this.b8 == null && h.k;
                         if (i && (!j && !k)) {
                             h.o = f.count;
                             f.add(h);
-                            if (!this.b6.containsKey(h.o)) {
-                                this.b6.addItem(h.o, new DataLegendColumn());
+                            if (!this.b7.containsKey(h.o)) {
+                                this.b7.addItem(h.o, new DataLegendColumn());
                             }
-                            this.b6.item(h.o).i = h.o;
-                            this.b6.item(h.o).d.q(d, h.r);
-                            this.b6.item(h.o).b.q(d, h.q);
-                            this.b6.item(h.o).e.q(d, h.l);
-                            this.b6.item(h.o).c.q(d, h);
-                            this.b6.item(h.o).h.add(d);
+                            this.b7.item(h.o).i = h.o;
+                            this.b7.item(h.o).d.q(d, h.s);
+                            this.b7.item(h.o).b.q(d, h.r);
+                            this.b7.item(h.o).e.q(d, h.l);
+                            this.b7.item(h.o).c.q(d, h);
+                            this.b7.item(h.o).h.add(d);
                         }
                     }
                     e.f = f;
-                    this.cd.add(e);
-                    this.cr = Math.max(this.cr, e.f.count);
+                    this.ce.add(e);
+                    this.cs = Math.max(this.cs, e.f.count);
                 }
             }
             try {
-                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.b6.values)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.b7.values)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var l = _c.value;
                     l.f.clear();
                     l.a.clear();
                     var m = l.e.p(l.h);
-                    var n = this.ce(m);
+                    var n = this.cf(m);
                     for (var o = 0; o < n.count; o++) {
                         var p = n._inner[o];
                         var q = l.h._inner[o];
                         l.a.q(q, p);
                         var r = l.c.item(q);
-                        var s = this.d1(p, r);
+                        var s = this.d2(p, r);
                         l.f.q(q, s);
                         var t = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(p.l);
                         if (t) {
@@ -48900,16 +48916,16 @@
                         throw e_7.error;
                 }
             }
-            this.fh(this.ao, a);
+            this.fi(this.ao, a);
             for (var u = 0; u < a.count; u++) {
-                this.gd(a._inner[u], this.a8);
-                this.fi(this.ao, a._inner[u], u);
+                this.ge(a._inner[u], this.a8);
+                this.fj(this.ao, a._inner[u], u);
             }
-            this.fj(this.ao, a);
-            this.bw = this.b1();
-            this.fl(this.ao);
+            this.fk(this.ao, a);
+            this.bw = this.b2();
+            this.fm(this.ao);
         };
-        XamDataLegend.prototype.b1 = function () {
+        XamDataLegend.prototype.b2 = function () {
             var a = false;
             for (var b = 0; b < this.ao.b.count; b++) {
                 var c = this.ao.b._inner[b];
@@ -48920,13 +48936,13 @@
             }
             return a;
         };
-        XamDataLegend.prototype.fl = function (a) {
+        XamDataLegend.prototype.fm = function (a) {
             var e_8, _a;
             var b = 0;
             var c = 0;
             for (var d = 0; d < a.b.count; d++) {
                 var e = a.b._inner[d];
-                this.ft(e);
+                this.fu(e);
             }
             var f = 0;
             var g = new igniteuiWebcomponentsCore.Size(1, 0, 0);
@@ -48942,15 +48958,15 @@
                         if (!i.containsKey(m)) {
                             i.addItem(m, new igniteuiWebcomponentsCore.Size(1, 0, 0));
                         }
-                        i.item(m, this.ig(i.item(m), n.aj, n.am));
+                        i.item(m, this.ih(i.item(m), n.ak, n.an));
                         if (!j.containsKey(m)) {
                             j.addItem(m, new igniteuiWebcomponentsCore.Size(1, 0, 0));
                         }
-                        j.item(m, this.ig(j.item(m), n.ah, n.al));
+                        j.item(m, this.ih(j.item(m), n.ai, n.am));
                         if (!k.containsKey(m)) {
                             k.addItem(m, new igniteuiWebcomponentsCore.Size(1, 0, 0));
                         }
-                        k.item(m, this.ig(k.item(m), n.af, n.ak));
+                        k.item(m, this.ih(k.item(m), n.ag, n.al));
                     }
                 }
             }
@@ -48969,12 +48985,12 @@
             }
             for (var o = 0; o < a.b.count; o++) {
                 var p = a.b._inner[o];
-                h = this.ie(h, p.t, p.v);
-                g = this.ig(g, p.u, p.x);
+                h = this.ig(h, p.t, p.v);
+                g = this.ih(g, p.u, p.x);
                 for (var q = 0; q < p.k.count; q++) {
-                    p.k._inner[q].ai = i.item(q);
-                    p.k._inner[q].ag = j.item(q);
-                    p.k._inner[q].ae = k.item(q);
+                    p.k._inner[q].aj = i.item(q);
+                    p.k._inner[q].ah = j.item(q);
+                    p.k._inner[q].af = k.item(q);
                 }
                 if (p.d) {
                     var r = p.u.width + p.x.left + p.x.right;
@@ -48990,7 +49006,7 @@
             var v = 0;
             for (var w = 0; w < a.b.count; w++) {
                 var x = a.b._inner[w];
-                var y = this.ic(v, x, f, g, h);
+                var y = this.id(v, x, f, g, h);
                 v = y.height;
                 u = Math.max(u, y.width);
             }
@@ -48999,13 +49015,13 @@
             a.d = b;
             a.c = c;
         };
-        XamDataLegend.prototype.ie = function (a, b, c) {
+        XamDataLegend.prototype.ig = function (a, b, c) {
             return new igniteuiWebcomponentsCore.Size(1, Math.max(a.width, b.width + c.left + c.right), Math.max(a.height, b.height + c.top + c.bottom));
         };
-        XamDataLegend.prototype.ig = function (a, b, c) {
+        XamDataLegend.prototype.ih = function (a, b, c) {
             return new igniteuiWebcomponentsCore.Size(1, Math.max(a.width, b.width + c.left + c.right), Math.max(a.height, b.height + c.top + c.bottom));
         };
-        XamDataLegend.prototype.ic = function (a, b, c, d, e) {
+        XamDataLegend.prototype.id = function (a, b, c, d, e) {
             var e_9, _a, e_10, _b;
             var f = 0;
             var g = 0;
@@ -49014,12 +49030,12 @@
             try {
                 for (var _c = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(b.k)), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var h = _d.value;
-                    g = Math.max(h.aj.height, g);
+                    g = Math.max(h.ak.height, g);
                     if (h.m) {
-                        g = Math.max(h.ah.height, g);
+                        g = Math.max(h.ai.height, g);
                     }
                     if (h.j) {
-                        g = Math.max(h.af.height, g);
+                        g = Math.max(h.ag.height, g);
                     }
                 }
             }
@@ -49061,39 +49077,39 @@
                 for (var _e = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(b.k)), _f = _e.next(); !_f.done; _f = _e.next()) {
                     var k = _f.value;
                     var l = " C=" + k.s + " SR=" + igniteuiWebcomponentsCore.numberToString2(f, "000");
-                    if ((k.l() && k.j) && k.ae.width > 0) {
+                    if ((k.l() && k.j) && k.af.width > 0) {
                         var m = 0;
-                        if (g > k.af.height) {
-                            m = (g - k.af.height) / 2;
+                        if (g > k.ag.height) {
+                            m = (g - k.ag.height) / 2;
                         }
-                        k.ab = new igniteuiWebcomponentsCore.Rect(0, f + k.ak.left, a + m, k.af.width, k.af.height);
-                        f += k.ae.width;
-                        l += " label L=" + igniteuiWebcomponentsCore.numberToString2(k.ab.left, "000") + " R=" + igniteuiWebcomponentsCore.numberToString2(k.ab.right, "000");
+                        k.ac = new igniteuiWebcomponentsCore.Rect(0, f + k.al.left, a + m, k.ag.width, k.ag.height);
+                        f += k.af.width;
+                        l += " label L=" + igniteuiWebcomponentsCore.numberToString2(k.ac.left, "000") + " R=" + igniteuiWebcomponentsCore.numberToString2(k.ac.right, "000");
                     }
                     if (k.q()) {
-                        l += " v MW=" + igniteuiWebcomponentsCore.numberToString2(k.ai.width, "000");
-                        f += k.am.left;
-                        f += (k.ai.width - (k.aj.width + k.am.right));
+                        l += " v MW=" + igniteuiWebcomponentsCore.numberToString2(k.aj.width, "000");
+                        f += k.an.left;
+                        f += (k.aj.width - (k.ak.width + k.an.right));
                         var n = 0;
-                        if (g > k.aj.height) {
-                            n = (g - k.aj.height) / 2;
+                        if (g > k.ak.height) {
+                            n = (g - k.ak.height) / 2;
                         }
-                        k.ad = new igniteuiWebcomponentsCore.Rect(0, f, a + n, k.aj.width, k.aj.height);
-                        l += " v ML=" + igniteuiWebcomponentsCore.numberToString2(k.am.left, "00") + " MR=" + igniteuiWebcomponentsCore.numberToString2(k.am.right, "00");
-                        l += " v BL=" + igniteuiWebcomponentsCore.numberToString2(k.ad.left, "000") + " BR=" + igniteuiWebcomponentsCore.numberToString2(k.ad.right, "000");
-                        f += k.ad.width;
-                        f += k.am.right;
+                        k.ae = new igniteuiWebcomponentsCore.Rect(0, f, a + n, k.ak.width, k.ak.height);
+                        l += " v ML=" + igniteuiWebcomponentsCore.numberToString2(k.an.left, "00") + " MR=" + igniteuiWebcomponentsCore.numberToString2(k.an.right, "00");
+                        l += " v BL=" + igniteuiWebcomponentsCore.numberToString2(k.ae.left, "000") + " BR=" + igniteuiWebcomponentsCore.numberToString2(k.ae.right, "000");
+                        f += k.ae.width;
+                        f += k.an.right;
                     }
-                    if ((k.o() && k.m) && k.ag.width > 0) {
+                    if ((k.o() && k.m) && k.ah.width > 0) {
                         var o = 0;
-                        if (g > k.ah.height) {
-                            o = (g - k.ah.height) / 2;
+                        if (g > k.ai.height) {
+                            o = (g - k.ai.height) / 2;
                         }
-                        k.ac = new igniteuiWebcomponentsCore.Rect(0, f + k.al.left, a + o, k.ah.width, k.ah.height);
-                        f += k.ag.width;
-                        l += " unit L=" + igniteuiWebcomponentsCore.numberToString2(k.ac.left, "000") + " R=" + igniteuiWebcomponentsCore.numberToString2(k.ac.right, "000");
+                        k.ad = new igniteuiWebcomponentsCore.Rect(0, f + k.am.left, a + o, k.ai.width, k.ai.height);
+                        f += k.ah.width;
+                        l += " unit L=" + igniteuiWebcomponentsCore.numberToString2(k.ad.left, "000") + " R=" + igniteuiWebcomponentsCore.numberToString2(k.ad.right, "000");
                     }
-                    this.fs("maxRight " + igniteuiWebcomponentsCore.numberToString2(c, "0") + l);
+                    this.ft("maxRight " + igniteuiWebcomponentsCore.numberToString2(c, "0") + l);
                 }
             }
             catch (e_10_1) {
@@ -49114,15 +49130,15 @@
             a += b.w.bottom;
             return new igniteuiWebcomponentsCore.Size(1, f, a);
         };
-        XamDataLegend.prototype.ft = function (a) {
+        XamDataLegend.prototype.fu = function (a) {
             var e_11, _a;
             a.u = a.n == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(a.n, a.i);
             try {
                 for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(a.k)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
-                    b.aj = b.w == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.w, b.i);
-                    b.ah = b.u == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.u, b.h);
-                    b.af = b.t == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.t, b.g);
+                    b.ak = b.x == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.x, b.i);
+                    b.ai = b.u == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.u, b.h);
+                    b.ag = b.t == null ? new igniteuiWebcomponentsCore.Size(1, 0, 0) : this.a5.bu(b.t, b.g);
                 }
             }
             catch (e_11_1) {
@@ -49139,16 +49155,16 @@
                 }
             }
         };
-        XamDataLegend.prototype.d0 = function (a, b, c, d) {
+        XamDataLegend.prototype.d1 = function (a, b, c, d) {
             if (this.a2 == 2) {
                 return null;
             }
             var e = "";
-            if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.er)) {
+            if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.es)) {
                 e = b;
             }
             else {
-                e = this.er;
+                e = this.es;
             }
             if (d) {
                 if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(e)) {
@@ -49158,8 +49174,8 @@
                     e = c + e;
                 }
             }
-            var f = this.b6.item(a).d;
-            var g = this.b6.item(a).g;
+            var f = this.b7.item(a).d;
+            var g = this.b7.item(a).g;
             if (g && igniteuiWebcomponentsCore.stringIsNullOrEmpty(e)) {
                 e = " ";
             }
@@ -49171,13 +49187,13 @@
             }
             return e;
         };
-        XamDataLegend.prototype.dx = function (a, b, c) {
+        XamDataLegend.prototype.dy = function (a, b, c) {
             if (this.ar == 2) {
                 return null;
             }
-            var d = this.cr > 1;
+            var d = this.cs > 1;
             var e = this.ar == 1;
-            var f = this.b6.item(a).b.count > 0;
+            var f = this.b7.item(a).b.count > 0;
             if (f && (d || e)) {
                 if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b)) {
                     return " ";
@@ -49188,7 +49204,7 @@
             }
             return null;
         };
-        XamDataLegend.prototype.fj = function (a, b) {
+        XamDataLegend.prototype.fk = function (a, b) {
             var e_12, _a, e_13, _b;
             if (this.a1 == 5) {
                 return;
@@ -49200,7 +49216,7 @@
             var d = 0;
             var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesGroup_$type, 0);
             try {
-                for (var _c = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.cd)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                for (var _c = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.ce)), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var f = _d.value;
                     d = Math.max(d, f.f.count);
                     if (!e.contains(f.b)) {
@@ -49219,13 +49235,10 @@
                         i.f = h.f;
                         i.f = h.g;
                         i.d = h.d;
-                        i.x = h.x;
-                        i.ai(h.l);
-                        i.ag(h.q);
+                        i.y = h.y;
+                        i.aj(h.l);
                         i.ah(h.r);
-                        if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.t)) {
-                            i.t = h.t;
-                        }
+                        i.ai(h.s);
                         if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.u)) {
                             i.u = h.u;
                         }
@@ -49235,6 +49248,12 @@
                         if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.w)) {
                             i.w = h.w;
                         }
+                        if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.x)) {
+                            i.x = h.x;
+                        }
+                        if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.q)) {
+                            i.q = h.q;
+                        }
                         if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.p)) {
                             i.p = h.p;
                         }
@@ -49264,18 +49283,18 @@
             }
             var j = this.a6();
             var k = new DataLegendRowInfo(this.a5, true, false, -1);
-            k.n = this.d8 != null ? this.d8 : j.title;
-            k.q = this.h4 || k.q;
+            k.n = this.d9 != null ? this.d9 : j.title;
+            k.q = this.h5 || k.q;
             k.i = this.bo || k.i;
             for (var l = 0; l < d; l++) {
                 var m = c.item(l);
-                var n = j.calculate(m.aa, m.p);
+                var n = j.calculate(m.ab, m.q);
                 n = this.a0(n);
                 var o = this.an;
                 var p = o == 0 || o == 2 || o == 8;
                 var q = -1;
                 try {
-                    for (var _e = (e_13 = void 0, tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.b6.item(l).a.values))), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    for (var _e = (e_13 = void 0, tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.b7.item(l).a.values))), _f = _e.next(); !_f.done; _f = _e.next()) {
                         var r = _f.value;
                         if (r.b()) {
                             q = Math.max(q, r.h);
@@ -49298,44 +49317,45 @@
                             throw e_13.error;
                     }
                 }
-                var s = this.cu >= 0 ? this.cu : q;
-                var t = this.ct >= 0 ? this.ct : q;
+                var s = this.cv >= 0 ? this.cv : q;
+                var t = this.cu >= 0 ? this.cu : q;
                 var u = this.am(n.c, o, s, t);
                 u.i = s;
                 u.h = t;
-                var v = this.d1(u, m);
+                var v = this.d2(u, m);
                 var w = new DataLegendRowCell(this.a5, true, false, -1);
                 w.s = k.k.count;
-                w.t = this.dx(w.s, " ", m.b);
-                if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.d3)) {
-                    w.t = this.d3;
+                w.t = this.dy(w.s, " ", m.b);
+                if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.d4)) {
+                    w.t = this.d4;
                 }
                 if (n.e != null) {
                     w.t = n.e;
                 }
                 w.j = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(w.t);
-                w.y = this.h3 || w.y;
+                w.z = this.h4 || w.z;
                 w.g = this.bn || w.g;
-                w.w = v;
+                w.x = v;
                 w.i = this.bq || w.i;
-                w.aa = this.h2(this.h6, w.aa, null);
+                w.ab = this.h3(this.h7, w.ab, null);
                 w.r = n.c;
                 w.f = u.a;
+                w.w = m.q;
                 w.v = m.p;
-                var x = m.z.length >= 1 ? m.z[0] : " ";
-                w.u = this.d0(w.s, x, u.l, m.d);
+                var x = m.aa.length >= 1 ? m.aa[0] : " ";
+                w.u = this.d1(w.s, x, u.l, m.d);
                 if (n.f != null) {
                     w.u = n.f;
                 }
                 w.m = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(w.u);
-                w.z = this.h5 || w.z;
+                w.aa = this.h6 || w.aa;
                 w.h = this.bp || w.h;
                 k.k.add(w);
             }
-            this.gb(k);
+            this.gc(k);
             if (k.b) {
-                this.fk(k);
-                this.fz(k);
+                this.fl(k);
+                this.f0(k);
                 a.e(k);
             }
         };
@@ -49344,37 +49364,37 @@
                 b = this.an;
             }
             if (d < 0) {
-                d = this.ct;
+                d = this.cu;
             }
             if (c < 0) {
-                c = this.cu;
+                c = this.cv;
             }
             return DataAbbreviator.a(a, b, c, d);
         };
-        XamDataLegend.prototype.cq = function (a, b, c, d) {
+        XamDataLegend.prototype.cr = function (a, b, c, d) {
             return this.am(a, b, c, d).d;
         };
-        XamDataLegend.prototype.c7 = function (a, b, c, d) {
+        XamDataLegend.prototype.c8 = function (a, b, c, d) {
             return this.am(a, b, c, d).l;
         };
-        XamDataLegend.prototype.c6 = function (a, b, c, d) {
+        XamDataLegend.prototype.c7 = function (a, b, c, d) {
             var e = this.am(a, b, c, d);
             return e.m + e.l;
         };
-        XamDataLegend.prototype.ce = function (a) {
-            var b = this.cu;
-            var c = this.ct;
+        XamDataLegend.prototype.cf = function (a) {
+            var b = this.cv;
+            var c = this.cu;
             var d = this.an;
             var e = DataAbbreviator.h(a, d, b, c);
             return e;
         };
-        XamDataLegend.prototype.cg = function (a) {
+        XamDataLegend.prototype.ch = function (a) {
             var b = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
             if (a < 0) {
                 return b;
             }
-            for (var c = 0; c < this.cd.count; c++) {
-                var d = this.cd._inner[c];
+            for (var c = 0; c < this.ce.count; c++) {
+                var d = this.ce._inner[c];
                 if (d.f.count > a) {
                     var e = d.f._inner[a].l;
                     if (!igniteuiWebcomponentsCore.isNaN_(e)) {
@@ -49384,24 +49404,24 @@
             }
             return b;
         };
-        XamDataLegend.prototype.fk = function (a) {
+        XamDataLegend.prototype.fl = function (a) {
         };
-        XamDataLegend.prototype.h2 = function (a, b, c) {
+        XamDataLegend.prototype.h3 = function (a, b, c) {
             if (a != null) {
                 return a;
             }
-            if (this.b5 && c != null) {
+            if (this.b6 && c != null) {
                 return c;
             }
             return b;
         };
-        XamDataLegend.prototype.dy = function (a, b) {
+        XamDataLegend.prototype.dz = function (a, b) {
             return igniteuiWebcomponentsCore.stringIsNullOrEmpty(a) ? b : a;
         };
-        XamDataLegend.prototype.d1 = function (a, b) {
+        XamDataLegend.prototype.d2 = function (a, b) {
             var c = a.d;
             if (b == null || igniteuiWebcomponentsCore.isNaN_(c) || igniteuiWebcomponentsCore.isInfinity(c)) {
-                return this.fe;
+                return this.ff;
             }
             var d;
             var e = b.d ? a.d : a.g;
@@ -49414,23 +49434,23 @@
                     f = 1;
                 }
                 var g = new igniteuiWebcomponentsCore.NumberFormatSpecifier();
-                g.useGrouping = this.b3;
-                g.locale = this.dy(this.ex, null);
-                g.currencyCode = this.ez;
+                g.useGrouping = this.b4;
+                g.locale = this.dz(this.ey, null);
+                g.currencyCode = this.e0;
                 if (b.d) {
                     g.minimumFractionDigits = a.i;
                     g.maximumFractionDigits = a.h;
                     if (b.n >= 0 && b.n > a.i) {
                         g.minimumFractionDigits = b.n;
                     }
-                    else if (this.cu >= 0) {
-                        g.minimumFractionDigits = this.cu;
+                    else if (this.cv >= 0) {
+                        g.minimumFractionDigits = this.cv;
                     }
                     if (b.m >= 0 && b.m > a.h) {
                         g.maximumFractionDigits = b.m;
                     }
-                    else if (this.ct >= 0) {
-                        g.maximumFractionDigits = this.ct;
+                    else if (this.cu >= 0) {
+                        g.maximumFractionDigits = this.cu;
                     }
                 }
                 else {
@@ -49450,70 +49470,71 @@
                 this.al.d = [g];
                 d = this.al.i(e);
                 if (e > 0) {
-                    d = b.v + d;
+                    d = b.w + d;
                 }
                 else if (e < 0) {
-                    d = b.t + d;
+                    d = b.u + d;
                 }
                 if (e >= 0) {
-                    d += b.w;
+                    d += b.x;
                 }
                 else {
-                    d += b.u;
+                    d += b.v;
                 }
             }
             return d;
         };
-        XamDataLegend.prototype.fi = function (a, b, c) {
-            if (this.b4 == false) {
+        XamDataLegend.prototype.fj = function (a, b, c) {
+            if (this.b5 == false) {
                 return;
             }
-            var d = this.cd._inner[c];
-            var e = this.dz(b);
+            var d = this.ce._inner[c];
+            var e = this.d0(b);
             var f = new DataLegendRowInfo(this.a5, false, false, c);
             f.f = d.a();
             f.m = e;
             f.n = e;
-            f.q = this.h7 || f.q;
+            f.q = this.h8 || f.q;
             f.i = this.br || f.i;
             for (var g = 0; g < d.f.count; g++) {
                 var h = d.f._inner[g];
-                var i = this.b6.item(g).a.item(c);
-                var j = this.b6.item(g).f.item(c);
+                var i = this.b7.item(g).a.item(c);
+                var j = this.b7.item(g).f.item(c);
                 var k = new DataLegendRowCell(this.a5, false, false, c);
                 k.s = f.k.count;
                 k.i = this.bt || k.i;
-                k.w = j;
-                k.aa = this.h2(this.h9, k.aa, h.x);
+                k.x = j;
+                k.ab = this.h3(this.ia, k.ab, h.y);
+                k.w = h.q;
                 k.v = h.p;
                 k.r = h.l;
                 k.f = i.a;
-                k.u = this.d0(k.s, h.r, i.l, h.d);
+                k.u = this.d1(k.s, h.s, i.l, h.d);
                 k.m = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(k.u);
-                k.z = this.h8 || k.z;
+                k.aa = this.h9 || k.aa;
                 k.h = this.bs || k.h;
-                k.t = this.dx(k.s, h.q, h.b);
+                k.t = this.dy(k.s, h.r, h.b);
                 k.j = !igniteuiWebcomponentsCore.stringIsNullOrEmpty(k.t);
-                k.y = this.h1 || k.y;
+                k.z = this.h2 || k.z;
                 k.g = this.bm || k.g;
                 f.k.add(k);
             }
             f.h = this.a9(b);
-            this.fk(f);
-            this.fz(f);
-            this.ga(f);
+            this.fl(f);
+            this.f0(f);
+            this.gb(f);
             if (f.b) {
                 if (f.j) {
-                    this.gd(b, f.h);
-                    var l = this.gh(b);
-                    var m = this.cw(b);
+                    this.ge(b, f.h);
+                    var l = this.gi(b);
+                    var m = this.cx(b);
                     f.p = l;
                     f.l = m;
                 }
                 a.e(f);
             }
         };
-        XamDataLegend.prototype.cw = function (a) {
+        XamDataLegend.prototype.cx = function (a) {
             return a.getDataLegendBadgeContext();
         };
         XamDataLegend.prototype.a9 = function (a) {
@@ -49522,7 +49543,7 @@
             }
             return a.legendItemBadgeShape;
         };
-        XamDataLegend.prototype.gd = function (a, b) {
+        XamDataLegend.prototype.ge = function (a, b) {
             if (b == 0) {
                 return;
             }
@@ -49530,41 +49551,41 @@
                 a.legendItemBadgeShape = b;
             }
         };
-        XamDataLegend.prototype.by = function () {
-            return !igniteuiWebcomponentsCore.isNaN_(this.cl) && !igniteuiWebcomponentsCore.isNaN_(this.cm);
+        XamDataLegend.prototype.bz = function () {
+            return !igniteuiWebcomponentsCore.isNaN_(this.cm) && !igniteuiWebcomponentsCore.isNaN_(this.cn);
         };
-        XamDataLegend.prototype.gh = function (a) {
+        XamDataLegend.prototype.gi = function (a) {
             return a.getDataLegendBadge();
         };
-        XamDataLegend.prototype.dz = function (a) {
+        XamDataLegend.prototype.d0 = function (a) {
             return a.getDataLegendSeriesTitle();
         };
-        XamDataLegend.prototype.fh = function (a, b) {
-            if (this.bz == false) {
+        XamDataLegend.prototype.fi = function (a, b) {
+            if (this.b0 == false) {
                 return;
             }
-            var c = this.dw(b);
+            var c = this.dx(b);
             if (c == null) {
-                c = this.cx;
+                c = this.cy;
             }
             else {
-                this.cx = c;
+                this.cy = c;
             }
             if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(c)) {
                 return;
             }
             var d = new DataLegendRowInfo(this.a5, false, true, -1);
             d.n = c;
-            d.q = this.h0 || d.q;
+            d.q = this.h1 || d.q;
             d.i = this.bl || d.i;
-            this.fk(d);
-            this.fz(d);
-            this.f9(d);
+            this.fl(d);
+            this.f0(d);
+            this.ga(d);
             if (d.b) {
                 a.e(d);
             }
         };
-        XamDataLegend.prototype.iq = function (a) {
+        XamDataLegend.prototype.ir = function (a) {
             var b = new igniteuiWebcomponentsCore.Thickness(0, 0);
             if (a.top >= 0) {
                 b.top = a.top;
@@ -49580,26 +49601,26 @@
             }
             return b;
         };
-        XamDataLegend.prototype.fz = function (a) {
+        XamDataLegend.prototype.f0 = function (a) {
             var e_14, _a;
             if (a.c) {
-                a.x = this.iq(this.io);
-                a.w = this.iq(this.ir);
+                a.x = this.ir(this.ip);
+                a.w = this.ir(this.is);
             }
             else if (a.a) {
-                a.x = this.iq(this.ij);
-                a.w = this.iq(this.ii);
+                a.x = this.ir(this.ik);
+                a.w = this.ir(this.ij);
             }
             else {
-                a.x = this.iq(this.im);
-                a.w = this.iq(this.il);
+                a.x = this.ir(this.io);
+                a.w = this.ir(this.im);
             }
             try {
                 for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(a.k)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
-                    b.am = this.iq(this.is);
-                    b.al = this.iq(this.ip);
-                    b.ak = this.iq(this.ik);
+                    b.an = this.ir(this.it);
+                    b.am = this.ir(this.iq);
+                    b.al = this.ir(this.il);
                 }
             }
             catch (e_14_1) {
@@ -49616,19 +49637,19 @@
                 }
             }
             if (a.c) {
-                a.v = this.iq(this.ih);
+                a.v = this.ir(this.ii);
                 a.t = new igniteuiWebcomponentsCore.Size(1, 20, 15);
             }
         };
-        XamDataLegend.prototype.dw = function (a) {
-            if (this.dh != null) {
-                return this.dh;
+        XamDataLegend.prototype.dx = function (a) {
+            if (this.di != null) {
+                return this.di;
             }
             var b = true;
             var c = null;
             for (var d = 0; d < a.count; d++) {
                 var e = a._inner[d];
-                var f = this.du(e);
+                var f = this.dv(e);
                 if (f == null) {
                     continue;
                 }
@@ -49647,12 +49668,12 @@
             }
             return null;
         };
-        XamDataLegend.prototype.du = function (a) {
-            if (this.by()) {
-                var b = a.getDataLegendAxisLabelFromCursorPosition(this.cl, this.cm);
+        XamDataLegend.prototype.dv = function (a) {
+            if (this.bz()) {
+                var b = a.getDataLegendAxisLabelFromCursorPosition(this.cm, this.cn);
                 if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.Date_$type, b) !== null) {
                     var c = b;
-                    b = this.dv(c);
+                    b = this.dw(c);
                 }
                 return b == null ? "" : b.toString();
             }
@@ -49660,7 +49681,7 @@
                 return null;
             }
         };
-        XamDataLegend.prototype.dv = function (a) {
+        XamDataLegend.prototype.dw = function (a) {
             if (this.ai != null) {
                 var b = this.ai.i(a);
                 return b;
@@ -49707,7 +49728,7 @@
                 if (e == 5) {
                     c.timeStyle = null;
                 }
-                c.locale = this.dy(this.c8, "en-US");
+                c.locale = this.dz(this.c9, "en-US");
                 if (this.aj == null) {
                     this.aj = new igniteuiWebcomponentsCore.BindingFormatter();
                 }
@@ -49717,10 +49738,10 @@
                 return f;
             }
         };
-        XamDataLegend.prototype.fm = function () {
+        XamDataLegend.prototype.fn = function () {
         };
         XamDataLegend.$t = igniteuiWebcomponentsCore.markType(XamDataLegend, 'XamDataLegend', igniteuiWebcomponentsCore.Control.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, igniteuiWebcomponentsCore.IDataLegend_$type, igniteuiWebcomponentsCore.IOnDemandRender_$type]);
-        XamDataLegend.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamDataLegend, 'fx', ['BadgeMargin:ih:gi', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0)], 'BadgeShape:a8:gj', [igniteuiWebcomponentsCore.LegendItemBadgeShape_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendItemBadgeShape_$type, 0)], 'ExcludedColumns::gk', [igniteuiWebcomponentsCore.Array_$type, null], 'ExcludedSeries::gl', [igniteuiWebcomponentsCore.Array_$type, null], 'HeaderFormatCulture:c8:gm', [2, igniteuiWebcomponentsCore.stringEmpty()], 'HeaderFormatDate:ap:gn', [igniteuiWebcomponentsCore.DataLegendHeaderDateMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendHeaderDateMode_$type, 0)], 'HeaderFormatSpecifiers:ag:go', [igniteuiWebcomponentsCore.Array_$type, null], 'HeaderFormatString:dc:gp', [2, null], 'HeaderFormatTime:aq:gq', [igniteuiWebcomponentsCore.DataLegendHeaderTimeMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendHeaderTimeMode_$type, 0)], 'HeaderRowMargin:ii:gr', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'HeaderRowVisible:bz:gs', [0, true], 'HeaderTextColor:h0:gt', [igniteuiWebcomponentsCore.Brush.$, null], 'HeaderTextMargin:ij:gu', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 0, 0)], 'HeaderText:dh:gv', [2, null], 'IncludedColumns::gw', [igniteuiWebcomponentsCore.Array_$type, null], 'IncludedSeries::gx', [igniteuiWebcomponentsCore.Array_$type, null], 'LabelDisplayMode:ar:gy', [igniteuiWebcomponentsCore.DataLegendLabelMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendLabelMode_$type, 0)], 'LabelTextColor:h1:gz', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelTextMargin:ik:g0', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 12, 0, 0, 0)], 'ShouldUpdateWhenSeriesDataChanges:b2:g1', [0, true], 'SummaryLabelTextColor:h3:g2', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryLabelText:d3:g3', [2, null], 'SummaryRowMargin:il:g4', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'SummaryTitleTextColor:h4:g5', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryTitleTextMargin:im:g6', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 4, 0)], 'SummaryTitleText:d8:g7', [2, null], 'SummaryType:a1:g8', [igniteuiWebcomponentsCore.DataLegendSummaryType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendSummaryType_$type, 0)], 'SummaryUnitsTextColor:h5:g9', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryUnitsText:ee:ha', [2, null], 'SummaryValueTextColor:h6:hb', [igniteuiWebcomponentsCore.Brush.$, null], 'TargetCursorPositionX::hc', [1, NaN], 'TargetCursorPositionY::hd', [1, NaN], 'Target::he', [4, null], 'TitleTextColor:h7:hf', [igniteuiWebcomponentsCore.Brush.$, null], 'TitleTextMargin:io:hg', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 4, 0)], 'UnitsDisplayMode:a2:hh', [igniteuiWebcomponentsCore.DataLegendUnitsMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendUnitsMode_$type, 0)], 'UnitsTextColor:h8:hi', [igniteuiWebcomponentsCore.Brush.$, null], 'UnitsTextMargin:ip:hj', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0)], 'UnitsText:er:hk', [2, null], 'ValueFormatAbbreviation:an:hl', [igniteuiWebcomponentsCore.DataAbbreviationMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataAbbreviationMode_$type, 0)], 'ValueFormatCulture:ex:hm', [2, igniteuiWebcomponentsCore.stringEmpty()], 'ValueFormatCurrencyCode:ez:hn', [2, null], 'ValueFormatMaxFractions:ct:ho', [1, -1], 'ValueFormatMinFractions:cu:hp', [1, -1], 'ValueFormatMode:a3:hq', [igniteuiWebcomponentsCore.DataLegendValueMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendValueMode_$type, 0)], 'ValueFormatSpecifiers:ah:hr', [igniteuiWebcomponentsCore.Array_$type, null], 'ValueFormatString:e5:hs', [2, null], 'ValueFormatUseGrouping:b3:ht', [0, true], 'ValueRowMargin:ir:hu', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'ValueRowVisible:b4:hv', [0, true], 'ValueTextColor:h9:hw', [igniteuiWebcomponentsCore.Brush.$, null], 'ValueTextMargin:is:hx', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 2, 0)], 'ValueTextUseSeriesColors:b5:hy', [0, false], 'ValueTextWhenMissingData:fe:hz', [2, "N/A"]]);
+        XamDataLegend.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamDataLegend, 'fy', ['BadgeMargin:ii:gj', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0)], 'BadgeShape:a8:gk', [igniteuiWebcomponentsCore.LegendItemBadgeShape_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendItemBadgeShape_$type, 0)], 'ExcludedColumns::gl', [igniteuiWebcomponentsCore.Array_$type, null], 'ExcludedSeries::gm', [igniteuiWebcomponentsCore.Array_$type, null], 'HeaderFormatCulture:c9:gn', [2, igniteuiWebcomponentsCore.stringEmpty()], 'HeaderFormatDate:ap:go', [igniteuiWebcomponentsCore.DataLegendHeaderDateMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendHeaderDateMode_$type, 0)], 'HeaderFormatSpecifiers:ag:gp', [igniteuiWebcomponentsCore.Array_$type, null], 'HeaderFormatString:dd:gq', [2, null], 'HeaderFormatTime:aq:gr', [igniteuiWebcomponentsCore.DataLegendHeaderTimeMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendHeaderTimeMode_$type, 0)], 'HeaderRowMargin:ij:gs', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'HeaderRowVisible:b0:gt', [0, true], 'HeaderTextColor:h1:gu', [igniteuiWebcomponentsCore.Brush.$, null], 'HeaderTextMargin:ik:gv', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 0, 0)], 'HeaderText:di:gw', [2, null], 'IncludedColumns::gx', [igniteuiWebcomponentsCore.Array_$type, null], 'IncludedSeries::gy', [igniteuiWebcomponentsCore.Array_$type, null], 'LabelDisplayMode:ar:gz', [igniteuiWebcomponentsCore.DataLegendLabelMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendLabelMode_$type, 0)], 'LabelTextColor:h2:g0', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelTextMargin:il:g1', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 12, 0, 0, 0)], 'ShouldUpdateWhenSeriesDataChanges:b3:g2', [0, true], 'SummaryLabelTextColor:h4:g3', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryLabelText:d4:g4', [2, null], 'SummaryRowMargin:im:g5', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'SummaryTitleTextColor:h5:g6', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryTitleTextMargin:io:g7', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 4, 0)], 'SummaryTitleText:d9:g8', [2, null], 'SummaryType:a1:g9', [igniteuiWebcomponentsCore.DataLegendSummaryType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendSummaryType_$type, 0)], 'SummaryUnitsTextColor:h6:ha', [igniteuiWebcomponentsCore.Brush.$, null], 'SummaryUnitsText:ef:hb', [2, null], 'SummaryValueTextColor:h7:hc', [igniteuiWebcomponentsCore.Brush.$, null], 'TargetCursorPositionX::hd', [1, NaN], 'TargetCursorPositionY::he', [1, NaN], 'Target::hf', [4, null], 'TitleTextColor:h8:hg', [igniteuiWebcomponentsCore.Brush.$, null], 'TitleTextMargin:ip:hh', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 4, 0)], 'UnitsDisplayMode:a2:hi', [igniteuiWebcomponentsCore.DataLegendUnitsMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendUnitsMode_$type, 0)], 'UnitsTextColor:h9:hj', [igniteuiWebcomponentsCore.Brush.$, null], 'UnitsTextMargin:iq:hk', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0)], 'UnitsText:es:hl', [2, null], 'ValueFormatAbbreviation:an:hm', [igniteuiWebcomponentsCore.DataAbbreviationMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataAbbreviationMode_$type, 0)], 'ValueFormatCulture:ey:hn', [2, igniteuiWebcomponentsCore.stringEmpty()], 'ValueFormatCurrencyCode:e0:ho', [2, null], 'ValueFormatMaxFractions:cu:hp', [1, -1], 'ValueFormatMinFractions:cv:hq', [1, -1], 'ValueFormatMode:a3:hr', [igniteuiWebcomponentsCore.DataLegendValueMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataLegendValueMode_$type, 0)], 'ValueFormatSpecifiers:ah:hs', [igniteuiWebcomponentsCore.Array_$type, null], 'ValueFormatString:e6:ht', [2, null], 'ValueFormatUseGrouping:b4:hu', [0, true], 'ValueRowMargin:is:hv', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(0, 5)], 'ValueRowVisible:b5:hw', [0, true], 'ValueTextColor:ia:hx', [igniteuiWebcomponentsCore.Brush.$, null], 'ValueTextMargin:it:hy', [igniteuiWebcomponentsCore.Thickness.$, new igniteuiWebcomponentsCore.Thickness(1, 2, 0, 2, 0)], 'ValueTextUseSeriesColors:b6:hz', [0, false], 'ValueTextWhenMissingData:ff:h0', [2, "N/A"]]);
         return XamDataLegend;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -49808,7 +49829,7 @@
             return _this;
         }
         DataLegendView.prototype.ar = function () {
-            this.a.fo();
+            this.a.fp();
         };
         DataLegendView.prototype.bl = function () {
             var a = new igniteuiWebcomponentsCore.TextBlock();
@@ -49881,23 +49902,23 @@
         };
         DataLegendView.prototype.au = function () {
             var a = this.a.pixelScalingRatio;
-            var b = this.a.cn;
+            var b = this.a.co;
             if (!igniteuiWebcomponentsCore.isNaN_(a) && a != 0) {
                 return;
             }
             if (window.devicePixelRatio != undefined && window.devicePixelRatio != b) {
-                this.a.cn = window.devicePixelRatio;
+                this.a.co = window.devicePixelRatio;
             }
         };
         DataLegendView.prototype.a3 = function () {
             this.au();
             var a = Math.round(this.ah.rootWrapper.width());
             var b = Math.round(this.ah.rootWrapper.height());
-            this.a.ib = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
+            this.a.ic = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
             if (this.b != null) {
-                this.b.bl = this.a.ib;
+                this.b.bl = this.a.ic;
             }
-            this.a.f2();
+            this.a.f3();
         };
         DataLegendView.prototype.al = function () {
             if (this.b != null) {
@@ -49913,7 +49934,7 @@
                 this.al();
                 return;
             }
-            this.ae = (igniteuiWebcomponentsCore.isNaN_(this.a.pixelScalingRatio) ? this.a.cn : this.a.pixelScalingRatio);
+            this.ae = (igniteuiWebcomponentsCore.isNaN_(this.a.pixelScalingRatio) ? this.a.co : this.a.pixelScalingRatio);
             var b = a;
             this.ah = b;
             var c = this.ae;
@@ -49931,7 +49952,7 @@
             h.setAttribute("height", g.toString());
             h.setStyleProperty("width", d.toString() + "px");
             h.setStyleProperty("height", e.toString() + "px");
-            this.a.ib = new igniteuiWebcomponentsCore.Rect(0, 0, 0, d, e);
+            this.a.ic = new igniteuiWebcomponentsCore.Rect(0, 0, 0, d, e);
             this.ai = h;
             var i = this.ah.get2DCanvasContext(this.ai);
             this.t = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), i);
@@ -49948,8 +49969,8 @@
         DataLegendView.prototype.as = function (a) {
         };
         DataLegendView.prototype.a6 = function () {
-            var a = this.a.ib.width;
-            var b = this.a.ib.height;
+            var a = this.a.ic.width;
+            var b = this.a.ic.height;
             var c = Math.round(a * this.ae);
             var d = Math.round(b * this.ae);
             if (this.ak != c || this.aj != d) {
@@ -49968,7 +49989,7 @@
                 a.aa(b, b);
             }
             if (a == this.t) {
-                a.k(this.a.ib.left, this.a.ib.top, this.a.ib.width, this.a.ib.height);
+                a.k(this.a.ic.left, this.a.ic.top, this.a.ic.width, this.a.ic.height);
             }
             var c = new igniteuiWebcomponentsCore.DataTemplatePassInfo();
             c.passID = "LegendItem";
@@ -50029,7 +50050,7 @@
         };
         DataLegendView.prototype.w = function () {
             if (this.ah != null) {
-                this.ah.setTimeout(igniteuiWebcomponentsCore.runOn(this.a, this.a.fo), 0);
+                this.ah.setTimeout(igniteuiWebcomponentsCore.runOn(this.a, this.a.fp), 0);
                 return true;
             }
             return false;
@@ -50533,7 +50554,20 @@
         });
         Object.defineProperty(IgcDataLegendStylingColumnEventArgs.prototype, "valueMemberPath", {
             /**
-             * Gets data column named that corresponds to the value
+             * Gets name of data column that corresponds to the value, e.g. "OpenPrice"
+            */
+            get: function () {
+                return this.i.i;
+            },
+            set: function (v) {
+                this.i.i = v;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcDataLegendStylingColumnEventArgs.prototype, "valueMemberLabel", {
+            /**
+             * Gets label of data column that corresponds to the value, e.g. "Open"
             */
             get: function () {
                 return this.i.h;
@@ -50588,10 +50622,10 @@
              * Gets or sets value text displayed value text in the column
             */
             get: function () {
-                return this.i.i;
+                return this.i.j;
             },
             set: function (v) {
-                this.i.i = v;
+                this.i.j = v;
             },
             enumerable: true,
             configurable: true
@@ -50601,10 +50635,10 @@
              * Gets or sets color of label text
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.j);
+                return igniteuiWebcomponentsCore.brushToString(this.i.k);
             },
             set: function (v) {
-                this.i.j = igniteuiWebcomponentsCore.stringToBrush(v);
+                this.i.k = igniteuiWebcomponentsCore.stringToBrush(v);
             },
             enumerable: true,
             configurable: true
@@ -50614,10 +50648,10 @@
              * Gets or sets color of value text
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.k);
+                return igniteuiWebcomponentsCore.brushToString(this.i.l);
             },
             set: function (v) {
-                this.i.k = igniteuiWebcomponentsCore.stringToBrush(v);
+                this.i.l = igniteuiWebcomponentsCore.stringToBrush(v);
             },
             enumerable: true,
             configurable: true
@@ -50627,10 +50661,10 @@
              * Gets or sets color of unit text
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.l);
+                return igniteuiWebcomponentsCore.brushToString(this.i.m);
             },
             set: function (v) {
-                this.i.l = igniteuiWebcomponentsCore.stringToBrush(v);
+                this.i.m = igniteuiWebcomponentsCore.stringToBrush(v);
             },
             enumerable: true,
             configurable: true
@@ -50912,11 +50946,11 @@
              * A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control to appear blurry.
             */
             get: function () {
-                return this.i.cn;
+                return this.i.co;
             },
             set: function (v) {
-                this.i.cn = +v;
-                this._a("actualPixelScalingRatio", this.i.cn);
+                this.i.co = +v;
+                this._a("actualPixelScalingRatio", this.i.co);
             },
             enumerable: true,
             configurable: true
@@ -50997,11 +51031,11 @@
              * Gets or sets whether the data legend should update when the series data is mutated.
             */
             get: function () {
-                return this.i.b2;
+                return this.i.b3;
             },
             set: function (v) {
-                this.i.b2 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("shouldUpdateWhenSeriesDataChanges", this.i.b2);
+                this.i.b3 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("shouldUpdateWhenSeriesDataChanges", this.i.b3);
             },
             enumerable: true,
             configurable: true
@@ -51027,11 +51061,11 @@
              * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
             */
             get: function () {
-                return this.i.ct;
+                return this.i.cu;
             },
             set: function (v) {
-                this.i.ct = +v;
-                this._a("valueFormatMaxFractions", this.i.ct);
+                this.i.cu = +v;
+                this._a("valueFormatMaxFractions", this.i.cu);
             },
             enumerable: true,
             configurable: true
@@ -51042,11 +51076,11 @@
              * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
             */
             get: function () {
-                return this.i.cu;
+                return this.i.cv;
             },
             set: function (v) {
-                this.i.cu = +v;
-                this._a("valueFormatMinFractions", this.i.cu);
+                this.i.cv = +v;
+                this._a("valueFormatMinFractions", this.i.cv);
             },
             enumerable: true,
             configurable: true
@@ -51071,10 +51105,10 @@
              * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
             */
             get: function () {
-                return this.i.ex;
+                return this.i.ey;
             },
             set: function (v) {
-                this.i.ex = v;
+                this.i.ey = v;
             },
             enumerable: true,
             configurable: true
@@ -51085,10 +51119,10 @@
              * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
             */
             get: function () {
-                return this.i.ez;
+                return this.i.e0;
             },
             set: function (v) {
-                this.i.ez = v;
+                this.i.e0 = v;
             },
             enumerable: true,
             configurable: true
@@ -51099,11 +51133,11 @@
              * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
             */
             get: function () {
-                return this.i.b3;
+                return this.i.b4;
             },
             set: function (v) {
-                this.i.b3 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueFormatUseGrouping", this.i.b3);
+                this.i.b4 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueFormatUseGrouping", this.i.b4);
             },
             enumerable: true,
             configurable: true
@@ -51113,10 +51147,10 @@
              * Gets or sets the format string for values displayed in the data legend.
             */
             get: function () {
-                return this.i.e5;
+                return this.i.e6;
             },
             set: function (v) {
-                this.i.e5 = v;
+                this.i.e6 = v;
             },
             enumerable: true,
             configurable: true
@@ -51140,72 +51174,72 @@
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginBottom", {
             get: function () {
-                return this.i.ir ? this.i.ir.bottom : NaN;
+                return this.i.is ? this.i.is.bottom : NaN;
             },
             set: function (v) {
                 this.ensureValueRowMargin();
-                this.i.ir.bottom = +v;
-                this._a("valueRowMarginBottom", this.i.ir.bottom);
-                this.i.ir = this.i.ir;
+                this.i.is.bottom = +v;
+                this._a("valueRowMarginBottom", this.i.is.bottom);
+                this.i.is = this.i.is;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginLeft", {
             get: function () {
-                return this.i.ir ? this.i.ir.left : NaN;
+                return this.i.is ? this.i.is.left : NaN;
             },
             set: function (v) {
                 this.ensureValueRowMargin();
-                this.i.ir.left = +v;
-                this._a("valueRowMarginLeft", this.i.ir.left);
-                this.i.ir = this.i.ir;
+                this.i.is.left = +v;
+                this._a("valueRowMarginLeft", this.i.is.left);
+                this.i.is = this.i.is;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginRight", {
             get: function () {
-                return this.i.ir ? this.i.ir.right : NaN;
+                return this.i.is ? this.i.is.right : NaN;
             },
             set: function (v) {
                 this.ensureValueRowMargin();
-                this.i.ir.right = +v;
-                this._a("valueRowMarginRight", this.i.ir.right);
-                this.i.ir = this.i.ir;
+                this.i.is.right = +v;
+                this._a("valueRowMarginRight", this.i.is.right);
+                this.i.is = this.i.is;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginTop", {
             get: function () {
-                return this.i.ir ? this.i.ir.top : NaN;
+                return this.i.is ? this.i.is.top : NaN;
             },
             set: function (v) {
                 this.ensureValueRowMargin();
-                this.i.ir.top = +v;
-                this._a("valueRowMarginTop", this.i.ir.top);
-                this.i.ir = this.i.ir;
+                this.i.is.top = +v;
+                this._a("valueRowMarginTop", this.i.is.top);
+                this.i.is = this.i.is;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureValueRowMargin = function () {
-            if (this.i.ir) {
+            if (this.i.is) {
                 return;
             }
-            this.i.ir = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.is = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowVisible", {
             /**
              * Gets or sets whether to show series rows.
             */
             get: function () {
-                return this.i.b4;
+                return this.i.b5;
             },
             set: function (v) {
-                this.i.b4 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueRowVisible", this.i.b4);
+                this.i.b5 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueRowVisible", this.i.b5);
             },
             enumerable: true,
             configurable: true
@@ -51215,10 +51249,10 @@
              * Gets or sets text displayed when data column is missing a value, e.g. "no data"
             */
             get: function () {
-                return this.i.fe;
+                return this.i.ff;
             },
             set: function (v) {
-                this.i.fe = v;
+                this.i.ff = v;
             },
             enumerable: true,
             configurable: true
@@ -51228,83 +51262,83 @@
              * Gets or sets whether to use series colors when displaying values in the legend
             */
             get: function () {
-                return this.i.b5;
+                return this.i.b6;
             },
             set: function (v) {
-                this.i.b5 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("valueTextUseSeriesColors", this.i.b5);
+                this.i.b6 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("valueTextUseSeriesColors", this.i.b6);
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginBottom", {
             get: function () {
-                return this.i.is ? this.i.is.bottom : NaN;
+                return this.i.it ? this.i.it.bottom : NaN;
             },
             set: function (v) {
                 this.ensureValueTextMargin();
-                this.i.is.bottom = +v;
-                this._a("valueTextMarginBottom", this.i.is.bottom);
-                this.i.is = this.i.is;
+                this.i.it.bottom = +v;
+                this._a("valueTextMarginBottom", this.i.it.bottom);
+                this.i.it = this.i.it;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginLeft", {
             get: function () {
-                return this.i.is ? this.i.is.left : NaN;
+                return this.i.it ? this.i.it.left : NaN;
             },
             set: function (v) {
                 this.ensureValueTextMargin();
-                this.i.is.left = +v;
-                this._a("valueTextMarginLeft", this.i.is.left);
-                this.i.is = this.i.is;
+                this.i.it.left = +v;
+                this._a("valueTextMarginLeft", this.i.it.left);
+                this.i.it = this.i.it;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginRight", {
             get: function () {
-                return this.i.is ? this.i.is.right : NaN;
+                return this.i.it ? this.i.it.right : NaN;
             },
             set: function (v) {
                 this.ensureValueTextMargin();
-                this.i.is.right = +v;
-                this._a("valueTextMarginRight", this.i.is.right);
-                this.i.is = this.i.is;
+                this.i.it.right = +v;
+                this._a("valueTextMarginRight", this.i.it.right);
+                this.i.it = this.i.it;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginTop", {
             get: function () {
-                return this.i.is ? this.i.is.top : NaN;
+                return this.i.it ? this.i.it.top : NaN;
             },
             set: function (v) {
                 this.ensureValueTextMargin();
-                this.i.is.top = +v;
-                this._a("valueTextMarginTop", this.i.is.top);
-                this.i.is = this.i.is;
+                this.i.it.top = +v;
+                this._a("valueTextMarginTop", this.i.it.top);
+                this.i.it = this.i.it;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureValueTextMargin = function () {
-            if (this.i.is) {
+            if (this.i.it) {
                 return;
             }
-            this.i.is = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.it = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextColor", {
             /**
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h9);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ia);
             },
             set: function (v) {
-                this.i.h9 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("valueTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h9));
+                this.i.ia = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("valueTextColor", igniteuiWebcomponentsCore.brushToString(this.i.ia));
             },
             enumerable: true,
             configurable: true
@@ -51333,10 +51367,10 @@
              * Gets or sets the format string for header text displayed in the data legend.
             */
             get: function () {
-                return this.i.dc;
+                return this.i.dd;
             },
             set: function (v) {
-                this.i.dc = v;
+                this.i.dd = v;
             },
             enumerable: true,
             configurable: true
@@ -51364,10 +51398,10 @@
              * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
             */
             get: function () {
-                return this.i.c8;
+                return this.i.c9;
             },
             set: function (v) {
-                this.i.c8 = v;
+                this.i.c9 = v;
             },
             enumerable: true,
             configurable: true
@@ -51407,10 +51441,10 @@
              * Gets or sets the HeaderText for the data legend.
             */
             get: function () {
-                return this.i.dh;
+                return this.i.di;
             },
             set: function (v) {
-                this.i.dh = v;
+                this.i.di = v;
             },
             enumerable: true,
             configurable: true
@@ -51420,141 +51454,141 @@
              * Gets or sets the header text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h1);
             },
             set: function (v) {
-                this.i.h0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("headerTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h0));
+                this.i.h1 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("headerTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h1));
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginBottom", {
             get: function () {
-                return this.i.ij ? this.i.ij.bottom : NaN;
+                return this.i.ik ? this.i.ik.bottom : NaN;
             },
             set: function (v) {
                 this.ensureHeaderTextMargin();
-                this.i.ij.bottom = +v;
-                this._a("headerTextMarginBottom", this.i.ij.bottom);
-                this.i.ij = this.i.ij;
+                this.i.ik.bottom = +v;
+                this._a("headerTextMarginBottom", this.i.ik.bottom);
+                this.i.ik = this.i.ik;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginLeft", {
             get: function () {
-                return this.i.ij ? this.i.ij.left : NaN;
+                return this.i.ik ? this.i.ik.left : NaN;
             },
             set: function (v) {
                 this.ensureHeaderTextMargin();
-                this.i.ij.left = +v;
-                this._a("headerTextMarginLeft", this.i.ij.left);
-                this.i.ij = this.i.ij;
+                this.i.ik.left = +v;
+                this._a("headerTextMarginLeft", this.i.ik.left);
+                this.i.ik = this.i.ik;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginRight", {
             get: function () {
-                return this.i.ij ? this.i.ij.right : NaN;
+                return this.i.ik ? this.i.ik.right : NaN;
             },
             set: function (v) {
                 this.ensureHeaderTextMargin();
-                this.i.ij.right = +v;
-                this._a("headerTextMarginRight", this.i.ij.right);
-                this.i.ij = this.i.ij;
+                this.i.ik.right = +v;
+                this._a("headerTextMarginRight", this.i.ik.right);
+                this.i.ik = this.i.ik;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginTop", {
             get: function () {
-                return this.i.ij ? this.i.ij.top : NaN;
+                return this.i.ik ? this.i.ik.top : NaN;
             },
             set: function (v) {
                 this.ensureHeaderTextMargin();
-                this.i.ij.top = +v;
-                this._a("headerTextMarginTop", this.i.ij.top);
-                this.i.ij = this.i.ij;
+                this.i.ik.top = +v;
+                this._a("headerTextMarginTop", this.i.ik.top);
+                this.i.ik = this.i.ik;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureHeaderTextMargin = function () {
-            if (this.i.ij) {
+            if (this.i.ik) {
                 return;
             }
-            this.i.ij = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.ik = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginBottom", {
             get: function () {
-                return this.i.ii ? this.i.ii.bottom : NaN;
+                return this.i.ij ? this.i.ij.bottom : NaN;
             },
             set: function (v) {
                 this.ensureHeaderRowMargin();
-                this.i.ii.bottom = +v;
-                this._a("headerRowMarginBottom", this.i.ii.bottom);
-                this.i.ii = this.i.ii;
+                this.i.ij.bottom = +v;
+                this._a("headerRowMarginBottom", this.i.ij.bottom);
+                this.i.ij = this.i.ij;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginLeft", {
             get: function () {
-                return this.i.ii ? this.i.ii.left : NaN;
+                return this.i.ij ? this.i.ij.left : NaN;
             },
             set: function (v) {
                 this.ensureHeaderRowMargin();
-                this.i.ii.left = +v;
-                this._a("headerRowMarginLeft", this.i.ii.left);
-                this.i.ii = this.i.ii;
+                this.i.ij.left = +v;
+                this._a("headerRowMarginLeft", this.i.ij.left);
+                this.i.ij = this.i.ij;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginRight", {
             get: function () {
-                return this.i.ii ? this.i.ii.right : NaN;
+                return this.i.ij ? this.i.ij.right : NaN;
             },
             set: function (v) {
                 this.ensureHeaderRowMargin();
-                this.i.ii.right = +v;
-                this._a("headerRowMarginRight", this.i.ii.right);
-                this.i.ii = this.i.ii;
+                this.i.ij.right = +v;
+                this._a("headerRowMarginRight", this.i.ij.right);
+                this.i.ij = this.i.ij;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginTop", {
             get: function () {
-                return this.i.ii ? this.i.ii.top : NaN;
+                return this.i.ij ? this.i.ij.top : NaN;
             },
             set: function (v) {
                 this.ensureHeaderRowMargin();
-                this.i.ii.top = +v;
-                this._a("headerRowMarginTop", this.i.ii.top);
-                this.i.ii = this.i.ii;
+                this.i.ij.top = +v;
+                this._a("headerRowMarginTop", this.i.ij.top);
+                this.i.ij = this.i.ij;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureHeaderRowMargin = function () {
-            if (this.i.ii) {
+            if (this.i.ij) {
                 return;
             }
-            this.i.ii = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.ij = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowVisible", {
             /**
              * Gets or sets whether to show Header row.
             */
             get: function () {
-                return this.i.bz;
+                return this.i.b0;
             },
             set: function (v) {
-                this.i.bz = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("headerRowVisible", this.i.bz);
+                this.i.b0 = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("headerRowVisible", this.i.b0);
             },
             enumerable: true,
             configurable: true
@@ -51583,11 +51617,11 @@
              * Gets or sets the summary text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h4);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h5);
             },
             set: function (v) {
-                this.i.h4 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("summaryTitleTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h4));
+                this.i.h5 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryTitleTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h5));
             },
             enumerable: true,
             configurable: true
@@ -51630,140 +51664,140 @@
              * Gets or sets the SummaryTitleText for the data legend.
             */
             get: function () {
-                return this.i.d8;
+                return this.i.d9;
             },
             set: function (v) {
-                this.i.d8 = v;
+                this.i.d9 = v;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginBottom", {
             get: function () {
-                return this.i.im ? this.i.im.bottom : NaN;
+                return this.i.io ? this.i.io.bottom : NaN;
             },
             set: function (v) {
                 this.ensureSummaryTitleTextMargin();
-                this.i.im.bottom = +v;
-                this._a("summaryTitleTextMarginBottom", this.i.im.bottom);
-                this.i.im = this.i.im;
+                this.i.io.bottom = +v;
+                this._a("summaryTitleTextMarginBottom", this.i.io.bottom);
+                this.i.io = this.i.io;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginLeft", {
             get: function () {
-                return this.i.im ? this.i.im.left : NaN;
+                return this.i.io ? this.i.io.left : NaN;
             },
             set: function (v) {
                 this.ensureSummaryTitleTextMargin();
-                this.i.im.left = +v;
-                this._a("summaryTitleTextMarginLeft", this.i.im.left);
-                this.i.im = this.i.im;
+                this.i.io.left = +v;
+                this._a("summaryTitleTextMarginLeft", this.i.io.left);
+                this.i.io = this.i.io;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginRight", {
             get: function () {
-                return this.i.im ? this.i.im.right : NaN;
+                return this.i.io ? this.i.io.right : NaN;
             },
             set: function (v) {
                 this.ensureSummaryTitleTextMargin();
-                this.i.im.right = +v;
-                this._a("summaryTitleTextMarginRight", this.i.im.right);
-                this.i.im = this.i.im;
+                this.i.io.right = +v;
+                this._a("summaryTitleTextMarginRight", this.i.io.right);
+                this.i.io = this.i.io;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginTop", {
             get: function () {
-                return this.i.im ? this.i.im.top : NaN;
+                return this.i.io ? this.i.io.top : NaN;
             },
             set: function (v) {
                 this.ensureSummaryTitleTextMargin();
-                this.i.im.top = +v;
-                this._a("summaryTitleTextMarginTop", this.i.im.top);
-                this.i.im = this.i.im;
+                this.i.io.top = +v;
+                this._a("summaryTitleTextMarginTop", this.i.io.top);
+                this.i.io = this.i.io;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureSummaryTitleTextMargin = function () {
-            if (this.i.im) {
+            if (this.i.io) {
                 return;
             }
-            this.i.im = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.io = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginBottom", {
             get: function () {
-                return this.i.il ? this.i.il.bottom : NaN;
+                return this.i.im ? this.i.im.bottom : NaN;
             },
             set: function (v) {
                 this.ensureSummaryRowMargin();
-                this.i.il.bottom = +v;
-                this._a("summaryRowMarginBottom", this.i.il.bottom);
-                this.i.il = this.i.il;
+                this.i.im.bottom = +v;
+                this._a("summaryRowMarginBottom", this.i.im.bottom);
+                this.i.im = this.i.im;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginLeft", {
             get: function () {
-                return this.i.il ? this.i.il.left : NaN;
+                return this.i.im ? this.i.im.left : NaN;
             },
             set: function (v) {
                 this.ensureSummaryRowMargin();
-                this.i.il.left = +v;
-                this._a("summaryRowMarginLeft", this.i.il.left);
-                this.i.il = this.i.il;
+                this.i.im.left = +v;
+                this._a("summaryRowMarginLeft", this.i.im.left);
+                this.i.im = this.i.im;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginRight", {
             get: function () {
-                return this.i.il ? this.i.il.right : NaN;
+                return this.i.im ? this.i.im.right : NaN;
             },
             set: function (v) {
                 this.ensureSummaryRowMargin();
-                this.i.il.right = +v;
-                this._a("summaryRowMarginRight", this.i.il.right);
-                this.i.il = this.i.il;
+                this.i.im.right = +v;
+                this._a("summaryRowMarginRight", this.i.im.right);
+                this.i.im = this.i.im;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginTop", {
             get: function () {
-                return this.i.il ? this.i.il.top : NaN;
+                return this.i.im ? this.i.im.top : NaN;
             },
             set: function (v) {
                 this.ensureSummaryRowMargin();
-                this.i.il.top = +v;
-                this._a("summaryRowMarginTop", this.i.il.top);
-                this.i.il = this.i.il;
+                this.i.im.top = +v;
+                this._a("summaryRowMarginTop", this.i.im.top);
+                this.i.im = this.i.im;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureSummaryRowMargin = function () {
-            if (this.i.il) {
+            if (this.i.im) {
                 return;
             }
-            this.i.il = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.im = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "summaryValueTextColor", {
             /**
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h6);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h7);
             },
             set: function (v) {
-                this.i.h6 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("summaryValueTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h6));
+                this.i.h7 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryValueTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h7));
             },
             enumerable: true,
             configurable: true
@@ -51792,10 +51826,10 @@
              * Gets or sets the units text for the data legend.
             */
             get: function () {
-                return this.i.d3;
+                return this.i.d4;
             },
             set: function (v) {
-                this.i.d3 = v;
+                this.i.d4 = v;
             },
             enumerable: true,
             configurable: true
@@ -51805,11 +51839,11 @@
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h3);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h4);
             },
             set: function (v) {
-                this.i.h3 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("summaryLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h3));
+                this.i.h4 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h4));
             },
             enumerable: true,
             configurable: true
@@ -51838,10 +51872,10 @@
              * Gets or sets the units text for the data legend.
             */
             get: function () {
-                return this.i.ee;
+                return this.i.ef;
             },
             set: function (v) {
-                this.i.ee = v;
+                this.i.ef = v;
             },
             enumerable: true,
             configurable: true
@@ -51851,11 +51885,11 @@
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h5);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h6);
             },
             set: function (v) {
-                this.i.h5 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("summaryUnitsTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h5));
+                this.i.h6 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryUnitsTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h6));
             },
             enumerable: true,
             configurable: true
@@ -51881,61 +51915,61 @@
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginBottom", {
             get: function () {
-                return this.i.ih ? this.i.ih.bottom : NaN;
+                return this.i.ii ? this.i.ii.bottom : NaN;
             },
             set: function (v) {
                 this.ensureBadgeMargin();
-                this.i.ih.bottom = +v;
-                this._a("badgeMarginBottom", this.i.ih.bottom);
-                this.i.ih = this.i.ih;
+                this.i.ii.bottom = +v;
+                this._a("badgeMarginBottom", this.i.ii.bottom);
+                this.i.ii = this.i.ii;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginLeft", {
             get: function () {
-                return this.i.ih ? this.i.ih.left : NaN;
+                return this.i.ii ? this.i.ii.left : NaN;
             },
             set: function (v) {
                 this.ensureBadgeMargin();
-                this.i.ih.left = +v;
-                this._a("badgeMarginLeft", this.i.ih.left);
-                this.i.ih = this.i.ih;
+                this.i.ii.left = +v;
+                this._a("badgeMarginLeft", this.i.ii.left);
+                this.i.ii = this.i.ii;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginRight", {
             get: function () {
-                return this.i.ih ? this.i.ih.right : NaN;
+                return this.i.ii ? this.i.ii.right : NaN;
             },
             set: function (v) {
                 this.ensureBadgeMargin();
-                this.i.ih.right = +v;
-                this._a("badgeMarginRight", this.i.ih.right);
-                this.i.ih = this.i.ih;
+                this.i.ii.right = +v;
+                this._a("badgeMarginRight", this.i.ii.right);
+                this.i.ii = this.i.ii;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginTop", {
             get: function () {
-                return this.i.ih ? this.i.ih.top : NaN;
+                return this.i.ii ? this.i.ii.top : NaN;
             },
             set: function (v) {
                 this.ensureBadgeMargin();
-                this.i.ih.top = +v;
-                this._a("badgeMarginTop", this.i.ih.top);
-                this.i.ih = this.i.ih;
+                this.i.ii.top = +v;
+                this._a("badgeMarginTop", this.i.ii.top);
+                this.i.ii = this.i.ii;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureBadgeMargin = function () {
-            if (this.i.ih) {
+            if (this.i.ii) {
                 return;
             }
-            this.i.ih = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.ii = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "badgeShape", {
             /**
@@ -51998,10 +52032,10 @@
              * Gets or sets the units text for the data legend.
             */
             get: function () {
-                return this.i.er;
+                return this.i.es;
             },
             set: function (v) {
-                this.i.er = v;
+                this.i.es = v;
             },
             enumerable: true,
             configurable: true
@@ -52011,72 +52045,72 @@
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h8);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h9);
             },
             set: function (v) {
-                this.i.h8 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("unitsTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h8));
+                this.i.h9 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("unitsTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h9));
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginBottom", {
             get: function () {
-                return this.i.ip ? this.i.ip.bottom : NaN;
+                return this.i.iq ? this.i.iq.bottom : NaN;
             },
             set: function (v) {
                 this.ensureUnitsTextMargin();
-                this.i.ip.bottom = +v;
-                this._a("unitsTextMarginBottom", this.i.ip.bottom);
-                this.i.ip = this.i.ip;
+                this.i.iq.bottom = +v;
+                this._a("unitsTextMarginBottom", this.i.iq.bottom);
+                this.i.iq = this.i.iq;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginLeft", {
             get: function () {
-                return this.i.ip ? this.i.ip.left : NaN;
+                return this.i.iq ? this.i.iq.left : NaN;
             },
             set: function (v) {
                 this.ensureUnitsTextMargin();
-                this.i.ip.left = +v;
-                this._a("unitsTextMarginLeft", this.i.ip.left);
-                this.i.ip = this.i.ip;
+                this.i.iq.left = +v;
+                this._a("unitsTextMarginLeft", this.i.iq.left);
+                this.i.iq = this.i.iq;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginRight", {
             get: function () {
-                return this.i.ip ? this.i.ip.right : NaN;
+                return this.i.iq ? this.i.iq.right : NaN;
             },
             set: function (v) {
                 this.ensureUnitsTextMargin();
-                this.i.ip.right = +v;
-                this._a("unitsTextMarginRight", this.i.ip.right);
-                this.i.ip = this.i.ip;
+                this.i.iq.right = +v;
+                this._a("unitsTextMarginRight", this.i.iq.right);
+                this.i.iq = this.i.iq;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginTop", {
             get: function () {
-                return this.i.ip ? this.i.ip.top : NaN;
+                return this.i.iq ? this.i.iq.top : NaN;
             },
             set: function (v) {
                 this.ensureUnitsTextMargin();
-                this.i.ip.top = +v;
-                this._a("unitsTextMarginTop", this.i.ip.top);
-                this.i.ip = this.i.ip;
+                this.i.iq.top = +v;
+                this._a("unitsTextMarginTop", this.i.iq.top);
+                this.i.iq = this.i.iq;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureUnitsTextMargin = function () {
-            if (this.i.ip) {
+            if (this.i.iq) {
                 return;
             }
-            this.i.ip = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.iq = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextStyle", {
             /**
@@ -52099,72 +52133,72 @@
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginBottom", {
             get: function () {
-                return this.i.io ? this.i.io.bottom : NaN;
+                return this.i.ip ? this.i.ip.bottom : NaN;
             },
             set: function (v) {
                 this.ensureTitleTextMargin();
-                this.i.io.bottom = +v;
-                this._a("titleTextMarginBottom", this.i.io.bottom);
-                this.i.io = this.i.io;
+                this.i.ip.bottom = +v;
+                this._a("titleTextMarginBottom", this.i.ip.bottom);
+                this.i.ip = this.i.ip;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginLeft", {
             get: function () {
-                return this.i.io ? this.i.io.left : NaN;
+                return this.i.ip ? this.i.ip.left : NaN;
             },
             set: function (v) {
                 this.ensureTitleTextMargin();
-                this.i.io.left = +v;
-                this._a("titleTextMarginLeft", this.i.io.left);
-                this.i.io = this.i.io;
+                this.i.ip.left = +v;
+                this._a("titleTextMarginLeft", this.i.ip.left);
+                this.i.ip = this.i.ip;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginRight", {
             get: function () {
-                return this.i.io ? this.i.io.right : NaN;
+                return this.i.ip ? this.i.ip.right : NaN;
             },
             set: function (v) {
                 this.ensureTitleTextMargin();
-                this.i.io.right = +v;
-                this._a("titleTextMarginRight", this.i.io.right);
-                this.i.io = this.i.io;
+                this.i.ip.right = +v;
+                this._a("titleTextMarginRight", this.i.ip.right);
+                this.i.ip = this.i.ip;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginTop", {
             get: function () {
-                return this.i.io ? this.i.io.top : NaN;
+                return this.i.ip ? this.i.ip.top : NaN;
             },
             set: function (v) {
                 this.ensureTitleTextMargin();
-                this.i.io.top = +v;
-                this._a("titleTextMarginTop", this.i.io.top);
-                this.i.io = this.i.io;
+                this.i.ip.top = +v;
+                this._a("titleTextMarginTop", this.i.ip.top);
+                this.i.ip = this.i.ip;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureTitleTextMargin = function () {
-            if (this.i.io) {
+            if (this.i.ip) {
                 return;
             }
-            this.i.io = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.ip = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextColor", {
             /**
              * Gets or sets the display text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h7);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h8);
             },
             set: function (v) {
-                this.i.h7 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("titleTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h7));
+                this.i.h8 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("titleTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h8));
             },
             enumerable: true,
             configurable: true
@@ -52207,72 +52241,72 @@
              * Gets or sets the units text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.h1);
+                return igniteuiWebcomponentsCore.brushToString(this.i.h2);
             },
             set: function (v) {
-                this.i.h1 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h1));
+                this.i.h2 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("labelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.h2));
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginBottom", {
             get: function () {
-                return this.i.ik ? this.i.ik.bottom : NaN;
+                return this.i.il ? this.i.il.bottom : NaN;
             },
             set: function (v) {
                 this.ensureLabelTextMargin();
-                this.i.ik.bottom = +v;
-                this._a("labelTextMarginBottom", this.i.ik.bottom);
-                this.i.ik = this.i.ik;
+                this.i.il.bottom = +v;
+                this._a("labelTextMarginBottom", this.i.il.bottom);
+                this.i.il = this.i.il;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginLeft", {
             get: function () {
-                return this.i.ik ? this.i.ik.left : NaN;
+                return this.i.il ? this.i.il.left : NaN;
             },
             set: function (v) {
                 this.ensureLabelTextMargin();
-                this.i.ik.left = +v;
-                this._a("labelTextMarginLeft", this.i.ik.left);
-                this.i.ik = this.i.ik;
+                this.i.il.left = +v;
+                this._a("labelTextMarginLeft", this.i.il.left);
+                this.i.il = this.i.il;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginRight", {
             get: function () {
-                return this.i.ik ? this.i.ik.right : NaN;
+                return this.i.il ? this.i.il.right : NaN;
             },
             set: function (v) {
                 this.ensureLabelTextMargin();
-                this.i.ik.right = +v;
-                this._a("labelTextMarginRight", this.i.ik.right);
-                this.i.ik = this.i.ik;
+                this.i.il.right = +v;
+                this._a("labelTextMarginRight", this.i.il.right);
+                this.i.il = this.i.il;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginTop", {
             get: function () {
-                return this.i.ik ? this.i.ik.top : NaN;
+                return this.i.il ? this.i.il.top : NaN;
             },
             set: function (v) {
                 this.ensureLabelTextMargin();
-                this.i.ik.top = +v;
-                this._a("labelTextMarginTop", this.i.ik.top);
-                this.i.ik = this.i.ik;
+                this.i.il.top = +v;
+                this._a("labelTextMarginTop", this.i.il.top);
+                this.i.il = this.i.il;
             },
             enumerable: true,
             configurable: true
         });
         IgcDataLegendComponent.prototype.ensureLabelTextMargin = function () {
-            if (this.i.ik) {
+            if (this.i.il) {
                 return;
             }
-            this.i.ik = new igniteuiWebcomponentsCore.Thickness(2);
+            this.i.il = new igniteuiWebcomponentsCore.Thickness(2);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextStyle", {
             /**
@@ -52402,15 +52436,15 @@
             this.i.flush();
         };
         IgcDataLegendComponent.prototype.getAbbreviatedNumber = function (number, mode, minDigits, maxDigits) {
-            var iv = this.i.cq(number, (mode == null ? null : mode), minDigits, maxDigits);
+            var iv = this.i.cr(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         };
         IgcDataLegendComponent.prototype.getAbbreviatedSymbol = function (number, mode, minDigits, maxDigits) {
-            var iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
+            var iv = this.i.c8(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         };
         IgcDataLegendComponent.prototype.getAbbreviatedString = function (number, mode, minDigits, maxDigits) {
-            var iv = this.i.c6(number, (mode == null ? null : mode), minDigits, maxDigits);
+            var iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         };
         Object.defineProperty(IgcDataLegendComponent.prototype, "calculateColumnSummary", {
@@ -58734,9 +58768,10 @@
             var c = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             c.a = 0;
             c.l = this.gl({ $type: igniteuiWebcomponentsCore.Point_$type, x: a, y: b }, false, false);
+            c.q = this.t5 != null ? this.t5 : "Value";
             c.p = "Value";
-            c.q = this.t1 != null ? this.t1 : "V:";
-            c.r = this.t3 != null ? this.t3 : "";
+            c.r = this.t1 != null ? this.t1 : "V:";
+            c.s = this.t3 != null ? this.t3 : "";
             var d = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             d.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -60772,11 +60807,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcHighlightingInfo();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78804,11 +78841,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78825,11 +78864,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78849,11 +78890,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78873,11 +78916,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new igniteuiWebcomponentsCore.IgcFilterExpressionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78897,11 +78942,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSummaryDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78921,11 +78968,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78945,11 +78994,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78969,11 +79020,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSortDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -78993,11 +79046,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcChartSummaryDescriptionCollection();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -101269,11 +101324,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcRing();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -117766,11 +117823,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcFinancialCalculationDataSource();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -117793,11 +117852,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new IgcFinancialCalculationSupportingCalculations();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -129355,27 +129416,30 @@
             var f = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             f.a = 4;
             f.l = this.r8(c, false, false);
-            f.p = this.sk != null ? this.sk : "Close";
-            f.q = this.tw != null ? this.tw : "C:";
-            f.r = this.ty != null ? this.ty : "";
+            f.p = "Close";
+            f.q = this.sk != null ? this.sk : "Close";
+            f.r = this.tw != null ? this.tw : "C:";
+            f.s = this.ty != null ? this.ty : "";
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.l = this.r9(c, false, false);
             g.a = 3;
-            g.p = this.sw != null ? this.sw : "Open";
-            g.q = this.ua != null ? this.ua : "O:";
-            g.r = this.uc != null ? this.uc : "";
+            g.p = "Open";
+            g.q = this.sw != null ? this.sw : "Open";
+            g.r = this.ua != null ? this.ua : "O:";
+            g.s = this.uc != null ? this.uc : "";
             g.k = true;
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = (f.l - g.l) / g.l * 100;
             h.l = igniteuiWebcomponentsCore.round10N(h.l, 1);
             h.a = 9;
             h.p = "Change";
-            h.q = "";
-            h.t = "";
-            h.v = "+";
-            h.u = "%";
-            h.w = "%";
-            h.r = null;
+            h.q = "Change";
+            h.r = "";
+            h.u = "";
+            h.w = "+";
+            h.v = "%";
+            h.x = "%";
+            h.s = null;
             h.c = false;
             h.k = true;
             h.e = false;
@@ -129385,37 +129449,41 @@
             h.d = false;
             h.n = 1;
             h.m = 1;
-            g.x = h.l >= 0 ? this.o3 : this.tm;
-            f.x = h.l >= 0 ? this.o3 : this.tm;
-            h.x = h.l >= 0 ? this.o3 : this.tm;
+            g.y = h.l >= 0 ? this.o3 : this.tm;
+            f.y = h.l >= 0 ? this.o3 : this.tm;
+            h.y = h.l >= 0 ? this.o3 : this.tm;
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             i.l = e > d ? d : e;
             i.a = 1;
-            i.p = this.ss != null ? this.ss : "Low";
-            i.q = this.t5 != null ? this.t5 : "L:";
-            i.r = this.t7 != null ? this.t7 : "";
+            i.p = "Low";
+            i.q = this.ss != null ? this.ss : "Low";
+            i.r = this.t5 != null ? this.t5 : "L:";
+            i.s = this.t7 != null ? this.t7 : "";
             i.k = true;
             var j = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             j.l = e > d ? e : d;
             j.a = 2;
-            j.p = this.sn != null ? this.sn : "High";
-            j.q = this.t1 != null ? this.t1 : "H:";
-            j.r = this.t3 != null ? this.t3 : "";
+            j.p = "High";
+            j.q = this.sn != null ? this.sn : "High";
+            j.r = this.t1 != null ? this.t1 : "H:";
+            j.s = this.t3 != null ? this.t3 : "";
             j.k = true;
             var k = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             k.l = (j.l + i.l + f.l) / 3;
             k.l = igniteuiWebcomponentsCore.round10N(k.l, 2);
             k.a = 5;
             k.p = "TypicalPrice";
-            k.q = "TP:";
-            k.r = "";
+            k.q = "TypicalPrice";
+            k.r = "TP:";
+            k.s = "";
             k.k = true;
             var l = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             l.l = this.sa(c, false, false);
             l.a = 8;
-            l.p = this.s0 != null ? this.s0 : "Volume";
-            l.q = "VOL:";
-            l.r = "";
+            l.p = "Volume";
+            l.q = this.s0 != null ? this.s0 : "Volume";
+            l.r = "VOL:";
+            l.s = "";
             l.k = true;
             l.n = 0;
             l.m = 0;
@@ -156387,26 +156455,30 @@
             var f = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             f.a = 1;
             f.l = e > d ? d : e;
-            f.p = this.tt != null ? this.tt : "High";
-            f.q = this.t6 != null ? this.t6 : "L:";
-            f.r = this.t8 != null ? this.t8 : "";
+            f.p = "Low";
+            f.q = this.tt != null ? this.tt : "Low";
+            f.r = this.t6 != null ? this.t6 : "L:";
+            f.s = this.t8 != null ? this.t8 : "";
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.a = 2;
             g.l = e > d ? e : d;
-            g.p = this.tq != null ? this.tq : "High";
-            g.q = this.t2 != null ? this.t2 : "H:";
-            g.r = this.t4 != null ? this.t4 : "";
+            g.p = "High";
+            g.q = this.tq != null ? this.tq : "High";
+            g.r = this.t2 != null ? this.t2 : "H:";
+            g.s = this.t4 != null ? this.t4 : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.a = 7;
             h.l = Math.abs(g.l - f.l);
             h.p = "Range";
-            h.q = "R:";
+            h.q = "Range";
+            h.r = "R:";
             h.k = true;
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             i.a = 6;
             i.l = f.l + (h.l / 2);
             i.p = "Average";
-            i.q = "A:";
+            i.q = "Average";
+            i.r = "A:";
             i.k = true;
             var j = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             j.f = ((function () {
@@ -165137,15 +165209,17 @@
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.l = e;
             g.a = 11;
-            g.p = this.tw != null ? this.tw : "Radius";
-            g.q = this.ts != null ? this.ts : "R:";
-            g.r = this.tu != null ? this.tu : "";
+            g.q = this.tw != null ? this.tw : "Radius";
+            g.p = "Radius";
+            g.r = this.ts != null ? this.ts : "R:";
+            g.s = this.tu != null ? this.tu : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = f;
             h.a = 10;
-            h.p = this.ti != null ? this.ti : "Angle";
-            h.q = this.te != null ? this.te : "A:";
-            h.r = this.tg != null ? this.tg : "";
+            h.q = this.ti != null ? this.ti : "Angle";
+            h.p = "Angle";
+            h.r = this.te != null ? this.te : "A:";
+            h.s = this.tg != null ? this.tg : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             i.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -168655,9 +168729,10 @@
             var c = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             c.a = 0;
             c.l = this.gl({ $type: igniteuiWebcomponentsCore.Point_$type, x: a, y: b }, false, false);
-            c.p = this.to != null ? this.to : "Value";
-            c.q = this.tk != null ? this.tk : "V:";
-            c.r = this.tm != null ? this.tm : "";
+            c.p = "Value";
+            c.q = this.to != null ? this.to : "Value";
+            c.r = this.tk != null ? this.tk : "V:";
+            c.s = this.tm != null ? this.tm : "";
             var d = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             d.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -175524,15 +175599,17 @@
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.l = e;
             g.a = 13;
-            g.p = this.ti != null ? this.ti : "X:";
-            g.q = this.te != null ? this.te : "X:";
-            g.r = this.tg != null ? this.tg : "";
+            g.p = "X";
+            g.q = this.ti != null ? this.ti : "X";
+            g.r = this.te != null ? this.te : "X:";
+            g.s = this.tg != null ? this.tg : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = f;
             h.a = 14;
-            h.p = this.tq != null ? this.tq : "Y:";
-            h.q = this.tm != null ? this.tm : "Y:";
-            h.r = this.to != null ? this.to : "";
+            h.p = "Y";
+            h.q = this.tq != null ? this.tq : "Y";
+            h.r = this.tm != null ? this.tm : "Y:";
+            h.s = this.to != null ? this.to : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             i.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -176583,15 +176660,17 @@
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.a = 13;
             g.l = e;
-            g.p = this.ti != null ? this.ti : "X";
-            g.q = this.te != null ? this.te : "X:";
-            g.r = this.tg != null ? this.tg : "";
+            g.p = "X";
+            g.q = this.ti != null ? this.ti : "X";
+            g.r = this.te != null ? this.te : "X:";
+            g.s = this.tg != null ? this.tg : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = f;
             h.a = 14;
-            h.p = this.tq != null ? this.tq : "Y";
-            h.q = this.tm != null ? this.tm : "Y:";
-            h.r = this.to != null ? this.to : "";
+            h.p = "Y";
+            h.q = this.tq != null ? this.tq : "Y";
+            h.r = this.tm != null ? this.tm : "Y:";
+            h.s = this.to != null ? this.to : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             i.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -176605,18 +176684,20 @@
                 var k = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
                 k.l = j;
                 k.a = 11;
-                k.p = this.wb != null ? this.wb : "Radius";
-                k.q = this.v7 != null ? this.v7 : "R:";
-                k.r = this.v9 != null ? this.v9 : "";
+                k.p = "Radius";
+                k.q = this.wb != null ? this.wb : "Radius";
+                k.r = this.v7 != null ? this.v7 : "R:";
+                k.s = this.v9 != null ? this.v9 : "";
                 i.f.add(k);
             }
             else if (this.va != null) {
                 var l = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
                 l.l = this.va.maximumValue;
                 l.a = 11;
-                l.p = this.wb != null ? this.wb : "Radius";
-                l.q = this.v7 != null ? this.v7 : "R:";
-                l.r = this.v9 != null ? this.v9 : "";
+                l.p = "Radius";
+                l.q = this.wb != null ? this.wb : "Radius";
+                l.r = this.v7 != null ? this.v7 : "R:";
+                l.s = this.v9 != null ? this.v9 : "";
                 i.f.add(l);
             }
             if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.vw)) {
@@ -176624,9 +176705,10 @@
                 var n = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
                 n.l = m;
                 n.a = 12;
-                n.p = this.vw != null ? this.vw : "Fill";
-                n.q = this.vs != null ? this.vs : "F:";
-                n.r = this.vu != null ? this.vu : "";
+                n.p = "Fill";
+                n.q = this.vw != null ? this.vw : "Fill";
+                n.r = this.vs != null ? this.vs : "F:";
+                n.s = this.vu != null ? this.vu : "";
                 i.f.add(n);
             }
             return i;
@@ -179584,15 +179666,17 @@
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.l = e;
             g.a = 13;
-            g.p = this.si != null ? this.si : "X";
-            g.q = this.se != null ? this.se : "X:";
-            g.r = this.sg != null ? this.sg : "";
+            g.p = "X";
+            g.q = this.si != null ? this.si : "X";
+            g.r = this.se != null ? this.se : "X:";
+            g.s = this.sg != null ? this.sg : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = f;
             h.a = 14;
-            h.p = this.sq != null ? this.sq : "Y";
-            h.q = this.sm != null ? this.sm : "Y:";
-            g.r = this.so != null ? this.so : "";
+            h.p = "Y";
+            h.q = this.sq != null ? this.sq : "Y";
+            h.r = this.sm != null ? this.sm : "Y:";
+            h.s = this.so != null ? this.so : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             i.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -181908,17 +181992,17 @@
             var g = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             g.l = e;
             g.a = 13;
-            g.p = this.ra != null ? this.ra : "X";
-            ;
-            g.q = this.q6 != null ? this.q6 : "X:";
-            g.r = this.q8 != null ? this.q8 : "";
+            g.p = "X";
+            g.q = this.ra != null ? this.ra : "X";
+            g.r = this.q6 != null ? this.q6 : "X:";
+            g.s = this.q8 != null ? this.q8 : "";
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = f;
             h.a = 14;
-            h.p = this.ri != null ? this.ri : "Y";
-            ;
-            h.q = this.re != null ? this.re : "Y:";
-            h.r = this.rg != null ? this.rg : "";
+            h.p = "Y";
+            h.q = this.ri != null ? this.ri : "Y";
+            h.r = this.re != null ? this.re : "Y:";
+            h.s = this.rg != null ? this.rg : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             i.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -182499,21 +182583,24 @@
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.l = e;
             h.a = 13;
-            h.p = this.ra != null ? this.ra : "X";
-            h.q = this.q6 != null ? this.q6 : "X:";
-            h.r = this.q8 != null ? this.q8 : "";
+            h.p = "X";
+            h.q = this.ra != null ? this.ra : "X";
+            h.r = this.q6 != null ? this.q6 : "X:";
+            h.s = this.q8 != null ? this.q8 : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             i.l = f;
             i.a = 14;
-            i.p = this.ri != null ? this.ri : "Y";
-            i.q = this.re != null ? this.re : "Y:";
-            i.r = this.rg != null ? this.rg : "";
+            i.p = "Y";
+            i.q = this.ri != null ? this.ri : "Y";
+            i.r = this.re != null ? this.re : "Y:";
+            i.s = this.rg != null ? this.rg : "";
             var j = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             j.l = g;
             j.a = 0;
-            j.p = this.sh != null ? this.sh : "Value";
-            j.q = this.sd != null ? this.sd : "V:";
-            j.r = this.sf != null ? this.sf : "";
+            j.p = "Value";
+            j.q = this.sh != null ? this.sh : "Value";
+            j.r = this.sd != null ? this.sd : "V:";
+            j.s = this.sf != null ? this.sf : "";
             var k = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             k.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -183385,21 +183472,24 @@
             var h = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             h.a = 13;
             h.l = e;
-            h.p = this.ra != null ? this.ra : "X";
-            h.q = this.q6 != null ? this.q6 : "X:";
-            h.r = this.q8 != null ? this.q8 : "";
+            h.p = "X";
+            h.q = this.ra != null ? this.ra : "X";
+            h.r = this.q6 != null ? this.q6 : "X:";
+            h.s = this.q8 != null ? this.q8 : "";
             var i = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             i.a = 14;
             i.l = f;
-            i.p = this.ri != null ? this.ri : "Y";
-            i.q = this.re != null ? this.re : "Y:";
-            i.r = this.rg != null ? this.rg : "";
+            i.p = "Y";
+            i.q = this.ri != null ? this.ri : "Y";
+            i.r = this.re != null ? this.re : "Y:";
+            i.s = this.rg != null ? this.rg : "";
             var j = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             j.a = 0;
             j.l = g;
-            j.p = this.sf != null ? this.sf : "Value";
-            j.q = this.sb != null ? this.sb : "V:";
-            j.r = this.sd != null ? this.sd : "";
+            j.p = "Value";
+            j.q = this.sf != null ? this.sf : "Value";
+            j.r = this.sb != null ? this.sb : "V:";
+            j.s = this.sd != null ? this.sd : "";
             var k = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             k.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -187695,11 +187785,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new igniteuiWebcomponentsCore.IgcStyle();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -188108,11 +188200,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new igniteuiWebcomponentsCore.IgcStyle();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }
@@ -195338,6 +195432,9 @@
         HorizontalStackedSeriesBase.prototype.l7 = function (a, b, c, d) {
             _super.prototype.l7.call(this, a, b, c, d);
             switch (b) {
+                case "Resolution":
+                    this.tq.j();
+                    break;
                 case HorizontalStackedSeriesBase.$$p[0]:
                     if (c != d) {
                         this.k4(igniteuiWebcomponentsCore.typeCast(Axis.$, c));
@@ -196314,8 +196411,9 @@
             var c = new igniteuiWebcomponentsCore.DataLegendSeriesValueInfo();
             c.l = this.br({ $type: igniteuiWebcomponentsCore.Point_$type, x: a, y: b }, false, false);
             c.p = "Value";
-            c.q = this.fe != null ? this.fe : "";
-            c.r = this.fg != null ? this.fg : "";
+            c.q = this.fi != null ? this.fi : "Value";
+            c.r = this.fe != null ? this.fe : "";
+            c.s = this.fg != null ? this.fg : "";
             var d = new igniteuiWebcomponentsCore.DataLegendSeriesContext();
             d.f = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DataLegendSeriesValueInfo.$, 0);
@@ -198152,8 +198250,8 @@
             _this.c = null;
             _this.e = null;
             _this.d = null;
-            _this.j = null;
             _this.k = null;
+            _this.l = null;
             if (a == null) {
                 return _this;
             }
@@ -198162,8 +198260,8 @@
             _this.c = new StackedSeriesCollection();
             _this.e = new igniteuiWebcomponentsCore.ObservableCollection$1(AnchoredCategorySeries.$, 0);
             _this.d = new igniteuiWebcomponentsCore.ObservableCollection$1(AnchoredCategorySeries.$, 0);
-            _this.j = _this.b.tr.c2;
-            _this.k = _this.b.tr.c4;
+            _this.k = _this.b.tr.c2;
+            _this.l = _this.b.tr.c4;
             var b = _this.c;
             b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, function (b, c) {
                 var e_70, _a, e_71, _b;
@@ -198227,8 +198325,8 @@
                             e.b8 = null;
                             e.itemsSource = null;
                             e.legend = null;
-                            if (_this.k != null && _this.k.ab.contains(e)) {
-                                _this.k.ab.remove(e);
+                            if (_this.l != null && _this.l.ab.contains(e)) {
+                                _this.l.ab.remove(e);
                             }
                             if (_this.b.cd != null) {
                                 _this.b.cd.op(e);
@@ -198255,8 +198353,8 @@
                             var f = _f.value;
                             f.cd = _this.b.cd;
                             f.b8 = _this.b.b8;
-                            if (!_this.k.ab.contains(f)) {
-                                _this.k.ab.add(f);
+                            if (!_this.l.ab.contains(f)) {
+                                _this.l.ab.add(f);
                             }
                             if (_this.b.cd != null) {
                                 _this.b.cd.lk(f);
@@ -198350,6 +198448,31 @@
             }
             return null;
         };
+        StackedSeriesManager.prototype.j = function () {
+            var e_74, _a;
+            if (this.b == null) {
+                return;
+            }
+            try {
+                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var a = _c.value;
+                    a.gv = this.b.fv;
+                }
+            }
+            catch (e_74_1) {
+                e_74 = { error: e_74_1 };
+            }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return))
+                        _a.call(_b);
+                }
+                finally {
+                    if (e_74)
+                        throw e_74.error;
+                }
+            }
+        };
         StackedSeriesManager.prototype.i = function (a, b) {
             if (b.itemsSource == null) {
                 a.itemsSource = this.b.itemsSource;
@@ -198423,7 +198546,7 @@
             b.gq();
         };
         StackedSeriesManager.prototype.h = function (a) {
-            var e_74, _a;
+            var e_75, _a;
             this.e.clear();
             this.d.clear();
             var b = 0;
@@ -198448,8 +198571,8 @@
                     b++;
                 }
             }
-            catch (e_74_1) {
-                e_74 = { error: e_74_1 };
+            catch (e_75_1) {
+                e_75 = { error: e_75_1 };
             }
             finally {
                 try {
@@ -198457,8 +198580,8 @@
                         _a.call(_b);
                 }
                 finally {
-                    if (e_74)
-                        throw e_74.error;
+                    if (e_75)
+                        throw e_75.error;
                 }
             }
         };
@@ -200217,11 +200340,13 @@
                 }
                 if (!r.externalObject) {
                     var e = new igniteuiWebcomponentsCore.IgcStyle();
-                    if (e.i.setNativeElement) {
-                        e.i.setNativeElement(r);
+                    if (r.$type) {
+                        e._implementation = r;
                     }
                     else {
-                        e._implementation = r;
+                        if (e.i.setNativeElement) {
+                            e.i.setNativeElement(r);
+                        }
                     }
                     r.externalObject = e;
                 }