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

package/esm5/lib/ValueOverlay_combined.js

@@ -10,24 +10,33 @@ import { IHasCategoryModePreference_$type } from "./IHasCategoryModePreference";
 import { Axis } from "./Axis";
 import { DependencyProperty } from "igniteui-webcomponents-core";
 import { CategoryAxisBase } from "./CategoryAxisBase";
-import { Point_$type, typeCast, Delegate_$type, markType, markDep } from "igniteui-webcomponents-core";
+import { Point_$type, typeCast, Delegate_$type, enumGetBox, markType, markDep, runOn } from "igniteui-webcomponents-core";
 import { Brush } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
+import { OverlayTextLocation_$type } from "./OverlayTextLocation";
+import { AnnotationAppearanceMode_$type } from "./AnnotationAppearanceMode";
+import { OverlayTextUtil } from "./OverlayTextUtil";
 import { List$1 } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
 import { Pool$1 } from "igniteui-webcomponents-core";
 import { AxisAnnotation } from "./AxisAnnotation";
 import { SeriesView } from "./SeriesView";
+import { Rect } from "igniteui-webcomponents-core";
 import { NotImplementedException } from "igniteui-webcomponents-core";
 import { AxisRange } from "./AxisRange";
 import { NumericAxisBase } from "./NumericAxisBase";
 import { AxisAnnotationFrame } from "./AxisAnnotationFrame";
 import { ScalerParams } from "./ScalerParams";
 import { CategoryXAxis } from "./CategoryXAxis";
+import { OverlayTextUpdatingEventArgs } from "./OverlayTextUpdatingEventArgs";
+import { OverlayTextInfo } from "./OverlayTextInfo";
 import { AxisAnnotationFrameManager } from "./AxisAnnotationFrameManager";
+import { TextBlock } from "igniteui-webcomponents-core";
+import { Rectangle } from "igniteui-webcomponents-core";
 import { PropertyMetadata } from "igniteui-webcomponents-core";
 import { DeviceUtils } from "igniteui-webcomponents-core";
 import { isNaN_, isInfinity } from "igniteui-webcomponents-core";
+import { stringIsNullOrEmpty } from "igniteui-webcomponents-core";
 import { stringFormat } from "igniteui-webcomponents-core";
 import { Path } from "igniteui-webcomponents-core";
 /**
@@ -37,22 +46,25 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(ValueOverlay, _super);
     function ValueOverlay() {
         var _this = _super.call(this) || this;
-        _this.xh = 0;
-        _this.xi = 0;
-        _this.xe = 0;
-        _this.w1 = null;
+        _this.x5 = 0;
+        _this.x6 = 0;
+        _this.xs = 0;
         _this.w7 = null;
-        _this.w6 = null;
+        _this.xl = null;
+        _this.xk = null;
+        _this.stylingOverlayText = null;
+        _this.xc = null;
         _this.ab = ValueOverlay.$;
+        _this.xc = OverlayTextUtil.c();
         return _this;
     }
     ValueOverlay.prototype.bk = function () {
         return new ValueOverlay();
     };
-    ValueOverlay.prototype.i5 = function (a, b, c) {
-        return this.xj;
+    ValueOverlay.prototype.i6 = function (a, b, c) {
+        return this.x7;
     };
-    ValueOverlay.prototype.xf = function (a, b) {
+    ValueOverlay.prototype.xt = function (a, b) {
         var c = Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
         var d = Math.acos((a.x - b.x) / c);
         if ((a.y - b.y) < 0) {
@@ -60,112 +72,112 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return d;
     };
-    ValueOverlay.prototype.we = function (a, b, c) {
-        if (this.w0 == null) {
+    ValueOverlay.prototype.wh = function (a, b, c) {
+        if (this.w6 == null) {
             return { $type: Point_$type, x: NaN, y: NaN };
         }
-        var d = this.xg();
+        var d = this.x4();
         var e = NaN;
         var f = NaN;
         var g = NaN;
         var h = { $type: Point_$type, x: 0.5, y: 0.5 };
         var i = NaN;
-        switch (this.w0.a2) {
+        switch (this.w6.a2) {
             case 2:
                 i = Math.sqrt(Math.pow(a.x - h.x, 2) + Math.pow(a.y - h.y, 2));
                 g = d;
                 e = h.x + Math.cos(g) * i;
                 f = h.y + Math.sin(g) * i;
-                f = this.cw.b1.top + this.cw.b1.height * (f - this.cw.b2.top) / this.cw.b2.height;
-                e = this.cw.b1.left + this.cw.b1.width * (e - this.cw.b2.left) / this.cw.b2.width;
+                f = this.cw.b9.top + this.cw.b9.height * (f - this.cw.ca.top) / this.cw.ca.height;
+                e = this.cw.b9.left + this.cw.b9.width * (e - this.cw.ca.left) / this.cw.ca.width;
                 break;
             case 0:
                 e = d;
                 f = a.y;
-                f = this.cw.b1.top + this.cw.b1.height * (f - this.cw.b2.top) / this.cw.b2.height;
+                f = this.cw.b9.top + this.cw.b9.height * (f - this.cw.ca.top) / this.cw.ca.height;
                 break;
             case 1:
                 f = d;
                 e = a.x;
-                e = this.cw.b1.left + this.cw.b1.width * (e - this.cw.b2.left) / this.cw.b2.width;
+                e = this.cw.b9.left + this.cw.b9.width * (e - this.cw.ca.left) / this.cw.ca.width;
                 break;
             case 3:
-                g = this.xf(a, h);
+                g = this.xt(a, h);
                 i = d;
                 e = h.x + Math.cos(g) * i;
                 f = h.y + Math.sin(g) * i;
-                f = this.cw.b1.top + this.cw.b1.height * (f - this.cw.b2.top) / this.cw.b2.height;
-                e = this.cw.b1.left + this.cw.b1.width * (e - this.cw.b2.left) / this.cw.b2.width;
+                f = this.cw.b9.top + this.cw.b9.height * (f - this.cw.ca.top) / this.cw.ca.height;
+                e = this.cw.b9.left + this.cw.b9.width * (e - this.cw.ca.left) / this.cw.ca.width;
                 break;
         }
         return { $type: Point_$type, x: e, y: f };
     };
-    ValueOverlay.prototype.j3 = function (a) {
+    ValueOverlay.prototype.j4 = function (a) {
         throw new NotImplementedException(0);
     };
-    ValueOverlay.prototype.kn = function (a) {
+    ValueOverlay.prototype.ko = function (a) {
         return this;
     };
-    ValueOverlay.prototype.gd = function (a) {
+    ValueOverlay.prototype.ge = function (a) {
         return false;
     };
     ValueOverlay.prototype.ay = function (a) {
         var b = typeCast(NumericAxisBase.$, a);
-        var c = this.xj;
+        var c = this.x7;
         if (isNaN_(c) || isInfinity(c)) {
             return null;
         }
         return new AxisRange(c, c);
     };
-    ValueOverlay.prototype.rt = function (a) {
-        this.o5(true, this.cw);
-        if (!this.w5()) {
-            if (this.w1 != null) {
-                this.x2(NaN, this.d4());
+    ValueOverlay.prototype.rv = function (a) {
+        this.o7(true, this.cw);
+        if (!this.xj()) {
+            if (this.w7 != null) {
+                this.zf(NaN, this.d4());
             }
             return;
         }
-        if (this.gf(a)) {
+        if (this.gg(a)) {
             if (this.d4()) {
                 if (this.dd.g) {
                     this.dd.t();
                 }
-                var b = this.xh;
-                this.xh = this.xi;
-                this.xi = b;
+                var b = this.x5;
+                this.x5 = this.x6;
+                this.x6 = b;
             }
             else {
-                this.xh = this.xe;
+                this.x5 = this.xs;
             }
-            this.xe = this.xg();
-            this.r9();
+            this.xs = this.x4();
+            this.sb();
         }
         else {
-            this.xe = this.xg();
-            this.x1(this.xe, this.w3);
+            this.xs = this.x4();
+            this.ze(this.xs, this.xb);
         }
     };
-    ValueOverlay.prototype.xg = function () {
+    ValueOverlay.prototype.x4 = function () {
         var a, b;
         var c = this.getViewInfo(b, a);
         b = c.p0;
         a = c.p1;
         var d = this.getEffectiveViewport1(this.cw);
-        var e = new ScalerParams(0, a, b, this.w0.ch, d);
-        return this.w0.el(this.xj, e);
+        var e = new ScalerParams(0, a, b, this.w6.ch, d);
+        return this.w6.el(this.x7, e);
     };
-    ValueOverlay.prototype.x1 = function (a, b) {
-        if (this.w0 == null) {
+    ValueOverlay.prototype.ze = function (a, b) {
+        if (this.w6 == null) {
             return;
         }
-        var c = typeCast(CategoryAxisBase.$, this.w0);
+        var c = typeCast(CategoryAxisBase.$, this.w6);
         if (c != null && !c.ce) {
-            if (this.xj > c.lk - 1) {
+            if (this.x7 > c.lk - 1) {
                 return;
             }
             if (c.categoryMode != 0) {
                 var d = this.getEffectiveViewport1(b);
-                var e = 0.5 * c.getCategorySize(b.b2, b.b1, d);
+                var e = 0.5 * c.getCategorySize(b.ca, b.b9, d);
                 var f = false;
                 if (c.cp && !c.ch) {
                     f = true;
@@ -179,51 +191,51 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
                 a += e;
             }
         }
-        var g = typeCast(NumericAxisBase.$, this.w0);
+        var g = typeCast(NumericAxisBase.$, this.w6);
         if (g != null) {
-            if (this.xj < g.l4 || this.xj > g.l3) {
+            if (this.x7 < g.l4 || this.x7 > g.l3) {
                 return;
             }
-            if (g.lp && this.xj < 0) {
+            if (g.lp && this.x7 < 0) {
                 return;
             }
         }
         var h;
-        switch (this.w0.a2) {
+        switch (this.w6.a2) {
             case 2:
             case 3:
-                h = this.w0.j8(a, b.b2, b.b1, this.getEffectiveViewport1(b), this.wl(b));
+                h = this.w6.j8(a, b.ca, b.b9, this.getEffectiveViewport1(b), this.wo(b));
                 break;
             default:
-                h = this.w0.j8(a, b.b2, b.b1, this.getEffectiveViewport1(b), this.wl(b));
+                h = this.w6.j8(a, b.ca, b.b9, this.getEffectiveViewport1(b), this.wo(b));
                 break;
         }
         if (h != null) {
-            b.b5(h);
+            b.cp(h);
         }
-        if (!b.r) {
-            this.x2(a, this.d4());
+        if (!b.t) {
+            this.zf(a, this.d4());
         }
     };
-    ValueOverlay.prototype.he = function (a, b, c) {
+    ValueOverlay.prototype.hf = function (a, b, c) {
         var d = true;
-        d = _super.prototype.he.call(this, a, b, c);
-        if (!c.p() || b.isEmpty || a.isEmpty || this.w0 == null || this.w0.bi == null) {
+        d = _super.prototype.hf.call(this, a, b, c);
+        if (!c.r() || b.isEmpty || a.isEmpty || this.w6 == null || this.w6.bi == null) {
             d = false;
         }
         return d;
     };
-    ValueOverlay.prototype.st = function (a, b) {
-        this.rs(false);
+    ValueOverlay.prototype.sv = function (a, b) {
+        this.ru(false);
     };
-    ValueOverlay.prototype.ss = function (a, b) {
-        this.rs(false);
+    ValueOverlay.prototype.su = function (a, b) {
+        this.ru(false);
     };
-    ValueOverlay.prototype.pb = function (a, b, c, d) {
+    ValueOverlay.prototype.pd = function (a, b, c, d) {
         throw new NotImplementedException(0);
     };
-    ValueOverlay.prototype.ra = function (a, b, c, d) {
-        _super.prototype.ra.call(this, a, b, c, d);
+    ValueOverlay.prototype.rc = function (a, b, c, d) {
+        _super.prototype.rc.call(this, a, b, c, d);
         switch (b) {
             case ValueOverlay.$$p[11]:
                 if (c != null) {
@@ -232,32 +244,32 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (d != null) {
                     d.ct(this);
                 }
-                this.rs(false);
-                this.ql();
+                this.ru(false);
+                this.qn();
                 break;
             case "TransitionProgress":
-                this.xi = this.xh + this.jq * (this.xe - this.xh);
-                if (this.d6(this.cw)) {
+                this.x6 = this.x5 + this.jr * (this.xs - this.x5);
+                if (this.d7(this.cw)) {
                     return;
                 }
-                if (this.jq == 1) {
-                    this.x1(this.xe, this.w3);
-                    this.qo();
+                if (this.jr == 1) {
+                    this.ze(this.xs, this.xb);
+                    this.qq();
                 }
                 else {
-                    this.x1(this.xi, this.w3);
+                    this.ze(this.x6, this.xb);
                 }
                 if (this.dc != null) {
-                    this.dc.qp(this);
+                    this.dc.qx(this);
                 }
                 break;
-            case ValueOverlay.$$p[13]:
-                var e = typeCast(NumericAxisBase.$, this.w0);
+            case ValueOverlay.$$p[35]:
+                var e = typeCast(NumericAxisBase.$, this.w6);
                 if (e != null) {
                     e.c1();
                 }
-                this.rs(true);
-                this.qm();
+                this.ru(true);
+                this.qo();
                 break;
             case ValueOverlay.$$p[12]:
             case ValueOverlay.$$p[10]:
@@ -270,26 +282,50 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
             case ValueOverlay.$$p[6]:
             case ValueOverlay.$$p[7]:
             case ValueOverlay.$$p[8]:
-                this.rs(true);
+                this.ru(true);
+                break;
+            case ValueOverlay.$$p[31]:
+            case ValueOverlay.$$p[34]:
+            case ValueOverlay.$$p[30]:
+            case ValueOverlay.$$p[13]:
+            case ValueOverlay.$$p[24]:
+            case ValueOverlay.$$p[25]:
+            case ValueOverlay.$$p[27]:
+            case ValueOverlay.$$p[26]:
+            case ValueOverlay.$$p[14]:
+            case ValueOverlay.$$p[15]:
+            case ValueOverlay.$$p[17]:
+            case ValueOverlay.$$p[16]:
+            case ValueOverlay.$$p[19]:
+            case ValueOverlay.$$p[20]:
+            case ValueOverlay.$$p[22]:
+            case ValueOverlay.$$p[18]:
+            case ValueOverlay.$$p[21]:
+            case ValueOverlay.$$p[23]:
+            case ValueOverlay.$$p[28]:
+            case ValueOverlay.$$p[29]:
+            case ValueOverlay.$$p[33]:
+            case ValueOverlay.$$p[32]:
+                this.ru(true);
                 break;
         }
     };
-    ValueOverlay.prototype.qb = function () {
-        _super.prototype.qb.call(this);
-        if (this.w0 != null) {
-            this.w0.ib(false);
+    ValueOverlay.prototype.qd = function () {
+        _super.prototype.qd.call(this);
+        if (this.w6 != null) {
+            this.w6.ib(false);
         }
     };
-    ValueOverlay.prototype.o5 = function (a, b) {
-        _super.prototype.o5.call(this, a, b);
+    ValueOverlay.prototype.o7 = function (a, b) {
+        _super.prototype.o7.call(this, a, b);
         var c = b;
-        c.b4();
+        c.ci();
     };
-    ValueOverlay.prototype.w5 = function () {
-        if (this.w0 == null || this.w0.bi == null || isNaN_(this.xj) || this._visibility != 0) {
+    ValueOverlay.prototype.xj = function () {
+        if (this.w6 == null || this.w6.bi == null || isNaN_(this.x7) || this._visibility != 0) {
             return false;
         }
-        var a = typeCast(CategoryAxisBase.$, this.w0);
+        var a = typeCast(CategoryAxisBase.$, this.w6);
         if (a != null && a.lk == 0) {
             return false;
         }
@@ -300,7 +336,7 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(ValueOverlay.prototype, "categoryAxis", {
         get: function () {
-            return typeCast(CategoryAxisBase.$, this.w0);
+            return typeCast(CategoryAxisBase.$, this.w6);
         },
         enumerable: false,
         configurable: true
@@ -308,24 +344,24 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
     ValueOverlay.prototype.ct = function () {
         return new ValueOverlayView(this);
     };
-    ValueOverlay.prototype.q1 = function (a) {
-        _super.prototype.q1.call(this, a);
-        this.w3 = typeCast(ValueOverlayView.$, a);
+    ValueOverlay.prototype.q3 = function (a) {
+        _super.prototype.q3.call(this, a);
+        this.xb = typeCast(ValueOverlayView.$, a);
     };
-    ValueOverlay.prototype.ru = function (a, b) {
-        _super.prototype.ru.call(this, a, b);
-        if (!this.g0) {
-            this.cw.a7(b);
+    ValueOverlay.prototype.rw = function (a, b) {
+        _super.prototype.rw.call(this, a, b);
+        if (!this.g1) {
+            this.cw.be(b);
             return;
         }
-        this.cw.a7(b);
-        if (this.d6(this.cv) || !this.w5()) {
+        this.cw.be(b);
+        if (this.d7(this.cv) || !this.xj()) {
             return;
         }
         var c = this.getEffectiveViewport1(this.cw);
-        var d = this.w0.el(this.xj, new ScalerParams(0, this.cv.b2, a, this.w0.ch, c));
-        this.x1(d, typeCast(ValueOverlayView.$, this.cv));
-        this.g0 = false;
+        var d = this.w6.el(this.x7, new ScalerParams(0, this.cv.ca, a, this.w6.ch, c));
+        this.ze(d, typeCast(ValueOverlayView.$, this.cv));
+        this.g1 = false;
     };
     ValueOverlay.prototype.getOffsetValue = function () {
         return 0;
@@ -333,58 +369,147 @@ var ValueOverlay = /** @class */ /*@__PURE__*/ (function (_super) {
     ValueOverlay.prototype.getCategoryWidth = function () {
         return 0;
     };
-    Object.defineProperty(ValueOverlay.prototype, "yk", {
+    Object.defineProperty(ValueOverlay.prototype, "aam", {
         get: function () {
-            return new Thickness(1, this.xa, this.xc, this.xb, this.w9);
+            return new Thickness(1, this.xo, this.xq, this.xp, this.xn);
         },
         enumerable: false,
         configurable: true
     });
     ValueOverlay.prototype.ai = function () {
-        return [this.w0];
+        return [this.w6];
     };
-    ValueOverlay.prototype.x2 = function (a, b) {
+    ValueOverlay.prototype.zd = function () {
+        if (OverlayTextUtil.q(this.xc)) {
+            this.xc = OverlayTextUtil.c();
+        }
+        else if (OverlayTextUtil.k(this.xc)) {
+            this.xc = this.cw.l(this.xc.fontString);
+        }
+    };
+    ValueOverlay.prototype.zf = function (a, b) {
         if (isNaN_(a)) {
-            if (this.w1 != null) {
-                AxisAnnotationFrameManager.b(this.w1);
-                AxisAnnotationFrameManager.d(this, this.w1, true, this.w6, this.w7, b, this.xk, this.xk, this.w2, this.w2);
+            if (this.w7 != null) {
+                AxisAnnotationFrameManager.b(this.w7);
+                AxisAnnotationFrameManager.d(this, this.w7, true, this.xk, this.xl, b, this.x8, this.x8, this.w8, this.w8);
             }
             return;
         }
         var c = false;
-        if (this.w6 == null) {
+        if (this.xk == null) {
             c = true;
-            this.w7 = new List$1(Axis.$, 0);
-            this.w6 = new Dictionary$2(Axis.$, Pool$1.$.specialize(AxisAnnotation.$), 0);
+            this.xl = new List$1(Axis.$, 0);
+            this.xk = new Dictionary$2(Axis.$, Pool$1.$.specialize(AxisAnnotation.$), 0);
         }
-        this.w1 = new AxisAnnotationFrame();
-        var d = this.vb;
+        this.w7 = new AxisAnnotationFrame();
+        var d = this.ve;
         if (d == null) {
-            d = this.vh;
+            d = this.vk;
         }
-        var e = this.w0.cp;
-        AxisAnnotationFrameManager.c(this.w1, { $type: Point_$type, x: a, y: a }, this, this.dc, this.getEffectiveViewport(), d, this.yh, this.w8, this.yj, this.yi, this.yk, this.xd, this.yh, this.w8, this.yj, this.yi, this.yk, this.xd, !e && this.w4, e && this.w4);
-        AxisAnnotationFrameManager.d(this, this.w1, c, this.w6, this.w7, b, this.xk, this.xk, this.w2, this.w2);
+        this.xb.ch();
+        if (this.w6.a2 == 0 || this.w6.a2 == 1) {
+            this.zd();
+            var e = this.xd;
+            var f = OverlayTextUtil.o(e, this.xi);
+            var g = this.w9;
+            if (g == 18) {
+                f = false;
+            }
+            if (f && !stringIsNullOrEmpty(this.yo)) {
+                var h = this.w6.cp;
+                var i = new OverlayTextUpdatingEventArgs();
+                i.textLocation = this.w9;
+                i.textAngle = this.xu;
+                i.textVisible = this.xi;
+                i.textContent = this.yo;
+                i.textColorMode = this.w5;
+                i.textColorShift = this.xz;
+                i.textColor = this.xh ? this.ve : this.aal;
+                i.backgroundMode = this.w3;
+                i.backgroundShift = this.xv;
+                i.background = this.xf ? this.ve : this.aaj;
+                i.borderMode = this.w4;
+                i.borderShift = this.xx;
+                i.borderStroke = this.xg ? this.ve : this.aak;
+                i.borderRadius = this.xw;
+                i.borderThickness = this.xy;
+                i.shapeBrush = this.ve;
+                i.shapeOutline = this.vi;
+                i.f = h;
+                i.horizontalMargin = this.x0;
+                i.verticalPadding = this.x3;
+                i.verticalMargin = this.x2;
+                i.horizontalPadding = this.x1;
+                if (this.stylingOverlayText != null) {
+                    this.stylingOverlayText(this, i);
+                }
+                OverlayTextUtil.ad(i);
+                var j = OverlayTextInfo.d(i);
+                if (j.textVisible) {
+                    this.xb.ce.count = 1;
+                    this.xb.cd.count = 1;
+                    j.f = e;
+                    j.ac = this.cw.cc(j.textContent, j.f);
+                    j.t = this.xb.ce.item(0);
+                    j.ab = this.xb.cd.item(0);
+                    if (j.g) {
+                        var k = this.dc.v9({ $type: Point_$type, x: 0, y: NaN });
+                        var l = this.dc.v9({ $type: Point_$type, x: 1, y: NaN });
+                        var m = l.x - k.x;
+                        j.aa = new Rect(0, k.x, a, m, 1);
+                    }
+                    else {
+                        var n = this.dc.v9({ $type: Point_$type, x: NaN, y: 0 });
+                        var o = this.dc.v9({ $type: Point_$type, x: NaN, y: 1 });
+                        var p = o.y - n.y;
+                        j.aa = new Rect(0, a, n.y, 1, p);
+                    }
+                    OverlayTextUtil.ac(j);
+                    this.cw.av(j.t, j.f);
+                    this.cw.aw(j.t, j.f);
+                }
+            }
+        }
+        var q = this.w6.cp;
+        AxisAnnotationFrameManager.c(this.w7, { $type: Point_$type, x: a, y: a }, this, this.dc, this.getEffectiveViewport(), d, this.aag, this.xm, this.aai, this.aah, this.aam, this.xr, this.aag, this.xm, this.aai, this.aah, this.aam, this.xr, !q && this.xe, q && this.xe);
+        AxisAnnotationFrameManager.d(this, this.w7, c, this.xk, this.xl, b, this.x8, this.x8, this.w8, this.w8);
     };
     ValueOverlay.prototype.get_isValueOverlay = function () {
         return true;
     };
-    ValueOverlay.prototype.xx = function (a) {
-        if (this.w0 != null) {
-            return this.w0.gf(a);
+    ValueOverlay.prototype.yl = function (a) {
+        if (this.w6 != null) {
+            return this.w6.gf(a);
         }
         return null;
     };
-    Object.defineProperty(ValueOverlay.prototype, "xz", {
+    Object.defineProperty(ValueOverlay.prototype, "yn", {
         get: function () {
-            var a = this.xx(this.xj);
-            return a != null ? a : stringFormat("{0:0.##}", this.xj);
+            var a = this.yl(this.x7);
+            return a != null ? a : stringFormat("{0:0.##}", this.x7);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ValueOverlay.prototype, "xd", {
+        get: function () {
+            return this.xc;
+        },
+        set: function (a) {
+            var b = this.xc;
+            if (OverlayTextUtil.q(a)) {
+                a = OverlayTextUtil.c();
+            }
+            this.xc = a;
+            if (b != this.xc) {
+                this.raisePropertyChanged("OverlayTextStyle", b, this.xc);
+            }
         },
         enumerable: false,
         configurable: true
     });
     ValueOverlay.$t = markType(ValueOverlay, 'ValueOverlay', Series.$, [IHasCategoryModePreference_$type]);
-    ValueOverlay.$$p = markDep(DependencyProperty, PropertyMetadata, ValueOverlay, 'raisePropertyChanged', ['AxisAnnotationBackgroundCornerRadius:w8:x3', [1, DeviceUtils.g(3)], 'AxisAnnotationBackground:yh:x4', [Brush.$, null], 'AxisAnnotationFormatLabel:w2:x5', [Delegate_$type], 'AxisAnnotationInterpolatedValuePrecision:xk:x6', [1, -1], 'AxisAnnotationOutline:yi:x7', [Brush.$, null], 'AxisAnnotationPaddingBottom:w9:x8', [1, NaN], 'AxisAnnotationPaddingLeft:xa:x9', [1, NaN], 'AxisAnnotationPaddingRight:xb:ya', [1, NaN], 'AxisAnnotationPaddingTop:xc:yb', [1, NaN], 'AxisAnnotationStrokeThickness:xd:yc', [1, NaN], 'AxisAnnotationTextColor:yj:yd', [Brush.$, null], 'Axis:w0:ye', [Axis.$, null], 'IsAxisAnnotationEnabled:w4:yf', [0, false], 'Value:xj:yg', [1, 0]]);
+    ValueOverlay.$$p = markDep(DependencyProperty, PropertyMetadata, ValueOverlay, 'raisePropertyChanged', ['AxisAnnotationBackgroundCornerRadius:xm:zg', [1, DeviceUtils.g(3)], 'AxisAnnotationBackground:aag:zh', [Brush.$, null], 'AxisAnnotationFormatLabel:w8:zi', [Delegate_$type], 'AxisAnnotationInterpolatedValuePrecision:x8:zj', [1, -1], 'AxisAnnotationOutline:aah:zk', [Brush.$, null], 'AxisAnnotationPaddingBottom:xn:zl', [1, NaN], 'AxisAnnotationPaddingLeft:xo:zm', [1, NaN], 'AxisAnnotationPaddingRight:xp:zn', [1, NaN], 'AxisAnnotationPaddingTop:xq:zo', [1, NaN], 'AxisAnnotationStrokeThickness:xr:zp', [1, NaN], 'AxisAnnotationTextColor:aai:zq', [Brush.$, null], 'Axis:w6:zr', [Axis.$, null], 'IsAxisAnnotationEnabled:xe:zs', [0, false], 'OverlayTextAngle:xu:zt', [1, NaN], 'OverlayTextBackgroundMatchLayer:xf:zu', [0, false], 'OverlayTextBackgroundMode:w3:zv', [AnnotationAppearanceMode_$type, enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextBackground:aaj:zw', [Brush.$, null], 'OverlayTextBackgroundShift:xv:zx', [1, NaN], 'OverlayTextBorderColor:aak:zy', [Brush.$, null], 'OverlayTextBorderMatchLayer:xg:zz', [0, false], 'OverlayTextBorderMode:w4:z0', [AnnotationAppearanceMode_$type, enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextBorderRadius:xw:z1', [1, NaN], 'OverlayTextBorderShift:xx:z2', [1, NaN], 'OverlayTextBorderThickness:xy:z3', [1, 1], 'OverlayTextColorMatchLayer:xh:z4', [0, true], 'OverlayTextColorMode:w5:z5', [AnnotationAppearanceMode_$type, enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextColor:aal:z6', [Brush.$, null], 'OverlayTextColorShift:xz:z7', [1, NaN], 'OverlayTextHorizontalMargin:x0:z8', [1, NaN], 'OverlayTextHorizontalPadding:x1:z9', [1, NaN], 'OverlayTextLocation:w9:aaa', [OverlayTextLocation_$type, enumGetBox(OverlayTextLocation_$type, 0)], 'OverlayText:yo:aab', [2, null], 'OverlayTextVerticalMargin:x2:aac', [1, NaN], 'OverlayTextVerticalPadding:x3:aad', [1, NaN], 'OverlayTextVisible:xi:aae', [0, true], 'Value:x7:aaf', [1, 0]]);
     return ValueOverlay;
 }(Series));
 export { ValueOverlay };
@@ -395,42 +520,127 @@ var ValueOverlayView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(ValueOverlayView, _super);
     function ValueOverlayView(a) {
         var _this = _super.call(this, a) || this;
-        _this.b6 = null;
-        _this.b6 = new Path();
+        _this.cr = null;
+        _this.cg = null;
+        _this.ce = null;
+        _this.cf = null;
+        _this.cd = null;
+        _this.cr = new Path();
         return _this;
     }
-    ValueOverlayView.prototype.bh = function () {
-        _super.prototype.bh.call(this);
-        this.b6._stroke = this.f.vb;
-        this.b6.ad = this.f.ie;
-        this.b6.ai = this.f.v4;
-        this.b6.aj = this.f.v5;
-    };
-    ValueOverlayView.prototype.bi = function () {
-        _super.prototype.bi.call(this);
-        var a = this.bv();
-        this.b6._stroke = a;
-        this.b6.ad = this.f.ie + 3;
-        this.b6._stroke = a;
-        this.b6.ad = this.f.ie + 3;
-    };
-    ValueOverlayView.prototype.b5 = function (a) {
-        this.b6.an = a;
-        this.av();
-    };
-    ValueOverlayView.prototype.b4 = function () {
-        this.b6.an = null;
-        this.av();
-    };
-    ValueOverlayView.prototype.bc = function (a, b) {
-        _super.prototype.bc.call(this, a, b);
+    ValueOverlayView.prototype.bp = function () {
+        _super.prototype.bp.call(this);
+        this.cr._stroke = this.f.ve;
+        this.cr.ad = this.f.ig;
+        this.cr.ai = this.f.v7;
+        this.cr.aj = this.f.v8;
+    };
+    ValueOverlayView.prototype.bq = function () {
+        _super.prototype.bq.call(this);
+        var a = this.b3();
+        this.cr._stroke = a;
+        this.cr.ad = this.f.ig + 3;
+        this.cr._stroke = a;
+        this.cr.ad = this.f.ig + 3;
+    };
+    ValueOverlayView.prototype.cp = function (a) {
+        this.cr.an = a;
+        this.a2();
+    };
+    ValueOverlayView.prototype.ci = function () {
+        this.cr.an = null;
+        this.a2();
+    };
+    ValueOverlayView.prototype.bj = function (a, b) {
+        _super.prototype.bj.call(this, a, b);
         if (a.d) {
-            a.t(this.b6);
+            a.t(this.cr);
+            for (var c = 0; c < this.cd.count; c++) {
+                var d = this.cd.item(c);
+                if (d.j != null) {
+                    a.aa();
+                    a.k(d.j);
+                }
+                if (d._visibility == 0) {
+                    a.w(d);
+                }
+                if (d.j != null) {
+                    a.z();
+                }
+            }
+            for (var e = 0; e < this.ce.count; e++) {
+                var f = this.ce.item(e);
+                if (f.j != null) {
+                    a.k(f.j);
+                }
+                a.ad(f.dataContext);
+                a.x(f);
+                if (f.j != null) {
+                }
+            }
+        }
+    };
+    ValueOverlayView.prototype.ax = function (a) {
+        _super.prototype.ax.call(this, a);
+        this.f.bc.exportPathData(a, this.cr, "ValueOverlayPath", []);
+    };
+    ValueOverlayView.prototype.ch = function () {
+    };
+    ValueOverlayView.prototype.a4 = function () {
+        var _this = this;
+        _super.prototype.a4.call(this);
+        this.cg = new List$1(TextBlock.$, 0);
+        this.ce = ((function () {
+            var $ret = new Pool$1(TextBlock.$);
+            $ret.create = runOn(_this, _this.cq);
+            $ret.activate = runOn(_this, _this.cm);
+            $ret.disactivate = runOn(_this, _this.co);
+            $ret.destroy = runOn(_this, _this.cn);
+            return $ret;
+        })());
+        this.cf = new List$1(Rectangle.$, 0);
+        this.cd = ((function () {
+            var $ret = new Pool$1(Rectangle.$);
+            $ret.create = runOn(_this, _this.cs);
+            $ret.activate = runOn(_this, _this.cj);
+            $ret.disactivate = runOn(_this, _this.cl);
+            $ret.destroy = runOn(_this, _this.ck);
+            return $ret;
+        })());
+    };
+    ValueOverlayView.prototype.cq = function () {
+        var a = new TextBlock();
+        this.cg.add(a);
+        return a;
+    };
+    ValueOverlayView.prototype.cn = function (a) {
+        if (this.cg.contains(a)) {
+            this.cg.remove(a);
         }
     };
-    ValueOverlayView.prototype.aq = function (a) {
-        _super.prototype.aq.call(this, a);
-        this.f.bc.exportPathData(a, this.b6, "ValueOverlayPath", []);
+    ValueOverlayView.prototype.cm = function (a) {
+        a._visibility = 0;
+        a.s = 0;
+    };
+    ValueOverlayView.prototype.co = function (a) {
+        a._visibility = 1;
+    };
+    ValueOverlayView.prototype.cs = function () {
+        var a = new Rectangle();
+        this.cf.add(a);
+        return a;
+    };
+    ValueOverlayView.prototype.ck = function (a) {
+        a.dataContext = null;
+        if (this.cf.contains(a)) {
+            this.cf.remove(a);
+        }
+    };
+    ValueOverlayView.prototype.cj = function (a) {
+        a._visibility = 0;
+    };
+    ValueOverlayView.prototype.cl = function (a) {
+        a._visibility = 1;
     };
     ValueOverlayView.$t = markType(ValueOverlayView, 'ValueOverlayView', SeriesView.$);
     return ValueOverlayView;