@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.1 → 0.0.0-pr1554.11

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 +121 -50
  7. package/components/combobox/demo/getting-started.min.js +121 -50
  8. package/components/combobox/demo/index.min.js +121 -50
  9. package/components/combobox/dist/index.js +121 -50
  10. package/components/combobox/dist/registered.js +121 -50
  11. package/components/counter/demo/customize.min.js +48 -7
  12. package/components/counter/demo/index.min.js +48 -7
  13. package/components/counter/dist/index.js +48 -7
  14. package/components/counter/dist/registered.js +48 -7
  15. package/components/datepicker/demo/customize.min.js +83 -23
  16. package/components/datepicker/demo/index.min.js +83 -23
  17. package/components/datepicker/dist/index.js +83 -23
  18. package/components/datepicker/dist/registered.js +83 -23
  19. package/components/dropdown/demo/customize.min.js +47 -6
  20. package/components/dropdown/demo/getting-started.min.js +47 -6
  21. package/components/dropdown/demo/index.min.js +47 -6
  22. package/components/dropdown/dist/auro-dropdown.d.ts +8 -1
  23. package/components/dropdown/dist/index.js +47 -6
  24. package/components/dropdown/dist/registered.js +47 -6
  25. package/components/form/demo/customize.min.js +337 -105
  26. package/components/form/demo/getting-started.min.js +337 -105
  27. package/components/form/demo/index.min.js +337 -105
  28. package/components/form/demo/registerDemoDeps.min.js +337 -105
  29. package/components/input/demo/customize.min.js +35 -16
  30. package/components/input/demo/getting-started.min.js +35 -16
  31. package/components/input/demo/index.min.js +35 -16
  32. package/components/input/dist/index.js +35 -16
  33. package/components/input/dist/registered.js +35 -16
  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 +48 -7
  40. package/components/select/demo/getting-started.min.js +48 -7
  41. package/components/select/demo/index.min.js +48 -7
  42. package/components/select/dist/index.js +48 -7
  43. package/components/select/dist/registered.js +48 -7
  44. package/custom-elements.json +6 -0
  45. package/package.json +1 -1
@@ -11700,9 +11700,10 @@ let DomHandler$3 = class DomHandler {
11700
11700
  let BaseInput$2 = class BaseInput extends AuroElement$6 {
11701
11701
 
11702
11702
  // Delegate focus to the native <input> inside the shadow root so that
11703
- // showModal()'s dialog focusing steps reach the input element.
11704
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
11705
- // opens, because the browser sees an input-to-input focus transfer.
11703
+ // clicking anywhere on the input wrapper focuses the native input, and
11704
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
11705
+ // The initial-load focus theft was caused by the static `autofocus`
11706
+ // attribute on the bib input (now conditional), not by delegatesFocus.
11706
11707
  static get shadowRootOptions() {
11707
11708
  return {
11708
11709
  ...AuroElement$6.shadowRootOptions,
@@ -13379,7 +13380,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
13379
13380
  }
13380
13381
  };
13381
13382
 
13382
- var formkitVersion$8 = '202607152206';
13383
+ var formkitVersion$8 = '202607160709';
13383
13384
 
13384
13385
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13385
13386
  // See LICENSE in the project root for license information.
@@ -13665,24 +13666,42 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
13665
13666
  * @returns {void}
13666
13667
  */
13667
13668
  checkDisplayValueSlotChange() {
13668
- // flatten:true resolves through auro-combobox's forwarding slot
13669
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
13670
- // directly to auro-input's light DOM alongside the forwarder still
13671
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
13672
- // discarded any siblings past the forwarder.
13673
13669
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
13674
13670
  if (!slot) {
13675
- // Shadow root not yet rendered — fall back to checking light-DOM
13676
- // children so hasDisplayValueContent isn't stuck false after an
13677
- // early call from auro-combobox during mount.
13678
- this.hasDisplayValueContent = Boolean(
13679
- this.querySelector('[slot="displayValue"]:not(slot)')
13680
- );
13671
+ // Shadow slot not yet rendered — fall back to checking light-DOM
13672
+ // children so hasDisplayValueContent isn't stuck false when called
13673
+ // before firstUpdated (e.g. from auro-combobox during mount).
13674
+ // Check for any element (including custom elements like <auro-icon>
13675
+ // that render via shadow DOM with no text content).
13676
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
13677
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
13678
+ lightDomContent.textContent.trim().length > 0 ||
13679
+ lightDomContent.children.length > 0 ||
13680
+ lightDomContent.shadowRoot !== null
13681
+ ));
13681
13682
  return;
13682
13683
  }
13683
13684
  const nodes = slot.assignedNodes({ flatten: true });
13684
13685
 
13685
- this.hasDisplayValueContent = nodes.length > 0;
13686
+ // Check for actual visible content, not just node existence.
13687
+ // An empty <span slot="displayValue"></span> forwarded from the
13688
+ // consumer should not be treated as "has content" — it causes the
13689
+ // displayValue wrapper to render (with hasContent class) but show
13690
+ // nothing, blocking the combobox's synthetic displayValue from
13691
+ // being visible on preset/deeplink load.
13692
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
13693
+ // treated as content even when they have no text or light-DOM children.
13694
+ this.hasDisplayValueContent = nodes.some((node) => {
13695
+ if (node.nodeType === Node.TEXT_NODE) {
13696
+ return node.textContent.trim().length > 0;
13697
+ }
13698
+ if (node.nodeType === Node.ELEMENT_NODE) {
13699
+ return node.textContent.trim().length > 0 ||
13700
+ node.children.length > 0 ||
13701
+ node.shadowRoot !== null;
13702
+ }
13703
+ return false;
13704
+ });
13686
13705
  }
13687
13706
 
13688
13707
  firstUpdated() {
@@ -27785,7 +27804,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
27785
27804
  }
27786
27805
  };
27787
27806
 
27788
- var formkitVersion$2$1 = '202607152206';
27807
+ var formkitVersion$2$1 = '202607160709';
27789
27808
 
27790
27809
  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$2`${s$3(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$6`: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}
27791
27810
  `,u$4$2=i$6`.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}}
@@ -33513,7 +33532,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
33513
33532
  }
33514
33533
  };
33515
33534
 
33516
- var formkitVersion$1$3 = '202607152206';
33535
+ var formkitVersion$1$3 = '202607160709';
33517
33536
 
33518
33537
  let AuroElement$2$2 = class AuroElement extends i$3 {
33519
33538
  static get properties() {
@@ -33642,7 +33661,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33642
33661
  static get shadowRootOptions() {
33643
33662
  return {
33644
33663
  ...AuroElement$2$2.shadowRootOptions,
33645
- delegatesFocus: true,
33646
33664
  };
33647
33665
  }
33648
33666
 
@@ -33809,7 +33827,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33809
33827
  focusables[0].focus();
33810
33828
  }
33811
33829
  } else {
33830
+ this.focusTrigger();
33831
+ }
33832
+ }
33833
+
33834
+ /**
33835
+ * Focus the trigger content. When the trigger wrapper itself is focusable
33836
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
33837
+ * element slotted into the trigger slot (e.g. the auro-input).
33838
+ * @private
33839
+ */
33840
+ focusTrigger() {
33841
+ if (this.trigger.hasAttribute('tabindex')) {
33812
33842
  this.trigger.focus();
33843
+ } else {
33844
+ // Slotted content isn't a DOM child of the trigger div, so
33845
+ // getFocusableElements can't find it. Query assigned nodes directly.
33846
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
33847
+ if (slot) {
33848
+ const assigned = slot.assignedElements();
33849
+ for (const el of assigned) {
33850
+ if (el.hasAttribute('disabled')) {
33851
+ continue;
33852
+ }
33853
+ // Try finding a focusable descendant first (handles non-focusable
33854
+ // wrappers like <div> containing a <button>). If none found, try
33855
+ // focusing the element directly (works for custom elements like
33856
+ // auro-input that have delegatesFocus or a custom focus() method).
33857
+ const descendants = getFocusableElements$4(el);
33858
+ if (descendants.length > 0) {
33859
+ descendants[0].focus();
33860
+ return;
33861
+ }
33862
+ el.focus();
33863
+ return;
33864
+ }
33865
+ }
33866
+ // Fallback: try DOM children (non-slotted content)
33867
+ const focusables = getFocusableElements$4(this.trigger);
33868
+ if (focusables.length > 0) {
33869
+ focusables[0].focus();
33870
+ }
33813
33871
  }
33814
33872
  }
33815
33873
 
@@ -34262,15 +34320,17 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34262
34320
  }
34263
34321
 
34264
34322
  const eventType = event.detail.eventType || "unknown";
34265
- if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
34266
- this.trigger.focus();
34323
+ if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
34324
+ this.focusTrigger();
34267
34325
  }
34268
34326
 
34269
34327
 
34270
34328
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
34271
34329
  // — restoring to the trigger would trap the user on this dropdown, forcing
34272
34330
  // an extra Tab to move on. Escape and outside-click still restore.
34273
- if (!this.isPopoverVisible && eventType !== "focusloss") {
34331
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
34332
+ // its own focus restoration — skip the generic trigger focus to avoid races.
34333
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
34274
34334
  // wait til the bib gets fully closed and rendered
34275
34335
  setTimeout(() => {
34276
34336
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -34282,7 +34342,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34282
34342
  return;
34283
34343
  }
34284
34344
  // Restore focus to the trigger.
34285
- this.trigger.focus();
34345
+ this.focusTrigger();
34286
34346
  });
34287
34347
  }
34288
34348
  }
@@ -45456,9 +45516,10 @@ let DomHandler$2 = class DomHandler {
45456
45516
  let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45457
45517
 
45458
45518
  // Delegate focus to the native <input> inside the shadow root so that
45459
- // showModal()'s dialog focusing steps reach the input element.
45460
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
45461
- // opens, because the browser sees an input-to-input focus transfer.
45519
+ // clicking anywhere on the input wrapper focuses the native input, and
45520
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
45521
+ // The initial-load focus theft was caused by the static `autofocus`
45522
+ // attribute on the bib input (now conditional), not by delegatesFocus.
45462
45523
  static get shadowRootOptions() {
45463
45524
  return {
45464
45525
  ...AuroElement$1$3.shadowRootOptions,
@@ -47135,7 +47196,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
47135
47196
  }
47136
47197
  };
47137
47198
 
47138
- var formkitVersion$7 = '202607152206';
47199
+ var formkitVersion$7 = '202607160709';
47139
47200
 
47140
47201
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
47141
47202
  // See LICENSE in the project root for license information.
@@ -47421,24 +47482,42 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
47421
47482
  * @returns {void}
47422
47483
  */
47423
47484
  checkDisplayValueSlotChange() {
47424
- // flatten:true resolves through auro-combobox's forwarding slot
47425
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
47426
- // directly to auro-input's light DOM alongside the forwarder still
47427
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
47428
- // discarded any siblings past the forwarder.
47429
47485
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
47430
47486
  if (!slot) {
47431
- // Shadow root not yet rendered — fall back to checking light-DOM
47432
- // children so hasDisplayValueContent isn't stuck false after an
47433
- // early call from auro-combobox during mount.
47434
- this.hasDisplayValueContent = Boolean(
47435
- this.querySelector('[slot="displayValue"]:not(slot)')
47436
- );
47487
+ // Shadow slot not yet rendered — fall back to checking light-DOM
47488
+ // children so hasDisplayValueContent isn't stuck false when called
47489
+ // before firstUpdated (e.g. from auro-combobox during mount).
47490
+ // Check for any element (including custom elements like <auro-icon>
47491
+ // that render via shadow DOM with no text content).
47492
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
47493
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
47494
+ lightDomContent.textContent.trim().length > 0 ||
47495
+ lightDomContent.children.length > 0 ||
47496
+ lightDomContent.shadowRoot !== null
47497
+ ));
47437
47498
  return;
47438
47499
  }
47439
47500
  const nodes = slot.assignedNodes({ flatten: true });
47440
47501
 
47441
- this.hasDisplayValueContent = nodes.length > 0;
47502
+ // Check for actual visible content, not just node existence.
47503
+ // An empty <span slot="displayValue"></span> forwarded from the
47504
+ // consumer should not be treated as "has content" — it causes the
47505
+ // displayValue wrapper to render (with hasContent class) but show
47506
+ // nothing, blocking the combobox's synthetic displayValue from
47507
+ // being visible on preset/deeplink load.
47508
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
47509
+ // treated as content even when they have no text or light-DOM children.
47510
+ this.hasDisplayValueContent = nodes.some((node) => {
47511
+ if (node.nodeType === Node.TEXT_NODE) {
47512
+ return node.textContent.trim().length > 0;
47513
+ }
47514
+ if (node.nodeType === Node.ELEMENT_NODE) {
47515
+ return node.textContent.trim().length > 0 ||
47516
+ node.children.length > 0 ||
47517
+ node.shadowRoot !== null;
47518
+ }
47519
+ return false;
47520
+ });
47442
47521
  }
47443
47522
 
47444
47523
  firstUpdated() {
@@ -52085,7 +52164,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
52085
52164
  }
52086
52165
  };
52087
52166
 
52088
- var formkitVersion$1$2 = '202607152206';
52167
+ var formkitVersion$1$2 = '202607160709';
52089
52168
 
52090
52169
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
52091
52170
  // See LICENSE in the project root for license information.
@@ -56233,7 +56312,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
56233
56312
  }
56234
56313
  };
56235
56314
 
56236
- var formkitVersion$6 = '202607152206';
56315
+ var formkitVersion$6 = '202607160709';
56237
56316
 
56238
56317
  let AuroElement$1$2 = class AuroElement extends i$3 {
56239
56318
  static get properties() {
@@ -56362,7 +56441,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56362
56441
  static get shadowRootOptions() {
56363
56442
  return {
56364
56443
  ...AuroElement$1$2.shadowRootOptions,
56365
- delegatesFocus: true,
56366
56444
  };
56367
56445
  }
56368
56446
 
@@ -56529,7 +56607,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56529
56607
  focusables[0].focus();
56530
56608
  }
56531
56609
  } else {
56610
+ this.focusTrigger();
56611
+ }
56612
+ }
56613
+
56614
+ /**
56615
+ * Focus the trigger content. When the trigger wrapper itself is focusable
56616
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
56617
+ * element slotted into the trigger slot (e.g. the auro-input).
56618
+ * @private
56619
+ */
56620
+ focusTrigger() {
56621
+ if (this.trigger.hasAttribute('tabindex')) {
56532
56622
  this.trigger.focus();
56623
+ } else {
56624
+ // Slotted content isn't a DOM child of the trigger div, so
56625
+ // getFocusableElements can't find it. Query assigned nodes directly.
56626
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
56627
+ if (slot) {
56628
+ const assigned = slot.assignedElements();
56629
+ for (const el of assigned) {
56630
+ if (el.hasAttribute('disabled')) {
56631
+ continue;
56632
+ }
56633
+ // Try finding a focusable descendant first (handles non-focusable
56634
+ // wrappers like <div> containing a <button>). If none found, try
56635
+ // focusing the element directly (works for custom elements like
56636
+ // auro-input that have delegatesFocus or a custom focus() method).
56637
+ const descendants = getFocusableElements$3(el);
56638
+ if (descendants.length > 0) {
56639
+ descendants[0].focus();
56640
+ return;
56641
+ }
56642
+ el.focus();
56643
+ return;
56644
+ }
56645
+ }
56646
+ // Fallback: try DOM children (non-slotted content)
56647
+ const focusables = getFocusableElements$3(this.trigger);
56648
+ if (focusables.length > 0) {
56649
+ focusables[0].focus();
56650
+ }
56533
56651
  }
56534
56652
  }
56535
56653
 
@@ -56982,15 +57100,17 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56982
57100
  }
56983
57101
 
56984
57102
  const eventType = event.detail.eventType || "unknown";
56985
- if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
56986
- this.trigger.focus();
57103
+ if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
57104
+ this.focusTrigger();
56987
57105
  }
56988
57106
 
56989
57107
 
56990
57108
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
56991
57109
  // — restoring to the trigger would trap the user on this dropdown, forcing
56992
57110
  // an extra Tab to move on. Escape and outside-click still restore.
56993
- if (!this.isPopoverVisible && eventType !== "focusloss") {
57111
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
57112
+ // its own focus restoration — skip the generic trigger focus to avoid races.
57113
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
56994
57114
  // wait til the bib gets fully closed and rendered
56995
57115
  setTimeout(() => {
56996
57116
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -57002,7 +57122,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57002
57122
  return;
57003
57123
  }
57004
57124
  // Restore focus to the trigger.
57005
- this.trigger.focus();
57125
+ this.focusTrigger();
57006
57126
  });
57007
57127
  }
57008
57128
  }
@@ -60230,7 +60350,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
60230
60350
  }
60231
60351
  };
60232
60352
 
60233
- var formkitVersion$5 = '202607152206';
60353
+ var formkitVersion$5 = '202607160709';
60234
60354
 
60235
60355
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
60236
60356
  // See LICENSE in the project root for license information.
@@ -61995,7 +62115,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
61995
62115
  }
61996
62116
  };
61997
62117
 
61998
- var formkitVersion$4 = '202607152206';
62118
+ var formkitVersion$4 = '202607160709';
61999
62119
 
62000
62120
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
62001
62121
  // See LICENSE in the project root for license information.
@@ -67308,7 +67428,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
67308
67428
  }
67309
67429
  };
67310
67430
 
67311
- var formkitVersion$2 = '202607152206';
67431
+ var formkitVersion$2 = '202607160709';
67312
67432
 
67313
67433
  let AuroElement$2$1 = class AuroElement extends i$3 {
67314
67434
  static get properties() {
@@ -67437,7 +67557,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67437
67557
  static get shadowRootOptions() {
67438
67558
  return {
67439
67559
  ...AuroElement$2$1.shadowRootOptions,
67440
- delegatesFocus: true,
67441
67560
  };
67442
67561
  }
67443
67562
 
@@ -67604,7 +67723,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67604
67723
  focusables[0].focus();
67605
67724
  }
67606
67725
  } else {
67726
+ this.focusTrigger();
67727
+ }
67728
+ }
67729
+
67730
+ /**
67731
+ * Focus the trigger content. When the trigger wrapper itself is focusable
67732
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
67733
+ * element slotted into the trigger slot (e.g. the auro-input).
67734
+ * @private
67735
+ */
67736
+ focusTrigger() {
67737
+ if (this.trigger.hasAttribute('tabindex')) {
67607
67738
  this.trigger.focus();
67739
+ } else {
67740
+ // Slotted content isn't a DOM child of the trigger div, so
67741
+ // getFocusableElements can't find it. Query assigned nodes directly.
67742
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
67743
+ if (slot) {
67744
+ const assigned = slot.assignedElements();
67745
+ for (const el of assigned) {
67746
+ if (el.hasAttribute('disabled')) {
67747
+ continue;
67748
+ }
67749
+ // Try finding a focusable descendant first (handles non-focusable
67750
+ // wrappers like <div> containing a <button>). If none found, try
67751
+ // focusing the element directly (works for custom elements like
67752
+ // auro-input that have delegatesFocus or a custom focus() method).
67753
+ const descendants = getFocusableElements$2(el);
67754
+ if (descendants.length > 0) {
67755
+ descendants[0].focus();
67756
+ return;
67757
+ }
67758
+ el.focus();
67759
+ return;
67760
+ }
67761
+ }
67762
+ // Fallback: try DOM children (non-slotted content)
67763
+ const focusables = getFocusableElements$2(this.trigger);
67764
+ if (focusables.length > 0) {
67765
+ focusables[0].focus();
67766
+ }
67608
67767
  }
67609
67768
  }
67610
67769
 
@@ -68057,15 +68216,17 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68057
68216
  }
68058
68217
 
68059
68218
  const eventType = event.detail.eventType || "unknown";
68060
- if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
68061
- this.trigger.focus();
68219
+ if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
68220
+ this.focusTrigger();
68062
68221
  }
68063
68222
 
68064
68223
 
68065
68224
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
68066
68225
  // — restoring to the trigger would trap the user on this dropdown, forcing
68067
68226
  // an extra Tab to move on. Escape and outside-click still restore.
68068
- if (!this.isPopoverVisible && eventType !== "focusloss") {
68227
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
68228
+ // its own focus restoration — skip the generic trigger focus to avoid races.
68229
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
68069
68230
  // wait til the bib gets fully closed and rendered
68070
68231
  setTimeout(() => {
68071
68232
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -68077,7 +68238,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68077
68238
  return;
68078
68239
  }
68079
68240
  // Restore focus to the trigger.
68080
- this.trigger.focus();
68241
+ this.focusTrigger();
68081
68242
  });
68082
68243
  }
68083
68244
  }
@@ -79251,9 +79412,10 @@ class DomHandler {
79251
79412
  class BaseInput extends AuroElement$1$1 {
79252
79413
 
79253
79414
  // Delegate focus to the native <input> inside the shadow root so that
79254
- // showModal()'s dialog focusing steps reach the input element.
79255
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
79256
- // opens, because the browser sees an input-to-input focus transfer.
79415
+ // clicking anywhere on the input wrapper focuses the native input, and
79416
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
79417
+ // The initial-load focus theft was caused by the static `autofocus`
79418
+ // attribute on the bib input (now conditional), not by delegatesFocus.
79257
79419
  static get shadowRootOptions() {
79258
79420
  return {
79259
79421
  ...AuroElement$1$1.shadowRootOptions,
@@ -80930,7 +81092,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
80930
81092
  }
80931
81093
  };
80932
81094
 
80933
- var formkitVersion$1$1 = '202607152206';
81095
+ var formkitVersion$1$1 = '202607160709';
80934
81096
 
80935
81097
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80936
81098
  // See LICENSE in the project root for license information.
@@ -81216,24 +81378,42 @@ class AuroInput extends BaseInput {
81216
81378
  * @returns {void}
81217
81379
  */
81218
81380
  checkDisplayValueSlotChange() {
81219
- // flatten:true resolves through auro-combobox's forwarding slot
81220
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
81221
- // directly to auro-input's light DOM alongside the forwarder still
81222
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
81223
- // discarded any siblings past the forwarder.
81224
81381
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
81225
81382
  if (!slot) {
81226
- // Shadow root not yet rendered — fall back to checking light-DOM
81227
- // children so hasDisplayValueContent isn't stuck false after an
81228
- // early call from auro-combobox during mount.
81229
- this.hasDisplayValueContent = Boolean(
81230
- this.querySelector('[slot="displayValue"]:not(slot)')
81231
- );
81383
+ // Shadow slot not yet rendered — fall back to checking light-DOM
81384
+ // children so hasDisplayValueContent isn't stuck false when called
81385
+ // before firstUpdated (e.g. from auro-combobox during mount).
81386
+ // Check for any element (including custom elements like <auro-icon>
81387
+ // that render via shadow DOM with no text content).
81388
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
81389
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
81390
+ lightDomContent.textContent.trim().length > 0 ||
81391
+ lightDomContent.children.length > 0 ||
81392
+ lightDomContent.shadowRoot !== null
81393
+ ));
81232
81394
  return;
81233
81395
  }
81234
81396
  const nodes = slot.assignedNodes({ flatten: true });
81235
81397
 
81236
- this.hasDisplayValueContent = nodes.length > 0;
81398
+ // Check for actual visible content, not just node existence.
81399
+ // An empty <span slot="displayValue"></span> forwarded from the
81400
+ // consumer should not be treated as "has content" — it causes the
81401
+ // displayValue wrapper to render (with hasContent class) but show
81402
+ // nothing, blocking the combobox's synthetic displayValue from
81403
+ // being visible on preset/deeplink load.
81404
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
81405
+ // treated as content even when they have no text or light-DOM children.
81406
+ this.hasDisplayValueContent = nodes.some((node) => {
81407
+ if (node.nodeType === Node.TEXT_NODE) {
81408
+ return node.textContent.trim().length > 0;
81409
+ }
81410
+ if (node.nodeType === Node.ELEMENT_NODE) {
81411
+ return node.textContent.trim().length > 0 ||
81412
+ node.children.length > 0 ||
81413
+ node.shadowRoot !== null;
81414
+ }
81415
+ return false;
81416
+ });
81237
81417
  }
81238
81418
 
81239
81419
  firstUpdated() {
@@ -82060,7 +82240,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
82060
82240
  }
82061
82241
  };
82062
82242
 
82063
- var formkitVersion$3 = '202607152206';
82243
+ var formkitVersion$3 = '202607160709';
82064
82244
 
82065
82245
  var styleCss$1$3 = i$6`.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}`;
82066
82246
 
@@ -83112,6 +83292,14 @@ class AuroCombobox extends AuroElement$3 {
83112
83292
  // auroMenu-selectedOption event hasn't fired yet, or we're on remount
83113
83293
  // with no options loaded). Synthesize a displayValue from the value so
83114
83294
  // the overlay isn't blank.
83295
+ //
83296
+ // NOTE: This renders the raw machine value (e.g. "SEA"), not the
83297
+ // human-readable label (e.g. "Seattle, WA"). For consumers where
83298
+ // value ≠ label, this produces a brief flash of the raw value until
83299
+ // the option elements load and updateTriggerTextDisplay re-runs with
83300
+ // the correct label. This is intentionally preferred over a blank
83301
+ // state — the displayValueInTrigger.remove() cleanup above ensures
83302
+ // this placeholder is replaced once the real option is available.
83115
83303
  const syntheticDV = document.createElement('span');
83116
83304
  syntheticDV.setAttribute('slot', 'displayValue');
83117
83305
  syntheticDV.textContent = this.value;
@@ -83364,7 +83552,11 @@ class AuroCombobox extends AuroElement$3 {
83364
83552
  // after the dropdown layout settles.
83365
83553
 
83366
83554
  doubleRaf$1(() => {
83367
- this.setInputFocus();
83555
+ // Guard: skip if the dropdown closed before this rAF fired
83556
+ // (e.g. user selected an option immediately after the bib opened).
83557
+ if (this.dropdownOpen) {
83558
+ this.setInputFocus();
83559
+ }
83368
83560
  if (this._inFullscreenTransition) {
83369
83561
  this._inFullscreenTransition = false;
83370
83562
  }
@@ -83411,7 +83603,9 @@ class AuroCombobox extends AuroElement$3 {
83411
83603
  }
83412
83604
 
83413
83605
  this._scheduleTimer(() => {
83414
- this.setInputFocus();
83606
+ if (this.dropdown.isPopoverVisible) {
83607
+ this.setInputFocus();
83608
+ }
83415
83609
  }, 0);
83416
83610
  });
83417
83611
  }
@@ -83420,14 +83614,19 @@ class AuroCombobox extends AuroElement$3 {
83420
83614
  * @private
83421
83615
  */
83422
83616
  setClearBtnFocus() {
83423
- const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
83424
- if (clearBtn) {
83425
- // Wait for the element to fully render across
83426
- // multiple Lit update cycles before moving focus
83427
- doubleRaf$1(() => {
83617
+ doubleRaf$1(() => {
83618
+ // First establish focus inside the input's shadow root.
83619
+ // Without this, clearBtn.focus() silently fails when focus is on
83620
+ // document.body (e.g. after a click selection closes the bib dialog).
83621
+ // delegatesFocus on BaseInput routes this to the native <input>.
83622
+ this.input.focus();
83623
+
83624
+ // Now move focus to the clear button within the same shadow root.
83625
+ const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
83626
+ if (clearBtn) {
83428
83627
  clearBtn.focus();
83429
- });
83430
- }
83628
+ }
83629
+ });
83431
83630
  }
83432
83631
 
83433
83632
  /**
@@ -83638,6 +83837,9 @@ class AuroCombobox extends AuroElement$3 {
83638
83837
  // only — fresh user selections take the existing hideBib path.
83639
83838
  if (isEcho && this.menu.optionSelected) {
83640
83839
  this._programmaticFilterRefresh = true;
83840
+ this.updateComplete.then(() => {
83841
+ this._programmaticFilterRefresh = false;
83842
+ });
83641
83843
  }
83642
83844
  });
83643
83845
 
@@ -83868,15 +84070,6 @@ class AuroCombobox extends AuroElement$3 {
83868
84070
  * @returns {void}
83869
84071
  */
83870
84072
  handleTriggerInputValueChange(event) {
83871
- // Clear a stale _programmaticFilterRefresh when the user is genuinely
83872
- // interacting. On mount, updated('value') sets the flag, but the early
83873
- // return at `this.value === this.input.value` exits before clearing it.
83874
- // Without this, the first keystroke after mount fails to set _userTyped
83875
- // and the bib doesn't open.
83876
- if (this._programmaticFilterRefresh && this.componentHasFocus) {
83877
- this._programmaticFilterRefresh = false;
83878
- }
83879
-
83880
84073
  // 'input' fires for every user-initiated value change — typing, paste,
83881
84074
  // IME composition end, dead-key composition, drag-drop. Flip _userTyped
83882
84075
  // here so updated('availableOptions') auto-opens the bib for sources
@@ -83899,10 +84092,6 @@ class AuroCombobox extends AuroElement$3 {
83899
84092
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
83900
84093
  this.setInputFocus();
83901
84094
  }
83902
-
83903
- if (this._programmaticFilterRefresh) {
83904
- this._programmaticFilterRefresh = false;
83905
- }
83906
84095
  }
83907
84096
 
83908
84097
  /**
@@ -84101,6 +84290,12 @@ class AuroCombobox extends AuroElement$3 {
84101
84290
  // setting the flag unconditionally here masks the user-typed open path.
84102
84291
  if (!this._userTyped) {
84103
84292
  this._programmaticFilterRefresh = true;
84293
+ // Self-clear after this update cycle completes. This collapses
84294
+ // the previous scattered clear-points into one and prevents the
84295
+ // flag from surviving into the next user interaction.
84296
+ this.updateComplete.then(() => {
84297
+ this._programmaticFilterRefresh = false;
84298
+ });
84104
84299
  }
84105
84300
 
84106
84301
  if (this.input.value !== this.value) {
@@ -84190,10 +84385,6 @@ class AuroCombobox extends AuroElement$3 {
84190
84385
  } else if (!this.dropdown.isBibFullscreen) {
84191
84386
  this.hideBib();
84192
84387
  }
84193
-
84194
- if (this._programmaticFilterRefresh) {
84195
- this._programmaticFilterRefresh = false;
84196
- }
84197
84388
  }
84198
84389
 
84199
84390
  if (changedProperties.has('error')) {
@@ -84375,7 +84566,7 @@ class AuroCombobox extends AuroElement$3 {
84375
84566
  <slot @slotchange="${this.handleSlotChange}"></slot>
84376
84567
  <${this.inputTag}
84377
84568
  id="inputInBib"
84378
- autofocus
84569
+ ?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
84379
84570
  @input="${this.handleInputValueChange}"
84380
84571
  .a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
84381
84572
  .a11yControls=${`${this.dropdownId}-floater-bib`}
@@ -90906,7 +91097,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
90906
91097
  }
90907
91098
  };
90908
91099
 
90909
- var formkitVersion$1 = '202607152206';
91100
+ var formkitVersion$1 = '202607160709';
90910
91101
 
90911
91102
  class AuroElement extends i$3 {
90912
91103
  static get properties() {
@@ -91035,7 +91226,6 @@ class AuroDropdown extends AuroElement {
91035
91226
  static get shadowRootOptions() {
91036
91227
  return {
91037
91228
  ...AuroElement.shadowRootOptions,
91038
- delegatesFocus: true,
91039
91229
  };
91040
91230
  }
91041
91231
 
@@ -91202,7 +91392,47 @@ class AuroDropdown extends AuroElement {
91202
91392
  focusables[0].focus();
91203
91393
  }
91204
91394
  } else {
91395
+ this.focusTrigger();
91396
+ }
91397
+ }
91398
+
91399
+ /**
91400
+ * Focus the trigger content. When the trigger wrapper itself is focusable
91401
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
91402
+ * element slotted into the trigger slot (e.g. the auro-input).
91403
+ * @private
91404
+ */
91405
+ focusTrigger() {
91406
+ if (this.trigger.hasAttribute('tabindex')) {
91205
91407
  this.trigger.focus();
91408
+ } else {
91409
+ // Slotted content isn't a DOM child of the trigger div, so
91410
+ // getFocusableElements can't find it. Query assigned nodes directly.
91411
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
91412
+ if (slot) {
91413
+ const assigned = slot.assignedElements();
91414
+ for (const el of assigned) {
91415
+ if (el.hasAttribute('disabled')) {
91416
+ continue;
91417
+ }
91418
+ // Try finding a focusable descendant first (handles non-focusable
91419
+ // wrappers like <div> containing a <button>). If none found, try
91420
+ // focusing the element directly (works for custom elements like
91421
+ // auro-input that have delegatesFocus or a custom focus() method).
91422
+ const descendants = getFocusableElements(el);
91423
+ if (descendants.length > 0) {
91424
+ descendants[0].focus();
91425
+ return;
91426
+ }
91427
+ el.focus();
91428
+ return;
91429
+ }
91430
+ }
91431
+ // Fallback: try DOM children (non-slotted content)
91432
+ const focusables = getFocusableElements(this.trigger);
91433
+ if (focusables.length > 0) {
91434
+ focusables[0].focus();
91435
+ }
91206
91436
  }
91207
91437
  }
91208
91438
 
@@ -91655,15 +91885,17 @@ class AuroDropdown extends AuroElement {
91655
91885
  }
91656
91886
 
91657
91887
  const eventType = event.detail.eventType || "unknown";
91658
- if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
91659
- this.trigger.focus();
91888
+ if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
91889
+ this.focusTrigger();
91660
91890
  }
91661
91891
 
91662
91892
 
91663
91893
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
91664
91894
  // — restoring to the trigger would trap the user on this dropdown, forcing
91665
91895
  // an extra Tab to move on. Escape and outside-click still restore.
91666
- if (!this.isPopoverVisible && eventType !== "focusloss") {
91896
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
91897
+ // its own focus restoration — skip the generic trigger focus to avoid races.
91898
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
91667
91899
  // wait til the bib gets fully closed and rendered
91668
91900
  setTimeout(() => {
91669
91901
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -91675,7 +91907,7 @@ class AuroDropdown extends AuroElement {
91675
91907
  return;
91676
91908
  }
91677
91909
  // Restore focus to the trigger.
91678
- this.trigger.focus();
91910
+ this.focusTrigger();
91679
91911
  });
91680
91912
  }
91681
91913
  }
@@ -92949,7 +93181,7 @@ class AuroHelpText extends i$3 {
92949
93181
  }
92950
93182
  }
92951
93183
 
92952
- var formkitVersion = '202607152206';
93184
+ var formkitVersion = '202607160709';
92953
93185
 
92954
93186
  var styleCss = i$6`.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}`;
92955
93187