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

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

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

@@ -1152,6 +1152,15 @@ var IgcPieChartBaseComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this._inStyling = false;
     };
+    /**
+     * Use to force the pie chart to finish any deferred work before printing or evaluating its visual.
+     * This should only be called if the visual of the pie chart needs to be synchronously saved or evaluated.
+     * Calling this method too often will hinder the performance of the pie chart.
+    
+    */
+    IgcPieChartBaseComponent.prototype.flush = function () {
+        this.i.fz();
+    };
     /**
      * Returns the chart visuals expressed as a serialized string.
     
@@ -1190,15 +1199,6 @@ var IgcPieChartBaseComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     IgcPieChartBaseComponent.prototype.destroy = function () {
         this.i.destroy();
     };
-    /**
-     * Use to force the pie chart to finish any deferred work before printing or evaluating its visual.
-     * This should only be called if the visual of the pie chart needs to be synchronously saved or evaluated.
-     * Calling this method too often will hinder the performance of the pie chart.
-    
-    */
-    IgcPieChartBaseComponent.prototype.flush = function () {
-        this.i.fz();
-    };
     IgcPieChartBaseComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
         this.i.f8(source_, index, oldItem, newItem);
     };

package/esm5/lib/igc-ring-series-collection.js

@@ -41,7 +41,12 @@ var IgcRingSeriesCollection = /** @class */ /*@__PURE__*/ (function (_super) {
             if (!ext) {
                 ext = IgcRingSeriesBaseComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-series-collection.js

@@ -41,7 +41,12 @@ var IgcSeriesCollection = /** @class */ /*@__PURE__*/ (function (_super) {
             if (!ext) {
                 ext = IgcSeriesComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-series-layer-collection.js

@@ -41,7 +41,12 @@ var IgcSeriesLayerCollection = /** @class */ /*@__PURE__*/ (function (_super) {
             if (!ext) {
                 ext = new IgcSeriesLayer();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-series-layer-property-overlay-collection.js

@@ -41,7 +41,12 @@ var IgcSeriesLayerPropertyOverlayCollection = /** @class */ /*@__PURE__*/ (funct
             if (!ext) {
                 ext = new IgcSeriesLayerPropertyOverlay();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-stacked-series-collection.js

@@ -41,7 +41,12 @@ var IgcStackedSeriesCollection = /** @class */ /*@__PURE__*/ (function (_super)
             if (!ext) {
                 ext = new IgcStackedFragmentSeriesComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-time-axis-break-collection.js

@@ -41,7 +41,12 @@ var IgcTimeAxisBreakCollection = /** @class */ /*@__PURE__*/ (function (_super)
             if (!ext) {
                 ext = new IgcTimeAxisBreakComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-time-axis-interval-collection.js

@@ -41,7 +41,12 @@ var IgcTimeAxisIntervalCollection = /** @class */ /*@__PURE__*/ (function (_supe
             if (!ext) {
                 ext = new IgcTimeAxisIntervalComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-time-axis-label-format-collection.js

@@ -41,7 +41,12 @@ var IgcTimeAxisLabelFormatCollection = /** @class */ /*@__PURE__*/ (function (_s
             if (!ext) {
                 ext = new IgcTimeAxisLabelFormatComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-treemap-node-style-mapping-collection.js

@@ -41,7 +41,12 @@ var IgcTreemapNodeStyleMappingCollection = /** @class */ /*@__PURE__*/ (function
             if (!ext) {
                 ext = new IgcTreemapNodeStyleMappingComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/public_api.js

@@ -839,6 +839,7 @@ export * from './lib/ITrendLineSeries';
 export * from './lib/IDataChartVisualDataManager';
 export * from './lib/IAxisVisualDataManager';
 export * from './lib/ISeriesVisualDataManager';
+export * from './lib/AxisAngleLabelMode';
 export * from './lib/AxisRangeBufferMode';
 export * from './lib/MarkerAutomaticBehavior';
 export * from './lib/MarkerFillMode';