@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.0 → 0.0.0-pr1554.10

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 (45) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +123 -43
  7. package/components/combobox/demo/getting-started.min.js +123 -43
  8. package/components/combobox/demo/index.min.js +123 -43
  9. package/components/combobox/dist/index.js +123 -43
  10. package/components/combobox/dist/registered.js +123 -43
  11. package/components/counter/demo/customize.min.js +47 -6
  12. package/components/counter/demo/index.min.js +47 -6
  13. package/components/counter/dist/index.js +47 -6
  14. package/components/counter/dist/registered.js +47 -6
  15. package/components/datepicker/demo/customize.min.js +85 -16
  16. package/components/datepicker/demo/index.min.js +85 -16
  17. package/components/datepicker/dist/index.js +85 -16
  18. package/components/datepicker/dist/registered.js +85 -16
  19. package/components/dropdown/demo/customize.min.js +46 -5
  20. package/components/dropdown/demo/getting-started.min.js +46 -5
  21. package/components/dropdown/demo/index.min.js +46 -5
  22. package/components/dropdown/dist/auro-dropdown.d.ts +8 -1
  23. package/components/dropdown/dist/index.js +46 -5
  24. package/components/dropdown/dist/registered.js +46 -5
  25. package/components/form/demo/customize.min.js +342 -83
  26. package/components/form/demo/getting-started.min.js +342 -83
  27. package/components/form/demo/index.min.js +342 -83
  28. package/components/form/demo/registerDemoDeps.min.js +342 -83
  29. package/components/input/demo/customize.min.js +38 -10
  30. package/components/input/demo/getting-started.min.js +38 -10
  31. package/components/input/demo/index.min.js +38 -10
  32. package/components/input/dist/index.js +38 -10
  33. package/components/input/dist/registered.js +38 -10
  34. package/components/radio/demo/customize.min.js +1 -1
  35. package/components/radio/demo/getting-started.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/dist/index.js +1 -1
  38. package/components/radio/dist/registered.js +1 -1
  39. package/components/select/demo/customize.min.js +47 -6
  40. package/components/select/demo/getting-started.min.js +47 -6
  41. package/components/select/demo/index.min.js +47 -6
  42. package/components/select/dist/index.js +47 -6
  43. package/components/select/dist/registered.js +47 -6
  44. package/custom-elements.json +1783 -1777
  45. package/package.json +1 -1
@@ -10659,9 +10659,10 @@ let DomHandler$3 = class DomHandler {
10659
10659
  let BaseInput$2 = class BaseInput extends AuroElement$6 {
10660
10660
 
10661
10661
  // Delegate focus to the native <input> inside the shadow root so that
10662
- // showModal()'s dialog focusing steps reach the input element.
10663
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
10664
- // opens, because the browser sees an input-to-input focus transfer.
10662
+ // clicking anywhere on the input wrapper focuses the native input, and
10663
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
10664
+ // The initial-load focus theft was caused by the static `autofocus`
10665
+ // attribute on the bib input (now conditional), not by delegatesFocus.
10665
10666
  static get shadowRootOptions() {
10666
10667
  return {
10667
10668
  ...AuroElement$6.shadowRootOptions,
@@ -12338,7 +12339,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12338
12339
  }
12339
12340
  };
12340
12341
 
12341
- var formkitVersion$8 = '202607152158';
12342
+ var formkitVersion$8 = '202607160655';
12342
12343
 
12343
12344
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12344
12345
  // See LICENSE in the project root for license information.
@@ -12624,18 +12625,45 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
12624
12625
  * @returns {void}
12625
12626
  */
12626
12627
  checkDisplayValueSlotChange() {
12627
- // flatten:true resolves through auro-combobox's forwarding slot
12628
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
12629
- // directly to auro-input's light DOM alongside the forwarder still
12630
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
12631
- // discarded any siblings past the forwarder.
12632
12628
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
12633
12629
  if (!slot) {
12630
+ // Shadow slot not yet rendered — fall back to checking light-DOM
12631
+ // children so hasDisplayValueContent isn't stuck false when called
12632
+ // before firstUpdated (e.g. from auro-combobox during mount).
12633
+ // Check for any element (including custom elements like <auro-icon>
12634
+ // that render via shadow DOM with no text content).
12635
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
12636
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
12637
+ lightDomContent.textContent.trim().length > 0 ||
12638
+ lightDomContent.children.length > 0 ||
12639
+ lightDomContent.shadowRoot !== null
12640
+ ));
12641
+ this.requestUpdate();
12634
12642
  return;
12635
12643
  }
12636
12644
  const nodes = slot.assignedNodes({ flatten: true });
12637
12645
 
12638
- this.hasDisplayValueContent = nodes.length > 0;
12646
+ // Check for actual visible content, not just node existence.
12647
+ // An empty <span slot="displayValue"></span> forwarded from the
12648
+ // consumer should not be treated as "has content" — it causes the
12649
+ // displayValue wrapper to render (with hasContent class) but show
12650
+ // nothing, blocking the combobox's synthetic displayValue from
12651
+ // being visible on preset/deeplink load.
12652
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
12653
+ // treated as content even when they have no text or light-DOM children.
12654
+ this.hasDisplayValueContent = nodes.some((node) => {
12655
+ if (node.nodeType === Node.TEXT_NODE) {
12656
+ return node.textContent.trim().length > 0;
12657
+ }
12658
+ if (node.nodeType === Node.ELEMENT_NODE) {
12659
+ return node.textContent.trim().length > 0 ||
12660
+ node.children.length > 0 ||
12661
+ node.shadowRoot !== null;
12662
+ }
12663
+ return false;
12664
+ });
12665
+
12666
+ this.requestUpdate();
12639
12667
  }
12640
12668
 
12641
12669
  firstUpdated() {
@@ -26738,7 +26766,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26738
26766
  }
26739
26767
  };
26740
26768
 
26741
- var formkitVersion$2$1 = '202607152158';
26769
+ var formkitVersion$2$1 = '202607160655';
26742
26770
 
26743
26771
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26744
26772
  `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -32466,7 +32494,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32466
32494
  }
32467
32495
  };
32468
32496
 
32469
- var formkitVersion$1$3 = '202607152158';
32497
+ var formkitVersion$1$3 = '202607160655';
32470
32498
 
32471
32499
  let AuroElement$2$2 = class AuroElement extends i$2 {
32472
32500
  static get properties() {
@@ -32595,7 +32623,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
32595
32623
  static get shadowRootOptions() {
32596
32624
  return {
32597
32625
  ...AuroElement$2$2.shadowRootOptions,
32598
- delegatesFocus: true,
32599
32626
  };
32600
32627
  }
32601
32628
 
@@ -32762,7 +32789,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
32762
32789
  focusables[0].focus();
32763
32790
  }
32764
32791
  } else {
32792
+ this.focusTrigger();
32793
+ }
32794
+ }
32795
+
32796
+ /**
32797
+ * Focus the trigger content. When the trigger wrapper itself is focusable
32798
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
32799
+ * element slotted into the trigger slot (e.g. the auro-input).
32800
+ * @private
32801
+ */
32802
+ focusTrigger() {
32803
+ if (this.trigger.hasAttribute('tabindex')) {
32765
32804
  this.trigger.focus();
32805
+ } else {
32806
+ // Slotted content isn't a DOM child of the trigger div, so
32807
+ // getFocusableElements can't find it. Query assigned nodes directly.
32808
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
32809
+ if (slot) {
32810
+ const assigned = slot.assignedElements();
32811
+ for (const el of assigned) {
32812
+ if (el.hasAttribute('disabled')) {
32813
+ continue;
32814
+ }
32815
+ // Try finding a focusable descendant first (handles non-focusable
32816
+ // wrappers like <div> containing a <button>). If none found, try
32817
+ // focusing the element directly (works for custom elements like
32818
+ // auro-input that have delegatesFocus or a custom focus() method).
32819
+ const descendants = getFocusableElements$4(el);
32820
+ if (descendants.length > 0) {
32821
+ descendants[0].focus();
32822
+ return;
32823
+ }
32824
+ el.focus();
32825
+ return;
32826
+ }
32827
+ }
32828
+ // Fallback: try DOM children (non-slotted content)
32829
+ const focusables = getFocusableElements$4(this.trigger);
32830
+ if (focusables.length > 0) {
32831
+ focusables[0].focus();
32832
+ }
32766
32833
  }
32767
32834
  }
32768
32835
 
@@ -33216,14 +33283,16 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33216
33283
 
33217
33284
  const eventType = event.detail.eventType || "unknown";
33218
33285
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
33219
- this.trigger.focus();
33286
+ this.focusTrigger();
33220
33287
  }
33221
33288
 
33222
33289
 
33223
33290
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
33224
33291
  // — restoring to the trigger would trap the user on this dropdown, forcing
33225
33292
  // an extra Tab to move on. Escape and outside-click still restore.
33226
- if (!this.isPopoverVisible && eventType !== "focusloss") {
33293
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
33294
+ // its own focus restoration — skip the generic trigger focus to avoid races.
33295
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
33227
33296
  // wait til the bib gets fully closed and rendered
33228
33297
  setTimeout(() => {
33229
33298
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -33235,7 +33304,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33235
33304
  return;
33236
33305
  }
33237
33306
  // Restore focus to the trigger.
33238
- this.trigger.focus();
33307
+ this.focusTrigger();
33239
33308
  });
33240
33309
  }
33241
33310
  }
@@ -44409,9 +44478,10 @@ let DomHandler$2 = class DomHandler {
44409
44478
  let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44410
44479
 
44411
44480
  // Delegate focus to the native <input> inside the shadow root so that
44412
- // showModal()'s dialog focusing steps reach the input element.
44413
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
44414
- // opens, because the browser sees an input-to-input focus transfer.
44481
+ // clicking anywhere on the input wrapper focuses the native input, and
44482
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
44483
+ // The initial-load focus theft was caused by the static `autofocus`
44484
+ // attribute on the bib input (now conditional), not by delegatesFocus.
44415
44485
  static get shadowRootOptions() {
44416
44486
  return {
44417
44487
  ...AuroElement$1$3.shadowRootOptions,
@@ -46088,7 +46158,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46088
46158
  }
46089
46159
  };
46090
46160
 
46091
- var formkitVersion$7 = '202607152158';
46161
+ var formkitVersion$7 = '202607160655';
46092
46162
 
46093
46163
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
46094
46164
  // See LICENSE in the project root for license information.
@@ -46374,18 +46444,45 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46374
46444
  * @returns {void}
46375
46445
  */
46376
46446
  checkDisplayValueSlotChange() {
46377
- // flatten:true resolves through auro-combobox's forwarding slot
46378
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
46379
- // directly to auro-input's light DOM alongside the forwarder still
46380
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
46381
- // discarded any siblings past the forwarder.
46382
46447
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
46383
46448
  if (!slot) {
46449
+ // Shadow slot not yet rendered — fall back to checking light-DOM
46450
+ // children so hasDisplayValueContent isn't stuck false when called
46451
+ // before firstUpdated (e.g. from auro-combobox during mount).
46452
+ // Check for any element (including custom elements like <auro-icon>
46453
+ // that render via shadow DOM with no text content).
46454
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
46455
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
46456
+ lightDomContent.textContent.trim().length > 0 ||
46457
+ lightDomContent.children.length > 0 ||
46458
+ lightDomContent.shadowRoot !== null
46459
+ ));
46460
+ this.requestUpdate();
46384
46461
  return;
46385
46462
  }
46386
46463
  const nodes = slot.assignedNodes({ flatten: true });
46387
46464
 
46388
- this.hasDisplayValueContent = nodes.length > 0;
46465
+ // Check for actual visible content, not just node existence.
46466
+ // An empty <span slot="displayValue"></span> forwarded from the
46467
+ // consumer should not be treated as "has content" — it causes the
46468
+ // displayValue wrapper to render (with hasContent class) but show
46469
+ // nothing, blocking the combobox's synthetic displayValue from
46470
+ // being visible on preset/deeplink load.
46471
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
46472
+ // treated as content even when they have no text or light-DOM children.
46473
+ this.hasDisplayValueContent = nodes.some((node) => {
46474
+ if (node.nodeType === Node.TEXT_NODE) {
46475
+ return node.textContent.trim().length > 0;
46476
+ }
46477
+ if (node.nodeType === Node.ELEMENT_NODE) {
46478
+ return node.textContent.trim().length > 0 ||
46479
+ node.children.length > 0 ||
46480
+ node.shadowRoot !== null;
46481
+ }
46482
+ return false;
46483
+ });
46484
+
46485
+ this.requestUpdate();
46389
46486
  }
46390
46487
 
46391
46488
  firstUpdated() {
@@ -51032,7 +51129,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51032
51129
  }
51033
51130
  };
51034
51131
 
51035
- var formkitVersion$1$2 = '202607152158';
51132
+ var formkitVersion$1$2 = '202607160655';
51036
51133
 
51037
51134
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51038
51135
  // See LICENSE in the project root for license information.
@@ -55180,7 +55277,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55180
55277
  }
55181
55278
  };
55182
55279
 
55183
- var formkitVersion$6 = '202607152158';
55280
+ var formkitVersion$6 = '202607160655';
55184
55281
 
55185
55282
  let AuroElement$1$2 = class AuroElement extends i$2 {
55186
55283
  static get properties() {
@@ -55309,7 +55406,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55309
55406
  static get shadowRootOptions() {
55310
55407
  return {
55311
55408
  ...AuroElement$1$2.shadowRootOptions,
55312
- delegatesFocus: true,
55313
55409
  };
55314
55410
  }
55315
55411
 
@@ -55476,7 +55572,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55476
55572
  focusables[0].focus();
55477
55573
  }
55478
55574
  } else {
55575
+ this.focusTrigger();
55576
+ }
55577
+ }
55578
+
55579
+ /**
55580
+ * Focus the trigger content. When the trigger wrapper itself is focusable
55581
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
55582
+ * element slotted into the trigger slot (e.g. the auro-input).
55583
+ * @private
55584
+ */
55585
+ focusTrigger() {
55586
+ if (this.trigger.hasAttribute('tabindex')) {
55479
55587
  this.trigger.focus();
55588
+ } else {
55589
+ // Slotted content isn't a DOM child of the trigger div, so
55590
+ // getFocusableElements can't find it. Query assigned nodes directly.
55591
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
55592
+ if (slot) {
55593
+ const assigned = slot.assignedElements();
55594
+ for (const el of assigned) {
55595
+ if (el.hasAttribute('disabled')) {
55596
+ continue;
55597
+ }
55598
+ // Try finding a focusable descendant first (handles non-focusable
55599
+ // wrappers like <div> containing a <button>). If none found, try
55600
+ // focusing the element directly (works for custom elements like
55601
+ // auro-input that have delegatesFocus or a custom focus() method).
55602
+ const descendants = getFocusableElements$3(el);
55603
+ if (descendants.length > 0) {
55604
+ descendants[0].focus();
55605
+ return;
55606
+ }
55607
+ el.focus();
55608
+ return;
55609
+ }
55610
+ }
55611
+ // Fallback: try DOM children (non-slotted content)
55612
+ const focusables = getFocusableElements$3(this.trigger);
55613
+ if (focusables.length > 0) {
55614
+ focusables[0].focus();
55615
+ }
55480
55616
  }
55481
55617
  }
55482
55618
 
@@ -55930,14 +56066,16 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55930
56066
 
55931
56067
  const eventType = event.detail.eventType || "unknown";
55932
56068
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
55933
- this.trigger.focus();
56069
+ this.focusTrigger();
55934
56070
  }
55935
56071
 
55936
56072
 
55937
56073
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
55938
56074
  // — restoring to the trigger would trap the user on this dropdown, forcing
55939
56075
  // an extra Tab to move on. Escape and outside-click still restore.
55940
- if (!this.isPopoverVisible && eventType !== "focusloss") {
56076
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
56077
+ // its own focus restoration — skip the generic trigger focus to avoid races.
56078
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
55941
56079
  // wait til the bib gets fully closed and rendered
55942
56080
  setTimeout(() => {
55943
56081
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -55949,7 +56087,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55949
56087
  return;
55950
56088
  }
55951
56089
  // Restore focus to the trigger.
55952
- this.trigger.focus();
56090
+ this.focusTrigger();
55953
56091
  });
55954
56092
  }
55955
56093
  }
@@ -59177,7 +59315,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59177
59315
  }
59178
59316
  };
59179
59317
 
59180
- var formkitVersion$5 = '202607152158';
59318
+ var formkitVersion$5 = '202607160655';
59181
59319
 
59182
59320
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59183
59321
  // See LICENSE in the project root for license information.
@@ -60942,7 +61080,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
60942
61080
  }
60943
61081
  };
60944
61082
 
60945
- var formkitVersion$4 = '202607152158';
61083
+ var formkitVersion$4 = '202607160655';
60946
61084
 
60947
61085
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
60948
61086
  // See LICENSE in the project root for license information.
@@ -66255,7 +66393,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66255
66393
  }
66256
66394
  };
66257
66395
 
66258
- var formkitVersion$2 = '202607152158';
66396
+ var formkitVersion$2 = '202607160655';
66259
66397
 
66260
66398
  let AuroElement$2$1 = class AuroElement extends i$2 {
66261
66399
  static get properties() {
@@ -66384,7 +66522,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
66384
66522
  static get shadowRootOptions() {
66385
66523
  return {
66386
66524
  ...AuroElement$2$1.shadowRootOptions,
66387
- delegatesFocus: true,
66388
66525
  };
66389
66526
  }
66390
66527
 
@@ -66551,7 +66688,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
66551
66688
  focusables[0].focus();
66552
66689
  }
66553
66690
  } else {
66691
+ this.focusTrigger();
66692
+ }
66693
+ }
66694
+
66695
+ /**
66696
+ * Focus the trigger content. When the trigger wrapper itself is focusable
66697
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
66698
+ * element slotted into the trigger slot (e.g. the auro-input).
66699
+ * @private
66700
+ */
66701
+ focusTrigger() {
66702
+ if (this.trigger.hasAttribute('tabindex')) {
66554
66703
  this.trigger.focus();
66704
+ } else {
66705
+ // Slotted content isn't a DOM child of the trigger div, so
66706
+ // getFocusableElements can't find it. Query assigned nodes directly.
66707
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
66708
+ if (slot) {
66709
+ const assigned = slot.assignedElements();
66710
+ for (const el of assigned) {
66711
+ if (el.hasAttribute('disabled')) {
66712
+ continue;
66713
+ }
66714
+ // Try finding a focusable descendant first (handles non-focusable
66715
+ // wrappers like <div> containing a <button>). If none found, try
66716
+ // focusing the element directly (works for custom elements like
66717
+ // auro-input that have delegatesFocus or a custom focus() method).
66718
+ const descendants = getFocusableElements$2(el);
66719
+ if (descendants.length > 0) {
66720
+ descendants[0].focus();
66721
+ return;
66722
+ }
66723
+ el.focus();
66724
+ return;
66725
+ }
66726
+ }
66727
+ // Fallback: try DOM children (non-slotted content)
66728
+ const focusables = getFocusableElements$2(this.trigger);
66729
+ if (focusables.length > 0) {
66730
+ focusables[0].focus();
66731
+ }
66555
66732
  }
66556
66733
  }
66557
66734
 
@@ -67005,14 +67182,16 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67005
67182
 
67006
67183
  const eventType = event.detail.eventType || "unknown";
67007
67184
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
67008
- this.trigger.focus();
67185
+ this.focusTrigger();
67009
67186
  }
67010
67187
 
67011
67188
 
67012
67189
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
67013
67190
  // — restoring to the trigger would trap the user on this dropdown, forcing
67014
67191
  // an extra Tab to move on. Escape and outside-click still restore.
67015
- if (!this.isPopoverVisible && eventType !== "focusloss") {
67192
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
67193
+ // its own focus restoration — skip the generic trigger focus to avoid races.
67194
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
67016
67195
  // wait til the bib gets fully closed and rendered
67017
67196
  setTimeout(() => {
67018
67197
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -67024,7 +67203,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67024
67203
  return;
67025
67204
  }
67026
67205
  // Restore focus to the trigger.
67027
- this.trigger.focus();
67206
+ this.focusTrigger();
67028
67207
  });
67029
67208
  }
67030
67209
  }
@@ -78198,9 +78377,10 @@ class DomHandler {
78198
78377
  class BaseInput extends AuroElement$1$1 {
78199
78378
 
78200
78379
  // Delegate focus to the native <input> inside the shadow root so that
78201
- // showModal()'s dialog focusing steps reach the input element.
78202
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
78203
- // opens, because the browser sees an input-to-input focus transfer.
78380
+ // clicking anywhere on the input wrapper focuses the native input, and
78381
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
78382
+ // The initial-load focus theft was caused by the static `autofocus`
78383
+ // attribute on the bib input (now conditional), not by delegatesFocus.
78204
78384
  static get shadowRootOptions() {
78205
78385
  return {
78206
78386
  ...AuroElement$1$1.shadowRootOptions,
@@ -79877,7 +80057,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
79877
80057
  }
79878
80058
  };
79879
80059
 
79880
- var formkitVersion$1$1 = '202607152158';
80060
+ var formkitVersion$1$1 = '202607160655';
79881
80061
 
79882
80062
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
79883
80063
  // See LICENSE in the project root for license information.
@@ -80163,18 +80343,45 @@ class AuroInput extends BaseInput {
80163
80343
  * @returns {void}
80164
80344
  */
80165
80345
  checkDisplayValueSlotChange() {
80166
- // flatten:true resolves through auro-combobox's forwarding slot
80167
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
80168
- // directly to auro-input's light DOM alongside the forwarder still
80169
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
80170
- // discarded any siblings past the forwarder.
80171
80346
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
80172
80347
  if (!slot) {
80348
+ // Shadow slot not yet rendered — fall back to checking light-DOM
80349
+ // children so hasDisplayValueContent isn't stuck false when called
80350
+ // before firstUpdated (e.g. from auro-combobox during mount).
80351
+ // Check for any element (including custom elements like <auro-icon>
80352
+ // that render via shadow DOM with no text content).
80353
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
80354
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
80355
+ lightDomContent.textContent.trim().length > 0 ||
80356
+ lightDomContent.children.length > 0 ||
80357
+ lightDomContent.shadowRoot !== null
80358
+ ));
80359
+ this.requestUpdate();
80173
80360
  return;
80174
80361
  }
80175
80362
  const nodes = slot.assignedNodes({ flatten: true });
80176
80363
 
80177
- this.hasDisplayValueContent = nodes.length > 0;
80364
+ // Check for actual visible content, not just node existence.
80365
+ // An empty <span slot="displayValue"></span> forwarded from the
80366
+ // consumer should not be treated as "has content" — it causes the
80367
+ // displayValue wrapper to render (with hasContent class) but show
80368
+ // nothing, blocking the combobox's synthetic displayValue from
80369
+ // being visible on preset/deeplink load.
80370
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
80371
+ // treated as content even when they have no text or light-DOM children.
80372
+ this.hasDisplayValueContent = nodes.some((node) => {
80373
+ if (node.nodeType === Node.TEXT_NODE) {
80374
+ return node.textContent.trim().length > 0;
80375
+ }
80376
+ if (node.nodeType === Node.ELEMENT_NODE) {
80377
+ return node.textContent.trim().length > 0 ||
80378
+ node.children.length > 0 ||
80379
+ node.shadowRoot !== null;
80380
+ }
80381
+ return false;
80382
+ });
80383
+
80384
+ this.requestUpdate();
80178
80385
  }
80179
80386
 
80180
80387
  firstUpdated() {
@@ -81001,7 +81208,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81001
81208
  }
81002
81209
  };
81003
81210
 
81004
- var formkitVersion$3 = '202607152158';
81211
+ var formkitVersion$3 = '202607160655';
81005
81212
 
81006
81213
  var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
81007
81214
 
@@ -82053,6 +82260,14 @@ class AuroCombobox extends AuroElement$3 {
82053
82260
  // auroMenu-selectedOption event hasn't fired yet, or we're on remount
82054
82261
  // with no options loaded). Synthesize a displayValue from the value so
82055
82262
  // the overlay isn't blank.
82263
+ //
82264
+ // NOTE: This renders the raw machine value (e.g. "SEA"), not the
82265
+ // human-readable label (e.g. "Seattle, WA"). For consumers where
82266
+ // value ≠ label, this produces a brief flash of the raw value until
82267
+ // the option elements load and updateTriggerTextDisplay re-runs with
82268
+ // the correct label. This is intentionally preferred over a blank
82269
+ // state — the displayValueInTrigger.remove() cleanup above ensures
82270
+ // this placeholder is replaced once the real option is available.
82056
82271
  const syntheticDV = document.createElement('span');
82057
82272
  syntheticDV.setAttribute('slot', 'displayValue');
82058
82273
  syntheticDV.textContent = this.value;
@@ -82305,7 +82520,11 @@ class AuroCombobox extends AuroElement$3 {
82305
82520
  // after the dropdown layout settles.
82306
82521
 
82307
82522
  doubleRaf$1(() => {
82308
- this.setInputFocus();
82523
+ // Guard: skip if the dropdown closed before this rAF fired
82524
+ // (e.g. user selected an option immediately after the bib opened).
82525
+ if (this.dropdownOpen) {
82526
+ this.setInputFocus();
82527
+ }
82309
82528
  if (this._inFullscreenTransition) {
82310
82529
  this._inFullscreenTransition = false;
82311
82530
  }
@@ -82352,7 +82571,9 @@ class AuroCombobox extends AuroElement$3 {
82352
82571
  }
82353
82572
 
82354
82573
  this._scheduleTimer(() => {
82355
- this.setInputFocus();
82574
+ if (this.dropdown.isPopoverVisible) {
82575
+ this.setInputFocus();
82576
+ }
82356
82577
  }, 0);
82357
82578
  });
82358
82579
  }
@@ -82361,14 +82582,19 @@ class AuroCombobox extends AuroElement$3 {
82361
82582
  * @private
82362
82583
  */
82363
82584
  setClearBtnFocus() {
82364
- const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
82365
- if (clearBtn) {
82366
- // Wait for the element to fully render across
82367
- // multiple Lit update cycles before moving focus
82368
- doubleRaf$1(() => {
82585
+ doubleRaf$1(() => {
82586
+ // First establish focus inside the input's shadow root.
82587
+ // Without this, clearBtn.focus() silently fails when focus is on
82588
+ // document.body (e.g. after a click selection closes the bib dialog).
82589
+ // delegatesFocus on BaseInput routes this to the native <input>.
82590
+ this.input.focus();
82591
+
82592
+ // Now move focus to the clear button within the same shadow root.
82593
+ const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
82594
+ if (clearBtn) {
82369
82595
  clearBtn.focus();
82370
- });
82371
- }
82596
+ }
82597
+ });
82372
82598
  }
82373
82599
 
82374
82600
  /**
@@ -82579,6 +82805,9 @@ class AuroCombobox extends AuroElement$3 {
82579
82805
  // only — fresh user selections take the existing hideBib path.
82580
82806
  if (isEcho && this.menu.optionSelected) {
82581
82807
  this._programmaticFilterRefresh = true;
82808
+ this.updateComplete.then(() => {
82809
+ this._programmaticFilterRefresh = false;
82810
+ });
82582
82811
  }
82583
82812
  });
82584
82813
 
@@ -82809,15 +83038,6 @@ class AuroCombobox extends AuroElement$3 {
82809
83038
  * @returns {void}
82810
83039
  */
82811
83040
  handleTriggerInputValueChange(event) {
82812
- // Clear a stale _programmaticFilterRefresh when the user is genuinely
82813
- // interacting. On mount, updated('value') sets the flag, but the early
82814
- // return at `this.value === this.input.value` exits before clearing it.
82815
- // Without this, the first keystroke after mount fails to set _userTyped
82816
- // and the bib doesn't open.
82817
- if (this._programmaticFilterRefresh && this.componentHasFocus) {
82818
- this._programmaticFilterRefresh = false;
82819
- }
82820
-
82821
83041
  // 'input' fires for every user-initiated value change — typing, paste,
82822
83042
  // IME composition end, dead-key composition, drag-drop. Flip _userTyped
82823
83043
  // here so updated('availableOptions') auto-opens the bib for sources
@@ -82840,10 +83060,6 @@ class AuroCombobox extends AuroElement$3 {
82840
83060
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
82841
83061
  this.setInputFocus();
82842
83062
  }
82843
-
82844
- if (this._programmaticFilterRefresh) {
82845
- this._programmaticFilterRefresh = false;
82846
- }
82847
83063
  }
82848
83064
 
82849
83065
  /**
@@ -83042,6 +83258,12 @@ class AuroCombobox extends AuroElement$3 {
83042
83258
  // setting the flag unconditionally here masks the user-typed open path.
83043
83259
  if (!this._userTyped) {
83044
83260
  this._programmaticFilterRefresh = true;
83261
+ // Self-clear after this update cycle completes. This collapses
83262
+ // the previous scattered clear-points into one and prevents the
83263
+ // flag from surviving into the next user interaction.
83264
+ this.updateComplete.then(() => {
83265
+ this._programmaticFilterRefresh = false;
83266
+ });
83045
83267
  }
83046
83268
 
83047
83269
  if (this.input.value !== this.value) {
@@ -83131,10 +83353,6 @@ class AuroCombobox extends AuroElement$3 {
83131
83353
  } else if (!this.dropdown.isBibFullscreen) {
83132
83354
  this.hideBib();
83133
83355
  }
83134
-
83135
- if (this._programmaticFilterRefresh) {
83136
- this._programmaticFilterRefresh = false;
83137
- }
83138
83356
  }
83139
83357
 
83140
83358
  if (changedProperties.has('error')) {
@@ -83316,7 +83534,7 @@ class AuroCombobox extends AuroElement$3 {
83316
83534
  <slot @slotchange="${this.handleSlotChange}"></slot>
83317
83535
  <${this.inputTag}
83318
83536
  id="inputInBib"
83319
- autofocus
83537
+ ?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
83320
83538
  @input="${this.handleInputValueChange}"
83321
83539
  .a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
83322
83540
  .a11yControls=${`${this.dropdownId}-floater-bib`}
@@ -89847,7 +90065,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
89847
90065
  }
89848
90066
  };
89849
90067
 
89850
- var formkitVersion$1 = '202607152158';
90068
+ var formkitVersion$1 = '202607160655';
89851
90069
 
89852
90070
  class AuroElement extends i$2 {
89853
90071
  static get properties() {
@@ -89976,7 +90194,6 @@ class AuroDropdown extends AuroElement {
89976
90194
  static get shadowRootOptions() {
89977
90195
  return {
89978
90196
  ...AuroElement.shadowRootOptions,
89979
- delegatesFocus: true,
89980
90197
  };
89981
90198
  }
89982
90199
 
@@ -90143,7 +90360,47 @@ class AuroDropdown extends AuroElement {
90143
90360
  focusables[0].focus();
90144
90361
  }
90145
90362
  } else {
90363
+ this.focusTrigger();
90364
+ }
90365
+ }
90366
+
90367
+ /**
90368
+ * Focus the trigger content. When the trigger wrapper itself is focusable
90369
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
90370
+ * element slotted into the trigger slot (e.g. the auro-input).
90371
+ * @private
90372
+ */
90373
+ focusTrigger() {
90374
+ if (this.trigger.hasAttribute('tabindex')) {
90146
90375
  this.trigger.focus();
90376
+ } else {
90377
+ // Slotted content isn't a DOM child of the trigger div, so
90378
+ // getFocusableElements can't find it. Query assigned nodes directly.
90379
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
90380
+ if (slot) {
90381
+ const assigned = slot.assignedElements();
90382
+ for (const el of assigned) {
90383
+ if (el.hasAttribute('disabled')) {
90384
+ continue;
90385
+ }
90386
+ // Try finding a focusable descendant first (handles non-focusable
90387
+ // wrappers like <div> containing a <button>). If none found, try
90388
+ // focusing the element directly (works for custom elements like
90389
+ // auro-input that have delegatesFocus or a custom focus() method).
90390
+ const descendants = getFocusableElements(el);
90391
+ if (descendants.length > 0) {
90392
+ descendants[0].focus();
90393
+ return;
90394
+ }
90395
+ el.focus();
90396
+ return;
90397
+ }
90398
+ }
90399
+ // Fallback: try DOM children (non-slotted content)
90400
+ const focusables = getFocusableElements(this.trigger);
90401
+ if (focusables.length > 0) {
90402
+ focusables[0].focus();
90403
+ }
90147
90404
  }
90148
90405
  }
90149
90406
 
@@ -90597,14 +90854,16 @@ class AuroDropdown extends AuroElement {
90597
90854
 
90598
90855
  const eventType = event.detail.eventType || "unknown";
90599
90856
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
90600
- this.trigger.focus();
90857
+ this.focusTrigger();
90601
90858
  }
90602
90859
 
90603
90860
 
90604
90861
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
90605
90862
  // — restoring to the trigger would trap the user on this dropdown, forcing
90606
90863
  // an extra Tab to move on. Escape and outside-click still restore.
90607
- if (!this.isPopoverVisible && eventType !== "focusloss") {
90864
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
90865
+ // its own focus restoration — skip the generic trigger focus to avoid races.
90866
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
90608
90867
  // wait til the bib gets fully closed and rendered
90609
90868
  setTimeout(() => {
90610
90869
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -90616,7 +90875,7 @@ class AuroDropdown extends AuroElement {
90616
90875
  return;
90617
90876
  }
90618
90877
  // Restore focus to the trigger.
90619
- this.trigger.focus();
90878
+ this.focusTrigger();
90620
90879
  });
90621
90880
  }
90622
90881
  }
@@ -91890,7 +92149,7 @@ class AuroHelpText extends i$2 {
91890
92149
  }
91891
92150
  }
91892
92151
 
91893
- var formkitVersion = '202607152158';
92152
+ var formkitVersion = '202607160655';
91894
92153
 
91895
92154
  var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
91896
92155