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

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

@@ -282,21 +282,21 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the inner labels are visible.
         */
         get innerLabelVisibility() {
-            return this.i.ey;
+            return this.i.ez;
         }
         set innerLabelVisibility(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));
         }
         /**
          * Gets or sets whether the outer labels are visible.
         */
         get outerLabelVisibility() {
-            return this.i.ez;
+            return this.i.e0;
         }
         set outerLabelVisibility(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));
         }
         /**
          * Gets or sets which side of the chart the outer labels should appear.
@@ -390,97 +390,97 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the fill brush.
         */
         get selectedSliceFill() {
-            return this.i.ew ? this.i.ew.fill : null;
+            return this.i.ex ? this.i.ex.fill : null;
         }
         set selectedSliceFill(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.fill = v;
+            this.i.ex.fill = v;
         }
         /**
          * Gets or sets the stroke brush.
         */
         get selectedSliceStroke() {
-            return this.i.ew ? this.i.ew.stroke : null;
+            return this.i.ex ? this.i.ex.stroke : null;
         }
         set selectedSliceStroke(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ew.stroke = v;
+            this.i.ex.stroke = v;
         }
         /**
          * Gets or sets the stroke thickness.
         */
         get selectedSliceStrokeThickness() {
-            return this.i.ew ? this.i.ew.strokeThickness : NaN;
+            return this.i.ex ? this.i.ex.strokeThickness : NaN;
         }
         set selectedSliceStrokeThickness(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);
         }
         /**
          * Gets or sets the opacity.
         */
         get selectedSliceOpacity() {
-            return this.i.ew ? this.i.ew.opacity : NaN;
+            return this.i.ex ? this.i.ex.opacity : NaN;
         }
         set selectedSliceOpacity(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);
         }
         ensureSelectedSliceStyle() {
-            if (this.i.ew) {
+            if (this.i.ex) {
                 return;
             }
-            this.i.ew = new Style();
+            this.i.ex = new Style();
         }
         /**
          * Gets or sets the fill brush.
         */
         get unselectedSliceFill() {
-            return this.i.ex ? this.i.ex.fill : null;
+            return this.i.ey ? this.i.ey.fill : null;
         }
         set unselectedSliceFill(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.fill = v;
+            this.i.ey.fill = v;
         }
         /**
          * Gets or sets the stroke brush.
         */
         get unselectedSliceStroke() {
-            return this.i.ex ? this.i.ex.stroke : null;
+            return this.i.ey ? this.i.ey.stroke : null;
         }
         set unselectedSliceStroke(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ex.stroke = v;
+            this.i.ey.stroke = v;
         }
         /**
          * Gets or sets the stroke thickness.
         */
         get unselectedSliceStrokeThickness() {
-            return this.i.ex ? this.i.ex.strokeThickness : NaN;
+            return this.i.ey ? this.i.ey.strokeThickness : NaN;
         }
         set unselectedSliceStrokeThickness(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);
         }
         /**
          * Gets or sets the opacity.
         */
         get unselectedSliceOpacity() {
-            return this.i.ex ? this.i.ex.opacity : NaN;
+            return this.i.ey ? this.i.ey.opacity : NaN;
         }
         set unselectedSliceOpacity(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);
         }
         ensureUnselectedSliceStyle() {
-            if (this.i.ex) {
+            if (this.i.ey) {
                 return;
             }
-            this.i.ex = new Style();
+            this.i.ey = new Style();
         }
         /**
          * Gets or sets the LegendItemBadgeTemplate to use for the legend items.
@@ -545,21 +545,21 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the brush used for the outer labels.
         */
         get outerLabelTextColor() {
-            return brushToString(this.i.es);
+            return brushToString(this.i.et);
         }
         set outerLabelTextColor(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));
         }
         /**
          * Gets or sets the brush used for the inner labels.
         */
         get textColor() {
-            return brushToString(this.i.et);
+            return brushToString(this.i.eu);
         }
         set textColor(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));
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -623,9 +623,18 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
             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.
     
     */
+        flush() {
+            this.i.dd();
+        }
+        /**
+         * Provides container for funnel chart
+        
+        */
         provideContainer(container) {
             this.i.provideContainer(container);
         }
@@ -637,7 +646,7 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
             this.i.notifyResized();
         }
         notifySetItem(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.
@@ -645,20 +654,20 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems(source_) {
-            this.i.dg(source_);
+            this.i.dh(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.di(source_, index, newItem);
+            this.i.dj(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.dj(source_, index, oldItem);
+            this.i.dk(source_, index, oldItem);
         }
         /**
          * Toggle selection of item at index.
         
         */
         toggleSelection(index) {
-            this.i.dy(index);
+            this.i.dz(index);
         }
         /**
          * Exports and serializes the chart visuals.

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

@@ -1,6 +1,7 @@
+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.
@@ -68,11 +69,21 @@ export let IgcNumericAngleAxisComponent = /*@__PURE__*/ (() => {
          * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get startAngleOffset() {
-            return this.i.nr;
+            return this.i.nt;
         }
         set startAngleOffset(v) {
-            this.i.nr = +v;
-            this._a("startAngleOffset", this.i.nr);
+            this.i.nt = +v;
+            this._a("startAngleOffset", this.i.nt);
+        }
+        /**
+         * Indicates the mode axis labels will operate in.
+        */
+        get labelMode() {
+            return this.i.nh;
+        }
+        set labelMode(v) {
+            this.i.nh = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.nh));
         }
         /**
          * Gets the scaled angle value in radians based on the raw input.

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

@@ -902,6 +902,15 @@ export let IgcPieChartBaseComponent = /*@__PURE__*/ (() => {
             }
             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.
+        
+        */
+        flush() {
+            this.i.fz();
+        }
         /**
          * Returns the chart visuals expressed as a serialized string.
         
@@ -940,15 +949,6 @@ export let IgcPieChartBaseComponent = /*@__PURE__*/ (() => {
         destroy() {
             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.
-        
-        */
-        flush() {
-            this.i.fz();
-        }
         notifySetItem(source_, index, oldItem, newItem) {
             this.i.f8(source_, index, oldItem, newItem);
         }

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

@@ -38,7 +38,12 @@ export class IgcRingSeriesCollection extends IgCollection {
             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/esm2015/lib/igc-series-collection.js

@@ -38,7 +38,12 @@ export class IgcSeriesCollection extends IgCollection {
             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/esm2015/lib/igc-series-layer-collection.js

@@ -38,7 +38,12 @@ export class IgcSeriesLayerCollection extends IgCollection {
             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/esm2015/lib/igc-series-layer-property-overlay-collection.js

@@ -38,7 +38,12 @@ export class IgcSeriesLayerPropertyOverlayCollection extends IgCollection {
             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/esm2015/lib/igc-stacked-series-collection.js

@@ -38,7 +38,12 @@ export class IgcStackedSeriesCollection extends IgCollection {
             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/esm2015/lib/igc-time-axis-break-collection.js

@@ -38,7 +38,12 @@ export class IgcTimeAxisBreakCollection extends IgCollection {
             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/esm2015/lib/igc-time-axis-interval-collection.js

@@ -38,7 +38,12 @@ export class IgcTimeAxisIntervalCollection extends IgCollection {
             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/esm2015/lib/igc-time-axis-label-format-collection.js

@@ -38,7 +38,12 @@ export class IgcTimeAxisLabelFormatCollection extends IgCollection {
             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/esm2015/lib/igc-treemap-node-style-mapping-collection.js

@@ -38,7 +38,12 @@ export class IgcTreemapNodeStyleMappingCollection extends IgCollection {
             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/esm2015/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';