q2-tecton-elements 1.72.0 → 1.73.0

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

@@ -1,14 +1,14 @@
 import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
 
-import { o, i as a, l as r, g as s } from "./index-DJw6Feh0.js";
+import { l as o, o as a, i as r, g as s } from "./index-CP8pXJ-l.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-import { br as c, U as h, _ as d, aX as u, bs as f, bt as p, bq as v, bu as g, g as m, bv as b, bw as w, ao as y, E as x, v as S, an as T, bx as M, z as L, r as C, ai as I, by as k, ar as A, bz as P, bA as V, bB as z, bC as D, h as N, bD as R, bE as O, bF as H, bG as B, bH as U, bI as W, bJ as F, bK as X, bL as G, bM as Y, bN as $, bO as E, bP as j, p as _, b6 as q, bQ as K, bl as Z, bR as J, bS as Q, bT as tt, V as et, a4 as it, bm as nt, bU as ot, aZ as at, bV as rt, aD as st, F as lt, K as ct, o as ht, O as dt, d as ut, a1 as ft, bW as pt, bX as vt, X as gt, bY as mt, bn as bt, bZ as wt, b_ as yt, b$ as xt, ab as St, c0 as Tt, a_ as Mt, I as Lt, a$ as Ct, c1 as It, A as kt, c2 as At, m as Pt, aV as Vt, P as zt, t as Dt, R as Nt, N as Rt, Q as Ot, y as Ht, M as Bt, $ as Ut, Z as Wt, W as Ft, a as Xt, c3 as Gt, aJ as Yt, aL as $t, c4 as Et, c5 as jt, c6 as _t, H as qt, c7 as Kt, a6 as Zt, a5 as Jt, a7 as Qt, a8 as te } from "./charting-DOZct-UB.js";
+import { bt as c, U as h, _ as d, aZ as u, bu as f, bv as p, bs as v, bw as g, g as m, bx as b, by as y, aq as w, E as x, v as S, ap as T, bz as M, z as L, r as C, ak as I, bA as k, at as A, bB as P, bC as V, bD as z, bE as D, h as N, bF as R, bG as H, bH as O, bI as B, bJ as U, bK as W, bL as F, bM as X, bN as Y, bO as E, bP as G, bQ as $, bR as j, p as _, b8 as q, bS as K, bn as J, bT as Z, bU as Q, bV as tt, V as et, a4 as it, bo as nt, bW as ot, a$ as at, bX as rt, aF as st, F as lt, K as ct, o as ht, O as dt, d as ut, a1 as ft, bY as pt, bZ as vt, X as gt, b_ as mt, bp as bt, b$ as yt, c0 as wt, c1 as xt, ad as St, c2 as Tt, b0 as Mt, I as Lt, b1 as Ct, c3 as It, A as kt, c4 as At, m as Pt, aX as Vt, P as zt, t as Dt, R as Nt, N as Rt, Q as Ht, y as Ot, M as Bt, $ as Ut, Z as Wt, W as Ft, a as Xt, c5 as Yt, aL as Et, aN as Gt, c6 as $t, c7 as jt, c8 as _t, H as qt, c9 as Kt, a6 as Jt, a5 as Zt, a9 as Qt, a8 as te, ab as ee } from "./charting-DFXJklqs.js";
 
-import { l as ee, a as ie, g as ne, s as oe, b as ae, i as re } from "./sectorHelper--RMGWGAy.js";
+import { l as ie, a as ne, g as oe, s as ae, b as re, i as se } from "./sectorHelper-DBtkWtpl.js";
 
-var se = /** @class */ function(t) {
+var le = /** @class */ function(t) {
   function TooltipModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = TooltipModel.type, e;
@@ -90,7 +90,7 @@ function testStyle(t) {
   if (p.domSupported) for (var e = document.documentElement.style, i = 0, n = t.length; i < n; i++) if (t[i] in e) return t[i];
 }
 
-var le = testStyle([ "transform", "webkitTransform", "OTransform", "MozTransform", "msTransform" ]);
+var ce = testStyle([ "transform", "webkitTransform", "OTransform", "MozTransform", "msTransform" ]);
 
 function toCSSVendorPrefix(t, e) {
   if (!t) return e;
@@ -100,7 +100,7 @@ function toCSSVendorPrefix(t, e) {
 }
 
 /* global document, window */
-var ce = toCSSVendorPrefix(testStyle([ "webkitTransition", "transition", "OTransition", "MozTransition", "msTransition" ]), "transition"), he = toCSSVendorPrefix(le, "transform"), de = "position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;" + (p.transform3dSupported ? "will-change:transform;" : "");
+var he = toCSSVendorPrefix(testStyle([ "webkitTransition", "transition", "OTransition", "MozTransition", "msTransition" ]), "transition"), de = toCSSVendorPrefix(ce, "transform"), ue = "position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;" + (p.transform3dSupported ? "will-change:transform;" : "");
 
 function assembleTransform(t, e, i) {
   // If using float on style, the final width of the dom might
@@ -110,7 +110,7 @@ function assembleTransform(t, e, i) {
   if (!p.transformSupported) return i ? "top:" + o + ";left:" + n + ";" : [ [ "top", o ], [ "left", n ] ];
   // support transform
     var a = p.transform3dSupported, r = "translate" + (a ? "3d" : "") + "(" + n + "," + o + (a ? ",0" : "") + ")";
-  return i ? "top:0;left:0;" + he + ":" + r + ";" : [ [ "top", 0 ], [ "left", 0 ], [ le, r ] ];
+  return i ? "top:0;left:0;" + de + ":" + r + ";" : [ [ "top", 0 ], [ "left", 0 ], [ ce, r ] ];
 }
 
 /**
@@ -123,8 +123,8 @@ function assembleTransform(t, e, i) {
   // Animation transition. Do not animate when transitionDuration is 0.
   e && o && n.push(function(t, e) {
     var i = "cubic-bezier(0.23,1,0.32,1)", n = " " + t / 2 + "s " + i, o = "opacity" + n + ",visibility" + n;
-    return e || (n = " " + t + "s " + i, o += p.transformSupported ? "," + he + n : ",left" + n + ",top" + n), 
-    ce + ":" + o;
+    return e || (n = " " + t + "s " + i, o += p.transformSupported ? "," + de + n : ",left" + n + ",top" + n), 
+    he + ":" + o;
   }(o, i)), a && n.push("background-color:" + a), 
   // Border style
   S([ "width", "color", "radius" ], (function(e) {
@@ -156,7 +156,7 @@ function makeStyleCoord$1(t, e, i, n, o) {
     var r = a && a.getViewportRoot();
     r && 
     // Some APPs might use scale on body, so we support CSS transform here.
-    w(t, r, i, n, o);
+    y(t, r, i, n, o);
   } else {
     t[0] = n, t[1] = o;
     // xy should be based on canvas root. But tooltipContent is
@@ -168,7 +168,7 @@ function makeStyleCoord$1(t, e, i, n, o) {
   t[2] = t[0] / e.getWidth(), t[3] = t[1] / e.getHeight();
 }
 
-var ue = /** @class */ function() {
+var fe = /** @class */ function() {
   function TooltipHTMLContent(t, e) {
     if (this._show = !1, this._styleCoord = [ 0, 0, 0, 0 ], this._enterable = !0, this._alwaysShowContent = !1, 
     this._firstShow = !0, this._longHide = !0, p.wxa) return null;
@@ -220,7 +220,7 @@ var ue = /** @class */ function() {
   }, TooltipHTMLContent.prototype.show = function(t, e) {
     clearTimeout(this._hideTimeout), clearTimeout(this._longHideTimeout);
     var i = this.el, n = i.style, o = this._styleCoord;
-    i.innerHTML ? n.cssText = de + assembleCssText(t, !this._firstShow, this._longHide) + assembleTransform(o[0], o[1], !0) + "border-color:" + y(e) + ";" + (t.get("extraCssText") || "") + ";pointer-events:" + (this._enterable ? "auto" : "none") : n.display = "none", 
+    i.innerHTML ? n.cssText = ue + assembleCssText(t, !this._firstShow, this._longHide) + assembleTransform(o[0], o[1], !0) + "border-color:" + w(e) + ";" + (t.get("extraCssText") || "") + ";pointer-events:" + (this._enterable ? "auto" : "none") : n.display = "none", 
     this._show = !0, this._firstShow = !1, this._longHide = !1;
   }, TooltipHTMLContent.prototype.setContent = function(t, e, i, n, o) {
     var a = this.el;
@@ -229,8 +229,8 @@ var ue = /** @class */ function() {
       if (v(o) && "item" === i.get("trigger") && !shouldTooltipConfine(i) && (r = function(t, e, i) {
         if (!v(i) || "inside" === i) return "";
         var n = t.get("backgroundColor"), o = t.get("borderWidth");
-        e = y(e);
-        var a, r, s = "left" === (a = i) ? "right" : "right" === a ? "left" : "top" === a ? "bottom" : "top", l = Math.max(1.5 * Math.round(o), 6), c = "", h = he + ":";
+        e = w(e);
+        var a, r, s = "left" === (a = i) ? "right" : "right" === a ? "left" : "top" === a ? "bottom" : "top", l = Math.max(1.5 * Math.round(o), 6), c = "", h = de + ":";
         L([ "left", "right" ], s) > -1 ? (c += "top:50%", h += "translateY(-50%) rotate(" + (r = "left" === s ? -225 : -45) + "deg)") : (c += "left:50%", 
         h += "translateX(-50%) rotate(" + (r = "top" === s ? 225 : 45) + "deg)");
         var d = r * Math.PI / 180, u = l + o, f = u * Math.abs(Math.cos(d)) + u * Math.abs(Math.sin(d)), p = e + " solid " + o + "px;";
@@ -290,7 +290,7 @@ var ue = /** @class */ function() {
     var t = this.el.parentNode;
     t && t.removeChild(this.el), this.el = this._container = null;
   }, TooltipHTMLContent;
-}(), fe = /** @class */ function() {
+}(), pe = /** @class */ function() {
   function TooltipRichContent(t) {
     this._show = !1, this._styleCoord = [ 0, 0, 0, 0 ], this._alwaysShowContent = !1, 
     this._enterable = !0, this._zr = t.getZr(), makeStyleCoord(this._styleCoord, this._zr, t.getWidth() / 2, t.getHeight() / 2);
@@ -393,14 +393,14 @@ function makeStyleCoord(t, e, i, n) {
   t[0] = i, t[1] = n, t[2] = t[0] / e.getWidth(), t[3] = t[1] / e.getHeight();
 }
 
-var pe = new h({
+var ve = new h({
   shape: {
     x: -1,
     y: -1,
     width: 2,
     height: 2
   }
-}), ve = /** @class */ function(t) {
+}), ge = /** @class */ function(t) {
   function TooltipView() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = TooltipView.type, e;
@@ -408,7 +408,7 @@ var pe = new h({
   return d(TooltipView, t), TooltipView.prototype.init = function(t, e) {
     if (!p.node && e.getDom()) {
       var i = t.getComponent("tooltip"), n = this._renderMode = P(i.get("renderMode"));
-      this._tooltipContent = "richText" === n ? new fe(e) : new ue(e, {
+      this._tooltipContent = "richText" === n ? new pe(e) : new fe(e, {
         appendTo: i.get("appendToBody", !0) ? "body" : i.get("appendTo", !0)
       });
     }
@@ -484,7 +484,7 @@ var pe = new h({
  * If not found, return null/undefined.
  */
       function(t, e, i) {
-        var n = J(t).queryOptionMap, o = n.keys()[0];
+        var n = Z(t).queryOptionMap, o = n.keys()[0];
         if (!o || "series" === o) return;
         var a = Q(e, o, n.get(o), {
           useDefault: !1,
@@ -515,7 +515,7 @@ var pe = new h({
           positionDefault: "bottom"
         }, o);
       } else if (n.tooltip && null != n.x && null != n.y) {
-        var l = pe;
+        var l = ve;
         l.x = n.x, l.y = n.y, l.update(), N(l).tooltipConfig = {
           name: null,
           option: n.tooltip
@@ -588,7 +588,7 @@ var pe = new h({
         if ("legend" === N(i).ssrType) 
         // Don't trigger tooltip for legend tooltip item
         return;
-        this._lastDataByCoordSys = null, O(i, (function(t) {
+        this._lastDataByCoordSys = null, H(i, (function(t) {
           // Always show item tooltip if mouse is on the element with dataIndex
           return null != N(t).dataIndex ? (o = t, !0) : 
           // Tooltip provided directly. Like legend.
@@ -604,7 +604,7 @@ var pe = new h({
     var i = t.get("showDelay");
     e = T(e, this), clearTimeout(this._showTimout), i > 0 ? this._showTimout = setTimeout(e, i) : e();
   }, TooltipView.prototype._showAxisTooltip = function(t, e) {
-    var i = this._ecModel, n = this._tooltipModel, o = [ e.offsetX, e.offsetY ], a = buildTooltipModel([ e.tooltipOption ], n), r = this._renderMode, s = [], l = H("section", {
+    var i = this._ecModel, n = this._tooltipModel, o = [ e.offsetX, e.offsetY ], a = buildTooltipModel([ e.tooltipOption ], n), r = this._renderMode, s = [], l = O("section", {
       blocks: [],
       noHeader: !0
     }), c = [], h = new F;
@@ -612,7 +612,7 @@ var pe = new h({
       S(t.dataByAxis, (function(t) {
         var e = i.getComponent(t.axisDim + "Axis", t.axisIndex), o = t.value;
         if (e && null != o) {
-          var a = B(o, e.axis, i, t.seriesDataIndices, t.valueLabelOpt), d = H("section", {
+          var a = B(o, e.axis, i, t.seriesDataIndices, t.valueLabelOpt), d = O("section", {
             header: a,
             noHeader: !U(a),
             sortBlocks: !0,
@@ -628,7 +628,7 @@ var pe = new h({
               }), p.axisValueLabel = a, 
               // Pre-create marker style for makers. Users can assemble richText
               // text in `formatter` callback and use those markers style.
-              p.marker = h.makeTooltipMarker("item", y(p.color), r);
+              p.marker = h.makeTooltipMarker("item", w(p.color), r);
               var v = X(u.formatTooltip(f, !0, null)), g = v.frag;
               if (g) {
                 var m = buildTooltipModel([ u ], n).get("valueFormatter");
@@ -645,7 +645,7 @@ var pe = new h({
     // In most cases, the second axis is displays upper on the first one.
     // So we reverse it to look better.
     l.blocks.reverse(), c.reverse();
-    var d = e.position, u = a.get("order"), f = G(l, h, r, u, i.get("useUTC"), a.get("textStyle"));
+    var d = e.position, u = a.get("order"), f = Y(l, h, r, u, i.get("useUTC"), a.get("textStyle"));
     f && c.unshift(f);
     var p = "richText" === r ? "\n\n" : "<br/>", v = c.join(p);
     this._showOrMove(a, (function() {
@@ -659,9 +659,9 @@ var pe = new h({
       var v = s.getDataParams(l, c), g = new F;
       // Pre-create marker style for makers. Users can assemble richText
       // text in `formatter` callback and use those markers style.
-      v.marker = g.makeTooltipMarker("item", y(v.color), d);
-      var m = X(s.formatTooltip(l, !1, c)), b = f.get("order"), w = f.get("valueFormatter"), x = m.frag, S = x ? G(w ? et({
-        valueFormatter: w
+      v.marker = g.makeTooltipMarker("item", w(v.color), d);
+      var m = X(s.formatTooltip(l, !1, c)), b = f.get("order"), y = f.get("valueFormatter"), x = m.frag, S = x ? Y(y ? et({
+        valueFormatter: y
       }, x) : x, g, d, b, n.get("useUTC"), f.get("textStyle")) : m.text, T = "item_" + s.name + "_" + l;
       this._showOrMove(f, (function() {
         this._showTooltipContent(f, S, v, T, t.offsetX, t.offsetY, t.position, t.target, g);
@@ -691,7 +691,7 @@ var pe = new h({
     }
     r && n && a.content && ((
     // clone might be unnecessary?
-    a = Y(a)).content = $(a.content));
+    a = E(a)).content = G(a.content));
     var s = [ a ], l = this._ecModel.getComponent(o.componentMainType, o.componentIndex);
     l && s.push(l), 
     // In most cases, component tooltip formatter has different params with series tooltip formatter,
@@ -709,7 +709,7 @@ var pe = new h({
     this._showOrMove(h, (function() {
       // Use formatterParams from element defined in component
       // Avoid users modify it.
-      var i = Y(h.get("formatterParams") || {});
+      var i = E(h.get("formatterParams") || {});
       this._showTooltipContent(h, d, i, u, t.offsetX, t.offsetY, t.position, e, f);
     })), 
     // If not dispatch showTip, tip may be hide triggered by axis.
@@ -731,7 +731,7 @@ var pe = new h({
       var d = e, u = this._getNearestPoint([ o, a ], i, t.get("trigger"), t.get("borderColor")).color;
       if (h) if (v(h)) {
         var f = t.ecModel.get("useUTC"), p = x(i) ? i[0] : i;
-        d = h, p && p.axisType && p.axisType.indexOf("time") >= 0 && (d = E(p.axisValue, d, f)), 
+        d = h, p && p.axisType && p.axisType.indexOf("time") >= 0 && (d = $(p.axisValue, d, f)), 
         d = j(d, i, !0);
       } else if (m(h)) {
         var g = T((function(e, n) {
@@ -856,7 +856,7 @@ var pe = new h({
     !p.node && e.getDom() && (z(this, "_updatePosition"), this._tooltipContent.dispose(), 
     K("itemTooltip", e));
   }, TooltipView.type = "tooltip", TooltipView;
-}(Z);
+}(J);
 
 /**
  * From top to bottom. (the last one should be globalTooltipModel);
@@ -888,7 +888,7 @@ function isCenterAlign(t) {
   return "center" === t || "middle" === t;
 }
 
-var ge = /** @class */ function(t) {
+var me = /** @class */ function(t) {
   function LegendModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = LegendModel.type, e.layoutMode = {
@@ -1083,7 +1083,7 @@ var ge = /** @class */ function(t) {
       show: !1
     }
   }, LegendModel;
-}(u), me = ft, be = S, we = dt, ye = /** @class */ function(t) {
+}(u), be = ft, ye = S, we = dt, xe = /** @class */ function(t) {
   function LegendView() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = LegendView.type, e.newlineDisabled = !1, e;
@@ -1152,7 +1152,7 @@ var ge = /** @class */ function(t) {
     var s = this.getContentGroup(), l = st(), c = e.get("selectedMode"), h = [];
     i.eachRawSeries((function(t) {
       !t.get("legendHoverLink") && h.push(t.id);
-    })), be(e.getData(), (function(o, a) {
+    })), ye(e.getData(), (function(o, a) {
       var r = o.get("name");
       // Use empty string or \n as a newline string
             if (!this.newlineDisabled && ("" === r || "\n" === r)) {
@@ -1166,7 +1166,7 @@ var ge = /** @class */ function(t) {
       // Legend to control series.
       if (u) {
         var f = u.getData(), p = f.getVisual("legendLineStyle") || {}, v = f.getVisual("legendIcon"), g = f.getVisual("style"), m = this._createItem(u, r, a, o, e, t, p, g, v, c, n);
-        m.on("click", me(dispatchSelectAction, r, null, n, h)).on("mouseover", me(dispatchHighlightAction, u.name, null, n, h)).on("mouseout", me(dispatchDownplayAction, u.name, null, n, h)), 
+        m.on("click", be(dispatchSelectAction, r, null, n, h)).on("mouseover", be(dispatchHighlightAction, u.name, null, n, h)).on("mouseout", be(dispatchDownplayAction, u.name, null, n, h)), 
         i.ssr && m.eachChild((function(t) {
           var e = N(t);
           e.seriesIndex = u.seriesIndex, e.dataIndex = a, e.ssrType = "legend";
@@ -1188,7 +1188,7 @@ var ge = /** @class */ function(t) {
           }));
           var g = this._createItem(s, r, a, o, e, t, {}, f, p, c, n);
           // FIXME: consider different series has items with the same name.
-                    g.on("click", me(dispatchSelectAction, null, r, n, h)).on("mouseover", me(dispatchHighlightAction, null, r, n, h)).on("mouseout", me(dispatchDownplayAction, null, r, n, h)), 
+                    g.on("click", be(dispatchSelectAction, null, r, n, h)).on("mouseover", be(dispatchHighlightAction, null, r, n, h)).on("mouseout", be(dispatchDownplayAction, null, r, n, h)), 
           i.ssr && g.eachChild((function(t) {
             var e = N(t);
             e.seriesIndex = s.seriesIndex, e.dataIndex = a, e.ssrType = "legend";
@@ -1198,7 +1198,7 @@ var ge = /** @class */ function(t) {
     }), this), o && this._createSelector(o, e, n, a, r);
   }, LegendView.prototype._createSelector = function(t, e, i, n, o) {
     var a = this.getSelectorGroup();
-    be(t, (function(t) {
+    ye(t, (function(t) {
       var n = t.type, o = new A({
         style: {
           x: 0,
@@ -1223,14 +1223,14 @@ var ge = /** @class */ function(t) {
       }), mt(o);
     }));
   }, LegendView.prototype._createItem = function(t, e, i, n, o, a, r, s, l, c, d) {
-    var u = t.visualDrawType, f = o.get("itemWidth"), p = o.get("itemHeight"), g = o.isSelected(e), b = n.get("symbolRotate"), w = n.get("symbolKeepAspect"), y = n.get("icon"), x = function(t, e, i, n, o, a, r) {
+    var u = t.visualDrawType, f = o.get("itemWidth"), p = o.get("itemHeight"), g = o.isSelected(e), b = n.get("symbolRotate"), y = n.get("symbolKeepAspect"), w = n.get("icon"), x = function(t, e, i, n, o, a, r) {
       /**
    * Use series style if is inherit;
    * elsewise, use legend style
    */
       function handleCommonProps(t, e) {
         // If lineStyle.width is 'auto', it is set to be 2 if series has border
-        "auto" === t.lineWidth && (t.lineWidth = e.lineWidth > 0 ? 2 : 0), be(t, (function(i, n) {
+        "auto" === t.lineWidth && (t.lineWidth = e.lineWidth > 0 ? 2 : 0), ye(t, (function(i, n) {
           "inherit" === t[n] && (t[n] = e[n]);
         }));
       }
@@ -1273,10 +1273,10 @@ var ge = /** @class */ function(t) {
         itemStyle: l,
         lineStyle: u
       };
-    }(l = y || l || "roundRect", n, r, s, u, g, d), S = new we, T = n.getModel("textStyle");
-    if (!m(t.getLegendIcon) || y && "inherit" !== y) {
+    }(l = w || l || "roundRect", n, r, s, u, g, d), S = new we, T = n.getModel("textStyle");
+    if (!m(t.getLegendIcon) || w && "inherit" !== w) {
       // Use default legend icon policy for most series
-      var M = "inherit" === y && t.getData().getVisual("symbol") ? "inherit" === b ? t.getData().getVisual("symbolRotate") : b : 0;
+      var M = "inherit" === w && t.getData().getVisual("symbol") ? "inherit" === b ? t.getData().getVisual("symbolRotate") : b : 0;
  // No rotation for no icon
             S.add(function(t) {
         var e = t.icon || "roundRect", i = St(e, 0, 0, t.itemWidth, t.itemHeight, t.itemStyle.fill, t.symbolKeepAspect);
@@ -1290,7 +1290,7 @@ var ge = /** @class */ function(t) {
         icon: l,
         iconRotate: M,
         itemStyle: x.itemStyle,
-        symbolKeepAspect: w
+        symbolKeepAspect: y
       }));
     } else 
     // Series has specific way to define legend icon
@@ -1301,7 +1301,7 @@ var ge = /** @class */ function(t) {
       iconRotate: b,
       itemStyle: x.itemStyle,
       lineStyle: x.lineStyle,
-      symbolKeepAspect: w
+      symbolKeepAspect: y
     }));
     var L = "left" === a ? f + 5 : -5, C = a, I = o.get("formatter"), k = e;
     v(I) && I ? k = I.replace("{name}", null != e ? e : "") : m(I) && (k = I(e));
@@ -1326,7 +1326,7 @@ var ge = /** @class */ function(t) {
         fill: "transparent"
       }
     }), z = n.getModel("tooltip");
-    return z.get("show") && wt({
+    return z.get("show") && yt({
       el: V,
       componentModel: o,
       itemName: e,
@@ -1339,11 +1339,11 @@ var ge = /** @class */ function(t) {
   }, LegendView.prototype.layoutInner = function(t, e, i, n, o, a) {
     var r = this.getContentGroup(), s = this.getSelectorGroup();
     // Place items in contentGroup.
-    yt(t.get("orient"), r, t.get("itemGap"), i.width, i.height);
+    wt(t.get("orient"), r, t.get("itemGap"), i.width, i.height);
     var l = r.getBoundingRect(), c = [ -l.x, -l.y ];
     if (s.markRedraw(), r.markRedraw(), o) {
       // Place buttons in selectorGroup
-      yt(
+      wt(
       // Buttons in selectorGroup always layout horizontally
       "horizontal", s, t.get("selectorItemGap", !0));
       var h = s.getBoundingRect(), d = [ -h.x, -h.y ], u = t.get("selectorButtonGap", !0), f = t.getOrient().index, p = 0 === f ? "width" : "height", v = 0 === f ? "height" : "width", g = 0 === f ? "y" : "x";
@@ -1365,7 +1365,7 @@ var ge = /** @class */ function(t) {
   LegendView.prototype.remove = function() {
     this.getContentGroup().removeAll(), this._isFirstRender = !0;
   }, LegendView.type = "legend.plain", LegendView;
-}(Z);
+}(J);
 
 function dispatchSelectAction(t, e, i, n) {
   // downplay before unselect
@@ -1497,7 +1497,7 @@ function makeSelectedMap(t, e) {
 }
 
 function install$3(t) {
-  t.registerComponentModel(ge), t.registerComponentView(ye), t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter), 
+  t.registerComponentModel(me), t.registerComponentView(xe), t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter), 
   t.registerSubTypeDefaulter("legend", (function() {
     return "plain";
   })), function(t) {
@@ -1528,7 +1528,7 @@ function install$3(t) {
   }(t);
 }
 
-var xe = /** @class */ function(t) {
+var Se = /** @class */ function(t) {
   function ScrollableLegendModel() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = ScrollableLegendModel.type, e;
@@ -1546,7 +1546,7 @@ var xe = /** @class */ function(t) {
    */
   ScrollableLegendModel.prototype.mergeOption = function(e, i) {
     t.prototype.mergeOption.call(this, e, i), mergeAndNormalizeLayoutParams(this, this.option, e);
-  }, ScrollableLegendModel.type = "legend.scroll", ScrollableLegendModel.defaultOption = Lt(ge.defaultOption, {
+  }, ScrollableLegendModel.type = "legend.scroll", ScrollableLegendModel.defaultOption = Lt(me.defaultOption, {
     scrollDataIndex: 0,
     pageButtonItemGap: 5,
     pageButtonGap: null,
@@ -1564,7 +1564,7 @@ var xe = /** @class */ function(t) {
     },
     animationDurationUpdate: 800
   }), ScrollableLegendModel;
-}(ge);
+}(me);
 
 // Do not `ignoreSize` to enable setting {left: 10, right: 10}.
 function mergeAndNormalizeLayoutParams(t, e, i) {
@@ -1575,15 +1575,15 @@ function mergeAndNormalizeLayoutParams(t, e, i) {
   });
 }
 
-var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ function(t) {
+var Te = dt, Me = [ "width", "height" ], Le = [ "x", "y" ], Ce = /** @class */ function(t) {
   function ScrollableLegendView() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.type = ScrollableLegendView.type, e.newlineDisabled = !0, e._currentIndex = 0, 
     e;
   }
   return d(ScrollableLegendView, t), ScrollableLegendView.prototype.init = function() {
-    t.prototype.init.call(this), this.group.add(this._containerGroup = new Se), this._containerGroup.add(this.getContentGroup()), 
-    this.group.add(this._controllerGroup = new Se);
+    t.prototype.init.call(this), this.group.add(this._containerGroup = new Te), this._containerGroup.add(this.getContentGroup()), 
+    this.group.add(this._controllerGroup = new Te);
   }, 
   /**
    * @override
@@ -1634,11 +1634,11 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
    * @override
    */
   ScrollableLegendView.prototype.layoutInner = function(t, e, i, n, o, a) {
-    var r = this.getSelectorGroup(), s = t.getOrient().index, l = Te[s], c = Me[s], h = Te[1 - s], d = Me[1 - s];
-    o && yt(
+    var r = this.getSelectorGroup(), s = t.getOrient().index, l = Me[s], c = Le[s], h = Me[1 - s], d = Le[1 - s];
+    o && wt(
     // Buttons in selectorGroup always layout horizontally
     "horizontal", r, t.get("selectorItemGap", !0));
-    var u = t.get("selectorButtonGap", !0), f = r.getBoundingRect(), p = [ -f.x, -f.y ], v = Y(i);
+    var u = t.get("selectorButtonGap", !0), f = r.getBoundingRect(), p = [ -f.x, -f.y ], v = E(i);
     o && (v[l] = i[l] - f[l] - u);
     var g = this._layoutContentAndController(t, n, v, s, l, h, d, c);
     if (o) {
@@ -1653,8 +1653,8 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
   }, ScrollableLegendView.prototype._layoutContentAndController = function(t, e, i, n, o, a, r, s) {
     var l = this.getContentGroup(), c = this._containerGroup, d = this._controllerGroup;
     // Place items in contentGroup.
-    yt(t.get("orient"), l, t.get("itemGap"), n ? i.width : null, n ? null : i.height), 
-    yt(
+    wt(t.get("orient"), l, t.get("itemGap"), n ? i.width : null, n ? null : i.height), 
+    wt(
     // Buttons in controller are layout always horizontally.
     "horizontal", d, t.get("pageButtonItemGap", !0));
     var u = l.getBoundingRect(), f = d.getBoundingRect(), p = this._showController = u[o] > i[o], v = [ -u.x, -u.y ];
@@ -1673,24 +1673,24 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
     // Calculate `mainRect` and set `clipPath`.
     // mainRect should not be calculated by `this.group.getBoundingRect()`
     // for sake of the overflow.
-    var w = {
+    var y = {
       x: 0,
       y: 0
     };
     // Consider content may be overflow (should be clipped).
-        if (w[o] = p ? i[o] : u[o], w[a] = Math.max(u[a], f[a]), 
+        if (y[o] = p ? i[o] : u[o], y[a] = Math.max(u[a], f[a]), 
     // `containerRect[yx] + containerPos[1 - orientIdx]` is 0.
-    w[r] = Math.min(0, f[r] + m[1 - n]), c.__rectSize = i[o], p) {
-      var y = {
+    y[r] = Math.min(0, f[r] + m[1 - n]), c.__rectSize = i[o], p) {
+      var w = {
         x: 0,
         y: 0
       };
-      y[o] = Math.max(i[o] - f[o] - b, 0), y[a] = w[a], c.setClipPath(new h({
-        shape: y
+      w[o] = Math.max(i[o] - f[o] - b, 0), w[a] = y[a], c.setClipPath(new h({
+        shape: w
       })), 
       // Consider content may be larger than container, container rect
       // can not be obtained from `containerGroup.getBoundingRect()`.
-      c.__rectSize = y[o];
+      c.__rectSize = w[o];
     } else 
     // Do not remove or ignore controller. Keep them set as placeholders.
     d.eachChild((function(t) {
@@ -1707,7 +1707,7 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
     }, 
     // When switch from "show controller" to "not show controller", view should be
     // updated immediately without animation, otherwise causes weird effect.
-    p ? t : null), this._updatePageInfoView(t, x), w;
+    p ? t : null), this._updatePageInfoView(t, x), y;
   }, ScrollableLegendView.prototype._pageGo = function(t, e, i) {
     var n = this._getPageInfo(e)[t];
     null != n && i.dispatchAction({
@@ -1737,7 +1737,7 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
    * }
    */
   ScrollableLegendView.prototype._getPageInfo = function(t) {
-    var e = t.get("scrollDataIndex", !0), i = this.getContentGroup(), n = this._containerGroup.__rectSize, o = t.getOrient().index, a = Te[o], r = Me[o], s = this._findTargetItemIndex(e), l = i.children(), c = l[s], h = l.length, d = h ? 1 : 0, u = {
+    var e = t.get("scrollDataIndex", !0), i = this.getContentGroup(), n = this._containerGroup.__rectSize, o = t.getOrient().index, a = Me[o], r = Le[o], s = this._findTargetItemIndex(e), l = i.children(), c = l[s], h = l.length, d = h ? 1 : 0, u = {
       contentPosition: [ i.x, i.y ],
       pageCount: d,
       pageIndex: d - 1,
@@ -1793,10 +1793,10 @@ var Se = dt, Te = [ "width", "height" ], Me = [ "x", "y" ], Le = /** @class */ f
     })), null != e ? e : i) : 0;
     var e, i;
   }, ScrollableLegendView.type = "legend.scroll", ScrollableLegendView;
-}(ye);
+}(xe);
 
 function install$2(t) {
-  it(install$3), t.registerComponentModel(xe), t.registerComponentView(Le), 
+  it(install$3), t.registerComponentModel(Se), t.registerComponentView(Ce), 
   /*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
@@ -1856,7 +1856,7 @@ function install$2(t) {
   }(t);
 }
 
-var Ce = 2 * Math.PI, Ie = Math.PI / 180;
+var Ie = 2 * Math.PI, ke = Math.PI / 180;
 
 function getViewRect(t, e) {
   return q(t.getBoxLayoutParams(), {
@@ -1885,18 +1885,18 @@ function getBasicPieLayout(t, e) {
 
 function pieLayout(t, e, i) {
   e.eachSeriesByType(t, (function(t) {
-    var e = t.getData(), n = e.mapDimension("value"), o = getViewRect(t, i), a = getBasicPieLayout(t, i), r = a.cx, s = a.cy, l = a.r, c = a.r0, h = -t.get("startAngle") * Ie, d = t.get("endAngle"), u = t.get("padAngle") * Ie;
-    d = "auto" === d ? h - Ce : -d * Ie;
-    var f = t.get("minAngle") * Ie + u, p = 0;
+    var e = t.getData(), n = e.mapDimension("value"), o = getViewRect(t, i), a = getBasicPieLayout(t, i), r = a.cx, s = a.cy, l = a.r, c = a.r0, h = -t.get("startAngle") * ke, d = t.get("endAngle"), u = t.get("padAngle") * ke;
+    d = "auto" === d ? h - Ie : -d * ke;
+    var f = t.get("minAngle") * ke + u, p = 0;
     e.each(n, (function(t) {
       !isNaN(t) && p++;
     }));
-    var v = e.getSum(n), g = Math.PI / (v || p) * 2, m = t.get("clockwise"), b = t.get("roseType"), w = t.get("stillShowZeroSum"), y = e.getDataExtent(n);
+    var v = e.getSum(n), g = Math.PI / (v || p) * 2, m = t.get("clockwise"), b = t.get("roseType"), y = t.get("stillShowZeroSum"), w = e.getDataExtent(n);
     // Sum may be 0
-        y[0] = 0;
+        w[0] = 0;
     var x = m ? 1 : -1, S = [ h, d ], T = x * u / 2;
     At(S, !m), h = S[0], d = S[1];
-    var M = ke(t);
+    var M = Ae(t);
     M.startAngle = h, M.endAngle = d, M.clockwise = m;
     var L = Math.abs(d - h), C = L, I = 0, k = h;
     // In the case some sector angle is smaller than minAngle
@@ -1919,7 +1919,7 @@ function pieLayout(t, e, i) {
       }); else {
         (
         // FIXME 兼容 2.0 但是 roseType 是 area 的时候才是这样？
-        n = "area" !== b ? 0 === v && w ? g : t * g : L / p) < f ? (n = f, C -= f) : I += t;
+        n = "area" !== b ? 0 === v && y ? g : t * g : L / p) < f ? (n = f, C -= f) : I += t;
         var o = k + x * n, a = 0, h = 0;
         // calculate display angle
                 u > n ? h = a = k + x * n / 2 : (a = k + T, h = o - T), e.setItemLayout(i, {
@@ -1930,10 +1930,10 @@ function pieLayout(t, e, i) {
           cx: r,
           cy: s,
           r0: c,
-          r: b ? Vt(t, y, [ c, l ]) : l
+          r: b ? Vt(t, w, [ c, l ]) : l
         }), k = o;
       }
-    })), C < Ce && p) 
+    })), C < Ie && p) 
     // Average the angle if rest angle is not enough after all angles is
     // Constrained by minAngle and padAngle
     if (C <= .001) {
@@ -1957,7 +1957,7 @@ function pieLayout(t, e, i) {
   }));
 }
 
-var ke = Pt();
+var Ae = Pt();
 
 /*
 * Licensed to the Apache Software Foundation (ASF) under one
@@ -1997,7 +1997,7 @@ var ke = Pt();
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
-*/ var Ae = Math.PI / 180;
+*/ var Pe = Math.PI / 180;
 
 function adjustSingleSide(t, e, i, n, o, a, r, s, l, c) {
   if (!(t.length < 2)) {
@@ -2082,12 +2082,12 @@ function isPositionCenter(t) {
 }
 
 function pieLabelLayout(t) {
-  var e, i, n = t.getData(), o = [], a = !1, r = (t.get("minShowLabelAngle") || 0) * Ae, s = n.getLayout("viewRect"), l = n.getLayout("r"), c = s.width, h = s.x, d = s.y, u = s.height;
+  var e, i, n = t.getData(), o = [], a = !1, r = (t.get("minShowLabelAngle") || 0) * Pe, s = n.getLayout("viewRect"), l = n.getLayout("r"), c = s.width, h = s.x, d = s.y, u = s.height;
   function setNotShow(t) {
     t.ignore = !0;
   }
   n.each((function(t) {
-    var s = n.getItemGraphicEl(t), d = s.shape, u = s.getTextContent(), f = s.getTextGuideLine(), p = n.getItemModel(t), v = p.getModel("label"), g = v.get("position") || p.get([ "emphasis", "label", "position" ]), m = v.get("distanceToLabelLine"), b = v.get("alignTo"), w = _(v.get("edgeDistance"), c), y = v.get("bleedMargin"), x = p.getModel("labelLine"), T = x.get("length");
+    var s = n.getItemGraphicEl(t), d = s.shape, u = s.getTextContent(), f = s.getTextGuideLine(), p = n.getItemModel(t), v = p.getModel("label"), g = v.get("position") || p.get([ "emphasis", "label", "position" ]), m = v.get("distanceToLabelLine"), b = v.get("alignTo"), y = _(v.get("edgeDistance"), c), w = v.get("bleedMargin"), x = p.getModel("labelLine"), T = x.get("length");
     T = _(T, c);
     var M = x.get("length2");
     if (M = _(M, c), Math.abs(d.endAngle - d.startAngle) < r) return S(u.states, setNotShow), 
@@ -2104,9 +2104,9 @@ function pieLabelLayout(t) {
         var D = (z ? (d.r + d.r0) / 2 * P : d.r * P) + e, N = (z ? (d.r + d.r0) / 2 * V : d.r * V) + i;
         if (L = D + 3 * P, C = N + 3 * V, !z) {
           // For roseType
-          var R = D + P * (T + l - d.r), O = N + V * (T + l - d.r), H = R + (P < 0 ? -1 : 1) * M;
+          var R = D + P * (T + l - d.r), H = N + V * (T + l - d.r), O = R + (P < 0 ? -1 : 1) * M;
           // Adjust textX because text align of edge is opposite
-          L = "edge" === b ? P < 0 ? h + w : h + c - w : H + (P < 0 ? -m : m), C = O, I = [ [ D, N ], [ R, O ], [ H, O ] ];
+          L = "edge" === b ? P < 0 ? h + y : h + c - y : O + (P < 0 ? -m : m), C = H, I = [ [ D, N ], [ R, H ], [ O, H ] ];
         }
         k = z ? "center" : "edge" === b ? P > 0 ? "right" : "left" : P > 0 ? "left" : "right";
       }
@@ -2127,11 +2127,11 @@ function pieLabelLayout(t) {
         var X = u.states.select;
         X && (X.x += u.x, X.y += u.y);
       } else {
-        var G = u.getBoundingRect().clone();
-        G.applyTransform(u.getComputedTransform());
+        var Y = u.getBoundingRect().clone();
+        Y.applyTransform(u.getComputedTransform());
         // Text has a default 1px stroke. Exclude this.
-        var Y = (u.style.margin || 0) + 2.1;
-        G.y -= Y / 2, G.height += Y, o.push({
+        var E = (u.style.margin || 0) + 2.1;
+        Y.y -= E / 2, Y.height += E, o.push({
           label: u,
           labelLine: f,
           position: g,
@@ -2144,10 +2144,10 @@ function pieLabelLayout(t) {
           textAlign: k,
           labelDistance: m,
           labelAlignTo: b,
-          edgeDistance: w,
-          bleedMargin: y,
-          rect: G,
-          unconstrainedWidth: G.width,
+          edgeDistance: y,
+          bleedMargin: w,
+          rect: Y,
+          unconstrainedWidth: Y.width,
           labelStyleWidth: u.style.width
         });
       }
@@ -2173,7 +2173,7 @@ function pieLabelLayout(t) {
       var g;
       if (!isPositionCenter(g = t[u]) && g.linePoints) {
         f = g.label, p = g.linePoints;
-        var m = "edge" === g.labelAlignTo, b = f.style.padding, w = b ? b[1] + b[3] : 0, y = f.style.backgroundColor ? 0 : w, x = g.rect.width + y, S = p[1][0] - p[2][0];
+        var m = "edge" === g.labelAlignTo, b = f.style.padding, y = b ? b[1] + b[3] : 0, w = f.style.backgroundColor ? 0 : y, x = g.rect.width + w, S = p[1][0] - p[2][0];
         m ? f.x < e ? p[2][0] = r + g.edgeDistance + x + g.labelDistance : p[2][0] = r + o - g.edgeDistance - x - g.labelDistance : (f.x < e ? p[2][0] = f.x + g.labelDistance : p[2][0] = f.x - g.labelDistance, 
         p[1][0] = p[2][0] + S), p[1][1] = p[2][1] = f.y;
       }
@@ -2189,14 +2189,14 @@ function pieLabelLayout(t) {
       b && (b.x += v.x, b.y += v.y);
     }
     if (g) {
-      var w = p.linePoints;
-      m || !w ? (S(g.states, setNotShow), g.ignore = !0) : (ee(w, p.minTurnAngle), ie(w, p.surfaceNormal, p.maxSurfaceAngle), 
+      var y = p.linePoints;
+      m || !y ? (S(g.states, setNotShow), g.ignore = !0) : (ie(y, p.minTurnAngle), ne(y, p.surfaceNormal, p.maxSurfaceAngle), 
       g.setShape({
-        points: w
+        points: y
       }), 
       // Set the anchor to the midpoint of sector
       v.__hostTarget.textGuideLineConfig = {
-        anchor: new zt(w[0][0], w[0][1])
+        anchor: new zt(y[0][0], y[0][1])
       });
     }
   }
@@ -2204,7 +2204,7 @@ function pieLabelLayout(t) {
 
 /**
  * Piece of pie including Sector, Label, LabelLine
- */ var Pe = /** @class */ function(t) {
+ */ var Ve = /** @class */ function(t) {
   function PiePiece(e, i, n) {
     var o = t.call(this) || this;
     o.z2 = 2;
@@ -2212,7 +2212,7 @@ function pieLabelLayout(t) {
     return o.setTextContent(a), o.updateData(e, i, n, !0), o;
   }
   return d(PiePiece, t), PiePiece.prototype.updateData = function(t, e, i, n) {
-    var o = this, a = t.hostModel, r = t.getItemModel(e), s = r.getModel("emphasis"), l = t.getItemLayout(e), c = et(ne(r.getModel("itemStyle"), l, !0), l);
+    var o = this, a = t.hostModel, r = t.getItemModel(e), s = r.getModel("emphasis"), l = t.getItemLayout(e), c = et(oe(r.getModel("itemStyle"), l, !0), l);
     // Ignore NaN data.
     if (isNaN(c.startAngle)) 
     // Use NaN shape to avoid drawing shape.
@@ -2223,20 +2223,20 @@ function pieLabelLayout(t) {
         a.ecModel.ssr ? (
         // Use scale animation in SSR mode(opacity?)
         // Because CSS SVG animation doesn't support very customized shape animation.
-        Ht(o, {
+        Ot(o, {
           scaleX: 0,
           scaleY: 0
         }, a, {
           dataIndex: e,
           isFrom: !0
-        }), o.originX = c.cx, o.originY = c.cy) : "scale" === h ? (o.shape.r = l.r0, Ht(o, {
+        }), o.originX = c.cx, o.originY = c.cy) : "scale" === h ? (o.shape.r = l.r0, Ot(o, {
           shape: {
             r: l.r
           }
         }, a, e)) : null != i ? (o.setShape({
           startAngle: i,
           endAngle: i
-        }), Ht(o, {
+        }), Ot(o, {
           shape: {
             startAngle: l.startAngle,
             endAngle: l.endAngle
@@ -2255,12 +2255,12 @@ function pieLabelLayout(t) {
       var d = (l.startAngle + l.endAngle) / 2, u = a.get("selectedOffset"), f = Math.cos(d) * u, p = Math.sin(d) * u, v = r.getShallow("cursor");
       v && o.attr("cursor", v), this._updateLabel(a, t, e), o.ensureState("emphasis").shape = et({
         r: l.r + (s.get("scale") && s.get("scaleSize") || 0)
-      }, ne(s.getModel("itemStyle"), l)), et(o.ensureState("select"), {
+      }, oe(s.getModel("itemStyle"), l)), et(o.ensureState("select"), {
         x: f,
         y: p,
-        shape: ne(r.getModel([ "select", "itemStyle" ]), l)
+        shape: oe(r.getModel([ "select", "itemStyle" ]), l)
       }), et(o.ensureState("blur"), {
-        shape: ne(r.getModel([ "blur", "itemStyle" ]), l)
+        shape: oe(r.getModel([ "blur", "itemStyle" ]), l)
       });
       var g = o.getTextGuideLine(), m = o.getTextContent();
       g && et(g.ensureState("select"), {
@@ -2299,13 +2299,13 @@ function pieLabelLayout(t) {
       var d = this.getTextGuideLine();
       d || (d = new Xt, this.setTextGuideLine(d)), 
       // Default use item visual color
-      oe(this, ae(o), {
+      ae(this, re(o), {
         stroke: s,
-        opacity: Gt(a.get([ "lineStyle", "opacity" ]), l, 1)
+        opacity: Yt(a.get([ "lineStyle", "opacity" ]), l, 1)
       });
     }
   }, PiePiece;
-}(Nt), Ve = /** @class */ function(t) {
+}(Nt), ze = /** @class */ function(t) {
   function PieView() {
     var e = null !== t && t.apply(this, arguments) || this;
     return e.ignoreLabelLineUpdate = !0, e;
@@ -2320,14 +2320,14 @@ function pieLabelLayout(t) {
     // remove empty-circle if it exists
         // when all data are filtered, show lightgray empty circle
     if (this._emptyCircleSector && s.remove(this._emptyCircleSector), 0 === a.count() && t.get("showEmptyCircle")) {
-      var h = ke(t), d = new Nt({
+      var h = Ae(t), d = new Nt({
         shape: et(getBasicPieLayout(t, i), h)
       });
       d.useStyle(t.getModel("emptyCircleStyle").getItemStyle()), this._emptyCircleSector = d, 
       s.add(d);
     }
     a.diff(r).add((function(t) {
-      var e = new Pe(a, t, o);
+      var e = new Ve(a, t, o);
       a.setItemGraphicEl(t, e), s.add(e);
     })).update((function(t, e) {
       var i = r.getItemGraphicEl(e);
@@ -2345,7 +2345,7 @@ function pieLabelLayout(t) {
       return a <= i.r && a >= i.r0;
     }
   }, PieView.type = "pie", PieView;
-}(Ot);
+}(Ht);
 
 // Pie view
 /*
@@ -2391,7 +2391,7 @@ function pieLabelLayout(t) {
  * LegendVisualProvider is an bridge that pick encoded color from data and
  * provide to the legend component.
  */
-var ze = /** @class */ function() {
+var De = /** @class */ function() {
   function LegendVisualProvider(
   // Function to get data after filtered. It stores all the encoding info
   t, 
@@ -2411,7 +2411,7 @@ var ze = /** @class */ function() {
   }, LegendVisualProvider.prototype.getItemVisual = function(t, e) {
     return this._getDataWithEncodedVisual().getItemVisual(t, e);
   }, LegendVisualProvider;
-}(), De = Pt(), Ne = /** @class */ function(t) {
+}(), Ne = Pt(), Re = /** @class */ function(t) {
   function PieSeriesModel() {
     return null !== t && t.apply(this, arguments) || this;
   }
@@ -2421,7 +2421,7 @@ var ze = /** @class */ function() {
     t.prototype.init.apply(this, arguments), 
     // Enable legend selection for each data item
     // Use a function instead of direct access because data reference may changed
-    this.legendVisualProvider = new ze(T(this.getData, this), T(this.getRawData, this)), 
+    this.legendVisualProvider = new De(T(this.getData, this), T(this.getRawData, this)), 
     this._defaultLabelLine(e);
   }, 
   /**
@@ -2450,18 +2450,18 @@ var ze = /** @class */ function() {
       } || et({
         encodeDefine: t.getEncode()
       }, e);
-      var n = t.getSource(), o = Yt(n, e).dimensions, a = new $t(o, t);
+      var n = t.getSource(), o = Et(n, e).dimensions, a = new Gt(o, t);
       return a.initData(n, i), a;
     }(this, {
       coordDimensions: [ "value" ],
-      encodeDefaulter: ft(Et, this)
+      encodeDefaulter: ft($t, this)
     });
   }, 
   /**
    * @overwrite
    */
   PieSeriesModel.prototype.getDataParams = function(e) {
-    var i = this.getData(), n = De(i), o = n.seats;
+    var i = this.getData(), n = Ne(i), o = n.seats;
     // update seats when data is changed
         if (!o) {
       var a = [];
@@ -2577,7 +2577,7 @@ var ze = /** @class */ function() {
 }(qt);
 
 it([ function(t) {
-  it(nt), t.registerComponentModel(se), t.registerComponentView(ve), 
+  it(nt), t.registerComponentModel(le), t.registerComponentView(ge), 
   /**
    * @action
    * @property {string} type
@@ -2598,7 +2598,7 @@ it([ function(t) {
 }, function(t) {
   it(install$3), it(install$2);
 }, function(t) {
-  t.registerChartView(Ve), t.registerSeriesModel(Ne), Kt("pie", t.registerAction), 
+  t.registerChartView(ze), t.registerSeriesModel(Re), Kt("pie", t.registerAction), 
   t.registerLayout(ft(pieLayout, "pie")), t.registerProcessor({
     seriesType: "pie",
     reset: function(t, e) {
@@ -2629,9 +2629,9 @@ it([ function(t) {
       }
     };
   }("pie"));
-}, Zt, Jt, re ]);
+}, Jt, Zt, se ]);
 
-const Re = class {
+const He = class {
   constructor(i) {
     t(this, i), this.change = e(this, "change", 7), this.click = e(this, "click", 7), 
     this.tctChange = e(this, "tctChange", 7), this.tctClick = e(this, "tctClick", 7), 
@@ -2639,7 +2639,7 @@ const Re = class {
       id: null,
       value: null,
       name: null
-    }, 
+    }, this.keyboardAnnouncement = "", 
     /** An array of objects that contain the data to be displayed. */
     this.data = [], 
     /** The amount which the slice will scale when hovered. */
@@ -2678,11 +2678,11 @@ const Re = class {
       l(this, [ "click", "tctClick" ], i);
     }, this.onButtonKeyDown = t => {
       const {selectedId: e, data: i} = this;
+      if (!i.length || t.altKey || t.ctrlKey || t.metaKey || t.shiftKey) return;
       let n = this.getIndexById(e) || 0;
       switch (t.key) {
        case "ArrowUp":
        case "ArrowDown":
-       case " ":
         t.preventDefault();
         break;
 
@@ -2703,12 +2703,24 @@ const Re = class {
         break;
 
        case "Escape":
-        this.clearSelection();
+        return t.preventDefault(), this.clearSelection(), void (this.keyboardAnnouncement = o(this.summaryName || "tecton.element.chartDonut.button.summaryName"));
+
+       case "Home":
+       case "End":
+        t.preventDefault(), n = "Home" === t.key ? 0 : i.length - 1, this.chart.dispatchAction({
+          type: "select",
+          seriesId: "pie",
+          dataIndex: n
+        });
         break;
 
        default:
         return;
       }
+      if ([ "ArrowLeft", "ArrowRight", "Home", "End" ].includes(t.key)) {
+        const t = i[n];
+        this.keyboardAnnouncement = Qt(t.name, this.displayValue(t.value), n, i.length);
+      }
     }, this.onClickElsewhere = t => {
       t.stopPropagation(), this.clearSelection();
     }, this.onContainerClick = t => {
@@ -2766,17 +2778,17 @@ const Re = class {
     this.hoveredId = null, this.selectedId = null;
   }
   componentDidLoad() {
-    const t = Qt(this.chartContainer);
+    const t = te(this.chartContainer);
     this.cacheComputedStyles(), this.colors = this.getColors(), this.resizeObserver = new ResizeObserver((() => this.resizeChart())), 
     this.resizeObserver.observe(this.hostElement), this.updateChart(t), this.setupChartEvents(t), 
     this.checkSelectedId(), this.chart = t, this.setLegendData(), this.selectById(this.selectedId), 
-    o(this.hostElement);
+    a(this.hostElement);
   }
   // #endregion
   // #region Listeners
   delegateFocus(t) {
-    var e;
-    a(t, this.hostElement) && this.isClickable && (null === (e = this.centerButtonElement) || void 0 === e || e.focus());
+    var e, i;
+    r(t, this.hostElement) && (this.isClickable ? null === (e = this.centerButtonElement) || void 0 === e || e.focus() : this.data.length && (null === (i = this.chartContainer) || void 0 === i || i.focus()));
   }
   // #endregion
   // #region Public Methods API
@@ -2835,7 +2847,8 @@ const Re = class {
     this.chart && this.updateChart(this.chart);
   }
   dataUpdated() {
-    this.chart && (this.colors = this.getColors(), this.updateChart(this.chart), this.setLegendData());
+    this.keyboardAnnouncement = "", this.chart && (this.colors = this.getColors(), this.updateChart(this.chart), 
+    this.setLegendData());
   }
   innerRadiusUpdated() {
     const {innerRadius: t, outerRadius: e} = this, i = parseFloat(t), n = parseFloat(e);
@@ -2868,7 +2881,7 @@ const Re = class {
       ...this.getDataById(i),
       color: this.colors[n]
     } : {
-      name: r(this.summaryName || "tecton.element.chartDonut.button.summaryName"),
+      name: o(this.summaryName || "tecton.element.chartDonut.button.summaryName"),
       icon: this.summaryIcon,
       value: e.reduce(((t, e) => t + e.value), 0),
       color: null
@@ -2895,7 +2908,7 @@ const Re = class {
     const t = [ 1, 3, 8, 4, 2, 10, 7, 11, 6, 9, 12, 5 ].map((t => `--comp-color-${t}`));
     return this.data.reduce(((e, i, n) => {
       let o = t[n % t.length];
-      return i.color && (o = i.color), e.push(te(o, this.chartContainerStyles, this.hostElementStyles) || o), 
+      return i.color && (o = i.color), e.push(ee(o, this.chartContainerStyles, this.hostElementStyles) || o), 
       e;
     }), []);
   }
@@ -2959,7 +2972,8 @@ const Re = class {
     }));
   }
   updateChart(t) {
-    return this.validateColor(), t.setOption({
+    var e;
+    this.validateColor(), t.setOption({
       tooltip: {
         show: !1
       },
@@ -2998,7 +3012,9 @@ const Re = class {
         minAngle: this.getMinSliceSizeAsAngle(),
         data: this.data
       } ]
-    });
+    }), 
+    // The clickable variant handles keyboard interaction on its native center button.
+    null === (e = this.chartContainer) || void 0 === e || e.setAttribute("role", this.isClickable ? "img" : "application");
   }
   validateColor() {
     // check if there is name duplicated, then custom style using `itemStyle` object will be used.
@@ -3013,12 +3029,13 @@ const Re = class {
   // #endregion
   // #region Render Methods
   renderCenterBlock() {
-    const {icon: t, name: e, value: n, color: o} = this.centerData, {isClickable: a} = this, s = a ? "button" : "div", l = this.displayValue(n), c = a ? {
+    const {icon: t, name: e, value: n, color: a} = this.centerData, {isClickable: r} = this, s = r ? "button" : "div", l = this.displayValue(n), c = r ? {
       onKeyDown: this.onButtonKeyDown,
+      onBlur: () => this.keyboardAnnouncement = "",
       onClick: this.onButtonClick,
       ref: t => this.centerButtonElement = t,
-      "aria-describedby": "center-card-description",
-      "aria-roledescription": r("tecton.element.chartDonut.button.roleDescription")
+      "aria-describedby": "center-card-description chart-keyboard-instructions",
+      "aria-roledescription": o("tecton.element.chartDonut.button.roleDescription")
     } : null;
     return i("div", {
       class: "center-card-container",
@@ -3029,16 +3046,19 @@ const Re = class {
     }, i("div", {
       id: "center-card-description",
       class: "sr"
-    }, r("tecton.element.chartDonut.button.description")), i(s, {
+    }, o("tecton.element.chartDonut.button.description")), i("div", {
+      id: "chart-keyboard-instructions",
+      class: "sr"
+    }, o("tecton.element.chart.keyboardInstructions")), i(s, {
       class: "center-card",
       "test-id": "centerCard",
       ...c
     }, !!t && i("q2-icon", {
       type: t,
-      style: o && {
-        "--tct-icon-stroke-primary": o,
-        "--tct-icon-stroke-secondary": o,
-        color: o
+      style: a && {
+        "--tct-icon-stroke-primary": a,
+        "--tct-icon-stroke-secondary": a,
+        color: a
       }
     }), !!e && i("div", {
       class: "name"
@@ -3048,27 +3068,33 @@ const Re = class {
   }
   render() {
     return i("click-elsewhere", {
-      key: "27c21f281ef0746c9bd9d7235fa1833df7711e4d",
+      key: "54e5d16621ac527fec69834b2c1cc1e7d2c6540b",
       onChange: this.onClickElsewhere
     }, i("figure", {
-      key: "8356a94846a4319b682e3bc3171e6a71afb228f8"
+      key: "61e0c1e30fed4e89816d228c1c190b5bd38991a3"
     }, i("div", {
-      key: "a6b016aaa11371fdff673eb8cd7508bb5f3ce852",
+      key: "0685b804780ebdf17d7bfe5956306a027c3c9dba",
       class: "container"
     }, i("div", {
-      key: "862baeb8b1c1e096c92d260bc7340666875f9763",
+      key: "458dfa5c6ad8d704de66d4d51461e2d7b28ba13c",
       ref: t => this.chartContainer = t,
-      "aria-describedby": this.isClickable ? void 0 : "center-card-description",
+      "aria-describedby": this.isClickable ? void 0 : "center-card-description chart-keyboard-instructions",
       class: "chart-container",
-      role: "img",
+      role: this.isClickable ? "img" : "application",
       "test-id": "chartContainer",
       onClick: this.onContainerClick,
-      tabIndex: this.isClickable ? void 0 : 0,
-      onKeyDown: this.isClickable ? void 0 : this.onButtonKeyDown
-    }), this.renderCenterBlock()), this.showLegend && i("figcaption", {
-      key: "24f16b0d7afd3a6433c58cd8eb6806785fc938e5"
+      tabIndex: !this.isClickable && this.data.length ? 0 : void 0,
+      onKeyDown: this.isClickable ? void 0 : this.onButtonKeyDown,
+      onBlur: () => this.keyboardAnnouncement = ""
+    }), this.renderCenterBlock(), i("div", {
+      key: "105396c05b8aa162b1c0515cb4b96dadafcca911",
+      class: "sr",
+      role: "status",
+      "aria-atomic": "true"
+    }, this.keyboardAnnouncement)), this.showLegend && i("figcaption", {
+      key: "c6462ae033852ff7fa09d752e4fc8860608448c6"
     }, i("q2-legend", {
-      key: "6bd27b69926b77181ab16726bb4e79c91e4dcc37",
+      key: "d8f1ceb9b46392264b306d316d1fb6066b2f5b4d",
       class: "legend",
       data: this.legendData,
       format: this.format,
@@ -3117,6 +3143,6 @@ const Re = class {
   }
 };
 
-Re.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{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container:focus-visible{box-shadow:var(--tct-chart-donut-focus-visible-box-shadow, var(--const-double-focus-ring))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:focus-visible{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)));border-radius:50%}.center-card{height:100%;width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, inherit));margin-inline:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%}.center-card:is(button){cursor:pointer;background:var(--tct-chart-donut-button-background, transparent);border:0}.center-card:is(button):hover{background:var(--tct-chart-donut-button-hover-background, transparent)}.center-card:is(button):active{background:var(--tct-chart-donut-button-active-background, transparent)}.center-card:is(button):focus-visible{background:var(--tct-chart-donut-button-focus-background, transparent)}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, var(--const-px-14, 14px)))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, var(--const-px-21, 21px)))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}';
+He.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{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container:focus-visible{box-shadow:var(--tct-chart-donut-focus-visible-box-shadow, var(--const-double-focus-ring))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:focus-visible{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)));border-radius:50%}.center-card{height:100%;width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, inherit));margin-inline:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%}.center-card:is(button){cursor:pointer;background:var(--tct-chart-donut-button-background, transparent);border:0}.center-card:is(button):hover{background:var(--tct-chart-donut-button-hover-background, transparent)}.center-card:is(button):active{background:var(--tct-chart-donut-button-active-background, transparent)}.center-card:is(button):focus-visible{background:var(--tct-chart-donut-button-focus-background, transparent)}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, var(--const-px-14, 14px)))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, var(--const-px-21, 21px)))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}';
 
-export { Re as q2_chart_donut }
+export { He as q2_chart_donut }