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

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

@@ -2,6 +2,7 @@ import { __extends } from "tslib";
 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";
@@ -97,7 +98,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is an callout annotation layer.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.d9;
         },
         enumerable: false,
         configurable: true
@@ -107,10 +108,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.zs;
+            return this.i.aa4;
         },
         set: function (v) {
-            this.i.zs = v;
+            this.i.aa4 = v;
         },
         enumerable: false,
         configurable: true
@@ -120,10 +121,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.z3;
+            return this.i.abf;
         },
         set: function (v) {
-            this.i.z3 = v;
+            this.i.abf = v;
         },
         enumerable: false,
         configurable: true
@@ -133,10 +134,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.z6;
+            return this.i.abi;
         },
         set: function (v) {
-            this.i.z6 = v;
+            this.i.abi = v;
         },
         enumerable: false,
         configurable: true
@@ -146,10 +147,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the key mapping property for the callouts.
         */
         get: function () {
-            return this.i.zp;
+            return this.i.aa1;
         },
         set: function (v) {
-            this.i.zp = v;
+            this.i.aa1 = v;
         },
         enumerable: false,
         configurable: true
@@ -159,11 +160,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow the callouts to be variable distances from the target points, for suppporting collision modes.
         */
         get: function () {
-            return this.i.x6;
+            return this.i.zh;
         },
         set: function (v) {
-            this.i.x6 = ensureBool(v);
-            this._a("isCalloutOffsettingEnabled", this.i.x6);
+            this.i.zh = ensureBool(v);
+            this._a("isCalloutOffsettingEnabled", this.i.zh);
         },
         enumerable: false,
         configurable: true
@@ -173,10 +174,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the content mapping property for the callouts.
         */
         get: function () {
-            return this.i.zi;
+            return this.i.aat;
         },
         set: function (v) {
-            this.i.zi = v;
+            this.i.aat = v;
         },
         enumerable: false,
         configurable: true
@@ -186,10 +187,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            return this.i.zu;
+            return this.i.aa6;
         },
         set: function (v) {
-            this.i.zu = v;
+            this.i.aa6 = v;
         },
         enumerable: false,
         configurable: true
@@ -199,7 +200,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            var r = this.i.xh;
+            var r = this.i.ys;
             if (r == null) {
                 return null;
             }
@@ -215,7 +216,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (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;
         },
         enumerable: false,
         configurable: true
@@ -225,10 +226,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a channel name to identify other callout layers within the chart to share collision information with.
         */
         get: function () {
-            return this.i.zf;
+            return this.i.aaq;
         },
         set: function (v) {
-            this.i.zf = v;
+            this.i.aaq = v;
         },
         enumerable: false,
         configurable: true
@@ -240,12 +241,12 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._allowedPositions === null) {
                 var coll = new IgcCalloutPlacementPositionsCollection();
-                var innerColl = this.i.xd;
+                var 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;
         },
@@ -257,14 +258,14 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcCalloutPlacementPositionsCollection();
             this._allowedPositions = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(CalloutPlacementPositions_$type);
-            var innerColl = this.i.xd;
+            var 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;
         },
         enumerable: false,
         configurable: true
@@ -274,11 +275,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets how to select the final value to annotate.
         */
         get: function () {
-            return this.i.x5;
+            return this.i.zg;
         },
         set: function (v) {
-            this.i.x5 = ensureBool(v);
-            this._a("isAutoCalloutBehaviorEnabled", this.i.x5);
+            this.i.zg = ensureBool(v);
+            this._a("isAutoCalloutBehaviorEnabled", this.i.zg);
         },
         enumerable: false,
         configurable: true
@@ -288,11 +289,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get: function () {
-            return this.i.x9;
+            return this.i.zk;
         },
         set: function (v) {
-            this.i.x9 = ensureBool(v);
-            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.x9);
+            this.i.zk = ensureBool(v);
+            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.zk);
         },
         enumerable: false,
         configurable: true
@@ -302,11 +303,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to the series color as the outline of the callout.
         */
         get: function () {
-            return this.i.ya;
+            return this.i.zl;
         },
         set: function (v) {
-            this.i.ya = ensureBool(v);
-            this._a("useSeriesColorForOutline", this.i.ya);
+            this.i.zl = ensureBool(v);
+            this._a("useSeriesColorForOutline", this.i.zl);
         },
         enumerable: false,
         configurable: true
@@ -316,11 +317,25 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get: function () {
-            return this.i.yb;
+            return this.i.zm;
         },
         set: function (v) {
-            this.i.yb = ensureBool(v);
-            this._a("useValueForAutoCalloutLabels", this.i.yb);
+            this.i.zm = ensureBool(v);
+            this._a("useValueForAutoCalloutLabels", this.i.zm);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCalloutLayerComponent.prototype, "highlightedValueLabelMode", {
+        /**
+         * Gets or sets whether to use values, rather than labels for auto callout labels.
+        */
+        get: function () {
+            return this.i.yr;
+        },
+        set: function (v) {
+            this.i.yr = ensureEnum(HighlightedValueLabelMode_$type, v);
+            this._a("highlightedValueLabelMode", enumToString(HighlightedValueLabelMode_$type, this.i.yr));
         },
         enumerable: false,
         configurable: true
@@ -330,11 +345,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the rules for when the callouts should be visible.
         */
         get: function () {
-            return this.i.w6;
+            return this.i.yg;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -344,11 +359,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the callout borders.
         */
         get: function () {
-            return this.i.yl;
+            return this.i.zw;
         },
         set: function (v) {
-            this.i.yl = +v;
-            this._a("calloutCornerRadius", this.i.yl);
+            this.i.zw = +v;
+            this._a("calloutCornerRadius", this.i.zw);
         },
         enumerable: false,
         configurable: true
@@ -358,11 +373,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow for custom callout styles.
         */
         get: function () {
-            return this.i.x8;
+            return this.i.zj;
         },
         set: function (v) {
-            this.i.x8 = ensureBool(v);
-            this._a("isCustomCalloutStyleEnabled", this.i.x8);
+            this.i.zj = ensureBool(v);
+            this._a("isCustomCalloutStyleEnabled", this.i.zj);
         },
         enumerable: false,
         configurable: true
@@ -372,11 +387,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow for custom callout styles.
         */
         get: function () {
-            return this.i.x7;
+            return this.i.zi;
         },
         set: function (v) {
-            this.i.x7 = ensureBool(v);
-            this._a("isCustomCalloutRenderStyleEnabled", this.i.x7);
+            this.i.zi = ensureBool(v);
+            this._a("isCustomCalloutRenderStyleEnabled", this.i.zi);
         },
         enumerable: false,
         configurable: true
@@ -386,11 +401,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the precision to use when values are used for the auto callout labels.
         */
         get: function () {
-            return this.i.yu;
+            return this.i.z5;
         },
         set: function (v) {
-            this.i.yu = +v;
-            this._a("autoCalloutLabelPrecision", this.i.yu);
+            this.i.z5 = +v;
+            this._a("autoCalloutLabelPrecision", this.i.z5);
         },
         enumerable: false,
         configurable: true
@@ -400,11 +415,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the callout text. Leave unset for an automatic value.
         */
         get: function () {
-            return brushToString(this.i.abm);
+            return brushToString(this.i.acz);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -414,11 +429,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return brushToString(this.i.abj);
+            return brushToString(this.i.acw);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -428,11 +443,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the precision to use displaying values for interpolated crosshair positions.
         */
         get: function () {
-            return this.i.yv;
+            return this.i.z6;
         },
         set: function (v) {
-            this.i.yv = +v;
-            this._a("calloutInterpolatedValuePrecision", this.i.yv);
+            this.i.z6 = +v;
+            this._a("calloutInterpolatedValuePrecision", this.i.z6);
         },
         enumerable: false,
         configurable: true
@@ -442,11 +457,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies how the outlines for the callouts of the layer are painted.
         */
         get: function () {
-            return brushToString(this.i.abl);
+            return brushToString(this.i.acy);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -456,11 +471,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies how the leader lines for the callouts of the layer are painted.
         */
         get: function () {
-            return brushToString(this.i.abk);
+            return brushToString(this.i.acx);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -470,11 +485,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.yn;
+            return this.i.zy;
         },
         set: function (v) {
-            this.i.yn = +v;
-            this._a("calloutPaddingLeft", this.i.yn);
+            this.i.zy = +v;
+            this._a("calloutPaddingLeft", this.i.zy);
         },
         enumerable: false,
         configurable: true
@@ -484,11 +499,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.yp;
+            return this.i.z0;
         },
         set: function (v) {
-            this.i.yp = +v;
-            this._a("calloutPaddingTop", this.i.yp);
+            this.i.z0 = +v;
+            this._a("calloutPaddingTop", this.i.z0);
         },
         enumerable: false,
         configurable: true
@@ -498,11 +513,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.yo;
+            return this.i.zz;
         },
         set: function (v) {
-            this.i.yo = +v;
-            this._a("calloutPaddingRight", this.i.yo);
+            this.i.zz = +v;
+            this._a("calloutPaddingRight", this.i.zz);
         },
         enumerable: false,
         configurable: true
@@ -512,11 +527,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.ym;
+            return this.i.zx;
         },
         set: function (v) {
-            this.i.ym = +v;
-            this._a("calloutPaddingBottom", this.i.ym);
+            this.i.zx = +v;
+            this._a("calloutPaddingBottom", this.i.zx);
         },
         enumerable: false,
         configurable: true
@@ -526,11 +541,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the strategy to use for avoiding collisions between the callouts in this layer. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.w8;
+            return this.i.yi;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -540,11 +555,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the padding to add to the callout positioning. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.yq;
+            return this.i.z1;
         },
         set: function (v) {
-            this.i.yq = +v;
-            this._a("calloutPositionPadding", this.i.yq);
+            this.i.z1 = +v;
+            this._a("calloutPositionPadding", this.i.z1);
         },
         enumerable: false,
         configurable: true
@@ -554,11 +569,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness for the callout backing. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.yr;
+            return this.i.z2;
         },
         set: function (v) {
-            this.i.yr = +v;
-            this._a("calloutStrokeThickness", this.i.yr);
+            this.i.z2 = +v;
+            this._a("calloutStrokeThickness", this.i.z2);
         },
         enumerable: false,
         configurable: true
@@ -568,10 +583,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.zx;
+            return this.i.aa9;
         },
         set: function (v) {
-            this.i.zx = v;
+            this.i.aa9 = v;
         },
         enumerable: false,
         configurable: true
@@ -598,7 +613,16 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcCalloutLayerComponent.prototype.getItemValue = function (item, memberPathName) {
-        var iv = this.i.jv(item, memberPathName);
+        var 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
+    */
+    IgcCalloutLayerComponent.prototype.getMemberPathValue = function (memberPathName) {
+        var iv = this.i.li(memberPathName);
         return (iv);
     };
     /**
@@ -606,7 +630,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCalloutLayerComponent.prototype.invalidateCalloutContent = function () {
-        this.i.aag();
+        this.i.abs();
     };
     Object.defineProperty(IgcCalloutLayerComponent.prototype, "calloutStyleUpdating", {
         /**