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

package/esm2015/lib/igc-callout-layer-component.js

@@ -1,6 +1,7 @@
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { IgcSeriesComponent } from "./igc-series-component";
 import { IgcCalloutPlacementPositionsCollection } from "./igc-callout-placement-positions-collection";
+import { HighlightedValueLabelMode_$type } from "igniteui-webcomponents-core";
 import { AutoCalloutVisibilityMode_$type } from "./AutoCalloutVisibilityMode";
 import { CalloutCollisionMode_$type } from "./CalloutCollisionMode";
 import { IgcCalloutStyleUpdatingEventArgs } from "./igc-callout-style-updating-event-args";
@@ -86,77 +87,77 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
          * Gets whether the series is an callout annotation layer.
         */
         get isAnnotationCalloutLayer() {
-            return this.i.d3;
+            return this.i.d9;
         }
         /**
          * Gets or sets the label mapping property for the callouts.
         */
         get labelMemberPath() {
-            return this.i.zs;
+            return this.i.aa4;
         }
         set labelMemberPath(v) {
-            this.i.zs = v;
+            this.i.aa4 = v;
         }
         /**
          * Gets or sets the label mapping property for the callouts.
         */
         get xMemberPath() {
-            return this.i.z3;
+            return this.i.abf;
         }
         set xMemberPath(v) {
-            this.i.z3 = v;
+            this.i.abf = v;
         }
         /**
          * Gets or sets the label mapping property for the callouts.
         */
         get yMemberPath() {
-            return this.i.z6;
+            return this.i.abi;
         }
         set yMemberPath(v) {
-            this.i.z6 = v;
+            this.i.abi = v;
         }
         /**
          * Gets or sets the key mapping property for the callouts.
         */
         get keyMemberPath() {
-            return this.i.zp;
+            return this.i.aa1;
         }
         set keyMemberPath(v) {
-            this.i.zp = v;
+            this.i.aa1 = v;
         }
         /**
          * Gets or sets whether to allow the callouts to be variable distances from the target points, for suppporting collision modes.
         */
         get isCalloutOffsettingEnabled() {
-            return this.i.x6;
+            return this.i.zh;
         }
         set isCalloutOffsettingEnabled(v) {
-            this.i.x6 = ensureBool(v);
-            this._a("isCalloutOffsettingEnabled", this.i.x6);
+            this.i.zh = ensureBool(v);
+            this._a("isCalloutOffsettingEnabled", this.i.zh);
         }
         /**
          * Gets or sets the content mapping property for the callouts.
         */
         get contentMemberPath() {
-            return this.i.zi;
+            return this.i.aat;
         }
         set contentMemberPath(v) {
-            this.i.zi = v;
+            this.i.aat = v;
         }
         /**
          * Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeriesName() {
-            return this.i.zu;
+            return this.i.aa6;
         }
         set targetSeriesName(v) {
-            this.i.zu = v;
+            this.i.aa6 = v;
         }
         /**
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeries() {
-            const r = this.i.xh;
+            const r = this.i.ys;
             if (r == null) {
                 return null;
             }
@@ -172,16 +173,16 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
         set targetSeries(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.xh = null : this.i.xh = v.i;
+            v == null ? this.i.ys = null : this.i.ys = v.i;
         }
         /**
          * Gets or sets a channel name to identify other callout layers within the chart to share collision information with.
         */
         get collisionChannel() {
-            return this.i.zf;
+            return this.i.aaq;
         }
         set collisionChannel(v) {
-            this.i.zf = v;
+            this.i.aaq = v;
         }
         /**
          * Gets or sets the allowed positions that the callout layer is allowed to use.
@@ -189,12 +190,12 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
         get allowedPositions() {
             if (this._allowedPositions === null) {
                 let coll = new IgcCalloutPlacementPositionsCollection();
-                let innerColl = this.i.xd;
+                let innerColl = this.i.yn;
                 if (!innerColl) {
                     innerColl = new CalloutPlacementPositionsCollection_internal();
                 }
                 this._allowedPositions = coll._fromInner(innerColl);
-                this.i.xd = innerColl;
+                this.i.yn = innerColl;
             }
             return this._allowedPositions;
         }
@@ -206,233 +207,243 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
             let coll = new IgcCalloutPlacementPositionsCollection();
             this._allowedPositions = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(CalloutPlacementPositions_$type);
-            let innerColl = this.i.xd;
+            let innerColl = this.i.yn;
             if (!innerColl) {
                 innerColl = new CalloutPlacementPositionsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._allowedPositions._setSyncTarget(syncColl);
-            this.i.xd = innerColl;
+            this.i.yn = innerColl;
         }
         /**
          * Gets or sets how to select the final value to annotate.
         */
         get isAutoCalloutBehaviorEnabled() {
-            return this.i.x5;
+            return this.i.zg;
         }
         set isAutoCalloutBehaviorEnabled(v) {
-            this.i.x5 = ensureBool(v);
-            this._a("isAutoCalloutBehaviorEnabled", this.i.x5);
+            this.i.zg = ensureBool(v);
+            this._a("isAutoCalloutBehaviorEnabled", this.i.zg);
         }
         /**
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get useInterpolatedValueForAutoCalloutLabels() {
-            return this.i.x9;
+            return this.i.zk;
         }
         set useInterpolatedValueForAutoCalloutLabels(v) {
-            this.i.x9 = ensureBool(v);
-            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.x9);
+            this.i.zk = ensureBool(v);
+            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.zk);
         }
         /**
          * Gets or sets whether to the series color as the outline of the callout.
         */
         get useSeriesColorForOutline() {
-            return this.i.ya;
+            return this.i.zl;
         }
         set useSeriesColorForOutline(v) {
-            this.i.ya = ensureBool(v);
-            this._a("useSeriesColorForOutline", this.i.ya);
+            this.i.zl = ensureBool(v);
+            this._a("useSeriesColorForOutline", this.i.zl);
         }
         /**
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get useValueForAutoCalloutLabels() {
-            return this.i.yb;
+            return this.i.zm;
         }
         set useValueForAutoCalloutLabels(v) {
-            this.i.yb = ensureBool(v);
-            this._a("useValueForAutoCalloutLabels", this.i.yb);
+            this.i.zm = ensureBool(v);
+            this._a("useValueForAutoCalloutLabels", this.i.zm);
+        }
+        /**
+         * Gets or sets whether to use values, rather than labels for auto callout labels.
+        */
+        get highlightedValueLabelMode() {
+            return this.i.yr;
+        }
+        set highlightedValueLabelMode(v) {
+            this.i.yr = ensureEnum(HighlightedValueLabelMode_$type, v);
+            this._a("highlightedValueLabelMode", enumToString(HighlightedValueLabelMode_$type, this.i.yr));
         }
         /**
          * Gets or sets the rules for when the callouts should be visible.
         */
         get autoCalloutVisibilityMode() {
-            return this.i.w6;
+            return this.i.yg;
         }
         set autoCalloutVisibilityMode(v) {
-            this.i.w6 = ensureEnum(AutoCalloutVisibilityMode_$type, v);
-            this._a("autoCalloutVisibilityMode", enumToString(AutoCalloutVisibilityMode_$type, this.i.w6));
+            this.i.yg = ensureEnum(AutoCalloutVisibilityMode_$type, v);
+            this._a("autoCalloutVisibilityMode", enumToString(AutoCalloutVisibilityMode_$type, this.i.yg));
         }
         /**
          * Gets or sets the corner radius to use for the callout borders.
         */
         get calloutCornerRadius() {
-            return this.i.yl;
+            return this.i.zw;
         }
         set calloutCornerRadius(v) {
-            this.i.yl = +v;
-            this._a("calloutCornerRadius", this.i.yl);
+            this.i.zw = +v;
+            this._a("calloutCornerRadius", this.i.zw);
         }
         /**
          * Gets or sets whether to allow for custom callout styles.
         */
         get isCustomCalloutStyleEnabled() {
-            return this.i.x8;
+            return this.i.zj;
         }
         set isCustomCalloutStyleEnabled(v) {
-            this.i.x8 = ensureBool(v);
-            this._a("isCustomCalloutStyleEnabled", this.i.x8);
+            this.i.zj = ensureBool(v);
+            this._a("isCustomCalloutStyleEnabled", this.i.zj);
         }
         /**
          * Gets or sets whether to allow for custom callout styles.
         */
         get isCustomCalloutRenderStyleEnabled() {
-            return this.i.x7;
+            return this.i.zi;
         }
         set isCustomCalloutRenderStyleEnabled(v) {
-            this.i.x7 = ensureBool(v);
-            this._a("isCustomCalloutRenderStyleEnabled", this.i.x7);
+            this.i.zi = ensureBool(v);
+            this._a("isCustomCalloutRenderStyleEnabled", this.i.zi);
         }
         /**
          * Gets or sets the precision to use when values are used for the auto callout labels.
         */
         get autoCalloutLabelPrecision() {
-            return this.i.yu;
+            return this.i.z5;
         }
         set autoCalloutLabelPrecision(v) {
-            this.i.yu = +v;
-            this._a("autoCalloutLabelPrecision", this.i.yu);
+            this.i.z5 = +v;
+            this._a("autoCalloutLabelPrecision", this.i.z5);
         }
         /**
          * Gets or sets the color to use for the callout text. Leave unset for an automatic value.
         */
         get calloutTextColor() {
-            return brushToString(this.i.abm);
+            return brushToString(this.i.acz);
         }
         set calloutTextColor(v) {
-            this.i.abm = stringToBrush(v);
-            this._a("calloutTextColor", brushToString(this.i.abm));
+            this.i.acz = stringToBrush(v);
+            this._a("calloutTextColor", brushToString(this.i.acz));
         }
         /**
          * Gets or sets the brush that specifies how the backgrounds for the callouts of the layer are painted. Leave unset for an automatic value.
         */
         get calloutBackground() {
-            return brushToString(this.i.abj);
+            return brushToString(this.i.acw);
         }
         set calloutBackground(v) {
-            this.i.abj = stringToBrush(v);
-            this._a("calloutBackground", brushToString(this.i.abj));
+            this.i.acw = stringToBrush(v);
+            this._a("calloutBackground", brushToString(this.i.acw));
         }
         /**
          * Gets or sets the precision to use displaying values for interpolated crosshair positions.
         */
         get calloutInterpolatedValuePrecision() {
-            return this.i.yv;
+            return this.i.z6;
         }
         set calloutInterpolatedValuePrecision(v) {
-            this.i.yv = +v;
-            this._a("calloutInterpolatedValuePrecision", this.i.yv);
+            this.i.z6 = +v;
+            this._a("calloutInterpolatedValuePrecision", this.i.z6);
         }
         /**
          * Gets or sets the brush that specifies how the outlines for the callouts of the layer are painted.
         */
         get calloutOutline() {
-            return brushToString(this.i.abl);
+            return brushToString(this.i.acy);
         }
         set calloutOutline(v) {
-            this.i.abl = stringToBrush(v);
-            this._a("calloutOutline", brushToString(this.i.abl));
+            this.i.acy = stringToBrush(v);
+            this._a("calloutOutline", brushToString(this.i.acy));
         }
         /**
          * Gets or sets the brush that specifies how the leader lines for the callouts of the layer are painted.
         */
         get calloutLeaderBrush() {
-            return brushToString(this.i.abk);
+            return brushToString(this.i.acx);
         }
         set calloutLeaderBrush(v) {
-            this.i.abk = stringToBrush(v);
-            this._a("calloutLeaderBrush", brushToString(this.i.abk));
+            this.i.acx = stringToBrush(v);
+            this._a("calloutLeaderBrush", brushToString(this.i.acx));
         }
         /**
          * Gets or sets the left padding to use withing the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get calloutPaddingLeft() {
-            return this.i.yn;
+            return this.i.zy;
         }
         set calloutPaddingLeft(v) {
-            this.i.yn = +v;
-            this._a("calloutPaddingLeft", this.i.yn);
+            this.i.zy = +v;
+            this._a("calloutPaddingLeft", this.i.zy);
         }
         /**
          * Gets or sets the top padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get calloutPaddingTop() {
-            return this.i.yp;
+            return this.i.z0;
         }
         set calloutPaddingTop(v) {
-            this.i.yp = +v;
-            this._a("calloutPaddingTop", this.i.yp);
+            this.i.z0 = +v;
+            this._a("calloutPaddingTop", this.i.z0);
         }
         /**
          * Gets or sets the right padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get calloutPaddingRight() {
-            return this.i.yo;
+            return this.i.zz;
         }
         set calloutPaddingRight(v) {
-            this.i.yo = +v;
-            this._a("calloutPaddingRight", this.i.yo);
+            this.i.zz = +v;
+            this._a("calloutPaddingRight", this.i.zz);
         }
         /**
          * Gets or sets the bottom padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get calloutPaddingBottom() {
-            return this.i.ym;
+            return this.i.zx;
         }
         set calloutPaddingBottom(v) {
-            this.i.ym = +v;
-            this._a("calloutPaddingBottom", this.i.ym);
+            this.i.zx = +v;
+            this._a("calloutPaddingBottom", this.i.zx);
         }
         /**
          * Gets or sets the strategy to use for avoiding collisions between the callouts in this layer. Leave unset for an automatic value.
         */
         get calloutCollisionMode() {
-            return this.i.w8;
+            return this.i.yi;
         }
         set calloutCollisionMode(v) {
-            this.i.w8 = ensureEnum(CalloutCollisionMode_$type, v);
-            this._a("calloutCollisionMode", enumToString(CalloutCollisionMode_$type, this.i.w8));
+            this.i.yi = ensureEnum(CalloutCollisionMode_$type, v);
+            this._a("calloutCollisionMode", enumToString(CalloutCollisionMode_$type, this.i.yi));
         }
         /**
          * Gets or sets the padding to add to the callout positioning. Leave unset for an automatic value.
         */
         get calloutPositionPadding() {
-            return this.i.yq;
+            return this.i.z1;
         }
         set calloutPositionPadding(v) {
-            this.i.yq = +v;
-            this._a("calloutPositionPadding", this.i.yq);
+            this.i.z1 = +v;
+            this._a("calloutPositionPadding", this.i.z1);
         }
         /**
          * Gets or sets the stroke thickness for the callout backing. Leave unset for an automatic value.
         */
         get calloutStrokeThickness() {
-            return this.i.yr;
+            return this.i.z2;
         }
         set calloutStrokeThickness(v) {
-            this.i.yr = +v;
-            this._a("calloutStrokeThickness", this.i.yr);
+            this.i.z2 = +v;
+            this._a("calloutStrokeThickness", this.i.z2);
         }
         /**
          * Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
         */
         get textStyle() {
-            return this.i.zx;
+            return this.i.aa9;
         }
         set textStyle(v) {
-            this.i.zx = v;
+            this.i.aa9 = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -456,7 +467,16 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         getItemValue(item, memberPathName) {
-            let iv = this.i.jv(item, memberPathName);
+            let iv = this.i.j5(item, memberPathName);
+            return (iv);
+        }
+        /**
+         * Gets the value of a requested member path from the series.
+        
+        * @param memberPathName  * The property name of a valid member path for the series
+        */
+        getMemberPathValue(memberPathName) {
+            let iv = this.i.li(memberPathName);
             return (iv);
         }
         /**
@@ -464,7 +484,7 @@ export let IgcCalloutLayerComponent = /*@__PURE__*/ (() => {
         
         */
         invalidateCalloutContent() {
-            this.i.aag();
+            this.i.abs();
         }
         /**
          * Event raised when updating style of callout layer