q2-tecton-elements 1.70.2 → 1.71.0

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

@@ -2658,7 +2658,7 @@ const _t =  t(class extends e {
     };
   }
   static get style() {
-    return "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";
+    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}';
   }
 }, [ 1, "q2-chart-area", {
   alignChartName: [ 513, "align-chart-name" ],

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

@@ -2,7 +2,7 @@ import { proxyCustomElement as t, HTMLElement as e, h as a, transformTag as r }
 
 import { o as i, l as s } from "./index2.js";
 
-import { _ as n, J as o, S as h, ah as d, w as l, ai as c, o as u, a1 as f, h as p, i as v, u as g, s as m, I as b, aj as w, G as B, m as A, d as S, C as y, U as M, V as x, a as k, g as N, b as V, ak as U, t as C, A as P, al as L, am as D, an as z, ao as j, aa as E, af as O, ag as T, ab as I, ac as R, ad as W, ae as X } from "./charting.js";
+import { _ as n, J as o, S as h, ah as d, w as l, ai as c, o as u, a1 as p, h as f, i as v, u as m, s as g, I as b, aj as w, G as y, m as B, d as A, C as S, U as M, V as x, a as k, g as N, b as V, ak as U, t as C, A as P, al as L, am as D, an as z, ao as j, aa as E, af as O, ag as T, ab as I, ac as R, ad as W, ae as X } from "./charting.js";
 
 import { c as Y, j as _, i as q, g as H, a as F, e as G, f as J, h as K } from "./dataSample.js";
 
@@ -36,21 +36,21 @@ var $ = /** @class */ function(t) {
           // value of the axis as the coord
           return void (s[a] = t.toGlobalCoord(t.getExtent()[h ? 1 : 0]));
           for (var d = void 0, l = void 0, c = 1, u = 0; u < r.length; u++) {
-            var f = r[u].coord, p = u === r.length - 1 ? r[u - 1].tickValue + c : r[u].tickValue;
+            var p = r[u].coord, f = u === r.length - 1 ? r[u - 1].tickValue + c : r[u].tickValue;
             // The last item of tickCoords doesn't contain
             // tickValue
-                        if (p === o) {
-              l = f;
+                        if (f === o) {
+              l = p;
               break;
             }
-            if (p < o) d = f; else if (null != d && p > o) {
-              l = (f + d) / 2;
+            if (f < o) d = p; else if (null != d && f > o) {
+              l = (p + d) / 2;
               break;
             }
             1 === u && (
             // Here we assume the step of category axes is
             // the same
-            c = p - r[0].tickValue);
+            c = f - r[0].tickValue);
           }
           null == l && (d ? d && (
           // targetTickId is larger than all tick ids in the
@@ -156,9 +156,9 @@ var tt = /** @class */ function(t) {
     u || (
     // Normalize angles
     h = d - (l ? c : -c));
-    var f = Math.cos(h), p = Math.sin(h), v = Math.cos(d), g = Math.sin(d);
-    u ? (t.moveTo(f * i + a, p * i + r), t.arc(f * o + a, p * o + r, n, -Math.PI + h, h, !l)) : t.moveTo(f * s + a, p * s + r), 
-    t.arc(a, r, s, h, d, !l), t.arc(v * o + a, g * o + r, n, d - 2 * Math.PI, d - Math.PI, !l), 
+    var p = Math.cos(h), f = Math.sin(h), v = Math.cos(d), m = Math.sin(d);
+    u ? (t.moveTo(p * i + a, f * i + r), t.arc(p * o + a, f * o + r, n, -Math.PI + h, h, !l)) : t.moveTo(p * s + a, f * s + r), 
+    t.arc(a, r, s, h, d, !l), t.arc(v * o + a, m * o + r, n, d - 2 * Math.PI, d - Math.PI, !l), 
     0 !== i && t.arc(a, r, i, d, h, l);
   }, SausagePath;
 }(l);
@@ -197,7 +197,7 @@ var it = /** @class */ function(t) {
     // Do not support progressive in normal mode.
     this._incrementalRenderLarge(t, e);
   }, BarView.prototype.eachRendered = function(t) {
-    p(this._progressiveEls || this.group, t);
+    f(this._progressiveEls || this.group, t);
   }, BarView.prototype._updateDrawMode = function(t) {
     var e = t.pipelineContext.large;
     null != this._isLargeDraw && e === this._isLargeDraw || (this._isLargeDraw = e, 
@@ -213,7 +213,7 @@ var it = /** @class */ function(t) {
       };
     }(t, h);
     c && this._enableRealtimeSort(c, n, a);
-    var u = t.get("clip", !0) || c, f = function(t, e) {
+    var u = t.get("clip", !0) || c, p = function(t, e) {
       var a = t.getArea && t.getArea();
       if (q(t, "cartesian2d")) {
         var r = t.getBaseAxis();
@@ -231,7 +231,7 @@ var it = /** @class */ function(t) {
     s.removeClipPath();
     // We don't use clipPath in normal mode because we needs a perfect animation
     // And don't want the label are clipped.
-    var p = t.get("roundCap", !0), A = t.get("showBackground", !0), S = t.getModel("backgroundStyle"), y = S.get("borderRadius") || 0, k = [], N = this._backgroundEls, V = r && r.isInitSort, U = r && "changeAxisOrder" === r.type;
+    var f = t.get("roundCap", !0), B = t.get("showBackground", !0), A = t.getModel("backgroundStyle"), S = A.get("borderRadius") || 0, k = [], N = this._backgroundEls, V = r && r.isInitSort, U = r && "changeAxisOrder" === r.type;
     function createBackground(t) {
       var e = lt[h.type](n, t), a = function(t, e, a) {
         var r = "polar" === t.type ? M : x;
@@ -241,21 +241,21 @@ var it = /** @class */ function(t) {
           z2: 0
         });
       }(h, i, e);
-      return a.useStyle(S.getItemStyle()), 
+      return a.useStyle(A.getItemStyle()), 
       // Only cartesian2d support borderRadius.
-      "cartesian2d" === h.type ? a.setShape("r", y) : a.setShape("cornerRadius", y), k[t] = a, 
+      "cartesian2d" === h.type ? a.setShape("r", S) : a.setShape("cornerRadius", S), k[t] = a, 
       a;
     }
     n.diff(o).add((function(e) {
       var a = n.getItemModel(e), r = lt[h.type](n, e, a);
       // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
-      if (A && createBackground(e), n.hasValue(e) && dt[h.type](r)) {
+      if (B && createBackground(e), n.hasValue(e) && dt[h.type](r)) {
         var o = !1;
         u && (
         // Clip will modify the layout params.
         // And return a boolean to determine if the shape are fully clipped.
-        o = st[h.type](f, r));
-        var g = nt[h.type](t, n, e, r, i, l, d.model, !1, p);
+        o = st[h.type](p, r));
+        var m = nt[h.type](t, n, e, r, i, l, d.model, !1, f);
         c && (
         /**
          * Force label animation because even if the element is
@@ -265,29 +265,29 @@ var it = /** @class */ function(t) {
          * the label will be the final value and doesn't have label
          * animation.
          */
-        g.forceLabelAnimation = !0), updateStyle(g, n, e, a, r, t, i, "polar" === h.type), 
-        V ? g.attr({
+        m.forceLabelAnimation = !0), updateStyle(m, n, e, a, r, t, i, "polar" === h.type), 
+        V ? m.attr({
           shape: r
-        }) : c ? updateRealtimeAnimation(c, l, g, r, e, i, !1, !1) : v(g, {
+        }) : c ? updateRealtimeAnimation(c, l, m, r, e, i, !1, !1) : v(m, {
           shape: r
-        }, t, e), n.setItemGraphicEl(e, g), s.add(g), g.ignore = o;
+        }, t, e), n.setItemGraphicEl(e, m), s.add(m), m.ignore = o;
       }
     })).update((function(e, a) {
       var r = n.getItemModel(e), v = lt[h.type](n, e, r);
-      if (A) {
+      if (B) {
         var w = void 0;
-        0 === N.length ? w = createBackground(a) : ((w = N[a]).useStyle(S.getItemStyle()), 
+        0 === N.length ? w = createBackground(a) : ((w = N[a]).useStyle(A.getItemStyle()), 
         // Only cartesian2d support borderRadius.
-        "cartesian2d" === h.type ? w.setShape("r", y) : w.setShape("cornerRadius", y), k[e] = w);
-        var B = lt[h.type](n, e), M = createBackgroundShape(i, B, h);
-        g(w, {
+        "cartesian2d" === h.type ? w.setShape("r", S) : w.setShape("cornerRadius", S), k[e] = w);
+        var y = lt[h.type](n, e), M = createBackgroundShape(i, y, h);
+        m(w, {
           shape: M
         }, l, e);
       }
       var x = o.getItemGraphicEl(a);
       if (n.hasValue(e) && dt[h.type](v)) {
         var C = !1;
-        if (u && (C = st[h.type](f, v)) && s.remove(x), x ? m(x) : x = nt[h.type](t, n, e, v, i, l, d.model, !!x, p), 
+        if (u && (C = st[h.type](p, v)) && s.remove(x), x ? g(x) : x = nt[h.type](t, n, e, v, i, l, d.model, !!x, f), 
         c && (x.forceLabelAnimation = !0), U) {
           var P = x.getTextContent();
           if (P) {
@@ -307,7 +307,7 @@ var it = /** @class */ function(t) {
          else updateStyle(x, n, e, r, v, t, i, "polar" === h.type);
         V ? x.attr({
           shape: v
-        }) : c ? updateRealtimeAnimation(c, l, x, v, e, i, !0, U) : g(x, {
+        }) : c ? updateRealtimeAnimation(c, l, x, v, e, i, !0, U) : m(x, {
           shape: v
         }, t, e, null), n.setItemGraphicEl(e, x), x.ignore = C, s.add(x);
       } else s.remove(x);
@@ -315,7 +315,7 @@ var it = /** @class */ function(t) {
       var a = o.getItemGraphicEl(e);
       a && w(a, t, e);
     })).execute();
-    var C = this._backgroundGroup || (this._backgroundGroup = new B);
+    var C = this._backgroundGroup || (this._backgroundGroup = new y);
     C.removeAll();
     for (var P = 0; P < k.length; ++P) C.add(k[P]);
     s.add(C), this._backgroundEls = k, this._data = n;
@@ -358,7 +358,7 @@ var it = /** @class */ function(t) {
       // If NaN, it will be treated as min val.
       return e.mappedValue - t.mappedValue;
     })), {
-      ordinalNumbers: A(r, (function(t) {
+      ordinalNumbers: B(r, (function(t) {
         return t.ordinalNumber;
       }))
     };
@@ -408,12 +408,12 @@ var it = /** @class */ function(t) {
     var e = this.group, a = this._data;
     t && t.isAnimationEnabled() && a && !this._isLargeDraw ? (this._removeBackground(), 
     this._backgroundEls = [], a.eachItemGraphicEl((function(e) {
-      w(e, t, S(e).dataIndex);
+      w(e, t, A(e).dataIndex);
     }))) : e.removeAll(), this._data = null, this._isFirstFrame = !0;
   }, BarView.prototype._removeBackground = function() {
     this.group.remove(this._backgroundGroup), this._backgroundGroup = null;
   }, BarView.type = "bar", BarView;
-}(y), st = {
+}(S), st = {
   cartesian2d: function(t, e) {
     var a = e.width < 0 ? -1 : 1, r = e.height < 0 ? -1 : 1;
     // Needs positive width and height
@@ -468,59 +468,59 @@ var it = /** @class */ function(t) {
       return function(e, r, i) {
         var s = r.position;
         if (!s || s instanceof Array) return c(e, r, i);
-        var n = t(s), o = null != r.distance ? r.distance : 5, h = this.shape, d = h.cx, l = h.cy, u = h.r, f = h.r0, p = (u + f) / 2, v = h.startAngle, g = h.endAngle, m = (v + g) / 2, b = a ? Math.abs(u - f) / 2 : 0, w = Math.cos, B = Math.sin, A = d + u * w(v), S = l + u * B(v), y = "left", M = "top";
+        var n = t(s), o = null != r.distance ? r.distance : 5, h = this.shape, d = h.cx, l = h.cy, u = h.r, p = h.r0, f = (u + p) / 2, v = h.startAngle, m = h.endAngle, g = (v + m) / 2, b = a ? Math.abs(u - p) / 2 : 0, w = Math.cos, y = Math.sin, B = d + u * w(v), A = l + u * y(v), S = "left", M = "top";
         switch (n) {
          case "startArc":
-          A = d + (f - o) * w(m), S = l + (f - o) * B(m), y = "center", M = "top";
+          B = d + (p - o) * w(g), A = l + (p - o) * y(g), S = "center", M = "top";
           break;
 
          case "insideStartArc":
-          A = d + (f + o) * w(m), S = l + (f + o) * B(m), y = "center", M = "bottom";
+          B = d + (p + o) * w(g), A = l + (p + o) * y(g), S = "center", M = "bottom";
           break;
 
          case "startAngle":
-          A = d + p * w(v) + adjustAngleDistanceX(v, o + b, !1), S = l + p * B(v) + adjustAngleDistanceY(v, o + b, !1), 
-          y = "right", M = "middle";
+          B = d + f * w(v) + adjustAngleDistanceX(v, o + b, !1), A = l + f * y(v) + adjustAngleDistanceY(v, o + b, !1), 
+          S = "right", M = "middle";
           break;
 
          case "insideStartAngle":
-          A = d + p * w(v) + adjustAngleDistanceX(v, -o + b, !1), S = l + p * B(v) + adjustAngleDistanceY(v, -o + b, !1), 
-          y = "left", M = "middle";
+          B = d + f * w(v) + adjustAngleDistanceX(v, -o + b, !1), A = l + f * y(v) + adjustAngleDistanceY(v, -o + b, !1), 
+          S = "left", M = "middle";
           break;
 
          case "middle":
-          A = d + p * w(m), S = l + p * B(m), y = "center", M = "middle";
+          B = d + f * w(g), A = l + f * y(g), S = "center", M = "middle";
           break;
 
          case "endArc":
-          A = d + (u + o) * w(m), S = l + (u + o) * B(m), y = "center", M = "bottom";
+          B = d + (u + o) * w(g), A = l + (u + o) * y(g), S = "center", M = "bottom";
           break;
 
          case "insideEndArc":
-          A = d + (u - o) * w(m), S = l + (u - o) * B(m), y = "center", M = "top";
+          B = d + (u - o) * w(g), A = l + (u - o) * y(g), S = "center", M = "top";
           break;
 
          case "endAngle":
-          A = d + p * w(g) + adjustAngleDistanceX(g, o + b, !0), S = l + p * B(g) + adjustAngleDistanceY(g, o + b, !0), 
-          y = "left", M = "middle";
+          B = d + f * w(m) + adjustAngleDistanceX(m, o + b, !0), A = l + f * y(m) + adjustAngleDistanceY(m, o + b, !0), 
+          S = "left", M = "middle";
           break;
 
          case "insideEndAngle":
-          A = d + p * w(g) + adjustAngleDistanceX(g, -o + b, !0), S = l + p * B(g) + adjustAngleDistanceY(g, -o + b, !0), 
-          y = "right", M = "middle";
+          B = d + f * w(m) + adjustAngleDistanceX(m, -o + b, !0), A = l + f * y(m) + adjustAngleDistanceY(m, -o + b, !0), 
+          S = "right", M = "middle";
           break;
 
          default:
           return c(e, r, i);
         }
-        return (e = e || {}).x = A, e.y = S, e.align = y, e.verticalAlign = M, e;
+        return (e = e || {}).x = B, e.y = A, e.align = S, e.verticalAlign = M, e;
       };
     }(u, {
       isRoundCap: d === et
     }), s) {
-      var f = i ? "r" : "endAngle", p = {};
-      l.shape[f] = i ? r.r0 : r.startAngle, p[f] = r[f], (o ? g : v)(l, {
-        shape: p
+      var p = i ? "r" : "endAngle", f = {};
+      l.shape[p] = i ? r.r0 : r.startAngle, f[p] = r[p], (o ? m : v)(l, {
+        shape: f
       }, s);
     }
     return l;
@@ -544,11 +544,11 @@ function updateRealtimeAnimation(t, e, a, r, i, s, n, o) {
   }), o || 
   // Keep the original growth animation if only axis order changed.
   // Not start a new animation.
-  (n ? g : v)(a, {
+  (n ? m : v)(a, {
     shape: h
   }, e, i, null);
   var l = e ? t.baseAxis.model : null;
-  (n ? g : v)(a, {
+  (n ? m : v)(a, {
     shape: d
   }, l, i);
 }
@@ -626,20 +626,20 @@ function updateStyle(t, e, a, r, i, s, n, h) {
       k(l, c), t.setShape(l);
     }
   } else {
-    var p = r.get([ "itemStyle", "borderRadius" ]) || 0;
-    t.setShape("r", p);
+    var f = r.get([ "itemStyle", "borderRadius" ]) || 0;
+    t.setShape("r", f);
   }
   t.useStyle(d);
   var v = r.getShallow("cursor");
   v && t.attr("cursor", v);
-  var g = h ? n ? i.r >= i.r0 ? "endArc" : "startArc" : i.endAngle >= i.startAngle ? "endAngle" : "startAngle" : n ? i.height >= 0 ? "bottom" : "top" : i.width >= 0 ? "right" : "left", m = N(r);
-  V(t, m, {
+  var m = h ? n ? i.r >= i.r0 ? "endArc" : "startArc" : i.endAngle >= i.startAngle ? "endAngle" : "startAngle" : n ? i.height >= 0 ? "bottom" : "top" : i.width >= 0 ? "right" : "left", g = N(r);
+  V(t, g, {
     labelFetcher: s,
     labelDataIndex: a,
     defaultText: H(s.getData(), a),
     inheritColor: d.fill,
     defaultOpacity: d.opacity,
-    defaultOutsidePosition: g
+    defaultOutsidePosition: m
   });
   var b = t.getTextContent();
   if (h && b) {
@@ -649,7 +649,7 @@ function updateStyle(t, e, a, r, i, s, n, h) {
       // user-set rotation
       t.setTextConfig({
         rotation: r
-      }); else if (f(e)) 
+      }); else if (p(e)) 
       // user-set position, use 0 as auto rotation
       t.setTextConfig({
         rotation: 0
@@ -690,13 +690,13 @@ function updateStyle(t, e, a, r, i, s, n, h) {
           rotation: l
         });
       }
-    }(t, "outside" === w ? g : w, createPolarPositionMapping(n), r.get([ "label", "rotate" ]));
+    }(t, "outside" === w ? m : w, createPolarPositionMapping(n), r.get([ "label", "rotate" ]));
   }
-  U(b, m, s.getRawValue(a), (function(t) {
+  U(b, g, s.getRawValue(a), (function(t) {
     return F(e, t);
   }));
-  var B = r.getModel([ "emphasis" ]);
-  C(t, B.get("focus"), B.get("blurScope"), B.get("disabled")), P(t, r), function(t) {
+  var y = r.getModel([ "emphasis" ]);
+  C(t, y.get("focus"), y.get("blurScope"), y.get("disabled")), P(t, r), function(t) {
     return null != t.startAngle && null != t.endAngle && t.startAngle === t.endAngle;
   }(i) && (t.style.fill = "none", t.style.stroke = "none", o(t.states, (function(t) {
     t.style && (t.style.fill = t.style.stroke = "none");
@@ -746,7 +746,7 @@ function createLarge(t, e, a, r) {
   // Stroke is rendered first to avoid overlapping with fill
   c.style.stroke = null, 
   // Enable tooltip and user mouse/touch event handlers.
-  S(c).seriesIndex = t.seriesIndex, t.get("silent") || (c.on("mousedown", ut), c.on("mousemove", ut)), 
+  A(c).seriesIndex = t.seriesIndex, t.get("silent") || (c.on("mousedown", ut), c.on("mousemove", ut)), 
   a && a.push(c);
 }
 
@@ -760,7 +760,7 @@ var ut = L((function(t) {
     }
     return -1;
   }(this, t.offsetX, t.offsetY);
-  S(this).dataIndex = e >= 0 ? e : null;
+  A(this).dataIndex = e >= 0 ? e : null;
 }), 30, !1);
 
 function createBackgroundShape(t, e, a) {
@@ -814,7 +814,7 @@ E([ O, function(t) {
   }));
 }, T, Z, J, K ]);
 
-const ft =  t(class extends e {
+const pt =  t(class extends e {
   constructor(t) {
     super(), !1 !== t && this.__registerHost(), this.__attachShadow(), 
     /** An array of objects that contain the data to be displayed. */
@@ -1019,7 +1019,7 @@ const ft =  t(class extends e {
     };
   }
   static get style() {
-    return "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";
+    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}';
   }
 }, [ 1, "q2-chart-bar", {
   alignChartName: [ 513, "align-chart-name" ],
@@ -1087,11 +1087,11 @@ const ft =  t(class extends e {
   } ]
 } ]);
 
-const pt = ft, defineCustomElement = function() {
+const ft = pt, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
   [ "q2-chart-bar" ].forEach((t => {
-    if ("q2-chart-bar" === t) customElements.get(r(t)) || customElements.define(r(t), ft);
+    if ("q2-chart-bar" === t) customElements.get(r(t)) || customElements.define(r(t), pt);
   }));
 };
 
-export { pt as Q2ChartBar, defineCustomElement }
+export { ft as Q2ChartBar, defineCustomElement }

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

@@ -3128,7 +3128,7 @@ const Be =  t(class extends e {
     };
   }
   static get style() {
-    return "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}: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, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";
+    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{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))}';
   }
 }, [ 1, "q2-chart-donut", {
   chartName: [ 513, "chart-name" ],

package/dist/components/q2-checkbox-group.js

@@ -1,25 +1,25 @@
-import { proxyCustomElement as e, HTMLElement as t, createEvent as r, h as o, Fragment as a, transformTag as i } from "@stencil/core/internal/client";
+import { proxyCustomElement as t, HTMLElement as e, createEvent as r, h as o, Fragment as a, transformTag as i } from "@stencil/core/internal/client";
 
-import { c as n, r as c } from "./index2.js";
+import { c as n, r as s } from "./index2.js";
 
-import { m as s } from "./mirror-emit.js";
+import { m as c } from "./mirror-emit.js";
 
 import { h as l } from "./component.js";
 
-import { d as h } from "./q2-icon2.js";
+import { d } from "./q2-icon2.js";
 
-const d =  e(class extends t {
-  constructor(e) {
-    super(), !1 !== e && this.__registerHost(), this.__attachShadow(), this.change = r(this, "change", 7), 
+const h =  t(class extends e {
+  constructor(t) {
+    super(), !1 !== t && this.__registerHost(), this.__attachShadow(), this.change = r(this, "change", 7), 
     this.tctChange = r(this, "tctChange", 7), 
     // #region Own Properties
-    this._id = "checkbox-group-" + n(), this.onInnerCheckboxChange = e => {
-      e.stopImmediatePropagation();
-      const t = {};
+    this._id = "checkbox-group-" + n(), this.onInnerCheckboxChange = t => {
+      t.stopImmediatePropagation();
+      const e = {};
       setTimeout((() => {
-        this.checkboxElements.forEach((e => {
-          t[e.value] = !!e.checked;
-        })), s(this, [ "change", "tctChange" ], t);
+        this.checkboxElements.forEach((t => {
+          e[t.value] = !!t.checked;
+        })), c(this, [ "change", "tctChange" ], e);
       }), 0);
     }, this.onMutationObserved = () => {
       this.updateValue(), this.updateDisabled(), this.updateReadonly();
@@ -34,16 +34,16 @@ const d =  e(class extends t {
     this.updateReadonly(), l(this.hostElement, "q2-checkbox") || console.warn("q2-checkbox-group allows other elements as children but only expects and interacts with q2-checkbox", this);
   }
   componentDidLoad() {
-    const e = new MutationObserver(this.onMutationObserved);
-    e.observe(this.hostElement, {
+    const t = new MutationObserver(this.onMutationObserved);
+    t.observe(this.hostElement, {
       childList: !0,
       subtree: !0
-    }), this.mutationObserver = e, this.onMutationObserved();
+    }), this.mutationObserver = t, this.onMutationObserved();
   }
   // #endregion
   // #region Listeners
-  onHostElementChange(e) {
-    e.target !== this.hostElement || this.hostElement.onchange || (this.value = e.detail);
+  onHostElementChange(t) {
+    t.target !== this.hostElement || this.hostElement.onchange || (this.value = t.detail);
   }
   // #endregion
   // #region Public Methods API
@@ -52,10 +52,10 @@ const d =  e(class extends t {
      *
      * @testOnly
      */
-  setValue(e) {
-    const t = new Set(Array.isArray(e) ? e : [ e ]);
-    this.checkboxElements.forEach((e => {
-      t.has(e.value) && e.click();
+  setValue(t) {
+    const e = new Set(Array.isArray(t) ? t : [ t ]);
+    this.checkboxElements.forEach((t => {
+      e.has(t.value) && t.click();
     }));
   }
   // #endregion
@@ -86,35 +86,35 @@ const d =  e(class extends t {
     }, o("slot", null));
   }
   updateDisabled() {
-    const e = this.disabled;
-    this.checkboxElements.forEach((t => {
-      t.groupDisabled = e;
+    const t = this.disabled;
+    this.checkboxElements.forEach((e => {
+      e.groupDisabled = t;
     }));
   }
   updateReadonly() {
-    const e = this.readonly;
-    this.checkboxElements.forEach((t => {
-      t.slotReadonly = e;
+    const t = this.readonly;
+    this.checkboxElements.forEach((e => {
+      e.slotReadonly = t;
     }));
   }
   updateValue() {
-    this.readonly || this.checkboxElements.forEach((e => {
-      this.protectedValue.hasOwnProperty(e.value) && (e.checked = this.value[e.value]);
+    this.readonly || this.checkboxElements.forEach((t => {
+      this.protectedValue.hasOwnProperty(t.value) && (t.checked = this.value[t.value]);
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    const e = this.label || this.optional || this.readonly, t = e && !this.hideLabel || this.hasError;
+    const t = this.label || this.optional || this.readonly, e = t && !this.hideLabel || this.hasError;
     return o(a, {
       key: "4e9159cc489b8c2ed9adf3c8263355994364780e"
-    }, t && o("div", {
+    }, e && o("div", {
       key: "85c21ddc03d2abaf4e78b1922dcf3705ec673fc9",
       class: "label-row"
-    }, e && !this.hideLabel && o("div", {
+    }, t && !this.hideLabel && o("div", {
       key: "071eb3359b048a5e7f89f7c525362e065707a8fe",
       class: "group-legend"
-    }, c(this)), this.hasError && o("q2-icon", {
+    }, s(this)), this.hasError && o("q2-icon", {
       key: "76a591fb52671d43351322faa488608128320183",
       type: "error",
       "test-id": "iconError"
@@ -122,10 +122,10 @@ const d =  e(class extends t {
       key: "0bcc9a5419df7ab0bf2abfc6189983e6cf5bd779",
       onChange: this.onInnerCheckboxChange,
       "aria-invalid": this.hasError ? "" + this.hasError : void 0
-    }, e && o("legend", {
+    }, t && o("legend", {
       key: "c6a5f3ec8289091b6d113a36d2fed9b83a5c7088",
       class: "sr-only"
-    }, c(this)), this.inputDom()));
+    }, s(this)), this.inputDom()));
   }
   get hostElement() {
     return this;
@@ -144,7 +144,7 @@ const d =  e(class extends t {
     };
   }
   static get style() {
-    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}: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));color:var(--tct-checkbox-group-label-font-color, inherit);font-size:var(--tct-checkbox-group-label-font-size, inherit);font-weight:var(--tct-checkbox-group-label-font-weight, 600);text-transform:var(--tct-checkbox-group-label-text-transform, none);letter-spacing:var(--tct-checkbox-group-label-letter-spacing, inherit)}.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{--comp-default-container-margin:var(--app-scale-1x, 5px) 0;margin:var(--tct-checkbox-group-container-margin, var(--comp-default-container-margin));padding:var(--tct-checkbox-group-container-padding, var(--app-scale-1x, 5px));border-width:var(--tct-checkbox-group-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}';
+    return '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{--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));color:var(--tct-checkbox-group-label-font-color, inherit);font-size:var(--tct-checkbox-group-label-font-size, inherit);font-weight:var(--tct-checkbox-group-label-font-weight, 600);text-transform:var(--tct-checkbox-group-label-text-transform, none);letter-spacing:var(--tct-checkbox-group-label-letter-spacing, inherit)}.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{--comp-default-container-margin:var(--app-scale-1x, 5px) 0;margin:var(--tct-checkbox-group-container-margin, var(--comp-default-container-margin));padding:var(--tct-checkbox-group-container-padding, var(--app-scale-1x, 5px));border-width:var(--tct-checkbox-group-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, var(--const-px-12, 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}';
   }
 }, [ 257, "q2-checkbox-group", {
   disabled: [ 516 ],
@@ -167,16 +167,16 @@ const d =  e(class extends t {
   } ]
 } ]);
 
-const p = d, defineCustomElement = function() {
+const p = h, defineCustomElement = function() {
   if ("undefined" == typeof customElements) return;
-  [ "q2-checkbox-group", "q2-icon" ].forEach((e => {
-    switch (e) {
+  [ "q2-checkbox-group", "q2-icon" ].forEach((t => {
+    switch (t) {
      case "q2-checkbox-group":
-      customElements.get(i(e)) || customElements.define(i(e), d);
+      customElements.get(i(t)) || customElements.define(i(t), h);
       break;
 
      case "q2-icon":
-      customElements.get(i(e)) || h();
+      customElements.get(i(t)) || d();
     }
   }));
 };