igniteui-webcomponents-charts 5.4.0 → 5.5.0-beta.0

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

@@ -5,6 +5,7 @@ import { OthersCategoryType_$type } from "igniteui-webcomponents-core";
 import { AxisRangeBufferMode_$type } from "./AxisRangeBufferMode";
 import { RadialLabelMode_$type } from "igniteui-webcomponents-core";
 import { CollisionAvoidanceType_$type } from "./CollisionAvoidanceType";
+import { IgcOthersCategoryContextComponent } from "./igc-others-category-context-component";
 import { IgcRadialBaseChartComponent } from "./igc-radial-base-chart-component";
 import { getAllPropertyNames, toSpinal, ensureEnum, enumToString, brushToString, stringToBrush, ensureBool, arrayFindByName } from "igniteui-webcomponents-core";
 /**
@@ -58,399 +59,409 @@ export let IgcDataPieBaseChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the label format for the slices.
         */
         get sliceLabelFormat() {
-            return this.i.aj4;
+            return this.i.aki;
         }
         set sliceLabelFormat(v) {
-            this.i.aj4 = v;
+            this.i.aki = v;
         }
         /**
          * Gets or sets the format specifiers to use with the labels for the slices.
         */
         get sliceLabelFormatSpecifiers() {
-            return this.i.ahi;
+            return this.i.ahs;
         }
         set sliceLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.ahi = v;
+            this.i.ahs = v;
         }
         /**
          * Gets or sets the label format for the LegendSlices.
         */
         get legendSliceLabelFormat() {
-            return this.i.ajo;
+            return this.i.aj2;
         }
         set legendSliceLabelFormat(v) {
-            this.i.ajo = v;
+            this.i.aj2 = v;
         }
         /**
          * Gets or sets the format specifiers to use with the labels for the LegendSlices.
         */
         get legendSliceLabelFormatSpecifiers() {
-            return this.i.ahg;
+            return this.i.ahq;
         }
         set legendSliceLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.ahg = v;
+            this.i.ahq = v;
         }
         /**
          * Gets or sets the label format for the OthersSlices.
         */
         get othersSliceLabelFormat() {
-            return this.i.ajx;
+            return this.i.akb;
         }
         set othersSliceLabelFormat(v) {
-            this.i.ajx = v;
+            this.i.akb = v;
         }
         /**
          * Gets or sets the format specifiers to use with the labels for the OthersSlices.
         */
         get othersSliceLabelFormatSpecifiers() {
-            return this.i.ahh;
+            return this.i.ahr;
         }
         set othersSliceLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.ahh = v;
+            this.i.ahr = v;
         }
         /**
          * Gets or sets the label format for the LegendOthersSlices.
         */
         get legendOthersSliceLabelFormat() {
-            return this.i.ajk;
+            return this.i.ajy;
         }
         set legendOthersSliceLabelFormat(v) {
-            this.i.ajk = v;
+            this.i.ajy = v;
         }
         /**
          * Gets or sets the format specifiers to use with the labels for the LegendOthersSlices.
         */
         get legendOthersSliceLabelFormatSpecifiers() {
-            return this.i.ahf;
+            return this.i.ahp;
         }
         set legendOthersSliceLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.ahf = v;
+            this.i.ahp = v;
         }
         /**
          * Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
          * a value between 0.0 and 1.0.
         */
         get innerExtent() {
-            return this.i.aip;
+            return this.i.ai2;
         }
         set innerExtent(v) {
-            this.i.aip = +v;
-            this._a("innerExtent", this.i.aip);
+            this.i.ai2 = +v;
+            this._a("innerExtent", this.i.ai2);
         }
         /**
          * Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
          * a value between 0.0 and 1.0.
         */
         get sweepDirection() {
-            return this.i.ahw;
+            return this.i.ah7;
         }
         set sweepDirection(v) {
-            this.i.ahw = ensureEnum(PieChartSweepDirection_$type, v);
-            this._a("sweepDirection", enumToString(PieChartSweepDirection_$type, this.i.ahw));
+            this.i.ah7 = ensureEnum(PieChartSweepDirection_$type, v);
+            this._a("sweepDirection", enumToString(PieChartSweepDirection_$type, this.i.ah7));
         }
         /**
          * Defines the positioning mode of the slice labels for the pie chart.
         */
         get sliceLabelPositionMode() {
-            return this.i.ahm;
+            return this.i.ahw;
         }
         set sliceLabelPositionMode(v) {
-            this.i.ahm = ensureEnum(CalloutCollisionMode_$type, v);
-            this._a("sliceLabelPositionMode", enumToString(CalloutCollisionMode_$type, this.i.ahm));
+            this.i.ahw = ensureEnum(CalloutCollisionMode_$type, v);
+            this._a("sliceLabelPositionMode", enumToString(CalloutCollisionMode_$type, this.i.ahw));
         }
         /**
          * Gets or sets the light color to use for slice labels.
         */
         get lightSliceLabelColor() {
-            return brushToString(this.i.akw);
+            return brushToString(this.i.ala);
         }
         set lightSliceLabelColor(v) {
-            this.i.akw = stringToBrush(v);
-            this._a("lightSliceLabelColor", brushToString(this.i.akw));
+            this.i.ala = stringToBrush(v);
+            this._a("lightSliceLabelColor", brushToString(this.i.ala));
         }
         /**
          * Gets or sets the Dark color to use for slice labels.
         */
         get darkSliceLabelColor() {
-            return brushToString(this.i.akv);
+            return brushToString(this.i.ak9);
         }
         set darkSliceLabelColor(v) {
-            this.i.akv = stringToBrush(v);
-            this._a("darkSliceLabelColor", brushToString(this.i.akv));
+            this.i.ak9 = stringToBrush(v);
+            this._a("darkSliceLabelColor", brushToString(this.i.ak9));
         }
         /**
          * Gets or sets the overridden value member path to use.
         */
         get valueMemberPath() {
-            return this.i.akk;
+            return this.i.aky;
         }
         set valueMemberPath(v) {
-            this.i.akk = v;
+            this.i.aky = v;
         }
         /**
          * Gets or sets the legend label member path to use.
         */
         get legendLabelMemberPath() {
-            return this.i.aji;
+            return this.i.ajw;
         }
         set legendLabelMemberPath(v) {
-            this.i.aji = v;
+            this.i.ajw = v;
         }
         get legendEmptyValuesMode() {
-            return this.i.ahq;
+            return this.i.ah0;
         }
         set legendEmptyValuesMode(v) {
-            this.i.ahq = ensureEnum(LegendEmptyValuesMode_$type, v);
-            this._a("legendEmptyValuesMode", enumToString(LegendEmptyValuesMode_$type, this.i.ahq));
+            this.i.ah0 = ensureEnum(LegendEmptyValuesMode_$type, v);
+            this._a("legendEmptyValuesMode", enumToString(LegendEmptyValuesMode_$type, this.i.ah0));
         }
         /**
          * Gets or sets whether to use numeric or percent-based threshold value.
         */
         get othersCategoryType() {
-            return this.i.ahu;
+            return this.i.ah5;
         }
         set othersCategoryType(v) {
-            this.i.ahu = ensureEnum(OthersCategoryType_$type, v);
-            this._a("othersCategoryType", enumToString(OthersCategoryType_$type, this.i.ahu));
+            this.i.ah5 = ensureEnum(OthersCategoryType_$type, v);
+            this._a("othersCategoryType", enumToString(OthersCategoryType_$type, this.i.ah5));
         }
         /**
          * Gets or sets the threshold value that determines if slices are grouped into the Others slice.
         */
         get othersCategoryThreshold() {
-            return this.i.aiq;
+            return this.i.ai3;
         }
         set othersCategoryThreshold(v) {
-            this.i.aiq = +v;
-            this._a("othersCategoryThreshold", this.i.aiq);
+            this.i.ai3 = +v;
+            this._a("othersCategoryThreshold", this.i.ai3);
         }
         /**
          * Gets or sets the label of the Others slice.
         */
         get othersCategoryText() {
-            return this.i.ajt;
+            return this.i.aj7;
         }
         set othersCategoryText(v) {
-            this.i.ajt = v;
+            this.i.aj7 = v;
         }
         /**
          * Gets or sets the overridden value member path to use.
         */
         get labelMemberPath() {
-            return this.i.ajf;
+            return this.i.ajt;
         }
         set labelMemberPath(v) {
-            this.i.ajf = v;
+            this.i.ajt = v;
         }
         /**
          * Gets or sets whether the axis should favor emitting a label at the end of the scale.
         */
         get valueAxisFavorLabellingScaleEnd() {
-            return this.i.aib;
+            return this.i.aio;
         }
         set valueAxisFavorLabellingScaleEnd(v) {
-            this.i.aib = ensureBool(v);
-            this._a("valueAxisFavorLabellingScaleEnd", this.i.aib);
+            this.i.aio = ensureBool(v);
+            this._a("valueAxisFavorLabellingScaleEnd", this.i.aio);
         }
         /**
          * Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.
         */
         get valueAxisAutoRangeBufferMode() {
-            return this.i.ahk;
+            return this.i.ahu;
         }
         set valueAxisAutoRangeBufferMode(v) {
-            this.i.ahk = ensureEnum(AxisRangeBufferMode_$type, v);
-            this._a("valueAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.ahk));
+            this.i.ahu = ensureEnum(AxisRangeBufferMode_$type, v);
+            this._a("valueAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.ahu));
         }
         /**
          * Gets or sets the frequency of displayed labels along the X-axis.
          * Gets or sets the set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.
         */
         get angleAxisInterval() {
-            return this.i.ain;
+            return this.i.ai0;
         }
         set angleAxisInterval(v) {
-            this.i.ain = +v;
-            this._a("angleAxisInterval", this.i.ain);
+            this.i.ai0 = +v;
+            this._a("angleAxisInterval", this.i.ai0);
         }
         /**
          * Gets or sets the frequency of displayed minor lines along the X-axis.
          * Gets or sets the set value is a factor that determines how the minor lines will be displayed.
         */
         get angleAxisMinorInterval() {
-            return this.i.aio;
+            return this.i.ai1;
         }
         set angleAxisMinorInterval(v) {
-            this.i.aio = +v;
-            this._a("angleAxisMinorInterval", this.i.aio);
+            this.i.ai1 = +v;
+            this._a("angleAxisMinorInterval", this.i.ai1);
         }
         /**
          * Gets or sets the distance between each label and grid line along the Y-axis.
         */
         get valueAxisInterval() {
-            return this.i.aiv;
+            return this.i.ai8;
         }
         set valueAxisInterval(v) {
-            this.i.aiv = +v;
-            this._a("valueAxisInterval", this.i.aiv);
+            this.i.ai8 = +v;
+            this._a("valueAxisInterval", this.i.ai8);
         }
         /**
          * Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one.
          * Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
         */
         get valueAxisIsLogarithmic() {
-            return this.i.aic;
+            return this.i.aip;
         }
         set valueAxisIsLogarithmic(v) {
-            this.i.aic = ensureBool(v);
-            this._a("valueAxisIsLogarithmic", this.i.aic);
+            this.i.aip = ensureBool(v);
+            this._a("valueAxisIsLogarithmic", this.i.aip);
         }
         /**
          * Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis.
          * This property is effective only when ValueAxisIsLogarithmic is true.
         */
         get valueAxisLogarithmBase() {
-            return this.i.ai0;
+            return this.i.ajd;
         }
         set valueAxisLogarithmBase(v) {
-            this.i.ai0 = +v;
-            this._a("valueAxisLogarithmBase", this.i.ai0);
+            this.i.ajd = +v;
+            this._a("valueAxisLogarithmBase", this.i.ajd);
         }
         /**
          * Gets or sets the data value corresponding to the minimum value of the Y-axis.
         */
         get valueAxisMinimumValue() {
-            return this.i.aix;
+            return this.i.aja;
         }
         set valueAxisMinimumValue(v) {
-            this.i.aix = +v;
-            this._a("valueAxisMinimumValue", this.i.aix);
+            this.i.aja = +v;
+            this._a("valueAxisMinimumValue", this.i.aja);
         }
         /**
          * Gets or sets the data value corresponding to the maximum value of the Y-axis.
         */
         get valueAxisMaximumValue() {
-            return this.i.aiw;
+            return this.i.ai9;
         }
         set valueAxisMaximumValue(v) {
-            this.i.aiw = +v;
-            this._a("valueAxisMaximumValue", this.i.aiw);
+            this.i.ai9 = +v;
+            this._a("valueAxisMaximumValue", this.i.ai9);
         }
         /**
          * Gets or sets the frequency of displayed minor lines along the Y-axis.
         */
         get valueAxisMinorInterval() {
-            return this.i.aiy;
+            return this.i.ajb;
         }
         set valueAxisMinorInterval(v) {
-            this.i.aiy = +v;
-            this._a("valueAxisMinorInterval", this.i.aiy);
+            this.i.ajb = +v;
+            this._a("valueAxisMinorInterval", this.i.ajb);
         }
         /**
          * Gets the current minimum value for the Y-axis.
         */
         get valueAxisActualMinimum() {
-            return this.i.aiu;
+            return this.i.ai7;
         }
         /**
          * Gets the current maximum value for the Y-axis.
         */
         get valueAxisActualMaximum() {
-            return this.i.ait;
+            return this.i.ai6;
         }
         /**
          * Gets or sets the extent of the chart's radius. Value between 0 and 1.
         */
         get radiusExtent() {
-            return this.i.air;
+            return this.i.ai4;
         }
         set radiusExtent(v) {
-            this.i.air = +v;
-            this._a("radiusExtent", this.i.air);
+            this.i.ai4 = +v;
+            this._a("radiusExtent", this.i.ai4);
         }
         /**
          * Gets or sets the start angle to use for the pie chart measured in degrees from the positive x axis.
         */
         get startAngle() {
-            return this.i.ais;
+            return this.i.ai5;
         }
         set startAngle(v) {
-            this.i.ais = +v;
-            this._a("startAngle", this.i.ais);
+            this.i.ai5 = +v;
+            this._a("startAngle", this.i.ai5);
         }
         /**
          * Gets or sets the label of the Others slice.
         */
         get sliceLabelContentSeparator() {
-            return this.i.aj2;
+            return this.i.akg;
         }
         set sliceLabelContentSeparator(v) {
-            this.i.aj2 = v;
+            this.i.akg = v;
         }
         /**
          * Gets or sets the label of the Others slice.
         */
         get sliceLabelContentMode() {
-            return this.i.ah2;
+            return this.i.aid;
         }
         set sliceLabelContentMode(v) {
-            this.i.ah2 = ensureEnum(RadialLabelMode_$type, v);
-            this._a("sliceLabelContentMode", enumToString(RadialLabelMode_$type, this.i.ah2));
+            this.i.aid = ensureEnum(RadialLabelMode_$type, v);
+            this._a("sliceLabelContentMode", enumToString(RadialLabelMode_$type, this.i.aid));
         }
         /**
          * Gets or sets the label of the Others slice.
         */
         get legendSliceLabelContentMode() {
-            return this.i.ah1;
+            return this.i.aic;
         }
         set legendSliceLabelContentMode(v) {
-            this.i.ah1 = ensureEnum(RadialLabelMode_$type, v);
-            this._a("legendSliceLabelContentMode", enumToString(RadialLabelMode_$type, this.i.ah1));
+            this.i.aic = ensureEnum(RadialLabelMode_$type, v);
+            this._a("legendSliceLabelContentMode", enumToString(RadialLabelMode_$type, this.i.aic));
         }
         /**
          * Gets or sets whether to favor labelling the end of the scale.
         */
         get angleAxisFavorLabellingScaleEnd() {
-            return this.i.ah8;
+            return this.i.aik;
         }
         set angleAxisFavorLabellingScaleEnd(v) {
-            this.i.ah8 = ensureBool(v);
-            this._a("angleAxisFavorLabellingScaleEnd", this.i.ah8);
+            this.i.aik = ensureBool(v);
+            this._a("angleAxisFavorLabellingScaleEnd", this.i.aik);
         }
         /**
          * Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
         */
         get valueAxisAbbreviateLargeNumbers() {
-            return this.i.aia;
+            return this.i.ain;
         }
         set valueAxisAbbreviateLargeNumbers(v) {
-            this.i.aia = ensureBool(v);
-            this._a("valueAxisAbbreviateLargeNumbers", this.i.aia);
+            this.i.ain = ensureBool(v);
+            this._a("valueAxisAbbreviateLargeNumbers", this.i.ain);
         }
         /**
          * Gets or sets collision avoidance between markers on series that support this behaviour.
         */
         get markerCollision() {
-            return this.i.aho;
+            return this.i.ahy;
         }
         set markerCollision(v) {
-            this.i.aho = ensureEnum(CollisionAvoidanceType_$type, v);
-            this._a("markerCollision", enumToString(CollisionAvoidanceType_$type, this.i.aho));
+            this.i.ahy = ensureEnum(CollisionAvoidanceType_$type, v);
+            this._a("markerCollision", enumToString(CollisionAvoidanceType_$type, this.i.ahy));
+        }
+        /**
+         * Gets or sets whether the mouse leave event should fire when a manipulation is starting.
+        */
+        get fireMouseLeaveOnManipulationStart() {
+            return this.i.ail;
+        }
+        set fireMouseLeaveOnManipulationStart(v) {
+            this.i.ail = ensureBool(v);
+            this._a("fireMouseLeaveOnManipulationStart", this.i.ail);
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -471,6 +482,26 @@ export let IgcDataPieBaseChartComponent = /*@__PURE__*/ (() => {
             }
             return null;
         }
+        /**
+         * Gets the Others context which provides a current list of items in Others slice.
+        
+        */
+        getOthersContext() {
+            let iv = this.i.ah3();
+            let ret = null;
+            if (iv && iv.externalObject) {
+                ret = iv.externalObject;
+            }
+            else {
+                if (iv) {
+                    let e = IgcOthersCategoryContextComponent._createFromInternal(iv);
+                    e._implementation = iv;
+                    iv.externalObject = e;
+                    ret = e;
+                }
+            }
+            return ret;
+        }
     }
     IgcDataPieBaseChartComponent._observedAttributesIgcDataPieBaseChartComponent = null;
     return IgcDataPieBaseChartComponent;

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.alb;
+            return this.i.alp;
         }
         set transitionInDuration(v) {
-            this.i.alb = +v;
-            this._a("transitionInDuration", this.i.alb);
+            this.i.alp = +v;
+            this._a("transitionInDuration", this.i.alp);
         }
         /**
          * Gets or sets the duration used for animating series plots when the series is leaving view
         */
         get transitionOutDuration() {
-            return this.i.alc;
+            return this.i.alq;
         }
         set transitionOutDuration(v) {
-            this.i.alc = +v;
-            this._a("transitionOutDuration", this.i.alc);
+            this.i.alq = +v;
+            this._a("transitionOutDuration", this.i.alq);
         }
         /**
          * 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.ak5;
+            return this.i.alj;
         }
         set transitionInEasingFunction(v) {
-            this.i.ak5 = v;
+            this.i.alj = 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.ak6;
+            return this.i.alk;
         }
         set transitionOutEasingFunction(v) {
-            this.i.ak6 = v;
+            this.i.alk = 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.ak0;
+            return this.i.ale;
         }
         set chartType(v) {
-            this.i.ak0 = ensureEnum(DataPieChartType_$type, v);
-            this._a("chartType", enumToString(DataPieChartType_$type, this.i.ak0));
+            this.i.ale = ensureEnum(DataPieChartType_$type, v);
+            this._a("chartType", enumToString(DataPieChartType_$type, this.i.ale));
         }
         /**
          * Gets or sets whether animation of series plots is enabled when the chart is loading into view
         */
         get isTransitionInEnabled() {
-            return this.i.ak8;
+            return this.i.alm;
         }
         set isTransitionInEnabled(v) {
-            this.i.ak8 = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.ak8);
+            this.i.alm = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.alm);
         }
         /**
          * Gets or sets the method that determines how to animate series plots when the chart is loading into view
         */
         get transitionInMode() {
-            return this.i.aky;
+            return this.i.alc;
         }
         set transitionInMode(v) {
-            this.i.aky = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.aky));
+            this.i.alc = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.alc));
         }
         /**
          * Gets or sets the arrival speed used for animating series plots when the chart is loading into view
         */
         get transitionInSpeedType() {
-            return this.i.ak2;
+            return this.i.alg;
         }
         set transitionInSpeedType(v) {
-            this.i.ak2 = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.ak2));
+            this.i.alg = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.alg));
         }
         /**
      * Export serialized visual data.
     
     */
         exportSerializedVisualData() {
-            let iv = this.i.ale();
+            let iv = this.i.als();
             return (iv);
         }
     }