igniteui-webcomponents-charts 5.0.0 → 5.0.1

package/esm5/lib/LegendBaseViewManager_combined.js

@@ -56,7 +56,7 @@ var LegendBaseViewManager = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = LegendItemHelper.b;
         if (window.devicePixelRatio != undefined && (isNaN_(a) || window.devicePixelRatio != a)) {
             LegendItemHelper.b = window.devicePixelRatio;
-            this.a.al();
+            this.a.am();
         }
     };
     LegendBaseViewManager.prototype.u = function () {
@@ -72,7 +72,7 @@ var LegendBaseViewManager = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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 () {
@@ -80,8 +80,8 @@ var LegendBaseViewManager = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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");
@@ -122,14 +122,14 @@ var LegendBaseViewManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 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);
                 }
             }
         }
@@ -137,10 +137,10 @@ var LegendBaseViewManager = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LegendBaseViewManager.prototype.o = function (a, b) {
         var c = this.k(a, this.l);
-        c.listen("mouseup", runOn(this.a, this.a.ae));
-        c.listen("mousedown", runOn(this.a, this.a.ab));
-        c.listen("mouseleave", runOn(this.a, this.a.ac));
-        c.listen("mousemove", runOn(this.a, this.a.ad));
+        c.listen("mouseup", runOn(this.a, this.a.af));
+        c.listen("mousedown", runOn(this.a, this.a.ac));
+        c.listen("mouseleave", runOn(this.a, this.a.ad));
+        c.listen("mousemove", runOn(this.a, this.a.ae));
         this.f.addItem(a, c);
         if ((this.l.getChildCount() == 0) || (b >= this.l.getChildCount())) {
             this.l.append(c);
@@ -316,7 +316,7 @@ var LegendBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.legendItemMouseMove = null;
         var a = _this.aj();
         _this.a8(a);
-        a.ak();
+        a.al();
         _this.at = new ObservableCollection$1(UIElement.$, 0);
         _this.aw = "ig-chart-legend-items-list";
         _this.ax = "ig-chart-legend-item";
@@ -325,10 +325,10 @@ var LegendBase = /** @class */ /*@__PURE__*/ (function (_super) {
         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);
@@ -498,50 +498,50 @@ var LegendBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     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();
@@ -568,44 +568,44 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
     __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;
@@ -613,11 +613,11 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
@@ -625,8 +625,8 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
         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) {
@@ -646,93 +646,93 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
             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.ae = function (a) {
+        if (!this.m) {
+            this.c.a3(this.f(this.p(a)));
+        }
+        this.m = true;
     };
     LegendBaseView.prototype.ad = function (a) {
-        if (!this.l) {
-            this.b.a3(this.e(this.o(a)));
+        if (this.m) {
+            this.c.a4(this.f(this.p(a)));
         }
-        this.l = true;
+        this.m = false;
     };
     LegendBaseView.prototype.ac = function (a) {
-        if (this.l) {
-            this.b.a4(this.e(this.o(a)));
-        }
-        this.l = false;
+        this.c.a5(this.e(this.p(a)));
     };
-    LegendBaseView.prototype.ab = function (a) {
-        this.b.a5(this.d(this.o(a)));
+    LegendBaseView.prototype.af = function (a) {
+        this.c.a6(this.e(this.p(a)));
     };
-    LegendBaseView.prototype.ae = function (a) {
-        this.b.a6(this.d(this.o(a)));
-    };
-    LegendBaseView.prototype.h = function (a) {
+    LegendBaseView.prototype.i = function (a) {
         var b = a.querySelectorAll("span *");
         var c = Rect.empty;
         for (var e = 0; e < b.length; e++) {
@@ -746,16 +746,16 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return 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 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;
         }
@@ -766,9 +766,24 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = c.actualItemBrush != null ? c.actualItemBrush : c.itemBrush;
         return 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 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();
@@ -776,12 +791,15 @@ var LegendBaseView = /** @class */ /*@__PURE__*/ (function (_super) {
             e.label = f.getText();
             e.label = e.label != null ? e.label.trim() : null;
             e.bounds = new 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;
     };

package/esm5/lib/Legend_combined.js

@@ -26,7 +26,7 @@ var Legend = /** @class */ /*@__PURE__*/ (function (_super) {
                 try {
                     for (var _c = __values(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) {
@@ -47,7 +47,7 @@ var Legend = /** @class */ /*@__PURE__*/ (function (_super) {
                 try {
                     for (var _e = __values(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) {
@@ -95,7 +95,7 @@ var Legend = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -151,10 +151,10 @@ var Legend = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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
@@ -164,20 +164,20 @@ var Legend = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     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
@@ -193,12 +193,12 @@ var LegendView = /** @class */ /*@__PURE__*/ (function (_super) {
     __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 = markType(LegendView, 'LegendView', LegendBaseView.$);
     return LegendView;