q2-tecton-elements 1.72.0 → 1.73.1

package/dist/q2-tecton-elements/q2-chart-area.entry.js

@@ -1,14 +1,14 @@
 import { r as t, c as i, h as e, g as r } from "./index-Cqkz7Bnm.js";
 
-import { o as n, l as a } from "./index-DJw6Feh0.js";
+import { o as n, i as a, l as o } from "./index-CP8pXJ-l.js";
 
-import { m as o } from "./mirror-emit-DUjY_ucm.js";
+import { _ as s, ad as u, ae as l, af as h, A as f, M as d, y as c, W as v, ag as p, ah as m, V as y, X as b, Z as S, h as g, ai as w, aj as M, O as P, L as D, ak as I, H as x, F as L, al as N, K as k, am as C, e as T, an as A, ao as O, c as E, ap as z, aq as F, d as G, $ as B, ar as U, Q as V, as as q, g as K, at as R, au as j, x as _, v as X, av as Z, S as $, aw as Y, ax as H, ay as J, az as W, aA as Q, aB as tt, R as it, U as et, B as rt, P as nt, T as at, l as ot, aC as st, E as ut, m as lt, aD as ht, aE as ft, aF as dt, aG as ct, o as vt, aH as pt, aI as mt, a4 as yt, a7 as bt, a8 as St, a9 as gt, aa as wt, ab as Mt, ac as Pt, a5 as Dt, a6 as It } from "./charting-DFXJklqs.js";
 
-import { _ as s, ab as u, ac as l, ad as h, A as f, M as d, y as c, W as v, ae as p, af as m, V as y, X as b, Z as S, h as g, ag as w, ah as M, O as P, L as D, ai as I, H as x, F as L, aj as N, K as T, ak as C, e as k, al as A, am as O, c as E, an as z, ao as F, d as G, $ as B, ap as U, Q as V, aq as q, g as R, ar as j, as as K, x as _, v as Z, at as $, S as X, au as Y, av as H, aw as J, ax as Q, ay as W, az as tt, R as it, U as et, B as rt, P as nt, T as at, l as ot, aA as st, E as ut, m as lt, aB as ht, aC as ft, aD as dt, aE as ct, o as vt, aF as pt, aG as mt, a4 as yt, a7 as bt, a8 as St, a9 as gt, aa as wt, a5 as Mt, a6 as Pt } from "./charting-DOZct-UB.js";
+import { m as xt } from "./mirror-emit-DUjY_ucm.js";
 
-import { g as Dt, c as It, b as xt, i as Lt, h as Nt, j as Tt, d as Ct, e as kt, f as At } from "./dataSample-Dm1zpQNi.js";
+import { g as Lt, c as Nt, b as kt, i as Ct, h as Tt, j as At, d as Ot, e as Et, f as zt } from "./dataSample-CP_VKNqt.js";
 
-var Ot = /** @class */ function(t) {
+var Ft = /** @class */ function(t) {
   function Symbol(i, e, r, n) {
     var a = t.call(this) || this;
     return a.updateData(i, e, r, n), a;
@@ -142,17 +142,17 @@ var Ot = /** @class */ function(t) {
     g.useStyle(y({}, x)) : g.useStyle(x), 
     // Disable decal because symbol scale will been applied on the decal.
     g.style.decal = null, g.setColor(L, n && n.symbolInnerColor), g.style.strokeNoScale = !0;
-    var T = t.getItemVisual(i, "liftZ"), C = this._z2;
-    null != T ? null == C && (this._z2 = g.z2, g.z2 += T) : null != C && (g.z2 = C, 
+    var k = t.getItemVisual(i, "liftZ"), C = this._z2;
+    null != k ? null == C && (this._z2 = g.z2, g.z2 += k) : null != C && (g.z2 = C, 
     this._z2 = null);
-    var k = n && n.useNameLabel;
+    var T = n && n.useNameLabel;
     b(g, f, {
       labelFetcher: w,
       labelDataIndex: i,
       defaultText: 
       // Do not execute util needed.
       function(i) {
-        return k ? t.getName(i) : Dt(t, i);
+        return T ? t.getName(i) : Lt(t, i);
       },
       inheritColor: L,
       defaultOpacity: x.opacity
@@ -231,9 +231,9 @@ function makeSeriesScope(t) {
   };
 }
 
-var Et = /** @class */ function() {
+var Gt = /** @class */ function() {
   function SymbolDraw(t) {
-    this.group = new P, this._SymbolCtor = t || Ot;
+    this.group = new P, this._SymbolCtor = t || Ft;
   }
   /**
    * Update symbols draw by new data
@@ -313,13 +313,13 @@ var Et = /** @class */ function() {
       }), e.hostModel);
     })) : i.removeAll();
   }, SymbolDraw;
-}(), zt = /** @class */ function(t) {
+}(), Bt = /** @class */ function(t) {
   function LineSeriesModel() {
     var i = null !== t && t.apply(this, arguments) || this;
     return i.type = LineSeriesModel.type, i.hasSymbolVisual = !0, i;
   }
   return s(LineSeriesModel, t), LineSeriesModel.prototype.getInitialData = function(t) {
-    return It(null, this, {
+    return Nt(null, this, {
       useEncodeDefaulter: !0
     });
   }, LineSeriesModel.prototype.getLegendIcon = function(t) {
@@ -394,7 +394,7 @@ var Et = /** @class */ function() {
 function prepareDataCoordInfo(t, i, e) {
   var r = t.getBaseAxis(), n = t.getOtherAxis(r), a = function(t, i) {
     var e = 0, r = t.scale.getExtent();
-    "start" === i ? e = r[0] : "end" === i ? e = r[1] : T(i) && !isNaN(i) ? e = i : 
+    "start" === i ? e = r[0] : "end" === i ? e = r[1] : k(i) && !isNaN(i) ? e = i : 
     // Both positive
     r[0] > 0 ? e = r[0] : r[1] < 0 && (e = r[1]);
     return e;
@@ -425,7 +425,7 @@ function getStackedOnPoint(t, i, e, r) {
   return o[a] = e.get(t.baseDim, r), o[1 - a] = n, i.dataToPoint(o);
 }
 
-var Ft = Math.min, Gt = Math.max;
+var Ut = Math.min, Vt = Math.max;
 
 function isPointNull$1(t, i) {
   return isNaN(t) || isNaN(i);
@@ -461,34 +461,34 @@ function isPointNull$1(t, i) {
         if (u) 
         // Find next point not null
         for (;isPointNull$1(M, P) && D < r; ) D++, M = i[2 * (w += a)], P = i[2 * w + 1];
-        var I = .5, x = 0, L = 0, N = void 0, T = void 0;
+        var I = .5, x = 0, L = 0, N = void 0, k = void 0;
         // Is last point
         if (D >= r || isPointNull$1(M, P)) c = y, v = b; else {
           x = M - l, L = P - h;
-          var C = y - l, k = M - y, A = b - h, O = P - b, E = void 0, z = void 0;
+          var C = y - l, T = M - y, A = b - h, O = P - b, E = void 0, z = void 0;
           if ("x" === s) {
             var F = x > 0 ? 1 : -1;
-            c = y - F * (E = Math.abs(C)) * o, v = b, N = y + F * (z = Math.abs(k)) * o, T = b;
+            c = y - F * (E = Math.abs(C)) * o, v = b, N = y + F * (z = Math.abs(T)) * o, k = b;
           } else if ("y" === s) {
             var G = L > 0 ? 1 : -1;
-            c = y, v = b - G * (E = Math.abs(A)) * o, N = y, T = b + G * (z = Math.abs(O)) * o;
+            c = y, v = b - G * (E = Math.abs(A)) * o, N = y, k = b + G * (z = Math.abs(O)) * o;
           } else E = Math.sqrt(C * C + A * A), c = y - x * o * (1 - (
           // Use ratio of seg length
-          I = (z = Math.sqrt(k * k + O * O)) / (z + E))), v = b - L * o * (1 - I), T = b + L * o * I, 
+          I = (z = Math.sqrt(T * T + O * O)) / (z + E))), v = b - L * o * (1 - I), k = b + L * o * I, 
           // Smooth constraint between point and next point.
           // Avoid exceeding extreme after smoothing.
-          N = Ft(
+          N = Ut(
           // cp0 of next segment
-          N = y + x * o * I, Gt(M, y)), T = Ft(T, Gt(P, b)), N = Gt(N, Ft(M, y)), v = b - (L = (T = Gt(T, Ft(P, b))) - b) * E / z, 
+          N = y + x * o * I, Vt(M, y)), k = Ut(k, Vt(P, b)), N = Vt(N, Ut(M, y)), v = b - (L = (k = Vt(k, Ut(P, b))) - b) * E / z, 
           // Smooth constraint between point and prev point.
           // Avoid exceeding extreme after smoothing.
-          c = Ft(c = y - (
+          c = Ut(c = y - (
           // Reclaculate cp1 based on the adjusted cp0 of next seg.
-          x = N - y) * E / z, Gt(l, y)), v = Ft(v, Gt(h, b)), N = y + (
+          x = N - y) * E / z, Vt(l, y)), v = Ut(v, Vt(h, b)), N = y + (
           // Adjust next cp0 again.
-          x = y - (c = Gt(c, Ft(l, y)))) * z / E, T = b + (L = b - (v = Gt(v, Ft(h, b)))) * z / E;
+          x = y - (c = Vt(c, Ut(l, y)))) * z / E, k = b + (L = b - (v = Vt(v, Ut(h, b)))) * z / E;
         }
-        t.bezierCurveTo(f, d, c, v, y, b), f = N, d = T;
+        t.bezierCurveTo(f, d, c, v, y, b), f = N, d = k;
       } else t.lineTo(y, b);
     }
     l = y, h = b, p += a;
@@ -498,7 +498,7 @@ function isPointNull$1(t, i) {
 
 var ECPolylineShape = function() {
   this.smooth = 0, this.smoothConstraint = !0;
-}, Bt = /** @class */ function(t) {
+}, qt = /** @class */ function(t) {
   function ECPolyline(i) {
     var e = t.call(this, i) || this;
     return e.type = "ec-polyline", e;
@@ -521,7 +521,7 @@ var ECPolylineShape = function() {
     for (;r < n; ) r += drawSegment(t, e, r, n, n, 1, i.smooth, i.smoothMonotone, i.connectNulls) + 1;
   }, ECPolyline.prototype.getPointOn = function(t, i) {
     this.path || (this.createPathProxy(), this.buildPath(this.path, this.shape));
-    for (var e, r, n = this.path.data, a = k.CMD, o = "x" === i, s = [], u = 0; u < n.length; ) {
+    for (var e, r, n = this.path.data, a = T.CMD, o = "x" === i, s = [], u = 0; u < n.length; ) {
       var l = void 0, h = void 0, f = void 0, d = void 0, c = void 0, v = void 0, p = void 0;
       switch (n[u++]) {
        case a.M:
@@ -550,18 +550,18 @@ var ECPolylineShape = function() {
       }
     }
   }, ECPolyline;
-}(E), Ut = /** @class */ function(t) {
+}(E), Kt = /** @class */ function(t) {
   function ECPolygonShape() {
     return null !== t && t.apply(this, arguments) || this;
   }
   return s(ECPolygonShape, t), ECPolygonShape;
-}(ECPolylineShape), Vt = /** @class */ function(t) {
+}(ECPolylineShape), Rt = /** @class */ function(t) {
   function ECPolygon(i) {
     var e = t.call(this, i) || this;
     return e.type = "ec-polygon", e;
   }
   return s(ECPolygon, t), ECPolygon.prototype.getDefaultShape = function() {
-    return new Ut;
+    return new Kt;
   }, ECPolygon.prototype.buildPath = function(t, i) {
     var e = i.points, r = i.stackedOnPoints, n = 0, a = e.length / 2, o = i.smoothMonotone;
     if (i.connectNulls) {
@@ -600,7 +600,7 @@ function getBoundingDiff(t, i) {
 }
 
 function getSmooth(t) {
-  return T(t) ? t : t ? .5 : 0;
+  return k(t) ? t : t ? .5 : 0;
 }
 
 /**
@@ -710,7 +710,7 @@ function turnPointsIntoStep(t, i, e, r, n) {
       var v = d[0].coord - 10, p = d[c - 1].coord + 10, m = p - v;
  // Arbitrary value: 10px
             if (m < .001) return "transparent";
-      Z(d, (function(t) {
+      X(d, (function(t) {
         t.offset = (t.coord - v) / m;
       })), d.push({
         // NOTE: inRangeStopLen may still be 0 if stoplen is zero.
@@ -720,7 +720,7 @@ function turnPointsIntoStep(t, i, e, r, n) {
         offset: c ? d[0].offset : .5,
         color: f[0] || "transparent"
       });
-      var y = new $(0, 0, 0, 0, d, !0);
+      var y = new Z(0, 0, 0, 0, d, !0);
       return y[n] = v, y[n + "2"] = p, y;
     }
   }
@@ -739,7 +739,7 @@ function getIsIgnoreFunc(t, i, e) {
       isNaN(r) && (r = 0);
       for (// 0/0 is NaN.
       // Sampling some points, max 5.
-      var n = i.count(), a = Math.max(1, Math.round(n / 5)), o = 0; o < n; o += a) if (1.5 * Ot.getSymbolSize(i, o)[t.isHorizontal() ? 1 : 0] > r) return !1;
+      var n = i.count(), a = Math.max(1, Math.round(n / 5)), o = 0; o < n; o += a) if (1.5 * Ft.getSymbolSize(i, o)[t.isHorizontal() ? 1 : 0] > r) return !1;
       return !0;
     }(a, i))) 
     // Note that category label interval strategy might bring some weird effect
@@ -748,7 +748,7 @@ function getIsIgnoreFunc(t, i, e) {
     {
       // Otherwise follow the label interval strategy on category axis.
       var o = i.mapDimension(a.dim), s = {};
-      return Z(a.getViewLabels(), (function(t) {
+      return X(a.getViewLabels(), (function(t) {
         var i = a.scale.getRawOrdinalNumber(t.tickValue);
         s[i] = 1;
       })), function(t) {
@@ -764,17 +764,17 @@ function getPointAtIndex(t, i) {
 
 function anyStateShowEndLabel(t) {
   if (t.get([ "endLabel", "show" ])) return !0;
-  for (var i = 0; i < X.length; i++) if (t.get([ X[i], "endLabel", "show" ])) return !0;
+  for (var i = 0; i < $.length; i++) if (t.get([ $[i], "endLabel", "show" ])) return !0;
   return !1;
 }
 
 function createLineClipPath(t, i, e, r) {
-  if (Lt(i, "cartesian2d")) {
+  if (Ct(i, "cartesian2d")) {
     var n = r.getModel("endLabel"), a = n.get("valueAnimation"), o = r.getData(), s = {
       lastFrameIndex: 0
     }, u = anyStateShowEndLabel(r) ? function(e, r) {
       t._endLabelOnDuring(e, r, o, s, a, n, i);
-    } : null, l = i.getBaseAxis().isHorizontal(), h = Nt(i, e, r, (function() {
+    } : null, l = i.getBaseAxis().isHorizontal(), h = Tt(i, e, r, (function() {
       var i = t._endLabel;
       i && e && null != s.originalX && i.attr({
         x: s.originalX,
@@ -789,15 +789,15 @@ function createLineClipPath(t, i, e, r) {
     // Set to the final frame. To make sure label layout is right.
         return u && u(1, h), h;
   }
-  return Tt(i, e, r);
+  return At(i, e, r);
 }
 
-var qt = /** @class */ function(t) {
+var jt = /** @class */ function(t) {
   function LineView() {
     return null !== t && t.apply(this, arguments) || this;
   }
   return s(LineView, t), LineView.prototype.init = function() {
-    var t = new P, i = new Et;
+    var t = new P, i = new Gt;
     this.group.add(i.group), this._symbolDraw = i, this._lineGroup = t, this._changePolyState = z(this._changePolyState, this);
   }, LineView.prototype.render = function(t, i, e) {
     var r = t.coordinateSystem, n = this.group, a = t.getData(), o = t.getModel("lineStyle"), s = t.getModel("areaStyle"), u = a.getLayout("points") || [], l = "polar" === r.type, h = this._coordSys, f = this._symbolDraw, d = this._polyline, v = this._polygon, p = this._lineGroup, m = !i.ssr && t.get("animation"), y = !s.isEmpty(), b = s.get("origin"), w = prepareDataCoordInfo(r, a, b), M = y && function(t, i, e) {
@@ -820,7 +820,7 @@ var qt = /** @class */ function(t) {
     // See #7913 and `test/dataZoom-clip.html`.
     null != (L = r.getArea()).width ? (L.x -= .1, L.y -= .1, L.width += .2, L.height += .2) : L.r0 && (L.r0 -= .5, 
     L.r += .5)), this._clipShapeForSymbol = L;
-    var T = getVisualGradient(a, r, e) || a.getVisual("style")[a.getVisual("drawType")];
+    var k = getVisualGradient(a, r, e) || a.getVisual("style")[a.getVisual("drawType")];
     // Initialization animation or coordinate system changed
         if (d && h.type === r.type && N === this._step) {
       y && !v ? 
@@ -829,12 +829,12 @@ var qt = /** @class */ function(t) {
       // If areaStyle is removed
       p.remove(v), v = this._polygon = null), 
       // NOTE: Must update _endLabel before setClipPath.
-      l || this._initOrUpdateEndLabel(t, r, F(T));
+      l || this._initOrUpdateEndLabel(t, r, F(k));
       // Update clipPath
-      var k = p.getClipPath();
-      if (k) {
+      var T = p.getClipPath();
+      if (T) {
         var A = createLineClipPath(this, r, !1, t);
-        c(k, {
+        c(T, {
           shape: A.shape
         }, t);
       } else p.setClipPath(createLineClipPath(this, r, !0, t));
@@ -872,13 +872,13 @@ var qt = /** @class */ function(t) {
     u = turnPointsIntoStep(u, null, r, N, D)), d = this._newPolyline(u), y ? v = this._newPolygon(u, M) : v && (p.remove(v), 
     v = this._polygon = null), 
     // NOTE: Must update _endLabel before setClipPath.
-    l || this._initOrUpdateEndLabel(t, r, F(T)), p.setClipPath(createLineClipPath(this, r, !0, t));
+    l || this._initOrUpdateEndLabel(t, r, F(k)), p.setClipPath(createLineClipPath(this, r, !0, t));
     var O = t.getModel("emphasis"), E = O.get("focus"), z = O.get("blurScope"), U = O.get("disabled");
     (d.useStyle(G(
     // Use color in lineStyle first
     o.getLineStyle(), {
       fill: "none",
-      stroke: T,
+      stroke: k,
       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);
     // Needs seriesIndex for focus
@@ -889,26 +889,26 @@ var qt = /** @class */ function(t) {
       smoothMonotone: q,
       connectNulls: D
     }), v) {
-      var R = a.getCalculationInfo("stackedOnSeries"), j = 0;
+      var K = a.getCalculationInfo("stackedOnSeries"), R = 0;
       v.useStyle(G(s.getAreaStyle(), {
-        fill: T,
+        fill: k,
         opacity: .7,
         lineJoin: "bevel",
         decal: a.getVisual("style").decal
-      })), R && (j = getSmooth(R.get("smooth"))), v.setShape({
+      })), K && (R = getSmooth(K.get("smooth"))), v.setShape({
         smooth: V,
-        stackedOnSmooth: j,
+        stackedOnSmooth: R,
         smoothMonotone: q,
         connectNulls: D
       }), B(v, t, "areaStyle"), 
       // Needs seriesIndex for focus
       g(v).seriesIndex = t.seriesIndex, S(v, E, z, U);
     }
-    var K = this._changePolyState;
+    var j = this._changePolyState;
     a.eachItemGraphicEl((function(t) {
       // Switch polyline / polygon state if element changed its state.
-      t && (t.onHoverStateChange = K);
-    })), this._polyline.onHoverStateChange = K, this._data = a, 
+      t && (t.onHoverStateChange = j);
+    })), this._polyline.onHoverStateChange = j, this._data = a, 
     // Save the coordinate system for transition animation when data changed
     this._coordSys = r, this._stackedOnPoints = M, this._points = u, this._step = N, 
     this._valueOrigin = b, t.get("triggerLineEvent") && (this.packEventData(t, d), v && this.packEventData(t, v));
@@ -934,7 +934,7 @@ var qt = /** @class */ function(t) {
         // fix #11360: shouldn't draw symbol outside clipShapeForSymbol
                 if (this._clipShapeForSymbol && !this._clipShapeForSymbol.contain(u, l)) return;
         var h = t.get("zlevel") || 0, f = t.get("z") || 0;
-        (s = new Ot(n, a)).x = u, s.y = l, s.setZ(h, f);
+        (s = new Ft(n, a)).x = u, s.y = l, s.setZ(h, f);
         // 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, n.setItemGraphicEl(a, s), 
@@ -961,7 +961,7 @@ var qt = /** @class */ function(t) {
   }, LineView.prototype._newPolyline = function(t) {
     var i = this._polyline;
     // Remove previous created polyline
-        return i && this._lineGroup.remove(i), i = new Bt({
+        return i && this._lineGroup.remove(i), i = new qt({
       shape: {
         points: t
       },
@@ -971,7 +971,7 @@ var qt = /** @class */ function(t) {
   }, LineView.prototype._newPolygon = function(t, i) {
     var e = this._polygon;
     // Remove previous created polygon
-        return e && this._lineGroup.remove(e), e = new Vt({
+        return e && this._lineGroup.remove(e), e = new Rt({
       shape: {
         points: t,
         stackedOnPoints: i
@@ -983,8 +983,8 @@ var qt = /** @class */ function(t) {
     "cartesian2d" === i.type ? (r = a.isHorizontal(), n = !1) : "polar" === i.type && (r = "angle" === a.dim, 
     n = !0);
     var s = t.hostModel, u = s.get("animationDuration");
-    R(u) && (u = u(null));
-    var l = s.get("animationDelay") || 0, h = R(l) ? l(null) : l;
+    K(u) && (u = u(null));
+    var l = s.get("animationDelay") || 0, h = K(l) ? l(null) : l;
     t.eachItemGraphicEl((function(t, a) {
       var s = t;
       if (s) {
@@ -999,7 +999,7 @@ var qt = /** @class */ function(t) {
         }
         var b = c === d ? 0 : (v - d) / (c - d);
         o && (b = 1 - b);
-        var S = R(l) ? l(a) : u * b + h, g = s.getSymbolPath(), w = g.getTextContent();
+        var S = K(l) ? l(a) : u * b + h, g = s.getSymbolPath(), w = g.getTextContent();
         s.attr({
           scaleX: 0,
           scaleY: 0
@@ -1026,7 +1026,7 @@ var qt = /** @class */ function(t) {
       var n = t.getData(), a = this._polyline, o = n.getLayout("points");
       if (!o) return a.removeTextContent(), void (this._endLabel = null);
       var s = this._endLabel;
-      s || ((s = this._endLabel = new j({
+      s || ((s = this._endLabel = new R({
         z2: 200
       })).ignoreClip = !0, a.setTextContent(this._endLabel), a.disableLabelAnimation = !0);
       // Find last non-NaN data to display data
@@ -1039,7 +1039,7 @@ var qt = /** @class */ function(t) {
         labelFetcher: t,
         labelDataIndex: u,
         defaultText: function(t, i, e) {
-          return null != e ? xt(n, e) : Dt(n, t);
+          return null != e ? kt(n, e) : Lt(n, t);
         },
         enableTextSetter: !0
       }, function(t, i) {
@@ -1086,15 +1086,15 @@ var qt = /** @class */ function(t) {
             y: x[1] + g
           });
           var L = h.getRawValue(P[0]), N = h.getRawValue(P[1]);
-          n && (I = K(e, d, L, N, M.t));
+          n && (I = j(e, d, L, N, M.t));
         }
         r.lastFrameIndex = P[0];
       } else {
         // If diff <= 0, which is the range is not found(Include NaN)
         // Choose the first point or last point.
-        var T = 1 === t || r.lastFrameIndex > 0 ? P[0] : 0;
-        x = getPointAtIndex(l, T);
-        n && (I = h.getRawValue(T)), s.attr({
+        var k = 1 === t || r.lastFrameIndex > 0 ? P[0] : 0;
+        x = getPointAtIndex(l, k);
+        n && (I = h.getRawValue(k)), s.attr({
           x: x[0] + S,
           y: x[1] + g
         });
@@ -1150,10 +1150,10 @@ var qt = /** @class */ function(t) {
           break;
 
          case "+":
-          var L = S.idx, N = p.dataDimsForPoint, T = n.dataToPoint([ i.get(N[0], L), i.get(N[1], L) ]);
-          M = 2 * L, u.push(T[0], T[1]), l.push(y[M], y[M + 1]);
-          var k = getStackedOnPoint(p, n, i, L);
-          h.push(k[0], k[1]), f.push(r[M], r[M + 1]), v.push(i.getRawIndex(L));
+          var L = S.idx, N = p.dataDimsForPoint, k = n.dataToPoint([ i.get(N[0], L), i.get(N[1], L) ]);
+          M = 2 * L, u.push(k[0], k[1]), l.push(y[M], y[M + 1]);
+          var T = getStackedOnPoint(p, n, i, L);
+          h.push(T[0], T[1]), f.push(r[M], r[M + 1]), v.push(i.getRawIndex(L));
           break;
 
          case "-":
@@ -1242,7 +1242,7 @@ var qt = /** @class */ function(t) {
   }, LineView.type = "line", LineView;
 }(V);
 
-var Rt = k.CMD;
+var _t = T.CMD;
 
 function aroundEqual(t, i) {
   return Math.abs(t - i) < 1e-5;
@@ -1262,26 +1262,26 @@ function pathToBezierCurves(t) {
   }
   for (var c = 0; c < s; ) {
     var v = o[c++], p = 1 === c;
-    switch (p && (f = l = o[c], d = h = o[c + 1], v !== Rt.L && v !== Rt.C && v !== Rt.Q || (i = [ f, d ])), 
+    switch (p && (f = l = o[c], d = h = o[c + 1], v !== _t.L && v !== _t.C && v !== _t.Q || (i = [ f, d ])), 
     v) {
-     case Rt.M:
+     case _t.M:
       l = f = o[c++], h = d = o[c++], createNewSubpath(f, d);
       break;
 
-     case Rt.L:
+     case _t.L:
       addLine(l, h, e = o[c++], r = o[c++]), l = e, h = r;
       break;
 
-     case Rt.C:
+     case _t.C:
       i.push(o[c++], o[c++], o[c++], o[c++], l = o[c++], h = o[c++]);
       break;
 
-     case Rt.Q:
+     case _t.Q:
       e = o[c++], r = o[c++], n = o[c++], a = o[c++], i.push(l + 2 / 3 * (e - l), h + 2 / 3 * (r - h), n + 2 / 3 * (e - n), a + 2 / 3 * (r - a), n, a), 
       l = n, h = a;
       break;
 
-     case Rt.A:
+     case _t.A:
       var m = o[c++], y = o[c++], b = o[c++], S = o[c++], g = o[c++], w = o[c++] + g;
       c += 1;
       var M = !o[c++];
@@ -1292,12 +1292,12 @@ function pathToBezierCurves(t) {
       }
       break;
 
-     case Rt.R:
+     case _t.R:
       f = l = o[c++], d = h = o[c++], e = f + o[c++], r = d + o[c++], createNewSubpath(e, d), 
       addLine(e, d, e, r), addLine(e, r, f, r), addLine(f, r, f, d), addLine(f, d, e, d);
       break;
 
-     case Rt.Z:
+     case _t.Z:
       i && addLine(l, h, f, d), l = f, h = d;
     }
   }
@@ -1363,7 +1363,7 @@ function addToPoly(t, i) {
 
 function binaryDividePolygon(t) {
   var i = t.points, e = [], r = [];
-  Q(i, e, r);
+  W(i, e, r);
   var n = new rt(e[0], e[1], r[0] - e[0], r[1] - e[1]), a = n.width, o = n.height, s = n.x, u = n.y, l = new nt, h = new nt;
   return a > o ? (l.x = h.x = s + a / 2, l.y = u, h.y = u + o) : (l.y = h.y = u + o / 2, 
   l.x = s, h.x = s + a), function(t, i, e) {
@@ -1461,7 +1461,7 @@ function split(t, i) {
     }); else {
       var h = 0, f = L(s, (function(t) {
         var i = [], e = [];
-        Q(t, i, e);
+        W(t, i, e);
         var r = (e[1] - i[1]) * (e[0] - i[0]);
         return h += r, {
           poly: t,
@@ -1484,7 +1484,7 @@ function split(t, i) {
     e = tt;
   }
   if (!e) return function(t, i) {
-    for (var e = [], r = 0; r < i; r++) e.push(W(t));
+    for (var e = [], r = 0; r < i; r++) e.push(Q(t));
     return e;
   }(t, i);
   var p, m, y = [];
@@ -1547,10 +1547,10 @@ function isCombineMorphing(t) {
   return t.__isCombineMorphing;
 }
 
-var jt = "__mOriginal_";
+var Xt = "__mOriginal_";
 
 function saveAndModifyMethod(t, i, e) {
-  var r = jt + i, n = t[r] || t[i];
+  var r = Xt + i, n = t[r] || t[i];
   t[r] || (t[r] = t[i]);
   var a = e.replace, o = e.after, s = e.before;
   t[i] = function() {
@@ -1561,7 +1561,7 @@ function saveAndModifyMethod(t, i, e) {
 }
 
 function restoreMethod(t, i) {
-  var e = jt + i;
+  var e = Xt + i;
   t[e] && (t[i] = t[e], t[e] = null);
 }
 
@@ -1600,9 +1600,9 @@ function prepareMorphPath(t, i) {
       for (var w = r / e, M = -r / 2; M <= r / 2; M += w) {
         var P = Math.sin(M), D = Math.cos(M), I = 0;
         for (S = 0; S < s.length; S += 2) {
-          var x = f[S], L = f[S + 1], N = u[S] - h[0], T = u[S + 1] - h[1], C = N * D - T * P, k = N * P + T * D;
-          p[S] = C, p[S + 1] = k;
-          var A = C - x, O = k - L;
+          var x = f[S], L = f[S + 1], N = u[S] - h[0], k = u[S + 1] - h[1], C = N * D - k * P, T = N * P + k * D;
+          p[S] = C, p[S + 1] = T;
+          var A = C - x, O = T - L;
           I += A * A + O * O;
         }
         if (I < v) {
@@ -1720,12 +1720,12 @@ function prepareMorphBatches(t, i) {
   return e;
 }
 
-var Kt = {
+var Zt = {
   clone: function(t) {
     for (var i = [], e = 1 - Math.pow(1 - t.path.style.opacity, 1 / t.count), r = 0
     // Fitting the alpha
     ; r < t.count; r++) {
-      var n = W(t.path);
+      var n = Q(t.path);
       n.setStyle("opacity", e), i.push(n);
     }
     return i;
@@ -1756,7 +1756,7 @@ function applyMorphAnimation(t, i, e, r, n, a) {
   function morphOneBatch(t, i, r, n, o) {
     var s = t.many, u = t.one;
     if (1 !== s.length || o) for (var f = G({
-      dividePath: Kt[e],
+      dividePath: Zt[e],
       individualDelay: l && function(t, i, e, a) {
         return l(t + r, n);
       }
@@ -1850,7 +1850,7 @@ function applyMorphAnimation(t, i, e, r, n, a) {
           }
         }(t.childrenRef());
         var o = n.length;
-        if (o < r) for (var s = 0, u = o; u < r; u++) n.push(W(n[s++ % o]));
+        if (o < r) for (var s = 0, u = o; u < r; u++) n.push(Q(n[s++ % o]));
         n.length = r;
       } else {
         n = a({
@@ -1911,7 +1911,7 @@ function getPathList(t) {
   })), r;
 }
 
-var _t = lt();
+var $t = lt();
 
 function getGroupId(t, i, e, r) {
   // try to get groupId from encode
@@ -1943,7 +1943,7 @@ function getGroupId(t, i, e, r) {
 // flatten all data items from different serieses into one arrary
 function flattenDataDiffItems(t) {
   var i = [];
-  return Z(t, (function(t) {
+  return X(t, (function(t) {
     var e = t.data, r = t.dataGroupId;
     if (!(e.count() > 1e4)) for (var n = e.getIndices(), a = 0; a < n.length; a++) i.push({
       data: e,
@@ -2106,7 +2106,7 @@ function transitionBetween(t, i, e) {
     }));
     u && (stopAnimation(u), l.length ? (
     // If old element is doing leaving animation. stop it and remove it immediately.
-    Z(l, (function(t) {
+    X(l, (function(t) {
       stopAnimation(t), removeEl(t);
     })), a = !0, applyMorphAnimation(getPathList(l), getPathList(u), e.divide, s, t, updateMorphingPathProps)) : fadeInElement(u, s, e.dataIndex));
     // else keep oldEl leaving animation.
@@ -2119,13 +2119,13 @@ function transitionBetween(t, i, e) {
       })), (function(t) {
         return t && t !== o;
       })), u = n[t[0]].data.hostModel;
-      s.length && (Z(s, (function(t) {
+      s.length && (X(s, (function(t) {
         return stopAnimation(t);
       })), o ? (stopAnimation(o), 
       // If old element is doing leaving animation. stop it and remove it immediately.
       removeEl(o), a = !0, applyMorphAnimation(getPathList(o), getPathList(s), e.divide, 
       // Use divide on old.
-      u, t[0], updateMorphingPathProps)) : Z(s, (function(i) {
+      u, t[0], updateMorphingPathProps)) : X(s, (function(i) {
         return fadeInElement(i, u, t[0]);
       })));
       // else keep oldEl leaving animation.
@@ -2141,7 +2141,7 @@ function transitionBetween(t, i, e) {
       // Use the original index
       updateOneToOne(t[e], i[r]);
     })).execute();
-  })).execute(), a && Z(i, (function(t) {
+  })).execute(), a && X(i, (function(t) {
     var i = t.data.hostModel, r = i && e.getViewOfSeriesModel(i), n = st("update", i, 0);
     // use 0 index.
     r && i.isAnimationEnabled() && n && n.duration > 0 && r.group.traverse((function(t) {
@@ -2176,8 +2176,8 @@ function querySeries(t, i) {
   }
 }
 
-yt([ Mt, function(t) {
-  t.registerChartView(qt), t.registerSeriesModel(zt), t.registerLayout({
+yt([ Dt, function(t) {
+  t.registerChartView(jt), t.registerSeriesModel(Bt), t.registerLayout({
     seriesType: "line",
     plan: H(),
     reset: function(t) {
@@ -2218,26 +2218,26 @@ yt([ Mt, function(t) {
     }
   }), 
   // Down sample after filter
-  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, Ct("line"));
-}, Pt, function(t) {
+  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, Ot("line"));
+}, It, function(t) {
   t.registerUpdateLifecycle("series:beforeupdate", (function(t, i, e) {
-    Z(ht(e.seriesTransition), (function(t) {
-      Z(ht(t.to), (function(t) {
+    X(ht(e.seriesTransition), (function(t) {
+      X(ht(t.to), (function(t) {
         for (var i = e.updatedSeries, r = 0; r < i.length; r++) (null != t.seriesIndex && t.seriesIndex === i[r].seriesIndex || null != t.seriesId && t.seriesId === i[r].id) && (i[r][ft] = !0);
       }));
     }));
   })), t.registerUpdateLifecycle("series:transition", (function(t, i, e) {
     // TODO api provide an namespace that can save stuff per instance
-    var r = _t(i);
+    var r = $t(i);
     // TODO multiple to multiple series.
         if (r.oldSeries && e.updatedSeries && e.optionChanged) {
       // TODO transitionOpt was used in an old implementation and can be removed now
       // Use give transition config if its' give;
       var n = e.seriesTransition;
-      if (n) Z(ht(n), (function(t) {
+      if (n) X(ht(n), (function(t) {
         !function(t, i, e, r) {
           var n = [], a = [];
-          Z(ht(t.from), (function(t) {
+          X(ht(t.from), (function(t) {
             var e = querySeries(i.oldSeries, t);
             e >= 0 && n.push({
               dataGroupId: i.oldDataGroupIds[e],
@@ -2246,7 +2246,7 @@ yt([ Mt, function(t) {
               divide: getDivideShapeFromData(i.oldData[e]),
               groupIdDim: t.dimension
             });
-          })), Z(ht(t.to), (function(t) {
+          })), X(ht(t.to), (function(t) {
             var r = querySeries(e.updatedSeries, t);
             if (r >= 0) {
               var n = e.updatedSeries[r].getData();
@@ -2263,21 +2263,21 @@ yt([ Mt, function(t) {
         // Else guess from series based on transition series key.
         var a = function(t, i) {
           var e = dt(), r = dt(), n = dt();
-          return Z(t.oldSeries, (function(i, e) {
+          return X(t.oldSeries, (function(i, e) {
             var a = t.oldDataGroupIds[e], o = t.oldData[e], s = getSeriesTransitionKey(i), u = convertArraySeriesKeyToString(s);
             r.set(u, {
               dataGroupId: a,
               data: o
             }), ut(s) && 
             // Same key can't in different array seriesKey.
-            Z(s, (function(t) {
+            X(s, (function(t) {
               n.set(t, {
                 key: u,
                 dataGroupId: a,
                 data: o
               });
             }));
-          })), Z(i.updatedSeries, (function(t) {
+          })), X(i.updatedSeries, (function(t) {
             if (t.isUniversalTransitionEnabled() && t.isAnimationEnabled()) {
               var i = t.get("dataGroupId"), a = t.getData(), o = getSeriesTransitionKey(t), s = convertArraySeriesKeyToString(o), u = r.get(s);
               // string transition key is the best match.
@@ -2299,7 +2299,7 @@ yt([ Mt, function(t) {
               // e.g. 'female', 'male' -> ['female', 'male']
               if (ut(o)) {
                 var l = [];
-                Z(o, (function(t) {
+                X(o, (function(t) {
                   var i = r.get(t);
                   i.data && l.push({
                     dataGroupId: i.dataGroupId,
@@ -2337,13 +2337,13 @@ yt([ Mt, function(t) {
             }
           })), e;
         }(r, e);
-        Z(a.keys(), (function(t) {
+        X(a.keys(), (function(t) {
           var e = a.get(t);
           transitionBetween(e.oldSeries, e.newSeries, i);
         }));
       }
       // Reset
-            Z(e.updatedSeries, (function(t) {
+            X(e.updatedSeries, (function(t) {
         // Reset;
         t[ft] && (t[ft] = !1);
       }));
@@ -2356,11 +2356,24 @@ yt([ Mt, function(t) {
             f.count() < 1e4 && (s.push(o[h]), u.push(o[h].get("dataGroupId")), l.push(f));
     }
   }));
-}, kt, At ]);
+}, Et, zt ]);
 
-const Zt = class {
+const Yt = class {
   constructor(e) {
     t(this, e), this.change = i(this, "change", 7), this.tctChange = i(this, "tctChange", 7), 
+    this.keyboard = bt({
+      getChart: () => this.chart,
+      getData: () => this.data,
+      onChange: t => {
+        this.keyboardIndex = t, null !== t && xt(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. */
@@ -2390,6 +2403,7 @@ const Zt = class {
   // #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), 
@@ -2401,11 +2415,17 @@ const Zt = class {
     this.chartContainer = null, this.resizeEventListener = null;
   }
   componentDidLoad() {
-    const t = bt(this.chartContainer);
+    const t = St(this.chartContainer);
     this.chart = t, this.resizeEventListener = () => this.resizeChart(), window.addEventListener("resize", this.resizeEventListener), 
     this.cacheComputedStyles(), this.updateChart(t), this.setupChartEvents(t), n(this.hostElement);
   }
   // #endregion
+  // #region Listeners
+  delegateFocus(t) {
+    var i;
+    a(t, this.hostElement) && this.data.length && (null === (i = this.chartContainer) || void 0 === i || i.focus());
+  }
+  // #endregion
   // #region Public Methods API
   /**
      * A method to fire change event on hover on a point.
@@ -2413,7 +2433,7 @@ const Zt = class {
      * @testOnly
      */
   async hoverDataPoint(t) {
-    o(this, [ "change", "tctChange" ], {
+    xt(this, [ "change", "tctChange" ], {
       index: t,
       data: this.data[t]
     });
@@ -2421,10 +2441,20 @@ const Zt = class {
   // #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 i = this.data[this.keyboardIndex];
+    if (null === this.keyboardIndex || !i) return "";
+    const e = (null === (t = this.formatModifier) || void 0 === t ? void 0 : t.includes("dec")) ? this.formatModifier.replace("dec", "") : 0;
+    return gt(i.name, wt(i.value || 0, {
+      type: this.format,
+      decimals: e
+    }), this.keyboardIndex, this.data.length);
+  }
   cacheComputedStyles() {
     this.chartContainerStyles = getComputedStyle(this.chartContainer), this.hostElementStyles = getComputedStyle(this.hostElement);
   }
@@ -2446,8 +2476,8 @@ const Zt = class {
     } : this.getColor(this.areaColor);
   }
   getColor(t) {
-    const i = St("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), e = St(t, this.chartContainerStyles, this.hostElementStyles);
-    return e || (gt(t) ? t : i);
+    const i = Mt("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), e = Mt(t, this.chartContainerStyles, this.hostElementStyles);
+    return e || (Pt(t) ? t : i);
   }
   resizeChart() {
     this.chart.resize();
@@ -2460,13 +2490,13 @@ const Zt = class {
     }));
   }
   updateChart(t) {
-    var i;
-    const e = (null === (i = this.formatModifier) || void 0 === i ? void 0 : i.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, r = {
+    var i, e;
+    const r = (null === (i = this.formatModifier) || void 0 === i ? void 0 : i.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, n = {
       type: "value",
       axisLabel: {
         formatter: t => wt(t, {
           type: this.format,
-          decimals: e
+          decimals: r
         }),
         rotate: this.offsetDataValues ? 45 : 0,
         margin: this.offsetDataValues ? 15 : 8,
@@ -2477,10 +2507,10 @@ const Zt = class {
       },
       min: this.yMin,
       max: this.yMax
-    }, n = {
+    }, a = {
       type: "category",
       boundaryGap: !1,
-      data: this.data.map((t => a(t.name) || "")),
+      data: this.data.map((t => o(t.name) || "")),
       axisLabel: {
         rotate: this.offsetDataNames ? 45 : 0,
         margin: this.offsetDataNames ? 15 : 8,
@@ -2502,7 +2532,7 @@ const Zt = class {
           show: !1,
           formatter: t => {
             const i = t.seriesData[0].dataIndex;
-            o(this, [ "change", "tctChange" ], {
+            xt(this, [ "change", "tctChange" ], {
               index: i,
               data: this.data[i]
             });
@@ -2521,12 +2551,12 @@ const Zt = class {
       min: this.xMin,
       max: this.xMax
     };
-    return t.setOption({
+    t.setOption({
       aria: {
         enabled: !0
       },
       title: {
-        text: a(this.chartName),
+        text: o(this.chartName),
         show: this.showChartName,
         left: this.alignChartName,
         subtext: this.chartSubTitle
@@ -2535,8 +2565,8 @@ const Zt = class {
         containLabel: !0,
         ...this.gridPadding
       },
-      xAxis: n,
-      yAxis: r,
+      xAxis: a,
+      yAxis: n,
       series: [ {
         data: this.data.map((t => t.value || 0)),
         id: "area",
@@ -2557,25 +2587,41 @@ const Zt = class {
           position: "right",
           formatter: t => wt(t.value, {
             type: this.format,
-            decimals: e
+            decimals: r
           })
         }
       } ]
-    });
+    }), 
+    // ECharts ARIA sets role="img" when options change; retain the keyboard interaction role.
+    null === (e = this.chartContainer) || void 0 === e || e.setAttribute("role", "application");
   }
   // #endregion
   // #region Render Methods
   render() {
     return e("div", {
-      key: "247b79eca7719feab470918648f223675483daf8",
+      key: "de38ac1c05ff6c85091069a691c5e2d51ba360ed",
       class: "container"
     }, e("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"
-    }));
+    }), e("div", {
+      key: "45493b2498b17ab331fdff4487bd05874732c75e",
+      id: "chart-keyboard-instructions",
+      class: "sr"
+    }, o("tecton.element.chart.keyboardInstructions")), e("div", {
+      key: "9d0a71f228271efde15c7ff4e0bae2a1144a8c9c",
+      class: null === this.keyboardIndex ? "sr" : "chart-keyboard-value",
+      role: "status",
+      "aria-atomic": "true"
+    }, this.keyboardDescription));
   }
   get hostElement() {
     return r(this);
@@ -2649,6 +2695,6 @@ const Zt = class {
   }
 };
 
-Zt.style = '*{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%}';
+Yt.style = '*{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%}';
 
-export { Zt as q2_chart_area }
+export { Yt as q2_chart_area }