npm - q2-tecton-elements - Versions diffs - 1.72.0 → 1.73.1 - Mend

q2-tecton-elements 1.72.0 → 1.73.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (392) hide show

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

@@ -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, o as r, i as n, w as c, l as s } from "./index-CP8pXJ-l.js";
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
@@ -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
@@ -284,19 +286,19 @@ const v = class {
   render() {
     const {optionCount: t, active: o, open: e} = this, {text: a, truncatedText: r} = 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",
@@ -313,10 +315,13 @@ const v = class {
       "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",
+    }), i("span", {
+      key: "98a770f6f4fabe04d886f66d57e76a4febb31353",
+      class: "pill-label"
+    }, r))), this.renderIcon(), !!t && this.renderHiddenElement()), this.optionCount > 0 && i("q2-popover", {
+      key: "30fb581a9eeb008262bbb3fc4a82537f1b78af28",
       ref: t => this.popoverElement = t,
       controlElement: this.primaryBtn,
       open: this.open,
@@ -326,20 +331,20 @@ const v = class {
       align: this.popoverAlignment,
       onFocusout: this.handleFocusOut
     }, i("div", {
-      key: "ea87e923fe84d94fc1f9a1b72b9fd1deef5cb5ad",
+      key: "6fc858b2064b78b2ccaafd35aefaa2e4c9e1ea07",
       class: "popover-content"
     }, i("div", {
-      key: "53b50f438af20d4474b42511ee334391ff429fa0",
+      key: "75134f4a5d4296f6f69a70197bf1bd450c05a8e0",
       ref: t => this.popoverTopContainer = t,
       class: "popover-top-container",
       tabindex: "-1",
       hidden: !this.hasPopoverTop,
       onKeyDown: this.handleSlotKeydown
     }, i("slot", {
-      key: "0996ca12d288c696601919df48ef6c8784bbf8d4",
+      key: "f570a1a19b97bd7eb4b2ae38975db95ff1153b00",
       name: "popover-top"
     })), i("q2-option-list", {
-      key: "9faef4049f040e8c22b46107a7a618224cd0e82c",
+      key: "aca9ff86903dcf5b4e5138541ac20dac68955fb7",
       type: "listbox",
       ref: t => this.optionList = t,
       id: "option-list",
@@ -350,16 +355,16 @@ const v = class {
       onPopoverState: this.onPopoverState,
       label: s("tecton.element.optionList.label", [ this.optionListLabel ])
     }, i("slot", {
-      key: "8f54a5eb6670b9bffb2062eeb9815834b2aa8de7"
+      key: "89c5f3739c36206ceecb06245ba3052491b89898"
     })), i("div", {
-      key: "1e61e07bb5c6bdcdfd68080cc606bb1a42f48d79",
+      key: "8f98c6b4a59c2c0675b5648aed4a1110f0136d87",
       ref: t => this.popoverBottomContainer = t,
       class: "popover-bottom-container",
       tabindex: "-1",
       hidden: !this.hasPopoverBottom,
       onKeyDown: this.handleSlotKeydown
     }, i("slot", {
-      key: "48a8d60e3eae7de823d1e55ab9153dedda9a739d",
+      key: "75ef6c235c31755e0a5b9905db16e02ff8c4eea3",
       name: "popover-bottom"
     })))));
   }
@@ -381,6 +386,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, 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}';
+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;max-width:100%;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{min-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;min-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%;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, calc(200 * var(--t-px-1, 1px))));min-width:0;text-align:start}.btn-primary ::slotted(q2-icon[slot=decorator]){flex-shrink:0;--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))}: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)))}.pill-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.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 }

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

@@ -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())));

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

@@ -1,6 +1,6 @@
 import { r, c as a, h as o, g as t } from "./index-Cqkz7Bnm.js";
-import { c as e, d as i, o as c, l as d } from "./index-DJw6Feh0.js";
+import { c as e, d as i, o as c, l as d } from "./index-CP8pXJ-l.js";
 import { m as l } from "./mirror-emit-DUjY_ucm.js";
@@ -71,10 +71,10 @@ const n = class {
   // #region Render Methods
   render() {
     return o("div", {
-      key: "8fbe0ad9c8b0712fd51dbac67baae6209ebf2532",
+      key: "1aafcfbdb7d6e2863618d6741bc12491a109ec80",
       class: this.groupTileLayout ? "radio-tile" : "radio-container"
     }, o("input", {
-      key: "a9322154f304963731fb3d6ee99632c06938f27f",
+      key: "1989707753be2d6b8bc8c69098a5c9bf27af99b7",
       ref: r => this.inputField = r,
       class: "sr",
       id: this._id,
@@ -87,19 +87,19 @@ const n = class {
       onChange: this.inputChange,
       "test-id": "q2RadioInnerRadioBox"
     }), o("label", {
-      key: "234f95d4c4656e4325a15853bacf888d7a4ae446",
+      key: "93a6f7f8d718c8070c4d4d88c3b48905f518e166",
       htmlFor: this._id,
       class: this.hideLabel ? "label-hidden" : void 0,
       "test-id": "radioButton"
     }, !this.groupTileLayout && o("span", {
-      key: "ac98c34734a5e54b347cc2a48dc23d3ea2eb31ce",
+      key: "f351a1aef39845bbb1bbd360037d36486de27cd9",
       class: "radio-mark",
       "aria-hidden": "true"
     }), !this.hideLabel && o("div", {
-      key: "41dd2c195bc03dd8af8d5722e4aa2323cbeaab76",
+      key: "c9cb25115cffc72dfbb52024b6343f16a0744fbc",
       class: "label-content"
     }, this.label && d(this.label) || "", o("slot", {
-      key: "595014c6a32c2e98f7612dc51f0bd89579770988"
+      key: "8d63e148c83fb247b60b719d3de8627c327efaa4"
     }))));
   }
   get hostElement() {

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

@@ -2,7 +2,7 @@ import { r as t, h as e, F as i, g as s } from "./index-Cqkz7Bnm.js";
 import { d as n } from "./index-O1A-ZSZs.js";
-import { l as a } from "./index-DJw6Feh0.js";
+import { l as a } from "./index-CP8pXJ-l.js";
 const o = class {
   constructor(e) {
@@ -63,16 +63,16 @@ const o = class {
   // #endregion
   // #region Watchers
   updateMessage() {
-    const {isValidDate: t, isBaseDateProvided: e, isValidBaseDate: i, dateObject: s, baseDateObject: o, locale: r, handleNumeric: d, messageFormat: h, isValidUnit: l, unit: c, trimSuffix: u} = this;
+    const {isValidDate: t, isBaseDateProvided: e, isValidBaseDate: i, dateObject: s, baseDateObject: o, locale: r, handleNumeric: d, messageFormat: l, isValidUnit: h, unit: u, trimSuffix: c} = this;
     if (!t || e && !i) return this.sync = !1, void (this.displayedMessage = a("tecton.element.relativeTime.invalidDate"));
     const m = n.intlFormatDistance(new Date(s), new Date(o), {
       locale: r || document.documentElement.lang || "en-US",
       localeMatcher: "best fit",
       numeric: d,
-      style: h,
-      unit: l ? c : null
+      style: l,
+      unit: h ? u : null
     });
-    this.displayedMessage = u ? this.trimMessage(m) : m;
+    this.displayedMessage = c ? this.trimMessage(m) : m;
   }
   syncUpdated() {
     this.sync ? this.syncTimer = window.setInterval((() => {
@@ -118,7 +118,7 @@ const o = class {
   render() {
     const {shouldShow: t, displayedMessage: s} = this;
     return e(i, {
-      key: "7bcf2e8d9cb391ea43664b9cf01ec6d474a1743e"
+      key: "e32fc9201354f10456368f47c0a7b6e50fd3eeb2"
     }, t ? e("time", {
       dateTime: s
     }, s) : null);

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

@@ -1,8 +1,8 @@
-import { r as t, c as e, h as i, g as n } from "./index-Cqkz7Bnm.js";
+import { r as t, c as i, h as e, g as n } from "./index-Cqkz7Bnm.js";
 const o = class {
-  constructor(i) {
-    t(this, i), this.tctResize = e(this, "tctResize", 7), this.observedElements = [],
+  constructor(e) {
+    t(this, e), this.tctResize = i(this, "tctResize", 7), this.observedElements = [],
     // #endregion
     // #region Local Methods
     this.handleSlotChange = () => {
@@ -35,21 +35,21 @@ const o = class {
     t ? this.stopObserver() : this.startObserver();
   }
   startObserver() {
-    var t, e, i;
+    var t, i, e;
     const n = this.hostElement.shadowRoot.querySelector("slot");
     if (null === n) return;
-    const o = null !== (e = null === (t = n.assignedElements) || void 0 === t ? void 0 : t.call(n, {
+    const o = null !== (i = null === (t = n.assignedElements) || void 0 === t ? void 0 : t.call(n, {
       flatten: !0
-    })) && void 0 !== e ? e : [];
+    })) && void 0 !== i ? i : [];
     // Unwatch previous elements
-        null === (i = this.observedElements) || void 0 === i || i.forEach((t => {
-      var e;
-      return null === (e = this.resizeObserver) || void 0 === e ? void 0 : e.unobserve(t);
+        null === (e = this.observedElements) || void 0 === e || e.forEach((t => {
+      var i;
+      return null === (i = this.resizeObserver) || void 0 === i ? void 0 : i.unobserve(t);
     })), this.observedElements = [],
     // Watch new elements
     o.forEach((t => {
-      var e;
-      null === (e = this.resizeObserver) || void 0 === e || e.observe(t), this.observedElements.push(t);
+      var i;
+      null === (i = this.resizeObserver) || void 0 === i || i.observe(t), this.observedElements.push(t);
     }));
   }
   stopObserver() {
@@ -59,8 +59,8 @@ const o = class {
   // #endregion
   // #region Render Methods
   render() {
-    return i("slot", {
-      key: "f5cc2cee6e979f047d3854d243ec3560ae5cb35d",
+    return e("slot", {
+      key: "78ea06c9c3963fe4fe145d66c42b546432d10e95",
       onSlotchange: this.handleSlotChange
     });
   }

package/dist/q2-tecton-elements/q2-search.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, F as s, g as o } from "./index-Cqkz7Bnm.js";
-import { o as n, i as r, w as l, l as a } from "./index-DJw6Feh0.js";
+import { o as n, i as r, w as a, l } from "./index-CP8pXJ-l.js";
 const h = class {
   constructor(e) {
@@ -30,7 +30,7 @@ const h = class {
     /**
          * Hides the field's `<label>` element from view.
          * @warning
-         * Only use when a visible label is impractical.
+         * Hides the label visually. `label` text is still required for screenreader compliance.
          */
     this.hideLabel = !1,
     /**
@@ -144,8 +144,8 @@ const h = class {
       var t, i, e, s;
       const o = this.hostElement.shadowRoot;
       if (!o) return;
-      const n = o.querySelector('slot[name="popover-top"]'), r = o.querySelector('slot[name="popover-bottom"]'), l = o.querySelector('slot[name="empty"]'), a = (null !== (t = null == n ? void 0 : n.assignedNodes().length) && void 0 !== t ? t : 0) > 0, h = (null !== (i = null == r ? void 0 : r.assignedNodes().length) && void 0 !== i ? i : 0) > 0, c = (null !== (e = null == l ? void 0 : l.assignedNodes().length) && void 0 !== e ? e : 0) > 0, d = this.optionElements.length > 0;
-      this.hasPopoverTop !== a && (this.hasPopoverTop = a), this.hasPopoverBottom !== h && (this.hasPopoverBottom = h),
+      const n = o.querySelector('slot[name="popover-top"]'), r = o.querySelector('slot[name="popover-bottom"]'), a = o.querySelector('slot[name="empty"]'), l = (null !== (t = null == n ? void 0 : n.assignedNodes().length) && void 0 !== t ? t : 0) > 0, h = (null !== (i = null == r ? void 0 : r.assignedNodes().length) && void 0 !== i ? i : 0) > 0, c = (null !== (e = null == a ? void 0 : a.assignedNodes().length) && void 0 !== e ? e : 0) > 0, d = this.optionElements.length > 0;
+      this.hasPopoverTop !== l && (this.hasPopoverTop = l), this.hasPopoverBottom !== h && (this.hasPopoverBottom = h),
       this.hasEmptySlot !== c && (this.hasEmptySlot = c), this.hasOptions !== d && (this.hasOptions = d),
       // If input-only mode just turned on while popover was open, close it.
       this.open && this.isInputOnlyMode && this.closeDropdown(), this.checkSelectedOptions(),
@@ -246,13 +246,13 @@ const h = class {
      * @testOnly
      */
   async closePopover() {
-    this.closeDropdown(), await l();
+    this.closeDropdown(), await a();
   }
   /**
      * Opens the popover.
      * @testOnly
      */  async openPopover() {
-    this.openDropdown(), await l();
+    this.openDropdown(), await a();
   }
   /**
      * Resets the search to its initial state: clears the input, the
@@ -288,14 +288,14 @@ const h = class {
     this.open || await this.openPopover(), e.forEach((t => {
       var i;
       null === (i = this.optionElements.find((i => i.value === t))) || void 0 === i || i.click();
-    })), i.closePopover && (await this.closePopover(), await l());
+    })), i.closePopover && (await this.closePopover(), await a());
   }
   // #endregion
   // #region Watchers
   onLoadingChange(t) {
     // When loading turns on with the input focused but the popover was closed (because
     // input-only mode was active), open the popover so the spinner is visible.
-    t && this.inputFocused && !this.open && this.openDropdown(), t ? this.setStatusMessage(a("tecton.element.search.loading")) : this.open && this.announceResults();
+    t && this.inputFocused && !this.open && this.openDropdown(), t ? this.setStatusMessage(l("tecton.element.search.loading")) : this.open && this.announceResults();
   }
   onMultilineOptionsChange() {
     this.applyMultilineOptions();
@@ -384,7 +384,7 @@ const h = class {
     this.inputFocused && t.push("is-focused"), t.join(" ");
   }
   announceResults() {
-    const t = this.visibleOptionElements.length, i = 0 === t ? a("tecton.element.search.noResults") : a("tecton.element.search.results", [ t ]);
+    const t = this.visibleOptionElements.length, i = 0 === t ? l("tecton.element.search.noResults") : l("tecton.element.search.results", [ t ]);
     this.setStatusMessage(i);
   }
   applyLocalFilter() {
@@ -402,12 +402,12 @@ const h = class {
   }
   checkSelectedDisplay() {
     var t;
-    const {multilineOptions: i, isShowingSelectionDisplay: e, value: s, multiple: o, selectedOptions: n, firstSelectedOptionElement: r} = this, l = o ? !(null == n ? void 0 : n.length) : !s;
-    if (!i || !e || l) return this.clearSelectedDisplay();
+    const {multilineOptions: i, isShowingSelectionDisplay: e, value: s, multiple: o, selectedOptions: n, firstSelectedOptionElement: r} = this, a = o ? !(null == n ? void 0 : n.length) : !s;
+    if (!i || !e || a) return this.clearSelectedDisplay();
     if (!r || r.display) return this.clearSelectedDisplay();
-    const a = r.firstElementChild;
-    if (!a) return this.clearSelectedDisplay();
-    const h = a.cloneNode(!0);
+    const l = r.firstElementChild;
+    if (!l) return this.clearSelectedDisplay();
+    const h = l.cloneNode(!0);
     h.querySelectorAll("[hide-on-select]").forEach((t => t.remove()));
     let c = this.selectedDisplaySlot;
     return c ? (null === (t = c.firstElementChild) || void 0 === t ? void 0 : t.outerHTML) !== h.outerHTML && c.replaceChildren(h) : (c = document.createElement("div"),
@@ -446,7 +446,7 @@ const h = class {
   }
   optionDisplayText(t, i = "") {
     var e, s;
-    return (null == t ? void 0 : t.display) ? a(t.display) : this.multilineOptions ? "" : null !== (s = null === (e = null == t ? void 0 : t.textContent) || void 0 === e ? void 0 : e.trim()) && void 0 !== s ? s : i;
+    return (null == t ? void 0 : t.display) ? l(t.display) : this.multilineOptions ? "" : null !== (s = null === (e = null == t ? void 0 : t.textContent) || void 0 === e ? void 0 : e.trim()) && void 0 !== s ? s : i;
   }
   revertToSelectedDisplay() {
     var t, i, e;
@@ -469,7 +469,7 @@ const h = class {
     const s = this.optionElements.find((t => t.value === this.value));
     // Same guard: don't clobber an in-progress query when the matching option isn't in the DOM.
         if (!s) return;
-    const o = s.display ? a(s.display) : this.multilineOptions ? "" : null !== (e = null === (i = s.textContent) || void 0 === i ? void 0 : i.trim()) && void 0 !== e ? e : "";
+    const o = s.display ? l(s.display) : this.multilineOptions ? "" : null !== (e = null === (i = s.textContent) || void 0 === i ? void 0 : i.trim()) && void 0 !== e ? e : "";
     this.isShowingSelectionDisplay = !0, this.searchText !== o ? this.searchText = o : this.checkSelectedDisplay();
   }
   setCustomLabel() {
@@ -504,7 +504,7 @@ const h = class {
       name: "empty"
     }) : e("div", {
       class: "no-results"
-    }, a(this.noResultsMessage));
+    }, l(this.noResultsMessage));
   }
   renderMultiSelectHeader() {
     var t, i;
@@ -513,19 +513,19 @@ const h = class {
     return e("div", {
       class: "multi-select-header"
     }, e("fieldset", null, e("legend", {
-      "aria-label": a("tecton.element.search.multiHeader.showing")
-    }, a("tecton.element.search.multiHeader.showing")), e("div", null, e("input", {
+      "aria-label": l("tecton.element.search.multiHeader.showing")
+    }, l("tecton.element.search.multiHeader.showing")), e("div", null, e("input", {
       class: "sr",
       type: "radio",
       id: `${this.optionListId}-results`,
       name: `${this.optionListId}-view`,
       value: "results",
       checked: !n,
-      "aria-label": a("tecton.element.search.multiHeader.resultsAriaLabel", [ o ]),
+      "aria-label": l("tecton.element.search.multiHeader.resultsAriaLabel", [ o ]),
       onClick: this.showAllOptions
     }), e("label", {
       htmlFor: `${this.optionListId}-results`
-    }, a("tecton.element.search.multiHeader.results", [ o ]))), e("div", null, e("input", {
+    }, l("tecton.element.search.multiHeader.results", [ o ]))), e("div", null, e("input", {
       class: "sr",
       type: "radio",
       id: `${this.optionListId}-selected`,
@@ -533,11 +533,11 @@ const h = class {
       value: "selected",
       disabled: 0 === s,
       checked: n,
-      "aria-label": a("tecton.element.search.multiHeader.selectedAriaLabel", [ s ]),
+      "aria-label": l("tecton.element.search.multiHeader.selectedAriaLabel", [ s ]),
       onClick: this.showSelectedOptions
     }), e("label", {
       htmlFor: `${this.optionListId}-selected`
-    }, a("tecton.element.search.multiHeader.selected", [ s ])))));
+    }, l("tecton.element.search.multiHeader.selected", [ s ])))));
   }
   renderOptionsDropdown() {
     var t;
@@ -578,7 +578,7 @@ const h = class {
       ref: t => this.optionList = t,
       type: "listbox",
       id: this.optionListId,
-      label: a(this.listLabel),
+      label: l(this.listLabel),
       multiple: this.multiple,
       selectedOptions: this.structuredSelectedOptions,
       showSelected: this.showSelected,
@@ -601,32 +601,32 @@ const h = class {
   }
   render() {
     return e(s, {
-      key: "78ce7b735d59271600debb18ab2f0f5cf315e465"
+      key: "4b3787554c37521bc3467345cdd1d733cffba3a5"
     }, e("div", {
-      key: "d3e9a713581842cc62969a0df9556733edf6e378",
+      key: "696caa142cffecf1e0d62afafd826dce37f75512",
       "aria-live": "polite",
       "aria-atomic": "true",
       role: "status",
       class: "sr"
     }, this.statusMessage), e("click-elsewhere", {
-      key: "6912af1d8f31af8de7c7ffb28786756819c57afc",
+      key: "f8b493ec8f7da09fad48f9fa30f0e9be7fbaedf4",
       class: this.wrapperClasses,
       role: "presentation",
       onChange: this.onClickElsewhere
     }, e("q2-input", {
-      key: "95a5397765aab6d3279b3d81cc31215f235aefc2",
+      key: "44e0ad4b7825ac319dd4277ccb93d4dd66acef12",
       ref: t => this.inputField = t,
       class: "q2-search-input",
-      label: this.label && a(this.label) || "",
+      label: this.label && l(this.label) || "",
       value: this.searchText,
       iconLeft: "search",
       clearable: this.clearable && !this.loading && !!this.searchText,
       disabled: this.disabled,
       optional: this.optional,
       readonly: !!this.readonly,
-      placeholder: this.placeholder ? a(this.placeholder) : void 0,
+      placeholder: this.placeholder ? l(this.placeholder) : void 0,
       hideLabel: this.hideLabel,
-      errors: Array.isArray(this.errors) && this.errors.length > 0 && this.errors.map((t => a(t))) || this.invalid && [ "tecton.element.search.invalid" ] || [],
+      errors: Array.isArray(this.errors) && this.errors.length > 0 && this.errors.map((t => l(t))) || this.invalid && [ "tecton.element.search.invalid" ] || [],
       ariaExpanded: this.isInputOnlyMode ? void 0 : `${this.open}`,
       ariaControls: this.isInputOnlyMode ? void 0 : this.optionListId,
       ariaHaspopup: this.isInputOnlyMode ? void 0 : "listbox",