q2-tecton-elements 1.55.3 → 1.56.0

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

@@ -1,8 +1,8 @@
 import { r as t, c as e, h as i, g as r } from "./index-7a5365e2.js";
 
-import { o as a, i as n, l as o, d as s } from "./index-f2a66217.js";
+import { o as a, i as n, l as o, d as s } from "./index-c215e8ef.js";
 
-import { br as l, W as c, _ as h, ay as u, bs as v, bt as d, b5 as f, bu as p, D as g, bv as b, x as m, a0 as w, I as y, bw as x, aM as S, bx as T, by as M, j as L, bz as C, E as I, bA as A, bB as P, bC as k, bD as V, d as D, bE as z, bF as O, bG as N, bH as R, bI as B, bJ as H, bK as W, bL as U, a as F, bM as j, bN as $, bO as X, bP as G, bQ as Y, bj as E, aK as _, bR as K, a$ as q, bS as J, bT as Z, bU as Q, a9 as tt, b0 as et, bV as it, aA as rt, bW as at, a4 as nt, m as ot, a6 as st, o as lt, y as ct, bX as ht, bY as ut, b as vt, bZ as dt, b2 as ft, b_ as pt, b$ as gt, c0 as bt, c as mt, ai as wt, G as yt, aB as xt, b6 as St, aC as Tt, c1 as Mt, b1 as Lt, u as Ct, c2 as It, aw as At, a3 as Pt, R as kt, bm as Vt, i as Dt, s as zt, z as Ot, t as Nt, g as Rt, be as Bt, c3 as Ht, V as Wt, b8 as Ut, C as Ft, ak as jt, am as $t, c4 as Xt, c5 as Gt, c6 as Yt, S as Et, c7 as _t, ab as Kt, aa as qt, ac as Jt, ad as Zt } from "./charting-1abfb877.js";
+import { br as l, W as c, _ as h, ay as u, bs as v, bt as d, b5 as f, bu as p, D as g, bv as m, x as b, a0 as w, I as y, bw as x, aM as S, bx as T, by as M, j as L, bz as C, E as I, bA as A, bB as P, bC as k, bD as V, d as D, bE as z, bF as O, bG as N, bH as R, bI as B, bJ as H, bK as W, bL as U, a as F, bM as j, bN as $, bO as X, bP as G, bQ as Y, bj as E, aK as _, bR as K, a$ as q, bS as J, bT as Z, bU as Q, a9 as tt, b0 as et, bV as it, aA as rt, bW as at, a4 as nt, m as ot, a6 as st, o as lt, y as ct, bX as ht, bY as ut, b as vt, bZ as dt, b2 as ft, b_ as pt, b$ as gt, c0 as mt, c as bt, ai as wt, G as yt, aB as xt, b6 as St, aC as Tt, c1 as Mt, b1 as Lt, u as Ct, c2 as It, aw as At, a3 as Pt, R as kt, bm as Vt, i as Dt, s as zt, z as Ot, t as Nt, g as Rt, be as Bt, c3 as Ht, V as Wt, b8 as Ut, C as Ft, ak as jt, am as $t, c4 as Xt, c5 as Gt, c6 as Yt, S as Et, c7 as _t, ab as Kt, aa as qt, ac as Jt, ad as Zt } from "./charting-1abfb877.js";
 
 import { l as Qt, a as te, g as ee, s as ie, b as re, i as ae } from "./sectorHelper-183cedd0.js";
 
@@ -162,7 +162,7 @@ function assembleArrow(t, e, i) {
   }
   var r = t.get("backgroundColor");
   var a = t.get("borderWidth");
-  e = m(e);
+  e = b(e);
   var n = mirrorPos(i);
   var o = Math.max(Math.round(a) * 1.5, 6);
   var s = "";
@@ -337,7 +337,7 @@ var ve = /** @class */ function() {
         // in and out shape too frequently
         var e = r.handler;
         var i = r.painter.getViewportRoot();
-        b(i, t, true);
+        m(i, t, true);
         e.dispatch("mousemove", t);
       }
     };
@@ -384,7 +384,7 @@ var ve = /** @class */ function() {
     if (!i.innerHTML) {
       r.display = "none";
     } else {
-      r.cssText = ue + assembleCssText(t, !this._firstShow, this._longHide) + assembleTransform(a[0], a[1], true) + ("border-color:" + m(e) + ";") + (t.get("extraCssText") || "") + (";pointer-events:" + (this._enterable ? "auto" : "none"));
+      r.cssText = ue + assembleCssText(t, !this._firstShow, this._longHide) + assembleTransform(a[0], a[1], true) + ("border-color:" + b(e) + ";") + (t.get("extraCssText") || "") + (";pointer-events:" + (this._enterable ? "auto" : "none"));
     }
     this._show = true;
     this._firstShow = false;
@@ -662,7 +662,7 @@ var ge = new c({
   }
 });
 
-var be = /** @class */ function(t) {
+var me = /** @class */ function(t) {
   h(TooltipView, t);
   function TooltipView() {
     var e = t !== null && t.apply(this, arguments) || this;
@@ -974,13 +974,13 @@ var be = /** @class */ function(t) {
           f.axisValueLabel = n;
           // Pre-create marker style for makers. Users can assemble richText
           // text in `formatter` callback and use those markers style.
-                    f.marker = h.makeTooltipMarker("item", m(f.color), o);
+                    f.marker = h.makeTooltipMarker("item", b(f.color), o);
           var p = U(v.formatTooltip(d, true, null));
           var g = p.frag;
           if (g) {
-            var b = buildTooltipModel([ v ], r).get("valueFormatter");
-            u.blocks.push(b ? F({
-              valueFormatter: b
+            var m = buildTooltipModel([ v ], r).get("valueFormatter");
+            u.blocks.push(m ? F({
+              valueFormatter: m
             }, g) : g);
           }
           if (p.text) {
@@ -1036,14 +1036,14 @@ var be = /** @class */ function(t) {
     var g = new R;
     // Pre-create marker style for makers. Users can assemble richText
     // text in `formatter` callback and use those markers style.
-        p.marker = g.makeTooltipMarker("item", m(p.color), u);
-    var b = U(s.formatTooltip(l, false, c));
+        p.marker = g.makeTooltipMarker("item", b(p.color), u);
+    var m = U(s.formatTooltip(l, false, c));
     var w = d.get("order");
     var y = d.get("valueFormatter");
-    var x = b.frag;
+    var x = m.frag;
     var S = x ? j(y ? F({
       valueFormatter: y
-    }, x) : x, g, u, w, r.get("useUTC"), d.get("textStyle")) : b.text;
+    }, x) : x, g, u, w, r.get("useUTC"), d.get("textStyle")) : m.text;
     var T = "item_" + s.name + "_" + l;
     this._showOrMove(d, (function() {
       this._showTooltipContent(d, S, p, T, t.offsetX, t.offsetY, t.position, t.target, g);
@@ -1134,11 +1134,11 @@ var be = /** @class */ function(t) {
     if (h) {
       if (f(h)) {
         var p = t.ecModel.get("useUTC");
-        var b = w(i) ? i[0] : i;
-        var m = b && b.axisType && b.axisType.indexOf("time") >= 0;
+        var m = w(i) ? i[0] : i;
+        var b = m && m.axisType && m.axisType.indexOf("time") >= 0;
         u = h;
-        if (m) {
-          u = G(b.axisValue, u, p);
+        if (b) {
+          u = G(m.axisValue, u, p);
         }
         u = Y(u, i, true);
       } else if (g(h)) {
@@ -1210,20 +1210,20 @@ var be = /** @class */ function(t) {
     }
     // Specify tooltip position by string 'top' 'bottom' 'left' 'right' around graphic element
      else if (f(e) && o) {
-      var b = calcTooltipPosition(e, v, c, t.get("borderWidth"));
-      i = b[0];
-      r = b[1];
+      var m = calcTooltipPosition(e, v, c, t.get("borderWidth"));
+      i = m[0];
+      r = m[1];
     } else {
-      var b = refixTooltipPosition(i, r, a, s, l, h ? null : 20, u ? null : 20);
-      i = b[0];
-      r = b[1];
+      var m = refixTooltipPosition(i, r, a, s, l, h ? null : 20, u ? null : 20);
+      i = m[0];
+      r = m[1];
     }
     h && (i -= isCenterAlign(h) ? c[0] / 2 : h === "right" ? c[0] : 0);
     u && (r -= isCenterAlign(u) ? c[1] / 2 : u === "bottom" ? c[1] : 0);
     if (shouldTooltipConfine(t)) {
-      var b = confineTooltipPosition(i, r, a, s, l);
-      i = b[0];
-      r = b[1];
+      var m = confineTooltipPosition(i, r, a, s, l);
+      i = m[0];
+      r = m[1];
     }
     a.moveTo(i, r);
   };
@@ -1445,12 +1445,12 @@ function isCenterAlign(t) {
   }
 }
 
-const me = be;
+const be = me;
 
 function install$4(t) {
   tt(et);
   t.registerComponentModel(oe);
-  t.registerComponentView(me);
+  t.registerComponentView(be);
   /**
    * @action
    * @property {string} type
@@ -1848,10 +1848,10 @@ var Me = /** @class */ function(t) {
          * `data.getVisual('style')` may be the color from the register
          * in series. For example, for line series,
          */        var g = d.getVisual("style");
-        var b = this._createItem(v, o, n, a, e, t, f, g, p, c, r);
-        b.on("click", xe(dispatchSelectAction, o, null, r, h)).on("mouseover", xe(dispatchHighlightAction, v.name, null, r, h)).on("mouseout", xe(dispatchDownplayAction, v.name, null, r, h));
+        var m = this._createItem(v, o, n, a, e, t, f, g, p, c, r);
+        m.on("click", xe(dispatchSelectAction, o, null, r, h)).on("mouseover", xe(dispatchHighlightAction, v.name, null, r, h)).on("mouseout", xe(dispatchDownplayAction, v.name, null, r, h));
         if (i.ssr) {
-          b.eachChild((function(t) {
+          m.eachChild((function(t) {
             var e = D(t);
             e.seriesIndex = v.seriesIndex;
             e.dataIndex = n;
@@ -1937,12 +1937,12 @@ var Me = /** @class */ function(t) {
     var v = t.visualDrawType;
     var d = a.get("itemWidth");
     var p = a.get("itemHeight");
-    var b = a.isSelected(e);
-    var m = r.get("symbolRotate");
+    var m = a.isSelected(e);
+    var b = r.get("symbolRotate");
     var w = r.get("symbolKeepAspect");
     var y = r.get("icon");
     l = y || l || "roundRect";
-    var x = getLegendStyle(l, r, o, s, v, b, u);
+    var x = getLegendStyle(l, r, o, s, v, m, u);
     var S = new Te;
     var T = r.getModel("textStyle");
     if (g(t.getLegendIcon) && (!y || y === "inherit")) {
@@ -1951,14 +1951,14 @@ var Me = /** @class */ function(t) {
         itemWidth: d,
         itemHeight: p,
         icon: l,
-        iconRotate: m,
+        iconRotate: b,
         itemStyle: x.itemStyle,
         lineStyle: x.lineStyle,
         symbolKeepAspect: w
       }));
     } else {
       // Use default legend icon policy for most series
-      var M = y === "inherit" && t.getData().getVisual("symbol") ? m === "inherit" ? t.getData().getVisual("symbolRotate") : m : 0;
+      var M = y === "inherit" && t.getData().getVisual("symbol") ? b === "inherit" ? t.getData().getVisual("symbolRotate") : b : 0;
  // No rotation for no icon
             S.add(getDefaultLegendIcon({
         itemWidth: d,
@@ -1979,7 +1979,7 @@ var Me = /** @class */ function(t) {
     } else if (g(A)) {
       P = A(e);
     }
-    var k = b ? T.getTextColor() : r.get("inactiveColor");
+    var k = m ? T.getTextColor() : r.get("inactiveColor");
     S.add(new I({
       style: ft(T, {
         text: P,
@@ -2052,14 +2052,14 @@ var Me = /** @class */ function(t) {
       s.y = u[1];
       o.x = c[0];
       o.y = c[1];
-      var b = {
+      var m = {
         x: 0,
         y: 0
       };
-      b[f] = l[f] + v + h[f];
-      b[p] = Math.max(l[p], h[p]);
-      b[g] = Math.min(0, h[g] + u[1 - d]);
-      return b;
+      m[f] = l[f] + v + h[f];
+      m[p] = Math.max(l[p], h[p]);
+      m[g] = Math.min(0, h[g] + u[1 - d]);
+      return m;
     } else {
       o.x = c[0];
       o.y = c[1];
@@ -2095,7 +2095,7 @@ function getLegendStyle(t, e, i, r, a, n, o) {
   var l = s.getItemStyle();
   var c = t.lastIndexOf("empty", 0) === 0 ? "fill" : "stroke";
   var h = s.getShallow("decal");
-  l.decal = !h || h === "inherit" ? r.decal : bt(h, o);
+  l.decal = !h || h === "inherit" ? r.decal : mt(h, o);
   if (l.fill === "inherit") {
     /**
      * Series with visualDrawType as 'stroke' should have
@@ -2146,7 +2146,7 @@ function getLegendStyle(t, e, i, r, a, n, o) {
 
 function getDefaultLegendIcon(t) {
   var e = t.icon || "roundRect";
-  var i = mt(e, 0, 0, t.itemWidth, t.itemHeight, t.itemStyle.fill, t.symbolKeepAspect);
+  var i = bt(e, 0, 0, t.itemWidth, t.itemHeight, t.itemStyle.fill, t.symbolKeepAspect);
   i.setStyle(t.itemStyle);
   i.rotation = (t.iconRotate || 0) * Math.PI / 180;
   i.setOrigin([ t.itemWidth / 2, t.itemHeight / 2 ]);
@@ -2492,9 +2492,9 @@ var Ve = /** @class */ function(t) {
       if (n === "end") {
         f[s] += g[l] + v;
       } else {
-        var b = d[l] + v;
-        f[s] -= b;
-        g[c] -= b;
+        var m = d[l] + v;
+        f[s] -= m;
+        g[c] -= m;
       }
       g[l] += d[l] + v;
       f[1 - s] += g[u] + g[h] / 2 - d[h] / 2;
@@ -2528,25 +2528,25 @@ var Ve = /** @class */ function(t) {
     }
     // Layout container group based on 0.
         var g = [ 0, 0 ];
-    var b = [ -d.x, -d.y ];
-    var m = Lt(t.get("pageButtonGap", true), t.get("itemGap", true));
+    var m = [ -d.x, -d.y ];
+    var b = Lt(t.get("pageButtonGap", true), t.get("itemGap", true));
     // Place containerGroup and controllerGroup and contentGroup.
         if (f) {
       var w = t.get("pageButtonPosition", true);
       // controller is on the right / bottom.
             if (w === "end") {
-        b[r] += i[a] - d[a];
+        m[r] += i[a] - d[a];
       }
       // controller is on the left / top.
        else {
-        g[r] += d[a] + m;
+        g[r] += d[a] + b;
       }
     }
     // Always align controller to content as 'middle'.
-        b[1 - r] += v[n] / 2 - d[n] / 2;
+        m[1 - r] += v[n] / 2 - d[n] / 2;
     l.setPosition(p);
     h.setPosition(g);
-    u.setPosition(b);
+    u.setPosition(m);
     // Calculate `mainRect` and set `clipPath`.
     // mainRect should not be calculated by `this.group.getBoundingRect()`
     // for sake of the overflow.
@@ -2558,14 +2558,14 @@ var Ve = /** @class */ function(t) {
         y[a] = f ? i[a] : v[a];
     y[n] = Math.max(v[n], d[n]);
     // `containerRect[yx] + containerPos[1 - orientIdx]` is 0.
-        y[o] = Math.min(0, d[o] + b[1 - r]);
+        y[o] = Math.min(0, d[o] + m[1 - r]);
     h.__rectSize = i[a];
     if (f) {
       var x = {
         x: 0,
         y: 0
       };
-      x[a] = Math.max(i[a] - d[a] - m, 0);
+      x[a] = Math.max(i[a] - d[a] - b, 0);
       x[n] = y[n];
       h.setClipPath(new c({
         shape: x
@@ -2665,16 +2665,16 @@ var Ve = /** @class */ function(t) {
     // and we can not get page index directly by division.
     // (4) The window is to narrow to contain more than
     // one item, we should make sure that the page can be fliped.
-        for (var f = s + 1, p = d, g = d, b = null; f <= h; ++f) {
-      b = getItemInfo(l[f]);
+        for (var f = s + 1, p = d, g = d, m = null; f <= h; ++f) {
+      m = getItemInfo(l[f]);
       if (
       // Half of the last item is out of the window.
-      !b && g.e > p.s + r || b && !intersect(b, p.s)) {
+      !m && g.e > p.s + r || m && !intersect(m, p.s)) {
         if (g.i > p.i) {
           p = g;
         } else {
           // e.g., when page size is smaller than item size.
-          p = b;
+          p = m;
         }
         if (p) {
           if (v.pageNextDataIndex == null) {
@@ -2683,14 +2683,14 @@ var Ve = /** @class */ function(t) {
           ++v.pageCount;
         }
       }
-      g = b;
+      g = m;
     }
-    for (var f = s - 1, p = d, g = d, b = null; f >= -1; --f) {
-      b = getItemInfo(l[f]);
+    for (var f = s - 1, p = d, g = d, m = null; f >= -1; --f) {
+      m = getItemInfo(l[f]);
       if (
       // If the the end item does not intersect with the window started
       // from the current item, a page can be settled.
-      (!b || !intersect(g, b.s)) && p.i < g.i) {
+      (!m || !intersect(g, m.s)) && p.i < g.i) {
         g = p;
         if (v.pagePrevDataIndex == null) {
           v.pagePrevDataIndex = p.i;
@@ -2698,7 +2698,7 @@ var Ve = /** @class */ function(t) {
         ++v.pageCount;
         ++v.pageIndex;
       }
-      p = b;
+      p = m;
     }
     return v;
     function getItemInfo(t) {
@@ -2879,22 +2879,22 @@ function pieLayout(t, e, i) {
     }));
     var g = e.getSum(r);
     // Sum may be 0
-        var b = Math.PI / (g || p) * 2;
-    var m = t.get("clockwise");
+        var m = Math.PI / (g || p) * 2;
+    var b = t.get("clockwise");
     var w = t.get("roseType");
     var y = t.get("stillShowZeroSum");
     // [0...max]
         var x = e.getDataExtent(r);
     x[0] = 0;
-    var S = m ? 1 : -1;
+    var S = b ? 1 : -1;
     var T = [ h, u ];
     var M = S * v / 2;
-    It(T, !m);
+    It(T, !b);
     h = T[0], u = T[1];
     var L = Ne(t);
     L.startAngle = h;
     L.endAngle = u;
-    L.clockwise = m;
+    L.clockwise = b;
     var C = Math.abs(u - h);
     // In the case some sector angle is smaller than minAngle
         var I = C;
@@ -2911,7 +2911,7 @@ function pieLayout(t, e, i) {
           angle: NaN,
           startAngle: NaN,
           endAngle: NaN,
-          clockwise: m,
+          clockwise: b,
           cx: o,
           cy: s,
           r0: c,
@@ -2921,7 +2921,7 @@ function pieLayout(t, e, i) {
       }
       // FIXME 兼容 2.0 但是 roseType 是 area 的时候才是这样？
             if (w !== "area") {
-        r = g === 0 && y ? b : t * b;
+        r = g === 0 && y ? m : t * m;
       } else {
         r = C / p;
       }
@@ -2946,7 +2946,7 @@ function pieLayout(t, e, i) {
         angle: r,
         startAngle: n,
         endAngle: h,
-        clockwise: m,
+        clockwise: b,
         cx: o,
         cy: s,
         r0: c,
@@ -2979,12 +2979,12 @@ function pieLayout(t, e, i) {
           }
         }));
       } else {
-        b = I / A;
+        m = I / A;
         P = h;
         e.each(r, (function(t, i) {
           if (!isNaN(t)) {
             var r = e.getItemLayout(i);
-            var a = r.angle === f ? f : t * b;
+            var a = r.angle === f ? f : t * m;
             var n = 0;
             var o = 0;
             if (a < v) {
@@ -3197,14 +3197,14 @@ function avoidOverlap(t, e, i, r, a, n, o, s) {
     if (!isPositionCenter(f) && f.linePoints) {
       var d = f.label;
       var p = f.linePoints;
-      var b = f.labelAlignTo === "edge";
-      var m = d.style.padding;
-      var w = m ? m[1] + m[3] : 0;
+      var m = f.labelAlignTo === "edge";
+      var b = d.style.padding;
+      var w = b ? b[1] + b[3] : 0;
       // textRect.width already contains paddingH if bgColor is set
             var y = d.style.backgroundColor ? 0 : w;
       var x = f.rect.width + y;
       var S = p[1][0] - p[2][0];
-      if (b) {
+      if (m) {
         if (d.x < e) {
           p[2][0] = o + f.edgeDistance + x + f.labelDistance;
         } else {
@@ -3318,8 +3318,8 @@ function pieLabelLayout(t) {
     var p = f.getModel("label");
     // Use position in normal or emphasis
         var g = p.get("position") || f.get([ "emphasis", "label", "position" ]);
-    var b = p.get("distanceToLabelLine");
-    var m = p.get("alignTo");
+    var m = p.get("distanceToLabelLine");
+    var b = p.get("alignTo");
     var w = E(p.get("edgeDistance"), c);
     var x = p.get("bleedMargin");
     var S = f.getModel("labelLine");
@@ -3364,16 +3364,16 @@ function pieLabelLayout(t) {
         var R = O + I * (T + l - u.r);
         var B = N + (C < 0 ? -1 : 1) * M;
         var H = R;
-        if (m === "edge") {
+        if (b === "edge") {
           // Adjust textX because text align of edge is opposite
           A = C < 0 ? h + w : h + c - w;
         } else {
-          A = B + (C < 0 ? -b : b);
+          A = B + (C < 0 ? -m : m);
         }
         P = H;
         k = [ [ z, O ], [ N, R ], [ B, H ] ];
       }
-      V = D ? "center" : m === "edge" ? C > 0 ? "right" : "left" : C > 0 ? "left" : "right";
+      V = D ? "center" : b === "edge" ? C > 0 ? "right" : "left" : C > 0 ? "left" : "right";
     }
     var W = Math.PI;
     var U = 0;
@@ -3422,8 +3422,8 @@ function pieLabelLayout(t) {
         surfaceNormal: new kt(C, I),
         linePoints: k,
         textAlign: V,
-        labelDistance: b,
-        labelAlignTo: m,
+        labelDistance: m,
+        labelAlignTo: b,
         edgeDistance: w,
         bleedMargin: x,
         rect: G,
@@ -3451,24 +3451,24 @@ function pieLabelLayout(t) {
     var f = i[d];
     var p = f.label;
     var g = f.labelLine;
-    var b = isNaN(p.x) || isNaN(p.y);
+    var m = isNaN(p.x) || isNaN(p.y);
     if (p) {
       p.setStyle({
         align: f.textAlign
       });
-      if (b) {
+      if (m) {
         y(p.states, setNotShow);
         p.ignore = true;
       }
-      var m = p.states.select;
-      if (m) {
-        m.x += p.x;
-        m.y += p.y;
+      var b = p.states.select;
+      if (b) {
+        b.x += p.x;
+        b.y += p.y;
       }
     }
     if (g) {
       var w = f.linePoints;
-      if (b || !w) {
+      if (m || !w) {
         y(g.states, setNotShow);
         g.ignore = true;
       } else {
@@ -3586,13 +3586,13 @@ function pieLabelLayout(t) {
       shape: ee(o.getModel([ "blur", "itemStyle" ]), l)
     });
     var g = a.getTextGuideLine();
-    var b = a.getTextContent();
+    var m = a.getTextContent();
     g && F(g.ensureState("select"), {
       x: d,
       y: f
     });
     // TODO: needs dx, dy in zrender?
-        F(b.ensureState("select"), {
+        F(m.ensureState("select"), {
       x: d,
       y: f
     });
@@ -4483,15 +4483,15 @@ const Ee = class {
   }
   render() {
     return i("click-elsewhere", {
-      key: "46371f94c2bd94407b40585b73f0bb47c5e315f6",
+      key: "3d18832c2e83de45c3d6d3334aea24c9766b1f58",
       onChange: this.onClickElsewhere
     }, i("figure", {
-      key: "9481cae2bb3c65f0c3a0ffb839bde2688808777d"
+      key: "4608be26e3d64a551e8c1c5cca4202254d67c9e9"
     }, i("div", {
-      key: "13865b38e703c6deaf921d3bdf228f3b8fa42486",
+      key: "6a38081d203e899ffdc5b4a653bc2c1910c7d659",
       class: "container"
     }, i("div", {
-      key: "7020e99dc26d9127e255b0609d6f8d9de2ad14a7",
+      key: "5a178c6445cc16594141dcbfd45d27b1da2e9671",
       ref: t => this.chartContainer = t,
       "aria-describedby": !this.isClickable ? "center-card-description" : undefined,
       class: "chart-container",
@@ -4501,9 +4501,9 @@ const Ee = class {
       tabIndex: !this.isClickable ? 0 : undefined,
       onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined
     }), this.renderCenterBlock()), this.showLegend && i("figcaption", {
-      key: "0fc4fa0da6f895a5f0d0fd044739652ccb0b87f1"
+      key: "a693203a46b943ad7d11ccf348b8f5a8c65ef760"
     }, i("q2-legend", {
-      key: "1ab827762eb139944842075305f3b2628ec59d32",
+      key: "060b76987bb07d35eb41b7c8b822b0114d708b01",
       class: "legend",
       data: this.legendData,
       format: this.format,

package/dist/q2-tecton-elements/q2-checkbox-group.entry.js

@@ -1,8 +1,8 @@
-import { r as t, c as e, h as r, F as o, g as a } from "./index-7a5365e2.js";
+import { r as t, c as e, h as r, F as o, g as i } from "./index-7a5365e2.js";
 
-import { c as i, f as s } from "./index-f2a66217.js";
+import { c as a, f as s } from "./index-c215e8ef.js";
 
-const n = '*{box-sizing:border-box}*:active{outline:none}*:focus{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}:host{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}::slotted(q2-checkbox){--tct-checkbox-margin:var(--tct-checkbox-group-checkbox-margin, var(--app-scale-0x, 0));--tct-checkbox-padding:var(--tct-checkbox-group-checkbox-padding, var(--app-scale-2x, 10px))}fieldset{padding:var(--tct-checkbox-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px))}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.slot-container{margin:var(--app-scale-1x, 5px) 0;padding:var(--app-scale-1x, 5px);border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .slot-container{border-color:var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .slot-container{border-color:transparent}.optional-tag{margin-left:var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-checkbox-group-label-optional-font-size, 12px);font-weight:var(--tct-checkbox-group-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}';
+const n = '*{box-sizing:border-box}*:active{outline:none}*:focus{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}:host{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}fieldset{padding:var(--tct-checkbox-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px))}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.slot-container{margin:var(--app-scale-1x, 5px) 0;padding:var(--app-scale-1x, 5px);border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .slot-container{border-color:var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .slot-container{border-color:transparent}.optional-tag{margin-left:var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-checkbox-group-label-optional-font-size, 12px);font-weight:var(--tct-checkbox-group-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}';
 
 const c = n;
 
@@ -11,7 +11,7 @@ const d = class {
     t(this, r);
     this.change = e(this, "change", 7);
     // #region Own Properties
-        this._id = `checkbox-group-${i()}`;
+        this._id = `checkbox-group-${a()}`;
     this.onInnerCheckboxChange = t => {
       t.stopImmediatePropagation();
       const e = {};
@@ -128,28 +128,28 @@ const d = class {
     const t = this.label || this.optional || this.readonly;
     const e = t && !this.hideLabel || this.hasError;
     return r(o, {
-      key: "e2e313379cf001e419e0f4af7852e09f16931d28"
+      key: "3f4b8e424ccc5b26c36ea7e9b6667717eb29cefa"
     }, e && r("div", {
-      key: "65dce898067eaacb01fcdffa8aefa7faed0aa3d7",
+      key: "54720ecb444c3bd5acc66210d4a6b9a84dfeb2e4",
       class: "label-row"
     }, t && !this.hideLabel && r("div", {
-      key: "9c627891b5ca932a7ae6d7c519b387f339f3d3f0",
+      key: "9c28cc5c09c498af64ed9a10e13318c9266c7cc1",
       class: "group-legend"
     }, s(this)), this.hasError && r("q2-icon", {
-      key: "940512e2c8b756743242356c8b189981a4f0b576",
+      key: "6d82ea53d7a8e7993b2494281ba2bb87fd1fcfb4",
       type: "error",
       "test-id": "iconError"
     })), r("fieldset", {
-      key: "797c6e7b149685201dd3f8717a86674941801199",
+      key: "31b7e3a9b3df1c8804609f40a0bbc498c7c98755",
       onChange: this.onInnerCheckboxChange,
       "aria-invalid": this.hasError ? `${this.hasError}` : undefined
     }, t && r("legend", {
-      key: "817cf2050f2e7435782046802c7af359354f4d0f",
+      key: "d76d87da51444be5b57b9f1197f15264583ba0a7",
       class: "sr-only"
     }, s(this)), this.inputDom()));
   }
   get hostElement() {
-    return a(this);
+    return i(this);
   }
   static get watchers() {
     return {