igniteui-webcomponents-charts 5.0.0 → 5.0.1

package/esm2015/lib/DataLegendContent_combined.js

@@ -33,8 +33,10 @@ import { Extensions } from "igniteui-webcomponents-core";
 import { TextBlock } from "igniteui-webcomponents-core";
 import { DataLegendVisualDataRow } from "./DataLegendVisualDataRow";
 import { DataLegendVisualDataColumn } from "./DataLegendVisualDataColumn";
+import { ILegendContext_$type } from "igniteui-webcomponents-core";
 import { RectData } from "igniteui-webcomponents-core";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
+import { PrimitiveAppearanceData } from "igniteui-webcomponents-core";
 import { FrameworkElement } from "igniteui-webcomponents-core";
 import { DataLegendSummaryEventArgs } from "./DataLegendSummaryEventArgs";
 import { DataLegendSummaryCalculationTotal } from "./DataLegendSummaryCalculationTotal";
@@ -642,6 +644,11 @@ export let XamDataLegend = /*@__PURE__*/ (() => {
                         l.badgeMarginBottom = k.z.bottom;
                         l.badgeMarginRight = k.z.right;
                         l.badgeMarginLeft = k.z.left;
+                        l.badgeAppearance = new PrimitiveAppearanceData();
+                        let aa = typeCast(ILegendContext_$type, k.n);
+                        let ab = typeCast(ILegendContext_$type, k.i);
+                        l.badgeAppearance.fill = AppearanceHelper.b(aa.actualItemBrush);
+                        l.badgeAppearance.stroke = AppearanceHelper.b(aa.outline);
                         l.badgeShape = k.o;
                     }
                     l.rowBounds = RectData.b(m);

package/esm2015/lib/DataLegendVisualData_combined.js

@@ -227,6 +227,7 @@ export let DataLegendVisualDataRow = /*@__PURE__*/ (() => {
             this._badgeMarginRight = 0;
             this._badgeMarginBottom = 0;
             this._badgeShape = null;
+            this._badgeAppearance = null;
             this._rowBounds = null;
             this._rowMarginLeft = 0;
             this._rowMarginTop = 0;
@@ -283,6 +284,12 @@ export let DataLegendVisualDataRow = /*@__PURE__*/ (() => {
         set badgeShape(a) {
             this._badgeShape = a;
         }
+        get badgeAppearance() {
+            return this._badgeAppearance;
+        }
+        set badgeAppearance(a) {
+            this._badgeAppearance = a;
+        }
         get rowBounds() {
             return this._rowBounds;
         }
@@ -318,33 +325,36 @@ export let DataLegendVisualDataRow = /*@__PURE__*/ (() => {
             let b = "   ";
             let c = new 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);
             let d = new List$1(String_$type, 0);
             for (let e of fromEnum(this.columns)) {
                 d.add(e.serialize());
             }
-            c.u(b + this.n("columns") + "[");
+            c.u(b + this.o("columns") + "[");
             c.u(b + b + stringJoin(", \n" + b + b, ...d.toArray()));
             c.u(b + "]");
             c.u("}");
             return c.toString();
         }
-        n(a) {
+        o(a) {
             return a + ": ";
         }
     }

package/esm2015/lib/FinancialLegend_combined.js

@@ -26,12 +26,12 @@ export let FinancialLegend = /*@__PURE__*/ (() => {
             a.collectionChanged = delegateCombine(a.collectionChanged, (a, b) => {
                 if (b.oldItems != null) {
                     for (let c of fromEn(b.oldItems)) {
-                        this.bb.an(c);
+                        this.bb.ao(c);
                     }
                 }
                 if (b.newItems != null) {
                     for (let d of fromEn(b.newItems)) {
-                        this.bb.x(d);
+                        this.bb.y(d);
                     }
                 }
             });
@@ -53,7 +53,7 @@ export let FinancialLegendView = /*@__PURE__*/ (() => {
     class FinancialLegendView extends LegendBaseView {
         constructor(a) {
             super(a);
-            this.c = new FinancialLegendViewManager(this);
+            this.d = new FinancialLegendViewManager(this);
         }
     }
     FinancialLegendView.$t = /*@__PURE__*/ markType(FinancialLegendView, 'FinancialLegendView', LegendBaseView.$);

package/esm2015/lib/ItemLegend_combined.js

@@ -38,18 +38,18 @@ export let ItemLegend = /*@__PURE__*/ (() => {
             a.collectionChanged = delegateCombine(a.collectionChanged, (a, b) => {
                 if (b.oldItems != null) {
                     for (let c of fromEn(b.oldItems)) {
-                        this.bb.an(c);
+                        this.bb.ao(c);
                     }
                 }
                 if (b.newItems != null) {
                     for (let d of fromEn(b.newItems)) {
-                        this.bb.x(d);
+                        this.bb.y(d);
                     }
                 }
             });
         }
         addChildInOrder(a, b) {
-            if (!this.ak.m()) {
+            if (!this.ak.n()) {
                 return;
             }
             this.bl(b);
@@ -61,7 +61,7 @@ export let ItemLegend = /*@__PURE__*/ (() => {
             this.a0(a, b);
         }
         a0(a, b) {
-            this.ak.af();
+            this.ak.ag();
             this.clearLegendItemsForSeries(b);
             if (b == null || a == null || a.count == 0) {
                 return;
@@ -85,13 +85,13 @@ export let ItemLegend = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            this.ak.ag();
+            this.ak.ah();
         }
         createLegendItemsInsert(a, b) {
             this.bk(a, b);
         }
         bk(a, b) {
-            this.ak.af();
+            this.ak.ag();
             try {
                 let c = this.bf(b);
                 if (b == null || a == null || a.count == 0) {
@@ -114,7 +114,7 @@ export let ItemLegend = /*@__PURE__*/ (() => {
                 }
             }
             finally {
-                this.ak.ag();
+                this.ak.ah();
             }
         }
         renderItemwiseContent(a) {
@@ -192,25 +192,25 @@ export let ItemLegend = /*@__PURE__*/ (() => {
             return c;
         }
         be(a) {
-            return this.bb.ap(a);
+            return this.bb.aq(a);
         }
         get bc() {
-            return this.ak.k ? 0 : 1;
+            return this.ak.l ? 0 : 1;
         }
         set bc(a) {
-            this.ak.k = a == 0;
+            this.ak.l = a == 0;
         }
         get bi() {
-            return this.ak.v;
+            return this.ak.w;
         }
         set bi(a) {
-            this.ak.v = a;
+            this.ak.w = a;
         }
         get bj() {
-            return this.ak.w;
+            return this.ak.x;
         }
         set bj(a) {
-            this.ak.w = a;
+            this.ak.x = a;
         }
     }
     ItemLegend.$t = /*@__PURE__*/ markType(ItemLegend, 'ItemLegend', LegendBase.$, [IChartItemLegend_$type]);
@@ -223,21 +223,21 @@ export let ItemLegendView = /*@__PURE__*/ (() => {
     class ItemLegendView extends LegendBaseView {
         constructor(a) {
             super(a);
-            this.ao = null;
-            this.ao = a;
+            this.ap = null;
+            this.ap = a;
         }
-        ak() {
-            super.ak();
+        al() {
+            super.al();
         }
-        get_j() {
+        get_k() {
             return true;
         }
-        ap(a) {
-            return this.c.e(a);
+        aq(a) {
+            return this.d.e(a);
         }
-        f() {
+        g() {
             let a = new LegendVisualData();
-            let b = this.c.g.rootWrapper;
+            let b = this.d.g.rootWrapper;
             b = b.getChildAt(0);
             let c = b.getChildCount();
             for (let d = 0; d < c; d++) {
@@ -246,13 +246,14 @@ export let ItemLegendView = /*@__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);
                 a.items.add(e);
             }
             if (c == a.items.count) {
                 for (let 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;

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;
         }