q2-tecton-elements 1.67.0 → 1.67.2

package/dist/q2-tecton-elements/q2-pill.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as o, g as e } from "./index-CGkHOjh1.js";
 
-import { a as r, o as a, i as n, w as c, l as s } from "./index-C4PILj1_.js";
+import { a, o as r, i as n, w as c, l as s } from "./index-C4PILj1_.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
@@ -39,7 +39,7 @@ const h = class {
         values: [],
         active: false
       });
-      this.scheduledAfterRender.push(r);
+      this.scheduledAfterRender.push(a);
     };
     this.determineOptionCount = async () => {
       if (this.optionList) {
@@ -123,7 +123,7 @@ const h = class {
     this.handleSelectionChanges = async t => {
       const {multiple: i} = this;
       const {value: o = "", values: e = []} = t;
-      const r = i ? !!e.length : !!o;
+      const a = i ? !!e.length : !!o;
       if (!this.hostElement.onchange) {
         if (i) {
           this.selectedOptions = e;
@@ -140,7 +140,7 @@ const h = class {
       l(this, [ "change", "tctChange" ], {
         value: i ? undefined : o,
         values: e,
-        active: r
+        active: a
       });
     };
     this.handleWrapperClick = () => {
@@ -190,10 +190,10 @@ const h = class {
     this.updateSlotState = () => {
       const {hostElement: t, hasPopoverTop: i, hasPopoverBottom: o} = this;
       const e = t.shadowRoot.querySelector('slot[name="popover-top"]');
-      const r = t.shadowRoot.querySelector('slot[name="popover-bottom"]');
-      const a = (e === null || e === void 0 ? void 0 : e.assignedNodes().length) > 0;
-      const n = (r === null || r === void 0 ? void 0 : r.assignedNodes().length) > 0;
-      if (i !== a) this.hasPopoverTop = a;
+      const a = t.shadowRoot.querySelector('slot[name="popover-bottom"]');
+      const r = (e === null || e === void 0 ? void 0 : e.assignedNodes().length) > 0;
+      const n = (a === null || a === void 0 ? void 0 : a.assignedNodes().length) > 0;
+      if (i !== r) this.hasPopoverTop = r;
       if (o !== n) this.hasPopoverBottom = n;
     };
   }
@@ -213,7 +213,7 @@ const h = class {
     this.mutationObserver = t;
   }
   componentDidLoad() {
-    a(this.hostElement);
+    r(this.hostElement);
     this.syncValueProperties();
   }
   componentDidRender() {
@@ -284,23 +284,23 @@ const h = class {
   selectedOptionsChanged(t) {
     var i, o;
     const {multiple: e} = this;
-    const r = (o = (i = t === null || t === void 0 ? void 0 : t[0]) === null || i === void 0 ? void 0 : i.value) !== null && o !== void 0 ? o : null;
+    const a = (o = (i = t === null || t === void 0 ? void 0 : t[0]) === null || i === void 0 ? void 0 : i.value) !== null && o !== void 0 ? o : null;
     if (e) {
       if (this.value) this.value = null;
       this.updateSelectedOptionElements();
-    } else if (this.value === r) {
+    } else if (this.value === a) {
       this.updateSelectedOptionElements();
     } else {
-      this.value = r;
+      this.value = a;
     }
   }
   async valueChanged(t, i, o) {
-    var e, r;
-    const {label: a, multiple: n, selectedOptions: c, value: s} = this;
+    var e, a;
+    const {label: r, multiple: n, selectedOptions: c, value: s} = this;
     const l = o === "value" ? t : s;
-    const p = o === "label" ? t : a;
+    const p = o === "label" ? t : r;
     if (n) return;
-    const d = (r = (e = c === null || c === void 0 ? void 0 : c[0]) === null || e === void 0 ? void 0 : e.value) !== null && r !== void 0 ? r : null;
+    const d = (a = (e = c === null || c === void 0 ? void 0 : c[0]) === null || e === void 0 ? void 0 : e.value) !== null && a !== void 0 ? a : null;
     if (o === "value" && t === d) this.updateSelectedOptionElements(); else {
       const i = await this.getOption(t);
       const {value: o, display: e} = i || {
@@ -344,37 +344,37 @@ const h = class {
   renderIcon() {
     const {optionCount: t, active: i} = this;
     const e = t && i;
-    const r = e ? "button" : "div";
-    const a = e || !t ? "close" : "chevron-down";
-    return o(r, {
+    const a = e ? "button" : "div";
+    const r = e || !t ? "close" : "chevron-down";
+    return o(a, {
       class: "btn-close",
       onClick: e && this.clearSelectedOptions || undefined,
       disabled: e && this.disabled || undefined,
       "aria-label": e && s("tecton.element.pill.clearSelection") || undefined,
       type: e && "button" || undefined
     }, o("q2-icon", {
-      type: a
+      type: r
     }));
   }
   render() {
     const {optionCount: t, active: i, open: e} = this;
-    const r = [ "btn-wrapper" ];
-    if (t || i) r.push("has-icon");
-    if (t) r.push("has-options");
+    const a = [ "btn-wrapper" ];
+    if (t || i) a.push("has-icon");
+    if (t) a.push("has-options");
     return o("click-elsewhere", {
-      key: "33f8d76b96617663d26ec896e9d389fcaa18e6e1",
+      key: "1f6a917d21078d5007387acd85fb7c03736db6ae",
       onChange: this.onClickElsewhere
     }, o("div", {
-      key: "96e54e580f5f313a5f50049fe4a795fc444c1de5",
-      class: r.join(" ")
+      key: "346b5d9651e27827e304377f9009edd50a141102",
+      class: a.join(" ")
     }, o("div", {
-      key: "a5482940be97c882b54e4674f96f88344553e274",
+      key: "c261c06b88781ea9af6f2b0f0a335476c0c7e89a",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, o("button", {
-      key: "d19714c018c3ba17433614432fc6225f84c2dbba",
+      key: "b717af900dc54f65de00aef3ee59dade83f6da21",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -390,7 +390,7 @@ const h = class {
       "aria-label": `${this.buttonContent}${!t && i ? ` ${s("tecton.element.pill.active")}` : ""}`,
       "aria-describedby": t && "option-description" || undefined
     }, this.truncatedButtonContent)), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && o("q2-popover", {
-      key: "a321b1db273a1d401e932f35f05245e3d3199b88",
+      key: "4d415fbec7b43fe7f2b8abff0e3a02467028cdb4",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -400,20 +400,20 @@ const h = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, o("div", {
-      key: "e9fc516f6855ae2c9cc67dd46c041e736c4d552e",
+      key: "75e71787bad82eb4a5682a2315d7f5dcbd3c3b82",
       class: "popover-content"
     }, o("div", {
-      key: "9cc43dbc66b7eb40f05d89278684a24f7f2b061f",
+      key: "5de5d4a2f606e4b936ee46fda3aded8b09e17854",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "b3d2ff22c4fc3293ebfa70db9f42c2940e149825",
+      key: "6d971654eb266bd5a3c37e04cde81dd7d6876ca5",
       name: "popover-top"
     })), o("q2-option-list", {
-      key: "ebb64d5e7086c49c84b8da96669b5ad9eaa9b631",
+      key: "670e99d6859d673e781eba1e6eee87ee8ac728b4",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -424,16 +424,16 @@ const h = class {
       onPopoverState: this.onPopoverState,
       label: s("tecton.element.optionList.label", [ this.optionListLabel ])
     }, o("slot", {
-      key: "a09461650fc5b4cd38cdc316eb546f877c0ee9d6"
+      key: "fde147d6d4c6deca9952ebdd5f022f0d348bf75e"
     })), o("div", {
-      key: "f146e3181d0b35dbe28f46b9ab4d0aaf9691f9ef",
+      key: "f8704bee883058f635b936fe03e888eaa9b3ce35",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "515c40d83c6de0758426ca430fcfbc35c5266cc3",
+      key: "6761a2e76fbba5410a974eb0a24110c0c135b84e",
       name: "popover-bottom"
     })))));
   }

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

@@ -1,12 +1,12 @@
-import { r as t, c as r, h as i, F as o, g as a } from "./index-CGkHOjh1.js";
+import { r as t, c as r, h as i, F as a, g as o } from "./index-CGkHOjh1.js";
 
 import { c as e, o as n, i as s, r as d } from "./index-C4PILj1_.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
-const p = '*{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-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-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-radio-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-radio-group-label-font-color, inherit);font-size:var(--tct-radio-group-label-font-size, inherit);font-weight:var(--tct-radio-group-label-font-weight, 600);text-transform:var(--tct-radio-group-label-text-transform, none);letter-spacing:var(--tct-radio-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}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-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-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:var(--tct-radio-group-border-width, 1px);border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
+const c = '*{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-radio-group-margin:var(--tct-radio-group-margin-top, var(--t-radio-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-radio-group-margin-bottom, var(--t-radio-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-radio-group-margin, var(--comp-default-radio-group-margin))}fieldset{padding:var(--tct-radio-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-radio-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-radio-group-label-font-color, inherit);font-size:var(--tct-radio-group-label-font-size, inherit);font-weight:var(--tct-radio-group-label-font-weight, 600);text-transform:var(--tct-radio-group-label-text-transform, none);letter-spacing:var(--tct-radio-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}.optional-tag{margin-left:var(--tct-radio-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-radio-group-label-optional-color, var(--t-radio-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-radio-group-label-optional-font-size, var(--t-radio-group-label-optional-font-size, 12px));font-weight:var(--tct-radio-group-label-optional-font-weight, var(--t-radio-group-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-0x, 0px)));border-width:var(--tct-radio-group-border-width, 1px);border-color:transparent;border-style:solid;border-radius:var(--tct-radio-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-radio-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';
 
-const c = class {
+const p = class {
   constructor(i) {
     t(this, i);
     this.change = r(this, "change", 7);
@@ -77,23 +77,23 @@ const c = class {
   keydownHandler(t) {
     const r = t.target.getAttribute("value") || this.value;
     let i = this.radioElements.findIndex((i => i === t.target || i.getAttribute("value") === r));
-    let o = 0;
+    let a = 0;
     switch (t.key) {
      case "ArrowLeft":
      case "ArrowUp":
-      o = -1;
+      a = -1;
       break;
 
      case "ArrowRight":
      case "ArrowDown":
-      o = 1;
+      a = 1;
       break;
     }
-    if (i === -1 || o === 0) {
+    if (i === -1 || a === 0) {
       return;
     }
-    i += o;
-    i = o < 0 ? Math.max(0, i) : Math.min(this.radioElements.length - 1, i);
+    i += a;
+    i = a < 0 ? Math.max(0, i) : Math.min(this.radioElements.length - 1, i);
     t.preventDefault();
     if (!this.readonly) {
       this.value = this.radioElements[i].value;
@@ -179,30 +179,30 @@ const c = class {
   render() {
     const t = this.label || this.optional || this.readonly;
     const {hasError: r} = this;
-    const a = t && !this.hideLabel || r;
-    return i(o, {
-      key: "ccf42e615a57f7a10d1dbf83477abe2f3a09c318"
-    }, a && i("div", {
-      key: "e1dc942fcf0fd1736b3527471507f952d0823705",
+    const o = t && !this.hideLabel || r;
+    return i(a, {
+      key: "9aadfcdafda1190aac1d1d23f02d73d9d0982cfb"
+    }, o && i("div", {
+      key: "80ffd1095a810f95e89b839bd4c9e9b10b10c56a",
       class: "label-row"
     }, t && !this.hideLabel && i("div", {
-      key: "5c9f17f222c2b9724b774e2d1963f4a83288b320",
+      key: "82663c3dc58235e5a15c6a96d61c0f899e51b34c",
       class: "group-legend"
     }, d(this)), r && i("q2-icon", {
-      key: "a78ce480598193b64922b11d37b62a29452dd08c",
+      key: "75aab19da924c83a43c311c8718213e554e1e41d",
       type: "error",
       "test-id": "iconError"
     })), i("fieldset", {
-      key: "c90583a3df7d565c92b8a39089f38d2a70487389",
+      key: "df81b71c57ac1c2b7812b1e12dc4f85b95563895",
       onChange: this.onInnerRadioChange,
       "aria-invalid": r ? `${r}` : undefined
     }, t && i("legend", {
-      key: "1f4a2f89ade2bb185ba10dc4edd64fbcfc689c05",
+      key: "c3aff2496cb12cfaa774aac545f399508f0a679c",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }
   get hostElement() {
-    return a(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -216,8 +216,8 @@ const c = class {
   }
 };
 
-c.style = p;
+p.style = c;
 
-export { c as q2_radio_group };
+export { p as q2_radio_group };
 //# sourceMappingURL=q2-radio-group.entry.esm.js.map
 //# sourceMappingURL=q2-radio-group.entry.js.map

package/dist/q2-tecton-elements/q2-radio.entry.js

@@ -87,10 +87,10 @@ const d = class {
   // #region Render Methods
   render() {
     return t("div", {
-      key: "1819bf1b409bdb257c590c95fd059f48e9ec2ebb",
+      key: "b3ff3221d679096f3fd42a318cfadb6233ab0ac5",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, t("input", {
-      key: "a6ef43c7dbb5da2e42dc24bad503ce48dc537080",
+      key: "ed9d41619e21af0927c1ebef5dedd3546683e677",
       ref: e => this.inputField = e,
       class: "sr",
       id: this._id,
@@ -103,15 +103,15 @@ const d = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), t("label", {
-      key: "1da75f9e58a0b461d9bbab4bc09ed839a0364b11",
+      key: "817d5260d720061908c803ff34dc826a9aa954e8",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && t("svg", {
-      key: "a85fa6abe0998cf6f1e377f1242788c41aae034d",
+      key: "aed6e01bca76e33bc6dda009cb78437b75da31df",
       viewBox: "0 0 18 18"
     }, t("circle", {
-      key: "3c0ce4521a486e2f4d8890b844ca960a3f732b66",
+      key: "12b009b629c2f79b0ff9d973d91eee878680d5e2",
       class: "big-circle",
       stroke: "none",
       fill: "none",
@@ -119,7 +119,7 @@ const d = class {
       cy: "9",
       r: "8"
     }), t("circle", {
-      key: "95d480099459712896b5941542fef02002f1bd64",
+      key: "bdb34bf3af2d9b05ac1a2f13d1ba68bc1be34379",
       class: "small-circle",
       stroke: "none",
       fill: "none",
@@ -127,10 +127,10 @@ const d = class {
       cy: "9",
       r: "4"
     })), !this.hideLabel && t("div", {
-      key: "3d217b5973322972a84dfafafb30055665840544",
+      key: "67348d1852db1ab314e686a6208d3ab66216f002",
       class: "label-content"
     }, this.label && l(this.label) || "", t("slot", {
-      key: "1ae3f23813fe800de5e7fa75e6ebfa33205c3961"
+      key: "ac58bd184195bc2c2ed79dcab60df89bc0accf62"
     }))));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-relative-time.entry.js

@@ -141,7 +141,7 @@ const o = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "e2c0439b5b2ef14d719309202959a650e1a8e7d5"
+      key: "368b5847fd62820031d367eaee690212fa655223"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

package/dist/q2-tecton-elements/q2-section.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as n } from "./index-CGkHOjh1.js";
 
-import { a as s, o as a, i as r, n as o, l as c } from "./index-C4PILj1_.js";
+import { a, o as s, i as r, n as o, l as c } from "./index-C4PILj1_.js";
 
 import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
@@ -17,10 +17,10 @@ const p = class {
     this.hideContent = false;
     this.addContentSlotListener = () => {
       if (this.contentSlot) {
-        this.contentSlot.addEventListener("slotchange", s);
+        this.contentSlot.addEventListener("slotchange", a);
         return;
       }
-      const t = new MutationObserver(s);
+      const t = new MutationObserver(a);
       t.observe(this.contentContainer, {
         childList: true,
         subtree: true
@@ -68,7 +68,7 @@ const p = class {
     this.removeContentSlotListener = () => {
       var t;
       if (this.contentSlot) {
-        this.contentSlot.removeEventListener("slotchange", s);
+        this.contentSlot.removeEventListener("slotchange", a);
         return;
       }
       (t = this.contentSlotMutationObserver) === null || t === void 0 ? void 0 : t.disconnect();
@@ -97,7 +97,7 @@ const p = class {
   componentDidLoad() {
     this.addHeaderSlotListener();
     this.addContentSlotListener();
-    a(this.hostElement);
+    s(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -138,7 +138,7 @@ const p = class {
   }
   async expandedObserver(t) {
     this.clearResizeInterval();
-    this.resizerFn = setInterval(s, 5);
+    this.resizerFn = setInterval(a, 5);
     if (t) {
       this.expandSection();
     } else {
@@ -177,35 +177,35 @@ const p = class {
   render() {
     const t = this.label || this.hasYieldedHeader;
     const e = [ "content-wrapper" ];
-    const {collapsible: n, hideContent: s, contentHeight: a} = this;
+    const {collapsible: n, hideContent: a, contentHeight: s} = this;
     if (n) {
-      if (s) e.push("is-closed"); else if (a) e.push("is-transitioning");
+      if (a) e.push("is-closed"); else if (s) e.push("is-transitioning");
     }
     const r = !this.hasYieldedHeader && !!this.label;
     return i("section", {
-      key: "05ee53a9a05e1037c893f08ac5cf918c25b7f877",
+      key: "ea31fa3fcb95aeba58b116111a8de973acfc9dd8",
       class: "wrapper"
     }, i("header", {
-      key: "52678d55334407ef19cfae457e0e9fe277fb0bdd",
+      key: "599e2c5d97b7e1a8e82d4f67477feaea39bf44a4",
       class: t ? "has-header" : ""
     }, i("div", {
-      key: "76a3ade1875c6e64866ed5b50d005885c9108c61",
+      key: "ec33d8f308ddc45636df221e103972abb4c743e4",
       class: "header-content",
       id: this.titleId,
       onClick: this.collapsible && this.onHeaderClick
     }, r && i("h2", {
-      key: "144199b22c9eb4d2b6c16c8890554f80939ac3f3",
+      key: "c16de7c1c6fb720b4bfa43a8a1768480e7d9df0d",
       class: "title"
     }, c(this.label)), i("div", {
-      key: "ce508b60dced7965b3e5a2c79999f8720176827e",
+      key: "3ff11259f114b4ca6c6dbd2c05fb35d5f270fb97",
       ref: t => this.headerSlotWrapper = t,
       class: "header-slot-wrapper"
     }, i("slot", {
-      key: "73e9cfcfc13fe1eb9ae4b12593ca620f103fd3dd",
+      key: "47b372f49b184db9ecb4aa29a60545f6ec3e1f6b",
       ref: t => this.headerSlot = t,
       name: "q2-section-header"
     }))), this.collapsible && !this.noCollapseIcon && i("q2-btn", {
-      key: "d3d53f2d0740600a5178d93107db9ba684f29a44",
+      key: "7b7f6e91877c354860d16ec95d39c1cd78ccf48b",
       label: c(this.label || "tecton.element.section.defaultToggleLabel"),
       ariaExpanded: `${!!this.expanded}`,
       ariaControls: this.contentId,
@@ -213,10 +213,10 @@ const p = class {
       "hide-label": true,
       onClick: this.onHeaderClick
     }, i("q2-icon", {
-      key: "5c79651503d2222d92bdc8cc9b7811f75306a436",
+      key: "39c6913339322a55626fba6b72b2305654821b34",
       type: "chevron-up"
     }))), i("div", {
-      key: "55fc425e4aea009b8102eb495069d9e191660045",
+      key: "0212368798fdf64763de5f8507dc5cb1e7ca307f",
       class: e.join(" "),
       id: this.contentId,
       "aria-labelledby": this.titleId,
@@ -226,12 +226,12 @@ const p = class {
         height: this.contentHeight
       }
     }, i("div", {
-      key: "cd773f58a51c95785062f37c7542d0742acf9ab9",
+      key: "32e77e59068e9117454cc158998af16c18b7eda5",
       ref: t => this.contentContainer = t,
       class: "content",
       tabindex: "-1"
     }, i("slot", {
-      key: "e614cef7ec9036998dc509454c79439e3369b660",
+      key: "770db19e692eaafb752ec9109de89d52f4375dca",
       ref: t => this.contentSlot = t
     }))));
   }

package/dist/q2-tecton-elements/q2-select.entry.js

@@ -817,7 +817,7 @@ const g = class {
   }
   render() {
     return i("click-elsewhere", {
-      key: "3e4e224801ab3110490f94c49d6b1ff1e1f8f227",
+      key: "2611cdb97d80f88b083ddf5afe85146a5653e5f1",
       class: this.wrapperClasses,
       role: "presentation",
       onChange: this.clickedElsewhere

package/dist/q2-tecton-elements/q2-stepper-pane.entry.js

@@ -79,30 +79,30 @@ const b = class {
   render() {
     const {label: t, isActive: e} = this;
     return i(a, {
-      key: "69b27313eda3276e7041c2813b2a56a53efc104b",
+      key: "390b7605500bc2f04851fbae962543c92f8b9bb4",
       role: "listitem"
     }, i(s, {
-      key: "c7c5d0fd3ad3dc8650832d6e2f32ff59ee28b1a6"
+      key: "a4835085304254d9b9c390c9bee29b67f6e9e1c4"
     }, i("div", {
-      key: "a07608df6dc48453a00b72e501d23f28b72ab5cb",
+      key: "0a8500ab3d69e3b43945451d9b3b310a05e2d67a",
       "aria-label": t && r(t),
       tabindex: "0",
       hidden: !e && !(this.isChildActive && this.showWithChildren)
     }, i("slot", {
-      key: "68cef0c9131cf432fa9d48500f62fc88ebba198b"
+      key: "3b0622f4661ce6d3737580244dccb33c648238b3"
     })), i("div", {
-      key: "0b9f7a3e34565490acd91747b047f9802bf9ac49",
+      key: "a1ffd3ac9ecedc149bf8da797bafd76dc4c8b3e7",
       hidden: true
     }, i("slot", {
-      key: "ca7f10c02501ba44b75640d6f6a67d1f4d5dcf92",
+      key: "437c72da16cd6e8f4c216f6a0e3255b45f3853b4",
       name: "label",
       onSlotchange: () => this.contentChange.emit()
     }), i("slot", {
-      key: "f1cd0547c27b3f869fc245d6eba144cf85c3e17f",
+      key: "b8c9d86ffd8ede0a8203aea50eb175beee077f6a",
       name: "description",
       onSlotchange: () => this.contentChange.emit()
     })), i("slot", {
-      key: "bf21a7e7f578f58649edfa9ebf34849385b712a4",
+      key: "aac91a3bc78567b297f930b5c61178d9d04381bf",
       name: "children"
     })));
   }

package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js

@@ -338,15 +338,15 @@ const d = class {
   }
   render() {
     return a(r, {
-      key: "568db2e33e972b3bedd39662343540d98a1f3788"
+      key: "a790b8dd9980fb56e96b103dbb52b89df222e349"
     }, a("ul", {
-      key: "cc21e51d8d8a4eecaf9717cedcd79244d26ab346",
+      key: "25b087f9746601005b9591139f2c13387c75f76a",
       role: "tablist"
     }, this.structuredPanes.map(((t, e) => this.renderStepBtn(t, e)))), a("div", {
-      key: "f89dff25b18fd14526f1248ae196d218e0cd53d7",
+      key: "ee1b1f825884fde53c3975c66c60523b28fb87c7",
       role: "list"
     }, a("slot", {
-      key: "cbb7259494fc49820eef8acedbf2f5b0e5817aac"
+      key: "27b316593c07cd178d0d46f6cc4531ab3a7e89ec"
     })));
   }
   get hostElement() {