q2-tecton-elements 1.67.0 → 1.67.1

package/dist/q2-tecton-elements/q2-month-picker.entry.js

@@ -1,14 +1,14 @@
-import { r as t, c as n, h as e, g as o } from "./index-CGkHOjh1.js";
+import { r as t, c as e, h as n, g as o } from "./index-CGkHOjh1.js";
 
 import { l as a, o as i } from "./index-C4PILj1_.js";
 
 const r = "*{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}.month-container{--comp-month-primary-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)));--comp-month-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-month-primary-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-month-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)))}.month-container .navigation{display:flex;justify-content:space-between;flex-direction:row}.month-container .navigation .year-btn{padding:0 1rem;display:flex;align-items:center}.month-container .navigation .year-btn .year{margin-right:0.2rem}.month-container .navigation .year-btn .year-icon{--t-icon-stroke-width:2px;width:16px;height:16px;transition:all 0.3s ease-in-out}.month-container .navigation .year-btn .year-icon.on{transform:rotate(-180deg)}.month-container .navigation .month-controller{display:flex;align-items:center}.month-container .month-list{display:grid;grid-template-columns:auto auto auto}.month-container .month-list .month{display:flex;justify-content:center;align-items:center;padding:0.5rem 0}.month-container .month-list .month .month-button{border-radius:50%;aspect-ratio:1;width:50px;display:flex;justify-content:center;align-items:center}.month-container .month-list .month .month-button:hover{background:var(--comp-month-primary-background);color:var(--comp-month-secondary-font-color);cursor:pointer}.month-container .month-list .month .month-button:active,.month-container .month-list .month .month-button.active{background:var(--comp-month-primary-background);color:var(--comp-month-primary-font-color)}.month-container .today-label{padding:0.5rem 0;color:var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}";
 
 const c = class {
-  constructor(e) {
-    t(this, e);
-    this.toggleChange = n(this, "toggleChange", 7);
-    this.viewChange = n(this, "viewChange", 7);
+  constructor(n) {
+    t(this, n);
+    this.toggleChange = e(this, "toggleChange", 7);
+    this.viewChange = e(this, "viewChange", 7);
     // #region Own Properties
         this.monthGrid = [ [ 0, 1, 2 ], [ 3, 4, 5 ], [ 6, 7, 8 ], [ 9, 10, 11 ] ];
     this.months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ].map((t => ({
@@ -27,34 +27,34 @@ const c = class {
     // #endregion
     // #region Local Methods
         this.focusMonth = t => {
-      const n = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
-      if (n) {
+      const e = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
+      if (e) {
         this.focusedIndex = t;
-        n.focus();
+        e.focus();
       }
     };
-    this.moveMonth = (t, n, e) => {
+    this.moveMonth = (t, e, n) => {
       const o = t.length;
       const a = t[0].length;
-      const i = Math.floor(n / a);
-      const r = n % a;
+      const i = Math.floor(e / a);
+      const r = e % a;
       const c = [ i, r ];
-      if (e.key === "ArrowUp") {
-        e.stopPropagation();
-        e.preventDefault();
+      if (n.key === "ArrowUp") {
+        n.stopPropagation();
+        n.preventDefault();
         return t[Math.max(0, c[0] - 1)][c[1]];
-      } else if (e.key === "ArrowDown") {
-        e.stopPropagation();
-        e.preventDefault();
+      } else if (n.key === "ArrowDown") {
+        n.stopPropagation();
+        n.preventDefault();
         return t[Math.min(o - 1, c[0] + 1)][c[1]];
-      } else if (e.key === "ArrowLeft") {
-        e.stopPropagation();
-        e.preventDefault();
-        return Math.max(0, n - 1);
-      } else if (e.key === "ArrowRight") {
-        e.stopPropagation();
-        e.preventDefault();
-        return Math.min(this.months.length - 1, n + 1);
+      } else if (n.key === "ArrowLeft") {
+        n.stopPropagation();
+        n.preventDefault();
+        return Math.max(0, e - 1);
+      } else if (n.key === "ArrowRight") {
+        n.stopPropagation();
+        n.preventDefault();
+        return Math.min(this.months.length - 1, e + 1);
       } else {
         return t[c[0]][c[1]];
       }
@@ -66,30 +66,30 @@ const c = class {
         });
         return;
       }
-      const n = t.target.dataset.index;
-      if (!n) return;
+      const e = t.target.dataset.index;
+      if (!e) return;
       if (t.key === "Enter" || t.key === " ") {
         t.preventDefault();
         t.stopPropagation();
-        this.selectMonth(Number(n));
+        this.selectMonth(Number(e));
       } else {
-        const e = this.moveMonth(this.monthGrid, Number(n), t);
-        this.focusMonth(e);
+        const n = this.moveMonth(this.monthGrid, Number(e), t);
+        this.focusMonth(n);
       }
     };
     this.onMonthSelection = t => {
-      var n, e;
+      var e, n;
       const o = t.target.closest(".month-button");
-      if ((n = o === null || o === void 0 ? void 0 : o.dataset) === null || n === void 0 ? void 0 : n.index) {
-        this.selectMonth(Number((e = o === null || o === void 0 ? void 0 : o.dataset) === null || e === void 0 ? void 0 : e.index));
+      if ((e = o === null || o === void 0 ? void 0 : o.dataset) === null || e === void 0 ? void 0 : e.index) {
+        this.selectMonth(Number((n = o === null || o === void 0 ? void 0 : o.dataset) === null || n === void 0 ? void 0 : n.index));
       }
     };
     this.selectMonth = t => {
-      var n, e, o;
+      var e, n, o;
       this.selectedIndex = t;
       this.focusedIndex = t;
       const a = this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);
-      (n = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || n === void 0 ? void 0 : n.forEach((t => t.classList.remove("active")));
+      (e = this.hostElement.shadowRoot.querySelectorAll(`.month-button`)) === null || e === void 0 ? void 0 : e.forEach((t => t.classList.remove("active")));
       a === null || a === void 0 ? void 0 : a.classList.add("active");
       a === null || a === void 0 ? void 0 : a.focus();
       const i = {
@@ -98,7 +98,7 @@ const c = class {
         monthIndex: t,
         selectedYear: this.year
       };
-      (o = (e = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(e, new CustomEvent("click", {
+      (o = (n = this.hostElement).onchange) === null || o === void 0 ? void 0 : o.call(n, new CustomEvent("click", {
         bubbles: true,
         detail: i
       }));
@@ -121,67 +121,67 @@ const c = class {
   // #endregion
   // #region Render Methods
   render() {
-    return e("div", {
-      key: "a79408285992125baf4ab6771f6501d79a6245df",
+    return n("div", {
+      key: "b7429b5ed21f7cda666f140a9a93ee643176979c",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
-    }, e("div", {
-      key: "857185b3278ee9b9f346686e587a39250130e532",
+    }, n("div", {
+      key: "802900b16d0efa602df89edb22e174329736dca4",
       class: "navigation"
-    }, e("q2-btn", {
-      key: "f698f8ea247ba18ecd40d22c74c4247fa300cf3d",
+    }, n("q2-btn", {
+      key: "0a318088ab2eb826620c056246599f5b7803c51e",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
-    }, e("span", {
-      key: "fc467f87579a2a1c90c72e22aa49715ed4130d22",
+    }, n("span", {
+      key: "02018f884cb7b48fb581597fc7d5a2a323497668",
       class: "year"
-    }, this.year), e("q2-icon", {
-      key: "545d4a90b2c57ef0109475746f963a879c4d69d8",
+    }, this.year), n("q2-icon", {
+      key: "9ab23a381d4fedb5aca2ecee19eb975d76ff4465",
       class: "year-icon off",
       type: "chevron-down"
-    })), e("div", {
-      key: "1b1c130e07944ab988e981f41b3351237a638f7e",
+    })), n("div", {
+      key: "79dd4cd0864d051a4252c21ebbd697e0e75b0ec3",
       class: "month-controller"
-    }, e("div", {
-      key: "5967309b329f2f0697a26a69d91dfb50b0a6d526",
+    }, n("div", {
+      key: "d94ad2ebfc317206bfff5b16861c52507a168e09",
       class: "cal-year-prev-next"
-    }, e("q2-btn", {
-      key: "23295dbba205dd04a809511501b49b74bd845f16",
+    }, n("q2-btn", {
+      key: "4d8b12fde9825bd5dca90012d42e73453f2cb777",
       label: a("tecton.element.calendar.previousYear"),
       "hide-label": true,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
-    }, e("q2-icon", {
-      key: "845a1a049fe80fd08470cbaf1b530bcf41734c39",
+    }, n("q2-icon", {
+      key: "428b2feb8854e145bdbc88bdd2c6a2c25a3a50ce",
       type: "arrow-left"
-    })), e("q2-btn", {
-      key: "2074d486e8a0d00cee2ac874230ff2411444f669",
+    })), n("q2-btn", {
+      key: "2f7ef439402c9788ae002a199813387a370e0ed3",
       label: a("tecton.element.calendar.nextYear"),
       "hide-label": true,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
-    }, e("q2-icon", {
-      key: "97699d8fa0378afa468bbb71e8bce6ccb9e78423",
+    }, n("q2-icon", {
+      key: "5931c20eac7a2268c6b945b336f44e143e9fe484",
       type: "arrow-right"
-    }))))), e("div", {
-      key: "f373f6a783137aca3691fdfdc70bea04d487b63e",
+    }))))), n("div", {
+      key: "9e18ae0e86a741201eb2a8c6ff04b9007899cbae",
       class: "month-list",
       onClick: this.onMonthSelection
-    }, this.months.map(((t, n) => e("div", {
+    }, this.months.map(((t, e) => n("div", {
       class: "month"
-    }, e("span", {
+    }, n("span", {
       role: "button",
       class: "month-button",
-      "data-index": n,
+      "data-index": e,
       "aria-label": t.label,
-      tabindex: n === this.focusedIndex ? 0 : -1
-    }, t.abbr))))), this.today && e("div", {
-      key: "b85641400c0c17171278735aa8e8b81f2497ac27",
+      tabindex: e === this.focusedIndex ? 0 : -1
+    }, t.abbr))))), this.today && n("div", {
+      key: "8dfee8bcf4ee9b4137c9c8644be7f38f5794bf4d",
       class: "today-label"
     }, a("tecton.element.calendar.today"), ": ", this.today));
   }

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

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

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

@@ -60,20 +60,20 @@ const p = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "03ea146fc88b43ccd10050cffb20c95bcc64c565",
+      key: "1193ca6f02dab8603a148059edfd6b3f01e55556",
       class: "q2-optgroup-container",
       hidden: this.hidden,
       "aria-labelledby": this.headerId,
       role: "group"
     }, e("div", {
-      key: "4738ff37a955e7d742a634ce7f043bdfc9f9720d",
+      key: "5731f04b1976e5e1f96ab37f577ead3889b80e8c",
       class: "q2-optgroup-header",
       id: this.headerId
     }, this.label && a(this.label) || ""), e("div", {
-      key: "5f387ec9d47194ee11415a3c91f01ea5b2107822",
+      key: "a52522a81176e91855514da0f051058c740ee4b6",
       class: "q2-optgroup-options"
     }, e("slot", {
-      key: "765abe9037d131fa65f5c4ace78de0282c2e17a1"
+      key: "8b0c0e1f18f3b8ca76cd3c00e28e5cef73457ca6"
     })));
   }
   get hostElement() {

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

@@ -289,12 +289,12 @@ const l = class {
       });
     }
     return i("nav", {
-      key: "f99b44d19603ae3981ef849748ef6163fc45919b",
+      key: "642369130b2d57d4e6a89927608636a4da87f11d",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": r("tecton.element.pagination.title")
     }, i("div", {
-      key: "d1643de16462d1f16fc252eeed2e568e246648a1",
+      key: "e988b3374cec5bb1a73dfbcc705899fb3a3474d6",
       class: "description",
       "test-id": "description"
     }, e ? r("tecton.element.pagination.pages", {
@@ -305,13 +305,13 @@ const l = class {
       recordType: s.toLowerCase(),
       total: c.toLocaleString()
     })), i("div", {
-      key: "6ffec6ee2128172163a381f76d9e06fe82c7316b",
+      key: "8ac5316082ab9fcc03fd6c605e56e31124f5d5dc",
       class: "controls"
     }, i("div", {
-      key: "decc2ca51ad2365a07ffd112c1d1726e174b5d0c",
+      key: "c7e99c77f10d0d587d31af19b3bd39ba2d64aeb7",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "7b85578c7595c4285c995c5e5359f6c441bdda51",
+      key: "ba7cc1e9b1eee9d0db75e7f653c74974e06435a6",
       ref: t => this.firstPageBtn = t,
       label: r("tecton.element.pagination.goToFirstPage"),
       disabled: f || u,
@@ -320,10 +320,10 @@ const l = class {
       "test-id": "firstPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "550559c6d68876121fb3aaa87414e4adb11f4429",
+      key: "90b82dd3b935af151d517c997086e5779e51bd3c",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "6bf47805cabef90404a66317fc4bff10921818bd",
+      key: "179b59d1c5cebff1897d5e0a3e825e969da90719",
       ref: t => this.prevPageBtn = t,
       label: y,
       disabled: f || u,
@@ -331,21 +331,21 @@ const l = class {
       "test-id": "prevPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "cd7e55771f9de549a7729236df927274745825b9",
+      key: "b23b78e56fc5df453036c07c055f2bc7bf10da11",
       type: "chevron-left"
     }))), i("div", {
-      key: "730078a28d7d555bfed57381b972e54c8059a556",
+      key: "5ac4941af9479fe7c2644cfe56fb1bf3f4e2c968",
       class: "input-display",
       hidden: a
     }, i("span", {
-      key: "35b93b8034569d72bf0670d73f7ce1ec0fef826e",
+      key: "f748874515ec184a25bc2f10f16f1031b4ed5583",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.page")), i("div", {
-      key: "d28c27c41044573a0fb1adf2b8a89ef582c5aa98",
+      key: "2e870838a5ca57ccfd80f648f8eaf6f895c950be",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "28bf16274c57944a7a7132dd29a2e606d9f6c108",
+      key: "3c765b872520ae12cf6d86789a5dfb56fe140d97",
       ref: t => this.inputField = t,
       type: "number",
       value: `${h}`,
@@ -363,13 +363,13 @@ const l = class {
       current: "page",
       disabled: f
     })), i("span", {
-      key: "5fc845812367d39bf91826657da31f39436fc670",
+      key: "1fad0a391c7b5b2bac9439b7116674d43d205a95",
       "aria-hidden": "true"
     }, r("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "73183db09f66cad393b33571260579720f2e8c12",
+      key: "52dc5be6a7deae84418c2cfbf108b68451c3db5b",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "c3daf5fd49273bede94ce2a9994309d282f1bdbf",
+      key: "b1aa2468c227ad4f251736eee6596a0525f620dd",
       ref: t => this.nextPageBtn = t,
       label: v,
       disabled: f || b,
@@ -377,10 +377,10 @@ const l = class {
       "test-id": "nextPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "427474ab8f77a0e314a687bb00d199858234f30d",
+      key: "689bc3f2f90724c53ff67d9724d17cc303af716c",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "607732d95674f7620423817e7394ec4e88ac6e9b",
+      key: "bb1bb9cbbbc58454e6f811fcaa5359d561d79042",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
       disabled: f || b,
@@ -389,10 +389,10 @@ const l = class {
       "test-id": "lastPageBtn",
       "hide-label": true
     }, i("q2-icon", {
-      key: "ff871b93e2f4932eddde86761f126fb6937b43fb",
+      key: "d271e5fd48c58f95f0b8d2d45af6f48c335038e8",
       type: "chevron-double-right"
     })))), i("div", {
-      key: "506a9fd9aa1790d1a2efb7b8a744a8fc1d76a409",
+      key: "cc2ac1c470e2034b242079c44ecf4435cb42548e",
       class: "per-page",
       hidden: a || !((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length)
     }, g && this.renderPerPage()));

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: "e967de8b2086ebf86f51cc927c3430c07ad37636",
       onChange: this.onClickElsewhere
     }, o("div", {
-      key: "96e54e580f5f313a5f50049fe4a795fc444c1de5",
-      class: r.join(" ")
+      key: "38c871229f1f80d49b003d5c6f7895c335a9eed8",
+      class: a.join(" ")
     }, o("div", {
-      key: "a5482940be97c882b54e4674f96f88344553e274",
+      key: "8dd9a60999c49de096f8f8f67adccffba0f9a80a",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, o("button", {
-      key: "d19714c018c3ba17433614432fc6225f84c2dbba",
+      key: "1d485d62c6acfaee927e1fa1aa0bc9401c7f2c98",
       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: "05ca8c8195186b220364ee67198d6210bbe34455",
       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: "e1eb81bfc0489fd9450975eee632fb59830cce54",
       class: "popover-content"
     }, o("div", {
-      key: "9cc43dbc66b7eb40f05d89278684a24f7f2b061f",
+      key: "a101a2d7f88fdb18f2a859737f1bca96742bad7e",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "b3d2ff22c4fc3293ebfa70db9f42c2940e149825",
+      key: "752c27b869d1dd91f5d369e7f1675554e48a4554",
       name: "popover-top"
     })), o("q2-option-list", {
-      key: "ebb64d5e7086c49c84b8da96669b5ad9eaa9b631",
+      key: "2f70d1533c8733721326b02a47531a7feb47ab7e",
       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: "5ffddd45ce88c535a5bb4481f34a74690cb8d46f"
     })), o("div", {
-      key: "f146e3181d0b35dbe28f46b9ab4d0aaf9691f9ef",
+      key: "1c5ae3722ea7caace731239ac0d91d4fcbe7eb8b",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleKeydown
     }, o("slot", {
-      key: "515c40d83c6de0758426ca430fcfbc35c5266cc3",
+      key: "afa0d457a65303d7a4e50fa9e633e9fa609922e8",
       name: "popover-bottom"
     })))));
   }

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

@@ -181,23 +181,23 @@ const c = class {
     const {hasError: r} = this;
     const a = t && !this.hideLabel || r;
     return i(o, {
-      key: "ccf42e615a57f7a10d1dbf83477abe2f3a09c318"
+      key: "3fa5b7ba14cd74a3544ad38d40c74127126f0fc6"
     }, a && i("div", {
-      key: "e1dc942fcf0fd1736b3527471507f952d0823705",
+      key: "254b8a8ec9f21fccf2227966f56e366682957da8",
       class: "label-row"
     }, t && !this.hideLabel && i("div", {
-      key: "5c9f17f222c2b9724b774e2d1963f4a83288b320",
+      key: "f1176458f14bfc50adaab4a0d5342a7fcf58c6a4",
       class: "group-legend"
     }, d(this)), r && i("q2-icon", {
-      key: "a78ce480598193b64922b11d37b62a29452dd08c",
+      key: "7b829af0555cd13090459c5dc83ba22ce4cbe92c",
       type: "error",
       "test-id": "iconError"
     })), i("fieldset", {
-      key: "c90583a3df7d565c92b8a39089f38d2a70487389",
+      key: "1eb9e6e18c1a5442d4582f23649b06d3864412b7",
       onChange: this.onInnerRadioChange,
       "aria-invalid": r ? `${r}` : undefined
     }, t && i("legend", {
-      key: "1f4a2f89ade2bb185ba10dc4edd64fbcfc689c05",
+      key: "2ee4c9b44c86077fbda3f9eef02da24546cb6ec6",
       class: "sr-only"
     }, d(this)), this.inputDom()));
   }

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: "1c740c79651798b5aa532b48a8d35fbfb44e47a9",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, t("input", {
-      key: "a6ef43c7dbb5da2e42dc24bad503ce48dc537080",
+      key: "1e8f5b6100d8ad8c43a60afba569184f5ccd8530",
       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: "d86c5a574f853b570491bc9842996d9300b3a72c",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : undefined,
       "test-id": "radioButton"
     }, !this.groupTileLayout && t("svg", {
-      key: "a85fa6abe0998cf6f1e377f1242788c41aae034d",
+      key: "473eb06c9c4a1b7ebd8014642da157b2aa4a5d08",
       viewBox: "0 0 18 18"
     }, t("circle", {
-      key: "3c0ce4521a486e2f4d8890b844ca960a3f732b66",
+      key: "0035db29b3d96bb1e322fd8aa7233554098be30a",
       class: "big-circle",
       stroke: "none",
       fill: "none",
@@ -119,7 +119,7 @@ const d = class {
       cy: "9",
       r: "8"
     }), t("circle", {
-      key: "95d480099459712896b5941542fef02002f1bd64",
+      key: "6efda15f869a255325c8f09e9cf250a50627bd6d",
       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: "5def4a33beb0e6bd0e4327cdfb07d3fdabb4a72e",
       class: "label-content"
     }, this.label && l(this.label) || "", t("slot", {
-      key: "1ae3f23813fe800de5e7fa75e6ebfa33205c3961"
+      key: "f8ca1eac5a03d93e7019b5e5bd25456acf5a1230"
     }))));
   }
   get hostElement() {