q2-tecton-elements 1.71.4 → 1.73.0

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-Cps4jSQM.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-Cps4jSQM.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-Cps4jSQM.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-Cps4jSQM.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-Cps4jSQM.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"
     })))));
   }
@@ -381,6 +383,6 @@ const v = class {
   }
 };
 
-v.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.popover-top-container{position:sticky;top:0;z-index:5}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--comp-btn-box-shadow:var(--tct-pill-btn-box-shadow, none);--comp-btn-backdrop-filter:var(--tct-pill-btn-backdrop-filter, none);--comp-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-letter-spacing:var(--tct-pill-btn-letter-spacing, inherit);--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--tct-pill-active-btn-color, var(--comp-btn-background));--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-box-shadow:var(--tct-pill-active-btn-box-shadow, var(--tct-pill-btn-box-shadow, none));--comp-active-btn-backdrop-filter:var(--tct-pill-active-btn-backdrop-filter, none);--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}.btn-wrapper.has-options,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]:not([active=false])) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-primary-active-background, var(--t-primary, #0079c1));--comp-active-btn-box-shadow:var(--tct-pill-primary-active-btn-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-primary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-primary-active-font-color, var(--t-primary-text, #ffffff));--comp-active-btn-border-color:var(--tct-pill-primary-active-border-color, var(--t-primary, #0079c1));--comp-hover-active-btn-background:var(--tct-pill-primary-active-hover-background, var(--t-primary-l3, #21acff));--comp-hover-active-btn-border-color:var(--tct-pill-primary-active-hover-border-color, var(--t-primary-l3, #21acff))}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-secondary-active-background, var(--t-secondary, #b3c2cc));--comp-active-btn-box-shadow:var(--tct-pill-secondary-active-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-secondary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-secondary-active-font-color, var(--t-secondary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-secondary-active-border-color, var(--t-secondary, #b3c2cc));--comp-hover-active-btn-background:var(--tct-pill-secondary-active-hover-background, var(--t-secondary-l3, #c9d5db));--comp-hover-active-btn-border-color:var(--tct-pill-secondary-active-hover-border-color, var(--t-secondary-l3, #c9d5db))}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-tertiary-active-background, var(--t-tertiary, #e8f5fc));--comp-active-btn-box-shadow:var(--tct-pill-tertiary-active-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-tertiary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-tertiary-active-font-color, var(--t-tertiary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-tertiary-active-border-color, var(--t-tertiary, #e8f5fc));--comp-hover-active-btn-background:var(--tct-pill-tertiary-active-hover-background, var(--t-tertiary-l3, #eff8fd));--comp-hover-active-btn-border-color:var(--tct-pill-tertiary-active-hover-border-color, var(--t-tertiary-l3, #eff8fd))}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);box-shadow:var(--comp-btn-box-shadow);backdrop-filter:var(--comp-btn-backdrop-filter);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));letter-spacing:var(--comp-btn-letter-spacing);padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, var(--const-px-14, 14px))));font-weight:var(--tct-pill-btn-font-weight, 400);color:var(--comp-btn-color);display:flex;align-items:center;gap:var(--app-scale-1x, 5px);width:100%;text-align:start}.btn-primary ::slotted(q2-icon[slot=decorator]){--tct-icon-size:1em;--tct-icon-stroke-primary:var(--tct-pill-decorator-icon-primary-stroke, var(--comp-btn-color));--tct-icon-stroke-secondary:var(--tct-pill-decorator-icon-secondary-stroke, var(--comp-btn-color))}.btn-primary:focus{box-shadow:var(--tct-pill-btn-focus-box-shadow, var(--const-double-focus-ring))}.btn-primary:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}.btn-primary:hover{background:var(--comp-hover-btn-background)}.has-options .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]:not([active=false])) .btn-primary{background:var(--comp-active-btn-background);box-shadow:var(--comp-active-btn-box-shadow);backdrop-filter:var(--comp-active-btn-backdrop-filter);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]:not([active=false])) .btn-primary:focus{box-shadow:var(--tct-pill-btn-focus-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-primary:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}:host([active]:not([active=false])) .btn-primary ::slotted(q2-icon[slot=decorator]){--tct-icon-stroke-primary:var(--tct-pill-active-decorator-icon-primary-stroke, var(--tct-pill-decorator-icon-primary-stroke, var(--comp-active-btn-color)));--tct-icon-stroke-secondary:var(--tct-pill-active-decorator-icon-secondary-stroke, var(--tct-pill-decorator-icon-secondary-stroke, var(--comp-active-btn-color)))}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}.btn-close:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-close{color:var(--comp-active-btn-color)}.has-options .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--tct-icon-stroke-primary:var(--tct-pill-icon-stroke, currentcolor);--tct-icon-stroke-width:var(--tct-pill-icon-stroke-width, inherit);width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]:not([active=false])) button.btn-close:focus,:host([active]:not([active=false])) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}:host([borderless]:not([borderless=false])) button{border-style:none}';
+v.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.popover-top-container{position:sticky;top:0;z-index:5}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--comp-btn-box-shadow:var(--tct-pill-btn-box-shadow, none);--comp-btn-backdrop-filter:var(--tct-pill-btn-backdrop-filter, none);--comp-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-letter-spacing:var(--tct-pill-btn-letter-spacing, inherit);--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--tct-pill-active-btn-color, var(--comp-btn-background));--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-box-shadow:var(--tct-pill-active-btn-box-shadow, var(--tct-pill-btn-box-shadow, none));--comp-active-btn-backdrop-filter:var(--tct-pill-active-btn-backdrop-filter, none);--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}.btn-wrapper.has-options,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]:not([active=false])) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-primary-active-background, var(--t-primary, #0079c1));--comp-active-btn-box-shadow:var(--tct-pill-primary-active-btn-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-primary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-primary-active-font-color, var(--t-primary-text, #ffffff));--comp-active-btn-border-color:var(--tct-pill-primary-active-border-color, var(--t-primary, #0079c1));--comp-hover-active-btn-background:var(--tct-pill-primary-active-hover-background, var(--t-primary-l3, #21acff));--comp-hover-active-btn-border-color:var(--tct-pill-primary-active-hover-border-color, var(--t-primary-l3, #21acff))}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-secondary-active-background, var(--t-secondary, #b3c2cc));--comp-active-btn-box-shadow:var(--tct-pill-secondary-active-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-secondary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-secondary-active-font-color, var(--t-secondary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-secondary-active-border-color, var(--t-secondary, #b3c2cc));--comp-hover-active-btn-background:var(--tct-pill-secondary-active-hover-background, var(--t-secondary-l3, #c9d5db));--comp-hover-active-btn-border-color:var(--tct-pill-secondary-active-hover-border-color, var(--t-secondary-l3, #c9d5db))}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-tertiary-active-background, var(--t-tertiary, #e8f5fc));--comp-active-btn-box-shadow:var(--tct-pill-tertiary-active-box-shadow, none);--comp-active-btn-backdrop-filter:var(--tct-pill-tertiary-active-backdrop-filter, none);--comp-active-btn-color:var(--tct-pill-tertiary-active-font-color, var(--t-tertiary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-tertiary-active-border-color, var(--t-tertiary, #e8f5fc));--comp-hover-active-btn-background:var(--tct-pill-tertiary-active-hover-background, var(--t-tertiary-l3, #eff8fd));--comp-hover-active-btn-border-color:var(--tct-pill-tertiary-active-hover-border-color, var(--t-tertiary-l3, #eff8fd))}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);box-shadow:var(--comp-btn-box-shadow);backdrop-filter:var(--comp-btn-backdrop-filter);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));letter-spacing:var(--comp-btn-letter-spacing);padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, var(--const-px-14, 14px))));font-weight:var(--tct-pill-btn-font-weight, 400);color:var(--comp-btn-color);display:flex;align-items:center;gap:var(--app-scale-1x, 5px);width:100%;text-align:start}.btn-primary ::slotted(q2-icon[slot=decorator]){--tct-icon-size:1em;--tct-icon-stroke-primary:var(--tct-pill-decorator-icon-primary-stroke, var(--comp-btn-color));--tct-icon-stroke-secondary:var(--tct-pill-decorator-icon-secondary-stroke, var(--comp-btn-color))}.btn-primary:focus{box-shadow:var(--tct-pill-btn-focus-box-shadow, var(--const-double-focus-ring))}.btn-primary:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}.btn-primary:hover{background:var(--comp-hover-btn-background)}.has-options .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]:not([active=false])) .btn-primary{background:var(--comp-active-btn-background);box-shadow:var(--comp-active-btn-box-shadow);backdrop-filter:var(--comp-active-btn-backdrop-filter);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]:not([active=false])) .btn-primary:focus{box-shadow:var(--tct-pill-btn-focus-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-primary:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}:host([active]:not([active=false])) .btn-primary ::slotted(q2-icon[slot=decorator]){--tct-icon-stroke-primary:var(--tct-pill-active-decorator-icon-primary-stroke, var(--tct-pill-decorator-icon-primary-stroke, var(--comp-active-btn-color)));--tct-icon-stroke-secondary:var(--tct-pill-active-decorator-icon-secondary-stroke, var(--tct-pill-decorator-icon-secondary-stroke, var(--comp-active-btn-color)))}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}.btn-close:focus-visible{box-shadow:var(--tct-pill-btn-focus-visible-box-shadow, var(--const-double-focus-ring))}:host([active]:not([active=false])) .btn-close{color:var(--comp-active-btn-color)}.has-options .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--tct-icon-stroke-primary:var(--tct-pill-icon-stroke, currentcolor);--tct-icon-stroke-width:var(--tct-pill-icon-stroke-width, inherit);width:var(--tct-pill-icon-size, var(--t-pill-icon-size, var(--const-px-18, 18px)));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, var(--const-px-18, 18px)));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]:not([active=false])) button.btn-close:focus,:host([active]:not([active=false])) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}:host([borderless]:not([borderless=false])) button{border-style:none}';
 
 export { v as q2_pill }