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

package/esm2015/lib/igc-data-pie-chart-component.js

@@ -269,41 +269,41 @@ export let IgcDataPieChartComponent = /*@__PURE__*/ (() => {
      * Gets or sets the duration used for animating series plots when the chart is loading into view
     */
         get transitionInDuration() {
-            return this.i.ake;
+            return this.i.akh;
         }
         set transitionInDuration(v) {
-            this.i.ake = +v;
-            this._a("transitionInDuration", this.i.ake);
+            this.i.akh = +v;
+            this._a("transitionInDuration", this.i.akh);
         }
         /**
          * Gets or sets the duration used for animating series plots when the series is leaving view
         */
         get transitionOutDuration() {
-            return this.i.akf;
+            return this.i.aki;
         }
         set transitionOutDuration(v) {
-            this.i.akf = +v;
-            this._a("transitionOutDuration", this.i.akf);
+            this.i.aki = +v;
+            this._a("transitionOutDuration", this.i.aki);
         }
         /**
          * Gets or sets the easing function used for animating series plots when the chart is loading into view
          * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
         */
         get transitionInEasingFunction() {
-            return this.i.aj8;
+            return this.i.akb;
         }
         set transitionInEasingFunction(v) {
-            this.i.aj8 = v;
+            this.i.akb = v;
         }
         /**
          * Gets or sets the easing function used for animating series plots when the chart is loading into view
          * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
         */
         get transitionOutEasingFunction() {
-            return this.i.aj9;
+            return this.i.akc;
         }
         set transitionOutEasingFunction(v) {
-            this.i.aj9 = v;
+            this.i.akc = v;
         }
         /**
          * Gets the domain type of this chart
@@ -315,48 +315,48 @@ export let IgcDataPieChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the type of chart series to generate from the data.
         */
         get chartType() {
-            return this.i.aj3;
+            return this.i.aj6;
         }
         set chartType(v) {
-            this.i.aj3 = ensureEnum(DataPieChartType_$type, v);
-            this._a("chartType", enumToString(DataPieChartType_$type, this.i.aj3));
+            this.i.aj6 = ensureEnum(DataPieChartType_$type, v);
+            this._a("chartType", enumToString(DataPieChartType_$type, this.i.aj6));
         }
         /**
          * Gets or sets whether animation of series plots is enabled when the chart is loading into view
         */
         get isTransitionInEnabled() {
-            return this.i.akb;
+            return this.i.ake;
         }
         set isTransitionInEnabled(v) {
-            this.i.akb = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.akb);
+            this.i.ake = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.ake);
         }
         /**
          * Gets or sets the method that determines how to animate series plots when the chart is loading into view
         */
         get transitionInMode() {
-            return this.i.aj1;
+            return this.i.aj4;
         }
         set transitionInMode(v) {
-            this.i.aj1 = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.aj1));
+            this.i.aj4 = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.aj4));
         }
         /**
          * Gets or sets the arrival speed used for animating series plots when the chart is loading into view
         */
         get transitionInSpeedType() {
-            return this.i.aj5;
+            return this.i.aj8;
         }
         set transitionInSpeedType(v) {
-            this.i.aj5 = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.aj5));
+            this.i.aj8 = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.aj8));
         }
         /**
      * Export serialized visual data.
     
     */
         exportSerializedVisualData() {
-            let iv = this.i.akh();
+            let iv = this.i.akk();
             return (iv);
         }
     }

package/esm2015/lib/igc-pie-chart-base-component.js

@@ -6,7 +6,7 @@ import { LeaderLineType_$type } from "./LeaderLineType";
 import { OthersCategoryType_$type } from "igniteui-webcomponents-core";
 import { IgcIndexCollection } from "./igc-index-collection";
 import { SweepDirection_$type } from "igniteui-webcomponents-core";
-import { LegendEmptyValuesMode_$type } from "./LegendEmptyValuesMode";
+import { LegendEmptyValuesMode_$type } from "igniteui-webcomponents-core";
 import { SliceSelectionMode_$type } from "./SliceSelectionMode";
 import { IgcObjectCollection } from "igniteui-webcomponents-core";
 import { IgcLabelClickEventArgs } from "./igc-label-click-event-args";

package/esm2015/lib/igc-radial-pie-series-component.js

@@ -1,6 +1,7 @@
+import { LegendEmptyValuesMode_$type } from "igniteui-webcomponents-core";
 import { IgcAnchoredRadialSeriesComponent } from "./igc-anchored-radial-series-component";
 import { RadialPieSeries } from "./RadialPieSeries";
-import { getAllPropertyNames, toSpinal, toPoint, fromRect } from "igniteui-webcomponents-core";
+import { getAllPropertyNames, toSpinal, ensureEnum, enumToString, toPoint, fromRect } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a IgxDataChartComponent radial pie series.
@@ -75,30 +76,40 @@ export let IgcRadialPieSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
         */
         get radiusX() {
-            return this.i.adh;
+            return this.i.adj;
         }
         set radiusX(v) {
-            this.i.adh = +v;
-            this._a("radiusX", this.i.adh);
+            this.i.adj = +v;
+            this._a("radiusX", this.i.adj);
         }
         /**
          * Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
         */
         get radiusY() {
-            return this.i.adi;
+            return this.i.adk;
         }
         set radiusY(v) {
-            this.i.adi = +v;
-            this._a("radiusY", this.i.adi);
+            this.i.adk = +v;
+            this._a("radiusY", this.i.adk);
         }
         /**
          * Gets or sets the property name that contains the legend labels.
         */
         get legendLabelMemberPath() {
-            return this.i.adl;
+            return this.i.ado;
         }
         set legendLabelMemberPath(v) {
-            this.i.adl = v;
+            this.i.ado = v;
+        }
+        /**
+         * Determines display mode for zero values in the legend.
+        */
+        get legendEmptyValuesMode() {
+            return this.i.ade;
+        }
+        set legendEmptyValuesMode(v) {
+            this.i.ade = ensureEnum(LegendEmptyValuesMode_$type, v);
+            this._a("legendEmptyValuesMode", enumToString(LegendEmptyValuesMode_$type, this.i.ade));
         }
         /**
          * For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.

package/esm2015/public_api.js

@@ -1123,7 +1123,6 @@ export * from './lib/igc-pie-chart-module';
 export * from './lib/igc-pie-chart-component';
 export * from './lib/PieChartViewManager';
 export * from './lib/PieLegendTemplates';
-export * from './lib/LegendEmptyValuesMode';
 export * from './lib/LabelsPosition';
 export * from './lib/LeaderLineType';
 export * from './lib/SliceSelectionMode';

package/esm5/lib/AnchoredRadialBucketCalculator_combined.js

@@ -16,10 +16,10 @@ import { Brush } from "igniteui-webcomponents-core";
 import { PenLineCap_$type } from "igniteui-webcomponents-core";
 import { DoubleCollection } from "igniteui-webcomponents-core";
 import { RadialFrame } from "./RadialFrame";
+import { ProportionalCategoryAngleAxis } from "./ProportionalCategoryAngleAxis";
 import { ScalerParams } from "./ScalerParams";
 import { Rect } from "igniteui-webcomponents-core";
 import { FastItemCoalescingColumn } from "./FastItemCoalescingColumn";
-import { ProportionalCategoryAngleAxis } from "./ProportionalCategoryAngleAxis";
 import { List$1 } from "igniteui-webcomponents-core";
 import { SeriesLayerPropertyOverlay } from "./SeriesLayerPropertyOverlay";
 import { DataLegendSeriesValueInfo } from "igniteui-webcomponents-core";
@@ -131,7 +131,7 @@ var AnchoredRadialSeries = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     AnchoredRadialSeries.prototype.kr = function (a) {
         if (this.yr != null && this.yr.cl) {
-            if (a == this.yr.lh - 1) {
+            if (a == this.yr.othersIndex) {
                 return this.yy;
             }
         }

package/esm5/lib/CalloutLayer_combined.js

@@ -1233,7 +1233,7 @@ var CalloutLayer = /** @class */ /*@__PURE__*/ (function (_super) {
             d = true;
         }
         a.kg = this.zs;
-        if (!a.gg && a.d9(this.aa9, this.aa4, this.aa0, this.abn)) {
+        if (!a.gg && a.d9(this.aa9, this.aa4, this.aa0, this.abn, false)) {
             var e = this.aa9;
             var _loop_1 = function (f) {
                 var g = e._inner[f];

package/esm5/lib/CategoryBucketCalculator_combined.js

@@ -765,104 +765,104 @@ var CategorySeries = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    CategorySeries.prototype.d9 = function (a, b, c, d) {
+    CategorySeries.prototype.d9 = function (a, b, c, d, e) {
         var _this = this;
         if (!this.hasMarkers) {
             return false;
         }
-        var e = this.getEffectiveViewport1(this.ct);
-        var f = this.yk();
-        var g = new ScalerParams(1, this.c9.vl, this.wl, f.ch);
-        g.c = e;
-        var h = this.y0();
-        var i = new ScalerParams(1, this.c9.vl, this.wl, h.ch);
-        i.c = e;
-        var j = this.c9.vl;
-        var k = this.wl;
-        var l = this.currentMode2Index;
-        var m = 0;
-        if (f.ce && f.cc) {
-            m = f.getSeriesOffset(j, k, e, l, f.categoryMode);
+        var f = this.getEffectiveViewport1(this.ct);
+        var g = this.yk();
+        var h = new ScalerParams(1, this.c9.vl, this.wl, g.ch);
+        h.c = f;
+        var i = this.y0();
+        var j = new ScalerParams(1, this.c9.vl, this.wl, i.ch);
+        j.c = f;
+        var k = this.c9.vl;
+        var l = this.wl;
+        var m = this.currentMode2Index;
+        var n = 0;
+        if (g.ce && g.cc) {
+            n = g.getSeriesOffset(k, l, f, m, g.categoryMode);
         }
         a.clear();
-        this.wy.cj(function (n) {
-            if (n._visibility == 0) {
-                var o = new SeriesPointOfInterest();
-                var p = n.n;
-                var q = n.o;
-                if (p < _this.wl.left || p > _this.wl.right || q < _this.wl.top || q > _this.wl.bottom) {
+        this.wy.cj(function (o) {
+            if (o._visibility == 0) {
+                var p = new SeriesPointOfInterest();
+                var q = o.n;
+                var r = o.o;
+                if (q < _this.wl.left || q > _this.wl.right || r < _this.wl.top || r > _this.wl.bottom) {
                     return;
                 }
                 if (_this.isVertical) {
-                    if (f.cb && !f.ce && f.categoryMode != 0) {
-                        o.e = n.ak;
+                    if (g.cb && !g.ce && g.categoryMode != 0) {
+                        p.e = o.ak;
                     }
                     else {
-                        o.e = f.en(q, g);
+                        p.e = g.en(r, h);
                     }
-                    o.d = h.en(p, i);
+                    p.d = i.en(q, j);
                 }
                 else {
-                    if (f.cb && !f.ce && f.categoryMode != 0) {
-                        o.d = n.ak;
+                    if (g.cb && !g.ce && g.categoryMode != 0) {
+                        p.d = o.ak;
                     }
                     else {
-                        o.d = f.en(p, g);
+                        p.d = g.en(q, h);
                     }
-                    o.e = h.en(q, i);
+                    p.e = i.en(r, j);
                 }
-                o.b = n.content;
+                p.b = o.content;
                 if (b) {
                     if (_this.isVertical) {
                         if (c) {
-                            o.f = _this.zq(o.d, d);
+                            p.f = _this.zq(p.d, d);
                         }
                         else {
-                            var r = _this.jb(n);
-                            if (!isNaN_(r)) {
-                                o.f = _this.zq(r, d);
+                            var s = _this.jb(o);
+                            if (!isNaN_(s)) {
+                                p.f = _this.zq(s, d);
                             }
                             else {
-                                o.f = _this.zq(o.d, d);
+                                p.f = _this.zq(p.d, d);
                             }
                         }
                     }
                     else {
                         if (c) {
-                            o.f = _this.zq(o.e, d);
+                            p.f = _this.zq(p.e, d);
                         }
                         else {
-                            var s = _this.jb(n);
-                            if (!isNaN_(s)) {
-                                o.f = _this.zq(s, d);
+                            var t = _this.jb(o);
+                            if (!isNaN_(t)) {
+                                p.f = _this.zq(t, d);
                             }
                             else {
-                                o.f = _this.zq(o.e, d);
+                                p.f = _this.zq(p.e, d);
                             }
                         }
                     }
                 }
                 else {
-                    var t = _this.at(true);
-                    if (t != null) {
-                        var u = _this.kq(n.ak, false);
-                        if (u != null) {
-                            o.f = t.i(u);
+                    var u = _this.at(true);
+                    if (u != null) {
+                        var v = _this.kq(o.ak, false);
+                        if (v != null) {
+                            p.f = u.i(v);
                         }
                         else {
-                            o.f = null;
+                            p.f = null;
                         }
                     }
                     else {
-                        o.f = f.ge(n.ak);
+                        p.f = g.ge(o.ak);
                     }
                 }
-                o.c = n.ak;
-                o.g = _this.va;
+                p.c = o.ak;
+                p.g = _this.va;
                 if (_this.g7) {
-                    o.g = _this.vh(n.ak);
+                    p.g = _this.vh(o.ak);
                 }
-                a.add(o);
+                a.add(p);
             }
         });
         return true;

package/esm5/lib/DataLegendContent_combined.js

@@ -34,8 +34,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";
@@ -776,6 +778,11 @@ var XamDataLegend = /** @class */ /*@__PURE__*/ (function (_super) {
                     l.badgeMarginBottom = k.z.bottom;
                     l.badgeMarginRight = k.z.right;
                     l.badgeMarginLeft = k.z.left;
+                    l.badgeAppearance = new PrimitiveAppearanceData();
+                    var aa = typeCast(ILegendContext_$type, k.n);
+                    var 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/esm5/lib/DataLegendVisualData_combined.js

@@ -311,6 +311,7 @@ var DataLegendVisualDataRow = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._badgeMarginRight = 0;
         _this._badgeMarginBottom = 0;
         _this._badgeShape = null;
+        _this._badgeAppearance = null;
         _this._rowBounds = null;
         _this._rowMarginLeft = 0;
         _this._rowMarginTop = 0;
@@ -400,6 +401,16 @@ var DataLegendVisualDataRow = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
@@ -456,22 +467,25 @@ var DataLegendVisualDataRow = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = "   ";
         var 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);
         var d = new List$1(String_$type, 0);
         try {
             for (var _b = __values(fromEnum(this.columns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -492,13 +506,13 @@ var DataLegendVisualDataRow = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        c.u(b + this.n("columns") + "[");
+        c.u(b + this.o("columns") + "[");
         c.u(b + b + stringJoin.apply(void 0, __spreadArray([", \n" + b + b], __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 = markType(DataLegendVisualDataRow, 'DataLegendVisualDataRow');