igniteui-webcomponents-charts 5.0.0 → 5.0.1

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

@@ -54775,6 +54775,7 @@
             _this._badgeMarginRight = 0;
             _this._badgeMarginBottom = 0;
             _this._badgeShape = null;
+            _this._badgeAppearance = null;
             _this._rowBounds = null;
             _this._rowMarginLeft = 0;
             _this._rowMarginTop = 0;
@@ -54864,6 +54865,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DataLegendVisualDataRow.prototype, "badgeAppearance", {
+            get: function () {
+                return this._badgeAppearance;
+            },
+            set: function (a) {
+                this._badgeAppearance = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DataLegendVisualDataRow.prototype, "rowBounds", {
             get: function () {
                 return this._rowBounds;
@@ -54920,22 +54931,25 @@
             var b = "   ";
             var c = new igniteuiWebcomponentsCore.StringBuilder(0);
             c.u("{");
-            c.u(b + this.n("badgeMarginLeft") + this.badgeMarginLeft + a);
-            c.u(b + this.n("badgeMarginTop") + this.badgeMarginTop + a);
-            c.u(b + this.n("badgeMarginRight") + this.badgeMarginRight + a);
-            c.u(b + this.n("badgeMarginBottom") + this.badgeMarginBottom + a);
+            c.u(b + this.o("badgeMarginLeft") + this.badgeMarginLeft + a);
+            c.u(b + this.o("badgeMarginTop") + this.badgeMarginTop + a);
+            c.u(b + this.o("badgeMarginRight") + this.badgeMarginRight + a);
+            c.u(b + this.o("badgeMarginBottom") + this.badgeMarginBottom + a);
             if (this.badgeBounds == null) {
-                c.u(b + this.n("badgeBounds") + "{}" + a);
+                c.u(b + this.o("badgeBounds") + "{}" + a);
             }
             else {
-                c.u(b + this.n("badgeBounds") + DataLegendVisualData.serialize1(this.badgeBounds) + a);
+                c.u(b + this.o("badgeBounds") + DataLegendVisualData.serialize1(this.badgeBounds) + a);
+            }
+            c.u(b + this.o("badgeShape") + DataLegendVisualData.serialize1(this.badgeShape) + a);
+            if (this.badgeAppearance != null) {
+                c.u(b + this.o("badgeAppearance") + this.badgeAppearance.serialize() + a);
             }
-            c.u(b + this.n("badgeShape") + DataLegendVisualData.serialize1(this.badgeShape) + a);
-            c.u(b + this.n("rowBounds") + DataLegendVisualData.serialize1(this.rowBounds) + a);
-            c.u(b + this.n("rowMarginLeft") + this.rowMarginLeft + a);
-            c.u(b + this.n("rowMarginTop") + this.rowMarginTop + a);
-            c.u(b + this.n("rowMarginRight") + this.rowMarginRight + a);
-            c.u(b + this.n("rowMarginBottom") + this.rowMarginBottom + a);
+            c.u(b + this.o("rowBounds") + DataLegendVisualData.serialize1(this.rowBounds) + a);
+            c.u(b + this.o("rowMarginLeft") + this.rowMarginLeft + a);
+            c.u(b + this.o("rowMarginTop") + this.rowMarginTop + a);
+            c.u(b + this.o("rowMarginRight") + this.rowMarginRight + a);
+            c.u(b + this.o("rowMarginBottom") + this.rowMarginBottom + a);
             var d = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.String_$type, 0);
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.columns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -54956,13 +54970,13 @@
                         throw e_2.error;
                 }
             }
-            c.u(b + this.n("columns") + "[");
+            c.u(b + this.o("columns") + "[");
             c.u(b + b + igniteuiWebcomponentsCore.stringJoin.apply(void 0, tslib.__spreadArray([", \n" + b + b], tslib.__read(d.toArray()), false)));
             c.u(b + "]");
             c.u("}");
             return c.toString();
         };
-        DataLegendVisualDataRow.prototype.n = function (a) {
+        DataLegendVisualDataRow.prototype.o = function (a) {
             return a + ": ";
         };
         DataLegendVisualDataRow.$t = igniteuiWebcomponentsCore.markType(DataLegendVisualDataRow, 'DataLegendVisualDataRow');
@@ -56683,6 +56697,11 @@
                         l.badgeMarginBottom = k.z.bottom;
                         l.badgeMarginRight = k.z.right;
                         l.badgeMarginLeft = k.z.left;
+                        l.badgeAppearance = new igniteuiWebcomponentsCore.PrimitiveAppearanceData();
+                        var aa = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.ILegendContext_$type, k.n);
+                        var ab = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.ILegendContext_$type, k.i);
+                        l.badgeAppearance.fill = igniteuiWebcomponentsCore.AppearanceHelper.b(aa.actualItemBrush);
+                        l.badgeAppearance.stroke = igniteuiWebcomponentsCore.AppearanceHelper.b(aa.outline);
                         l.badgeShape = k.o;
                     }
                     l.rowBounds = igniteuiWebcomponentsCore.RectData.b(m);
@@ -163943,7 +163962,7 @@
             var a = igniteuiWebcomponentsCore.LegendItemHelper.b;
             if (window.devicePixelRatio != undefined && (igniteuiWebcomponentsCore.isNaN_(a) || window.devicePixelRatio != a)) {
                 igniteuiWebcomponentsCore.LegendItemHelper.b = window.devicePixelRatio;
-                this.a.al();
+                this.a.am();
             }
         };
         LegendBaseViewManager.prototype.u = function () {
@@ -163959,7 +163978,7 @@
             }
             this.g = a;
             this.l = this.i();
-            this.l.addClass(this.a.s);
+            this.l.addClass(this.a.t);
             this.g.append(this.l);
         };
         LegendBaseViewManager.prototype.i = function () {
@@ -163967,8 +163986,8 @@
         };
         LegendBaseViewManager.prototype.h = function () {
             var a = this.g.createElement("tr");
-            a.addClass(this.a.t);
-            var b = this.a.k;
+            a.addClass(this.a.u);
+            var b = this.a.l;
             if (b) {
                 a.setStyleProperty("display", "block");
                 a.setStyleProperty("float", "left");
@@ -164009,14 +164028,14 @@
                     c.ah.render(h);
                     var i = d.findByClass(".ui-legend-item-badge");
                     for (var j = 0; j < i.length; j++) {
-                        i[j].removeClass("ui-legend-item-badge").addClass(this.a.r);
+                        i[j].removeClass("ui-legend-item-badge").addClass(this.a.s);
                     }
                     i = d.findByClass(".ui-legend-item-text");
                     for (var k = 0; k < i.length; k++) {
-                        if (this.a.k) {
+                        if (this.a.l) {
                             i[k].setStyleProperty("white-space", "nowrap");
                         }
-                        i[k].removeClass("ui-legend-item-text").addClass(this.a.u);
+                        i[k].removeClass("ui-legend-item-text").addClass(this.a.v);
                     }
                 }
             }
@@ -164024,10 +164043,10 @@
         };
         LegendBaseViewManager.prototype.o = function (a, b) {
             var c = this.k(a, this.l);
-            c.listen("mouseup", igniteuiWebcomponentsCore.runOn(this.a, this.a.ae));
-            c.listen("mousedown", igniteuiWebcomponentsCore.runOn(this.a, this.a.ab));
-            c.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this.a, this.a.ac));
-            c.listen("mousemove", igniteuiWebcomponentsCore.runOn(this.a, this.a.ad));
+            c.listen("mouseup", igniteuiWebcomponentsCore.runOn(this.a, this.a.af));
+            c.listen("mousedown", igniteuiWebcomponentsCore.runOn(this.a, this.a.ac));
+            c.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this.a, this.a.ad));
+            c.listen("mousemove", igniteuiWebcomponentsCore.runOn(this.a, this.a.ae));
             this.f.addItem(a, c);
             if ((this.l.getChildCount() == 0) || (b >= this.l.getChildCount())) {
                 this.l.append(c);
@@ -164202,7 +164221,7 @@
             _this.legendItemMouseMove = null;
             var a = _this.aj();
             _this.a8(a);
-            a.ak();
+            a.al();
             _this.at = new igniteuiWebcomponentsCore.ObservableCollection$1(igniteuiWebcomponentsCore.UIElement.$, 0);
             _this.aw = "ig-chart-legend-items-list";
             _this.ax = "ig-chart-legend-item";
@@ -164211,10 +164230,10 @@
             return _this;
         }
         LegendBase.prototype.onDetachedFromUI = function () {
-            this.ak.aj();
+            this.ak.ak();
         };
         LegendBase.prototype.onAttachedToUI = function () {
-            this.ak.ah();
+            this.ak.ai();
         };
         LegendBase.prototype.aj = function () {
             return new LegendBaseView(this);
@@ -164384,50 +164403,50 @@
             }
         };
         LegendBase.prototype.provideContainer = function (a) {
-            this.ak.ai(a);
+            this.ak.aj(a);
         };
         Object.defineProperty(LegendBase.prototype, "aw", {
             get: function () {
-                return this.ak.s;
+                return this.ak.t;
             },
             set: function (a) {
-                this.ak.s = a;
+                this.ak.t = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "ax", {
             get: function () {
-                return this.ak.t;
+                return this.ak.u;
             },
             set: function (a) {
-                this.ak.t = a;
+                this.ak.u = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "av", {
             get: function () {
-                return this.ak.r;
+                return this.ak.s;
             },
             set: function (a) {
-                this.ak.r = a;
+                this.ak.s = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(LegendBase.prototype, "ay", {
             get: function () {
-                return this.ak.u;
+                return this.ak.v;
             },
             set: function (a) {
-                this.ak.u = a;
+                this.ak.v = a;
             },
             enumerable: false,
             configurable: true
         });
         LegendBase.prototype.exportVisualData = function () {
-            return this.ak.f();
+            return this.ak.g();
         };
         LegendBase.prototype.exportSerializedVisualData = function () {
             var a = this.exportVisualData();
@@ -164453,44 +164472,44 @@
         tslib.__extends(LegendBaseView, _super);
         function LegendBaseView(a) {
             var _this = _super.call(this) || this;
+            _this.d = null;
             _this.c = null;
-            _this.b = null;
-            _this.s = null;
             _this.t = null;
-            _this.r = null;
             _this.u = null;
-            _this.l = false;
-            _this.i = false;
-            _this.p = null;
+            _this.s = null;
+            _this.v = null;
+            _this.m = false;
+            _this.j = false;
             _this.q = null;
-            _this.b = a;
-            _this.c = new LegendBaseViewManager(_this);
-            _this.c.p();
+            _this.r = null;
+            _this.c = a;
+            _this.d = new LegendBaseViewManager(_this);
+            _this.d.p();
             return _this;
         }
-        LegendBaseView.prototype.aj = function () {
-            this.c.u();
+        LegendBaseView.prototype.ak = function () {
+            this.d.u();
         };
-        LegendBaseView.prototype.ah = function () {
-            this.c.s();
+        LegendBaseView.prototype.ai = function () {
+            this.d.s();
         };
-        LegendBaseView.prototype.ak = function () {
+        LegendBaseView.prototype.al = function () {
         };
-        LegendBaseView.prototype.get_j = function () {
+        LegendBaseView.prototype.get_k = function () {
             return false;
         };
-        Object.defineProperty(LegendBaseView.prototype, "j", {
+        Object.defineProperty(LegendBaseView.prototype, "k", {
             get: function () {
-                return this.get_j();
+                return this.get_k();
             },
             enumerable: false,
             configurable: true
         });
-        LegendBaseView.prototype.d = function (a) {
+        LegendBaseView.prototype.e = function (a) {
             var b;
             var c;
             var d;
-            var e = this.aa(a, b, c, d);
+            var e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -164498,11 +164517,11 @@
             var g = new LegendMouseButtonEventArgs(b, c, d, f, a);
             return g;
         };
-        LegendBaseView.prototype.e = function (a) {
+        LegendBaseView.prototype.f = function (a) {
             var b;
             var c;
             var d;
-            var e = this.aa(a, b, c, d);
+            var e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -164510,8 +164529,8 @@
             var g = new LegendMouseEventArgs(b, c, d, f, a);
             return g;
         };
-        LegendBaseView.prototype.aa = function (a, b, c, d) {
-            b = this.b.ai;
+        LegendBaseView.prototype.ab = function (a, b, c, d) {
+            b = this.c.ai;
             c = null;
             d = null;
             if (a != null) {
@@ -164531,93 +164550,93 @@
                 p3: d
             };
         };
-        LegendBaseView.prototype.z = function () {
+        LegendBaseView.prototype.aa = function () {
         };
-        LegendBaseView.prototype.m = function () {
+        LegendBaseView.prototype.n = function () {
             return true;
         };
-        LegendBaseView.prototype.y = function (a) {
-        };
-        LegendBaseView.prototype.am = function (a) {
-        };
-        LegendBaseView.prototype.ai = function (a) {
-            this.c.t(a);
+        LegendBaseView.prototype.z = function (a) {
         };
         LegendBaseView.prototype.an = function (a) {
-            this.c.x(a);
         };
-        LegendBaseView.prototype.x = function (a) {
-            var b = this.b.at.indexOf(a);
-            this.c.o(a, b);
+        LegendBaseView.prototype.aj = function (a) {
+            this.d.t(a);
         };
-        LegendBaseView.prototype.af = function () {
-            this.c.q();
+        LegendBaseView.prototype.ao = function (a) {
+            this.d.x(a);
+        };
+        LegendBaseView.prototype.y = function (a) {
+            var b = this.c.at.indexOf(a);
+            this.d.o(a, b);
         };
         LegendBaseView.prototype.ag = function () {
-            this.c.r();
+            this.d.q();
         };
-        Object.defineProperty(LegendBaseView.prototype, "k", {
+        LegendBaseView.prototype.ah = function () {
+            this.d.r();
+        };
+        Object.defineProperty(LegendBaseView.prototype, "l", {
             get: function () {
-                return this.i;
+                return this.j;
             },
             set: function (a) {
-                this.i = a;
-                this.c.v(this.i);
+                this.j = a;
+                this.d.v(this.j);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LegendBaseView.prototype, "v", {
+        Object.defineProperty(LegendBaseView.prototype, "w", {
             get: function () {
-                return this.p;
+                return this.q;
             },
             set: function (a) {
-                this.p = a;
-                this.c.z(this.p);
+                this.q = a;
+                this.d.z(this.q);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LegendBaseView.prototype, "w", {
+        Object.defineProperty(LegendBaseView.prototype, "x", {
             get: function () {
-                return this.q;
+                return this.r;
             },
             set: function (a) {
-                this.q = a;
-                this.c.aa(this.q);
+                this.r = a;
+                this.d.aa(this.r);
             },
             enumerable: false,
             configurable: true
         });
-        LegendBaseView.prototype.al = function () {
-            this.c.p();
+        LegendBaseView.prototype.am = function () {
+            this.d.p();
         };
-        LegendBaseView.prototype.n = function (e_) {
+        LegendBaseView.prototype.o = function (e_) {
             var ev_ = e_.originalEvent;
             return ev_.currentTarget;
         };
-        LegendBaseView.prototype.o = function (e_) {
-            return this.c.n(this.n(e_));
+        LegendBaseView.prototype.p = function (e_) {
+            return this.d.n(this.o(e_));
         };
-        LegendBaseView.prototype.ad = function (a) {
-            if (!this.l) {
-                this.b.a3(this.e(this.o(a)));
+        LegendBaseView.prototype.ae = function (a) {
+            if (!this.m) {
+                this.c.a3(this.f(this.p(a)));
             }
-            this.l = true;
+            this.m = true;
         };
-        LegendBaseView.prototype.ac = function (a) {
-            if (this.l) {
-                this.b.a4(this.e(this.o(a)));
+        LegendBaseView.prototype.ad = function (a) {
+            if (this.m) {
+                this.c.a4(this.f(this.p(a)));
             }
-            this.l = false;
+            this.m = false;
         };
-        LegendBaseView.prototype.ab = function (a) {
-            this.b.a5(this.d(this.o(a)));
+        LegendBaseView.prototype.ac = function (a) {
+            this.c.a5(this.e(this.p(a)));
         };
-        LegendBaseView.prototype.ae = function (a) {
-            this.b.a6(this.d(this.o(a)));
+        LegendBaseView.prototype.af = function (a) {
+            this.c.a6(this.e(this.p(a)));
         };
-        LegendBaseView.prototype.h = function (a) {
+        LegendBaseView.prototype.i = function (a) {
             var b = a.querySelectorAll("span *");
             var c = igniteuiWebcomponentsCore.Rect.empty;
             for (var e = 0; e < b.length; e++) {
@@ -164631,16 +164650,16 @@
             }
             return igniteuiWebcomponentsCore.RectData.b(c);
         };
-        LegendBaseView.prototype.g = function (a) {
+        LegendBaseView.prototype.h = function (a) {
             var b = a.querySelectorAll("canvas");
             var c = b.length > 0 ? b[0] : null;
             return c != null ? new igniteuiWebcomponentsCore.RectData(c.getOffset().left, c.getOffset().top, c.width(), c.height()) : null;
         };
         LegendBaseView.prototype.a = function (a) {
-            if (this.b == null || this.b.at == null || this.b.at.count <= a) {
+            if (this.c == null || this.c.at == null || this.c.at.count <= a) {
                 return null;
             }
-            var b = this.b.at._inner[a];
+            var b = this.c.at._inner[a];
             if (b == null) {
                 return null;
             }
@@ -164651,9 +164670,24 @@
             var d = c.actualItemBrush != null ? c.actualItemBrush : c.itemBrush;
             return igniteuiWebcomponentsCore.AppearanceHelper.b(d);
         };
-        LegendBaseView.prototype.f = function () {
+        LegendBaseView.prototype.b = function (a) {
+            if (this.c == null || this.c.at == null || this.c.at.count <= a) {
+                return null;
+            }
+            var b = this.c.at._inner[a];
+            if (b == null) {
+                return null;
+            }
+            var c = b.content;
+            if (c == null) {
+                return null;
+            }
+            var d = c.outline;
+            return igniteuiWebcomponentsCore.AppearanceHelper.b(d);
+        };
+        LegendBaseView.prototype.g = function () {
             var a = new LegendVisualData();
-            var b = this.c.l;
+            var b = this.d.l;
             var c = b.getChildCount();
             for (var d = 0; d < c; d++) {
                 var e = new LegendItemVisualData();
@@ -164661,12 +164695,15 @@
                 e.label = f.getText();
                 e.label = e.label != null ? e.label.trim() : null;
                 e.bounds = new igniteuiWebcomponentsCore.RectData(f.getOffset().left, f.getOffset().top, f.width(), f.height());
-                e.labelBounds = this.h(f);
-                e.badgeBounds = this.g(f);
+                e.labelBounds = this.i(f);
+                e.badgeBounds = this.h(f);
+                e.appearance.fill = this.a(d);
+                e.appearance.stroke = this.b(d);
                 a.items.add(e);
             }
-            for (var g = 0; g < this.b.at.count; g++) {
+            for (var g = 0; g < this.c.at.count; g++) {
                 a.items._inner[g].appearance.fill = this.a(g);
+                a.items._inner[g].appearance.stroke = this.b(g);
             }
             return a;
         };
@@ -164732,7 +164769,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bc.an(c);
+                            _this.bc.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -164753,7 +164790,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bc.x(d);
+                            _this.bc.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -164801,7 +164838,7 @@
                     var e = void 0;
                     var f = void 0;
                     var g = void 0;
-                    var h = this.ak.aa(d, e, f, g);
+                    var h = this.ak.ab(d, e, f, g);
                     e = h.p1;
                     f = h.p2;
                     g = h.p3;
@@ -164857,10 +164894,10 @@
         };
         Object.defineProperty(Legend.prototype, "bb", {
             get: function () {
-                return this.ak.k ? 0 : 1;
+                return this.ak.l ? 0 : 1;
             },
             set: function (a) {
-                this.ak.k = a == 0;
+                this.ak.l = a == 0;
             },
             enumerable: false,
             configurable: true
@@ -164870,20 +164907,20 @@
         };
         Object.defineProperty(Legend.prototype, "bh", {
             get: function () {
-                return this.ak.v;
+                return this.ak.w;
             },
             set: function (a) {
-                this.ak.v = a;
+                this.ak.w = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(Legend.prototype, "bi", {
             get: function () {
-                return this.ak.w;
+                return this.ak.x;
             },
             set: function (a) {
-                this.ak.w = a;
+                this.ak.x = a;
             },
             enumerable: false,
             configurable: true
@@ -164898,12 +164935,12 @@
         tslib.__extends(LegendView, _super);
         function LegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ao = null;
-            _this.ao = a;
+            _this.ap = null;
+            _this.ap = a;
             return _this;
         }
-        LegendView.prototype.ak = function () {
-            _super.prototype.ak.call(this);
+        LegendView.prototype.al = function () {
+            _super.prototype.al.call(this);
         };
         LegendView.$t = igniteuiWebcomponentsCore.markType(LegendView, 'LegendView', LegendBaseView.$);
         return LegendView;
@@ -165087,7 +165124,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bb.an(c);
+                            _this.bb.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -165108,7 +165145,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bb.x(d);
+                            _this.bb.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -165154,7 +165191,7 @@
         tslib.__extends(FinancialLegendView, _super);
         function FinancialLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.c = new FinancialLegendViewManager(_this);
+            _this.d = new FinancialLegendViewManager(_this);
             return _this;
         }
         FinancialLegendView.$t = igniteuiWebcomponentsCore.markType(FinancialLegendView, 'FinancialLegendView', LegendBaseView.$);
@@ -202530,8 +202567,9 @@
             for (var ac = 0; ac < this.yo.c.count; ac++) {
                 t = v.item(ac);
                 u = w.item(ac);
+                var ad = 1E-10;
                 if (x) {
-                    if (t >= k && t <= l && u >= m && u <= n) {
+                    if (t >= k - ad && t <= l + ad && u >= m - ad && u <= n + ad) {
                         c[ac].x = r.ek(t, h);
                         c[ac].y = s.ek(u, i);
                     }
@@ -202547,7 +202585,7 @@
                     }
                 }
                 else {
-                    if (t >= k && t <= l && u >= m && u <= n) {
+                    if (t >= k - ad && t <= l + ad && u >= m - ad && u <= n + ad) {
                         c[ac].x = r.ek(t, h);
                         c[ac].y = s.ek(u, i);
                     }
@@ -235632,7 +235670,7 @@
                     try {
                         for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var c = _d.value;
-                            _this.bb.an(c);
+                            _this.bb.ao(c);
                         }
                     }
                     catch (e_1_1) {
@@ -235653,7 +235691,7 @@
                     try {
                         for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var d = _f.value;
-                            _this.bb.x(d);
+                            _this.bb.y(d);
                         }
                     }
                     catch (e_2_1) {
@@ -235681,7 +235719,7 @@
             this.bb = a;
         };
         ItemLegend.prototype.addChildInOrder = function (a, b) {
-            if (!this.ak.m()) {
+            if (!this.ak.n()) {
                 return;
             }
             this.bl(b);
@@ -235694,7 +235732,7 @@
         };
         ItemLegend.prototype.a0 = function (a, b) {
             var e_3, _a;
-            this.ak.af();
+            this.ak.ag();
             this.clearLegendItemsForSeries(b);
             if (b == null || a == null || a.count == 0) {
                 return;
@@ -235734,14 +235772,14 @@
                         throw e_3.error;
                 }
             }
-            this.ak.ag();
+            this.ak.ah();
         };
         ItemLegend.prototype.createLegendItemsInsert = function (a, b) {
             this.bk(a, b);
         };
         ItemLegend.prototype.bk = function (a, b) {
             var e_4, _a;
-            this.ak.af();
+            this.ak.ag();
             try {
                 var c = this.bf(b);
                 if (b == null || a == null || a.count == 0) {
@@ -235780,7 +235818,7 @@
                 }
             }
             finally {
-                this.ak.ag();
+                this.ak.ah();
             }
         };
         ItemLegend.prototype.renderItemwiseContent = function (a) {
@@ -235909,34 +235947,34 @@
             return c;
         };
         ItemLegend.prototype.be = function (a) {
-            return this.bb.ap(a);
+            return this.bb.aq(a);
         };
         Object.defineProperty(ItemLegend.prototype, "bc", {
             get: function () {
-                return this.ak.k ? 0 : 1;
+                return this.ak.l ? 0 : 1;
             },
             set: function (a) {
-                this.ak.k = a == 0;
+                this.ak.l = a == 0;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ItemLegend.prototype, "bi", {
             get: function () {
-                return this.ak.v;
+                return this.ak.w;
             },
             set: function (a) {
-                this.ak.v = a;
+                this.ak.w = a;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ItemLegend.prototype, "bj", {
             get: function () {
-                return this.ak.w;
+                return this.ak.x;
             },
             set: function (a) {
-                this.ak.w = a;
+                this.ak.x = a;
             },
             enumerable: false,
             configurable: true
@@ -235951,22 +235989,22 @@
         tslib.__extends(ItemLegendView, _super);
         function ItemLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ao = null;
-            _this.ao = a;
+            _this.ap = null;
+            _this.ap = a;
             return _this;
         }
-        ItemLegendView.prototype.ak = function () {
-            _super.prototype.ak.call(this);
+        ItemLegendView.prototype.al = function () {
+            _super.prototype.al.call(this);
         };
-        ItemLegendView.prototype.get_j = function () {
+        ItemLegendView.prototype.get_k = function () {
             return true;
         };
-        ItemLegendView.prototype.ap = function (a) {
-            return this.c.e(a);
+        ItemLegendView.prototype.aq = function (a) {
+            return this.d.e(a);
         };
-        ItemLegendView.prototype.f = function () {
+        ItemLegendView.prototype.g = function () {
             var a = new LegendVisualData();
-            var b = this.c.g.rootWrapper;
+            var b = this.d.g.rootWrapper;
             b = b.getChildAt(0);
             var c = b.getChildCount();
             for (var d = 0; d < c; d++) {
@@ -235975,13 +236013,14 @@
                 e.label = f.getText();
                 e.label = e.label != null ? e.label.trim() : null;
                 e.bounds = new igniteuiWebcomponentsCore.RectData(f.getOffset().left, f.getOffset().top, f.width(), f.height());
-                e.labelBounds = this.h(f);
-                e.badgeBounds = this.g(f);
+                e.labelBounds = this.i(f);
+                e.badgeBounds = this.h(f);
                 a.items.add(e);
             }
             if (c == a.items.count) {
                 for (var g = 0; g < c; g++) {
                     a.items._inner[g].appearance.fill = this.a(g);
+                    a.items._inner[g].appearance.stroke = this.b(g);
                 }
             }
             return a;
@@ -236240,21 +236279,21 @@
         };
         Object.defineProperty(ScaleLegend.prototype, "legendScaleElement", {
             get: function () {
-                return this.bd.ba;
+                return this.bd.bb;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ScaleLegend.prototype, "minText", {
             get: function () {
-                return this.bd.a6;
+                return this.bd.a7;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ScaleLegend.prototype, "maxText", {
             get: function () {
-                return this.bd.a5;
+                return this.bd.a6;
             },
             enumerable: false,
             configurable: true
@@ -236270,14 +236309,14 @@
             configurable: true
         });
         ScaleLegend.prototype.bi = function () {
-            this.bd.a2();
+            this.bd.a3();
         };
         ScaleLegend.prototype.restoreOriginalState = function () {
             this.bi();
         };
         ScaleLegend.prototype.bl = function (a) {
             if (a == null) {
-                return this.bd.a9();
+                return this.bd.ba();
             }
             return igniteuiWebcomponentsCore.ColorUtil.v(a);
         };
@@ -236302,11 +236341,11 @@
             var a = false;
             var b = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.Shape.$, this.legendScaleElement);
             if (b != null) {
-                var c_1 = this.bd.aw();
-                if (!this.bc.forScaleColors(function (d, e) { return _this.bd.ay(c_1, _this.bl(d), e); })) {
+                var c_1 = this.bd.ax();
+                if (!this.bc.forScaleColors(function (d, e) { return _this.bd.az(c_1, _this.bl(d), e); })) {
                     a = true;
                 }
-                this.bd.a3(b, a, c_1);
+                this.bd.a4(b, a, c_1);
             }
             if (this.minText != null) {
                 this.minText.al = this.bc.minScaleText;
@@ -236325,34 +236364,34 @@
         tslib.__extends(ScaleLegendView, _super);
         function ScaleLegendView(a) {
             var _this = _super.call(this, a) || this;
-            _this.ap = null;
-            _this.ba = null;
-            _this.a6 = null;
-            _this.a5 = null;
-            _this.ao = null;
             _this.aq = null;
-            _this.bb = new igniteuiWebcomponentsCore.Size();
-            _this.ar = false;
-            _this.as = 0;
-            _this.a8 = null;
+            _this.bb = null;
             _this.a7 = null;
-            _this.ap = a;
+            _this.a6 = null;
+            _this.ap = null;
+            _this.ar = null;
+            _this.bc = new igniteuiWebcomponentsCore.Size();
+            _this.as = false;
+            _this.at = 0;
+            _this.a9 = null;
+            _this.a8 = null;
+            _this.aq = a;
+            _this.a7 = new igniteuiWebcomponentsCore.TextBlock();
             _this.a6 = new igniteuiWebcomponentsCore.TextBlock();
-            _this.a5 = new igniteuiWebcomponentsCore.TextBlock();
-            _this.ba = new igniteuiWebcomponentsCore.Polygon();
+            _this.bb = new igniteuiWebcomponentsCore.Polygon();
             return _this;
         }
-        ScaleLegendView.prototype.a2 = function () {
+        ScaleLegendView.prototype.a3 = function () {
         };
-        ScaleLegendView.prototype.z = function () {
+        ScaleLegendView.prototype.aa = function () {
         };
-        ScaleLegendView.prototype.a9 = function () {
+        ScaleLegendView.prototype.ba = function () {
             return igniteuiWebcomponentsCore.Color.u(0, 0, 0, 0);
         };
-        ScaleLegendView.prototype.aw = function () {
+        ScaleLegendView.prototype.ax = function () {
             return new GradientData();
         };
-        ScaleLegendView.prototype.ay = function (a, b, c) {
+        ScaleLegendView.prototype.az = function (a, b, c) {
             var d = a;
             d.a.add(((function () {
                 var $ret = new GradientStopData();
@@ -236365,77 +236404,77 @@
                 return $ret;
             })()));
         };
-        ScaleLegendView.prototype.a3 = function (a, b, c) {
+        ScaleLegendView.prototype.a4 = function (a, b, c) {
             if (b) {
-                this.a7 = this.ap.bc.actualMarkerBrush;
-                this.ao = null;
+                this.a8 = this.aq.bc.actualMarkerBrush;
+                this.ap = null;
             }
             else {
-                this.a7 = null;
-                this.ao = c;
-                this.ao.b();
+                this.a8 = null;
+                this.ap = c;
+                this.ap.b();
             }
-            this.az();
+            this.a0();
         };
-        ScaleLegendView.prototype.ai = function (a) {
-            _super.prototype.ai.call(this, a);
-            this.aq = this.c.b(a);
-            this.bb = this.c.ab();
-            this.az();
+        ScaleLegendView.prototype.aj = function (a) {
+            _super.prototype.aj.call(this, a);
+            this.ar = this.d.b(a);
+            this.bc = this.d.ab();
+            this.a0();
         };
-        ScaleLegendView.prototype.az = function () {
-            if (!this.ar) {
-                this.ar = true;
-                if (this.c.g != null) {
-                    this.c.g.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a4), 0);
+        ScaleLegendView.prototype.a0 = function () {
+            if (!this.as) {
+                this.as = true;
+                if (this.d.g != null) {
+                    this.d.g.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a5), 0);
                 }
                 else {
-                    window.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a4), 0);
+                    window.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.a5), 0);
                 }
             }
         };
-        ScaleLegendView.prototype.a4 = function () {
-            if (this.ar) {
-                this.ar = false;
-                this.a1();
+        ScaleLegendView.prototype.a5 = function () {
+            if (this.as) {
+                this.as = false;
+                this.a2();
             }
         };
-        ScaleLegendView.prototype.a1 = function () {
-            if (this.aq == null) {
+        ScaleLegendView.prototype.a2 = function () {
+            if (this.ar == null) {
                 return;
             }
-            this.a0();
+            this.a1();
         };
-        ScaleLegendView.prototype.au = function (a) {
+        ScaleLegendView.prototype.av = function (a) {
             var b = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.TextBlock.$, a);
             if (b != null && b.al != null) {
-                return this.aq.f(b) + 0;
+                return this.ar.f(b) + 0;
             }
             return 0;
         };
-        ScaleLegendView.prototype.at = function (a) {
-            return this.as + 0;
+        ScaleLegendView.prototype.au = function (a) {
+            return this.at + 0;
         };
-        ScaleLegendView.prototype.a0 = function () {
-            if (this.ap.bc == null || this.ap.bc.container == null || (this.ao == null && this.a7 == null)) {
+        ScaleLegendView.prototype.a1 = function () {
+            if (this.aq.bc == null || this.aq.bc.container == null || (this.ap == null && this.a8 == null)) {
                 return;
             }
-            if (this.aq.d) {
-                var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IInternalLegendOwner_$type, this.ap.bc.container);
-                this.aq.ad(a.getFontInfo());
-                this.as = a.getFontHeight();
-                this.a8 = a.getFontBrush();
-                var b = this.au(this.a6);
-                var c = this.au(this.a5);
+            if (this.ar.d) {
+                var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IInternalLegendOwner_$type, this.aq.bc.container);
+                this.ar.ad(a.getFontInfo());
+                this.at = a.getFontHeight();
+                this.a9 = a.getFontBrush();
+                var b = this.av(this.a7);
+                var c = this.av(this.a6);
                 var d = Math.max(b, c) + 4;
-                if (d >= this.bb.width) {
+                if (d >= this.bc.width) {
                     d = 0;
                 }
-                var e = this.bb.width - d;
+                var e = this.bc.width - d;
                 var f = 2;
                 var g = 2;
                 e = e - 4;
-                var h = this.bb.height - 4;
+                var h = this.bc.height - 4;
                 var i = f + e + 4;
                 var j = g;
                 var k = h;
@@ -236443,36 +236482,36 @@
                 var m = { $type: igniteuiWebcomponentsCore.Point_$type, x: f + (5 / 5) * e, y: g };
                 var n = { $type: igniteuiWebcomponentsCore.Point_$type, x: f + (5 / 5) * e, y: h };
                 var o = { $type: igniteuiWebcomponentsCore.Point_$type, x: f, y: h };
-                var p = this.ba;
+                var p = this.bb;
                 p.an.clear();
                 p.an.add(l);
                 p.an.add(m);
                 p.an.add(n);
                 p.an.add(o);
+                this.a7.n = i;
+                this.a7.o = j;
+                this.a7.ao = this.a9;
                 this.a6.n = i;
-                this.a6.o = j;
-                this.a6.ao = this.a8;
-                this.a5.n = i;
-                this.a5.o = j + k - (this.at(this.a6));
-                this.a5.ao = this.a8;
-                if (!this.aq.e) {
-                    this.aq.l(0, 0, this.bb.width, this.bb.height);
-                }
-                if (this.ao == null && this.a7 != null) {
-                    p._fill = this.a7;
-                    this.aq.u(p);
+                this.a6.o = j + k - (this.au(this.a7));
+                this.a6.ao = this.a9;
+                if (!this.ar.e) {
+                    this.ar.l(0, 0, this.bc.width, this.bc.height);
+                }
+                if (this.ap == null && this.a8 != null) {
+                    p._fill = this.a8;
+                    this.ar.u(p);
                 }
                 else {
-                    this.c.y(this.aq, p, this.ao, new igniteuiWebcomponentsCore.Rect(0, g, f, e, h));
+                    this.d.y(this.ar, p, this.ap, new igniteuiWebcomponentsCore.Rect(0, g, f, e, h));
                 }
                 if (d > 0) {
-                    this.aq.x(this.a6);
-                    this.aq.x(this.a5);
+                    this.ar.x(this.a7);
+                    this.ar.x(this.a6);
                 }
             }
         };
-        ScaleLegendView.prototype.al = function () {
-            _super.prototype.al.call(this);
+        ScaleLegendView.prototype.am = function () {
+            _super.prototype.am.call(this);
         };
         ScaleLegendView.$t = igniteuiWebcomponentsCore.markType(ScaleLegendView, 'ScaleLegendView', LegendBaseView.$);
         return ScaleLegendView;