q2-tecton-elements 1.72.0 → 1.73.1

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

@@ -1,42 +1,42 @@
-import { r as t, h as e, g as r } from "./index-Cqkz7Bnm.js";
+import { r as t, h as e, g as a } from "./index-Cqkz7Bnm.js";
 
-import { o as a, l as i } from "./index-DJw6Feh0.js";
+import { o as r, i, l as s } from "./index-CP8pXJ-l.js";
 
-import { _ as n, v as s, H as o, I as h, c as d, J as l, K as c, E as u, L as f, y as p, A as v, M as g, x as m, N as b, O as w, F as y, h as B, Q as A, R as M, U as S, V as x, W as k, X as V, Y as N, Z as C, $ as P, a0 as D, a1 as z, a2 as L, a3 as U, a4 as j, a5 as O, a6 as I, a7 as R, a8 as E, a9 as T, aa as W } from "./charting-DOZct-UB.js";
+import { _ as n, v as o, H as h, I as d, c as l, J as c, K as u, E as f, L as p, y as v, A as g, M as b, x as m, N as w, O as y, F as B, h as A, Q as S, R as M, U as x, V as k, W as V, X as C, Y as N, Z as P, $ as D, a0 as z, a1 as L, a2 as U, a3 as j, a4 as I, a5 as O, a6 as E, a7 as R, a8 as T, a9 as X, aa as _, ab as W, ac as Y } from "./charting-DFXJklqs.js";
 
-import { c as _, a as X, i as Y, g as H, b as F, d as q, e as G, f as J } from "./dataSample-Dm1zpQNi.js";
+import { c as F, a as q, i as H, g as J, b as K, d as Q, e as Z, f as $ } from "./dataSample-CP_VKNqt.js";
 
-import { g as Q, i as Z } from "./sectorHelper--RMGWGAy.js";
+import { g as G, i as tt } from "./sectorHelper-DBtkWtpl.js";
 
-var K = /** @class */ function(t) {
+var et = /** @class */ function(t) {
   function BaseBarSeriesModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = BaseBarSeriesModel.type, e;
   }
   return n(BaseBarSeriesModel, t), BaseBarSeriesModel.prototype.getInitialData = function(t, e) {
-    return _(null, this, {
+    return F(null, this, {
       useEncodeDefaulter: !0
     });
-  }, BaseBarSeriesModel.prototype.getMarkerPosition = function(t, e, r) {
-    var a = this.coordinateSystem;
-    if (a && a.clampData) {
+  }, BaseBarSeriesModel.prototype.getMarkerPosition = function(t, e, a) {
+    var r = this.coordinateSystem;
+    if (r && r.clampData) {
       // PENDING if clamp ?
-      var i = a.clampData(t), n = a.dataToPoint(i);
-      if (r) s(a.getAxes(), (function(t, r) {
+      var i = r.clampData(t), s = r.dataToPoint(i);
+      if (a) o(r.getAxes(), (function(t, a) {
         // If axis type is category, use tick coords instead
         if ("category" === t.type && null != e) {
-          var a = t.getTicksCoords(), s = t.getTickModel().get("alignWithLabel"), o = i[r], h = "x1" === e[r] || "y1" === e[r];
+          var r = t.getTicksCoords(), n = t.getTickModel().get("alignWithLabel"), o = i[a], h = "x1" === e[a] || "y1" === e[a];
           // The only contains one tick, tickCoords is
           // like [{coord: 0, tickValue: 0}, {coord: 0}]
           // to the length should always be larger than 1
-          if (h && !s && (o += 1), a.length < 2) return;
-          if (2 === a.length) 
+          if (h && !n && (o += 1), r.length < 2) return;
+          if (2 === r.length) 
           // The left value and right value of the axis are
           // the same. coord is 0 in both items. Use the max
           // value of the axis as the coord
-          return void (n[r] = t.toGlobalCoord(t.getExtent()[h ? 1 : 0]));
-          for (var d = void 0, l = void 0, c = 1, u = 0; u < a.length; u++) {
-            var f = a[u].coord, p = u === a.length - 1 ? a[u - 1].tickValue + c : a[u].tickValue;
+          return void (s[a] = t.toGlobalCoord(t.getExtent()[h ? 1 : 0]));
+          for (var d = void 0, l = void 0, c = 1, u = 0; u < r.length; u++) {
+            var f = r[u].coord, p = u === r.length - 1 ? r[u - 1].tickValue + c : r[u].tickValue;
             // The last item of tickCoords doesn't contain
             // tickValue
                         if (p === o) {
@@ -50,21 +50,21 @@ var K = /** @class */ function(t) {
             1 === u && (
             // Here we assume the step of category axes is
             // the same
-            c = p - a[0].tickValue);
+            c = p - r[0].tickValue);
           }
           null == l && (d ? d && (
           // targetTickId is larger than all tick ids in the
           // visible area, use the rightmost tick coord
-          l = a[a.length - 1].coord) : 
+          l = r[r.length - 1].coord) : 
           // targetTickId is smaller than all tick ids in the
           // visible area, use the leftmost tick coord
-          l = a[0].coord), n[r] = t.toGlobalCoord(l);
+          l = r[0].coord), s[a] = t.toGlobalCoord(l);
         }
       })); else {
-        var o = this.getData(), h = o.getLayout("offset"), d = o.getLayout("size"), l = a.getBaseAxis().isHorizontal() ? 0 : 1;
-        n[l] += h + d / 2;
+        var n = this.getData(), h = n.getLayout("offset"), d = n.getLayout("size"), l = r.getBaseAxis().isHorizontal() ? 0 : 1;
+        s[l] += h + d / 2;
       }
-      return n;
+      return s;
     }
     return [ NaN, NaN ];
   }, BaseBarSeriesModel.type = "series.__base_bar__", BaseBarSeriesModel.defaultOption = {
@@ -84,17 +84,17 @@ var K = /** @class */ function(t) {
     progressive: 3e3,
     progressiveChunkMode: "mod"
   }, BaseBarSeriesModel;
-}(o);
+}(h);
 
-o.registerClass(K);
+h.registerClass(et);
 
-var $ = /** @class */ function(t) {
+var at = /** @class */ function(t) {
   function BarSeriesModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = BarSeriesModel.type, e;
   }
   return n(BarSeriesModel, t), BarSeriesModel.prototype.getInitialData = function() {
-    return _(null, this, {
+    return F(null, this, {
       useEncodeDefaulter: !0,
       createInvertedIndices: !!this.get("realtimeSort", !0) || null
     });
@@ -113,10 +113,10 @@ var $ = /** @class */ function(t) {
     // Do not support progressive in normal mode.
     var t = this.get("progressiveThreshold"), e = this.get("largeThreshold");
     return e > t && (t = e), t;
-  }, BarSeriesModel.prototype.brushSelector = function(t, e, r) {
-    return r.rect(e.getItemLayout(t));
+  }, BarSeriesModel.prototype.brushSelector = function(t, e, a) {
+    return a.rect(e.getItemLayout(t));
   }, BarSeriesModel.type = "series.bar", BarSeriesModel.dependencies = [ "grid", "polar" ], 
-  BarSeriesModel.defaultOption = h(K.defaultOption, {
+  BarSeriesModel.defaultOption = d(et.defaultOption, {
     // If clipped
     // Only available on cartesian2d
     clip: !0,
@@ -141,51 +141,51 @@ var $ = /** @class */ function(t) {
     },
     realtimeSort: !1
   }), BarSeriesModel;
-}(K), SausageShape = function() {
+}(et), SausageShape = function() {
   this.cx = 0, this.cy = 0, this.r0 = 0, this.r = 0, this.startAngle = 0, this.endAngle = 2 * Math.PI, 
   this.clockwise = !0;
-}, tt = /** @class */ function(t) {
+}, rt = /** @class */ function(t) {
   function SausagePath(e) {
-    var r = t.call(this, e) || this;
-    return r.type = "sausage", r;
+    var a = t.call(this, e) || this;
+    return a.type = "sausage", a;
   }
   return n(SausagePath, t), SausagePath.prototype.getDefaultShape = function() {
     return new SausageShape;
   }, SausagePath.prototype.buildPath = function(t, e) {
-    var r = e.cx, a = e.cy, i = Math.max(e.r0 || 0, 0), n = Math.max(e.r, 0), s = .5 * (n - i), o = i + s, h = e.startAngle, d = e.endAngle, l = e.clockwise, c = 2 * Math.PI, u = l ? d - h < c : h - d < c;
+    var a = e.cx, r = e.cy, i = Math.max(e.r0 || 0, 0), s = Math.max(e.r, 0), n = .5 * (s - i), o = i + n, h = e.startAngle, d = e.endAngle, l = e.clockwise, c = 2 * Math.PI, u = l ? d - h < c : h - d < c;
     u || (
     // Normalize angles
     h = d - (l ? c : -c));
     var f = Math.cos(h), p = Math.sin(h), v = Math.cos(d), g = Math.sin(d);
-    u ? (t.moveTo(f * i + r, p * i + a), t.arc(f * o + r, p * o + a, s, -Math.PI + h, h, !l)) : t.moveTo(f * n + r, p * n + a), 
-    t.arc(r, a, n, h, d, !l), t.arc(v * o + r, g * o + a, s, d - 2 * Math.PI, d - Math.PI, !l), 
-    0 !== i && t.arc(r, a, i, d, h, l);
+    u ? (t.moveTo(f * i + a, p * i + r), t.arc(f * o + a, p * o + r, n, -Math.PI + h, h, !l)) : t.moveTo(f * s + a, p * s + r), 
+    t.arc(a, r, s, h, d, !l), t.arc(v * o + a, g * o + r, n, d - 2 * Math.PI, d - Math.PI, !l), 
+    0 !== i && t.arc(a, r, i, d, h, l);
   }, SausagePath;
-}(d);
+}(l);
 
 /**
  * Sausage: similar to sector, but have half circle on both sides
- */ function adjustAngleDistanceX(t, e, r) {
-  return e * Math.sin(t) * (r ? -1 : 1);
+ */ function adjustAngleDistanceX(t, e, a) {
+  return e * Math.sin(t) * (a ? -1 : 1);
 }
 
-function adjustAngleDistanceY(t, e, r) {
-  return e * Math.cos(t) * (r ? 1 : -1);
+function adjustAngleDistanceY(t, e, a) {
+  return e * Math.cos(t) * (a ? 1 : -1);
 }
 
-var et = Math.max, rt = Math.min;
+var it = Math.max, st = Math.min;
 
-var at = /** @class */ function(t) {
+var nt = /** @class */ function(t) {
   function BarView() {
     var e = t.call(this) || this;
     return e.type = BarView.type, e._isFirstFrame = !0, e;
   }
-  return n(BarView, t), BarView.prototype.render = function(t, e, r, a) {
-    this._model = t, this._removeOnRenderedListener(r), this._updateDrawMode(t);
+  return n(BarView, t), BarView.prototype.render = function(t, e, a, r) {
+    this._model = t, this._removeOnRenderedListener(a), this._updateDrawMode(t);
     var i = t.get("coordinateSystem");
     "cartesian2d" !== i && "polar" !== i || (
     // Clear previously rendered progressive elements.
-    this._progressiveEls = null, this._isLargeDraw ? this._renderLarge(t, e, r) : this._renderNormal(t, e, r, a));
+    this._progressiveEls = null, this._isLargeDraw ? this._renderLarge(t, e, a) : this._renderNormal(t, e, a, r));
   }, BarView.prototype.incrementalPrepareRender = function(t) {
     this._clear(), this._updateDrawMode(t), 
     // incremental also need to clip, otherwise might be overlow.
@@ -197,65 +197,65 @@ var at = /** @class */ function(t) {
     // Do not support progressive in normal mode.
     this._incrementalRenderLarge(t, e);
   }, BarView.prototype.eachRendered = function(t) {
-    f(this._progressiveEls || this.group, t);
+    p(this._progressiveEls || this.group, t);
   }, BarView.prototype._updateDrawMode = function(t) {
     var e = t.pipelineContext.large;
     null != this._isLargeDraw && e === this._isLargeDraw || (this._isLargeDraw = e, 
     this._clear());
-  }, BarView.prototype._renderNormal = function(t, e, r, a) {
-    var i, n = this.group, s = t.getData(), o = this._data, h = t.coordinateSystem, d = h.getBaseAxis();
+  }, BarView.prototype._renderNormal = function(t, e, a, r) {
+    var i, s = this.group, n = t.getData(), o = this._data, h = t.coordinateSystem, d = h.getBaseAxis();
     "cartesian2d" === h.type ? i = d.isHorizontal() : "polar" === h.type && (i = "angle" === d.dim);
     var l = t.isAnimationEnabled() ? t : null, c = function(t, e) {
-      var r = t.get("realtimeSort", !0), a = e.getBaseAxis();
-      if (r && "category" === a.type && "cartesian2d" === e.type) return {
-        baseAxis: a,
-        otherAxis: e.getOtherAxis(a)
+      var a = t.get("realtimeSort", !0), r = e.getBaseAxis();
+      if (a && "category" === r.type && "cartesian2d" === e.type) return {
+        baseAxis: r,
+        otherAxis: e.getOtherAxis(r)
       };
     }(t, h);
-    c && this._enableRealtimeSort(c, s, r);
+    c && this._enableRealtimeSort(c, n, a);
     var u = t.get("clip", !0) || c, f = function(t, e) {
-      var r = t.getArea && t.getArea();
-      if (Y(t, "cartesian2d")) {
-        var a = t.getBaseAxis();
+      var a = t.getArea && t.getArea();
+      if (H(t, "cartesian2d")) {
+        var r = t.getBaseAxis();
         // When boundaryGap is false or using time axis. bar may exceed the grid.
         // We should not clip this part.
         // See test/bar2.html
-                if ("category" !== a.type || !a.onBand) {
+                if ("category" !== r.type || !r.onBand) {
           var i = e.getLayout("bandWidth");
-          a.isHorizontal() ? (r.x -= i, r.width += 2 * i) : (r.y -= i, r.height += 2 * i);
+          r.isHorizontal() ? (a.x -= i, a.width += 2 * i) : (a.y -= i, a.height += 2 * i);
         }
       }
-      return r;
-    }(h, s);
+      return a;
+    }(h, n);
     // If there is clipPath created in large mode. Remove it.
-    n.removeClipPath();
+    s.removeClipPath();
     // We don't use clipPath in normal mode because we needs a perfect animation
     // And don't want the label are clipped.
-    var y = t.get("roundCap", !0), B = t.get("showBackground", !0), A = t.getModel("backgroundStyle"), x = A.get("borderRadius") || 0, k = [], V = this._backgroundEls, N = a && a.isInitSort, C = a && "changeAxisOrder" === a.type;
+    var p = t.get("roundCap", !0), B = t.get("showBackground", !0), A = t.getModel("backgroundStyle"), S = A.get("borderRadius") || 0, k = [], V = this._backgroundEls, C = r && r.isInitSort, N = r && "changeAxisOrder" === r.type;
     function createBackground(t) {
-      var e = dt[h.type](s, t), r = function(t, e, r) {
-        var a = "polar" === t.type ? M : S;
-        return new a({
-          shape: createBackgroundShape(e, r, t),
+      var e = ut[h.type](n, t), a = function(t, e, a) {
+        var r = "polar" === t.type ? M : x;
+        return new r({
+          shape: createBackgroundShape(e, a, t),
           silent: !0,
           z2: 0
         });
       }(h, i, e);
-      return r.useStyle(A.getItemStyle()), 
+      return a.useStyle(A.getItemStyle()), 
       // Only cartesian2d support borderRadius.
-      "cartesian2d" === h.type ? r.setShape("r", x) : r.setShape("cornerRadius", x), k[t] = r, 
-      r;
+      "cartesian2d" === h.type ? a.setShape("r", S) : a.setShape("cornerRadius", S), k[t] = a, 
+      a;
     }
-    s.diff(o).add((function(e) {
-      var r = s.getItemModel(e), a = dt[h.type](s, e, r);
+    n.diff(o).add((function(e) {
+      var a = n.getItemModel(e), r = ut[h.type](n, e, a);
       // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
-      if (B && createBackground(e), s.hasValue(e) && ht[h.type](a)) {
+      if (B && createBackground(e), n.hasValue(e) && ct[h.type](r)) {
         var o = !1;
         u && (
         // Clip will modify the layout params.
         // And return a boolean to determine if the shape are fully clipped.
-        o = it[h.type](f, a));
-        var v = nt[h.type](t, s, e, a, i, l, d.model, !1, y);
+        o = ot[h.type](f, r));
+        var g = ht[h.type](t, n, e, r, i, l, d.model, !1, p);
         c && (
         /**
          * Force label animation because even if the element is
@@ -265,31 +265,31 @@ var at = /** @class */ function(t) {
          * the label will be the final value and doesn't have label
          * animation.
          */
-        v.forceLabelAnimation = !0), updateStyle(v, s, e, r, a, t, i, "polar" === h.type), 
-        N ? v.attr({
-          shape: a
-        }) : c ? updateRealtimeAnimation(c, l, v, a, e, i, !1, !1) : p(v, {
-          shape: a
-        }, t, e), s.setItemGraphicEl(e, v), n.add(v), v.ignore = o;
+        g.forceLabelAnimation = !0), updateStyle(g, n, e, a, r, t, i, "polar" === h.type), 
+        C ? g.attr({
+          shape: r
+        }) : c ? updateRealtimeAnimation(c, l, g, r, e, i, !1, !1) : v(g, {
+          shape: r
+        }, t, e), n.setItemGraphicEl(e, g), s.add(g), g.ignore = o;
       }
-    })).update((function(e, r) {
-      var a = s.getItemModel(e), p = dt[h.type](s, e, a);
+    })).update((function(e, a) {
+      var r = n.getItemModel(e), v = ut[h.type](n, e, r);
       if (B) {
-        var b = void 0;
-        0 === V.length ? b = createBackground(r) : ((b = V[r]).useStyle(A.getItemStyle()), 
+        var w = void 0;
+        0 === V.length ? w = createBackground(a) : ((w = V[a]).useStyle(A.getItemStyle()), 
         // Only cartesian2d support borderRadius.
-        "cartesian2d" === h.type ? b.setShape("r", x) : b.setShape("cornerRadius", x), k[e] = b);
-        var w = dt[h.type](s, e), M = createBackgroundShape(i, w, h);
-        v(b, {
+        "cartesian2d" === h.type ? w.setShape("r", S) : w.setShape("cornerRadius", S), k[e] = w);
+        var y = ut[h.type](n, e), M = createBackgroundShape(i, y, h);
+        g(w, {
           shape: M
         }, l, e);
       }
-      var S = o.getItemGraphicEl(r);
-      if (s.hasValue(e) && ht[h.type](p)) {
+      var x = o.getItemGraphicEl(a);
+      if (n.hasValue(e) && ct[h.type](v)) {
         var P = !1;
-        if (u && (P = it[h.type](f, p)) && n.remove(S), S ? g(S) : S = nt[h.type](t, s, e, p, i, l, d.model, !!S, y), 
-        c && (S.forceLabelAnimation = !0), C) {
-          var D = S.getTextContent();
+        if (u && (P = ot[h.type](f, v)) && s.remove(x), x ? b(x) : x = ht[h.type](t, n, e, v, i, l, d.model, !!x, p), 
+        c && (x.forceLabelAnimation = !0), N) {
+          var D = x.getTextContent();
           if (D) {
             var z = m(D);
             null != z.prevValue && (
@@ -304,69 +304,69 @@ var at = /** @class */ function(t) {
         }
         // Not change anything if only order changed.
         // Especially not change label.
-         else updateStyle(S, s, e, a, p, t, i, "polar" === h.type);
-        N ? S.attr({
-          shape: p
-        }) : c ? updateRealtimeAnimation(c, l, S, p, e, i, !0, C) : v(S, {
-          shape: p
-        }, t, e, null), s.setItemGraphicEl(e, S), S.ignore = P, n.add(S);
-      } else n.remove(S);
+         else updateStyle(x, n, e, r, v, t, i, "polar" === h.type);
+        C ? x.attr({
+          shape: v
+        }) : c ? updateRealtimeAnimation(c, l, x, v, e, i, !0, N) : g(x, {
+          shape: v
+        }, t, e, null), n.setItemGraphicEl(e, x), x.ignore = P, s.add(x);
+      } else s.remove(x);
     })).remove((function(e) {
-      var r = o.getItemGraphicEl(e);
-      r && b(r, t, e);
+      var a = o.getItemGraphicEl(e);
+      a && w(a, t, e);
     })).execute();
-    var P = this._backgroundGroup || (this._backgroundGroup = new w);
+    var P = this._backgroundGroup || (this._backgroundGroup = new y);
     P.removeAll();
     for (var D = 0; D < k.length; ++D) P.add(k[D]);
-    n.add(P), this._backgroundEls = k, this._data = s;
-  }, BarView.prototype._renderLarge = function(t, e, r) {
+    s.add(P), this._backgroundEls = k, this._data = n;
+  }, BarView.prototype._renderLarge = function(t, e, a) {
     this._clear(), createLarge(t, this.group), this._updateLargeClip(t);
   }, BarView.prototype._incrementalRenderLarge = function(t, e) {
     this._removeBackground(), createLarge(e, this.group, this._progressiveEls, !0);
   }, BarView.prototype._updateLargeClip = function(t) {
     // Use clipPath in large mode.
-    var e = t.get("clip", !0) && X(t.coordinateSystem, !1, t), r = this.group;
-    e ? r.setClipPath(e) : r.removeClipPath();
-  }, BarView.prototype._enableRealtimeSort = function(t, e, r) {
-    var a = this;
+    var e = t.get("clip", !0) && q(t.coordinateSystem, !1, t), a = this.group;
+    e ? a.setClipPath(e) : a.removeClipPath();
+  }, BarView.prototype._enableRealtimeSort = function(t, e, a) {
+    var r = this;
     // If no data in the first frame, wait for data to initSort
         if (e.count()) {
       var i = t.baseAxis;
-      if (this._isFirstFrame) this._dispatchInitSort(e, t, r), this._isFirstFrame = !1; else {
+      if (this._isFirstFrame) this._dispatchInitSort(e, t, a), this._isFirstFrame = !1; else {
         var orderMapping_1 = function(t) {
-          var r = e.getItemGraphicEl(t), a = r && r.shape;
-          return a && 
+          var a = e.getItemGraphicEl(t), r = a && a.shape;
+          return r && 
           // The result should be consistent with the initial sort by data value.
           // Do not support the case that both positive and negative exist.
-          Math.abs(i.isHorizontal() ? a.height : a.width) || 0;
+          Math.abs(i.isHorizontal() ? r.height : r.width) || 0;
         };
         this._onRendered = function() {
-          a._updateSortWithinSameData(e, orderMapping_1, i, r);
-        }, r.getZr().on("rendered", this._onRendered);
+          r._updateSortWithinSameData(e, orderMapping_1, i, a);
+        }, a.getZr().on("rendered", this._onRendered);
       }
     }
-  }, BarView.prototype._dataSort = function(t, e, r) {
-    var a = [];
+  }, BarView.prototype._dataSort = function(t, e, a) {
+    var r = [];
     return t.each(t.mapDimension(e.dim), (function(t, e) {
-      var i = r(e);
-      i = null == i ? NaN : i, a.push({
+      var i = a(e);
+      i = null == i ? NaN : i, r.push({
         dataIndex: e,
         mappedValue: i,
         ordinalNumber: t
       });
-    })), a.sort((function(t, e) {
+    })), r.sort((function(t, e) {
       // If NaN, it will be treated as min val.
       return e.mappedValue - t.mappedValue;
     })), {
-      ordinalNumbers: y(a, (function(t) {
+      ordinalNumbers: B(r, (function(t) {
         return t.ordinalNumber;
       }))
     };
-  }, BarView.prototype._isOrderChangedWithinSameData = function(t, e, r) {
-    for (var a = r.scale, i = t.mapDimension(r.dim), n = Number.MAX_VALUE, s = 0, o = a.getOrdinalMeta().categories.length; s < o; ++s) {
-      var h = t.rawIndexOf(i, a.getRawOrdinalNumber(s)), d = h < 0 ? Number.MIN_VALUE : e(t.indexOfRawIndex(h));
-      if (d > n) return !0;
-      n = d;
+  }, BarView.prototype._isOrderChangedWithinSameData = function(t, e, a) {
+    for (var r = a.scale, i = t.mapDimension(a.dim), s = Number.MAX_VALUE, n = 0, o = r.getOrdinalMeta().categories.length; n < o; ++n) {
+      var h = t.rawIndexOf(i, r.getRawOrdinalNumber(n)), d = h < 0 ? Number.MIN_VALUE : e(t.indexOfRawIndex(h));
+      if (d > s) return !0;
+      s = d;
     }
     return !1;
   }, 
@@ -376,26 +376,26 @@ var at = /** @class */ function(t) {
    * as long as the order in the view doesn't change.
    */
   BarView.prototype._isOrderDifferentInView = function(t, e) {
-    for (var r = e.scale, a = r.getExtent(), i = Math.max(0, a[0]), n = Math.min(a[1], r.getOrdinalMeta().categories.length - 1); i <= n; ++i) if (t.ordinalNumbers[i] !== r.getRawOrdinalNumber(i)) return !0;
-  }, BarView.prototype._updateSortWithinSameData = function(t, e, r, a) {
-    if (this._isOrderChangedWithinSameData(t, e, r)) {
-      var i = this._dataSort(t, r, e);
-      this._isOrderDifferentInView(i, r) && (this._removeOnRenderedListener(a), a.dispatchAction({
+    for (var a = e.scale, r = a.getExtent(), i = Math.max(0, r[0]), s = Math.min(r[1], a.getOrdinalMeta().categories.length - 1); i <= s; ++i) if (t.ordinalNumbers[i] !== a.getRawOrdinalNumber(i)) return !0;
+  }, BarView.prototype._updateSortWithinSameData = function(t, e, a, r) {
+    if (this._isOrderChangedWithinSameData(t, e, a)) {
+      var i = this._dataSort(t, a, e);
+      this._isOrderDifferentInView(i, a) && (this._removeOnRenderedListener(r), r.dispatchAction({
         type: "changeAxisOrder",
-        componentType: r.dim + "Axis",
-        axisId: r.index,
+        componentType: a.dim + "Axis",
+        axisId: a.index,
         sortInfo: i
       }));
     }
-  }, BarView.prototype._dispatchInitSort = function(t, e, r) {
-    var a = e.baseAxis, i = this._dataSort(t, a, (function(r) {
-      return t.get(t.mapDimension(e.otherAxis.dim), r);
+  }, BarView.prototype._dispatchInitSort = function(t, e, a) {
+    var r = e.baseAxis, i = this._dataSort(t, r, (function(a) {
+      return t.get(t.mapDimension(e.otherAxis.dim), a);
     }));
-    r.dispatchAction({
+    a.dispatchAction({
       type: "changeAxisOrder",
-      componentType: a.dim + "Axis",
+      componentType: r.dim + "Axis",
       isInitSort: !0,
-      axisId: a.index,
+      axisId: r.index,
       sortInfo: i
     });
   }, BarView.prototype.remove = function(t, e) {
@@ -405,194 +405,194 @@ var at = /** @class */ function(t) {
   }, BarView.prototype._removeOnRenderedListener = function(t) {
     this._onRendered && (t.getZr().off("rendered", this._onRendered), this._onRendered = null);
   }, BarView.prototype._clear = function(t) {
-    var e = this.group, r = this._data;
-    t && t.isAnimationEnabled() && r && !this._isLargeDraw ? (this._removeBackground(), 
-    this._backgroundEls = [], r.eachItemGraphicEl((function(e) {
-      b(e, t, B(e).dataIndex);
+    var e = this.group, a = this._data;
+    t && t.isAnimationEnabled() && a && !this._isLargeDraw ? (this._removeBackground(), 
+    this._backgroundEls = [], a.eachItemGraphicEl((function(e) {
+      w(e, t, A(e).dataIndex);
     }))) : e.removeAll(), this._data = null, this._isFirstFrame = !0;
   }, BarView.prototype._removeBackground = function() {
     this.group.remove(this._backgroundGroup), this._backgroundGroup = null;
   }, BarView.type = "bar", BarView;
-}(A), it = {
+}(S), ot = {
   cartesian2d: function(t, e) {
-    var r = e.width < 0 ? -1 : 1, a = e.height < 0 ? -1 : 1;
+    var a = e.width < 0 ? -1 : 1, r = e.height < 0 ? -1 : 1;
     // Needs positive width and height
-    r < 0 && (e.x += e.width, e.width = -e.width), a < 0 && (e.y += e.height, e.height = -e.height);
-    var i = t.x + t.width, n = t.y + t.height, s = et(e.x, t.x), o = rt(e.x + e.width, i), h = et(e.y, t.y), d = rt(e.y + e.height, n), l = o < s, c = d < h;
+    a < 0 && (e.x += e.width, e.width = -e.width), r < 0 && (e.y += e.height, e.height = -e.height);
+    var i = t.x + t.width, s = t.y + t.height, n = it(e.x, t.x), o = st(e.x + e.width, i), h = it(e.y, t.y), d = st(e.y + e.height, s), l = o < n, c = d < h;
     // When xClipped or yClipped, the element will be marked as `ignore`.
     // But we should also place the element at the edge of the coord sys bounding rect.
     // Because if data changed and the bar shows again, its transition animation
     // will begin at this place.
-    return e.x = l && s > i ? o : s, e.y = c && h > n ? d : h, e.width = l ? 0 : o - s, 
+    return e.x = l && n > i ? o : n, e.y = c && h > s ? d : h, e.width = l ? 0 : o - n, 
     e.height = c ? 0 : d - h, 
     // Reverse back
-    r < 0 && (e.x += e.width, e.width = -e.width), a < 0 && (e.y += e.height, e.height = -e.height), 
+    a < 0 && (e.x += e.width, e.width = -e.width), r < 0 && (e.y += e.height, e.height = -e.height), 
     l || c;
   },
   polar: function(t, e) {
-    var r = e.r0 <= e.r ? 1 : -1;
+    var a = e.r0 <= e.r ? 1 : -1;
     // Make sure r is larger than r0
-        if (r < 0) {
-      var a = e.r;
-      e.r = e.r0, e.r0 = a;
+        if (a < 0) {
+      var r = e.r;
+      e.r = e.r0, e.r0 = r;
     }
-    var i = rt(e.r, t.r), n = et(e.r0, t.r0);
-    e.r = i, e.r0 = n;
-    var s = i - n < 0;
+    var i = st(e.r, t.r), s = it(e.r0, t.r0);
+    e.r = i, e.r0 = s;
+    var n = i - s < 0;
     // Reverse back
-        if (r < 0) {
-      a = e.r;
-      e.r = e.r0, e.r0 = a;
+        if (a < 0) {
+      r = e.r;
+      e.r = e.r0, e.r0 = r;
     }
-    return s;
+    return n;
   }
-}, nt = {
-  cartesian2d: function(t, e, r, a, i, n, s, o, h) {
-    var d = new S({
-      shape: x({}, a),
+}, ht = {
+  cartesian2d: function(t, e, a, r, i, s, n, o, h) {
+    var d = new x({
+      shape: k({}, r),
       z2: 1
     });
-    (d.__dataIndex = r, d.name = "item", n) && (d.shape[i ? "height" : "width"] = 0);
+    (d.__dataIndex = a, d.name = "item", s) && (d.shape[i ? "height" : "width"] = 0);
     return d;
   },
-  polar: function(t, e, r, a, i, n, s, o, h) {
-    var d = !i && h ? tt : M, c = new d({
-      shape: a,
+  polar: function(t, e, a, r, i, s, n, o, h) {
+    var d = !i && h ? rt : M, l = new d({
+      shape: r,
       z2: 1
     });
-    c.name = "item";
-    var u, f, g = createPolarPositionMapping(i);
+    l.name = "item";
+    var u, f, p = createPolarPositionMapping(i);
     // Animation
-    if (c.calculateTextPosition = (u = g, f = ({
-      isRoundCap: d === tt
-    } || {}).isRoundCap, function(t, e, r) {
-      var a = e.position;
-      if (!a || a instanceof Array) return l(t, e, r);
-      var i = u(a), n = null != e.distance ? e.distance : 5, s = this.shape, o = s.cx, h = s.cy, d = s.r, c = s.r0, p = (d + c) / 2, v = s.startAngle, g = s.endAngle, m = (v + g) / 2, b = f ? Math.abs(d - c) / 2 : 0, w = Math.cos, y = Math.sin, B = o + d * w(v), A = h + d * y(v), M = "left", S = "top";
+    if (l.calculateTextPosition = (u = p, f = ({
+      isRoundCap: d === rt
+    } || {}).isRoundCap, function(t, e, a) {
+      var r = e.position;
+      if (!r || r instanceof Array) return c(t, e, a);
+      var i = u(r), s = null != e.distance ? e.distance : 5, n = this.shape, o = n.cx, h = n.cy, d = n.r, l = n.r0, p = (d + l) / 2, v = n.startAngle, g = n.endAngle, b = (v + g) / 2, m = f ? Math.abs(d - l) / 2 : 0, w = Math.cos, y = Math.sin, B = o + d * w(v), A = h + d * y(v), S = "left", M = "top";
       switch (i) {
        case "startArc":
-        B = o + (c - n) * w(m), A = h + (c - n) * y(m), M = "center", S = "top";
+        B = o + (l - s) * w(b), A = h + (l - s) * y(b), S = "center", M = "top";
         break;
 
        case "insideStartArc":
-        B = o + (c + n) * w(m), A = h + (c + n) * y(m), M = "center", S = "bottom";
+        B = o + (l + s) * w(b), A = h + (l + s) * y(b), S = "center", M = "bottom";
         break;
 
        case "startAngle":
-        B = o + p * w(v) + adjustAngleDistanceX(v, n + b, !1), A = h + p * y(v) + adjustAngleDistanceY(v, n + b, !1), 
-        M = "right", S = "middle";
+        B = o + p * w(v) + adjustAngleDistanceX(v, s + m, !1), A = h + p * y(v) + adjustAngleDistanceY(v, s + m, !1), 
+        S = "right", M = "middle";
         break;
 
        case "insideStartAngle":
-        B = o + p * w(v) + adjustAngleDistanceX(v, -n + b, !1), A = h + p * y(v) + adjustAngleDistanceY(v, -n + b, !1), 
-        M = "left", S = "middle";
+        B = o + p * w(v) + adjustAngleDistanceX(v, -s + m, !1), A = h + p * y(v) + adjustAngleDistanceY(v, -s + m, !1), 
+        S = "left", M = "middle";
         break;
 
        case "middle":
-        B = o + p * w(m), A = h + p * y(m), M = "center", S = "middle";
+        B = o + p * w(b), A = h + p * y(b), S = "center", M = "middle";
         break;
 
        case "endArc":
-        B = o + (d + n) * w(m), A = h + (d + n) * y(m), M = "center", S = "bottom";
+        B = o + (d + s) * w(b), A = h + (d + s) * y(b), S = "center", M = "bottom";
         break;
 
        case "insideEndArc":
-        B = o + (d - n) * w(m), A = h + (d - n) * y(m), M = "center", S = "top";
+        B = o + (d - s) * w(b), A = h + (d - s) * y(b), S = "center", M = "top";
         break;
 
        case "endAngle":
-        B = o + p * w(g) + adjustAngleDistanceX(g, n + b, !0), A = h + p * y(g) + adjustAngleDistanceY(g, n + b, !0), 
-        M = "left", S = "middle";
+        B = o + p * w(g) + adjustAngleDistanceX(g, s + m, !0), A = h + p * y(g) + adjustAngleDistanceY(g, s + m, !0), 
+        S = "left", M = "middle";
         break;
 
        case "insideEndAngle":
-        B = o + p * w(g) + adjustAngleDistanceX(g, -n + b, !0), A = h + p * y(g) + adjustAngleDistanceY(g, -n + b, !0), 
-        M = "right", S = "middle";
+        B = o + p * w(g) + adjustAngleDistanceX(g, -s + m, !0), A = h + p * y(g) + adjustAngleDistanceY(g, -s + m, !0), 
+        S = "right", M = "middle";
         break;
 
        default:
-        return l(t, e, r);
+        return c(t, e, a);
       }
-      return (t = t || {}).x = B, t.y = A, t.align = M, t.verticalAlign = S, t;
-    }), n) {
-      var m = i ? "r" : "endAngle", b = {};
-      c.shape[m] = i ? a.r0 : a.startAngle, b[m] = a[m], (o ? v : p)(c, {
-        shape: b
-      }, n);
+      return (t = t || {}).x = B, t.y = A, t.align = S, t.verticalAlign = M, t;
+    }), s) {
+      var b = i ? "r" : "endAngle", m = {};
+      l.shape[b] = i ? r.r0 : r.startAngle, m[b] = r[b], (o ? g : v)(l, {
+        shape: m
+      }, s);
     }
-    return c;
+    return l;
   }
 };
 
-function updateRealtimeAnimation(t, e, r, a, i, n, s, o) {
+function updateRealtimeAnimation(t, e, a, r, i, s, n, o) {
   var h, d;
-  n ? (d = {
-    x: a.x,
-    width: a.width
+  s ? (d = {
+    x: r.x,
+    width: r.width
   }, h = {
-    y: a.y,
-    height: a.height
+    y: r.y,
+    height: r.height
   }) : (d = {
-    y: a.y,
-    height: a.height
+    y: r.y,
+    height: r.height
   }, h = {
-    x: a.x,
-    width: a.width
+    x: r.x,
+    width: r.width
   }), o || 
   // Keep the original growth animation if only axis order changed.
   // Not start a new animation.
-  (s ? v : p)(r, {
+  (n ? g : v)(a, {
     shape: h
   }, e, i, null);
   var l = e ? t.baseAxis.model : null;
-  (s ? v : p)(r, {
+  (n ? g : v)(a, {
     shape: d
   }, l, i);
 }
 
 function checkPropertiesNotValid(t, e) {
-  for (var r = 0; r < e.length; r++) if (!isFinite(t[e[r]])) return !0;
+  for (var a = 0; a < e.length; a++) if (!isFinite(t[e[a]])) return !0;
   return !1;
 }
 
-var st = [ "x", "y", "width", "height" ], ot = [ "cx", "cy", "r", "startAngle", "endAngle" ], ht = {
+var dt = [ "x", "y", "width", "height" ], lt = [ "cx", "cy", "r", "startAngle", "endAngle" ], ct = {
   cartesian2d: function(t) {
-    return !checkPropertiesNotValid(t, st);
+    return !checkPropertiesNotValid(t, dt);
   },
   polar: function(t) {
-    return !checkPropertiesNotValid(t, ot);
+    return !checkPropertiesNotValid(t, lt);
   }
-}, dt = {
+}, ut = {
   // itemModel is only used to get borderWidth, which is not needed
   // when calculating bar background layout.
-  cartesian2d: function(t, e, r) {
-    var a = t.getItemLayout(e), i = r ? 
+  cartesian2d: function(t, e, a) {
+    var r = t.getItemLayout(e), i = a ? 
     // In case width or height are too small.
     function(t, e) {
       // Has no border.
-      var r = t.get([ "itemStyle", "borderColor" ]);
-      if (!r || "none" === r) return 0;
-      var a = t.get([ "itemStyle", "borderWidth" ]) || 0, i = isNaN(e.width) ? Number.MAX_VALUE : Math.abs(e.width), n = isNaN(e.height) ? Number.MAX_VALUE : Math.abs(e.height);
+      var a = t.get([ "itemStyle", "borderColor" ]);
+      if (!a || "none" === a) return 0;
+      var r = t.get([ "itemStyle", "borderWidth" ]) || 0, i = isNaN(e.width) ? Number.MAX_VALUE : Math.abs(e.width), s = isNaN(e.height) ? Number.MAX_VALUE : Math.abs(e.height);
       // width or height may be NaN for empty data
-            return Math.min(a, i, n);
-    }(r, a) : 0, n = a.width > 0 ? 1 : -1, s = a.height > 0 ? 1 : -1;
+            return Math.min(r, i, s);
+    }(a, r) : 0, s = r.width > 0 ? 1 : -1, n = r.height > 0 ? 1 : -1;
     return {
-      x: a.x + n * i / 2,
-      y: a.y + s * i / 2,
-      width: a.width - n * i,
-      height: a.height - s * i
+      x: r.x + s * i / 2,
+      y: r.y + n * i / 2,
+      width: r.width - s * i,
+      height: r.height - n * i
     };
   },
-  polar: function(t, e, r) {
-    var a = t.getItemLayout(e);
+  polar: function(t, e, a) {
+    var r = t.getItemLayout(e);
     return {
-      cx: a.cx,
-      cy: a.cy,
-      r0: a.r0,
-      r: a.r,
-      startAngle: a.startAngle,
-      endAngle: a.endAngle,
-      clockwise: a.clockwise
+      cx: r.cx,
+      cy: r.cy,
+      r0: r.r0,
+      r: r.r,
+      startAngle: r.startAngle,
+      endAngle: r.endAngle,
+      clockwise: r.clockwise
     };
   }
 };
@@ -615,43 +615,43 @@ function createPolarPositionMapping(t) {
   }(t);
 }
 
-function updateStyle(t, e, r, a, i, n, o, h) {
-  var d = e.getItemVisual(r, "style");
+function updateStyle(t, e, a, r, i, s, n, h) {
+  var d = e.getItemVisual(a, "style");
   if (h) {
-    if (!n.get("roundCap")) {
-      var l = t.shape, f = Q(a.getModel("itemStyle"), l, !0);
-      x(l, f), t.setShape(l);
+    if (!s.get("roundCap")) {
+      var l = t.shape, c = G(r.getModel("itemStyle"), l, !0);
+      k(l, c), t.setShape(l);
     }
   } else {
-    var p = a.get([ "itemStyle", "borderRadius" ]) || 0;
+    var p = r.get([ "itemStyle", "borderRadius" ]) || 0;
     t.setShape("r", p);
   }
   t.useStyle(d);
-  var v = a.getShallow("cursor");
+  var v = r.getShallow("cursor");
   v && t.attr("cursor", v);
-  var g = h ? o ? i.r >= i.r0 ? "endArc" : "startArc" : i.endAngle >= i.startAngle ? "endAngle" : "startAngle" : o ? i.height >= 0 ? "bottom" : "top" : i.width >= 0 ? "right" : "left", m = k(a);
-  V(t, m, {
-    labelFetcher: n,
-    labelDataIndex: r,
-    defaultText: H(n.getData(), r),
+  var g = h ? n ? i.r >= i.r0 ? "endArc" : "startArc" : i.endAngle >= i.startAngle ? "endAngle" : "startAngle" : n ? i.height >= 0 ? "bottom" : "top" : i.width >= 0 ? "right" : "left", b = V(r);
+  C(t, b, {
+    labelFetcher: s,
+    labelDataIndex: a,
+    defaultText: J(s.getData(), a),
     inheritColor: d.fill,
     defaultOpacity: d.opacity,
     defaultOutsidePosition: g
   });
-  var b = t.getTextContent();
-  if (h && b) {
-    var w = a.get([ "label", "position" ]);
-    t.textConfig.inside = "middle" === w || null, function(t, e, r, a) {
-      if (c(a)) 
+  var m = t.getTextContent();
+  if (h && m) {
+    var w = r.get([ "label", "position" ]);
+    t.textConfig.inside = "middle" === w || null, function(t, e, a, r) {
+      if (u(r)) 
       // user-set rotation
       t.setTextConfig({
-        rotation: a
-      }); else if (u(e)) 
+        rotation: r
+      }); else if (f(e)) 
       // user-set position, use 0 as auto rotation
       t.setTextConfig({
         rotation: 0
       }); else {
-        var i, n = t.shape, s = n.clockwise ? n.startAngle : n.endAngle, o = n.clockwise ? n.endAngle : n.startAngle, h = (s + o) / 2, d = r(e);
+        var i, s = t.shape, n = s.clockwise ? s.startAngle : s.endAngle, o = s.clockwise ? s.endAngle : s.startAngle, h = (n + o) / 2, d = a(e);
         switch (d) {
          case "startArc":
          case "insideStartArc":
@@ -663,7 +663,7 @@ function updateStyle(t, e, r, a, i, n, o, h) {
 
          case "startAngle":
          case "insideStartAngle":
-          i = s;
+          i = n;
           break;
 
          case "endAngle":
@@ -687,23 +687,23 @@ function updateStyle(t, e, r, a, i, n, o, h) {
           rotation: l
         });
       }
-    }(t, "outside" === w ? g : w, createPolarPositionMapping(o), a.get([ "label", "rotate" ]));
+    }(t, "outside" === w ? g : w, createPolarPositionMapping(n), r.get([ "label", "rotate" ]));
   }
-  N(b, m, n.getRawValue(r), (function(t) {
-    return F(e, t);
+  N(m, b, s.getRawValue(a), (function(t) {
+    return K(e, t);
   }));
-  var y = a.getModel([ "emphasis" ]);
-  C(t, y.get("focus"), y.get("blurScope"), y.get("disabled")), P(t, a), function(t) {
+  var y = r.getModel([ "emphasis" ]);
+  P(t, y.get("focus"), y.get("blurScope"), y.get("disabled")), D(t, r), function(t) {
     return null != t.startAngle && null != t.endAngle && t.startAngle === t.endAngle;
-  }(i) && (t.style.fill = "none", t.style.stroke = "none", s(t.states, (function(t) {
+  }(i) && (t.style.fill = "none", t.style.stroke = "none", o(t.states, (function(t) {
     t.style && (t.style.fill = t.style.stroke = "none");
   })));
 }
 
-var LagePathShape = function() {}, lt = /** @class */ function(t) {
+var LagePathShape = function() {}, ft = /** @class */ function(t) {
   function LargePath(e) {
-    var r = t.call(this, e) || this;
-    return r.type = "largeBar", r;
+    var a = t.call(this, e) || this;
+    return a.type = "largeBar", a;
   }
   return n(LargePath, t), LargePath.prototype.getDefaultShape = function() {
     return new LagePathShape;
@@ -711,82 +711,82 @@ var LagePathShape = function() {}, lt = /** @class */ function(t) {
     for (
     // Drawing lines is more efficient than drawing
     // a whole line or drawing rects.
-    var r = e.points, a = this.baseDimIdx, i = 1 - this.baseDimIdx, n = [], s = [], o = this.barWidth, h = 0; h < r.length; h += 3) s[a] = o, 
-    s[i] = r[h + 2], n[a] = r[h + a], n[i] = r[h + i], t.rect(n[0], n[1], s[0], s[1]);
+    var a = e.points, r = this.baseDimIdx, i = 1 - this.baseDimIdx, s = [], n = [], o = this.barWidth, h = 0; h < a.length; h += 3) n[r] = o, 
+    n[i] = a[h + 2], s[r] = a[h + r], s[i] = a[h + i], t.rect(s[0], s[1], n[0], n[1]);
   }, LargePath;
-}(d);
+}(l);
 
-function createLarge(t, e, r, a) {
+function createLarge(t, e, a, r) {
   // TODO support polar
-  var i = t.getData(), n = i.getLayout("valueAxisHorizontal") ? 1 : 0, s = i.getLayout("largeDataIndices"), o = i.getLayout("size"), h = t.getModel("backgroundStyle"), d = i.getLayout("largeBackgroundPoints");
+  var i = t.getData(), s = i.getLayout("valueAxisHorizontal") ? 1 : 0, n = i.getLayout("largeDataIndices"), o = i.getLayout("size"), h = t.getModel("backgroundStyle"), d = i.getLayout("largeBackgroundPoints");
   if (d) {
-    var l = new lt({
+    var l = new ft({
       shape: {
         points: d
       },
-      incremental: !!a,
+      incremental: !!r,
       silent: !0,
       z2: 0
     });
-    l.baseDimIdx = n, l.largeDataIndices = s, l.barWidth = o, l.useStyle(h.getItemStyle()), 
-    e.add(l), r && r.push(l);
+    l.baseDimIdx = s, l.largeDataIndices = n, l.barWidth = o, l.useStyle(h.getItemStyle()), 
+    e.add(l), a && a.push(l);
   }
-  var c = new lt({
+  var c = new ft({
     shape: {
       points: i.getLayout("largePoints")
     },
-    incremental: !!a,
+    incremental: !!r,
     ignoreCoarsePointer: !0,
     z2: 1
   });
-  c.baseDimIdx = n, c.largeDataIndices = s, c.barWidth = o, e.add(c), c.useStyle(i.getVisual("style")), 
+  c.baseDimIdx = s, c.largeDataIndices = n, c.barWidth = o, e.add(c), c.useStyle(i.getVisual("style")), 
   // Stroke is rendered first to avoid overlapping with fill
   c.style.stroke = null, 
   // Enable tooltip and user mouse/touch event handlers.
-  B(c).seriesIndex = t.seriesIndex, t.get("silent") || (c.on("mousedown", ct), c.on("mousemove", ct)), 
-  r && r.push(c);
+  A(c).seriesIndex = t.seriesIndex, t.get("silent") || (c.on("mousedown", pt), c.on("mousemove", pt)), 
+  a && a.push(c);
 }
 
 // Use throttle to avoid frequently traverse to find dataIndex.
-var ct = D((function(t) {
-  var e = function(t, e, r) {
-    for (var a = t.baseDimIdx, i = 1 - a, n = t.shape.points, s = t.largeDataIndices, o = [], h = [], d = t.barWidth, l = 0, c = n.length / 3; l < c; l++) {
+var pt = z((function(t) {
+  var e = function(t, e, a) {
+    for (var r = t.baseDimIdx, i = 1 - r, s = t.shape.points, n = t.largeDataIndices, o = [], h = [], d = t.barWidth, l = 0, c = s.length / 3; l < c; l++) {
       var u = 3 * l;
-      if (h[a] = d, h[i] = n[u + 2], o[a] = n[u + a], o[i] = n[u + i], h[i] < 0 && (o[i] += h[i], 
-      h[i] = -h[i]), e >= o[0] && e <= o[0] + h[0] && r >= o[1] && r <= o[1] + h[1]) return s[l];
+      if (h[r] = d, h[i] = s[u + 2], o[r] = s[u + r], o[i] = s[u + i], h[i] < 0 && (o[i] += h[i], 
+      h[i] = -h[i]), e >= o[0] && e <= o[0] + h[0] && a >= o[1] && a <= o[1] + h[1]) return n[l];
     }
     return -1;
   }(this, t.offsetX, t.offsetY);
-  B(this).dataIndex = e >= 0 ? e : null;
+  A(this).dataIndex = e >= 0 ? e : null;
 }), 30, !1);
 
-function createBackgroundShape(t, e, r) {
-  if (Y(r, "cartesian2d")) {
-    var a = e, i = r.getArea();
+function createBackgroundShape(t, e, a) {
+  if (H(a, "cartesian2d")) {
+    var r = e, i = a.getArea();
     return {
-      x: t ? a.x : i.x,
-      y: t ? i.y : a.y,
-      width: t ? a.width : i.width,
-      height: t ? i.height : a.height
+      x: t ? r.x : i.x,
+      y: t ? i.y : r.y,
+      width: t ? r.width : i.width,
+      height: t ? i.height : r.height
     };
   }
-  var n = e;
+  var s = e;
   return {
-    cx: (i = r.getArea()).cx,
+    cx: (i = a.getArea()).cx,
     cy: i.cy,
-    r0: t ? i.r0 : n.r0,
-    r: t ? i.r : n.r,
-    startAngle: t ? n.startAngle : 0,
-    endAngle: t ? n.endAngle : 2 * Math.PI
+    r0: t ? i.r0 : s.r0,
+    r: t ? i.r : s.r,
+    startAngle: t ? s.startAngle : 0,
+    endAngle: t ? s.endAngle : 2 * Math.PI
   };
 }
 
-j([ O, function(t) {
-  t.registerChartView(at), t.registerSeriesModel($), t.registerLayout(t.PRIORITY.VISUAL.LAYOUT, z(L, "bar")), 
+I([ O, function(t) {
+  t.registerChartView(nt), t.registerSeriesModel(at), t.registerLayout(t.PRIORITY.VISUAL.LAYOUT, L(U, "bar")), 
   // Do layout after other overall layout, which can prepare some information.
-  t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, U("bar")), 
+  t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, j("bar")), 
   // Down sample after filter
-  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, q("bar")), 
+  t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, Q("bar")), 
   /**
    * @payload
    * @property {string} [componentType=series]
@@ -801,19 +801,30 @@ j([ O, function(t) {
     event: "changeAxisOrder",
     update: "update"
   }, (function(t, e) {
-    var r = t.componentType || "series";
+    var a = t.componentType || "series";
     e.eachComponent({
-      mainType: r,
+      mainType: a,
       query: t
     }, (function(e) {
       t.sortInfo && e.axis.setCategorySortInfo(t.sortInfo);
     }));
   }));
-}, I, Z, G, J ]);
+}, E, tt, Z, $ ]);
 
-const ut = class {
+const vt = class {
   constructor(e) {
-    t(this, e), 
+    t(this, e), this.keyboard = R({
+      getChart: () => this.chart,
+      getData: () => this.data,
+      onChange: t => this.keyboardIndex = t,
+      getOrder: () => {
+        const t = this.data.map(((t, e) => e));
+        return this.sort ? t.sort(((t, e) => this.data[e].value - this.data[t].value)) : 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. */
@@ -841,6 +852,7 @@ const ut = class {
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
+    this.keyboard.onBlur(), 
     // Remove event listeners
     window.removeEventListener("resize", this.resizeEventListener), 
     // Clean up chart instance
@@ -852,23 +864,39 @@ const ut = class {
     this.chartContainer = null, this.resizeEventListener = null, this.chartFinishedListener = null;
   }
   componentDidLoad() {
-    const t = R(this.chartContainer);
+    const t = T(this.chartContainer);
     this.chart = t, this.resizeEventListener = () => this.resizeChart(), window.addEventListener("resize", this.resizeEventListener), 
-    this.cacheComputedStyles(), this.updateChart(t), this.setupChartEvents(t), a(this.hostElement);
+    this.cacheComputedStyles(), this.updateChart(t), this.setupChartEvents(t), r(this.hostElement);
+  }
+  // #endregion
+  // #region Listeners
+  delegateFocus(t) {
+    var e;
+    i(t, this.hostElement) && this.data.length && (null === (e = this.chartContainer) || void 0 === e || e.focus());
   }
   // #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 a = (null === (t = this.formatModifier) || void 0 === t ? void 0 : t.includes("dec")) ? this.formatModifier.replace("dec", "") : 0;
+    return X(e.name, _(e.value || 0, {
+      type: this.format,
+      decimals: a
+    }), this.sort ? [ ...this.data ].sort(((t, e) => e.value - t.value)).indexOf(e) : this.keyboardIndex, this.data.length);
+  }
   cacheComputedStyles() {
     this.chartContainerStyles = getComputedStyle(this.chartContainer), this.hostElementStyles = getComputedStyle(this.hostElement);
   }
   getColor(t) {
-    const e = E("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), r = E(this.color, this.chartContainerStyles, this.hostElementStyles), a = E(t, this.chartContainerStyles, this.hostElementStyles);
-    return a || (T(t) ? t : r || (T(this.color) ? this.color : e));
+    const e = W("var(--t-primary)", this.chartContainerStyles, this.hostElementStyles), a = W(this.color, this.chartContainerStyles, this.hostElementStyles), r = W(t, this.chartContainerStyles, this.hostElementStyles);
+    return r || (Y(t) ? t : a || (Y(this.color) ? this.color : e));
   }
   processData(t) {
     return t.map((t => ({
@@ -884,16 +912,16 @@ const ut = class {
   setupChartEvents(t) {
     this.chartFinishedListener = () => {
       var e;
-      const r = t.getDom().querySelector("canvas");
-      null !== (e = null == r ? void 0 : r.hasAttribute("aria-hidden")) && void 0 !== e && e || r.setAttribute("aria-hidden", "true");
+      const a = t.getDom().querySelector("canvas");
+      null !== (e = null == a ? void 0 : a.hasAttribute("aria-hidden")) && void 0 !== e && e || a.setAttribute("aria-hidden", "true");
     }, t.on("finished", this.chartFinishedListener);
   }
   updateChart(t) {
-    var e;
-    const r = (null === (e = this.formatModifier) || void 0 === e ? void 0 : e.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, a = {
+    var e, a;
+    const r = (null === (e = this.formatModifier) || void 0 === e ? void 0 : e.includes("dec")) ? this.formatModifier.replace("dec", "") : 0, i = {
       type: "value",
       axisLabel: {
-        formatter: t => W(t, {
+        formatter: t => _(t, {
           type: this.format,
           decimals: r
         }),
@@ -903,7 +931,7 @@ const ut = class {
       }
     }, n = {
       type: "category",
-      data: this.data.map((t => i(t.name) || "")),
+      data: this.data.map((t => s(t.name) || "")),
       axisLabel: {
         rotate: this.offsetDataNames ? 45 : 0,
         margin: this.offsetDataNames ? 15 : 8,
@@ -916,12 +944,12 @@ const ut = class {
         alignWithLabel: this.offsetDataNames
       }
     };
-    return t.setOption({
+    t.setOption({
       aria: {
         enabled: !0
       },
       title: {
-        text: i(this.chartName),
+        text: s(this.chartName),
         show: this.showChartName,
         left: this.alignChartName,
         subtext: this.chartSubTitle
@@ -930,8 +958,8 @@ const ut = class {
         containLabel: !0,
         ...this.gridPadding
       },
-      xAxis: "horizontal" === this.orientation ? a : n,
-      yAxis: "horizontal" === this.orientation ? n : a,
+      xAxis: "horizontal" === this.orientation ? i : n,
+      yAxis: "horizontal" === this.orientation ? n : i,
       series: [ {
         data: this.processData(this.data),
         id: "bar",
@@ -940,31 +968,47 @@ const ut = class {
           show: !this.hideBarLabels,
           position: "top",
           fontWeight: "bold",
-          formatter: t => W(t.value, {
+          formatter: t => _(t.value, {
             type: this.format,
             decimals: r
           })
         },
         realtimeSort: this.sort
       } ]
-    });
+    }), 
+    // ECharts ARIA sets role="img" when options change; retain the keyboard interaction role.
+    null === (a = this.chartContainer) || void 0 === a || a.setAttribute("role", "application");
   }
   // #endregion
   // #region Render Methods
   render() {
     return e("div", {
-      key: "36a77a29d5e06363f2cd2267c298429cd2ef9864",
+      key: "2764d138c5aee7d65df3361a7d4720e00ba13368",
       class: "container"
     }, e("div", {
-      key: "e7382ecf3ed8323ffbf1c57a78c870d7d7c4b718",
+      key: "864b3f1d5987a101ab008e37e99c874cc411c143",
       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": "barChartContainer"
-    }));
+    }), e("div", {
+      key: "3b6aa42b27e86f75cd4d1fc3d2efe823b950864c",
+      id: "chart-keyboard-instructions",
+      class: "sr"
+    }, s("tecton.element.chart.keyboardInstructions")), e("div", {
+      key: "5d216b8ccce18ea77f136fd43ab81db335b38d89",
+      class: null === this.keyboardIndex ? "sr" : "chart-keyboard-value",
+      role: "status",
+      "aria-atomic": "true"
+    }, this.keyboardDescription));
   }
   get hostElement() {
-    return r(this);
+    return a(this);
   }
   static get watchers() {
     return {
@@ -1017,6 +1061,6 @@ const ut = class {
   }
 };
 
-ut.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-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}';
+vt.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-bar-chart-width, 100%);height:var(--tct-bar-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 { ut as q2_chart_bar }
+export { vt as q2_chart_bar }