igniteui-webcomponents-charts 4.7.2 → 4.8.1-alpha.0

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

@@ -11,6 +11,7 @@ import { FunnelSliceDisplay_$type } from './FunnelSliceDisplay';
 import { IgcFunnelSliceClickedEventArgs } from './igc-funnel-slice-clicked-event-args';
 import { IgcFunnelSliceEventArgs } from './igc-funnel-slice-event-args';
 import { Style } from "igniteui-webcomponents-core";
+import { HighlightedValueDisplayMode_$type } from "igniteui-webcomponents-core";
 export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
     class IgcFunnelChartComponent extends IgcHTMLElement {
         set height(value) {
@@ -225,10 +226,59 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
      * Gets or sets the value member path for the funnel chart.
     */
         get valueMemberPath() {
-            return this.i.c9;
+            return this.i.dv;
         }
         set valueMemberPath(v) {
-            this.i.c9 = v;
+            this.i.dv = v;
+        }
+        /**
+         * Gets or sets the highlighted value member path for the funnel chart.
+        */
+        get highlightedValueMemberPath() {
+            return this.i.cr;
+        }
+        set highlightedValueMemberPath(v) {
+            this.i.cr = v;
+        }
+        /**
+         * Gets the actual opacity of the primary needle while highlighting
+        */
+        get actualHighlightValueOpacity() {
+            return this.i.bw;
+        }
+        set actualHighlightValueOpacity(v) {
+            this.i.bw = +v;
+            this._a("actualHighlightValueOpacity", this.i.bw);
+        }
+        /**
+         * Gets or sets the opacity while highlighting
+        */
+        get highlightValueOpacity() {
+            return this.i.b0;
+        }
+        set highlightValueOpacity(v) {
+            this.i.b0 = +v;
+            this._a("highlightValueOpacity", this.i.b0);
+        }
+        /**
+         * Gets whether and how to display the highlighted value.
+        */
+        get actualHighlightValueDisplayMode() {
+            return this.i.a2;
+        }
+        set actualHighlightValueDisplayMode(v) {
+            this.i.a2 = ensureEnum(HighlightedValueDisplayMode_$type, v);
+            this._a("actualHighlightValueDisplayMode", enumToString(HighlightedValueDisplayMode_$type, this.i.a2));
+        }
+        /**
+         * Gets or sets whether and how to display the highlighted value.
+        */
+        get highlightValueDisplayMode() {
+            return this.i.a3;
+        }
+        set highlightValueDisplayMode(v) {
+            this.i.a3 = ensureEnum(HighlightedValueDisplayMode_$type, v);
+            this._a("highlightValueDisplayMode", enumToString(HighlightedValueDisplayMode_$type, this.i.a3));
         }
         /**
          * Gets or sets the palette of brushes to use for coloring the slices.
@@ -254,49 +304,49 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the percentage (from near 0 to 1) of space the bottom edge of the funnel should take.
         */
         get bottomEdgeWidth() {
-            return this.i.bo;
+            return this.i.by;
         }
         set bottomEdgeWidth(v) {
-            this.i.bo = +v;
-            this._a("bottomEdgeWidth", this.i.bo);
+            this.i.by = +v;
+            this._a("bottomEdgeWidth", this.i.by);
         }
         /**
          * Gets or sets the InnerLabel mapping property for the current series object.
         */
         get innerLabelMemberPath() {
-            return this.i.cd;
+            return this.i.cy;
         }
         set innerLabelMemberPath(v) {
-            this.i.cd = v;
+            this.i.cy = v;
         }
         /**
          * Gets or sets the OuterLabel mapping property for the current series object.
         */
         get outerLabelMemberPath() {
-            return this.i.co;
+            return this.i.c9;
         }
         set outerLabelMemberPath(v) {
-            this.i.co = v;
+            this.i.c9 = v;
         }
         /**
          * Gets or sets whether the inner labels are visible.
         */
         get innerLabelVisibility() {
-            return this.i.ez;
+            return this.i.ft;
         }
         set innerLabelVisibility(v) {
-            this.i.ez = ensureEnum(Visibility_$type, v);
-            this._a("innerLabelVisibility", enumToString(Visibility_$type, this.i.ez));
+            this.i.ft = ensureEnum(Visibility_$type, v);
+            this._a("innerLabelVisibility", enumToString(Visibility_$type, this.i.ft));
         }
         /**
          * Gets or sets whether the outer labels are visible.
         */
         get outerLabelVisibility() {
-            return this.i.e0;
+            return this.i.fu;
         }
         set outerLabelVisibility(v) {
-            this.i.e0 = ensureEnum(Visibility_$type, v);
-            this._a("outerLabelVisibility", enumToString(Visibility_$type, this.i.e0));
+            this.i.fu = ensureEnum(Visibility_$type, v);
+            this._a("outerLabelVisibility", enumToString(Visibility_$type, this.i.fu));
         }
         /**
          * Gets or sets which side of the chart the outer labels should appear.
@@ -322,165 +372,165 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the formatter function for inner labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
         */
         get formatInnerLabel() {
-            return this.i.bw;
+            return this.i.b8;
         }
         set formatInnerLabel(v) {
-            this.i.bw = v;
+            this.i.b8 = v;
         }
         /**
          * Gets or sets the formatter function for outer labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
         */
         get formatOuterLabel() {
-            return this.i.bx;
+            return this.i.b9;
         }
         set formatOuterLabel(v) {
-            this.i.bx = v;
+            this.i.b9 = v;
         }
         /**
          * Gets or sets how long the animations should take to run.
         */
         get transitionDuration() {
-            return this.i.by;
+            return this.i.ca;
         }
         set transitionDuration(v) {
-            this.i.by = +v;
-            this._a("transitionDuration", this.i.by);
+            this.i.ca = +v;
+            this._a("transitionDuration", this.i.ca);
         }
         /**
          * Gets or sets if the funnel should be rendered inverted.
         */
         get isInverted() {
-            return this.i.bd;
+            return this.i.bk;
         }
         set isInverted(v) {
-            this.i.bd = ensureBool(v);
-            this._a("isInverted", this.i.bd);
+            this.i.bk = ensureBool(v);
+            this._a("isInverted", this.i.bk);
         }
         /**
          * Gets or sets whether to use a Bezier curve to define the funnel.
         */
         get useBezierCurve() {
-            return this.i.be;
+            return this.i.bl;
         }
         set useBezierCurve(v) {
-            this.i.be = ensureBool(v);
-            this._a("useBezierCurve", this.i.be);
+            this.i.bl = ensureBool(v);
+            this._a("useBezierCurve", this.i.bl);
         }
         /**
          * Gets or sets whether to allow slices to be selected.
         */
         get allowSliceSelection() {
-            return this.i.a8;
+            return this.i.be;
         }
         set allowSliceSelection(v) {
-            this.i.a8 = ensureBool(v);
-            this._a("allowSliceSelection", this.i.a8);
+            this.i.be = ensureBool(v);
+            this._a("allowSliceSelection", this.i.be);
         }
         /**
          * Gets or sets whether to use the unselected style on unselected slices.
         */
         get useUnselectedStyle() {
-            return this.i.bg;
+            return this.i.bn;
         }
         set useUnselectedStyle(v) {
-            this.i.bg = ensureBool(v);
-            this._a("useUnselectedStyle", this.i.bg);
+            this.i.bn = ensureBool(v);
+            this._a("useUnselectedStyle", this.i.bn);
         }
         /**
          * Gets or sets the fill brush.
         */
         get selectedSliceFill() {
-            return this.i.ex ? this.i.ex.fill : null;
+            return this.i.fr ? this.i.fr.fill : null;
         }
         set selectedSliceFill(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ex.fill = v;
+            this.i.fr.fill = v;
         }
         /**
          * Gets or sets the stroke brush.
         */
         get selectedSliceStroke() {
-            return this.i.ex ? this.i.ex.stroke : null;
+            return this.i.fr ? this.i.fr.stroke : null;
         }
         set selectedSliceStroke(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ex.stroke = v;
+            this.i.fr.stroke = v;
         }
         /**
          * Gets or sets the stroke thickness.
         */
         get selectedSliceStrokeThickness() {
-            return this.i.ex ? this.i.ex.strokeThickness : NaN;
+            return this.i.fr ? this.i.fr.strokeThickness : NaN;
         }
         set selectedSliceStrokeThickness(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ex.strokeThickness = +v;
-            this._a("selectedSliceStrokeThickness", this.i.ex.strokeThickness);
+            this.i.fr.strokeThickness = +v;
+            this._a("selectedSliceStrokeThickness", this.i.fr.strokeThickness);
         }
         /**
          * Gets or sets the opacity.
         */
         get selectedSliceOpacity() {
-            return this.i.ex ? this.i.ex.opacity : NaN;
+            return this.i.fr ? this.i.fr.opacity : NaN;
         }
         set selectedSliceOpacity(v) {
             this.ensureSelectedSliceStyle();
-            this.i.ex.opacity = +v;
-            this._a("selectedSliceOpacity", this.i.ex.opacity);
+            this.i.fr.opacity = +v;
+            this._a("selectedSliceOpacity", this.i.fr.opacity);
         }
         ensureSelectedSliceStyle() {
-            if (this.i.ex) {
+            if (this.i.fr) {
                 return;
             }
-            this.i.ex = new Style();
+            this.i.fr = new Style();
         }
         /**
          * Gets or sets the fill brush.
         */
         get unselectedSliceFill() {
-            return this.i.ey ? this.i.ey.fill : null;
+            return this.i.fs ? this.i.fs.fill : null;
         }
         set unselectedSliceFill(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ey.fill = v;
+            this.i.fs.fill = v;
         }
         /**
          * Gets or sets the stroke brush.
         */
         get unselectedSliceStroke() {
-            return this.i.ey ? this.i.ey.stroke : null;
+            return this.i.fs ? this.i.fs.stroke : null;
         }
         set unselectedSliceStroke(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ey.stroke = v;
+            this.i.fs.stroke = v;
         }
         /**
          * Gets or sets the stroke thickness.
         */
         get unselectedSliceStrokeThickness() {
-            return this.i.ey ? this.i.ey.strokeThickness : NaN;
+            return this.i.fs ? this.i.fs.strokeThickness : NaN;
         }
         set unselectedSliceStrokeThickness(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ey.strokeThickness = +v;
-            this._a("unselectedSliceStrokeThickness", this.i.ey.strokeThickness);
+            this.i.fs.strokeThickness = +v;
+            this._a("unselectedSliceStrokeThickness", this.i.fs.strokeThickness);
         }
         /**
          * Gets or sets the opacity.
         */
         get unselectedSliceOpacity() {
-            return this.i.ey ? this.i.ey.opacity : NaN;
+            return this.i.fs ? this.i.fs.opacity : NaN;
         }
         set unselectedSliceOpacity(v) {
             this.ensureUnselectedSliceStyle();
-            this.i.ey.opacity = +v;
-            this._a("unselectedSliceOpacity", this.i.ey.opacity);
+            this.i.fs.opacity = +v;
+            this._a("unselectedSliceOpacity", this.i.fs.opacity);
         }
         ensureUnselectedSliceStyle() {
-            if (this.i.ey) {
+            if (this.i.fs) {
                 return;
             }
-            this.i.ey = new Style();
+            this.i.fs = new Style();
         }
         /**
          * Gets or sets the LegendItemBadgeTemplate to use for the legend items.
@@ -495,39 +545,39 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether to use the outer labels to identify the legend items.
         */
         get useOuterLabelsForLegend() {
-            return this.i.bf;
+            return this.i.bm;
         }
         set useOuterLabelsForLegend(v) {
-            this.i.bf = ensureBool(v);
-            this._a("useOuterLabelsForLegend", this.i.bf);
+            this.i.bm = ensureBool(v);
+            this._a("useOuterLabelsForLegend", this.i.bm);
         }
         /**
          * Gets or sets the text style for inner labels
         */
         get textStyle() {
-            return this.i.cz;
+            return this.i.dk;
         }
         set textStyle(v) {
-            this.i.cz = v;
+            this.i.dk = v;
         }
         /**
          * Gets or sets the text style for outer labels
         */
         get outerLabelTextStyle() {
-            return this.i.cr;
+            return this.i.dc;
         }
         set outerLabelTextStyle(v) {
-            this.i.cr = v;
+            this.i.dc = v;
         }
         /**
          * Gets or sets the thickness of outline around slices.
         */
         get outlineThickness() {
-            return this.i.bq;
+            return this.i.b1;
         }
         set outlineThickness(v) {
-            this.i.bq = +v;
-            this._a("outlineThickness", this.i.bq);
+            this.i.b1 = +v;
+            this._a("outlineThickness", this.i.b1);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -535,31 +585,31 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.bs;
+            return this.i.b3;
         }
         set pixelScalingRatio(v) {
-            this.i.bs = +v;
-            this._a("pixelScalingRatio", this.i.bs);
+            this.i.b3 = +v;
+            this._a("pixelScalingRatio", this.i.b3);
         }
         /**
          * Gets or sets the brush used for the outer labels.
         */
         get outerLabelTextColor() {
-            return brushToString(this.i.et);
+            return brushToString(this.i.fn);
         }
         set outerLabelTextColor(v) {
-            this.i.et = stringToBrush(v);
-            this._a("outerLabelTextColor", brushToString(this.i.et));
+            this.i.fn = stringToBrush(v);
+            this._a("outerLabelTextColor", brushToString(this.i.fn));
         }
         /**
          * Gets or sets the brush used for the inner labels.
         */
         get textColor() {
-            return brushToString(this.i.eu);
+            return brushToString(this.i.fo);
         }
         set textColor(v) {
-            this.i.eu = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.eu));
+            this.i.fo = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.fo));
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -629,7 +679,7 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
     
     */
         flush() {
-            this.i.dd();
+            this.i.dz();
         }
         /**
          * Provides container for funnel chart
@@ -646,7 +696,7 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
             this.i.notifyResized();
         }
         notifySetItem(source_, index, oldItem, newItem) {
-            this.i.dm(source_, index, oldItem, newItem);
+            this.i.ea(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.
@@ -654,27 +704,27 @@ export let IgcFunnelChartComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems(source_) {
-            this.i.dh(source_);
+            this.i.d5(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.dj(source_, index, newItem);
+            this.i.d7(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.dk(source_, index, oldItem);
+            this.i.d8(source_, index, oldItem);
         }
         /**
          * Toggle selection of item at index.
         
         */
         toggleSelection(index) {
-            this.i.dz(index);
+            this.i.em(index);
         }
         /**
          * Exports and serializes the chart visuals.
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.b7();
+            let iv = this.i.cl();
             return (iv);
         }
         /**