q2-tecton-elements 1.72.0 → 1.73.0

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

@@ -1,6 +1,6 @@
 import { r as t, c as a, h as o, g as i } from "./index-Cqkz7Bnm.js";
 
-import { e as r, w as e, h as s } from "./index-DJw6Feh0.js";
+import { e as r, w as e, h as s } from "./index-CP8pXJ-l.js";
 
 import { s as n } from "./sanitize-html-string-DPHNpMWE.js";
 
@@ -110,62 +110,62 @@ const c = class {
   render() {
     const t = `${this.renderStatus || ""}`;
     return o("dialog", {
-      key: "efa04c4cab9624ecc331124fbc54bba9b0b67f23",
+      key: "67c724b2e94aa823893cc3477ffa364bc07f3c91",
       ref: t => this.dialogElement = t,
       class: t,
       onCancel: this.onCancel,
       onClick: this.onClick
     }, o("div", {
-      key: "81e9fa70f3c4a687fc543250d5d7c8c351968aba",
+      key: "67b97fe323985b56db793d1cf939192bbfbd424e",
       class: "interior"
     }, this.title && o("header", {
-      key: "30eb57f4344a623ecbfa36a05f19cdbf2012cf55"
+      key: "ec0c82831007887e2baeddc50f2b8c0ec24b0d97"
     }, this.title && o("h2", {
-      key: "a3d880ddf32ef43e2587c47152a28b0a861a60e4",
+      key: "10bbd7f9216ce221616acc4c77984aca582eba10",
       class: "title"
     }, this.title), !!this.closable && o("q2-btn", {
-      key: "90ae641a244ca09a2de917331d5669ceddef24e9",
+      key: "8f801bf013c9015c3ae50543067393b26941d3d4",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.modal.close",
       "hide-label": !0
     }, o("q2-icon", {
-      key: "530d9b90eb044e7eb0b52cb877ee018e859014ec",
+      key: "b546a86894aa6b5dd3576a33eadfa63e21a13590",
       type: "close"
     }))), o("div", {
-      key: "a643bd41ea14bb6238bebaff18d608bb1116c4d5",
+      key: "cdc674c3cee4bca6bda0c60ca2c9f08f83ab4440",
       class: "content",
       ref: t => this.contentElement = t
     }, this.icon && o("div", {
-      key: "e5d99acc00768c6f235a7108903d9992725c08f2",
+      key: "8b8ffc983cecd2ddf1f912db7f00a6ed198a6b16",
       class: "icon"
     }, o("q2-icon", {
-      key: "97ffba3484e2bf0901a1520a7a8e8099cc03c3ba",
+      key: "cb3430c9216268ed7e8eeea85a83168b2d72ceb1",
       type: this.icon
     })), this.imageSrc && o("div", {
-      key: "5426e6276902a70be2b6cf64849580587dfa6368",
+      key: "eab34ebad157a6c81a0e24bc726505e3541eac05",
       class: "image"
     }, o("img", {
-      key: "00bb517674151bce32307c0cae70e1cae45da7a2",
+      key: "cdf8e7a1c381a099d811241a410998e16405bda4",
       src: this.imageSrc
     })), s(this.hostElement, "content") && o("slot", {
-      key: "1ca0b130e835e24b3891d7ca2870105b538ba14d",
+      key: "2674f81de64e3d6069e043f4c0a0db39d70f466a",
       name: "content"
     }), this.description && o("p", {
-      key: "86d27f942231bff0754befb1abc2b1108f16f1ad",
+      key: "8dc2a0b031812a6e65012df8d78e5ff3373c117e",
       class: "description"
     }, this.description), this.customMarkup && o("p", {
-      key: "f25747c08a3c49fe8388f1528b70490e92ee01fb",
+      key: "218d120d1109cff6a1aa79e5b76befbca0ca5857",
       class: "customMarkup",
       innerHTML: n(this.customMarkup)
     })), o("footer", {
-      key: "d823aa857d2f003ac671d6cf93b1a0b63dabdaff"
+      key: "ffc5c49fbaabde579fda002a25ac893e798c07de"
     }, o("q2-action-group", {
-      key: "31c7fa360c61861b26b26e38ffe241760f3c5cb9",
+      key: "295cde61c6e9851aab36f3903f892a5775aca76c",
       "full-width": this.fullWidthButton
     }, o("slot", {
-      key: "9988c2db9d3635d05c66c2b5e3ed6745a9bfaa1c",
+      key: "e8ece0f36c2647515d82e3cd21b9c36faf731fd2",
       name: "action"
     })))));
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as n, h as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { l as a, o as i } from "./index-DJw6Feh0.js";
+import { l as a, o as i } from "./index-CP8pXJ-l.js";
 
 const r = class {
   constructor(e) {
@@ -74,54 +74,54 @@ const r = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "b7429b5ed21f7cda666f140a9a93ee643176979c",
+      key: "6e90b90e7720649681c2e95debe81d823095ccd0",
       class: "month-container",
       onKeyDown: this.onMonthKeydown
     }, e("div", {
-      key: "802900b16d0efa602df89edb22e174329736dca4",
+      key: "d1b83fce67fec3beacb73004a02d566f77a5729f",
       class: "navigation"
     }, e("q2-btn", {
-      key: "0a318088ab2eb826620c056246599f5b7803c51e",
+      key: "0772d6553ee3a75ca829755b3abc7d75ac0fa1aa",
       class: "year-btn",
       onClick: () => this.viewChange.emit({
         view: "year",
         selectedYear: this.year
       })
     }, e("span", {
-      key: "02018f884cb7b48fb581597fc7d5a2a323497668",
+      key: "689e2643923973447a38063260943bfaf98f673c",
       class: "year"
     }, this.year), e("q2-icon", {
-      key: "9ab23a381d4fedb5aca2ecee19eb975d76ff4465",
+      key: "590dcf2cf06e4980d70644b5be9e448cfe72abdc",
       class: "year-icon off",
       type: "chevron-down"
     })), e("div", {
-      key: "79dd4cd0864d051a4252c21ebbd697e0e75b0ec3",
+      key: "3001ad6ece1c302809e27df855c921698b840c56",
       class: "month-controller"
     }, e("div", {
-      key: "d94ad2ebfc317206bfff5b16861c52507a168e09",
+      key: "23397576c55f2f5ad32c248459ce986d38f25e5d",
       class: "cal-year-prev-next"
     }, e("q2-btn", {
-      key: "4d8b12fde9825bd5dca90012d42e73453f2cb777",
+      key: "8d38dd1bc2986e6c43b66c5cf3538adea921b259",
       label: a("tecton.element.calendar.previousYear"),
       "hide-label": !0,
       class: "cal-nav-btn prev-year",
       "test-id": "previousYearButton",
       onClick: () => this.selectYear(this.year - 1)
     }, e("q2-icon", {
-      key: "428b2feb8854e145bdbc88bdd2c6a2c25a3a50ce",
+      key: "55f8e258f83c0209b76efb3798478409ee246133",
       type: "arrow-left"
     })), e("q2-btn", {
-      key: "2f7ef439402c9788ae002a199813387a370e0ed3",
+      key: "578e4c4cd87cf3e25a09d55cb2c20ef0967d44bb",
       label: a("tecton.element.calendar.nextYear"),
       "hide-label": !0,
       class: "cal-nav-btn next-year",
       "test-id": "nextYearButton",
       onClick: () => this.selectYear(this.year + 1)
     }, e("q2-icon", {
-      key: "5931c20eac7a2268c6b945b336f44e143e9fe484",
+      key: "f2814f78597a04fca5617b3b59271d6c11221a5c",
       type: "arrow-right"
     }))))), e("div", {
-      key: "9e18ae0e86a741201eb2a8c6ff04b9007899cbae",
+      key: "7843d1db40f82116c3f82f544ad045a1f7dabadb",
       class: "month-list",
       onClick: this.onMonthSelection
     }, this.months.map(((t, n) => e("div", {
@@ -133,7 +133,7 @@ const r = class {
       "aria-label": t.label,
       tabindex: n === this.focusedIndex ? 0 : -1
     }, t.abbr))))), this.today && e("div", {
-      key: "8dfee8bcf4ee9b4137c9c8644be7f38f5794bf4d",
+      key: "71675483d7a2d770ad8f76b3540d47c10ebb0325",
       class: "today-label"
     }, a("tecton.element.calendar.today"), ": ", this.today));
   }

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

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

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

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, H as o, g as a } from "./index-Cqkz7Bnm.js";
 
-import { m as s, l as n } from "./index-DJw6Feh0.js";
+import { m as s, l as n } from "./index-CP8pXJ-l.js";
 
 import { b as r } from "./component-DaQM9u3s.js";
 

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as o } from "./index-Cqkz7Bnm.js";
 
-import { c as s, o as r, i as a, l as n } from "./index-DJw6Feh0.js";
+import { c as s, o as r, i as a, l as n } from "./index-CP8pXJ-l.js";
 
 const c = class {
   constructor(i) {
@@ -283,7 +283,7 @@ const c = class {
       block: !0,
       class: "send-code-button",
       disabled: this.disabled,
-      intent: "workflow-primary",
+      intent: "primary",
       label: this.localizedSendCodeLabel,
       onClick: this.handleSendCodeClick,
       ref: t => this.sendCodeRef = t
@@ -301,7 +301,7 @@ const c = class {
       block: !0,
       class: "submit-button",
       disabled: this.disabled || !this.isComplete,
-      intent: "workflow-primary",
+      intent: "primary",
       label: this.isVerifying ? this.localizedProcessingLabel : this.localizedSubmitLabel,
       loading: this.isVerifying,
       onClick: this.handleSubmitClick
@@ -309,7 +309,7 @@ const c = class {
   }
   render() {
     return i("div", {
-      key: "80f709fb9ccac37057bc3da569e4aefa6675d864",
+      key: "8f4ada9f194f1b0995995e946097b3e24a11f605",
       "aria-busy": this.isVerifying ? "true" : void 0,
       "aria-labelledby": this.label ? this.labelId : void 0,
       class: {
@@ -323,22 +323,22 @@ const c = class {
       },
       role: "group"
     }, this.renderSendCodeButton(), i("div", {
-      key: "1192f341199e8fbbd2c04c3fe58d69129888410c",
+      key: "099e1ef5ccc09846faf9952772e61ff7644e5085",
       class: {
         "otp-content": !0,
         "send-code-hidden": "ready" === this.state
       }
     }, this.renderLabel(), i("div", {
-      key: "f84aa0d243808206cf31e2900e633f5c5199b197",
+      key: "5ad6ff061779de6562f523148459729d73bbf53a",
       class: "otp-control-group"
     }, i("div", {
-      key: "8e01108ff520da247f80bb2204b2620a477a652f",
+      key: "d60e93f2d79d0f4b0348a5b581647ece89e9973c",
       class: "fields-shell"
     }, i("div", {
-      key: "7f942c6fb6be407f4c43cb2349614cf33c0ec62b",
+      key: "55b515c8a04e664024dcc66e4d894dcb0ddd4ca4",
       class: "fields-container"
     }, i("input", {
-      key: "5c1df9b3ff79098f47f40f2ad14165e25a59e5d8",
+      key: "b8319da6e91ea06ff5632c72326460c0e532393d",
       "aria-describedby": this.describedBy,
       "aria-invalid": "error" === this.state ? "true" : "false",
       "aria-label": this.inputAriaLabel,

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

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
 
-import { n as a, o as s, i as o, b as r, l as c } from "./index-DJw6Feh0.js";
+import { n as a, o as s, i as o, b as r, l as c } from "./index-CP8pXJ-l.js";
 
 import { m as h } from "./mirror-emit-DUjY_ucm.js";
 
@@ -223,12 +223,12 @@ const l = class {
       recordType: s.toLowerCase(),
       total: r
     })), i("nav", {
-      key: "c42b191eccb70b9e3c684843cebf9f6b06f3c3b3",
+      key: "647c141a9df399b3764fdc90c5ae05f113e0019d",
       class: this.containerClasses.join(" "),
       ref: t => this.containerElement = t,
       "aria-label": c("tecton.element.pagination.title")
     }, i("div", {
-      key: "eb03cdc19938adac4a5c44887fa7d9853c9b89ab",
+      key: "fd595002af27dd639391665573433783342d2aee",
       class: "description",
       "test-id": "description"
     }, e ? c("tecton.element.pagination.pages", {
@@ -239,13 +239,13 @@ const l = class {
       recordType: s.toLowerCase(),
       total: r.toLocaleString()
     })), i("div", {
-      key: "0e9a0bcfa6545b08843423378066989cf96ad18e",
+      key: "da4c7137ed566532a9471a7b83a63c49c51c8e82",
       class: "controls"
     }, i("div", {
-      key: "4ea3b0a64165885dfd1bd525527e2617e4f4d748",
+      key: "ef59aadb7b6cfb82707ffb1ee9e1626428a84801",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "72d72c7b974ecbca50c4259cca5028515786af5b",
+      key: "e5d551764bec56fed3dc34684c4ff2cdfadd95ea",
       ref: t => this.firstPageBtn = t,
       label: c("tecton.element.pagination.goToFirstPage"),
       disabled: u || f,
@@ -254,10 +254,10 @@ const l = class {
       "test-id": "firstPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "26f5f8e8cf23a6d924b4a01796827fb62017809d",
+      key: "7423721c4c3082b8f0fdea5d6bde9fc62640fa24",
       type: "chevron-double-left"
     })), i("q2-btn", {
-      key: "5f7845c5917137131cc6703bb59d90c842e32a7e",
+      key: "90b3544e9983fa652f225eda9d18d08883b31c39",
       ref: t => this.prevPageBtn = t,
       label: v,
       disabled: u || f,
@@ -265,21 +265,21 @@ const l = class {
       "test-id": "prevPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "e02ccf51de21789099e2b254019f962dbb5011dc",
+      key: "6535f2c3745421cbf1dd5750e3ab8d08288bc148",
       type: "chevron-left"
     }))), i("div", {
-      key: "ca201f7a4382e7f3835093c4c3877f7e2a0b5150",
+      key: "d4a581982a62f360e5b693a110a7d75eaf0ba24c",
       class: "input-display",
       hidden: a
     }, i("span", {
-      key: "c690830341a15c25e4ad5a2d2a524d876c9f7cdb",
+      key: "45a28afc71ee038d829cbe64550bf929210002a9",
       "aria-hidden": "true"
     }, c("tecton.element.pagination.page")), i("div", {
-      key: "7d08062d6cd495d4025a82413b347ed87915cbce",
+      key: "ba5df7f89aed5be2f882057d8cf344981e3f1127",
       class: "input-wrapper",
       onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
     }, i("q2-input", {
-      key: "e30795721d66d75dd5f349ad4d6d3ffda6023820",
+      key: "686c5c8891bd64a40ba9abe8436475bf3ef8fd38",
       ref: t => this.inputField = t,
       type: "number",
       value: `${h}`,
@@ -296,13 +296,13 @@ const l = class {
       current: "page",
       disabled: u
     })), i("span", {
-      key: "e2f1e51306298ddf428fd4e9fa665b58b2535fc8",
+      key: "59853a0308d1f97b6722f40c29219d887842c54c",
       "aria-hidden": "true"
     }, c("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
-      key: "c7a095aaa30743441c0c4d22f55e94801b3a823f",
+      key: "17fa28deff49d5a3a28b6d66b5639428a309057a",
       class: "btn-group"
     }, i("q2-btn", {
-      key: "c52d8837ec35b128a9d3f9c87766ed770edc9600",
+      key: "0e5eca8dc228a8285015d5941d9c4e44af5e5353",
       ref: t => this.nextPageBtn = t,
       label: m,
       disabled: u || b,
@@ -310,10 +310,10 @@ const l = class {
       "test-id": "nextPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "d1d802bddb426070fa1ca92a7937b8405949f01c",
+      key: "9a42a4961ac7efd40c176145a39f0c63540daf14",
       type: "chevron-right"
     })), i("q2-btn", {
-      key: "357f5bf5426e6c0004b737238a3c66697fc6a672",
+      key: "fe0c41536c25d7deffa26fdab4f91405e5b197d6",
       ref: t => this.lastPageBtn = t,
       label: "tecton.element.pagination.goToLastPage",
       disabled: u || b,
@@ -322,10 +322,10 @@ const l = class {
       "test-id": "lastPageBtn",
       "hide-label": !0
     }, i("q2-icon", {
-      key: "1be92d6fa9252168baf63420271c8b8a77f41d92",
+      key: "5beccc87ad5ef95350cb21d969b15c0996911126",
       type: "chevron-double-right"
     })))), i("div", {
-      key: "96ca4bc582b1dcb830bad146fbf1233f2549f256",
+      key: "d60b56b2f8173ea2a6fcf3cf4fd1b5f2807fbc5c",
       class: "per-page",
       hidden: a || !(null === (t = this.perPageIncrements) || void 0 === t ? 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 o, h as i, g as e } from "./index-Cqkz7Bnm.js";
 
-import { a, o as r, i as n, w as c, l as s } from "./index-DJw6Feh0.js";
+import { a as r, o as a, i as n, w as c, l as s } from "./index-CP8pXJ-l.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
@@ -31,7 +31,7 @@ const v = class {
         value: null,
         values: [],
         active: !1
-      }), this.scheduledAfterRender.push(a);
+      }), this.scheduledAfterRender.push(r);
     }, this.determineOptionCount = async () => {
       if (this.optionList) {
         const t = await this.getOptionListOptions();
@@ -92,7 +92,7 @@ const v = class {
       var o;
       await (null === (o = this.optionList) || void 0 === o ? void 0 : o.handleExternalKeydown(t));
     }, this.handleSelectionChanges = async t => {
-      const {multiple: o} = this, {value: i = "", values: e = []} = t, a = o ? !!e.length : !!i;
+      const {multiple: o} = this, {value: i = "", values: e = []} = t, r = o ? !!e.length : !!i;
       if (!this.hostElement.onchange) if (o) this.selectedOptions = e, this.value = void 0; else {
         const t = await this.getOption(i);
         this.selectedOptions = t ? [ {
@@ -103,7 +103,7 @@ const v = class {
       l(this, [ "change", "tctChange" ], {
         value: o ? void 0 : i,
         values: e,
-        active: a
+        active: r
       });
     }, this.handleSlotKeydown = t => {
       var o;
@@ -143,8 +143,8 @@ const v = class {
       const {selectedOptions: t = []} = this, o = t.map((t => t.value)), i = await this.getOptionListOptions();
       this.optionCount && (this.active = !!o.length), this.selectedOptionElements = (null == i ? void 0 : i.filter((t => o.includes(t.value)))) || [];
     }, this.updateSlotState = () => {
-      const {hostElement: t, hasPopoverTop: o, hasPopoverBottom: i} = this, e = t.shadowRoot.querySelector('slot[name="popover-top"]'), a = t.shadowRoot.querySelector('slot[name="popover-bottom"]'), r = (null == e ? void 0 : e.assignedNodes().length) > 0, n = (null == a ? void 0 : a.assignedNodes().length) > 0;
-      o !== r && (this.hasPopoverTop = r), i !== n && (this.hasPopoverBottom = n);
+      const {hostElement: t, hasPopoverTop: o, hasPopoverBottom: i} = this, e = t.shadowRoot.querySelector('slot[name="popover-top"]'), r = t.shadowRoot.querySelector('slot[name="popover-bottom"]'), a = (null == e ? void 0 : e.assignedNodes().length) > 0, n = (null == r ? void 0 : r.assignedNodes().length) > 0;
+      o !== a && (this.hasPopoverTop = a), i !== n && (this.hasPopoverBottom = n);
     };
   }
   // #endregion
@@ -161,7 +161,7 @@ const v = class {
     }), this.mutationObserver = t;
   }
   componentDidLoad() {
-    r(this.hostElement), this.syncValueProperties(), this.filterSlottedElements();
+    a(this.hostElement), this.syncValueProperties(), this.filterSlottedElements();
   }
   componentDidRender() {
     this.scheduledAfterRender.forEach((t => t())), this.scheduledAfterRender = [];
@@ -175,7 +175,9 @@ const v = class {
     n(t, this.hostElement) && this.primaryBtn.focus();
   }
   async popoverStateHandler({detail: {open: t}}) {
-    this.open !== t && (this.open = t), t || this.setOptionListActiveElement(null);
+    var o;
+    this.open !== t && (this.open = t, t || (this.setOptionListActiveElement(null), 
+    null === (o = this.primaryBtn) || void 0 === o || o.focus()));
   }
   // #endregion
   // #region Public Methods API
@@ -214,14 +216,14 @@ const v = class {
   // #region Watchers
   selectedOptionsChanged(t) {
     var o, i;
-    const {multiple: e} = this, a = null !== (i = null === (o = null == t ? void 0 : t[0]) || void 0 === o ? void 0 : o.value) && void 0 !== i ? i : null;
-    e ? (this.value && (this.value = null), this.updateSelectedOptionElements()) : this.value === a ? this.updateSelectedOptionElements() : this.value = a;
+    const {multiple: e} = this, r = null !== (i = null === (o = null == t ? void 0 : t[0]) || void 0 === o ? void 0 : o.value) && void 0 !== i ? i : null;
+    e ? (this.value && (this.value = null), this.updateSelectedOptionElements()) : this.value === r ? this.updateSelectedOptionElements() : this.value = r;
   }
   async valueChanged(t, o, i) {
-    var e, a;
-    const {label: r, multiple: n, selectedOptions: c, value: s} = this, l = "value" === i ? t : s, p = "label" === i ? t : r;
+    var e, r;
+    const {label: a, multiple: n, selectedOptions: c, value: s} = this, l = "value" === i ? t : s, p = "label" === i ? t : a;
     if (n) return;
-    const d = null !== (a = null === (e = null == c ? void 0 : c[0]) || void 0 === e ? void 0 : e.value) && void 0 !== a ? a : null;
+    const d = null !== (r = null === (e = null == c ? void 0 : c[0]) || void 0 === e ? void 0 : e.value) && void 0 !== r ? r : null;
     if ("value" === i && t === d) this.updateSelectedOptionElements(); else {
       const o = await this.getOption(t), {value: i, display: e} = o || {
         value: l,
@@ -236,21 +238,21 @@ const v = class {
   // #endregion
   // #region Local Methods
   get buttonContent() {
-    const {label: t, selectedOptionElements: o, optionCount: i, maxLength: e} = this, a = o.length;
-    let r;
-    if (i && 0 !== a) {
-      if (1 !== a) {
-        const t = s(o[0].display), i = " +" + (a - 1);
+    const {label: t, selectedOptionElements: o, optionCount: i, maxLength: e} = this, r = o.length;
+    let a;
+    if (i && 0 !== r) {
+      if (1 !== r) {
+        const t = s(o[0].display), i = " +" + (r - 1);
         return {
           text: `${t}${i}`,
           truncatedText: `${this._truncate(t, e)}${i}`
         };
       }
-      r = s(o[0].display);
-    } else r = s(t);
+      a = s(o[0].display);
+    } else a = s(t);
     return {
-      text: r,
-      truncatedText: this._truncate(r, e)
+      text: a,
+      truncatedText: this._truncate(a, e)
     };
   }
   _togglePopover() {
@@ -270,7 +272,7 @@ const v = class {
     }, s("tecton.element.optionList.optionCount", [ this.optionCount ]));
   }
   renderIcon() {
-    const {optionCount: t, active: o} = this, e = t && o, a = e || !t ? "close" : "chevron-down";
+    const {optionCount: t, active: o} = this, e = t && o, r = e || !t ? "close" : "chevron-down";
     return i(e ? "button" : "div", {
       class: "btn-close",
       onClick: e && this.clearSelectedOptions || void 0,
@@ -278,25 +280,25 @@ const v = class {
       "aria-label": e && s("tecton.element.pill.clearSelection") || void 0,
       type: e ? "button" : void 0
     }, i("q2-icon", {
-      type: a
+      type: r
     }));
   }
   render() {
-    const {optionCount: t, active: o, open: e} = this, {text: a, truncatedText: r} = this.buttonContent, n = [ "btn-wrapper" ];
+    const {optionCount: t, active: o, open: e} = this, {text: r, truncatedText: a} = this.buttonContent, n = [ "btn-wrapper" ];
     return (t || o) && n.push("has-icon"), t && n.push("has-options"), i("click-elsewhere", {
-      key: "5bbfce776dcd2ef3ac7097b37fd2df039d47c21f",
+      key: "8cba59cde3746d0397305512334eb56357e9e5d4",
       onChange: this.onClickElsewhere
     }, i("div", {
-      key: "9d8d7a4b6afb1d931d762a0e656509a2036180ba",
+      key: "391da54f9fd870e223765e6266291dff9775abe6",
       class: n.join(" ")
     }, i("div", {
-      key: "5bbf245bd78d2ed075b9a16cc46396528f20b823",
+      key: "06431fd76c0a9d30833756407c89ff59609bc3a3",
       class: "btn-height-wrapper",
       ref: t => this.primaryBtnWrapper = t,
       onClick: this.handleWrapperClick,
       tabIndex: -1
     }, i("button", {
-      key: "494b1555d332a62c8a2946da260a9bb5f26849d5",
+      key: "609557b9206c91511e78e26c990230e61f7e5c19",
       class: "btn-primary",
       "test-id": "btn-control",
       type: "button",
@@ -309,14 +311,14 @@ const v = class {
       "aria-roledescription": !t && "filter",
       "aria-controls": t ? "option-list" : void 0,
       "aria-expanded": t && `${!!e}` || void 0,
-      "aria-label": a,
+      "aria-label": r,
       "aria-pressed": t ? void 0 : `${!!o}`,
       "aria-describedby": t ? "option-description" : void 0
     }, i("slot", {
-      key: "d26426863ec1dadfbf2049ca6b85dcdb28875858",
+      key: "e1f4c57b7526f714cf0242e101ec0f5c39ebafa5",
       name: "decorator"
-    }), r)), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && i("q2-popover", {
-      key: "1b06b432ce4ab98a1d1d0b70acb7074849e94999",
+    }), a)), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && i("q2-popover", {
+      key: "2777b45efbd94516a633ca4ff1e2d6a452ecbd81",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -326,20 +328,20 @@ const v = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, i("div", {
-      key: "ea87e923fe84d94fc1f9a1b72b9fd1deef5cb5ad",
+      key: "54d2c1c8814be9265b4ed8092bd3360da76cc2b0",
       class: "popover-content"
     }, i("div", {
-      key: "53b50f438af20d4474b42511ee334391ff429fa0",
+      key: "fb95b6f0ab78119f0bf944fa67ec0bcf391088dc",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleSlotKeydown
     }, i("slot", {
-      key: "0996ca12d288c696601919df48ef6c8784bbf8d4",
+      key: "8e522c96fa1241e7c05fbc989d59f71ec2bc1d98",
       name: "popover-top"
     })), i("q2-option-list", {
-      key: "9faef4049f040e8c22b46107a7a618224cd0e82c",
+      key: "5e7a827ac08395399e0b04fa9074f5b6a3fa1c48",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -350,16 +352,16 @@ const v = class {
       onPopoverState: this.onPopoverState,
       label: s("tecton.element.optionList.label", [ this.optionListLabel ])
     }, i("slot", {
-      key: "8f54a5eb6670b9bffb2062eeb9815834b2aa8de7"
+      key: "4197780a058b3937ac748b53aef6afc5eabd8c7a"
     })), i("div", {
-      key: "1e61e07bb5c6bdcdfd68080cc606bb1a42f48d79",
+      key: "78992c83515dcfe6acbf7e09a5efced2d65c1903",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleSlotKeydown
     }, i("slot", {
-      key: "48a8d60e3eae7de823d1e55ab9153dedda9a739d",
+      key: "553f959ec8b866111b2e5c5f9090d8ddee5fd208",
       name: "popover-bottom"
     })))));
   }

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

@@ -1,6 +1,6 @@
 import { r as t, c as r, h as o, F as i, g as a } from "./index-Cqkz7Bnm.js";
 
-import { c as e, o as n, i as s, r as d } from "./index-DJw6Feh0.js";
+import { c as e, o as n, i as s, r as d } from "./index-CP8pXJ-l.js";
 
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
 
@@ -156,26 +156,26 @@ const c = class {
   render() {
     const t = this.label || this.optional || this.readonly, {hasError: r} = this, a = t && !this.hideLabel || r;
     return o(i, {
-      key: "25ec8b2089b54a5d968c3cfb99a1740c5dcbd0d0"
+      key: "0503a52d9cb4715cba418f445b708ad650aa5f1f"
     }, a && o("div", {
-      key: "1ff216a3e27dd4284dbb2f0300e25728f376df62",
+      key: "7236b03ea65a44bbfacf57944370236c9653d69c",
       class: "label-row"
     }, t && !this.hideLabel && o("div", {
-      key: "462c3833b83b524426ef2f937e0bf60c1cc841f7",
+      key: "fbede7f7cfbd2c0fe8364a77966009a2e14ede37",
       class: "group-legend"
     }, d(this)), r && o("q2-icon", {
-      key: "249e09338abad9e55fa472bcc9807ce2297cd4c3",
+      key: "b7d7456a6fd1e673d5799748a727db2babc3d2bf",
       type: "error",
       "test-id": "iconError"
     })), o("fieldset", {
-      key: "2085294bc3fc10c2f3cf20e6a1a0553cb0829e7d",
+      key: "cba87bdefb32eaa0cd6cc1760d874fd622146b5e",
       onChange: this.onInnerRadioChange,
       "aria-invalid": r ? `${r}` : void 0
     }, t && o("legend", {
-      key: "ad2686c2e07d168a0cf1cbe0baf844121add6ecd",
+      key: "c4ff0e86435564ece7e468ecd7b0e373ae9fc078",
       class: "sr-only"
     }, d(this)), o("q2-resize-observer", {
-      key: "e183977bae5484f38356b17b274d6e3125d4d603",
+      key: "f3bfe6941b46da58433ed959017a4383c07ce16d",
       onTctResize: this.handleResize,
       disabled: this.tileLayout || "horizontal" !== this.orientation
     }, this.inputDom())));