q2-tecton-elements 1.56.0 → 1.56.2

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

@@ -6,7 +6,7 @@ const i = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;bo
 
 const s = i;
 
-const p = class {
+const d = class {
   constructor(e) {
     t(this, e);
     // #region Own Properties
@@ -56,20 +56,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "a4aa78ea138abae562f4171acd8b0b86747f7fa2",
+      key: "f90682c8578b1f2b99ce5c4d0babf9014a91b90a",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "80eccf2178714afe5aa742176e5c982e86941789",
+      key: "ab4c0d3663ec1de61afc73b627b16d2ce07ac7f1",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "934682de3e212ef449cad6be24ff2c6d6a8e3bcf",
+      key: "c4d1132b03317e468909df943b1dfdee09a8f00f",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "e0f90a3bac305ef163e508ce4dddd92a3dfecadf"
+      key: "ca578208cd825c9d5d08adeb6ce89e221dc3ad57"
     })));
   }
   get hostElement() {
@@ -82,7 +82,7 @@ const p = class {
   }
 };
 
-p.style = s;
+d.style = s;
 
-export { p as q2_optgroup };
+export { d as q2_optgroup };
 //# sourceMappingURL=q2-optgroup.entry.js.map

package/dist/q2-tecton-elements/q2-option-list_2.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, H as s, g as o } from "./index-7a5365e2.js";
 
-import { n, l as r, o as a, i as h, w as c, v as l, h as p, x as d } from "./index-c215e8ef.js";
+import { n, l as r, o as a, i as c, w as h, v as l, h as p, x as d } from "./index-c215e8ef.js";
 
 function sanitizeRegexString(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -136,7 +136,7 @@ const b = class {
       t.stopPropagation();
       const {activeIndex: e, customSearch: i, allOptions: s, allVisibleOptions: o, multiple: n} = this;
       const {key: r, shiftKey: a} = t;
-      let h;
+      let c;
       switch (r) {
        case " ":
         if (this.searchString && !this.multiple) {
@@ -144,9 +144,9 @@ const b = class {
           this.searchOptions(r, false);
           break;
         }
-        h = s.find((t => t.active));
-        if (!h || h.disabled) break;
-        this.selectOption(h);
+        c = s.find((t => t.active));
+        if (!c || c.disabled) break;
+        this.selectOption(c);
         if (n) break;
         this.hostElement.addEventListener("tctClick", (() => {
           this.popoverState.emit({
@@ -159,9 +159,9 @@ const b = class {
         break;
 
        case "Enter":
-        h = s.find((t => t.active));
-        if (!h || h.disabled) break;
-        this.selectOption(h);
+        c = s.find((t => t.active));
+        if (!c || c.disabled) break;
+        this.selectOption(c);
         if (n) break;
         this.hostElement.addEventListener("tctClick", (() => {
           this.popoverState.emit({
@@ -175,8 +175,8 @@ const b = class {
 
        case "ArrowUp":
         t.preventDefault();
-        const c = o[0];
-        const l = c.active;
+        const h = o[0];
+        const l = h.active;
         if (l) break;
         if (e === undefined) {
           this.setDefaultActiveElement();
@@ -233,9 +233,9 @@ const b = class {
           });
           break;
         }
-        h = s.find((t => t.active));
-        if (!h || h.disabled) return;
-        this.selectOption(h);
+        c = s.find((t => t.active));
+        if (!c || c.disabled) return;
+        this.selectOption(c);
         break;
 
        case "Esc":
@@ -333,7 +333,7 @@ const b = class {
     t.stopPropagation();
   }
   delegateFocus(t) {
-    if (!h(t, this.hostElement)) return;
+    if (!c(t, this.hostElement)) return;
     this.popoverState.emit({
       open: true,
       action: "open"
@@ -479,7 +479,7 @@ const b = class {
       open: true,
       action: "open"
     });
-    await c();
+    await h();
     this.activeIndex = t;
     this.setActiveOption();
     this.setFocusedOption();
@@ -632,13 +632,13 @@ const m = class {
         e.style.setProperty("--comp-pop-bottom", `${s}px`);
       }
       // Wait for one paint to prevent layout thrashing
-            await c();
+            await h();
       e.style.setProperty("--comp-pop-opacity", "1");
     };
     this.setFixedCSSProperties = async () => {
       var t, e, i, s;
       const {controlElement: o, containerElement: n, currentDirection: r, rootElementRect: a} = this;
-      const {top: h, bottom: l, left: p, right: u} = (e = (t = o === null || o === void 0 ? void 0 : o.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(o)) !== null && e !== void 0 ? e : {
+      const {top: c, bottom: l, left: p, right: u} = (e = (t = o === null || o === void 0 ? void 0 : o.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(o)) !== null && e !== void 0 ? e : {
         top: 0,
         bottom: 0,
         left: 0,
@@ -650,9 +650,9 @@ const m = class {
       n.style.setProperty("--comp-pop-right", `${a.width + a.left - u}px`);
       if (r === "up") {
         if (d()) {
-          n.style.setProperty("--comp-pop-bottom", `${window.innerHeight - h}px`);
+          n.style.setProperty("--comp-pop-bottom", `${window.innerHeight - c}px`);
         } else {
-          n.style.setProperty("--comp-pop-bottom", `${window.innerHeight - h - ((i = window === null || window === void 0 ? void 0 : window.visualViewport.offsetTop) !== null && i !== void 0 ? i : 0)}px`);
+          n.style.setProperty("--comp-pop-bottom", `${window.innerHeight - c - ((i = window === null || window === void 0 ? void 0 : window.visualViewport.offsetTop) !== null && i !== void 0 ? i : 0)}px`);
         }
       }
       if (r === "down") {
@@ -663,7 +663,7 @@ const m = class {
         }
       }
       // Wait for one paint to prevent layout thrashing
-            await c();
+            await h();
       n.style.setProperty("--comp-pop-opacity", "1");
     };
     this.viewPortChanged = () => {
@@ -727,7 +727,7 @@ const m = class {
       this.removeViewportListeners();
       this.currentDirection = undefined;
       this.show = false;
-      await c();
+      await h();
       this.clearCSSProperties();
     }
   }
@@ -780,9 +780,9 @@ const m = class {
     var t, e, i;
     const {containerElement: s, controlElement: o, providedDirection: n, displayBuffer: r} = this;
     if (s) s.style.maxHeight = null;
-    await c();
+    await h();
     const {isModule: a} = this;
-    const {top: h, bottom: l} = (e = (t = o === null || o === void 0 ? void 0 : o.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(o)) !== null && e !== void 0 ? e : {
+    const {top: c, bottom: l} = (e = (t = o === null || o === void 0 ? void 0 : o.getBoundingClientRect) === null || t === void 0 ? void 0 : t.call(o)) !== null && e !== void 0 ? e : {
       top: 0,
       bottom: 0
     };
@@ -797,11 +797,11 @@ const m = class {
       p = e;
       // If the top of the module is below the top of the window we just use the controlTop
       // Otherwise we need to add the outletOffset to the controlTop
-            d = (t > 0 ? h : h + t) - r;
+            d = (t > 0 ? c : c + t) - r;
       u = n ? s - r : o - r;
     } else {
       p = window.visualViewport.height;
-      d = h - r;
+      d = c - r;
       u = p - l - r;
     }
     const f = d > u ? "up" : "down";
@@ -888,17 +888,17 @@ const m = class {
     if (this.show) t.push("show");
     if (this.mode === "legacy") t.push("legacy");
     return i("div", {
-      key: "0d638a8870e04fed2741e2654dfcf0dfd8abec9f",
+      key: "446d034f2c109204dad72cf53e293b01beac7183",
       ref: t => this.containerElement = t,
       class: t.join(" "),
       "test-id": "outerContainer",
       tabIndex: -1
     }, i("div", {
-      key: "69a38b7a374a979675dc039b247d8abf88662fae",
+      key: "d972d4c7047be74731c64b4ae81358b39fed6ce1",
       ref: t => this.contentElement = t,
       class: "content"
     }, i("slot", {
-      key: "da9b5c29369f776443e258b0727492a46541dffa"
+      key: "9b2b755f1d83418d1b367739416f6bc80c19ee0f"
     })));
   }
   get hostElement() {

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

@@ -2,11 +2,11 @@ import { r as t, c as e, h as i, g as n } from "./index-7a5365e2.js";
 
 import { n as a, o as s, i as o, l as r } from "./index-c215e8ef.js";
 
-const c = "*{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{display:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";
+const d = "*{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{display:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";
 
-const h = c;
+const c = d;
 
-const l = class {
+const h = class {
   constructor(i) {
     t(this, i);
     this.change = e(this, "change", 7);
@@ -228,91 +228,91 @@ const l = class {
   }
   render() {
     var t;
-    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: d, prevRange: p, showPerPageSelect: g} = this;
-    const u = h < 2;
-    const f = h === o;
+    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: d, pageWithDefault: c, currentRange: h, nextRange: l, prevRange: p, showPerPageSelect: g} = this;
+    const f = c < 2;
+    const u = c === o;
     let b = r("tecton.element.pagination.goToNext");
     let v = r("tecton.element.pagination.goToPrevious");
     if (e) {
       v = r("tecton.element.pagination.goToPages", {
-        next: h - 1,
+        next: c - 1,
         total: o
       });
       b = r("tecton.element.pagination.goToPages", {
-        next: h + 1,
+        next: c + 1,
         total: o
       });
     } else if (n) {
       v = r("tecton.element.pagination.goToRecords", {
         range: p,
         recordType: s.toLowerCase(),
-        total: c
+        total: d
       });
       b = r("tecton.element.pagination.goToRecords", {
-        range: d,
+        range: l,
         recordType: s.toLowerCase(),
-        total: c
+        total: d
       });
     }
     return i("nav", {
-      key: "78a244ec7420c496442642811af5f86ef11d449e",
+      key: "e4616477b30fd7dd28fa3a4e62592b214b69b9f6",
       class: "container",
       ref: t => this.containerElement = t,
       "aria-label": r("tecton.element.pagination.title")
     }, i("div", {
-      key: "9ee94b99fee68986ffcf9e9d9d1f0266d564016d",
+      key: "cdb3e35325c438a0206d652bd98153a1aeeedf2d",
       class: "description",
       "test-id": "description"
     }, e ? r("tecton.element.pagination.pages", {
-      current: h,
+      current: c,
       total: o
     }) : r("tecton.element.pagination.description", {
-      range: l,
+      range: h,
       recordType: s.toLowerCase(),
-      total: c.toLocaleString()
+      total: d.toLocaleString()
     })), i("div", {
-      key: "121ce540c5527be83df8745747d4a0d444070cee",
+      key: "2cf40274735d444078640a3dae49cf8cce8bcd75",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "736b8465e368dd2533ec0c609757ed48745cd215",
+      key: "b2a59683e6de97296185a1660f28215836480c66",
       ref: t => this.firstPageBtn = t,
       label: r("tecton.element.pagination.goToFirstPage"),
-      disabled: u,
+      disabled: f,
       hidden: a,
       onClick: () => this.handlePageChange(1),
       "test-id": "firstPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "936f2fbcec71bad2a93be60584669ad9cd0d76f0",
+      key: "4adbaba53706f3c5d9086654819ecd5c27d33e95",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "071bcd67621e92243674329b60d8e490876a2929",
+      key: "b6f7b9c964a7dd0b9cfe351830c49232685f0d8f",
       ref: t => this.prevPageBtn = t,
       label: v,
-      disabled: u,
-      onClick: () => this.handlePageChange(h - 1),
+      disabled: f,
+      onClick: () => this.handlePageChange(c - 1),
       "test-id": "prevPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "89f94e899a163b3f25bc0da873b0971cfebf0c15",
+      key: "6d83cd40ad0bb0fba1bd68b614c964a5c167301f",
       type: "chevron-left"
     }))), i("div", {
-      key: "5520cf97ebab8ec6413d39bb96ae4642f8bee785",
+      key: "70f0ac1e14080a6040a15f763e1dabc8f7272ddb",
       class: "controls",
       hidden: a,
       "test-id": "controls"
     }, i("span", {
-      key: "8272434fe3c8c8bed0843333c27afb448f292696",
+      key: "47a5bd6f4f7749ebbba5b6905a2e972be60699ef",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.page")), i("div", {
-      key: "701199ca5f01f1b6de36141eedd10118ef29d16e",
+      key: "1fcba245b6947317d9bdb4477ff7e0d96ec1c80f",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "459137ba0063fe49eb12e1c0a3253bb250e1b3c3",
+      key: "749b9f09f0b81aae7fb71bdf319a757560df2952",
       ref: t => this.inputField = t,
       type: "number",
-      value: `${h}`,
+      value: `${c}`,
       min: 1,
       max: this.totalPages,
       hideLabel: true,
@@ -325,36 +325,36 @@ const l = class {
       "test-id": "pageInput",
       current: "page"
     })), i("span", {
-      key: "43743a39464a5383cbf354ef7d3bff85d6641f0a",
+      key: "5487f5759ebf662bc707a49fb8335d8ef77717b0",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "b0d355f91655845c127361ac275174acbf4b8407",
+      key: "f64e38fb2bf0e0983369f588d033320233bfc4b3",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "12025dc44776a6c93f9a88f37ba3d1f63dd06778",
+      key: "d74c44f3e2bded92bf85f0daf6c2d67497a3c023",
       ref: t => this.nextPageBtn = t,
       label: b,
-      disabled: f,
-      onClick: () => this.handlePageChange(h + 1),
+      disabled: u,
+      onClick: () => this.handlePageChange(c + 1),
       "test-id": "nextPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "38dcf5c2a60af9fefec14e55380eb49154f8ef4d",
+      key: "e2155fbcda5cb0228f577080efee7b9d66e2f40b",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "3623fd4cac8987ad529df4ea7c7091029933972f",
+      key: "904be8a1533f3c3889271ab0b0c82e3a6b72333f",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
-      disabled: f,
+      disabled: u,
       hidden: a,
       onClick: () => this.handlePageChange(o),
       "test-id": "lastPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "fce182f3e6b7701e7e6031c20b18aa21d8ae62af",
+      key: "f0d9534001ffe5d53014a3a9f8f0d7b1249a63b7",
       type: "chevron-double-right"
     }))), i("div", {
-      key: "3ca827ec5c09338c1889d62adc7a4430a3632b99",
+      key: "fd19931080ddfd62048fbdd56ac672d902a4897e",
       class: "per-page",
       hidden: a || !((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length)
     }, g && this.renderPerPage()));
@@ -371,7 +371,7 @@ const l = class {
   }
 };
 
-l.style = h;
+h.style = c;
 
-export { l as q2_pagination };
+export { h as q2_pagination };
 //# sourceMappingURL=q2-pagination.entry.js.map

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

@@ -344,19 +344,19 @@ const v = class {
     if (t || i) r.push("has-icon");
     if (t) r.push("has-options");
     return e("click-elsewhere", {
-      key: "2a33dbb32f71a3ddbdd1f6536e73477ffd8131f3",
+      key: "1a38e1b79a2374179402a38766d71d4b0e0c87c2",
       onChange: this.onClickElsewhere
     }, e("div", {
-      key: "879bac34f9d39d74f4bbb4805c997ce301aeaf7a",
+      key: "42449fc55a6e5e376e6988cd98b8ada97fe7b354",
       class: r.join(" ")
     }, e("div", {
-      key: "87e3225592cb9a4a2d042435c158eb7ecaf156f4",
+      key: "064912bd05367c774b4ed3e279006e92bd362fac",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, e("button", {
-      key: "8a3ae267ce02a1d001c64a2bf6ff7404448d10ef",
+      key: "c8c9ff305b0a5034bb2267c48df93742dc55b893",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -372,10 +372,10 @@ const v = class {
       "aria-label": this.buttonContent,
       "aria-describedby": t && "option-description" || undefined
     }, this.truncatedButtonContent, !t && i && e("span", {
-      key: "ced833366149bb16d5cae81d34757bd7b07967bc",
+      key: "6f43159191e9b0a8c4f91a5d039df0470aa81989",
       class: "sr"
     }, "(", c("tecton.element.pill.active"), ")"))), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && e("q2-popover", {
-      key: "8c4987e32809ffcc41a2692cb7c6fff94ac2dcc1",
+      key: "4753edbf7ccc743fe250a1de1c4764e946a9808e",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -385,20 +385,20 @@ const v = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, e("div", {
-      key: "5f2be27452a99b788abc5930e14438df551e4d2b",
+      key: "d69a33c01a2ac50578b61f534dfbbe4e0bb6b70e",
       class: "popover-content"
     }, e("div", {
-      key: "cc1673298e8be74bca92cded4af58dde1c5a1b96",
+      key: "86414eeb865a4a2bf9794743abb0320e549861d6",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, e("slot", {
-      key: "db2ef23869c4315916caa403ce488c8b454f7c6b",
+      key: "b5de1db64154afb5c436371f0e3e18900c179517",
       name: "popover-top"
     })), e("q2-option-list", {
-      key: "6c59ef86d341902e1bcaaea041417d5a4b4f2cc6",
+      key: "dacf5eb6be2ba24ed9c4ed0e47d56a30d2a8b29f",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -408,16 +408,16 @@ const v = class {
       onReady: () => this.updateSelectedOptionElements(),
       label: c("tecton.element.optionList.label", [ this.optionListLabel ])
     }, e("slot", {
-      key: "0dc5f8db2cb0b159bf45cb35e5dd8e7574ee469a"
+      key: "daba4b0b15124d315df04d3c9d854aa7f65c72b8"
     })), e("div", {
-      key: "b3b7f927623964996531b4677b1cc502b340f00a",
+      key: "a57ffcdc81ac2221d39182beea673b31b57edd2d",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, e("slot", {
-      key: "006ddd76b5c69903b61a0260205ffb7a4e389bf5",
+      key: "3486555868e3b2825a3dc413a3f0146ddd3eb8d5",
       name: "popover-bottom"
     })))));
   }

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

@@ -186,23 +186,23 @@ const c = class {
     const {hasError: i} = this;
     const a = t && !this.hideLabel || i;
     return e(r, {
-      key: "e963d703071843dfccf5725bbf423484dfb3208f"
+      key: "15335f2c3a0e234ba5003a9333cb0f0633b95b10"
     }, a && e("div", {
-      key: "738d3611b71f90ad6f25cd2338e64fbc1d612a55",
+      key: "63e3bc42b9cec83ac484ce26aa50881218645af2",
       class: "label-row"
     }, t && !this.hideLabel && e("div", {
-      key: "934b72a350cb891b589daf27c5e18a9c3f40cc6f",
+      key: "0c8e26c9d0baaa94218d324604b327cb3515fad3",
       class: "group-legend"
     }, d(this)), i && e("q2-icon", {
-      key: "c8f52fdf84e64687b1352025521ddd2821591983",
+      key: "2f50b78a7e89e224d4710c6cb40607ff9e253921",
       type: "error",
       "test-id": "iconError"
     })), e("fieldset", {
-      key: "68ddba2faa7a99614a2c3b0481ee1f02da1eed7d",
+      key: "9eb3bd520386e11dc9f8709b2cb51799ec4ae484",
       onChange: this.onInnerRadioChange,
       "aria-invalid": i ? `${i}` : undefined
     }, t && e("legend", {
-      key: "b29836d095c5667295119a241a97af08cc68a702",
+      key: "319b4f0002498c29a6d7ff97e8ba18463fb8e70b",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }

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

@@ -1,4 +1,4 @@
-import { r as e, c as t, h as r, g as o } from "./index-7a5365e2.js";
+import { r as t, c as e, h as r, g as o } from "./index-7a5365e2.js";
 
 import { c as a, a as i, o as c, l } from "./index-c215e8ef.js";
 
@@ -8,21 +8,21 @@ const d = n;
 
 const s = class {
   constructor(r) {
-    e(this, r);
-    this.change = t(this, "change", 7);
+    t(this, r);
+    this.change = e(this, "change", 7);
     // #region Own Properties
         this._id = `radio-${a()}`;
     this.isLoaded = false;
     // #endregion
     // #region Local Methods
-        this.inputChange = e => {
-      e.stopPropagation();
+        this.inputChange = t => {
+      t.stopPropagation();
       if (this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) {
-        e.preventDefault();
+        t.preventDefault();
         return false;
       }
-      if (e.target instanceof HTMLInputElement) {
-        this.checked = e.target.checked;
+      if (t.target instanceof HTMLInputElement) {
+        this.checked = t.target.checked;
       }
     };
     this.ariaLabel = undefined;
@@ -53,17 +53,17 @@ const s = class {
   }
   // #endregion
   // #region Listeners
-  onHostClick(e) {
+  onHostClick(t) {
     if (this.disabled) {
-      e.stopImmediatePropagation();
+      t.stopImmediatePropagation();
     } else if (this.groupReadonly) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
+      t.preventDefault();
+      t.stopImmediatePropagation();
       this.inputField.focus();
     }
   }
-  delegateFocus(e) {
-    if (e.target === this.hostElement) {
+  delegateFocus(t) {
+    if (t.target === this.hostElement) {
       this.inputField.focus();
     }
   }
@@ -83,11 +83,11 @@ const s = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "498863af10bdabf6618fea53358b7eac245c4884",
+      key: "c4e09b90ce268944642098bc7c05f49bd26593f6",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, r("input", {
-      key: "888947133225af4aeeb160b80382d1a06b825c7e",
-      ref: e => this.inputField = e,
+      key: "7dfa6f992921ef80346f3d4f7ba61da65c3fac6a",
+      ref: t => this.inputField = t,
       class: "sr",
       id: this._id,
       type: "radio",
@@ -99,32 +99,32 @@ const s = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), r("label", {
-      key: "cd92489d7e2843b5146174b3d10901c054f940a9",
+      key: "cf45ff24aea3f30ba418f2b0d60eccb251925fb5",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && r("svg", {
-      key: "c229e148c2f940a450abeb7b150c53f627065804",
+      key: "d3febce270842b16f0a4285873b450807a0e09a1",
       viewBox: "0 0 18 18"
     }, r("circle", {
-      key: "10177e20de9451fefde4314c3e4ea5b792b31538",
+      key: "a853f4f9d905dae4737a1994c7ead9479eb10247",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "8"
     }), r("circle", {
-      key: "12a0cce341f03a149ed11ab8e3c7abcbe4e5fe7e",
+      key: "609847d9287831fd55b8bc0bfc7ffbe32e23fc3d",
       stroke: "none",
       fill: "none",
       cx: "9",
       cy: "9",
       r: "4"
     })), !this.hideLabel && r("div", {
-      key: "5f0d6d5687737b88dfe428aabb5ee1879c3859c4",
+      key: "cebc51b088bcc9e18d989e84a19b4b28adb30668",
       class: "label-content"
     }, this.label && l(this.label) || "", r("slot", {
-      key: "ceba93a71e8213af71823d12305345a0c42402c7"
+      key: "6c9d3d4f03c5526d2446395d2b72bb956a722124"
     }))));
   }
   get hostElement() {

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

@@ -135,7 +135,7 @@ const d = class {
   render() {
     const {shouldShow: e, displayedMessage: s} = this;
     return t(i, {
-      key: "5e7ff5d71e03ff6feafa6b237eed0d781c6cfd33"
+      key: "ff051c1959e6ed788c90501ef3ab4ecdc1f5b323"
     }, e ? t("time", {
       dateTime: s
     }, s) : null);

package/dist/q2-tecton-elements/q2-resize-observer.entry.js

@@ -83,7 +83,7 @@ const r = class {
   // #region Render Methods
   render() {
     return e("slot", {
-      key: "798bc24a617c7ed438cbfdd6634a68b633563463",
+      key: "7d455e40c969cc8a5666a521dcbe8d389d6e150a",
       onSlotchange: this.handleSlotChange
     });
   }