igniteui-webcomponents-charts 5.0.0 → 5.0.2-beta.0

package/esm2015/lib/LegendBaseViewManager_combined.js

@@ -54,7 +54,7 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
             let a = LegendItemHelper.b;
             if (window.devicePixelRatio != undefined && (isNaN_(a) || window.devicePixelRatio != a)) {
                 LegendItemHelper.b = window.devicePixelRatio;
-                this.a.al();
+                this.a.am();
             }
         }
         u() {
@@ -70,7 +70,7 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
             }
             this.g = a;
             this.l = this.i();
-            this.l.addClass(this.a.s);
+            this.l.addClass(this.a.t);
             this.g.append(this.l);
         }
         i() {
@@ -78,8 +78,8 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
         }
         h() {
             let a = this.g.createElement("tr");
-            a.addClass(this.a.t);
-            let b = this.a.k;
+            a.addClass(this.a.u);
+            let b = this.a.l;
             if (b) {
                 a.setStyleProperty("display", "block");
                 a.setStyleProperty("float", "left");
@@ -120,14 +120,14 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
                     c.ah.render(h);
                     let i = d.findByClass(".ui-legend-item-badge");
                     for (let 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 (let 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);
                     }
                 }
             }
@@ -135,10 +135,10 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
         }
         o(a, b) {
             let 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);
@@ -248,10 +248,10 @@ export let LegendBaseViewManager = /*@__PURE__*/ (() => {
 export let LegendBase = /*@__PURE__*/ (() => {
     class LegendBase extends ContentControl {
         onDetachedFromUI() {
-            this.ak.aj();
+            this.ak.ak();
         }
         onAttachedToUI() {
-            this.ak.ah();
+            this.ak.ai();
         }
         aj() {
             return new LegendBaseView(this);
@@ -274,7 +274,7 @@ export let LegendBase = /*@__PURE__*/ (() => {
             this.legendItemMouseMove = null;
             let 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";
@@ -390,34 +390,34 @@ export let LegendBase = /*@__PURE__*/ (() => {
             }
         }
         provideContainer(a) {
-            this.ak.ai(a);
+            this.ak.aj(a);
         }
         get aw() {
-            return this.ak.s;
+            return this.ak.t;
         }
         set aw(a) {
-            this.ak.s = a;
+            this.ak.t = a;
         }
         get ax() {
-            return this.ak.t;
+            return this.ak.u;
         }
         set ax(a) {
-            this.ak.t = a;
+            this.ak.u = a;
         }
         get av() {
-            return this.ak.r;
+            return this.ak.s;
         }
         set av(a) {
-            this.ak.r = a;
+            this.ak.s = a;
         }
         get ay() {
-            return this.ak.u;
+            return this.ak.v;
         }
         set ay(a) {
-            this.ak.u = a;
+            this.ak.v = a;
         }
         exportVisualData() {
-            return this.ak.f();
+            return this.ak.g();
         }
         exportSerializedVisualData() {
             let a = this.exportVisualData();
@@ -440,39 +440,39 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
     class LegendBaseView extends Base {
         constructor(a) {
             super();
+            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();
         }
-        aj() {
-            this.c.u();
+        ak() {
+            this.d.u();
         }
-        ah() {
-            this.c.s();
+        ai() {
+            this.d.s();
         }
-        ak() {
+        al() {
         }
-        get_j() {
+        get_k() {
             return false;
         }
-        get j() {
-            return this.get_j();
+        get k() {
+            return this.get_k();
         }
-        d(a) {
+        e(a) {
             let b;
             let c;
             let d;
-            let e = this.aa(a, b, c, d);
+            let e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -480,11 +480,11 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
             let g = new LegendMouseButtonEventArgs(b, c, d, f, a);
             return g;
         }
-        e(a) {
+        f(a) {
             let b;
             let c;
             let d;
-            let e = this.aa(a, b, c, d);
+            let e = this.ab(a, b, c, d);
             b = e.p1;
             c = e.p2;
             d = e.p3;
@@ -492,8 +492,8 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
             let g = new LegendMouseEventArgs(b, c, d, f, a);
             return g;
         }
-        aa(a, b, c, d) {
-            b = this.b.ai;
+        ab(a, b, c, d) {
+            b = this.c.ai;
             c = null;
             d = null;
             if (a != null) {
@@ -513,81 +513,81 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
                 p3: d
             };
         }
-        z() {
+        aa() {
         }
-        m() {
+        n() {
             return true;
         }
-        y(a) {
-        }
-        am(a) {
-        }
-        ai(a) {
-            this.c.t(a);
+        z(a) {
         }
         an(a) {
-            this.c.x(a);
         }
-        x(a) {
-            let b = this.b.at.indexOf(a);
-            this.c.o(a, b);
+        aj(a) {
+            this.d.t(a);
         }
-        af() {
-            this.c.q();
+        ao(a) {
+            this.d.x(a);
         }
-        ag() {
-            this.c.r();
+        y(a) {
+            let b = this.c.at.indexOf(a);
+            this.d.o(a, b);
         }
-        get k() {
-            return this.i;
+        ag() {
+            this.d.q();
         }
-        set k(a) {
-            this.i = a;
-            this.c.v(this.i);
+        ah() {
+            this.d.r();
         }
-        get v() {
-            return this.p;
+        get l() {
+            return this.j;
         }
-        set v(a) {
-            this.p = a;
-            this.c.z(this.p);
+        set l(a) {
+            this.j = a;
+            this.d.v(this.j);
         }
         get w() {
             return this.q;
         }
         set w(a) {
             this.q = a;
-            this.c.aa(this.q);
+            this.d.z(this.q);
         }
-        al() {
-            this.c.p();
+        get x() {
+            return this.r;
+        }
+        set x(a) {
+            this.r = a;
+            this.d.aa(this.r);
         }
-        n(e_) {
+        am() {
+            this.d.p();
+        }
+        o(e_) {
             let ev_ = e_.originalEvent;
             return ev_.currentTarget;
         }
-        o(e_) {
-            return this.c.n(this.n(e_));
+        p(e_) {
+            return this.d.n(this.o(e_));
         }
-        ad(a) {
-            if (!this.l) {
-                this.b.a3(this.e(this.o(a)));
+        ae(a) {
+            if (!this.m) {
+                this.c.a3(this.f(this.p(a)));
             }
-            this.l = true;
+            this.m = true;
         }
-        ac(a) {
-            if (this.l) {
-                this.b.a4(this.e(this.o(a)));
+        ad(a) {
+            if (this.m) {
+                this.c.a4(this.f(this.p(a)));
             }
-            this.l = false;
+            this.m = false;
         }
-        ab(a) {
-            this.b.a5(this.d(this.o(a)));
+        ac(a) {
+            this.c.a5(this.e(this.p(a)));
         }
-        ae(a) {
-            this.b.a6(this.d(this.o(a)));
+        af(a) {
+            this.c.a6(this.e(this.p(a)));
         }
-        h(a) {
+        i(a) {
             let b = a.querySelectorAll("span *");
             let c = Rect.empty;
             for (let e = 0; e < b.length; e++) {
@@ -601,16 +601,16 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
             }
             return RectData.b(c);
         }
-        g(a) {
+        h(a) {
             let b = a.querySelectorAll("canvas");
             let c = b.length > 0 ? b[0] : null;
             return c != null ? new RectData(c.getOffset().left, c.getOffset().top, c.width(), c.height()) : null;
         }
         a(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;
             }
-            let b = this.b.at._inner[a];
+            let b = this.c.at._inner[a];
             if (b == null) {
                 return null;
             }
@@ -621,9 +621,24 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
             let d = c.actualItemBrush != null ? c.actualItemBrush : c.itemBrush;
             return AppearanceHelper.b(d);
         }
-        f() {
+        b(a) {
+            if (this.c == null || this.c.at == null || this.c.at.count <= a) {
+                return null;
+            }
+            let b = this.c.at._inner[a];
+            if (b == null) {
+                return null;
+            }
+            let c = b.content;
+            if (c == null) {
+                return null;
+            }
+            let d = c.outline;
+            return AppearanceHelper.b(d);
+        }
+        g() {
             let a = new LegendVisualData();
-            let b = this.c.l;
+            let b = this.d.l;
             let c = b.getChildCount();
             for (let d = 0; d < c; d++) {
                 let e = new LegendItemVisualData();
@@ -631,12 +646,15 @@ export let LegendBaseView = /*@__PURE__*/ (() => {
                 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 (let g = 0; g < this.b.at.count; g++) {
+            for (let 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/esm2015/lib/Legend_combined.js

@@ -29,12 +29,12 @@ export let Legend = /*@__PURE__*/ (() => {
             a.collectionChanged = delegateCombine(a.collectionChanged, (a, b) => {
                 if (b.oldItems != null) {
                     for (let c of fromEn(b.oldItems)) {
-                        this.bc.an(c);
+                        this.bc.ao(c);
                     }
                 }
                 if (b.newItems != null) {
                     for (let d of fromEn(b.newItems)) {
-                        this.bc.x(d);
+                        this.bc.y(d);
                     }
                 }
             });
@@ -57,7 +57,7 @@ export let Legend = /*@__PURE__*/ (() => {
                 let e;
                 let f;
                 let g;
-                let h = this.ak.aa(d, e, f, g);
+                let h = this.ak.ab(d, e, f, g);
                 e = h.p1;
                 f = h.p2;
                 g = h.p3;
@@ -98,25 +98,25 @@ export let Legend = /*@__PURE__*/ (() => {
             }
         }
         get bb() {
-            return this.ak.k ? 0 : 1;
+            return this.ak.l ? 0 : 1;
         }
         set bb(a) {
-            this.ak.k = a == 0;
+            this.ak.l = a == 0;
         }
         be(a) {
             return -1;
         }
         get bh() {
-            return this.ak.v;
+            return this.ak.w;
         }
         set bh(a) {
-            this.ak.v = a;
+            this.ak.w = a;
         }
         get bi() {
-            return this.ak.w;
+            return this.ak.x;
         }
         set bi(a) {
-            this.ak.w = a;
+            this.ak.x = a;
         }
     }
     Legend.$t = /*@__PURE__*/ markType(Legend, 'Legend', LegendBase.$);
@@ -129,11 +129,11 @@ export let LegendView = /*@__PURE__*/ (() => {
     class LegendView extends LegendBaseView {
         constructor(a) {
             super(a);
-            this.ao = null;
-            this.ao = a;
+            this.ap = null;
+            this.ap = a;
         }
-        ak() {
-            super.ak();
+        al() {
+            super.al();
         }
     }
     LegendView.$t = /*@__PURE__*/ markType(LegendView, 'LegendView', LegendBaseView.$);

package/esm2015/lib/PieChartViewManager_combined.js

@@ -44,7 +44,7 @@ import { NotifyCollectionChangedEventArgs } from "igniteui-webcomponents-core";
 import { IChartLegend_$type } from "igniteui-webcomponents-core";
 import { SweepDirection_$type } from "igniteui-webcomponents-core";
 import { DataTemplate } from "igniteui-webcomponents-core";
-import { LegendEmptyValuesMode_$type } from "./LegendEmptyValuesMode";
+import { LegendEmptyValuesMode_$type } from "igniteui-webcomponents-core";
 import { SliceSelectionMode_$type } from "./SliceSelectionMode";
 import { ObjectCollection } from "igniteui-webcomponents-core";
 import { BindingFormatter } from "igniteui-webcomponents-core";
@@ -2475,6 +2475,16 @@ export let PieChartBase = /*@__PURE__*/ (() => {
         }
         destroy() {
             this.gv();
+            if (this.b0) {
+                let a = this.ak;
+                a.collectionChanged = delegateRemove(a.collectionChanged, this.cu);
+                this.b0 = false;
+            }
+            if (this.b3) {
+                let b = this.al;
+                b.collectionChanged = delegateRemove(b.collectionChanged, this.cu);
+                this.b3 = false;
+            }
             this.a4.az(null);
         }
         get fq() {

package/esm2015/lib/PolarBase_combined.js

@@ -68,39 +68,39 @@ export let PolarBase = /*@__PURE__*/ (() => {
         get_fn() {
             return true;
         }
-        d9(a, b, c, d) {
+        d9(a, b, c, d, e) {
             if (!this.hasMarkers) {
                 return false;
             }
-            let e = this.yl;
-            let f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            let g = this.ym;
-            let h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
+            let f = this.yl;
+            let g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            let h = this.ym;
+            let i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
             a.clear();
-            this.wy.cj((i) => {
-                if (i._visibility == 0) {
-                    let j = new SeriesPointOfInterest();
-                    let k = i.n;
-                    let l = i.o;
-                    if (k < this.wl.left || k > this.wl.right || l < this.wl.top || l > this.wl.bottom) {
+            this.wy.cj((j) => {
+                if (j._visibility == 0) {
+                    let k = new SeriesPointOfInterest();
+                    let l = j.n;
+                    let m = j.o;
+                    if (l < this.wl.left || l > this.wl.right || m < this.wl.top || m > this.wl.bottom) {
                         return;
                     }
-                    let m;
                     let n;
-                    let o = this.yn.f(k, l, this.ct.by, this.ct.bx, this.ct.getEffectiveViewport(), m, n);
-                    m = o.p5;
-                    n = o.p6;
-                    j.d = m;
-                    j.e = n;
-                    j.b = i.content;
-                    j.g = this.va;
-                    j.c = i.ak;
+                    let o;
+                    let p = this.yn.f(l, m, this.ct.by, this.ct.bx, this.ct.getEffectiveViewport(), n, o);
+                    n = p.p5;
+                    o = p.p6;
+                    k.d = n;
+                    k.e = o;
+                    k.b = j.content;
+                    k.g = this.va;
+                    k.c = j.ak;
                     if (this.g7) {
-                        j.g = this.vh(i.ak);
+                        k.g = this.vh(j.ak);
                     }
-                    a.add(j);
+                    a.add(k);
                 }
             });
             return true;

package/esm2015/lib/RadialBucketCalculator_combined.js

@@ -176,48 +176,48 @@ export let RadialBase = /*@__PURE__*/ (() => {
             }
             super.pn(a);
         }
-        d9(a, b, c, d) {
+        d9(a, b, c, d, e) {
             if (!this.hasMarkers) {
                 return false;
             }
-            let e = this.yr;
-            let f = new ScalerParams(1, this.c9.vl, this.wl, e.ch);
-            f.c = this.getEffectiveViewport1(this.ct);
-            let g = this.yw;
-            let h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
-            h.c = this.getEffectiveViewport1(this.ct);
-            let i = this.zw;
+            let f = this.yr;
+            let g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
+            g.c = this.getEffectiveViewport1(this.ct);
+            let h = this.yw;
+            let i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
+            i.c = this.getEffectiveViewport1(this.ct);
+            let j = this.zw;
             a.clear();
-            this.wy.cj((j) => {
-                if (j._visibility == 0) {
-                    let k = new SeriesPointOfInterest();
-                    let l = j.n;
-                    let m = j.o;
-                    if (l < this.wl.left || l > this.wl.right || m < this.wl.top || m > this.wl.bottom) {
+            this.wy.cj((k) => {
+                if (k._visibility == 0) {
+                    let l = new SeriesPointOfInterest();
+                    let m = k.n;
+                    let n = k.o;
+                    if (m < this.wl.left || m > this.wl.right || n < this.wl.top || n > this.wl.bottom) {
                         return;
                     }
-                    let n = null;
-                    if (j.content != null) {
-                        n = j.content.item;
+                    let o = null;
+                    if (k.content != null) {
+                        o = k.content.item;
                     }
-                    let o;
                     let p;
-                    let q = this.yz.g(l, m, this.ct.by, this.ct.bx, this.ct.getEffectiveViewport(), o, p);
-                    o = q.p5;
-                    p = q.p6;
-                    k.d = o;
-                    k.e = p;
-                    let r = k.e;
-                    let s = j.ak;
-                    k.f = this.aav(r, n, s, d, i, c, b, false);
-                    k.b = j.content;
-                    k.g = this.va;
-                    k.c = j.ak;
+                    let q;
+                    let r = this.yz.g(m, n, this.ct.by, this.ct.bx, this.ct.getEffectiveViewport(), p, q);
+                    p = r.p5;
+                    q = r.p6;
+                    l.d = p;
+                    l.e = q;
+                    let s = l.e;
+                    let t = k.ak;
+                    l.f = this.aav(s, o, t, d, j, c, b, false);
+                    l.b = k.content;
+                    l.g = this.va;
+                    l.c = k.ak;
                     if (this.g7) {
-                        k.g = this.vh(j.ak);
+                        l.g = this.vh(k.ak);
                     }
-                    k.a = this.aq(j.ak, j.al);
-                    a.add(k);
+                    l.a = this.aq(k.ak, k.al);
+                    a.add(l);
                 }
             });
             return true;