q2-tecton-elements 1.71.4 → 1.73.0

package/dist/components/q2-chart-area.js

@@ -1,14 +1,14 @@
 import { proxyCustomElement as t, HTMLElement as e, createEvent as i, h as a, transformTag as r } from "@stencil/core/internal/client";
 
-import { o as n, l as o } from "./index2.js";
+import { o as n, i as o, l as s } from "./index2.js";
 
-import { m as s } from "./mirror-emit.js";
+import { _ as l, c as u, e as h, l as d, u as f, s as c, i as v, g as p, n as m, Z as y, a as b, b as g, t as S, d as w, r as M, f as P, G as x, h as L, j as D, S as I, m as N, k as C, o as k, p as T, P as A, q as U, v as O, w as E, x as z, y as F, z as G, A as B, B as V, C as q, D as K, E as R, F as j, H as Z, I as $, J as _, L as X, K as Y, M as H, N as W, O as J, Q, R as tt, T as et, U as it, V as at, W as rt, X as nt, Y as ot, $ as st, a0 as lt, a1 as ut, a2 as ht, a3 as dt, a4 as ft, a5 as ct, a6 as vt, a7 as pt, a8 as mt, a9 as yt, aa as bt, ab as gt, ac as St, ad as wt, ae as Mt, af as Pt, ag as xt, ah as Lt, ai as Dt } from "./charting.js";
 
-import { _ as l, c as u, e as h, l as f, u as d, s as c, i as v, g as p, n as m, Z as y, a as b, b as S, t as g, d as w, r as M, f as P, G as x, h as L, j as D, S as N, m as I, k as C, o as T, p as k, P as A, q as U, v as O, w as E, x as z, y as G, z as F, A as B, B as V, C as q, D as R, E as K, F as j, H as Z, I as $, J as _, L as X, K as Y, M as H, N as W, O as J, Q, R as tt, T as et, U as it, V as at, W as rt, X as nt, Y as ot, $ as st, a0 as lt, a1 as ut, a2 as ht, a3 as ft, a4 as dt, a5 as ct, a6 as vt, a7 as pt, a8 as mt, a9 as yt, aa as bt, ab as St, ac as gt, ad as wt, ae as Mt, af as Pt, ag as xt } from "./charting.js";
+import { m as It } from "./mirror-emit.js";
 
-import { g as Lt, c as Dt, a as Nt, i as It, b as Ct, d as Tt, e as kt, f as At, h as Ut } from "./dataSample.js";
+import { g as Nt, c as Ct, a as kt, i as Tt, b as At, d as Ut, e as Ot, f as Et, h as zt } from "./dataSample.js";
 
-var Ot = /** @class */ function(t) {
+var Ft = /** @class */ function(t) {
   function Symbol(e, i, a, r) {
     var n = t.call(this) || this;
     return n.updateData(e, i, a, r), n;
@@ -63,7 +63,7 @@ var Ot = /** @class */ function(t) {
    * Downplay symbol
    */
   Symbol.prototype.downplay = function() {
-    f(this.childAt(0));
+    d(this.childAt(0));
   }, 
   /**
    * @param {number} zlevel
@@ -86,54 +86,54 @@ var Ot = /** @class */ function(t) {
       var u = t.getItemVisual(e, "symbolKeepAspect");
       this._createSymbol(r, t, e, o, u);
     } else {
-      (f = this.childAt(0)).silent = !1;
+      (d = this.childAt(0)).silent = !1;
       var h = {
         scaleX: o[0] / 2,
         scaleY: o[1] / 2
       };
-      l ? f.attr(h) : d(f, h, n, e), c(f);
+      l ? d.attr(h) : f(d, h, n, e), c(d);
     }
     if (this._updateCommon(t, e, o, i, a), s) {
-      var f = this.childAt(0);
+      var d = this.childAt(0);
       if (!l) {
         h = {
           scaleX: this._sizeX,
           scaleY: this._sizeY,
           style: {
             // Always fadeIn. Because it has fadeOut animation when symbol is removed..
-            opacity: f.style.opacity
+            opacity: d.style.opacity
           }
         };
-        f.scaleX = f.scaleY = 0, f.style.opacity = 0, v(f, h, n, e);
+        d.scaleX = d.scaleY = 0, d.style.opacity = 0, v(d, h, n, e);
       }
     }
     l && 
     // Must stop leave transition manually if don't call initProps or updateProps.
     this.childAt(0).stopAnimation("leave");
   }, Symbol.prototype._updateCommon = function(t, e, i, a, r) {
-    var n, o, s, l, u, h, f, d, c, v = this.childAt(0), w = t.hostModel;
+    var n, o, s, l, u, h, d, f, c, v = this.childAt(0), w = t.hostModel;
     if (a && (n = a.emphasisItemStyle, o = a.blurItemStyle, s = a.selectItemStyle, l = a.focus, 
-    u = a.blurScope, f = a.labelStatesModels, d = a.hoverScale, c = a.cursorStyle, h = a.emphasisDisabled), 
+    u = a.blurScope, d = a.labelStatesModels, f = a.hoverScale, c = a.cursorStyle, h = a.emphasisDisabled), 
     !a || t.hasItemOption) {
       var M = a && a.itemModel ? a.itemModel : t.getItemModel(e), P = M.getModel("emphasis");
       n = P.getModel("itemStyle").getItemStyle(), s = M.getModel([ "select", "itemStyle" ]).getItemStyle(), 
       o = M.getModel([ "blur", "itemStyle" ]).getItemStyle(), l = P.get("focus"), u = P.get("blurScope"), 
-      h = P.get("disabled"), f = p(M), d = P.getShallow("scale"), c = M.getShallow("cursor");
+      h = P.get("disabled"), d = p(M), f = P.getShallow("scale"), c = M.getShallow("cursor");
     }
     var x = t.getItemVisual(e, "symbolRotate");
     v.attr("rotation", (x || 0) * Math.PI / 180 || 0);
     var L = m(t.getItemVisual(e, "symbolOffset"), i);
     L && (v.x = L[0], v.y = L[1]), c && v.attr("cursor", c);
-    var D = t.getItemVisual(e, "style"), N = D.fill;
+    var D = t.getItemVisual(e, "style"), I = D.fill;
     if (v instanceof y) {
-      var I = v.style;
+      var N = v.style;
       v.useStyle(b({
         // TODO other properties like x, y ?
-        image: I.image,
-        x: I.x,
-        y: I.y,
-        width: I.width,
-        height: I.height
+        image: N.image,
+        x: N.x,
+        y: N.y,
+        width: N.width,
+        height: N.height
       }, D));
     } else v.__isEmptyBrush ? 
     // fill and stroke will be swapped if it's empty.
@@ -141,30 +141,30 @@ var Ot = /** @class */ function(t) {
     // TODO Better implementation. No empty logic!
     v.useStyle(b({}, D)) : v.useStyle(D), 
     // Disable decal because symbol scale will been applied on the decal.
-    v.style.decal = null, v.setColor(N, r && r.symbolInnerColor), v.style.strokeNoScale = !0;
-    var C = t.getItemVisual(e, "liftZ"), T = this._z2;
-    null != C ? null == T && (this._z2 = v.z2, v.z2 += C) : null != T && (v.z2 = T, 
+    v.style.decal = null, v.setColor(I, r && r.symbolInnerColor), v.style.strokeNoScale = !0;
+    var C = t.getItemVisual(e, "liftZ"), k = this._z2;
+    null != C ? null == k && (this._z2 = v.z2, v.z2 += C) : null != k && (v.z2 = k, 
     this._z2 = null);
-    var k = r && r.useNameLabel;
-    S(v, f, {
+    var T = r && r.useNameLabel;
+    g(v, d, {
       labelFetcher: w,
       labelDataIndex: e,
       defaultText: 
       // Do not execute util needed.
       function(e) {
-        return k ? t.getName(e) : Lt(t, e);
+        return T ? t.getName(e) : Nt(t, e);
       },
-      inheritColor: N,
+      inheritColor: I,
       defaultOpacity: D.opacity
     }), this._sizeX = i[0] / 2, this._sizeY = i[1] / 2;
     var A = v.ensureState("emphasis");
     A.style = n, v.ensureState("select").style = s, v.ensureState("blur").style = o;
     // null / undefined / true means to use default strategy.
     // 0 / false / negative number / NaN / Infinity means no scale.
-    var U = null == d || !0 === d ? Math.max(1.1, 3 / this._sizeY) : isFinite(d) && d > 0 ? +d : 1;
+    var U = null == f || !0 === f ? Math.max(1.1, 3 / this._sizeY) : isFinite(f) && f > 0 ? +f : 1;
     // always set scale to allow resetting
         A.scaleX = this._sizeX * U, A.scaleY = this._sizeY * U, this.setSymbolScale(1), 
-    g(this, l, u, h);
+    S(this, l, u, h);
   }, Symbol.prototype.setSymbolScale = function(t) {
     this.scaleX = this.scaleY = t;
   }, Symbol.prototype.fadeOut = function(t, e, i) {
@@ -231,9 +231,9 @@ function makeSeriesScope(t) {
   };
 }
 
-var Et = /** @class */ function() {
+var Gt = /** @class */ function() {
   function SymbolDraw(t) {
-    this.group = new x, this._SymbolCtor = t || Ot;
+    this.group = new x, this._SymbolCtor = t || Ft;
   }
   /**
    * Update symbols draw by new data
@@ -253,8 +253,8 @@ var Et = /** @class */ function() {
         var o = new n(t, a, s, l);
         o.setPosition(r), t.setItemGraphicEl(a, o), i.add(o);
       }
-    })).update((function(h, f) {
-      var c = r.getItemGraphicEl(f), v = u(h);
+    })).update((function(h, d) {
+      var c = r.getItemGraphicEl(d), v = u(h);
       if (symbolNeedsDraw(t, v, h, e)) {
         var p = t.getItemVisual(h, "symbol") || "circle", m = c && c.getSymbolType && c.getSymbolType();
         if (!c || m && m !== p) i.remove(c), (c = new n(t, h, s, l)).setPosition(v); else {
@@ -263,7 +263,7 @@ var Et = /** @class */ function() {
             x: v[0],
             y: v[1]
           };
-          o ? c.attr(y) : d(c, y, a);
+          o ? c.attr(y) : f(c, y, a);
         }
         // Add back
                 i.add(c), t.setItemGraphicEl(h, c);
@@ -313,13 +313,13 @@ var Et = /** @class */ function() {
       }), i.hostModel);
     })) : e.removeAll();
   }, SymbolDraw;
-}(), zt = /** @class */ function(t) {
+}(), Bt = /** @class */ function(t) {
   function LineSeriesModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = LineSeriesModel.type, e.hasSymbolVisual = !0, e;
   }
   return l(LineSeriesModel, t), LineSeriesModel.prototype.getInitialData = function(t) {
-    return Dt(null, this, {
+    return Ct(null, this, {
       useEncodeDefaulter: !0
     });
   }, LineSeriesModel.prototype.getLegendIcon = function(t) {
@@ -389,28 +389,28 @@ var Et = /** @class */ function() {
     },
     triggerLineEvent: !1
   }, LineSeriesModel;
-}(N);
+}(I);
 
 function prepareDataCoordInfo(t, e, i) {
   var a = t.getBaseAxis(), r = t.getOtherAxis(a), n = function(t, e) {
     var i = 0, a = t.scale.getExtent();
-    "start" === e ? i = a[0] : "end" === e ? i = a[1] : T(e) && !isNaN(e) ? i = e : 
+    "start" === e ? i = a[0] : "end" === e ? i = a[1] : k(e) && !isNaN(e) ? i = e : 
     // Both positive
     a[0] > 0 ? i = a[0] : a[1] < 0 && (i = a[1]);
     return i;
-  }(r, i), o = a.dim, s = r.dim, l = e.mapDimension(s), u = e.mapDimension(o), h = "x" === s || "radius" === s ? 1 : 0, f = I(t.dimensions, (function(t) {
+  }(r, i), o = a.dim, s = r.dim, l = e.mapDimension(s), u = e.mapDimension(o), h = "x" === s || "radius" === s ? 1 : 0, d = N(t.dimensions, (function(t) {
     return e.mapDimension(t);
-  })), d = !1, c = e.getCalculationInfo("stackResultDimension");
-  return C(e, f[0] /* , dims[1] */) && (
+  })), f = !1, c = e.getCalculationInfo("stackResultDimension");
+  return C(e, d[0] /* , dims[1] */) && (
   // jshint ignore:line
-  d = !0, f[0] = c), C(e, f[1] /* , dims[0] */) && (
+  f = !0, d[0] = c), C(e, d[1] /* , dims[0] */) && (
   // jshint ignore:line
-  d = !0, f[1] = c), {
-    dataDimsForPoint: f,
+  f = !0, d[1] = c), {
+    dataDimsForPoint: d,
     valueStart: n,
     valueAxisDim: s,
     baseAxisDim: o,
-    stacked: !!d,
+    stacked: !!f,
     valueDim: l,
     baseDim: u,
     baseDataOffset: h,
@@ -425,7 +425,7 @@ function getStackedOnPoint(t, e, i, a) {
   return o[n] = i.get(t.baseDim, a), o[1 - n] = r, e.dataToPoint(o);
 }
 
-var Gt = Math.min, Ft = Math.max;
+var Vt = Math.min, qt = Math.max;
 
 function isPointNull$1(t, e) {
   return isNaN(t) || isNaN(e);
@@ -436,7 +436,7 @@ function isPointNull$1(t, e) {
  * situations. This should be used when points are non-monotone neither in x or
  * y dimension.
  */ function drawSegment(t, e, i, a, r, n, o, s, l) {
-  for (var u, h, f, d, c, v, p = i, m = 0; m < a; m++) {
+  for (var u, h, d, f, c, v, p = i, m = 0; m < a; m++) {
     var y = e[2 * p], b = e[2 * p + 1];
     if (p >= r || p < 0) break;
     if (isPointNull$1(y, b)) {
@@ -446,49 +446,49 @@ function isPointNull$1(t, e) {
       }
       break;
     }
-    if (p === i) t[n > 0 ? "moveTo" : "lineTo"](y, b), f = y, d = b; else {
-      var S = y - u, g = b - h;
+    if (p === i) t[n > 0 ? "moveTo" : "lineTo"](y, b), d = y, f = b; else {
+      var g = y - u, S = b - h;
       // Ignore tiny segment.
-      if (S * S + g * g < .5) {
+      if (g * g + S * S < .5) {
         p += n;
         continue;
       }
       if (o > 0) {
         // Ignore duplicate point
         for (var w = p + n, M = e[2 * w], P = e[2 * w + 1]; M === y && P === b && m < a; ) m++, 
-        p += n, M = e[2 * (w += n)], P = e[2 * w + 1], S = (y = e[2 * p]) - u, g = (b = e[2 * p + 1]) - h;
+        p += n, M = e[2 * (w += n)], P = e[2 * w + 1], g = (y = e[2 * p]) - u, S = (b = e[2 * p + 1]) - h;
         var x = m + 1;
         if (l) 
         // Find next point not null
         for (;isPointNull$1(M, P) && x < a; ) x++, M = e[2 * (w += n)], P = e[2 * w + 1];
-        var L = .5, D = 0, N = 0, I = void 0, C = void 0;
+        var L = .5, D = 0, I = 0, N = void 0, C = void 0;
         // Is last point
         if (x >= a || isPointNull$1(M, P)) c = y, v = b; else {
-          D = M - u, N = P - h;
-          var T = y - u, k = M - y, A = b - h, U = P - b, O = void 0, E = void 0;
+          D = M - u, I = P - h;
+          var k = y - u, T = M - y, A = b - h, U = P - b, O = void 0, E = void 0;
           if ("x" === s) {
             var z = D > 0 ? 1 : -1;
-            c = y - z * (O = Math.abs(T)) * o, v = b, I = y + z * (E = Math.abs(k)) * o, C = b;
+            c = y - z * (O = Math.abs(k)) * o, v = b, N = y + z * (E = Math.abs(T)) * o, C = b;
           } else if ("y" === s) {
-            var G = N > 0 ? 1 : -1;
-            c = y, v = b - G * (O = Math.abs(A)) * o, I = y, C = b + G * (E = Math.abs(U)) * o;
-          } else O = Math.sqrt(T * T + A * A), c = y - D * o * (1 - (
+            var F = I > 0 ? 1 : -1;
+            c = y, v = b - F * (O = Math.abs(A)) * o, N = y, C = b + F * (E = Math.abs(U)) * o;
+          } else O = Math.sqrt(k * k + A * A), c = y - D * o * (1 - (
           // Use ratio of seg length
-          L = (E = Math.sqrt(k * k + U * U)) / (E + O))), v = b - N * o * (1 - L), C = b + N * o * L, 
+          L = (E = Math.sqrt(T * T + U * U)) / (E + O))), v = b - I * o * (1 - L), C = b + I * o * L, 
           // Smooth constraint between point and next point.
           // Avoid exceeding extreme after smoothing.
-          I = Gt(
+          N = Vt(
           // cp0 of next segment
-          I = y + D * o * L, Ft(M, y)), C = Gt(C, Ft(P, b)), I = Ft(I, Gt(M, y)), v = b - (N = (C = Ft(C, Gt(P, b))) - b) * O / E, 
+          N = y + D * o * L, qt(M, y)), C = Vt(C, qt(P, b)), N = qt(N, Vt(M, y)), v = b - (I = (C = qt(C, Vt(P, b))) - b) * O / E, 
           // Smooth constraint between point and prev point.
           // Avoid exceeding extreme after smoothing.
-          c = Gt(c = y - (
+          c = Vt(c = y - (
           // Reclaculate cp1 based on the adjusted cp0 of next seg.
-          D = I - y) * O / E, Ft(u, y)), v = Gt(v, Ft(h, b)), I = y + (
+          D = N - y) * O / E, qt(u, y)), v = Vt(v, qt(h, b)), N = y + (
           // Adjust next cp0 again.
-          D = y - (c = Ft(c, Gt(u, y)))) * E / O, C = b + (N = b - (v = Ft(v, Gt(h, b)))) * E / O;
+          D = y - (c = qt(c, Vt(u, y)))) * E / O, C = b + (I = b - (v = qt(v, Vt(h, b)))) * E / O;
         }
-        t.bezierCurveTo(f, d, c, v, y, b), f = I, d = C;
+        t.bezierCurveTo(d, f, c, v, y, b), d = N, f = C;
       } else t.lineTo(y, b);
     }
     u = y, h = b, p += n;
@@ -498,7 +498,7 @@ function isPointNull$1(t, e) {
 
 var ECPolylineShape = function() {
   this.smooth = 0, this.smoothConstraint = !0;
-}, Bt = /** @class */ function(t) {
+}, Kt = /** @class */ function(t) {
   function ECPolyline(e) {
     var i = t.call(this, e) || this;
     return i.type = "ec-polyline", i;
@@ -522,7 +522,7 @@ var ECPolylineShape = function() {
   }, ECPolyline.prototype.getPointOn = function(t, e) {
     this.path || (this.createPathProxy(), this.buildPath(this.path, this.shape));
     for (var i, a, r = this.path.data, n = A.CMD, o = "x" === e, s = [], l = 0; l < r.length; ) {
-      var u = void 0, h = void 0, f = void 0, d = void 0, c = void 0, v = void 0, p = void 0;
+      var u = void 0, h = void 0, d = void 0, f = void 0, c = void 0, v = void 0, p = void 0;
       switch (r[l++]) {
        case n.M:
         i = r[l++], a = r[l++];
@@ -537,12 +537,12 @@ var ECPolylineShape = function() {
         break;
 
        case n.C:
-        u = r[l++], h = r[l++], f = r[l++], d = r[l++], c = r[l++], v = r[l++];
-        var y = o ? U(i, u, f, c, t, s) : U(a, h, d, v, t, s);
+        u = r[l++], h = r[l++], d = r[l++], f = r[l++], c = r[l++], v = r[l++];
+        var y = o ? U(i, u, d, c, t, s) : U(a, h, f, v, t, s);
         if (y > 0) for (var b = 0; b < y; b++) {
-          var S = s[b];
-          if (S <= 1 && S >= 0) {
-            m = o ? O(a, h, d, v, S) : O(i, u, f, c, S);
+          var g = s[b];
+          if (g <= 1 && g >= 0) {
+            m = o ? O(a, h, f, v, g) : O(i, u, d, c, g);
             return o ? [ t, m ] : [ m, t ];
           }
         }
@@ -550,18 +550,18 @@ var ECPolylineShape = function() {
       }
     }
   }, ECPolyline;
-}(E), Vt = /** @class */ function(t) {
+}(E), Rt = /** @class */ function(t) {
   function ECPolygonShape() {
     return null !== t && t.apply(this, arguments) || this;
   }
   return l(ECPolygonShape, t), ECPolygonShape;
-}(ECPolylineShape), qt = /** @class */ function(t) {
+}(ECPolylineShape), jt = /** @class */ function(t) {
   function ECPolygon(e) {
     var i = t.call(this, e) || this;
     return i.type = "ec-polygon", i;
   }
   return l(ECPolygon, t), ECPolygon.prototype.getDefaultShape = function() {
-    return new Vt;
+    return new Rt;
   }, ECPolygon.prototype.buildPath = function(t, e) {
     var i = e.points, a = e.stackedOnPoints, r = 0, n = i.length / 2, o = e.smoothMonotone;
     if (e.connectNulls) {
@@ -600,7 +600,7 @@ function getBoundingDiff(t, e) {
 }
 
 function getSmooth(t) {
-  return T(t) ? t : t ? .5 : 0;
+  return k(t) ? t : t ? .5 : 0;
 }
 
 /**
@@ -614,7 +614,7 @@ function getSmooth(t) {
  * @returns converted point positions
  */
 function turnPointsIntoStep(t, e, i, a, r) {
-  var n = i.getBaseAxis(), o = "x" === n.dim || "radius" === n.dim ? 0 : 1, s = [], l = 0, u = [], h = [], f = [], d = [];
+  var n = i.getBaseAxis(), o = "x" === n.dim || "radius" === n.dim ? 0 : 1, s = [], l = 0, u = [], h = [], d = [], f = [];
   if (r) {
     for (l = 0; l < t.length; l += 2) {
       /**
@@ -623,24 +623,24 @@ function turnPointsIntoStep(t, e, i, a, r) {
        * should stay the same as the lines above. See #20021
        */
       var c = e || t;
-      isNaN(c[l]) || isNaN(c[l + 1]) || d.push(t[l], t[l + 1]);
+      isNaN(c[l]) || isNaN(c[l + 1]) || f.push(t[l], t[l + 1]);
     }
-    t = d;
+    t = f;
   }
-  for (l = 0; l < t.length - 2; l += 2) switch (f[0] = t[l + 2], f[1] = t[l + 3], 
+  for (l = 0; l < t.length - 2; l += 2) switch (d[0] = t[l + 2], d[1] = t[l + 3], 
   h[0] = t[l], h[1] = t[l + 1], s.push(h[0], h[1]), a) {
    case "end":
-    u[o] = f[o], u[1 - o] = h[1 - o], s.push(u[0], u[1]);
+    u[o] = d[o], u[1 - o] = h[1 - o], s.push(u[0], u[1]);
     break;
 
    case "middle":
-    var v = (h[o] + f[o]) / 2, p = [];
-    u[o] = p[o] = v, u[1 - o] = h[1 - o], p[1 - o] = f[1 - o], s.push(u[0], u[1]), s.push(p[0], p[1]);
+    var v = (h[o] + d[o]) / 2, p = [];
+    u[o] = p[o] = v, u[1 - o] = h[1 - o], p[1 - o] = d[1 - o], s.push(u[0], u[1]), s.push(p[0], p[1]);
     break;
 
    default:
     // default is start
-    u[o] = h[o], u[1 - o] = f[1 - o], s.push(u[0], u[1]);
+    u[o] = h[o], u[1 - o] = d[1 - o], s.push(u[0], u[1]);
   }
   // Last points
     return s.push(t[l++], t[l++]), s;
@@ -669,16 +669,16 @@ function turnPointsIntoStep(t, e, i, a, r) {
       // browsers use the color of the second stop to render area outside
       // LinearGradient. So we can only infinitesimally extend area defined in
       // LinearGradient to render `outerColors`.
-      var l = e.getAxis(r), u = I(n.stops, (function(t) {
+      var l = e.getAxis(r), u = N(n.stops, (function(t) {
         // offset will be calculated later.
         return {
           coord: l.toGlobalCoord(l.dataToCoord(t.value)),
           color: t.color
         };
-      })), h = u.length, f = n.outerColors.slice();
+      })), h = u.length, d = n.outerColors.slice();
       // dataToCoord mapping may not be linear, but must be monotonic.
-            h && u[0].coord > u[h - 1].coord && (u.reverse(), f.reverse());
-      var d = function(t, e) {
+            h && u[0].coord > u[h - 1].coord && (u.reverse(), d.reverse());
+      var f = function(t, e) {
         var i, a, r = [], n = t.length;
         function lerpStop(t, e, i) {
           var a = t.coord, r = (i - a) / (e.coord - a);
@@ -703,24 +703,24 @@ function turnPointsIntoStep(t, e, i, a, r) {
           }
         }
         return r;
-      }(u, "x" === r ? i.getWidth() : i.getHeight()), c = d.length;
+      }(u, "x" === r ? i.getWidth() : i.getHeight()), c = f.length;
       if (!c && h) 
       // All stops are out of range. All will be the same color.
-      return u[0].coord < 0 ? f[1] ? f[1] : u[h - 1].color : f[0] ? f[0] : u[0].color;
-      var v = d[0].coord - 10, p = d[c - 1].coord + 10, m = p - v;
+      return u[0].coord < 0 ? d[1] ? d[1] : u[h - 1].color : d[0] ? d[0] : u[0].color;
+      var v = f[0].coord - 10, p = f[c - 1].coord + 10, m = p - v;
  // Arbitrary value: 10px
             if (m < .001) return "transparent";
-      _(d, (function(t) {
+      _(f, (function(t) {
         t.offset = (t.coord - v) / m;
-      })), d.push({
+      })), f.push({
         // NOTE: inRangeStopLen may still be 0 if stoplen is zero.
-        offset: c ? d[c - 1].offset : .5,
-        color: f[1] || "transparent"
-      }), d.unshift({
-        offset: c ? d[0].offset : .5,
-        color: f[0] || "transparent"
+        offset: c ? f[c - 1].offset : .5,
+        color: d[1] || "transparent"
+      }), f.unshift({
+        offset: c ? f[0].offset : .5,
+        color: d[0] || "transparent"
       });
-      var y = new X(0, 0, 0, 0, d, !0);
+      var y = new X(0, 0, 0, 0, f, !0);
       return y[r] = v, y[r + "2"] = p, y;
     }
   }
@@ -739,7 +739,7 @@ function getIsIgnoreFunc(t, e, i) {
       isNaN(a) && (a = 0);
       for (// 0/0 is NaN.
       // Sampling some points, max 5.
-      var r = e.count(), n = Math.max(1, Math.round(r / 5)), o = 0; o < r; o += n) if (1.5 * Ot.getSymbolSize(e, o)[t.isHorizontal() ? 1 : 0] > a) return !1;
+      var r = e.count(), n = Math.max(1, Math.round(r / 5)), o = 0; o < r; o += n) if (1.5 * Ft.getSymbolSize(e, o)[t.isHorizontal() ? 1 : 0] > a) return !1;
       return !0;
     }(n, e))) 
     // Note that category label interval strategy might bring some weird effect
@@ -773,12 +773,12 @@ function anyStateShowEndLabel(t) {
 }
 
 function createLineClipPath(t, e, i, a) {
-  if (It(e, "cartesian2d")) {
+  if (Tt(e, "cartesian2d")) {
     var r = a.getModel("endLabel"), n = r.get("valueAnimation"), o = a.getData(), s = {
       lastFrameIndex: 0
     }, l = anyStateShowEndLabel(a) ? function(i, a) {
       t._endLabelOnDuring(i, a, o, s, n, r, e);
-    } : null, u = e.getBaseAxis().isHorizontal(), h = Ct(e, i, a, (function() {
+    } : null, u = e.getBaseAxis().isHorizontal(), h = At(e, i, a, (function() {
       var e = t._endLabel;
       e && i && null != s.originalX && e.attr({
         x: s.originalX,
@@ -787,66 +787,66 @@ function createLineClipPath(t, e, i, a) {
     }), l);
     // Expand clip shape to avoid clipping when line value exceeds axis
     if (!a.get("clip", !0)) {
-      var f = h.shape, d = Math.max(f.width, f.height);
-      u ? (f.y -= d, f.height += 2 * d) : (f.x -= d, f.width += 2 * d);
+      var d = h.shape, f = Math.max(d.width, d.height);
+      u ? (d.y -= f, d.height += 2 * f) : (d.x -= f, d.width += 2 * f);
     }
     // Set to the final frame. To make sure label layout is right.
         return l && l(1, h), h;
   }
-  return Tt(e, i, a);
+  return Ut(e, i, a);
 }
 
-var Rt = /** @class */ function(t) {
+var Zt = /** @class */ function(t) {
   function LineView() {
     return null !== t && t.apply(this, arguments) || this;
   }
   return l(LineView, t), LineView.prototype.init = function() {
-    var t = new x, e = new Et;
+    var t = new x, e = new Gt;
     this.group.add(e.group), this._symbolDraw = e, this._lineGroup = t, this._changePolyState = z(this._changePolyState, this);
   }, LineView.prototype.render = function(t, e, i) {
-    var a = t.coordinateSystem, r = this.group, n = t.getData(), o = t.getModel("lineStyle"), s = t.getModel("areaStyle"), l = n.getLayout("points") || [], u = "polar" === a.type, h = this._coordSys, f = this._symbolDraw, d = this._polyline, c = this._polygon, p = this._lineGroup, m = !e.ssr && t.get("animation"), y = !s.isEmpty(), b = s.get("origin"), S = prepareDataCoordInfo(a, n, b), M = y && function(t, e, i) {
+    var a = t.coordinateSystem, r = this.group, n = t.getData(), o = t.getModel("lineStyle"), s = t.getModel("areaStyle"), l = n.getLayout("points") || [], u = "polar" === a.type, h = this._coordSys, d = this._symbolDraw, f = this._polyline, c = this._polygon, p = this._lineGroup, m = !e.ssr && t.get("animation"), y = !s.isEmpty(), b = s.get("origin"), g = prepareDataCoordInfo(a, n, b), M = y && function(t, e, i) {
       if (!i.valueDim) return [];
-      for (var a = e.count(), r = k(2 * a), n = 0; n < a; n++) {
+      for (var a = e.count(), r = T(2 * a), n = 0; n < a; n++) {
         var o = getStackedOnPoint(i, t, e, n);
         r[2 * n] = o[0], r[2 * n + 1] = o[1];
       }
       return r;
-    }(a, n, S), P = t.get("showSymbol"), x = t.get("connectNulls"), L = P && !u && getIsIgnoreFunc(t, n, a), D = this._data;
+    }(a, n, g), P = t.get("showSymbol"), x = t.get("connectNulls"), L = P && !u && getIsIgnoreFunc(t, n, a), D = this._data;
     D && D.eachItemGraphicEl((function(t, e) {
       t.__temp && (r.remove(t), D.setItemGraphicEl(e, null));
     })), 
     // Remove previous created symbols if showSymbol changed to false
-    P || f.remove(), r.add(p);
+    P || d.remove(), r.add(p);
     // FIXME step not support polar
-    var N, I = !u && t.get("step");
+    var I, N = !u && t.get("step");
     a && a.getArea && t.get("clip", !0) && (
     // Avoid float number rounding error for symbol on the edge of axis extent.
     // See #7913 and `test/dataZoom-clip.html`.
-    null != (N = a.getArea()).width ? (N.x -= .1, N.y -= .1, N.width += .2, N.height += .2) : N.r0 && (N.r0 -= .5, 
-    N.r += .5)), this._clipShapeForSymbol = N;
+    null != (I = a.getArea()).width ? (I.x -= .1, I.y -= .1, I.width += .2, I.height += .2) : I.r0 && (I.r0 -= .5, 
+    I.r += .5)), this._clipShapeForSymbol = I;
     var C = getVisualGradient(n, a, i) || n.getVisual("style")[n.getVisual("drawType")];
     // Initialization animation or coordinate system changed
-        if (d && h.type === a.type && I === this._step) {
+        if (f && h.type === a.type && N === this._step) {
       y && !c ? 
       // If areaStyle is added
       c = this._newPolygon(l, M) : c && !y && (
       // If areaStyle is removed
       p.remove(c), c = this._polygon = null), 
       // NOTE: Must update _endLabel before setClipPath.
-      u || this._initOrUpdateEndLabel(t, a, G(C));
+      u || this._initOrUpdateEndLabel(t, a, F(C));
       // Update clipPath
-      var T = p.getClipPath();
-      if (T) {
+      var k = p.getClipPath();
+      if (k) {
         var A = createLineClipPath(this, a, !1, t);
-        v(T, {
+        v(k, {
           shape: A.shape
         }, t);
       } else p.setClipPath(createLineClipPath(this, a, !0, t));
       // Always update, or it is wrong in the case turning on legend
       // because points are not changed.
-            P && f.updateData(n, {
+            P && d.updateData(n, {
         isIgnore: L,
-        clipShape: N,
+        clipShape: I,
         disableAnimation: !0,
         getSymbolPoint: function(t) {
           return [ l[2 * t], l[2 * t + 1] ];
@@ -854,59 +854,59 @@ var Rt = /** @class */ function(t) {
       }), 
       // In the case data zoom triggered refreshing frequently
       // Data may not change if line has a category axis. So it should animate nothing.
-      isPointsSame(this._stackedOnPoints, M) && isPointsSame(this._points, l) || (m ? this._doUpdateAnimation(n, M, a, i, I, b, x) : (
+      isPointsSame(this._stackedOnPoints, M) && isPointsSame(this._points, l) || (m ? this._doUpdateAnimation(n, M, a, i, N, b, x) : (
       // Not do it in update with animation
-      I && (M && (M = turnPointsIntoStep(M, l, a, I, x)), 
+      N && (M && (M = turnPointsIntoStep(M, l, a, N, x)), 
       // TODO If stacked series is not step
-      l = turnPointsIntoStep(l, null, a, I, x)), d.setShape({
+      l = turnPointsIntoStep(l, null, a, N, x)), f.setShape({
         points: l
       }), c && c.setShape({
         points: l,
         stackedOnPoints: M
       })));
-    } else P && f.updateData(n, {
+    } else P && d.updateData(n, {
       isIgnore: L,
-      clipShape: N,
+      clipShape: I,
       disableAnimation: !0,
       getSymbolPoint: function(t) {
         return [ l[2 * t], l[2 * t + 1] ];
       }
-    }), m && this._initSymbolLabelAnimation(n, a, N), I && (M && (M = turnPointsIntoStep(M, l, a, I, x)), 
+    }), m && this._initSymbolLabelAnimation(n, a, I), N && (M && (M = turnPointsIntoStep(M, l, a, N, x)), 
     // TODO If stacked series is not step
-    l = turnPointsIntoStep(l, null, a, I, x)), d = this._newPolyline(l), y ? c = this._newPolygon(l, M) : c && (p.remove(c), 
+    l = turnPointsIntoStep(l, null, a, N, x)), f = this._newPolyline(l), y ? c = this._newPolygon(l, M) : c && (p.remove(c), 
     c = this._polygon = null), 
     // NOTE: Must update _endLabel before setClipPath.
-    u || this._initOrUpdateEndLabel(t, a, G(C)), p.setClipPath(createLineClipPath(this, a, !0, t));
+    u || this._initOrUpdateEndLabel(t, a, F(C)), p.setClipPath(createLineClipPath(this, a, !0, t));
     var U = t.getModel("emphasis"), O = U.get("focus"), E = U.get("blurScope"), z = U.get("disabled");
-    (d.useStyle(F(
+    (f.useStyle(G(
     // Use color in lineStyle first
     o.getLineStyle(), {
       fill: "none",
       stroke: C,
       lineJoin: "bevel"
-    })), B(d, t, "lineStyle"), d.style.lineWidth > 0 && "bolder" === t.get([ "emphasis", "lineStyle", "width" ])) && (d.getState("emphasis").style.lineWidth = +d.style.lineWidth + 1);
+    })), B(f, t, "lineStyle"), f.style.lineWidth > 0 && "bolder" === t.get([ "emphasis", "lineStyle", "width" ])) && (f.getState("emphasis").style.lineWidth = +f.style.lineWidth + 1);
     // Needs seriesIndex for focus
-        w(d).seriesIndex = t.seriesIndex, g(d, O, E, z);
+        w(f).seriesIndex = t.seriesIndex, S(f, O, E, z);
     var V = getSmooth(t.get("smooth")), q = t.get("smoothMonotone");
-    if (d.setShape({
+    if (f.setShape({
       smooth: V,
       smoothMonotone: q,
       connectNulls: x
     }), c) {
-      var R = n.getCalculationInfo("stackedOnSeries"), K = 0;
-      c.useStyle(F(s.getAreaStyle(), {
+      var K = n.getCalculationInfo("stackedOnSeries"), R = 0;
+      c.useStyle(G(s.getAreaStyle(), {
         fill: C,
         opacity: .7,
         lineJoin: "bevel",
         decal: n.getVisual("style").decal
-      })), R && (K = getSmooth(R.get("smooth"))), c.setShape({
+      })), K && (R = getSmooth(K.get("smooth"))), c.setShape({
         smooth: V,
-        stackedOnSmooth: K,
+        stackedOnSmooth: R,
         smoothMonotone: q,
         connectNulls: x
       }), B(c, t, "areaStyle"), 
       // Needs seriesIndex for focus
-      w(c).seriesIndex = t.seriesIndex, g(c, O, E, z);
+      w(c).seriesIndex = t.seriesIndex, S(c, O, E, z);
     }
     var j = this._changePolyState;
     n.eachItemGraphicEl((function(t) {
@@ -914,8 +914,8 @@ var Rt = /** @class */ function(t) {
       t && (t.onHoverStateChange = j);
     })), this._polyline.onHoverStateChange = j, this._data = n, 
     // Save the coordinate system for transition animation when data changed
-    this._coordSys = a, this._stackedOnPoints = M, this._points = l, this._step = I, 
-    this._valueOrigin = b, t.get("triggerLineEvent") && (this.packEventData(t, d), c && this.packEventData(t, c));
+    this._coordSys = a, this._stackedOnPoints = M, this._points = l, this._step = N, 
+    this._valueOrigin = b, t.get("triggerLineEvent") && (this.packEventData(t, f), c && this.packEventData(t, c));
   }, LineView.prototype.packEventData = function(t, e) {
     w(e).eventData = {
       componentType: "series",
@@ -937,11 +937,11 @@ var Rt = /** @class */ function(t) {
         return;
         // fix #11360: shouldn't draw symbol outside clipShapeForSymbol
                 if (this._clipShapeForSymbol && !this._clipShapeForSymbol.contain(l, u)) return;
-        var h = t.get("zlevel") || 0, f = t.get("z") || 0;
-        (s = new Ot(r, n)).x = l, s.y = u, s.setZ(h, f);
+        var h = t.get("zlevel") || 0, d = t.get("z") || 0;
+        (s = new Ft(r, n)).x = l, s.y = u, s.setZ(h, d);
         // ensure label text of the temporary symbol is in front of line and area polygon
-        var d = s.getSymbolPath().getTextContent();
-        d && (d.zlevel = h, d.z = f, d.z2 = this._polyline.z2 + 1), s.__temp = !0, r.setItemGraphicEl(n, s), 
+        var f = s.getSymbolPath().getTextContent();
+        f && (f.zlevel = h, f.z = d, f.z2 = this._polyline.z2 + 1), s.__temp = !0, r.setItemGraphicEl(n, s), 
         // Stop scale animation
         s.stopSymbolAnimation(!0), this.group.add(s);
       }
@@ -961,11 +961,11 @@ var Rt = /** @class */ function(t) {
     q.prototype.downplay.call(this, t, e, i, a);
   }, LineView.prototype._changePolyState = function(t) {
     var e = this._polygon;
-    R(this._polyline, t), e && R(e, t);
+    K(this._polyline, t), e && K(e, t);
   }, LineView.prototype._newPolyline = function(t) {
     var e = this._polyline;
     // Remove previous created polyline
-        return e && this._lineGroup.remove(e), e = new Bt({
+        return e && this._lineGroup.remove(e), e = new Kt({
       shape: {
         points: t
       },
@@ -975,7 +975,7 @@ var Rt = /** @class */ function(t) {
   }, LineView.prototype._newPolygon = function(t, e) {
     var i = this._polygon;
     // Remove previous created polygon
-        return i && this._lineGroup.remove(i), i = new qt({
+        return i && this._lineGroup.remove(i), i = new jt({
       shape: {
         points: t,
         stackedOnPoints: e
@@ -987,23 +987,23 @@ var Rt = /** @class */ function(t) {
     "cartesian2d" === e.type ? (a = n.isHorizontal(), r = !1) : "polar" === e.type && (a = "angle" === n.dim, 
     r = !0);
     var s = t.hostModel, l = s.get("animationDuration");
-    K(l) && (l = l(null));
-    var u = s.get("animationDelay") || 0, h = K(u) ? u(null) : u;
+    R(l) && (l = l(null));
+    var u = s.get("animationDelay") || 0, h = R(u) ? u(null) : u;
     t.eachItemGraphicEl((function(t, n) {
       var s = t;
       if (s) {
-        var f = [ t.x, t.y ], d = void 0, c = void 0, v = void 0;
+        var d = [ t.x, t.y ], f = void 0, c = void 0, v = void 0;
         if (i) if (r) {
-          var p = i, m = e.pointToCoord(f);
-          a ? (d = p.startAngle, c = p.endAngle, v = -m[1] / 180 * Math.PI) : (d = p.r0, c = p.r, 
+          var p = i, m = e.pointToCoord(d);
+          a ? (f = p.startAngle, c = p.endAngle, v = -m[1] / 180 * Math.PI) : (f = p.r0, c = p.r, 
           v = m[0]);
         } else {
           var y = i;
-          a ? (d = y.x, c = y.x + y.width, v = t.x) : (d = y.y + y.height, c = y.y, v = t.y);
+          a ? (f = y.x, c = y.x + y.width, v = t.x) : (f = y.y + y.height, c = y.y, v = t.y);
         }
-        var b = c === d ? 0 : (v - d) / (c - d);
+        var b = c === f ? 0 : (v - f) / (c - f);
         o && (b = 1 - b);
-        var S = K(u) ? u(n) : l * b + h, g = s.getSymbolPath(), w = g.getTextContent();
+        var g = R(u) ? u(n) : l * b + h, S = s.getSymbolPath(), w = S.getTextContent();
         s.attr({
           scaleX: 0,
           scaleY: 0
@@ -1013,15 +1013,15 @@ var Rt = /** @class */ function(t) {
         }, {
           duration: 200,
           setToFinal: !0,
-          delay: S
+          delay: g
         }), w && w.animateFrom({
           style: {
             opacity: 0
           }
         }, {
           duration: 300,
-          delay: S
-        }), g.disableLabelAnimation = !0;
+          delay: g
+        }), S.disableLabelAnimation = !0;
       }
     }));
   }, LineView.prototype._initOrUpdateEndLabel = function(t, e, i) {
@@ -1038,12 +1038,12 @@ var Rt = /** @class */ function(t) {
         for (var e = t.length / 2; e > 0 && isPointNull(t[2 * e - 2], t[2 * e - 1]); e--) ;
         return e - 1;
       }(o);
-      l >= 0 && (S(n, p(t, "endLabel"), {
+      l >= 0 && (g(n, p(t, "endLabel"), {
         inheritColor: i,
         labelFetcher: t,
         labelDataIndex: l,
         defaultText: function(t, e, i) {
-          return null != i ? Nt(r, i) : Lt(r, t);
+          return null != i ? kt(r, i) : Nt(r, t);
         },
         enableTextSetter: !0
       }, function(t, e) {
@@ -1062,7 +1062,7 @@ var Rt = /** @class */ function(t) {
       // NOTE: Don't remove percent < 1. percent === 1 means the first frame during render.
       // The label is not prepared at this time.
       t < 1 && null == a.originalX && (a.originalX = s.x, a.originalY = s.y);
-      var u = i.getLayout("points"), h = i.hostModel, f = h.get("connectNulls"), d = n.get("precision"), c = n.get("distance") || 0, v = o.getBaseAxis(), p = v.isHorizontal(), m = v.inverse, y = e.shape, b = m ? p ? y.x : y.y + y.height : p ? y.x + y.width : y.y, S = (p ? c : 0) * (m ? -1 : 1), g = (p ? 0 : -c) * (m ? -1 : 1), w = p ? "x" : "y", M = function(t, e, i) {
+      var u = i.getLayout("points"), h = i.hostModel, d = h.get("connectNulls"), f = n.get("precision"), c = n.get("distance") || 0, v = o.getBaseAxis(), p = v.isHorizontal(), m = v.inverse, y = e.shape, b = m ? p ? y.x : y.y + y.height : p ? y.x + y.width : y.y, g = (p ? c : 0) * (m ? -1 : 1), S = (p ? 0 : -c) * (m ? -1 : 1), w = p ? "x" : "y", M = function(t, e, i) {
         for (var a, r, n = t.length / 2, o = "x" === i ? 0 : 1, s = 0, l = -1, u = 0; u < n; u++) if (r = t[2 * u + o], 
         !isNaN(r) && !isNaN(t[2 * u + 1 - o])) if (0 !== u) {
           if (a <= e && r >= e || a >= e && r <= e) {
@@ -1078,19 +1078,19 @@ var Rt = /** @class */ function(t) {
       }(u, b, w), P = M.range, x = P[1] - P[0], L = void 0;
       if (x >= 1) {
         // diff > 1 && connectNulls, which is on the null data.
-        if (x > 1 && !f) {
+        if (x > 1 && !d) {
           var D = getPointAtIndex(u, P[0]);
           s.attr({
-            x: D[0] + S,
-            y: D[1] + g
+            x: D[0] + g,
+            y: D[1] + S
           }), r && (L = h.getRawValue(P[0]));
         } else {
           (D = l.getPointOn(b, w)) && s.attr({
-            x: D[0] + S,
-            y: D[1] + g
+            x: D[0] + g,
+            y: D[1] + S
           });
-          var N = h.getRawValue(P[0]), I = h.getRawValue(P[1]);
-          r && (L = Z(i, d, N, I, M.t));
+          var I = h.getRawValue(P[0]), N = h.getRawValue(P[1]);
+          r && (L = Z(i, f, I, N, M.t));
         }
         a.lastFrameIndex = P[0];
       } else {
@@ -1099,13 +1099,13 @@ var Rt = /** @class */ function(t) {
         var C = 1 === t || a.lastFrameIndex > 0 ? P[0] : 0;
         D = getPointAtIndex(u, C);
         r && (L = h.getRawValue(C)), s.attr({
-          x: D[0] + S,
-          y: D[1] + g
+          x: D[0] + g,
+          y: D[1] + S
         });
       }
       if (r) {
-        var T = $(s);
-        "function" == typeof T.setLabelText && T.setLabelText(L);
+        var k = $(s);
+        "function" == typeof k.setLabelText && k.setLabelText(L);
       }
     }
   }, 
@@ -1134,72 +1134,72 @@ var Rt = /** @class */ function(t) {
             idx: t
           });
         })).execute(), i;
-      }(t, e), l = [], u = [], h = [], f = [], d = [], c = [], v = [], p = prepareDataCoordInfo(r, e, o), m = t.getLayout("points") || [], y = e.getLayout("points") || [], b = 0
+      }(t, e), l = [], u = [], h = [], d = [], f = [], c = [], v = [], p = prepareDataCoordInfo(r, e, o), m = t.getLayout("points") || [], y = e.getLayout("points") || [], b = 0
       // let newIdList = newData.mapArray(newData.getId);
       // let oldIdList = oldData.mapArray(oldData.getId);
       // convertToIntId(newIdList, oldIdList);
       // // FIXME One data ?
       // diff = arrayDiff(oldIdList, newIdList);
       ; b < s.length; b++) {
-        var S = s[b], g = !0, w = void 0, M = void 0;
+        var g = s[b], S = !0, w = void 0, M = void 0;
         // FIXME, animation is not so perfect when dataZoom window moves fast
         // Which is in case remvoing or add more than one data in the tail or head
-        switch (S.cmd) {
+        switch (g.cmd) {
          case "=":
-          w = 2 * S.idx, M = 2 * S.idx1;
+          w = 2 * g.idx, M = 2 * g.idx1;
           var P = m[w], x = m[w + 1], L = y[M], D = y[M + 1];
           // If previous data is NaN, use next point directly
           (isNaN(P) || isNaN(x)) && (P = L, x = D), l.push(P, x), u.push(L, D), h.push(i[w], i[w + 1]), 
-          f.push(a[M], a[M + 1]), v.push(e.getRawIndex(S.idx1));
+          d.push(a[M], a[M + 1]), v.push(e.getRawIndex(g.idx1));
           break;
 
          case "+":
-          var N = S.idx, I = p.dataDimsForPoint, C = r.dataToPoint([ e.get(I[0], N), e.get(I[1], N) ]);
-          M = 2 * N, l.push(C[0], C[1]), u.push(y[M], y[M + 1]);
-          var T = getStackedOnPoint(p, r, e, N);
-          h.push(T[0], T[1]), f.push(a[M], a[M + 1]), v.push(e.getRawIndex(N));
+          var I = g.idx, N = p.dataDimsForPoint, C = r.dataToPoint([ e.get(N[0], I), e.get(N[1], I) ]);
+          M = 2 * I, l.push(C[0], C[1]), u.push(y[M], y[M + 1]);
+          var k = getStackedOnPoint(p, r, e, I);
+          h.push(k[0], k[1]), d.push(a[M], a[M + 1]), v.push(e.getRawIndex(I));
           break;
 
          case "-":
-          g = !1;
+          S = !1;
         }
         // Original indices
-                g && (d.push(S), c.push(c.length));
+                S && (f.push(g), c.push(c.length));
       }
       // Diff result may be crossed if all items are changed
       // Sort by data index
             c.sort((function(t, e) {
         return v[t] - v[e];
       }));
-      var A = l.length, U = k(A), O = k(A), E = k(A), z = k(A), G = [];
+      var A = l.length, U = T(A), O = T(A), E = T(A), z = T(A), F = [];
       for (b = 0; b < c.length; b++) {
-        var F = c[b], B = 2 * b, V = 2 * F;
+        var G = c[b], B = 2 * b, V = 2 * G;
         U[B] = l[V], U[B + 1] = l[V + 1], O[B] = u[V], O[B + 1] = u[V + 1], E[B] = h[V], 
-        E[B + 1] = h[V + 1], z[B] = f[V], z[B + 1] = f[V + 1], G[b] = d[F];
+        E[B + 1] = h[V + 1], z[B] = d[V], z[B + 1] = d[V + 1], F[b] = f[G];
       }
       return {
         current: U,
         next: O,
         stackedOnCurrent: E,
         stackedOnNext: z,
-        status: G
+        status: F
       };
-    }(this._data, t, this._stackedOnPoints, e, this._coordSys, 0, this._valueOrigin), f = h.current, c = h.stackedOnCurrent, v = h.next, p = h.stackedOnNext;
+    }(this._data, t, this._stackedOnPoints, e, this._coordSys, 0, this._valueOrigin), d = h.current, c = h.stackedOnCurrent, v = h.next, p = h.stackedOnNext;
     // Don't apply animation if diff is large.
     // For better result and avoid memory explosion problems like
     // https://github.com/apache/incubator-echarts/issues/12229
     if (r && (
     // TODO If stacked series is not step
-    c = turnPointsIntoStep(h.stackedOnCurrent, h.current, i, r, o), f = turnPointsIntoStep(h.current, null, i, r, o), 
+    c = turnPointsIntoStep(h.stackedOnCurrent, h.current, i, r, o), d = turnPointsIntoStep(h.current, null, i, r, o), 
     p = turnPointsIntoStep(h.stackedOnNext, h.next, i, r, o), v = turnPointsIntoStep(h.next, null, i, r, o)), 
-    getBoundingDiff(f, v) > 3e3 || l && getBoundingDiff(c, p) > 3e3) return s.stopAnimation(), 
+    getBoundingDiff(d, v) > 3e3 || l && getBoundingDiff(c, p) > 3e3) return s.stopAnimation(), 
     s.setShape({
       points: v
     }), void (l && (l.stopAnimation(), l.setShape({
       points: v,
       stackedOnPoints: p
     })));
-    s.shape.__points = h.current, s.shape.points = f;
+    s.shape.__points = h.current, s.shape.points = d;
     var m = {
       shape: {
         points: v
@@ -1207,25 +1207,25 @@ var Rt = /** @class */ function(t) {
     };
     // Also animate the original points.
     // If points reference is changed when turning into step line.
-        h.current !== f && (m.shape.__points = h.next), 
+        h.current !== d && (m.shape.__points = h.next), 
     // Stop previous animation.
-    s.stopAnimation(), d(s, m, u), l && (l.setShape({
+    s.stopAnimation(), f(s, m, u), l && (l.setShape({
       // Reuse the points with polyline.
-      points: f,
+      points: d,
       stackedOnPoints: c
-    }), l.stopAnimation(), d(l, {
+    }), l.stopAnimation(), f(l, {
       shape: {
         stackedOnPoints: p
       }
     }, u), 
     // If use attr directly in updateProps.
     s.shape.points !== l.shape.points && (l.shape.points = s.shape.points));
-    for (var y = [], b = h.status, S = 0; S < b.length; S++) {
-      if ("=" === b[S].cmd) {
-        var g = t.getItemGraphicEl(b[S].idx1);
-        g && y.push({
-          el: g,
-          ptIdx: S
+    for (var y = [], b = h.status, g = 0; g < b.length; g++) {
+      if ("=" === b[g].cmd) {
+        var S = t.getItemGraphicEl(b[g].idx1);
+        S && y.push({
+          el: S,
+          ptIdx: g
         });
       }
     }
@@ -1246,14 +1246,14 @@ var Rt = /** @class */ function(t) {
   }, LineView.type = "line", LineView;
 }(q);
 
-var Kt = A.CMD;
+var $t = A.CMD;
 
 function aroundEqual(t, e) {
   return Math.abs(t - e) < 1e-5;
 }
 
 function pathToBezierCurves(t) {
-  var e, i, a, r, n, o = t.data, s = t.len(), l = [], u = 0, h = 0, f = 0, d = 0;
+  var e, i, a, r, n, o = t.data, s = t.len(), l = [], u = 0, h = 0, d = 0, f = 0;
   function createNewSubpath(t, i) {
     e && e.length > 2 && l.push(e), e = [ t, i ];
   }
@@ -1261,48 +1261,48 @@ function pathToBezierCurves(t) {
     aroundEqual(t, a) && aroundEqual(i, r) || e.push(t, i, a, r, a, r);
   }
   function addArc(t, i, a, r, n, o) {
-    var s = 4 * Math.tan(Math.abs(i - t) / 4) / 3, l = i < t ? -1 : 1, u = Math.cos(t), h = Math.sin(t), f = Math.cos(i), d = Math.sin(i), c = u * n + a, v = h * o + r, p = f * n + a, m = d * o + r, y = n * s * l, b = o * s * l;
-    e.push(c - y * h, v + b * u, p + y * d, m - b * f, p, m);
+    var s = 4 * Math.tan(Math.abs(i - t) / 4) / 3, l = i < t ? -1 : 1, u = Math.cos(t), h = Math.sin(t), d = Math.cos(i), f = Math.sin(i), c = u * n + a, v = h * o + r, p = d * n + a, m = f * o + r, y = n * s * l, b = o * s * l;
+    e.push(c - y * h, v + b * u, p + y * f, m - b * d, p, m);
   }
   for (var c = 0; c < s; ) {
     var v = o[c++], p = 1 === c;
-    switch (p && (f = u = o[c], d = h = o[c + 1], v !== Kt.L && v !== Kt.C && v !== Kt.Q || (e = [ f, d ])), 
+    switch (p && (d = u = o[c], f = h = o[c + 1], v !== $t.L && v !== $t.C && v !== $t.Q || (e = [ d, f ])), 
     v) {
-     case Kt.M:
-      u = f = o[c++], h = d = o[c++], createNewSubpath(f, d);
+     case $t.M:
+      u = d = o[c++], h = f = o[c++], createNewSubpath(d, f);
       break;
 
-     case Kt.L:
+     case $t.L:
       addLine(u, h, i = o[c++], a = o[c++]), u = i, h = a;
       break;
 
-     case Kt.C:
+     case $t.C:
       e.push(o[c++], o[c++], o[c++], o[c++], u = o[c++], h = o[c++]);
       break;
 
-     case Kt.Q:
+     case $t.Q:
       i = o[c++], a = o[c++], r = o[c++], n = o[c++], e.push(u + 2 / 3 * (i - u), h + 2 / 3 * (a - h), r + 2 / 3 * (i - r), n + 2 / 3 * (a - n), r, n), 
       u = r, h = n;
       break;
 
-     case Kt.A:
-      var m = o[c++], y = o[c++], b = o[c++], S = o[c++], g = o[c++], w = o[c++] + g;
+     case $t.A:
+      var m = o[c++], y = o[c++], b = o[c++], g = o[c++], S = o[c++], w = o[c++] + S;
       c += 1;
       var M = !o[c++];
-      i = Math.cos(g) * b + m, a = Math.sin(g) * S + y, p ? createNewSubpath(f = i, d = a) : addLine(u, h, i, a), 
-      u = Math.cos(w) * b + m, h = Math.sin(w) * S + y;
-      for (var P = (M ? -1 : 1) * Math.PI / 2, x = g; M ? x > w : x < w; x += P) {
-        addArc(x, M ? Math.max(x + P, w) : Math.min(x + P, w), m, y, b, S);
+      i = Math.cos(S) * b + m, a = Math.sin(S) * g + y, p ? createNewSubpath(d = i, f = a) : addLine(u, h, i, a), 
+      u = Math.cos(w) * b + m, h = Math.sin(w) * g + y;
+      for (var P = (M ? -1 : 1) * Math.PI / 2, x = S; M ? x > w : x < w; x += P) {
+        addArc(x, M ? Math.max(x + P, w) : Math.min(x + P, w), m, y, b, g);
       }
       break;
 
-     case Kt.R:
-      f = u = o[c++], d = h = o[c++], i = f + o[c++], a = d + o[c++], createNewSubpath(i, d), 
-      addLine(i, d, i, a), addLine(i, a, f, a), addLine(f, a, f, d), addLine(f, d, i, d);
+     case $t.R:
+      d = u = o[c++], f = h = o[c++], i = d + o[c++], a = f + o[c++], createNewSubpath(i, f), 
+      addLine(i, f, i, a), addLine(i, a, d, a), addLine(d, a, d, f), addLine(d, f, i, f);
       break;
 
-     case Kt.Z:
-      e && addLine(u, h, f, d), u = f, h = d;
+     case $t.Z:
+      e && addLine(u, h, d, f), u = d, h = f;
     }
   }
   return e && e.length > 2 && l.push(e), l;
@@ -1310,12 +1310,12 @@ function pathToBezierCurves(t) {
 
 function adpativeBezier(t, e, i, a, r, n, o, s, l, u) {
   if (aroundEqual(t, i) && aroundEqual(e, a) && aroundEqual(r, o) && aroundEqual(n, s)) l.push(o, s); else {
-    var h = 2 / u, f = h * h, d = o - t, c = s - e, v = Math.sqrt(d * d + c * c);
-    d /= v, c /= v;
-    var p = i - t, m = a - e, y = r - o, b = n - s, S = p * p + m * m, g = y * y + b * b;
-    if (S < f && g < f) l.push(o, s); else {
-      var w = d * p + c * m, M = -d * y - c * b;
-      if (S - w * w < f && w >= 0 && g - M * M < f && M >= 0) l.push(o, s); else {
+    var h = 2 / u, d = h * h, f = o - t, c = s - e, v = Math.sqrt(f * f + c * c);
+    f /= v, c /= v;
+    var p = i - t, m = a - e, y = r - o, b = n - s, g = p * p + m * m, S = y * y + b * b;
+    if (g < d && S < d) l.push(o, s); else {
+      var w = f * p + c * m, M = -f * y - c * b;
+      if (g - w * w < d && w >= 0 && S - M * M < d && M >= 0) l.push(o, s); else {
         var P = [], x = [];
         J(t, i, r, o, .5, P), J(e, a, n, s, .5, x), adpativeBezier(P[0], x[0], P[1], x[1], P[2], x[2], P[3], x[3], l, u), 
         adpativeBezier(P[4], x[4], P[5], x[5], P[6], x[6], P[7], x[7], l, u);
@@ -1334,10 +1334,10 @@ function getDividingGrids(t, e, i) {
 }
 
 function divideSector(t, e, i) {
-  for (var a = t.r0, r = t.r, n = t.startAngle, o = t.endAngle, s = Math.abs(o - n), l = s * r, u = r - a, h = l > Math.abs(u), f = getDividingGrids([ l, u ], h ? 0 : 1, e), d = (h ? s : u) / f.length, c = 0; c < f.length; c++) for (var v = (h ? u : s) / f[c], p = 0; p < f[c]; p++) {
+  for (var a = t.r0, r = t.r, n = t.startAngle, o = t.endAngle, s = Math.abs(o - n), l = s * r, u = r - a, h = l > Math.abs(u), d = getDividingGrids([ l, u ], h ? 0 : 1, e), f = (h ? s : u) / d.length, c = 0; c < d.length; c++) for (var v = (h ? u : s) / d[c], p = 0; p < d[c]; p++) {
     var m = {};
-    h ? (m.startAngle = n + d * c, m.endAngle = n + d * (c + 1), m.r0 = a + v * p, m.r = a + v * (p + 1)) : (m.startAngle = n + v * p, 
-    m.endAngle = n + v * (p + 1), m.r0 = a + d * c, m.r = a + d * (c + 1)), m.clockwise = t.clockwise, 
+    h ? (m.startAngle = n + f * c, m.endAngle = n + f * (c + 1), m.r0 = a + v * p, m.r = a + v * (p + 1)) : (m.startAngle = n + v * p, 
+    m.endAngle = n + v * (p + 1), m.r0 = a + f * c, m.r = a + f * (c + 1)), m.clockwise = t.clockwise, 
     m.cx = t.cx, m.cy = t.cy, i.push(m);
   }
 }
@@ -1347,9 +1347,9 @@ function crossProduct2d(t, e, i, a) {
 }
 
 function lineLineIntersect(t, e, i, a, r, n, o, s) {
-  var l = i - t, u = a - e, h = o - r, f = s - n, d = crossProduct2d(h, f, l, u);
-  if (Math.abs(d) < 1e-6) return null;
-  var c = crossProduct2d(t - r, e - n, h, f) / d;
+  var l = i - t, u = a - e, h = o - r, d = s - n, f = crossProduct2d(h, d, l, u);
+  if (Math.abs(f) < 1e-6) return null;
+  var c = crossProduct2d(t - r, e - n, h, d) / f;
   return c < 0 || c > 1 ? null : new nt(c * l + t, c * u + e);
 }
 
@@ -1389,13 +1389,13 @@ function binaryDividePolygon(t) {
     }));
     var u = r[0], h = r[r.length - 1];
     if (h.idx < u.idx) {
-      var f = u;
-      u = h, h = f;
+      var d = u;
+      u = h, h = d;
     }
-    var d = [ u.pt.x, u.pt.y ], c = [ h.pt.x, h.pt.y ], v = [ d ], p = [ c ];
+    var f = [ u.pt.x, u.pt.y ], c = [ h.pt.x, h.pt.y ], v = [ f ], p = [ c ];
     for (n = u.idx + 1; n <= h.idx; n++) addToPoly(v, t[n].slice());
-    for (addToPoly(v, c), addToPoly(v, d), n = h.idx + 1; n <= u.idx + a; n++) addToPoly(p, t[n % a].slice());
-    return addToPoly(p, d), addToPoly(p, c), [ {
+    for (addToPoly(v, c), addToPoly(v, f), n = h.idx + 1; n <= u.idx + a; n++) addToPoly(p, t[n % a].slice());
+    return addToPoly(p, f), addToPoly(p, c), [ {
       points: v
     }, {
       points: p
@@ -1420,9 +1420,9 @@ function split(t, e) {
   switch (t.type) {
    case "rect":
     !function(t, e, i) {
-      for (var a = t.width, r = t.height, n = a > r, o = getDividingGrids([ a, r ], n ? 0 : 1, e), s = n ? "width" : "height", l = n ? "height" : "width", u = n ? "x" : "y", h = n ? "y" : "x", f = t[s] / o.length, d = 0; d < o.length; d++) for (var c = t[l] / o[d], v = 0; v < o[d]; v++) {
+      for (var a = t.width, r = t.height, n = a > r, o = getDividingGrids([ a, r ], n ? 0 : 1, e), s = n ? "width" : "height", l = n ? "height" : "width", u = n ? "x" : "y", h = n ? "y" : "x", d = t[s] / o.length, f = 0; f < o.length; f++) for (var c = t[l] / o[f], v = 0; v < o[f]; v++) {
         var p = {};
-        p[u] = d * f, p[h] = v * c, p[s] = f, p[l] = c, p.x += t.x, p.y += t.y, i.push(p);
+        p[u] = f * d, p[h] = v * c, p[s] = d, p[l] = c, p.x += t.x, p.y += t.y, i.push(p);
       }
     }(r, e, a), i = at;
     break;
@@ -1443,15 +1443,15 @@ function split(t, e) {
     break;
 
    default:
-    var n = t.getComputedTransform(), o = n ? Math.sqrt(Math.max(n[0] * n[0] + n[1] * n[1], n[2] * n[2] + n[3] * n[3])) : 1, s = I(function(t, e) {
+    var n = t.getComputedTransform(), o = n ? Math.sqrt(Math.max(n[0] * n[0] + n[1] * n[1], n[2] * n[2] + n[3] * n[3])) : 1, s = N(function(t, e) {
       var i = pathToBezierCurves(t), a = [];
       e = e || 1;
       for (var r = 0; r < i.length; r++) {
         var n = i[r], o = [], s = n[0], l = n[1];
         o.push(s, l);
         for (var u = 2; u < n.length; ) {
-          var h = n[u++], f = n[u++], d = n[u++], c = n[u++], v = n[u++], p = n[u++];
-          adpativeBezier(s, l, h, f, d, c, v, p, o, e), s = v, l = p;
+          var h = n[u++], d = n[u++], f = n[u++], c = n[u++], v = n[u++], p = n[u++];
+          adpativeBezier(s, l, h, d, f, c, v, p, o, e), s = v, l = p;
         }
         a.push(o);
       }
@@ -1467,7 +1467,7 @@ function split(t, e) {
     }, e, a); else if (l === e) for (var u = 0; u < l; u++) a.push({
       points: s[u]
     }); else {
-      var h = 0, f = I(s, (function(t) {
+      var h = 0, d = N(s, (function(t) {
         var e = [], i = [];
         Q(t, e, i);
         var a = (i[1] - e[1]) * (i[0] - e[0]);
@@ -1476,17 +1476,17 @@ function split(t, e) {
           area: a
         };
       }));
-      f.sort((function(t, e) {
+      d.sort((function(t, e) {
         return e.area - t.area;
       }));
-      var d = e;
+      var f = e;
       for (u = 0; u < l; u++) {
-        var c = f[u];
-        if (d <= 0) break;
-        var v = u === l - 1 ? d : Math.ceil(c.area / h * e);
+        var c = d[u];
+        if (f <= 0) break;
+        var v = u === l - 1 ? f : Math.ceil(c.area / h * e);
         v < 0 || (binaryDivideRecursive(binaryDividePolygon, {
           points: c.poly
-        }, v, a), d -= v);
+        }, v, a), f -= v);
       }
     }
     i = et;
@@ -1506,15 +1506,15 @@ function split(t, e) {
 function alignSubpath(t, e) {
   var i = t.length, a = e.length;
   if (i === a) return [ t, e ];
-  for (var r = [], n = [], o = i < a ? t : e, s = Math.min(i, a), l = Math.abs(a - i) / 6, u = Math.ceil(l / ((s - 2) / 6)) + 1, h = [ o[0], o[1] ], f = l, d = 2; d < s; ) {
-    var c = o[d - 2], v = o[d - 1], p = o[d++], m = o[d++], y = o[d++], b = o[d++], S = o[d++], g = o[d++];
-    if (f <= 0) h.push(p, m, y, b, S, g); else {
-      for (var w = Math.min(f, u - 1) + 1, M = 1; M <= w; M++) {
+  for (var r = [], n = [], o = i < a ? t : e, s = Math.min(i, a), l = Math.abs(a - i) / 6, u = Math.ceil(l / ((s - 2) / 6)) + 1, h = [ o[0], o[1] ], d = l, f = 2; f < s; ) {
+    var c = o[f - 2], v = o[f - 1], p = o[f++], m = o[f++], y = o[f++], b = o[f++], g = o[f++], S = o[f++];
+    if (d <= 0) h.push(p, m, y, b, g, S); else {
+      for (var w = Math.min(d, u - 1) + 1, M = 1; M <= w; M++) {
         var P = M / w;
-        J(c, p, y, S, P, r), J(v, m, b, g, P, n), c = r[3], v = n[3], h.push(r[1], n[1], r[2], n[2], c, v), 
+        J(c, p, y, g, P, r), J(v, m, b, S, P, n), c = r[3], v = n[3], h.push(r[1], n[1], r[2], n[2], c, v), 
         p = r[5], m = n[5], y = r[6], b = n[6];
       }
-      f -= w - 1;
+      d -= w - 1;
     }
   }
   return o === t ? [ h, e ] : [ t, h ];
@@ -1528,19 +1528,19 @@ function createSubpath(t, e) {
 
 function centroid(t) {
   for (var e = 0, i = 0, a = 0, r = t.length, n = 0, o = r - 2; n < r; o = n, n += 2) {
-    var s = t[o], l = t[o + 1], u = t[n], h = t[n + 1], f = s * h - u * l;
-    e += f, i += (s + u) * f, a += (l + h) * f;
+    var s = t[o], l = t[o + 1], u = t[n], h = t[n + 1], d = s * h - u * l;
+    e += d, i += (s + u) * d, a += (l + h) * d;
   }
   return 0 === e ? [ t[0] || 0, t[1] || 0 ] : [ i / e / 3, a / e / 3, e ];
 }
 
 function findBestRingOffset(t, e, i, a) {
   for (var r = (t.length - 2) / 6, n = 1 / 0, o = 0, s = t.length, l = s - 2, u = 0; u < r; u++) {
-    for (var h = 6 * u, f = 0, d = 0; d < s; d += 2) {
-      var c = 0 === d ? h : (h + d - 2) % l + 2, v = t[c] - i[0], p = t[c + 1] - i[1], m = e[d] - a[0] - v, y = e[d + 1] - a[1] - p;
-      f += m * m + y * y;
+    for (var h = 6 * u, d = 0, f = 0; f < s; f += 2) {
+      var c = 0 === f ? h : (h + f - 2) % l + 2, v = t[c] - i[0], p = t[c + 1] - i[1], m = e[f] - a[0] - v, y = e[f + 1] - a[1] - p;
+      d += m * m + y * y;
     }
-    f < n && (n = f, o = u);
+    d < n && (n = d, o = u);
   }
   return o;
 }
@@ -1554,10 +1554,10 @@ function isCombineMorphing(t) {
   return t.__isCombineMorphing;
 }
 
-var jt = "__mOriginal_";
+var _t = "__mOriginal_";
 
 function saveAndModifyMethod(t, e, i) {
-  var a = jt + e, r = t[a] || t[e];
+  var a = _t + e, r = t[a] || t[e];
   t[a] || (t[a] = t[e]);
   var n = i.replace, o = i.after, s = i.before;
   t[e] = function() {
@@ -1568,7 +1568,7 @@ function saveAndModifyMethod(t, e, i) {
 }
 
 function restoreMethod(t, e) {
-  var i = jt + e;
+  var i = _t + e;
   t[i] && (t[e] = t[i], t[i] = null);
 }
 
@@ -1582,9 +1582,9 @@ function applyTransformOnBeziers(t, e) {
 function prepareMorphPath(t, e) {
   var i = t.getUpdatedPathProxy(), a = e.getUpdatedPathProxy(), r = function(t, e) {
     for (var i, a, r, n = [], o = [], s = 0; s < Math.max(t.length, e.length); s++) {
-      var l = t[s], u = e[s], h = void 0, f = void 0;
-      l ? u ? (a = h = (i = alignSubpath(l, u))[0], r = f = i[1]) : (f = createSubpath(r || l, l), 
-      h = l) : (h = createSubpath(a || u, u), f = u), n.push(h), o.push(f);
+      var l = t[s], u = e[s], h = void 0, d = void 0;
+      l ? u ? (a = h = (i = alignSubpath(l, u))[0], r = d = i[1]) : (d = createSubpath(r || l, l), 
+      h = l) : (h = createSubpath(a || u, u), d = u), n.push(h), o.push(d);
     }
     return [ n, o ];
   }(pathToBezierCurves(i), pathToBezierCurves(a)), n = r[0], o = r[1], s = t.getComputedTransform(), l = e.getComputedTransform();
@@ -1597,29 +1597,29 @@ function prepareMorphPath(t, e) {
     for (var r, n = [], o = 0; o < t.length; o++) {
       var s = t[o], l = e[o], u = centroid(s), h = centroid(l);
       null == r && (r = u[2] < 0 != h[2] < 0);
-      var f = [], d = [], c = 0, v = 1 / 0, p = [], m = s.length;
+      var d = [], f = [], c = 0, v = 1 / 0, p = [], m = s.length;
       r && (s = reverse(s));
-      for (var y = 6 * findBestRingOffset(s, l, u, h), b = m - 2, S = 0; S < b; S += 2) {
-        var g = (y + S) % b + 2;
-        f[S + 2] = s[g] - u[0], f[S + 3] = s[g + 1] - u[1];
+      for (var y = 6 * findBestRingOffset(s, l, u, h), b = m - 2, g = 0; g < b; g += 2) {
+        var S = (y + g) % b + 2;
+        d[g + 2] = s[S] - u[0], d[g + 3] = s[S + 1] - u[1];
       }
-      f[0] = s[y] - u[0], f[1] = s[y + 1] - u[1];
+      d[0] = s[y] - u[0], d[1] = s[y + 1] - u[1];
       for (var w = a / i, M = -a / 2; M <= a / 2; M += w) {
         var P = Math.sin(M), x = Math.cos(M), L = 0;
-        for (S = 0; S < s.length; S += 2) {
-          var D = f[S], N = f[S + 1], I = l[S] - h[0], C = l[S + 1] - h[1], T = I * x - C * P, k = I * P + C * x;
-          p[S] = T, p[S + 1] = k;
-          var A = T - D, U = k - N;
+        for (g = 0; g < s.length; g += 2) {
+          var D = d[g], I = d[g + 1], N = l[g] - h[0], C = l[g + 1] - h[1], k = N * x - C * P, T = N * P + C * x;
+          p[g] = k, p[g + 1] = T;
+          var A = k - D, U = T - I;
           L += A * A + U * U;
         }
         if (L < v) {
           v = L, c = M;
-          for (var O = 0; O < p.length; O++) d[O] = p[O];
+          for (var O = 0; O < p.length; O++) f[O] = p[O];
         }
       }
       n.push({
-        from: f,
-        to: d,
+        from: d,
+        to: f,
         fromCp: u,
         toCp: h,
         rotation: -c
@@ -1630,18 +1630,18 @@ function prepareMorphPath(t, e) {
   saveAndModifyMethod(e, "buildPath", {
     replace: function(t) {
       for (var i = e.__morphT, a = 1 - i, r = [], n = 0; n < u.length; n++) {
-        var o = u[n], s = o.from, l = o.to, f = o.rotation * i, d = o.fromCp, c = o.toCp, v = Math.sin(f), p = Math.cos(f);
-        st(r, d, c, i);
+        var o = u[n], s = o.from, l = o.to, d = o.rotation * i, f = o.fromCp, c = o.toCp, v = Math.sin(d), p = Math.cos(d);
+        st(r, f, c, i);
         for (var m = 0; m < s.length; m += 2) {
-          var y = s[m], b = s[m + 1], S = y * a + (P = l[m]) * i, g = b * a + (x = l[m + 1]) * i;
-          h[m] = S * p - g * v + r[0], h[m + 1] = S * v + g * p + r[1];
+          var y = s[m], b = s[m + 1], g = y * a + (P = l[m]) * i, S = b * a + (x = l[m + 1]) * i;
+          h[m] = g * p - S * v + r[0], h[m + 1] = g * v + S * p + r[1];
         }
         var w = h[0], M = h[1];
         t.moveTo(w, M);
         for (m = 2; m < s.length; ) {
-          var P = h[m++], x = h[m++], L = h[m++], D = h[m++], N = h[m++], I = h[m++];
-          w === P && M === x && L === N && D === I ? t.lineTo(N, I) : t.bezierCurveTo(P, x, L, D, N, I), 
-          w = N, M = I;
+          var P = h[m++], x = h[m++], L = h[m++], D = h[m++], I = h[m++], N = h[m++];
+          w === P && M === x && L === I && D === N ? t.lineTo(I, N) : t.bezierCurveTo(P, x, L, D, I, N), 
+          w = I, M = N;
         }
       }
     }
@@ -1653,7 +1653,7 @@ function morphPath(t, e, i) {
   var a = i.done, r = i.during;
   return prepareMorphPath(t, e), e.__morphT = 0, e.animateTo({
     __morphT: 1
-  }, F({
+  }, G({
     during: function(t) {
       e.dirtyShape(), r && r(t);
     },
@@ -1675,12 +1675,12 @@ function hilbert(t, e, i, a, r, n) {
 }
 
 function sortPaths(t) {
-  var e = 1 / 0, i = 1 / 0, a = -1 / 0, r = -1 / 0, n = I(t, (function(t) {
+  var e = 1 / 0, i = 1 / 0, a = -1 / 0, r = -1 / 0, n = N(t, (function(t) {
     var n = t.getBoundingRect(), o = t.getComputedTransform(), s = n.x + n.width / 2 + (o ? o[4] : 0), l = n.y + n.height / 2 + (o ? o[5] : 0);
     return e = Math.min(s, e), i = Math.min(l, i), a = Math.max(s, a), r = Math.max(l, r), 
     [ s, l ];
   }));
-  return I(n, (function(n, o) {
+  return N(n, (function(n, o) {
     return {
       cp: n,
       z: hilbert(n[0], n[1], e, i, a, r),
@@ -1727,7 +1727,7 @@ function prepareMorphBatches(t, e) {
   return i;
 }
 
-var Zt = {
+var Xt = {
   clone: function(t) {
     for (var e = [], i = 1 - Math.pow(1 - t.path.style.opacity, 1 / t.count), a = 0
     // Fitting the alpha
@@ -1755,19 +1755,19 @@ function applyMorphAnimation(t, e, i, a, r, n) {
       s = t, l = e), isMultiple(e) && (
       // oneToMany
       s = e, l = t);
-      for (var f = s ? s === t : t.length > e.length, d = s ? prepareMorphBatches(l, s) : prepareMorphBatches(f ? e : t, [ f ? t : e ]), c = 0, v = 0; v < d.length; v++) c += d[v].many.length;
+      for (var d = s ? s === t : t.length > e.length, f = s ? prepareMorphBatches(l, s) : prepareMorphBatches(d ? e : t, [ d ? t : e ]), c = 0, v = 0; v < f.length; v++) c += f[v].many.length;
       var p = 0;
-      for (v = 0; v < d.length; v++) morphOneBatch(d[v], f, p, c), p += d[v].many.length;
+      for (v = 0; v < f.length; v++) morphOneBatch(f[v], d, p, c), p += f[v].many.length;
     }
   }
   function morphOneBatch(t, e, a, r, o) {
     var s = t.many, l = t.one;
-    if (1 !== s.length || o) for (var f = F({
-      dividePath: Zt[i],
+    if (1 !== s.length || o) for (var d = G({
+      dividePath: Xt[i],
       individualDelay: u && function(t, e, i, n) {
         return u(t + a, r);
       }
-    }, h), d = e ? function(t, e, i) {
+    }, h), f = e ? function(t, e, i) {
       var a = [];
       !function addFromPath(t) {
         for (var e = 0; e < t.length; e++) {
@@ -1793,8 +1793,8 @@ function applyMorphAnimation(t, e, i, a, r, n) {
       };
       a = sortPaths(a), n = sortPaths(n);
       for (var o = i.done, s = i.during, l = i.individualDelay, u = new ot, h = 0; h < r; h++) {
-        var f = a[h], d = n[h];
-        d.parent = e, d.copyTransform(u), l || prepareMorphPath(f, d);
+        var d = a[h], f = n[h];
+        f.parent = e, f.copyTransform(u), l || prepareMorphPath(d, f);
       }
       function addToSubPathListToZr(t) {
         for (var e = 0; e < n.length; e++) n[e].addSelfToZr(t);
@@ -1820,7 +1820,7 @@ function applyMorphAnimation(t, e, i, a, r, n) {
           0 == --v && (restoreToPath(), o && o());
         };
         for (h = 0; h < c; h++) {
-          var p = l ? F({
+          var p = l ? G({
             delay: (i.delay || 0) + l(h, c, a[h], n[h]),
             done: eachDone
           }, i) : i;
@@ -1828,7 +1828,7 @@ function applyMorphAnimation(t, e, i, a, r, n) {
         }
       } else e.__morphT = 0, e.animateTo({
         __morphT: 1
-      }, F({
+      }, G({
         during: function(t) {
           for (var i = 0; i < c; i++) {
             var a = n[i];
@@ -1847,7 +1847,7 @@ function applyMorphAnimation(t, e, i, a, r, n) {
         toIndividuals: n,
         count: c
       };
-    }(s, l, f) : function(t, e, i) {
+    }(s, l, d) : function(t, e, i) {
       var a = e.length, r = [], n = i.dividePath || defaultDividePath;
       if (isCombineMorphing(t)) {
         !function addFromPath(t) {
@@ -1876,32 +1876,32 @@ function applyMorphAnimation(t, e, i, a, r, n) {
       r = sortPaths(r), e = sortPaths(e);
       var h = i.individualDelay;
       for (l = 0; l < a; l++) {
-        var f = h ? F({
+        var d = h ? G({
           delay: (i.delay || 0) + h(l, a, r[l], e[l])
         }, i) : i;
-        morphPath(r[l], e[l], f);
+        morphPath(r[l], e[l], d);
       }
       return {
         fromIndividuals: r,
         toIndividuals: e,
         count: e.length
       };
-    }(l, s, f), c = d.fromIndividuals, v = d.toIndividuals, p = c.length, m = 0; m < p; m++) {
-      y = u ? F({
+    }(l, s, d), c = f.fromIndividuals, v = f.toIndividuals, p = c.length, m = 0; m < p; m++) {
+      y = u ? G({
         delay: u(m, p)
       }, h) : h;
       n(c[m], v[m], e ? s[m] : t.one, e ? t.one : s[m], y);
     } else {
       // Is one to one
-      var y, b = e ? s[0] : l, S = e ? l : s[0];
+      var y, b = e ? s[0] : l, g = e ? l : s[0];
       if (isCombineMorphing(b)) 
       // Keep doing combine animation.
       morphOneBatch({
         many: [ b ],
-        one: S
-      }, !0, a, r, !0); else morphPath(b, S, y = u ? F({
+        one: g
+      }, !0, a, r, !0); else morphPath(b, g, y = u ? G({
         delay: u(a, r)
-      }, h) : h), n(b, S, b, S, y);
+      }, h) : h), n(b, g, b, g, y);
     }
   }
 }
@@ -1918,7 +1918,7 @@ function getPathList(t) {
   })), a;
 }
 
-var $t = ht();
+var Yt = ht();
 
 function getGroupId(t, e, i, a) {
   // try to get groupId from encode
@@ -2049,8 +2049,8 @@ function transitionBetween(t, e, i) {
       o = 1;
       break;
     }
-    var f = r[u].childGroupId;
-    if (f && s.get(f)) {
+    var d = r[u].childGroupId;
+    if (d && s.get(d)) {
       o = 2;
       break;
     }
@@ -2065,7 +2065,7 @@ function transitionBetween(t, e, i) {
   // Use id if it's very likely to be an one to one animation
   // It's more robust than groupId
   // TODO Check if key dimension is specified.
-    var d = function(t, e) {
+    var f = function(t, e) {
     var i = t.length;
     if (i !== e.length) return !1;
     for (var a = 0; a < i; a++) {
@@ -2074,7 +2074,7 @@ function transitionBetween(t, e, i) {
     }
     return !0;
   }(a, r), c = {};
-  if (!d) 
+  if (!f) 
   // We may have different diff strategy with basicTransition if we use other dimension as key.
   // If so, we can't simply check if oldEl is same with newEl. We need a map to check if oldEl is still being used in the new chart.
   // We can't use the elements that already being morphed. Let it keep it's original basic transition.
@@ -2105,8 +2105,8 @@ function transitionBetween(t, e, i) {
       }));
     }(u, o.dataIndex, s);
   }
-  new vt(a, r, createKeyGetter(!0, d), createKeyGetter(!1, d), null, "multiple").update(updateOneToOne).updateManyToOne((function(t, e) {
-    var i = r[t], o = i.data, s = o.hostModel, l = o.getItemGraphicEl(i.dataIndex), u = pt(I(e, (function(t) {
+  new vt(a, r, createKeyGetter(!0, f), createKeyGetter(!1, f), null, "multiple").update(updateOneToOne).updateManyToOne((function(t, e) {
+    var i = r[t], o = i.data, s = o.hostModel, l = o.getItemGraphicEl(i.dataIndex), u = pt(N(e, (function(t) {
       return a[t].data.getItemGraphicEl(a[t].dataIndex);
     })), (function(t) {
       return t && t !== l && !c[t.id];
@@ -2121,7 +2121,7 @@ function transitionBetween(t, e, i) {
     var i = a[e], o = i.data.getItemGraphicEl(i.dataIndex);
     // We can't use the elements that already being morphed
     if (!o || !c[o.id]) {
-      var s = pt(I(t, (function(t) {
+      var s = pt(N(t, (function(t) {
         return r[t].data.getItemGraphicEl(r[t].dataIndex);
       })), (function(t) {
         return t && t !== o;
@@ -2183,31 +2183,31 @@ function querySeries(t, e) {
   }
 }
 
-bt([ Pt, function(t) {
-  t.registerChartView(Rt), t.registerSeriesModel(zt), t.registerLayout(function(t) {
+bt([ Lt, function(t) {
+  t.registerChartView(Zt), t.registerSeriesModel(Bt), t.registerLayout(function(t) {
     return {
       seriesType: t,
       plan: W(),
       reset: function(t) {
         var e = t.getData(), i = t.coordinateSystem;
         if (i) {
-          var a = I(i.dimensions, (function(t) {
+          var a = N(i.dimensions, (function(t) {
             return e.mapDimension(t);
           })).slice(0, 2), r = a.length, n = e.getCalculationInfo("stackResultDimension");
           C(e, a[0]) && (a[0] = n), C(e, a[1]) && (a[1] = n);
           var o = e.getStore(), s = e.getDimensionIndex(a[0]), l = e.getDimensionIndex(a[1]);
           return r && {
             progress: function(t, e) {
-              for (var a = t.end - t.start, n = k(a * r), u = [], h = [], f = t.start, d = 0; f < t.end; f++) {
+              for (var a = t.end - t.start, n = T(a * r), u = [], h = [], d = t.start, f = 0; d < t.end; d++) {
                 var c = void 0;
                 if (1 === r) {
-                  var v = o.get(s, f);
+                  var v = o.get(s, d);
                   // NOTE: Make sure the second parameter is null to use default strategy.
                                     c = i.dataToPoint(v, null, h);
-                } else u[0] = o.get(s, f), u[1] = o.get(l, f), 
+                } else u[0] = o.get(s, d), u[1] = o.get(l, d), 
                 // Let coordinate system to handle the NaN data.
                 c = i.dataToPoint(u, null, h);
-                n[d++] = c[0], n[d++] = c[1];
+                n[f++] = c[0], n[f++] = c[1];
               }
               e.setLayout("points", n);
             }
@@ -2227,26 +2227,26 @@ bt([ Pt, function(t) {
     }
   }), 
   // Down sample after filter
-  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, kt("line"));
-}, xt, function(t) {
+  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, Ot("line"));
+}, Dt, function(t) {
   t.registerUpdateLifecycle("series:beforeupdate", (function(t, e, i) {
-    _(ft(i.seriesTransition), (function(t) {
-      _(ft(t.to), (function(t) {
-        for (var e = i.updatedSeries, a = 0; a < e.length; a++) (null != t.seriesIndex && t.seriesIndex === e[a].seriesIndex || null != t.seriesId && t.seriesId === e[a].id) && (e[a][dt] = !0);
+    _(dt(i.seriesTransition), (function(t) {
+      _(dt(t.to), (function(t) {
+        for (var e = i.updatedSeries, a = 0; a < e.length; a++) (null != t.seriesIndex && t.seriesIndex === e[a].seriesIndex || null != t.seriesId && t.seriesId === e[a].id) && (e[a][ft] = !0);
       }));
     }));
   })), t.registerUpdateLifecycle("series:transition", (function(t, e, i) {
     // TODO api provide an namespace that can save stuff per instance
-    var a = $t(e);
+    var a = Yt(e);
     // TODO multiple to multiple series.
         if (a.oldSeries && i.updatedSeries && i.optionChanged) {
       // TODO transitionOpt was used in an old implementation and can be removed now
       // Use give transition config if its' give;
       var r = i.seriesTransition;
-      if (r) _(ft(r), (function(t) {
+      if (r) _(dt(r), (function(t) {
         !function(t, e, i, a) {
           var r = [], n = [];
-          _(ft(t.from), (function(t) {
+          _(dt(t.from), (function(t) {
             var i = querySeries(e.oldSeries, t);
             i >= 0 && r.push({
               dataGroupId: e.oldDataGroupIds[i],
@@ -2255,7 +2255,7 @@ bt([ Pt, function(t) {
               divide: getDivideShapeFromData(e.oldData[i]),
               groupIdDim: t.dimension
             });
-          })), _(ft(t.to), (function(t) {
+          })), _(dt(t.to), (function(t) {
             var a = querySeries(i.updatedSeries, t);
             if (a >= 0) {
               var r = i.updatedSeries[a].getData();
@@ -2328,15 +2328,15 @@ bt([ Pt, function(t) {
                 // e.g. ['female', 'male'] -> 'female', 'male'
                 var h = r.get(o);
                 if (h) {
-                  var f = i.get(h.key);
-                  f || (f = {
+                  var d = i.get(h.key);
+                  d || (d = {
                     oldSeries: [ {
                       dataGroupId: h.dataGroupId,
                       data: h.data,
                       divide: getDivideShapeFromData(h.data)
                     } ],
                     newSeries: []
-                  }, i.set(h.key, f)), f.newSeries.push({
+                  }, i.set(h.key, d)), d.newSeries.push({
                     dataGroupId: e,
                     data: n,
                     divide: getDivideShapeFromData(n)
@@ -2354,23 +2354,35 @@ bt([ Pt, function(t) {
       // Reset
             _(i.updatedSeries, (function(t) {
         // Reset;
-        t[dt] && (t[dt] = !1);
+        t[ft] && (t[ft] = !1);
       }));
     }
     // Save all series of current update. Not only the updated one.
         for (var o = t.getSeries(), s = a.oldSeries = [], l = a.oldDataGroupIds = [], u = a.oldData = [], h = 0; h < o.length; h++) {
-      var f = o[h].getData();
+      var d = o[h].getData();
       // Only save the data that can have transition.
       // Avoid large data costing too much extra memory
-            f.count() < 1e4 && (s.push(o[h]), l.push(o[h].get("dataGroupId")), u.push(f));
+            d.count() < 1e4 && (s.push(o[h]), l.push(o[h].get("dataGroupId")), u.push(d));
     }
   }));
-}, At, Ut ]);
+}, Et, zt ]);
 
-const _t =  t(class extends e {
+const Ht =  t(class extends e {
   constructor(t) {
     super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.change = i(this, "change", 7), 
-    this.tctChange = i(this, "tctChange", 7), 
+    this.tctChange = i(this, "tctChange", 7), this.keyboard = gt({
+      getChart: () => this.chart,
+      getData: () => this.data,
+      onChange: t => {
+        this.keyboardIndex = t, null !== t && It(this, [ "change", "tctChange" ], {
+          index: t,
+          data: this.data[t]
+        });
+      }
+    }), 
+    // #endregion
+    // #region State Properties
+    this.keyboardIndex = null, 
     /** An array of objects that contain the data to be displayed. */
     this.data = [], 
     /** Controls visibility of labels on the name axis. */
@@ -2400,6 +2412,7 @@ const _t =  t(class extends e {
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
+    this.keyboard.onBlur(), 
     // CRITICAL: Dispose eCharts instance to prevent memory leaks
     // eCharts holds references to canvas, event listeners, and animation frames
     this.chart && (this.chart.dispose(), this.chart = null), 
@@ -2416,6 +2429,12 @@ const _t =  t(class extends e {
     this.cacheComputedStyles(), this.updateChart(t), this.setupChartEvents(t), n(this.hostElement);
   }
   // #endregion
+  // #region Listeners
+  delegateFocus(t) {
+    var e;
+    o(t, this.hostElement) && this.data.length && (null === (e = this.chartContainer) || void 0 === e || e.focus());
+  }
+  // #endregion
   // #region Public Methods API
   /**
      * A method to fire change event on hover on a point.
@@ -2423,7 +2442,7 @@ const _t =  t(class extends e {
      * @testOnly
      */
   async hoverDataPoint(t) {
-    s(this, [ "change", "tctChange" ], {
+    It(this, [ "change", "tctChange" ], {
       index: t,
       data: this.data[t]
     });
@@ -2431,10 +2450,20 @@ const _t =  t(class extends e {
   // #endregion
   // #region Watchers
   propsUpdates() {
-    this.chart && this.updateChart(this.chart);
+    this.chart && (this.updateChart(this.chart), this.keyboard.refresh());
   }
   // #endregion
   // #region Local Methods
+  get keyboardDescription() {
+    var t;
+    const e = this.data[this.keyboardIndex];
+    if (null === this.keyboardIndex || !e) return "";
+    const i = (null === (t = this.formatModifier) || void 0 === t ? void 0 : t.includes("dec")) ? this.formatModifier.replace("dec", "") : 0;
+    return wt(e.name, Mt(e.value || 0, {
+      type: this.format,
+      decimals: i
+    }), this.keyboardIndex, this.data.length);
+  }
   cacheComputedStyles() {
     this.chartContainerStyles = getComputedStyle(this.chartContainer), this.hostElementStyles = getComputedStyle(this.hostElement);
   }
@@ -2456,8 +2485,8 @@ const _t =  t(class extends e {
     } : this.getColor(this.areaColor);
   }
   getColor(t) {
-    const e = gt("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), i = gt(t, this.chartContainerStyles, this.hostElementStyles);
-    return i || (wt(t) ? t : e);
+    const e = Pt("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), i = Pt(t, this.chartContainerStyles, this.hostElementStyles);
+    return i || (xt(t) ? t : e);
   }
   resizeChart() {
     this.chart.resize();
@@ -2470,13 +2499,13 @@ const _t =  t(class extends e {
     }));
   }
   updateChart(t) {
-    var e;
-    const i = (null === (e = this.formatModifier) || void 0 === e ? void 0 : e.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, a = {
+    var e, i;
+    const a = (null === (e = this.formatModifier) || void 0 === e ? void 0 : e.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, r = {
       type: "value",
       axisLabel: {
         formatter: t => Mt(t, {
           type: this.format,
-          decimals: i
+          decimals: a
         }),
         rotate: this.offsetDataValues ? 45 : 0,
         margin: this.offsetDataValues ? 15 : 8,
@@ -2487,10 +2516,10 @@ const _t =  t(class extends e {
       },
       min: this.yMin,
       max: this.yMax
-    }, r = {
+    }, n = {
       type: "category",
       boundaryGap: !1,
-      data: this.data.map((t => o(t.name) || "")),
+      data: this.data.map((t => s(t.name) || "")),
       axisLabel: {
         rotate: this.offsetDataNames ? 45 : 0,
         margin: this.offsetDataNames ? 15 : 8,
@@ -2512,7 +2541,7 @@ const _t =  t(class extends e {
           show: !1,
           formatter: t => {
             const e = t.seriesData[0].dataIndex;
-            s(this, [ "change", "tctChange" ], {
+            It(this, [ "change", "tctChange" ], {
               index: e,
               data: this.data[e]
             });
@@ -2531,12 +2560,12 @@ const _t =  t(class extends e {
       min: this.xMin,
       max: this.xMax
     };
-    return t.setOption({
+    t.setOption({
       aria: {
         enabled: !0
       },
       title: {
-        text: o(this.chartName),
+        text: s(this.chartName),
         show: this.showChartName,
         left: this.alignChartName,
         subtext: this.chartSubTitle
@@ -2545,8 +2574,8 @@ const _t =  t(class extends e {
         containLabel: !0,
         ...this.gridPadding
       },
-      xAxis: r,
-      yAxis: a,
+      xAxis: n,
+      yAxis: r,
       series: [ {
         data: this.data.map((t => t.value || 0)),
         id: "area",
@@ -2567,25 +2596,41 @@ const _t =  t(class extends e {
           position: "right",
           formatter: t => Mt(t.value, {
             type: this.format,
-            decimals: i
+            decimals: a
           })
         }
       } ]
-    });
+    }), 
+    // ECharts ARIA sets role="img" when options change; retain the keyboard interaction role.
+    null === (i = this.chartContainer) || void 0 === i || i.setAttribute("role", "application");
   }
   // #endregion
   // #region Render Methods
   render() {
     return a("div", {
-      key: "247b79eca7719feab470918648f223675483daf8",
+      key: "de38ac1c05ff6c85091069a691c5e2d51ba360ed",
       class: "container"
     }, a("div", {
-      key: "349272c0ece24581f05dcadb81d7a19dd71eaa2d",
+      key: "e45310470e9429714bd15100d01692b102963545",
       ref: t => this.chartContainer = t,
       class: "chart-container",
-      role: "img",
+      role: "application",
+      tabIndex: this.data.length ? 0 : -1,
+      "aria-describedby": "chart-keyboard-instructions",
+      onFocus: this.keyboard.onFocus,
+      onBlur: this.keyboard.onBlur,
+      onKeyDown: this.keyboard.onKeyDown,
       "test-id": "areaChartContainer"
-    }));
+    }), a("div", {
+      key: "45493b2498b17ab331fdff4487bd05874732c75e",
+      id: "chart-keyboard-instructions",
+      class: "sr"
+    }, s("tecton.element.chart.keyboardInstructions")), a("div", {
+      key: "9d0a71f228271efde15c7ff4e0bae2a1144a8c9c",
+      class: null === this.keyboardIndex ? "sr" : "chart-keyboard-value",
+      role: "status",
+      "aria-atomic": "true"
+    }, this.keyboardDescription));
   }
   get hostElement() {
     return this;
@@ -2658,7 +2703,7 @@ const _t =  t(class extends e {
     };
   }
   static get style() {
-    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}';
+    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{position:relative;width:100%;height:100%}.chart-keyboard-value{position:absolute;top:0;right:0;padding:var(--app-scale-1x);background:var(--t-base);color:var(--t-text);pointer-events:none}.chart-container{width:100%;height:100%}';
   }
 }, [ 1, "q2-chart-area", {
   alignChartName: [ 513, "align-chart-name" ],
@@ -2686,8 +2731,9 @@ const _t =  t(class extends e {
   xMin: [ 514, "x-min" ],
   yMax: [ 514, "y-max" ],
   yMin: [ 514, "y-min" ],
+  keyboardIndex: [ 32 ],
   hoverDataPoint: [ 64 ]
-}, void 0, {
+}, [ [ 0, "focus", "delegateFocus" ] ], {
   data: [ {
     propsUpdates: 0
   } ],
@@ -2753,11 +2799,11 @@ const _t =  t(class extends e {
   } ]
 } ]);
 
-const Xt = _t, defineCustomElement = function() {
+const Wt = Ht, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "q2-chart-area" ].forEach((t => {
-    if ("q2-chart-area" === t) customElements.get(r(t)) || customElements.define(r(t), _t);
+    if ("q2-chart-area" === t) customElements.get(r(t)) || customElements.define(r(t), Ht);
   }));
 };
 
-export { Xt as Q2ChartArea, defineCustomElement }
+export { Wt as Q2ChartArea, defineCustomElement }