q2-tecton-elements 1.56.1 → 1.56.2

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

@@ -2,7 +2,7 @@ import { r as e, h as r, g as a } from "./index-7a5365e2.js";
 
 import { o as t, l as i } from "./index-c215e8ef.js";
 
-import { _ as s, I as n, S as o, b6 as h, P as u, b7 as l, o as c, a0 as d, h as f, i as v, u as p, s as g, H as b, b8 as m, G as w, m as S, d as B, C as A, W as y, a as x, g as M, b as k, b9 as P, t as V, z as C, ba as N, V as L, ai as D, bb as z, bc as j, a9 as U, aa as T, ab as I, ac as O, ad as R, ae as E, af as W } from "./charting-1abfb877.js";
+import { _ as s, I as n, S as o, b6 as h, P as u, b7 as l, o as d, a0 as c, h as f, i as v, u as p, s as g, H as b, b8 as m, G as w, m as S, d as B, C as A, W as y, a as x, g as M, b as k, b9 as P, t as V, z as C, ba as N, V as L, ai as D, bb as z, bc as j, a9 as U, aa as T, ab as I, ac as O, ad as R, ae as E, af as W } from "./charting-1abfb877.js";
 
 import { c as _, j as X, g as Y, i as H, a as F, e as q, f as Z, h as G } from "./dataSample-7b62e101.js";
 
@@ -52,12 +52,12 @@ var Q = /** @class */ function(e) {
             }
             var u = void 0;
             var l = void 0;
-            var c = 1;
-            for (var d = 0; d < t.length; d++) {
-              var f = t[d].coord;
+            var d = 1;
+            for (var c = 0; c < t.length; c++) {
+              var f = t[c].coord;
               // The last item of tickCoords doesn't contain
               // tickValue
-                            var v = d === t.length - 1 ? t[d - 1].tickValue + c : t[d].tickValue;
+                            var v = c === t.length - 1 ? t[c - 1].tickValue + d : t[c].tickValue;
               if (v === o) {
                 l = f;
                 break;
@@ -67,10 +67,10 @@ var Q = /** @class */ function(e) {
                 l = (f + u) / 2;
                 break;
               }
-              if (d === 1) {
+              if (c === 1) {
                 // Here we assume the step of category axes is
                 // the same
-                c = v - t[0].tickValue;
+                d = v - t[0].tickValue;
               }
             }
             if (l == null) {
@@ -223,17 +223,17 @@ var te = /** @class */ function(e) {
     var h = r.startAngle;
     var u = r.endAngle;
     var l = r.clockwise;
-    var c = Math.PI * 2;
-    var d = l ? u - h < c : h - u < c;
-    if (!d) {
+    var d = Math.PI * 2;
+    var c = l ? u - h < d : h - u < d;
+    if (!c) {
       // Normalize angles
-      h = u - (l ? c : -c);
+      h = u - (l ? d : -d);
     }
     var f = Math.cos(h);
     var v = Math.sin(h);
     var p = Math.cos(u);
     var g = Math.sin(u);
-    if (d) {
+    if (c) {
       e.moveTo(f * i + a, v * i + t);
       e.arc(f * o + a, v * o + t, n, -Math.PI + h, h, !l);
     } else {
@@ -263,81 +263,81 @@ function createSectorCalculateTextPosition(e, r) {
     var o = t.distance != null ? t.distance : 5;
     var h = this.shape;
     var u = h.cx;
-    var c = h.cy;
-    var d = h.r;
+    var d = h.cy;
+    var c = h.r;
     var f = h.r0;
-    var v = (d + f) / 2;
+    var v = (c + f) / 2;
     var p = h.startAngle;
     var g = h.endAngle;
     var b = (p + g) / 2;
-    var m = a ? Math.abs(d - f) / 2 : 0;
+    var m = a ? Math.abs(c - f) / 2 : 0;
     var w = Math.cos;
     var S = Math.sin;
     // base position: top-left
-        var B = u + d * w(p);
-    var A = c + d * S(p);
+        var B = u + c * w(p);
+    var A = d + c * S(p);
     var y = "left";
     var x = "top";
     switch (n) {
      case "startArc":
       B = u + (f - o) * w(b);
-      A = c + (f - o) * S(b);
+      A = d + (f - o) * S(b);
       y = "center";
       x = "top";
       break;
 
      case "insideStartArc":
       B = u + (f + o) * w(b);
-      A = c + (f + o) * S(b);
+      A = d + (f + o) * S(b);
       y = "center";
       x = "bottom";
       break;
 
      case "startAngle":
       B = u + v * w(p) + adjustAngleDistanceX(p, o + m, false);
-      A = c + v * S(p) + adjustAngleDistanceY(p, o + m, false);
+      A = d + v * S(p) + adjustAngleDistanceY(p, o + m, false);
       y = "right";
       x = "middle";
       break;
 
      case "insideStartAngle":
       B = u + v * w(p) + adjustAngleDistanceX(p, -o + m, false);
-      A = c + v * S(p) + adjustAngleDistanceY(p, -o + m, false);
+      A = d + v * S(p) + adjustAngleDistanceY(p, -o + m, false);
       y = "left";
       x = "middle";
       break;
 
      case "middle":
       B = u + v * w(b);
-      A = c + v * S(b);
+      A = d + v * S(b);
       y = "center";
       x = "middle";
       break;
 
      case "endArc":
-      B = u + (d + o) * w(b);
-      A = c + (d + o) * S(b);
+      B = u + (c + o) * w(b);
+      A = d + (c + o) * S(b);
       y = "center";
       x = "bottom";
       break;
 
      case "insideEndArc":
-      B = u + (d - o) * w(b);
-      A = c + (d - o) * S(b);
+      B = u + (c - o) * w(b);
+      A = d + (c - o) * S(b);
       y = "center";
       x = "top";
       break;
 
      case "endAngle":
       B = u + v * w(g) + adjustAngleDistanceX(g, o + m, true);
-      A = c + v * S(g) + adjustAngleDistanceY(g, o + m, true);
+      A = d + v * S(g) + adjustAngleDistanceY(g, o + m, true);
       y = "left";
       x = "middle";
       break;
 
      case "insideEndAngle":
       B = u + v * w(g) + adjustAngleDistanceX(g, -o + m, true);
-      A = c + v * S(g) + adjustAngleDistanceY(g, -o + m, true);
+      A = d + v * S(g) + adjustAngleDistanceY(g, -o + m, true);
       y = "right";
       x = "middle";
       break;
@@ -355,13 +355,13 @@ function createSectorCalculateTextPosition(e, r) {
 }
 
 function setSectorTextRotation(e, r, a, t) {
-  if (c(t)) {
+  if (d(t)) {
     // user-set rotation
     e.setTextConfig({
       rotation: t
     });
     return;
-  } else if (d(r)) {
+  } else if (c(r)) {
     // user-set position, use 0 as auto rotation
     e.setTextConfig({
       rotation: 0
@@ -502,11 +502,11 @@ var oe = /** @class */ function(e) {
       u = h.dim === "angle";
     }
     var l = e.isAnimationEnabled() ? e : null;
-    var c = shouldRealtimeSort(e, o);
-    if (c) {
-      this._enableRealtimeSort(c, s, a);
+    var d = shouldRealtimeSort(e, o);
+    if (d) {
+      this._enableRealtimeSort(d, s, a);
     }
-    var d = e.get("clip", true) || c;
+    var c = e.get("clip", true) || d;
     var f = getClipArea(o, s);
     // If there is clipPath created in large mode. Remove it.
         i.removeClipPath();
@@ -540,17 +540,17 @@ var oe = /** @class */ function(e) {
         createBackground(r);
       }
       // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
-            if (!s.hasValue(r) || !de[o.type](t)) {
+            if (!s.hasValue(r) || !ce[o.type](t)) {
         return;
       }
       var n = false;
-      if (d) {
+      if (c) {
         // Clip will modify the layout params.
         // And return a boolean to determine if the shape are fully clipped.
         n = he[o.type](f, t);
       }
       var p = ue[o.type](e, s, r, t, u, l, h.model, false, S);
-      if (c) {
+      if (d) {
         /**
          * Force label animation because even if the element is
          * ignored because it's clipped, it may not be clipped after
@@ -566,8 +566,8 @@ var oe = /** @class */ function(e) {
         p.attr({
           shape: t
         });
-      } else if (c) {
-        updateRealtimeAnimation(c, l, p, t, r, u, false, false);
+      } else if (d) {
+        updateRealtimeAnimation(d, l, p, t, r, u, false, false);
       } else {
         v(p, {
           shape: t
@@ -601,12 +601,12 @@ var oe = /** @class */ function(e) {
         }, l, r);
       }
       var C = n.getItemGraphicEl(a);
-      if (!s.hasValue(r) || !de[o.type](v)) {
+      if (!s.hasValue(r) || !ce[o.type](v)) {
         i.remove(C);
         return;
       }
       var N = false;
-      if (d) {
+      if (c) {
         N = he[o.type](f, v);
         if (N) {
           i.remove(C);
@@ -617,7 +617,7 @@ var oe = /** @class */ function(e) {
       } else {
         g(C);
       }
-      if (c) {
+      if (d) {
         C.forceLabelAnimation = true;
       }
       if (P) {
@@ -644,8 +644,8 @@ var oe = /** @class */ function(e) {
         C.attr({
           shape: v
         });
-      } else if (c) {
-        updateRealtimeAnimation(c, l, C, v, r, u, true, P);
+      } else if (d) {
+        updateRealtimeAnimation(d, l, C, v, r, u, true, P);
       } else {
         p(C, {
           shape: v
@@ -845,15 +845,15 @@ var he = {
     var h = se(r.y, e.y);
     var u = ne(r.y + r.height, s);
     var l = o < n;
-    var c = u < h;
+    var d = u < h;
     // When xClipped or yClipped, the element will be marked as `ignore`.
     // But we should also place the element at the edge of the coord sys bounding rect.
     // Because if data changed and the bar shows again, its transition animation
     // will begin at this place.
         r.x = l && n > i ? o : n;
-    r.y = c && h > s ? u : h;
+    r.y = d && h > s ? u : h;
     r.width = l ? 0 : o - n;
-    r.height = c ? 0 : u - h;
+    r.height = d ? 0 : u - h;
     // Reverse back
         if (a < 0) {
       r.x += r.width;
@@ -863,7 +863,7 @@ var he = {
       r.y += r.height;
       r.height = -r.height;
     }
-    return l || c;
+    return l || d;
   },
   polar: function(e, r) {
     var a = r.r0 <= r.r ? 1 : -1;
@@ -898,8 +898,8 @@ var ue = {
     u.name = "item";
     if (s) {
       var l = u.shape;
-      var c = i ? "height" : "width";
-      l[c] = 0;
+      var d = i ? "height" : "width";
+      l[d] = 0;
     }
     return u;
   },
@@ -910,16 +910,16 @@ var ue = {
       z2: 1
     });
     l.name = "item";
-    var c = createPolarPositionMapping(i);
-    l.calculateTextPosition = createSectorCalculateTextPosition(c, {
+    var d = createPolarPositionMapping(i);
+    l.calculateTextPosition = createSectorCalculateTextPosition(d, {
       isRoundCap: u === ie
     });
     // Animation
         if (s) {
-      var d = l.shape;
+      var c = l.shape;
       var f = i ? "r" : "endAngle";
       var g = {};
-      d[f] = i ? t.r0 : t.startAngle;
+      c[f] = i ? t.r0 : t.startAngle;
       g[f] = t[f];
       (o ? p : v)(l, {
         shape: g
@@ -986,14 +986,14 @@ function checkPropertiesNotValid(e, r) {
 
 var le = [ "x", "y", "width", "height" ];
 
-var ce = [ "cx", "cy", "r", "startAngle", "endAngle" ];
+var de = [ "cx", "cy", "r", "startAngle", "endAngle" ];
 
-var de = {
+var ce = {
   cartesian2d: function(e) {
     return !checkPropertiesNotValid(e, le);
   },
   polar: function(e) {
-    return !checkPropertiesNotValid(e, ce);
+    return !checkPropertiesNotValid(e, de);
   }
 };
 
@@ -1055,10 +1055,10 @@ function updateStyle(e, r, a, t, i, s, o, h) {
     var l = t.get([ "itemStyle", "borderRadius" ]) || 0;
     e.setShape("r", l);
   } else if (!s.get("roundCap")) {
-    var c = e.shape;
-    var d = J(t.getModel("itemStyle"), c, true);
-    x(c, d);
-    e.setShape(c);
+    var d = e.shape;
+    var c = J(t.getModel("itemStyle"), d, true);
+    x(d, c);
+    e.setShape(d);
   }
   e.useStyle(u);
   var f = t.getShallow("cursor");
@@ -1169,7 +1169,7 @@ function createLarge(e, r, a, t) {
     r.add(l);
     a && a.push(l);
   }
-  var c = new pe({
+  var d = new pe({
     shape: {
       points: i.getLayout("largePoints")
     },
@@ -1177,18 +1177,18 @@ function createLarge(e, r, a, t) {
     ignoreCoarsePointer: true,
     z2: 1
   });
-  c.baseDimIdx = s;
-  c.largeDataIndices = n;
-  c.barWidth = o;
-  r.add(c);
-  c.useStyle(i.getVisual("style"));
+  d.baseDimIdx = s;
+  d.largeDataIndices = n;
+  d.barWidth = o;
+  r.add(d);
+  d.useStyle(i.getVisual("style"));
   // Enable tooltip and user mouse/touch event handlers.
-    B(c).seriesIndex = e.seriesIndex;
+    B(d).seriesIndex = e.seriesIndex;
   if (!e.get("silent")) {
-    c.on("mousedown", ge);
-    c.on("mousemove", ge);
+    d.on("mousedown", ge);
+    d.on("mousemove", ge);
   }
-  a && a.push(c);
+  a && a.push(d);
 }
 
 // Use throttle to avoid frequently traverse to find dataIndex.
@@ -1206,12 +1206,12 @@ function largePathFindDataIndex(e, r, a) {
   var o = [];
   var h = [];
   var u = e.barWidth;
-  for (var l = 0, c = s.length / 3; l < c; l++) {
-    var d = l * 3;
+  for (var l = 0, d = s.length / 3; l < d; l++) {
+    var c = l * 3;
     h[t] = u;
-    h[i] = s[d + 2];
-    o[t] = s[d + t];
-    o[i] = s[d + i];
+    h[i] = s[c + 2];
+    o[t] = s[c + t];
+    o[i] = s[c + i];
     if (h[i] < 0) {
       o[i] += h[i];
       h[i] = -h[i];
@@ -1439,10 +1439,10 @@ const Se = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "9d26c68727816cf46614fc2d1f59e59866b1eed3",
+      key: "e2b54e01d70161a8a451a3a08b4b6d4f01451a0a",
       class: "container"
     }, r("div", {
-      key: "cf6809c45130b33ea2ebaa8d18654d9e02e0fc76",
+      key: "8e376178aa5a423b762d52cd8151d9b9fa214c89",
       ref: e => this.chartContainer = e,
       class: "chart-container",
       role: "img",

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

@@ -4483,15 +4483,15 @@ const Ee = class {
   }
   render() {
     return i("click-elsewhere", {
-      key: "3d18832c2e83de45c3d6d3334aea24c9766b1f58",
+      key: "3497db6724e78d2035f2b71d912ede14c7db6d28",
       onChange: this.onClickElsewhere
     }, i("figure", {
-      key: "4608be26e3d64a551e8c1c5cca4202254d67c9e9"
+      key: "098942c0ad558ce5d33106a53626e7573e499d0e"
     }, i("div", {
-      key: "6a38081d203e899ffdc5b4a653bc2c1910c7d659",
+      key: "096d1496748be990c9f057cabf38fbbca8442d72",
       class: "container"
     }, i("div", {
-      key: "5a178c6445cc16594141dcbfd45d27b1da2e9671",
+      key: "3a87e9065d8ba5eccb1f6a9af492a3c9d91aaef4",
       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: "a693203a46b943ad7d11ccf348b8f5a8c65ef760"
+      key: "05158b9062ef042de632b2f886bf805b2b55918f"
     }, i("q2-legend", {
-      key: "060b76987bb07d35eb41b7c8b822b0114d708b01",
+      key: "c374dd66e82f129328f6fcebe9001dc3615bf225",
       class: "legend",
       data: this.legendData,
       format: this.format,

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

@@ -1,6 +1,6 @@
-import { r as t, c as e, h as r, F as o, g as i } from "./index-7a5365e2.js";
+import { r as e, c as t, h as r, F as o, g as a } from "./index-7a5365e2.js";
 
-import { c as a, f as s } from "./index-c215e8ef.js";
+import { c as i, 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))}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}';
 
@@ -8,18 +8,18 @@ const c = n;
 
 const d = class {
   constructor(r) {
-    t(this, r);
-    this.change = e(this, "change", 7);
+    e(this, r);
+    this.change = t(this, "change", 7);
     // #region Own Properties
-        this._id = `checkbox-group-${a()}`;
-    this.onInnerCheckboxChange = t => {
-      t.stopImmediatePropagation();
-      const e = {};
+        this._id = `checkbox-group-${i()}`;
+    this.onInnerCheckboxChange = e => {
+      e.stopImmediatePropagation();
+      const t = {};
       setTimeout((() => {
-        this.checkboxElements.forEach((t => {
-          e[t.value] = !!t.checked;
+        this.checkboxElements.forEach((e => {
+          t[e.value] = !!e.checked;
         }));
-        this.change.emit(e);
+        this.change.emit(t);
       }), 0);
     };
     this.onMutationObserved = () => {
@@ -47,19 +47,19 @@ const d = class {
     this.updateReadonly();
   }
   componentDidLoad() {
-    const t = new MutationObserver(this.onMutationObserved);
-    t.observe(this.hostElement, {
+    const e = new MutationObserver(this.onMutationObserved);
+    e.observe(this.hostElement, {
       childList: true,
       subtree: true
     });
-    this.mutationObserver = t;
+    this.mutationObserver = e;
     this.onMutationObserved();
   }
   // #endregion
   // #region Listeners
-  onHostElementChange(t) {
-    if (t.target === this.hostElement && !this.hostElement.onchange) {
-      this.value = t.detail;
+  onHostElementChange(e) {
+    if (e.target === this.hostElement && !this.hostElement.onchange) {
+      this.value = e.detail;
     }
   }
   // #endregion
@@ -69,10 +69,10 @@ const d = class {
      *
      * @testOnly
      */
-  setValue(t) {
-    const e = new Set(Array.isArray(t) ? t : [ t ]);
-    this.checkboxElements.forEach((t => {
-      if (e.has(t.value)) t.click();
+  setValue(e) {
+    const t = new Set(Array.isArray(e) ? e : [ e ]);
+    this.checkboxElements.forEach((e => {
+      if (t.has(e.value)) e.click();
     }));
   }
   // #endregion
@@ -103,53 +103,53 @@ const d = class {
     }, r("slot", null));
   }
   updateDisabled() {
-    const t = this.disabled;
-    this.checkboxElements.forEach((e => {
-      e.groupDisabled = t;
+    const e = this.disabled;
+    this.checkboxElements.forEach((t => {
+      t.groupDisabled = e;
     }));
   }
   updateReadonly() {
-    const t = this.readonly;
-    this.checkboxElements.forEach((e => {
-      e.slotReadonly = t;
+    const e = this.readonly;
+    this.checkboxElements.forEach((t => {
+      t.slotReadonly = e;
     }));
   }
   updateValue() {
     if (this.readonly) return;
-    this.checkboxElements.forEach((t => {
-      if (this.protectedValue.hasOwnProperty(t.value)) {
-        t.checked = this.value[t.value];
+    this.checkboxElements.forEach((e => {
+      if (this.protectedValue.hasOwnProperty(e.value)) {
+        e.checked = this.value[e.value];
       }
     }));
   }
   // #endregion
   // #region Render Methods
   render() {
-    const t = this.label || this.optional || this.readonly;
-    const e = t && !this.hideLabel || this.hasError;
+    const e = this.label || this.optional || this.readonly;
+    const t = e && !this.hideLabel || this.hasError;
     return r(o, {
-      key: "3f4b8e424ccc5b26c36ea7e9b6667717eb29cefa"
-    }, e && r("div", {
-      key: "54720ecb444c3bd5acc66210d4a6b9a84dfeb2e4",
+      key: "65e7860afd65c070699af58616f8dc0ef1926a9a"
+    }, t && r("div", {
+      key: "6087f16622aa138be9f2649ea52a573a4157ebef",
       class: "label-row"
-    }, t && !this.hideLabel && r("div", {
-      key: "9c28cc5c09c498af64ed9a10e13318c9266c7cc1",
+    }, e && !this.hideLabel && r("div", {
+      key: "b5ee223dedf1f4a7d86f4df32e2ceae90f9ef118",
       class: "group-legend"
     }, s(this)), this.hasError && r("q2-icon", {
-      key: "6d82ea53d7a8e7993b2494281ba2bb87fd1fcfb4",
+      key: "4fe3eca1dd7ecf43ac28454f73ac22937c2d0da9",
       type: "error",
       "test-id": "iconError"
     })), r("fieldset", {
-      key: "31b7e3a9b3df1c8804609f40a0bbc498c7c98755",
+      key: "6fdf7471e3324cc91929d2944bd57c1a66616c8e",
       onChange: this.onInnerCheckboxChange,
       "aria-invalid": this.hasError ? `${this.hasError}` : undefined
-    }, t && r("legend", {
-      key: "d76d87da51444be5b57b9f1197f15264583ba0a7",
+    }, e && r("legend", {
+      key: "d2d182e555bfbc8e4cd027c3c86e6da56d8034eb",
       class: "sr-only"
     }, s(this)), this.inputDom()));
   }
   get hostElement() {
-    return i(this);
+    return a(this);
   }
   static get watchers() {
     return {