igniteui-webcomponents-charts 4.7.1 → 4.7.2-beta.1

package/esm5/lib/igc-funnel-chart-component.js

@@ -333,11 +333,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the inner labels are visible.
         */
         get: function () {
-            return this.i.ey;
+            return this.i.ez;
         },
         set: function (v) {
-            this.i.ey = ensureEnum(Visibility_$type, v);
-            this._a("innerLabelVisibility", enumToString(Visibility_$type, this.i.ey));
+            this.i.ez = ensureEnum(Visibility_$type, v);
+            this._a("innerLabelVisibility", enumToString(Visibility_$type, this.i.ez));
         },
         enumerable: false,
         configurable: true
@@ -347,11 +347,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the outer labels are visible.
         */
         get: function () {
-            return this.i.ez;
+            return this.i.e0;
         },
         set: function (v) {
-            this.i.ez = ensureEnum(Visibility_$type, v);
-            this._a("outerLabelVisibility", enumToString(Visibility_$type, this.i.ez));
+            this.i.e0 = ensureEnum(Visibility_$type, v);
+            this._a("outerLabelVisibility", enumToString(Visibility_$type, this.i.e0));
         },
         enumerable: false,
         configurable: true
@@ -485,11 +485,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill brush.
         */
         get: function () {
-            return this.i.ew ? this.i.ew.fill : null;
+            return this.i.ex ? this.i.ex.fill : null;
         },
         set: function (v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.fill = v;
+            this.i.ex.fill = v;
         },
         enumerable: false,
         configurable: true
@@ -499,11 +499,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke brush.
         */
         get: function () {
-            return this.i.ew ? this.i.ew.stroke : null;
+            return this.i.ex ? this.i.ex.stroke : null;
         },
         set: function (v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.stroke = v;
+            this.i.ex.stroke = v;
         },
         enumerable: false,
         configurable: true
@@ -513,12 +513,12 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness.
         */
         get: function () {
-            return this.i.ew ? this.i.ew.strokeThickness : NaN;
+            return this.i.ex ? this.i.ex.strokeThickness : NaN;
         },
         set: function (v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.strokeThickness = +v;
-            this._a("selectedSliceStrokeThickness", this.i.ew.strokeThickness);
+            this.i.ex.strokeThickness = +v;
+            this._a("selectedSliceStrokeThickness", this.i.ex.strokeThickness);
         },
         enumerable: false,
         configurable: true
@@ -528,32 +528,32 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity.
         */
         get: function () {
-            return this.i.ew ? this.i.ew.opacity : NaN;
+            return this.i.ex ? this.i.ex.opacity : NaN;
         },
         set: function (v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.opacity = +v;
-            this._a("selectedSliceOpacity", this.i.ew.opacity);
+            this.i.ex.opacity = +v;
+            this._a("selectedSliceOpacity", this.i.ex.opacity);
         },
         enumerable: false,
         configurable: true
     });
     IgcFunnelChartComponent.prototype.ensureSelectedSliceStyle = function () {
-        if (this.i.ew) {
+        if (this.i.ex) {
             return;
         }
-        this.i.ew = new Style();
+        this.i.ex = new Style();
     };
     Object.defineProperty(IgcFunnelChartComponent.prototype, "unselectedSliceFill", {
         /**
          * Gets or sets the fill brush.
         */
         get: function () {
-            return this.i.ex ? this.i.ex.fill : null;
+            return this.i.ey ? this.i.ey.fill : null;
         },
         set: function (v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.fill = v;
+            this.i.ey.fill = v;
         },
         enumerable: false,
         configurable: true
@@ -563,11 +563,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke brush.
         */
         get: function () {
-            return this.i.ex ? this.i.ex.stroke : null;
+            return this.i.ey ? this.i.ey.stroke : null;
         },
         set: function (v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.stroke = v;
+            this.i.ey.stroke = v;
         },
         enumerable: false,
         configurable: true
@@ -577,12 +577,12 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness.
         */
         get: function () {
-            return this.i.ex ? this.i.ex.strokeThickness : NaN;
+            return this.i.ey ? this.i.ey.strokeThickness : NaN;
         },
         set: function (v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.strokeThickness = +v;
-            this._a("unselectedSliceStrokeThickness", this.i.ex.strokeThickness);
+            this.i.ey.strokeThickness = +v;
+            this._a("unselectedSliceStrokeThickness", this.i.ey.strokeThickness);
         },
         enumerable: false,
         configurable: true
@@ -592,21 +592,21 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the opacity.
         */
         get: function () {
-            return this.i.ex ? this.i.ex.opacity : NaN;
+            return this.i.ey ? this.i.ey.opacity : NaN;
         },
         set: function (v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.opacity = +v;
-            this._a("unselectedSliceOpacity", this.i.ex.opacity);
+            this.i.ey.opacity = +v;
+            this._a("unselectedSliceOpacity", this.i.ey.opacity);
         },
         enumerable: false,
         configurable: true
     });
     IgcFunnelChartComponent.prototype.ensureUnselectedSliceStyle = function () {
-        if (this.i.ex) {
+        if (this.i.ey) {
             return;
         }
-        this.i.ex = new Style();
+        this.i.ey = new Style();
     };
     Object.defineProperty(IgcFunnelChartComponent.prototype, "legendItemBadgeTemplate", {
         /**
@@ -696,11 +696,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush used for the outer labels.
         */
         get: function () {
-            return brushToString(this.i.es);
+            return brushToString(this.i.et);
         },
         set: function (v) {
-            this.i.es = stringToBrush(v);
-            this._a("outerLabelTextColor", brushToString(this.i.es));
+            this.i.et = stringToBrush(v);
+            this._a("outerLabelTextColor", brushToString(this.i.et));
         },
         enumerable: false,
         configurable: true
@@ -710,11 +710,11 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush used for the inner labels.
         */
         get: function () {
-            return brushToString(this.i.et);
+            return brushToString(this.i.eu);
         },
         set: function (v) {
-            this.i.et = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.et));
+            this.i.eu = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eu));
         },
         enumerable: false,
         configurable: true
@@ -785,9 +785,18 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     /**
- * Provides container for funnel chart
+ * Use to force the funnel chart to finish any deferred work before printing or evaluating its visual.
+ * This should only be called if the visual of the funnel chart needs to be synchronously saved or evaluated.
+ * Calling this method too often will hinder the performance of the funnel chart.
 
 */
+    IgcFunnelChartComponent.prototype.flush = function () {
+        this.i.dd();
+    };
+    /**
+     * Provides container for funnel chart
+    
+    */
     IgcFunnelChartComponent.prototype.provideContainer = function (container) {
         this.i.provideContainer(container);
     };
@@ -799,7 +808,7 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.notifyResized();
     };
     IgcFunnelChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.dl(source_, index, oldItem, newItem);
+        this.i.dm(source_, index, oldItem, newItem);
     };
     /**
      * Manually notifies the chart's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -807,20 +816,20 @@ var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcFunnelChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.dg(source_);
+        this.i.dh(source_);
     };
     IgcFunnelChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.di(source_, index, newItem);
+        this.i.dj(source_, index, newItem);
     };
     IgcFunnelChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.dj(source_, index, oldItem);
+        this.i.dk(source_, index, oldItem);
     };
     /**
      * Toggle selection of item at index.
     
     */
     IgcFunnelChartComponent.prototype.toggleSelection = function (index) {
-        this.i.dy(index);
+        this.i.dz(index);
     };
     /**
      * Exports and serializes the chart visuals.

package/esm5/lib/igc-funnel-slice-event-args.js

@@ -1,5 +1,5 @@
 import { FunnelSliceEventArgs as FunnelSliceEventArgs_internal } from "./FunnelSliceEventArgs";
-import { fromRect, toRect } from "igniteui-webcomponents-core";
+import { fromRect, toRect, fromPoint, toPoint } from "igniteui-webcomponents-core";
 /**
  * Information about the clicked slice.
 */
@@ -74,6 +74,19 @@ var IgcFunnelSliceEventArgs = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcFunnelSliceEventArgs.prototype, "position", {
+        /**
+         * The position of the mouse relative to the funnel chart.
+        */
+        get: function () {
+            return fromPoint(this.i.position);
+        },
+        set: function (v) {
+            this.i.position = toPoint(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IgcFunnelSliceEventArgs;
 }());
 export { IgcFunnelSliceEventArgs };

package/esm5/lib/igc-numeric-angle-axis-component.js

@@ -1,7 +1,8 @@
 import { __extends } from "tslib";
+import { AxisAngleLabelMode_$type } from "./AxisAngleLabelMode";
 import { IgcNumericAxisBaseComponent } from "./igc-numeric-axis-base-component";
 import { NumericAngleAxis } from "./NumericAngleAxis";
-import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a IgxDataChartComponent angle based axis for polar series.
@@ -82,11 +83,25 @@ var IgcNumericAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get: function () {
-            return this.i.nr;
+            return this.i.nt;
         },
         set: function (v) {
-            this.i.nr = +v;
-            this._a("startAngleOffset", this.i.nr);
+            this.i.nt = +v;
+            this._a("startAngleOffset", this.i.nt);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcNumericAngleAxisComponent.prototype, "labelMode", {
+        /**
+         * Indicates the mode axis labels will operate in.
+        */
+        get: function () {
+            return this.i.nh;
+        },
+        set: function (v) {
+            this.i.nh = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.nh));
         },
         enumerable: false,
         configurable: true