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

package/esm2015/lib/ValueLayer_combined.js

@@ -13,6 +13,9 @@ import { Axis } from "./Axis";
 import { Base, enumGetBox, Delegate_$type, Number_$type, typeCast, fromEnum, Point_$type, markType, markDep, runOn } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { Visibility_$type } from "igniteui-webcomponents-core";
+import { OverlayTextLocation_$type } from "./OverlayTextLocation";
+import { AnnotationAppearanceMode_$type } from "./AnnotationAppearanceMode";
+import { OverlayTextUtil } from "./OverlayTextUtil";
 import { ValueLayerFrame } from "./ValueLayerFrame";
 import { List$1 } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
@@ -23,7 +26,12 @@ import { DataLegendSeriesValueInfo } from "igniteui-webcomponents-core";
 import { AxisAnnotationFrameManager } from "./AxisAnnotationFrameManager";
 import { DoubleCollection } from "igniteui-webcomponents-core";
 import { DeviceUtils } from "igniteui-webcomponents-core";
+import { OverlayTextUpdatingEventArgs } from "./OverlayTextUpdatingEventArgs";
+import { OverlayTextInfo } from "./OverlayTextInfo";
 import { AnnotationLayerView } from "./AnnotationLayerView";
+import { TextBlock } from "igniteui-webcomponents-core";
+import { Rectangle } from "igniteui-webcomponents-core";
+import { Rect } from "igniteui-webcomponents-core";
 import { Tuple$2 } from "igniteui-webcomponents-core";
 import { Path } from "igniteui-webcomponents-core";
 import { PathGeometry } from "igniteui-webcomponents-core";
@@ -32,6 +40,7 @@ import { LineSegment } from "igniteui-webcomponents-core";
 import { BrushUtil } from "igniteui-webcomponents-core";
 import { PropertyMetadata } from "igniteui-webcomponents-core";
 import { isNaN_ } from "igniteui-webcomponents-core";
+import { stringIsNullOrEmpty } from "igniteui-webcomponents-core";
 import { Defaults } from "./Defaults";
 import { TranslateTransform } from "igniteui-webcomponents-core";
 import { LineGeometry } from "igniteui-webcomponents-core";
@@ -43,76 +52,92 @@ export let ValueLayer = /*@__PURE__*/ (() => {
         bk() {
             return new ValueLayer();
         }
-        get_eu() {
+        get_ev() {
             return true;
         }
         constructor() {
             super();
-            this.z7 = [NaN, NaN];
-            this.aab = null;
-            this.aac = null;
-            this.adf = null;
-            this.aam = null;
-            this.aal = null;
+            this.aap = null;
+            this.aaa = [NaN, NaN];
+            this.aaj = null;
+            this.aak = null;
+            this.afh = null;
+            this.stylingOverlayText = null;
+            this.aa0 = null;
+            this.aaz = null;
             let a = new ValueLayerFrame();
             let b = new ValueLayerFrame();
             let c = new ValueLayerFrame();
-            let d = this.kd / 1000;
-            this.xe = a;
-            this.xd = b;
-            this.xf = c;
+            let d = this.ke / 1000;
+            this.xh = a;
+            this.xg = b;
+            this.xi = c;
             this.ab = ValueLayer.$;
+            this.aap = OverlayTextUtil.c();
         }
         ct() {
             return new ValueLayerView(this);
         }
-        q1(a) {
-            super.q1(a);
-            this.aag = a;
+        q3(a) {
+            super.q3(a);
+            this.aao = a;
         }
-        gu(a) {
-            if (this.aad == null) {
+        gv(a) {
+            if (this.aal == null) {
                 return true;
             }
-            if (this.aad == a) {
+            if (this.aal == a) {
                 return true;
             }
             return false;
         }
-        get adh() {
-            return new Thickness(1, this.aap, this.aar, this.aaq, this.aao);
+        get afj() {
+            return new Thickness(1, this.abd, this.abf, this.abe, this.abc);
+        }
+        get afk() {
+            return new Thickness(1, this.abj, this.abl, this.abk, this.abi);
+        }
+        get aaq() {
+            return this.aap;
         }
-        get adi() {
-            return new Thickness(1, this.aav, this.aax, this.aaw, this.aau);
+        set aaq(a) {
+            let b = this.aap;
+            if (OverlayTextUtil.q(a)) {
+                a = OverlayTextUtil.c();
+            }
+            this.aap = a;
+            if (b != this.aap) {
+                this.raisePropertyChanged("OverlayTextStyle", b, this.aap);
+            }
         }
-        mc() {
+        me() {
             return "Value Layer";
         }
         get_isSummarizationSupported() {
             return false;
         }
-        i5(a, b, c) {
-            if (isNaN_(this.z7[0]) && isNaN_(this.z7[1])) {
-                return super.i5(a, b, c);
+        i6(a, b, c) {
+            if (isNaN_(this.aaa[0]) && isNaN_(this.aaa[1])) {
+                return super.i6(a, b, c);
             }
-            if (!isNaN_(this.z7[0])) {
-                return this.z7[0];
+            if (!isNaN_(this.aaa[0])) {
+                return this.aaa[0];
             }
-            return this.z7[1];
+            return this.aaa[1];
         }
         getDataLegendSeriesContextAt(a, b) {
-            if (isNaN_(this.z7[0]) || isNaN_(this.z7[1])) {
+            if (isNaN_(this.aaa[0]) || isNaN_(this.aaa[1])) {
                 return super.getDataLegendSeriesContextAt(a, b);
             }
-            if (this.aad == null) {
+            if (this.aal == null) {
                 let c = new DataLegendSeriesValueInfo();
-                c.l = this.z7[0];
+                c.l = this.aaa[0];
                 c.a = 0;
                 c.q = "Value";
                 c.r = "Value";
                 c.s = "";
                 let d = new DataLegendSeriesValueInfo();
-                d.l = this.z7[1];
+                d.l = this.aaa[1];
                 d.a = 0;
                 d.q = "Value";
                 d.r = "Value";
@@ -124,48 +149,48 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                     $ret.add(d);
                     return $ret;
                 })());
-                e.h = this.mc();
+                e.h = this.me();
                 return e;
             }
-            let f = this.aad.getDataLegendSeriesContextAt(a, b);
+            let f = this.aal.getDataLegendSeriesContextAt(a, b);
             let g = typeCast(DataLegendSeriesContext.$, f);
             if (g == null || g.e == null) {
                 return super.getDataLegendSeriesContextAt(a, b);
             }
             if (g.e.count == 0) {
-                g.e._inner[0].l = isNaN_(this.z7[0]) ? this.z7[1] : this.z7[0];
+                g.e._inner[0].l = isNaN_(this.aaa[0]) ? this.aaa[1] : this.aaa[0];
             }
             else {
-                g.e._inner[0].l = this.z7[0];
-                g.e._inner[1].l = this.z7[1];
+                g.e._inner[0].l = this.aaa[0];
+                g.e._inner[1].l = this.aaa[1];
             }
             return g;
         }
-        yt(a, b) {
-            if (this.aad == null || this.aad == a) {
+        yw(a, b) {
+            if (this.aal == null || this.aal == a) {
                 if (!this.a1.c) {
-                    this.rs(b);
+                    this.ru(b);
                 }
             }
         }
-        yv(a, b) {
-            super.yv(a, b);
+        yy(a, b) {
+            super.yy(a, b);
             let c = a;
-            let d = this.aak;
-            let e = this.aaj;
+            let d = this.aay;
+            let e = this.aax;
             c.af.clear();
             c.ag.clear();
             c.ae.clear();
             c.ah.clear();
             AxisAnnotationFrameManager.b(c);
-            this.z7 = [NaN, NaN];
-            this.aab = null;
-            this.aac = null;
-            let f = this.aae();
-            if (this.xk(this.aad)) {
-                let g = this.aad.aq(f);
-                this.z7 = g;
-                this.ab3(c, d, e, this.aad);
+            this.aaa = [NaN, NaN];
+            this.aaj = null;
+            this.aak = null;
+            let f = this.aam();
+            if (this.xn(this.aal)) {
+                let g = this.aal.aq(f);
+                this.aaa = g;
+                this.adf(c, d, e, this.aal);
             }
             else {
                 if (f == 5 || f == 4 || f == 6) {
@@ -174,34 +199,34 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                     let j = [NaN, NaN];
                     let k = 0;
                     for (let l of fromEnum(this.dc.series)) {
-                        if (!this.xk(l)) {
+                        if (!this.xn(l)) {
                             continue;
                         }
                         let m = l.ai();
                         for (let o = 0; o < m.length; o++) {
                             let n = m[o];
-                            if (!this.aai(n)) {
+                            if (!this.aas(n)) {
                                 continue;
                             }
                             let p = n.cp ? 1 : 0;
                             let q = j[p];
                             let r = null;
                             if (f == 5) {
-                                let s = l.i8(2, n);
+                                let s = l.i9(2, n);
                                 if (!isNaN_(s) && (s > q || isNaN_(q))) {
                                     r = l;
                                 }
                                 q = !isNaN_(q) ? Math.max(s, q) : s;
                             }
                             else if (f == 4) {
-                                let t = l.i8(1, n);
+                                let t = l.i9(1, n);
                                 if (!isNaN_(t) && (t < q || isNaN_(q))) {
                                     r = l;
                                 }
                                 q = !isNaN_(q) ? Math.min(t, q) : t;
                             }
                             else if (f == 6) {
-                                let u = l.i8(3, n);
+                                let u = l.i9(3, n);
                                 r = l;
                                 q = !isNaN_(q) ? q + u : u;
                             }
@@ -220,37 +245,37 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                         j[1] = !isNaN_(j[1]) ? j[1] / k : NaN;
                     }
                     if (h != null && !isNaN_(j[0])) {
-                        let v = h.wi(j);
-                        this.ab5(h, { $type: Point_$type, x: v.x, y: NaN }, c, d, e);
+                        let v = h.wl(j);
+                        this.adi(h, { $type: Point_$type, x: v.x, y: NaN }, c, d, e);
                     }
                     if (i != null && !isNaN_(j[1])) {
-                        let w = i.wi(j);
-                        this.ab5(i, { $type: Point_$type, x: NaN, y: w.y }, c, d, e);
+                        let w = i.wl(j);
+                        this.adi(i, { $type: Point_$type, x: NaN, y: w.y }, c, d, e);
                     }
-                    this.z7 = j;
-                    this.aab = h;
-                    this.aac = i;
+                    this.aaa = j;
+                    this.aaj = h;
+                    this.aak = i;
                 }
                 else {
                     for (let x of fromEnum(this.dc.series)) {
-                        this.ab3(c, d, e, x);
+                        this.adf(c, d, e, x);
                     }
                 }
             }
         }
-        ab3(a, b, c, d) {
-            if (this.xk(d)) {
-                this.ab4(d, a, b, c);
+        adf(a, b, c, d) {
+            if (this.xn(d)) {
+                this.adh(d, a, b, c);
             }
             if (d.isStacked) {
-                d.p3((e) => {
-                    if (this.xk(e)) {
-                        this.ab4(e, a, b, c);
+                d.p5((e) => {
+                    if (this.xn(e)) {
+                        this.adh(e, a, b, c);
                     }
-                    if (e.eh) {
-                        e.p1((f) => {
-                            if (this.xk(f)) {
-                                this.ab4(f, a, b, c);
+                    if (e.ei) {
+                        e.p3((f) => {
+                            if (this.xn(f)) {
+                                this.adh(f, a, b, c);
                             }
                             return true;
                         });
@@ -258,116 +283,124 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                     return true;
                 });
             }
-            if (d.eh) {
-                d.p1((e) => {
-                    if (this.xk(e)) {
-                        this.ab4(e, a, b, c);
+            if (d.ei) {
+                d.p3((e) => {
+                    if (this.xn(e)) {
+                        this.adh(e, a, b, c);
                     }
                     return true;
                 });
             }
         }
-        xk(a) {
-            if (!super.xk(a)) {
+        xn(a) {
+            if (!super.xn(a)) {
                 return false;
             }
-            if (this.aa9 != null) {
+            if (this.acl != null) {
                 if (a.isFragment) {
-                    let b = a.nc();
-                    if (!Base.equalsStatic(this.aa9, b)) {
+                    let b = a.ne();
+                    if (!Base.equalsStatic(this.acl, b)) {
                         return false;
                     }
                 }
                 else {
-                    if (!Base.equalsStatic(this.aa9, a.name)) {
+                    if (!Base.equalsStatic(this.acl, a.name)) {
                         return false;
                     }
                 }
             }
             return true;
         }
-        aai(a) {
+        aas(a) {
             if (!a.cj) {
                 return false;
             }
-            if (this.z8 != null && this.z8 != a) {
+            if (this.aae != null && this.aae != a) {
                 return false;
             }
-            if (this.aa6 != null && !Base.equalsStatic(this.aa6, a.name)) {
+            if (this.aci != null && !Base.equalsStatic(this.aci, a.name)) {
                 return false;
             }
             return true;
         }
-        qp() {
-            super.qp();
+        qr() {
+            super.qr();
             if (!this.a1.c && !this.d4()) {
                 return;
             }
             if (this.d4()) {
-                this.ab6(this.xf, false);
+                this.adj(this.xi, false);
             }
             else {
-                this.ab6(this.xd, false);
+                this.adj(this.xg, false);
             }
         }
-        aae() {
-            if (this.aaf == 0) {
+        aam() {
+            if (this.aan == 0) {
                 return 2;
             }
-            return this.aaf;
+            return this.aan;
         }
-        w4() {
+        w7() {
             return 3;
         }
-        xr() {
+        xu() {
             return 0.3;
         }
-        xu() {
+        xx() {
             return -0.4;
         }
-        xt() {
+        xw() {
             return 0.5;
         }
-        zw() {
-            return this.w1 == 3 ? this.adg() : null;
+        zz() {
+            return this.w4 == 3 ? this.afi() : null;
         }
-        zx() {
-            return this.w2 == 3 ? this.adg() : null;
+        z0() {
+            return this.w5 == 3 ? this.afi() : null;
+        }
+        afi() {
+            if (this.afh == null) {
+                this.afh = new DoubleCollection();
+                this.afh.add(DeviceUtils.g(5));
+                this.afh.add(DeviceUtils.g(5));
+            }
+            return this.afh;
         }
         adg() {
-            if (this.adf == null) {
-                this.adf = new DoubleCollection();
-                this.adf.add(DeviceUtils.g(5));
-                this.adf.add(DeviceUtils.g(5));
+            if (OverlayTextUtil.q(this.aap)) {
+                this.aap = OverlayTextUtil.c();
+            }
+            else if (OverlayTextUtil.k(this.aap)) {
+                this.aap = this.cw.l(this.aap.fontString);
             }
-            return this.adf;
         }
-        ab5(a, b, c, d, e) {
+        adi(a, b, c, d, e) {
             let f = false;
-            let g = this.ac6;
+            let g = this.ae5;
             if (g == null) {
-                g = a.vb;
+                g = a.ve;
                 f = true;
             }
             let h = false;
-            let i = this.ac9;
+            let i = this.afb;
             if (i == null) {
-                if (this.ac6 != null) {
-                    i = this.ac6;
+                if (this.ae5 != null) {
+                    i = this.ae5;
                 }
                 else {
-                    i = a.vb;
+                    i = a.ve;
                     h = true;
                 }
             }
             let j = false;
-            let k = this.adc;
+            let k = this.afe;
             if (k == null) {
-                if (this.ac6 != null) {
-                    k = this.ac6;
+                if (this.ae5 != null) {
+                    k = this.ae5;
                 }
                 else {
-                    k = a.vb;
+                    k = a.ve;
                     j = true;
                 }
             }
@@ -375,55 +408,55 @@ export let ValueLayer = /*@__PURE__*/ (() => {
             let m = g;
             let n = i;
             let o = k;
-            if (this.ac7 != null) {
-                l = this.ac7;
+            if (this.ae6 != null) {
+                l = this.ae6;
             }
             else if (f) {
-                switch (this.w1) {
+                switch (this.w4) {
                     case 1:
-                        l = this.aag.cb(l, this.xo);
+                        l = this.aao.ck(l, this.xr);
                         break;
                     case 2:
-                        l = this.aag.cd(l, this.xo);
+                        l = this.aao.cm(l, this.xr);
                         break;
                     case 4:
-                        l = this.aag.cc(l, this.xo);
+                        l = this.aao.cl(l, this.xr);
                         break;
                 }
             }
-            if (this.ac8 != null) {
-                m = this.ac8;
+            if (this.afa != null) {
+                m = this.afa;
             }
             else if (f) {
-                switch (this.w2) {
+                switch (this.w5) {
                     case 1:
-                        m = this.aag.cb(m, this.xq);
+                        m = this.aao.ck(m, this.xt);
                         break;
                     case 2:
-                        m = this.aag.cd(m, this.xq);
+                        m = this.aao.cm(m, this.xt);
                         break;
                     case 4:
-                        m = this.aag.cc(m, this.xq);
+                        m = this.aao.cl(m, this.xt);
                         break;
                 }
             }
             if (h) {
-                switch (this.w2) {
+                switch (this.w5) {
                     case 1:
-                        n = this.aag.cb(n, this.xq);
+                        n = this.aao.ck(n, this.xt);
                         break;
                     case 2:
-                        n = this.aag.cd(n, this.xq);
+                        n = this.aao.cm(n, this.xt);
                         break;
                 }
             }
             if (j) {
-                switch (this.w1) {
+                switch (this.w4) {
                     case 1:
-                        o = this.aag.cb(o, this.xo);
+                        o = this.aao.ck(o, this.xr);
                         break;
                     case 2:
-                        o = this.aag.cd(o, this.xo);
+                        o = this.aao.cm(o, this.xr);
                         break;
                 }
             }
@@ -431,51 +464,115 @@ export let ValueLayer = /*@__PURE__*/ (() => {
             c.ah.add(m);
             c.af.add(b.y);
             c.ag.add(b.x);
-            if (this.aah) {
-                AxisAnnotationFrameManager.c(c, b, a, this.dc, this.getEffectiveViewport(), g, n, this.aan, this.adb, this.ada, this.adh, this.aas, o, this.aat, this.ade, this.add, this.adi, this.aay, this.adk == 0, this.adj == 0);
+            let p = isNaN_(b.x);
+            let q = p ? b.y : b.x;
+            this.aao.cu();
+            this.adg();
+            let r = this.aaq;
+            let s = OverlayTextUtil.o(r, this.aaw);
+            let t = this.aah;
+            if (t == 18) {
+                s = false;
+            }
+            let u = this.vi;
+            if (s && !stringIsNullOrEmpty(this.abt)) {
+                let v = new OverlayTextUpdatingEventArgs();
+                v.textLocation = this.aah;
+                v.textAngle = this.aa1;
+                v.textVisible = this.aaw;
+                v.textContent = this.abt;
+                v.textColorMode = this.aad;
+                v.textColorShift = this.aa6;
+                v.textColor = this.aav ? g : this.ae9;
+                v.backgroundMode = this.aab;
+                v.backgroundShift = this.aa2;
+                v.background = this.aat ? g : this.ae7;
+                v.borderMode = this.aac;
+                v.borderShift = this.aa4;
+                v.borderStroke = this.aau ? g : this.ae8;
+                v.borderRadius = this.aa3;
+                v.borderThickness = this.aa5;
+                v.shapeBrush = g;
+                v.shapeOutline = g;
+                v.f = p;
+                v.horizontalMargin = this.aa7;
+                v.verticalPadding = this.aba;
+                v.verticalMargin = this.aa9;
+                v.horizontalPadding = this.aa8;
+                if (this.stylingOverlayText != null) {
+                    this.stylingOverlayText(this, v);
+                }
+                OverlayTextUtil.ad(v);
+                let w = OverlayTextInfo.d(v);
+                if (w.textVisible) {
+                    this.aao.cq.count = 1;
+                    this.aao.cp.count = 1;
+                    w.f = r;
+                    w.ac = this.cw.cc(w.textContent, w.f);
+                    w.t = this.aao.cq.item(0);
+                    w.ab = this.aao.cp.item(0);
+                    if (w.g) {
+                        let x = this.dc.v9({ $type: Point_$type, x: 0, y: NaN });
+                        let y = this.dc.v9({ $type: Point_$type, x: 1, y: NaN });
+                        let z = y.x - x.x;
+                        w.aa = new Rect(0, x.x, q, z, 1);
+                    }
+                    else {
+                        let aa = this.dc.v9({ $type: Point_$type, x: NaN, y: 0 });
+                        let ab = this.dc.v9({ $type: Point_$type, x: NaN, y: 1 });
+                        let ac = ab.y - aa.y;
+                        w.aa = new Rect(0, q, aa.y, 1, ac);
+                    }
+                    OverlayTextUtil.ac(w);
+                    this.cw.av(w.t, w.f);
+                    this.cw.aw(w.t, w.f);
+                }
+            }
+            if (this.aar) {
+                AxisAnnotationFrameManager.c(c, b, a, this.dc, this.getEffectiveViewport(), g, n, this.abb, this.afd, this.afc, this.afj, this.abg, o, this.abh, this.afg, this.aff, this.afk, this.abm, this.afm == 0, this.afl == 0);
             }
         }
-        ab4(a, b, c, d) {
+        adh(a, b, c, d) {
             let e = { $type: Point_$type, x: NaN, y: NaN };
-            let f = this.aae();
+            let f = this.aam();
             switch (f) {
                 case 5:
-                    e = a.wh(2);
+                    e = a.wk(2);
                     break;
                 case 4:
-                    e = a.wh(1);
+                    e = a.wk(1);
                     break;
                 case 6:
-                    e = a.wh(3);
+                    e = a.wk(3);
                     break;
                 default:
-                    e = a.wh(f);
+                    e = a.wk(f);
                     break;
             }
             let i = a.ai();
             for (let h = 0; h < i.length; h++) {
                 let g = i[h];
-                if (!this.aai(g)) {
+                if (!this.aas(g)) {
                     continue;
                 }
                 if (g.cp) {
-                    this.ab5(a, { $type: Point_$type, x: NaN, y: e.y }, b, c, d);
+                    this.adi(a, { $type: Point_$type, x: NaN, y: e.y }, b, c, d);
                 }
                 else {
-                    this.ab5(a, { $type: Point_$type, x: e.x, y: NaN }, b, c, d);
+                    this.adi(a, { $type: Point_$type, x: e.x, y: NaN }, b, c, d);
                 }
             }
         }
-        ab6(a, b) {
+        adj(a, b) {
             let c = false;
-            if (this.aal == null) {
+            if (this.aaz == null) {
                 c = true;
-                this.aam = new List$1(Axis.$, 0);
-                this.aal = new Dictionary$2(Axis.$, Pool$1.$.specialize(AxisAnnotation.$), 0);
+                this.aa0 = new List$1(Axis.$, 0);
+                this.aaz = new Dictionary$2(Axis.$, Pool$1.$.specialize(AxisAnnotation.$), 0);
             }
-            AxisAnnotationFrameManager.d(this, a, c, this.aal, this.aam, b, this.aaz, this.aa0, this.z9, this.aaa);
+            AxisAnnotationFrameManager.d(this, a, c, this.aaz, this.aa0, b, this.abn, this.abo, this.aaf, this.aag);
         }
-        ab2(a, b, c, d, e) {
+        ade(a, b, c, d, e) {
             let f = a.item(b);
             b++;
             if (e) {
@@ -486,34 +583,34 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                 f._stroke = d.ae._inner[c];
                 f._fill = d.ae._inner[c];
             }
-            f.ad = this.ie;
-            f.ai = e ? this.zu : this.zt;
-            f.am = this.v7;
-            f.al = this.v6;
-            f.ak = this.v6;
-            f.aj = this.v5;
-            f.ac = this.jh;
+            f.ad = this.ig;
+            f.ai = e ? this.zx : this.zw;
+            f.am = this.wa;
+            f.al = this.v9;
+            f.ak = this.v9;
+            f.aj = this.v8;
+            f.ac = this.ji;
             return new Tuple$2(Path.$, Number_$type, f, b);
         }
-        yy(a, b) {
-            super.yy(a, b);
-            let c = this.aag.cf;
+        y1(a, b) {
+            super.y1(a, b);
+            let c = this.aao.co;
             let d = a;
             let e = d.af.count;
             let f = 0;
-            let g = b.b1.left;
-            let h = b.b1.right;
-            let i = b.b1.top;
-            let j = b.b1.bottom;
-            let k = this.adk == 0;
-            let l = this.adj == 0;
+            let g = b.b9.left;
+            let h = b.b9.right;
+            let i = b.b9.top;
+            let j = b.b9.bottom;
+            let k = this.afm == 0;
+            let l = this.afl == 0;
             for (let m = 0; m < e; m++) {
                 let n = Math.floor(d.af._inner[m]);
                 let o = Math.floor(d.ag._inner[m]);
                 let p = null;
                 if (k) {
                     if (!isNaN_(o)) {
-                        let q = this.ab2(c, f, m, d, true);
+                        let q = this.ade(c, f, m, d, true);
                         p = q.c;
                         f = q.d;
                         let r = new PathGeometry();
@@ -528,7 +625,7 @@ export let ValueLayer = /*@__PURE__*/ (() => {
                 }
                 if (l) {
                     if (!isNaN_(n)) {
-                        let u = this.ab2(c, f, m, d, false);
+                        let u = this.ade(c, f, m, d, false);
                         p = u.c;
                         f = u.d;
                         let v = new PathGeometry();
@@ -544,101 +641,125 @@ export let ValueLayer = /*@__PURE__*/ (() => {
             }
             c.count = f;
             if (this.d4()) {
-                this.ab6(this.xf, true);
+                this.adj(this.xi, true);
             }
             else {
-                this.ab6(this.xd, false);
+                this.adj(this.xg, false);
             }
         }
-        ga() {
+        gb() {
             return true;
         }
-        ra(a, b, c, d) {
-            super.ra(a, b, c, d);
+        rc(a, b, c, d) {
+            super.rc(a, b, c, d);
             switch (b) {
                 case "SeriesViewer":
                     if (d == null) {
-                        if (this.aal != null && this.aal.count > 0) {
+                        if (this.aaz != null && this.aaz.count > 0) {
                             let e;
                             if (this.d4()) {
-                                e = this.xf;
+                                e = this.xi;
                             }
                             else {
-                                e = this.xd;
+                                e = this.xg;
                             }
                             AxisAnnotationFrameManager.b(e);
-                            AxisAnnotationFrameManager.d(this, e, true, this.aal, this.aam, true, this.aaz, this.aa0, this.z9, this.aaa);
+                            AxisAnnotationFrameManager.d(this, e, true, this.aaz, this.aa0, true, this.abn, this.abo, this.aaf, this.aag);
                         }
                     }
                     break;
                 case ValueLayer.$$p[2]:
-                    this.rs(true);
+                    this.ru(true);
                     break;
-                case ValueLayer.$$p[12]:
-                    this.rs(true);
+                case ValueLayer.$$p[34]:
+                    this.ru(true);
                     break;
-                case ValueLayer.$$p[7]:
-                case ValueLayer.$$p[8]:
+                case ValueLayer.$$p[29]:
+                case ValueLayer.$$p[30]:
                 case "Visibility":
-                    this.rs(true);
+                    this.ru(true);
                     break;
                 case ValueLayer.$$p[3]:
-                case ValueLayer.$$p[14]:
-                case ValueLayer.$$p[13]:
-                case ValueLayer.$$p[17]:
-                case ValueLayer.$$p[19]:
-                case ValueLayer.$$p[21]:
-                case ValueLayer.$$p[20]:
-                case ValueLayer.$$p[18]:
-                case ValueLayer.$$p[22]:
-                case ValueLayer.$$p[23]:
-                case ValueLayer.$$p[25]:
-                case ValueLayer.$$p[28]:
-                case ValueLayer.$$p[30]:
-                case ValueLayer.$$p[32]:
-                case ValueLayer.$$p[31]:
-                case ValueLayer.$$p[29]:
-                case ValueLayer.$$p[33]:
-                case ValueLayer.$$p[34]:
+                case ValueLayer.$$p[36]:
+                case ValueLayer.$$p[35]:
+                case ValueLayer.$$p[39]:
+                case ValueLayer.$$p[41]:
+                case ValueLayer.$$p[43]:
+                case ValueLayer.$$p[42]:
+                case ValueLayer.$$p[40]:
+                case ValueLayer.$$p[44]:
+                case ValueLayer.$$p[45]:
+                case ValueLayer.$$p[47]:
+                case ValueLayer.$$p[50]:
+                case ValueLayer.$$p[52]:
+                case ValueLayer.$$p[54]:
+                case ValueLayer.$$p[53]:
+                case ValueLayer.$$p[51]:
+                case ValueLayer.$$p[55]:
+                case ValueLayer.$$p[56]:
                 case ValueLayer.$$p[1]:
-                case ValueLayer.$$p[11]:
-                case ValueLayer.$$p[9]:
-                    this.rs(true);
+                case ValueLayer.$$p[33]:
+                case ValueLayer.$$p[31]:
+                    this.ru(true);
                     break;
                 case "Brush":
-                case ValueLayer.$$p[10]:
-                    if (this.vh != null) {
-                        this.ac6 = this.vh;
+                case ValueLayer.$$p[32]:
+                    if (this.vk != null) {
+                        this.ae5 = this.vk;
                     }
                     else {
-                        switch (this.aaf) {
+                        switch (this.aan) {
                             case 6:
-                                this.ac6 = BrushUtil.h(255, 248, 173, 118);
+                                this.ae5 = BrushUtil.j(255, 248, 173, 118);
                                 break;
                             case 4:
-                                this.ac6 = BrushUtil.h(255, 246, 93, 80);
+                                this.ae5 = BrushUtil.j(255, 246, 93, 80);
                                 break;
                             case 5:
-                                this.ac6 = BrushUtil.h(255, 99, 208, 0);
+                                this.ae5 = BrushUtil.j(255, 99, 208, 0);
                                 break;
                             default:
-                                this.ac6 = this.aad != null ? this.aad.vb : null;
+                                this.ae5 = this.aal != null ? this.aal.ve : null;
                                 break;
                         }
                     }
                     break;
+                case ValueLayer.$$p[22]:
+                case ValueLayer.$$p[25]:
+                case ValueLayer.$$p[21]:
+                case ValueLayer.$$p[4]:
+                case ValueLayer.$$p[17]:
+                case ValueLayer.$$p[15]:
+                case ValueLayer.$$p[16]:
+                case ValueLayer.$$p[18]:
+                case ValueLayer.$$p[7]:
+                case ValueLayer.$$p[5]:
+                case ValueLayer.$$p[6]:
+                case ValueLayer.$$p[8]:
+                case ValueLayer.$$p[10]:
+                case ValueLayer.$$p[11]:
+                case ValueLayer.$$p[13]:
+                case ValueLayer.$$p[9]:
+                case ValueLayer.$$p[12]:
+                case ValueLayer.$$p[14]:
+                case ValueLayer.$$p[19]:
+                case ValueLayer.$$p[20]:
+                case ValueLayer.$$p[24]:
+                case ValueLayer.$$p[23]:
+                    this.ru(true);
+                    break;
             }
         }
-        o5(a, b) {
-            super.o5(a, b);
+        o7(a, b) {
+            super.o7(a, b);
             if (a) {
-                AxisAnnotationFrameManager.b(this.xd);
-                this.ab6(this.xd, false);
+                AxisAnnotationFrameManager.b(this.xg);
+                this.adj(this.xg, false);
             }
         }
     }
     ValueLayer.$t = /*@__PURE__*/ markType(ValueLayer, 'ValueLayer', AnnotationLayer.$);
-    ValueLayer.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, ValueLayer, 'raisePropertyChanged', ['ActualValueLayerBrush:ac6:ab7', [Brush.$, null], 'HorizontalLineStroke:ac7:ab8', [Brush.$, null], 'HorizontalLineVisibility:adj:ab9', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'IsAxisAnnotationEnabled:aah:aca', [0, false], 'SkipUnknownValues:aaj:acb', [0, true], 'TargetAxisName:aa6:acc', [2, null], 'TargetAxis:z8:acd', [Axis.$, null], 'TargetSeriesName:aa9:ace', [2, null], 'TargetSeries:aad:acf', [Series.$, null], 'UseInterpolation:aak:acg', [0, true], 'ValueMode:aaf:ach', [ValueLayerValueMode_$type, /*@__PURE__*/ enumGetBox(ValueLayerValueMode_$type, 2)], 'VerticalLineStroke:ac8:aci', [Brush.$, null], 'VerticalLineVisibility:adk:acj', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'XAxisAnnotationBackgroundCornerRadius:aan:ack', [1, /*@__PURE__*/ DeviceUtils.g(3)], 'XAxisAnnotationBackground:ac9:acl', [Brush.$, null], 'XAxisAnnotationFormatLabel:z9:acm', [Delegate_$type], 'XAxisAnnotationInterpolatedValuePrecision:aaz:acn', [1, -1], 'XAxisAnnotationOutline:ada:aco', [Brush.$, null], 'XAxisAnnotationPaddingBottom:aao:acp', [1, NaN], 'XAxisAnnotationPaddingLeft:aap:acq', [1, NaN], 'XAxisAnnotationPaddingRight:aaq:acr', [1, NaN], 'XAxisAnnotationPaddingTop:aar:acs', [1, NaN], 'XAxisAnnotationStrokeThickness:aas:act', [1, NaN], 'XAxisAnnotationTextColor:adb:acu', [Brush.$, null], 'YAxisAnnotationBackgroundCornerRadius:aat:acv', [1, /*@__PURE__*/ DeviceUtils.g(3)], 'YAxisAnnotationBackground:adc:acw', [Brush.$, null], 'YAxisAnnotationFormatLabel:aaa:acx', [Delegate_$type], 'YAxisAnnotationInterpolatedValuePrecision:aa0:acy', [1, -1], 'YAxisAnnotationOutline:add:acz', [Brush.$, null], 'YAxisAnnotationPaddingBottom:aau:ac0', [1, NaN], 'YAxisAnnotationPaddingLeft:aav:ac1', [1, NaN], 'YAxisAnnotationPaddingRight:aaw:ac2', [1, NaN], 'YAxisAnnotationPaddingTop:aax:ac3', [1, NaN], 'YAxisAnnotationStrokeThickness:aay:ac4', [1, NaN], 'YAxisAnnotationTextColor:ade:ac5', [Brush.$, null]]);
+    ValueLayer.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, ValueLayer, 'raisePropertyChanged', ['ActualValueLayerBrush:ae5:adk', [Brush.$, null], 'HorizontalLineStroke:ae6:adl', [Brush.$, null], 'HorizontalLineVisibility:afl:adm', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'IsAxisAnnotationEnabled:aar:adn', [0, false], 'OverlayTextAngle:aa1:ado', [1, NaN], 'OverlayTextBackgroundMatchLayer:aat:adp', [0, false], 'OverlayTextBackgroundMode:aab:adq', [AnnotationAppearanceMode_$type, /*@__PURE__*/ enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextBackground:ae7:adr', [Brush.$, null], 'OverlayTextBackgroundShift:aa2:ads', [1, NaN], 'OverlayTextBorderColor:ae8:adt', [Brush.$, null], 'OverlayTextBorderMatchLayer:aau:adu', [0, false], 'OverlayTextBorderMode:aac:adv', [AnnotationAppearanceMode_$type, /*@__PURE__*/ enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextBorderRadius:aa3:adw', [1, NaN], 'OverlayTextBorderShift:aa4:adx', [1, NaN], 'OverlayTextBorderThickness:aa5:ady', [1, 1], 'OverlayTextColorMatchLayer:aav:adz', [0, true], 'OverlayTextColorMode:aad:ad0', [AnnotationAppearanceMode_$type, /*@__PURE__*/ enumGetBox(AnnotationAppearanceMode_$type, 0)], 'OverlayTextColor:ae9:ad1', [Brush.$, null], 'OverlayTextColorShift:aa6:ad2', [1, NaN], 'OverlayTextHorizontalMargin:aa7:ad3', [1, NaN], 'OverlayTextHorizontalPadding:aa8:ad4', [1, NaN], 'OverlayTextLocation:aah:ad5', [OverlayTextLocation_$type, /*@__PURE__*/ enumGetBox(OverlayTextLocation_$type, 0)], 'OverlayText:abt:ad6', [2, null], 'OverlayTextVerticalMargin:aa9:ad7', [1, NaN], 'OverlayTextVerticalPadding:aba:ad8', [1, NaN], 'OverlayTextVisible:aaw:ad9', [0, true], 'SkipUnknownValues:aax:aea', [0, true], 'TargetAxisName:aci:aeb', [2, null], 'TargetAxis:aae:aec', [Axis.$, null], 'TargetSeriesName:acl:aed', [2, null], 'TargetSeries:aal:aee', [Series.$, null], 'UseInterpolation:aay:aef', [0, true], 'ValueMode:aan:aeg', [ValueLayerValueMode_$type, /*@__PURE__*/ enumGetBox(ValueLayerValueMode_$type, 2)], 'VerticalLineStroke:afa:aeh', [Brush.$, null], 'VerticalLineVisibility:afm:aei', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'XAxisAnnotationBackgroundCornerRadius:abb:aej', [1, /*@__PURE__*/ DeviceUtils.g(3)], 'XAxisAnnotationBackground:afb:aek', [Brush.$, null], 'XAxisAnnotationFormatLabel:aaf:ael', [Delegate_$type], 'XAxisAnnotationInterpolatedValuePrecision:abn:aem', [1, -1], 'XAxisAnnotationOutline:afc:aen', [Brush.$, null], 'XAxisAnnotationPaddingBottom:abc:aeo', [1, NaN], 'XAxisAnnotationPaddingLeft:abd:aep', [1, NaN], 'XAxisAnnotationPaddingRight:abe:aeq', [1, NaN], 'XAxisAnnotationPaddingTop:abf:aer', [1, NaN], 'XAxisAnnotationStrokeThickness:abg:aes', [1, NaN], 'XAxisAnnotationTextColor:afd:aet', [Brush.$, null], 'YAxisAnnotationBackgroundCornerRadius:abh:aeu', [1, /*@__PURE__*/ DeviceUtils.g(3)], 'YAxisAnnotationBackground:afe:aev', [Brush.$, null], 'YAxisAnnotationFormatLabel:aag:aew', [Delegate_$type], 'YAxisAnnotationInterpolatedValuePrecision:abo:aex', [1, -1], 'YAxisAnnotationOutline:aff:aey', [Brush.$, null], 'YAxisAnnotationPaddingBottom:abi:aez', [1, NaN], 'YAxisAnnotationPaddingLeft:abj:ae0', [1, NaN], 'YAxisAnnotationPaddingRight:abk:ae1', [1, NaN], 'YAxisAnnotationPaddingTop:abl:ae2', [1, NaN], 'YAxisAnnotationStrokeThickness:abm:ae3', [1, NaN], 'YAxisAnnotationTextColor:afg:ae4', [Brush.$, null]]);
     return ValueLayer;
 })();
 /**
@@ -648,40 +769,104 @@ export let ValueLayerView = /*@__PURE__*/ (() => {
     class ValueLayerView extends AnnotationLayerView {
         constructor(a) {
             super(a);
-            this.ce = null;
-            this.cf = null;
-            this.cg = null;
-            this.ce = a;
-            this.cg = new List$1(Path.$, 0);
-        }
-        ax() {
-            super.ax();
-            this.cf = ((() => {
+            this.cn = null;
+            this.co = null;
+            this.ct = null;
+            this.cs = null;
+            this.cq = null;
+            this.cr = null;
+            this.cp = null;
+            this.cn = a;
+            this.ct = new List$1(Path.$, 0);
+        }
+        cu() {
+            OverlayTextUtil.u(this.cq);
+            OverlayTextUtil.v(this.cs);
+            this.cp.clear();
+            this.cr.clear();
+            this.cq.count = 0;
+            this.cp.count = 0;
+        }
+        a4() {
+            super.a4();
+            this.co = ((() => {
                 let $ret = new Pool$1(Path.$);
-                $ret.create = runOn(this, this.cl);
-                $ret.activate = runOn(this, this.ch);
-                $ret.disactivate = runOn(this, this.cj);
-                $ret.destroy = runOn(this, this.ci);
+                $ret.create = runOn(this, this.c6);
+                $ret.activate = runOn(this, this.cv);
+                $ret.disactivate = runOn(this, this.cx);
+                $ret.destroy = runOn(this, this.cw);
                 return $ret;
             })());
-            this.ce.jp = Defaults.j;
+            this.cs = new List$1(TextBlock.$, 0);
+            this.cq = ((() => {
+                let $ret = new Pool$1(TextBlock.$);
+                $ret.create = runOn(this, this.c5);
+                $ret.activate = runOn(this, this.c1);
+                $ret.disactivate = runOn(this, this.c3);
+                $ret.destroy = runOn(this, this.c2);
+                return $ret;
+            })());
+            this.cr = new List$1(Rectangle.$, 0);
+            this.cp = ((() => {
+                let $ret = new Pool$1(Rectangle.$);
+                $ret.create = runOn(this, this.c7);
+                $ret.activate = runOn(this, this.cy);
+                $ret.disactivate = runOn(this, this.c0);
+                $ret.destroy = runOn(this, this.cz);
+                return $ret;
+            })());
+            this.cn.jq = Defaults.crosshairLineThickness;
+        }
+        c5() {
+            let a = new TextBlock();
+            this.cs.add(a);
+            return a;
+        }
+        c2(a) {
+            if (this.cs.contains(a)) {
+                this.cs.remove(a);
+            }
+        }
+        c1(a) {
+            a._visibility = 0;
+            a.s = 0;
+        }
+        c3(a) {
+            a._visibility = 1;
         }
-        cl() {
+        c7() {
+            let a = new Rectangle();
+            this.cr.add(a);
+            return a;
+        }
+        cz(a) {
+            a.dataContext = null;
+            if (this.cr.contains(a)) {
+                this.cr.remove(a);
+            }
+        }
+        cy(a) {
+            a._visibility = 0;
+        }
+        c0(a) {
+            a._visibility = 1;
+        }
+        c6() {
             let a = new Path();
             a.j = new TranslateTransform();
-            this.cg.add(a);
+            this.ct.add(a);
             return a;
         }
-        ch(a) {
+        cv(a) {
             a._visibility = 0;
         }
-        cj(a) {
+        cx(a) {
             a._visibility = 1;
         }
-        ci(a) {
-            this.cg.remove(a);
+        cw(a) {
+            this.ct.remove(a);
         }
-        ck(a, b, c, d) {
+        c4(a, b, c, d) {
             if (a.an == null || a.an.c.x != d || a.an.d.x != c) {
                 let e = ((() => {
                     let $ret = new LineGeometry();
@@ -692,21 +877,32 @@ export let ValueLayerView = /*@__PURE__*/ (() => {
                 a.an = e;
             }
         }
-        bc(a, b) {
-            super.bc(a, b);
+        bj(a, b) {
+            super.bj(a, b);
             if (a.d && !b) {
-                for (let c = 0; c < this.cg.count; c++) {
-                    let d = this.cg._inner[c];
+                for (let c = 0; c < this.ct.count; c++) {
+                    let d = this.ct._inner[c];
                     if (d._visibility == 0) {
                         a.t(d);
                     }
                 }
+                for (let e = 0; e < this.cp.count; e++) {
+                    let f = this.cp.item(e);
+                    if (f._visibility == 0) {
+                        a.w(f);
+                    }
+                }
+                for (let g = 0; g < this.cq.count; g++) {
+                    let h = this.cq.item(g);
+                    a.ad(h.dataContext);
+                    a.x(h);
+                }
             }
         }
-        aq(a) {
-            super.aq(a);
-            for (let b = 0; b < this.cg.count; b++) {
-                this.f.bc.exportPathData(a, this.cg._inner[b], "crosshairLine", ["Main", "Crosshair"]);
+        ax(a) {
+            super.ax(a);
+            for (let b = 0; b < this.ct.count; b++) {
+                this.f.bc.exportPathData(a, this.ct._inner[b], "crosshairLine", ["Main", "Crosshair"]);
             }
         }
     }