@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
@@ -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 = '202607152158';
13383
+ var formkitVersion$8 = '202607160655';
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,18 +13666,45 @@ 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) {
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
+ ));
13682
+ this.requestUpdate();
13675
13683
  return;
13676
13684
  }
13677
13685
  const nodes = slot.assignedNodes({ flatten: true });
13678
13686
 
13679
- this.hasDisplayValueContent = nodes.length > 0;
13687
+ // Check for actual visible content, not just node existence.
13688
+ // An empty <span slot="displayValue"></span> forwarded from the
13689
+ // consumer should not be treated as "has content" — it causes the
13690
+ // displayValue wrapper to render (with hasContent class) but show
13691
+ // nothing, blocking the combobox's synthetic displayValue from
13692
+ // being visible on preset/deeplink load.
13693
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
13694
+ // treated as content even when they have no text or light-DOM children.
13695
+ this.hasDisplayValueContent = nodes.some((node) => {
13696
+ if (node.nodeType === Node.TEXT_NODE) {
13697
+ return node.textContent.trim().length > 0;
13698
+ }
13699
+ if (node.nodeType === Node.ELEMENT_NODE) {
13700
+ return node.textContent.trim().length > 0 ||
13701
+ node.children.length > 0 ||
13702
+ node.shadowRoot !== null;
13703
+ }
13704
+ return false;
13705
+ });
13706
+
13707
+ this.requestUpdate();
13680
13708
  }
13681
13709
 
13682
13710
  firstUpdated() {
@@ -27779,7 +27807,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
27779
27807
  }
27780
27808
  };
27781
27809
 
27782
- var formkitVersion$2$1 = '202607152158';
27810
+ var formkitVersion$2$1 = '202607160655';
27783
27811
 
27784
27812
  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}
27785
27813
  `,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}}
@@ -33507,7 +33535,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
33507
33535
  }
33508
33536
  };
33509
33537
 
33510
- var formkitVersion$1$3 = '202607152158';
33538
+ var formkitVersion$1$3 = '202607160655';
33511
33539
 
33512
33540
  let AuroElement$2$2 = class AuroElement extends i$3 {
33513
33541
  static get properties() {
@@ -33636,7 +33664,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33636
33664
  static get shadowRootOptions() {
33637
33665
  return {
33638
33666
  ...AuroElement$2$2.shadowRootOptions,
33639
- delegatesFocus: true,
33640
33667
  };
33641
33668
  }
33642
33669
 
@@ -33803,7 +33830,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33803
33830
  focusables[0].focus();
33804
33831
  }
33805
33832
  } else {
33833
+ this.focusTrigger();
33834
+ }
33835
+ }
33836
+
33837
+ /**
33838
+ * Focus the trigger content. When the trigger wrapper itself is focusable
33839
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
33840
+ * element slotted into the trigger slot (e.g. the auro-input).
33841
+ * @private
33842
+ */
33843
+ focusTrigger() {
33844
+ if (this.trigger.hasAttribute('tabindex')) {
33806
33845
  this.trigger.focus();
33846
+ } else {
33847
+ // Slotted content isn't a DOM child of the trigger div, so
33848
+ // getFocusableElements can't find it. Query assigned nodes directly.
33849
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
33850
+ if (slot) {
33851
+ const assigned = slot.assignedElements();
33852
+ for (const el of assigned) {
33853
+ if (el.hasAttribute('disabled')) {
33854
+ continue;
33855
+ }
33856
+ // Try finding a focusable descendant first (handles non-focusable
33857
+ // wrappers like <div> containing a <button>). If none found, try
33858
+ // focusing the element directly (works for custom elements like
33859
+ // auro-input that have delegatesFocus or a custom focus() method).
33860
+ const descendants = getFocusableElements$4(el);
33861
+ if (descendants.length > 0) {
33862
+ descendants[0].focus();
33863
+ return;
33864
+ }
33865
+ el.focus();
33866
+ return;
33867
+ }
33868
+ }
33869
+ // Fallback: try DOM children (non-slotted content)
33870
+ const focusables = getFocusableElements$4(this.trigger);
33871
+ if (focusables.length > 0) {
33872
+ focusables[0].focus();
33873
+ }
33807
33874
  }
33808
33875
  }
33809
33876
 
@@ -34257,14 +34324,16 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34257
34324
 
34258
34325
  const eventType = event.detail.eventType || "unknown";
34259
34326
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
34260
- this.trigger.focus();
34327
+ this.focusTrigger();
34261
34328
  }
34262
34329
 
34263
34330
 
34264
34331
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
34265
34332
  // — restoring to the trigger would trap the user on this dropdown, forcing
34266
34333
  // an extra Tab to move on. Escape and outside-click still restore.
34267
- if (!this.isPopoverVisible && eventType !== "focusloss") {
34334
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
34335
+ // its own focus restoration — skip the generic trigger focus to avoid races.
34336
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
34268
34337
  // wait til the bib gets fully closed and rendered
34269
34338
  setTimeout(() => {
34270
34339
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -34276,7 +34345,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34276
34345
  return;
34277
34346
  }
34278
34347
  // Restore focus to the trigger.
34279
- this.trigger.focus();
34348
+ this.focusTrigger();
34280
34349
  });
34281
34350
  }
34282
34351
  }
@@ -45450,9 +45519,10 @@ let DomHandler$2 = class DomHandler {
45450
45519
  let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45451
45520
 
45452
45521
  // Delegate focus to the native <input> inside the shadow root so that
45453
- // showModal()'s dialog focusing steps reach the input element.
45454
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
45455
- // opens, because the browser sees an input-to-input focus transfer.
45522
+ // clicking anywhere on the input wrapper focuses the native input, and
45523
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
45524
+ // The initial-load focus theft was caused by the static `autofocus`
45525
+ // attribute on the bib input (now conditional), not by delegatesFocus.
45456
45526
  static get shadowRootOptions() {
45457
45527
  return {
45458
45528
  ...AuroElement$1$3.shadowRootOptions,
@@ -47129,7 +47199,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
47129
47199
  }
47130
47200
  };
47131
47201
 
47132
- var formkitVersion$7 = '202607152158';
47202
+ var formkitVersion$7 = '202607160655';
47133
47203
 
47134
47204
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
47135
47205
  // See LICENSE in the project root for license information.
@@ -47415,18 +47485,45 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
47415
47485
  * @returns {void}
47416
47486
  */
47417
47487
  checkDisplayValueSlotChange() {
47418
- // flatten:true resolves through auro-combobox's forwarding slot
47419
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
47420
- // directly to auro-input's light DOM alongside the forwarder still
47421
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
47422
- // discarded any siblings past the forwarder.
47423
47488
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
47424
47489
  if (!slot) {
47490
+ // Shadow slot not yet rendered — fall back to checking light-DOM
47491
+ // children so hasDisplayValueContent isn't stuck false when called
47492
+ // before firstUpdated (e.g. from auro-combobox during mount).
47493
+ // Check for any element (including custom elements like <auro-icon>
47494
+ // that render via shadow DOM with no text content).
47495
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
47496
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
47497
+ lightDomContent.textContent.trim().length > 0 ||
47498
+ lightDomContent.children.length > 0 ||
47499
+ lightDomContent.shadowRoot !== null
47500
+ ));
47501
+ this.requestUpdate();
47425
47502
  return;
47426
47503
  }
47427
47504
  const nodes = slot.assignedNodes({ flatten: true });
47428
47505
 
47429
- this.hasDisplayValueContent = nodes.length > 0;
47506
+ // Check for actual visible content, not just node existence.
47507
+ // An empty <span slot="displayValue"></span> forwarded from the
47508
+ // consumer should not be treated as "has content" — it causes the
47509
+ // displayValue wrapper to render (with hasContent class) but show
47510
+ // nothing, blocking the combobox's synthetic displayValue from
47511
+ // being visible on preset/deeplink load.
47512
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
47513
+ // treated as content even when they have no text or light-DOM children.
47514
+ this.hasDisplayValueContent = nodes.some((node) => {
47515
+ if (node.nodeType === Node.TEXT_NODE) {
47516
+ return node.textContent.trim().length > 0;
47517
+ }
47518
+ if (node.nodeType === Node.ELEMENT_NODE) {
47519
+ return node.textContent.trim().length > 0 ||
47520
+ node.children.length > 0 ||
47521
+ node.shadowRoot !== null;
47522
+ }
47523
+ return false;
47524
+ });
47525
+
47526
+ this.requestUpdate();
47430
47527
  }
47431
47528
 
47432
47529
  firstUpdated() {
@@ -52073,7 +52170,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
52073
52170
  }
52074
52171
  };
52075
52172
 
52076
- var formkitVersion$1$2 = '202607152158';
52173
+ var formkitVersion$1$2 = '202607160655';
52077
52174
 
52078
52175
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
52079
52176
  // See LICENSE in the project root for license information.
@@ -56221,7 +56318,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
56221
56318
  }
56222
56319
  };
56223
56320
 
56224
- var formkitVersion$6 = '202607152158';
56321
+ var formkitVersion$6 = '202607160655';
56225
56322
 
56226
56323
  let AuroElement$1$2 = class AuroElement extends i$3 {
56227
56324
  static get properties() {
@@ -56350,7 +56447,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56350
56447
  static get shadowRootOptions() {
56351
56448
  return {
56352
56449
  ...AuroElement$1$2.shadowRootOptions,
56353
- delegatesFocus: true,
56354
56450
  };
56355
56451
  }
56356
56452
 
@@ -56517,7 +56613,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56517
56613
  focusables[0].focus();
56518
56614
  }
56519
56615
  } else {
56616
+ this.focusTrigger();
56617
+ }
56618
+ }
56619
+
56620
+ /**
56621
+ * Focus the trigger content. When the trigger wrapper itself is focusable
56622
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
56623
+ * element slotted into the trigger slot (e.g. the auro-input).
56624
+ * @private
56625
+ */
56626
+ focusTrigger() {
56627
+ if (this.trigger.hasAttribute('tabindex')) {
56520
56628
  this.trigger.focus();
56629
+ } else {
56630
+ // Slotted content isn't a DOM child of the trigger div, so
56631
+ // getFocusableElements can't find it. Query assigned nodes directly.
56632
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
56633
+ if (slot) {
56634
+ const assigned = slot.assignedElements();
56635
+ for (const el of assigned) {
56636
+ if (el.hasAttribute('disabled')) {
56637
+ continue;
56638
+ }
56639
+ // Try finding a focusable descendant first (handles non-focusable
56640
+ // wrappers like <div> containing a <button>). If none found, try
56641
+ // focusing the element directly (works for custom elements like
56642
+ // auro-input that have delegatesFocus or a custom focus() method).
56643
+ const descendants = getFocusableElements$3(el);
56644
+ if (descendants.length > 0) {
56645
+ descendants[0].focus();
56646
+ return;
56647
+ }
56648
+ el.focus();
56649
+ return;
56650
+ }
56651
+ }
56652
+ // Fallback: try DOM children (non-slotted content)
56653
+ const focusables = getFocusableElements$3(this.trigger);
56654
+ if (focusables.length > 0) {
56655
+ focusables[0].focus();
56656
+ }
56521
56657
  }
56522
56658
  }
56523
56659
 
@@ -56971,14 +57107,16 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56971
57107
 
56972
57108
  const eventType = event.detail.eventType || "unknown";
56973
57109
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
56974
- this.trigger.focus();
57110
+ this.focusTrigger();
56975
57111
  }
56976
57112
 
56977
57113
 
56978
57114
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
56979
57115
  // — restoring to the trigger would trap the user on this dropdown, forcing
56980
57116
  // an extra Tab to move on. Escape and outside-click still restore.
56981
- if (!this.isPopoverVisible && eventType !== "focusloss") {
57117
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
57118
+ // its own focus restoration — skip the generic trigger focus to avoid races.
57119
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
56982
57120
  // wait til the bib gets fully closed and rendered
56983
57121
  setTimeout(() => {
56984
57122
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -56990,7 +57128,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56990
57128
  return;
56991
57129
  }
56992
57130
  // Restore focus to the trigger.
56993
- this.trigger.focus();
57131
+ this.focusTrigger();
56994
57132
  });
56995
57133
  }
56996
57134
  }
@@ -60218,7 +60356,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
60218
60356
  }
60219
60357
  };
60220
60358
 
60221
- var formkitVersion$5 = '202607152158';
60359
+ var formkitVersion$5 = '202607160655';
60222
60360
 
60223
60361
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
60224
60362
  // See LICENSE in the project root for license information.
@@ -61983,7 +62121,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
61983
62121
  }
61984
62122
  };
61985
62123
 
61986
- var formkitVersion$4 = '202607152158';
62124
+ var formkitVersion$4 = '202607160655';
61987
62125
 
61988
62126
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61989
62127
  // See LICENSE in the project root for license information.
@@ -67296,7 +67434,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
67296
67434
  }
67297
67435
  };
67298
67436
 
67299
- var formkitVersion$2 = '202607152158';
67437
+ var formkitVersion$2 = '202607160655';
67300
67438
 
67301
67439
  let AuroElement$2$1 = class AuroElement extends i$3 {
67302
67440
  static get properties() {
@@ -67425,7 +67563,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67425
67563
  static get shadowRootOptions() {
67426
67564
  return {
67427
67565
  ...AuroElement$2$1.shadowRootOptions,
67428
- delegatesFocus: true,
67429
67566
  };
67430
67567
  }
67431
67568
 
@@ -67592,7 +67729,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67592
67729
  focusables[0].focus();
67593
67730
  }
67594
67731
  } else {
67732
+ this.focusTrigger();
67733
+ }
67734
+ }
67735
+
67736
+ /**
67737
+ * Focus the trigger content. When the trigger wrapper itself is focusable
67738
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
67739
+ * element slotted into the trigger slot (e.g. the auro-input).
67740
+ * @private
67741
+ */
67742
+ focusTrigger() {
67743
+ if (this.trigger.hasAttribute('tabindex')) {
67595
67744
  this.trigger.focus();
67745
+ } else {
67746
+ // Slotted content isn't a DOM child of the trigger div, so
67747
+ // getFocusableElements can't find it. Query assigned nodes directly.
67748
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
67749
+ if (slot) {
67750
+ const assigned = slot.assignedElements();
67751
+ for (const el of assigned) {
67752
+ if (el.hasAttribute('disabled')) {
67753
+ continue;
67754
+ }
67755
+ // Try finding a focusable descendant first (handles non-focusable
67756
+ // wrappers like <div> containing a <button>). If none found, try
67757
+ // focusing the element directly (works for custom elements like
67758
+ // auro-input that have delegatesFocus or a custom focus() method).
67759
+ const descendants = getFocusableElements$2(el);
67760
+ if (descendants.length > 0) {
67761
+ descendants[0].focus();
67762
+ return;
67763
+ }
67764
+ el.focus();
67765
+ return;
67766
+ }
67767
+ }
67768
+ // Fallback: try DOM children (non-slotted content)
67769
+ const focusables = getFocusableElements$2(this.trigger);
67770
+ if (focusables.length > 0) {
67771
+ focusables[0].focus();
67772
+ }
67596
67773
  }
67597
67774
  }
67598
67775
 
@@ -68046,14 +68223,16 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68046
68223
 
68047
68224
  const eventType = event.detail.eventType || "unknown";
68048
68225
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
68049
- this.trigger.focus();
68226
+ this.focusTrigger();
68050
68227
  }
68051
68228
 
68052
68229
 
68053
68230
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
68054
68231
  // — restoring to the trigger would trap the user on this dropdown, forcing
68055
68232
  // an extra Tab to move on. Escape and outside-click still restore.
68056
- if (!this.isPopoverVisible && eventType !== "focusloss") {
68233
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
68234
+ // its own focus restoration — skip the generic trigger focus to avoid races.
68235
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
68057
68236
  // wait til the bib gets fully closed and rendered
68058
68237
  setTimeout(() => {
68059
68238
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -68065,7 +68244,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68065
68244
  return;
68066
68245
  }
68067
68246
  // Restore focus to the trigger.
68068
- this.trigger.focus();
68247
+ this.focusTrigger();
68069
68248
  });
68070
68249
  }
68071
68250
  }
@@ -79239,9 +79418,10 @@ class DomHandler {
79239
79418
  class BaseInput extends AuroElement$1$1 {
79240
79419
 
79241
79420
  // Delegate focus to the native <input> inside the shadow root so that
79242
- // showModal()'s dialog focusing steps reach the input element.
79243
- // This keeps the mobile virtual keyboard open when the fullscreen dialog
79244
- // opens, because the browser sees an input-to-input focus transfer.
79421
+ // clicking anywhere on the input wrapper focuses the native input, and
79422
+ // programmatic .focus() calls on elements in the shadow DOM work correctly.
79423
+ // The initial-load focus theft was caused by the static `autofocus`
79424
+ // attribute on the bib input (now conditional), not by delegatesFocus.
79245
79425
  static get shadowRootOptions() {
79246
79426
  return {
79247
79427
  ...AuroElement$1$1.shadowRootOptions,
@@ -80918,7 +81098,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
80918
81098
  }
80919
81099
  };
80920
81100
 
80921
- var formkitVersion$1$1 = '202607152158';
81101
+ var formkitVersion$1$1 = '202607160655';
80922
81102
 
80923
81103
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80924
81104
  // See LICENSE in the project root for license information.
@@ -81204,18 +81384,45 @@ class AuroInput extends BaseInput {
81204
81384
  * @returns {void}
81205
81385
  */
81206
81386
  checkDisplayValueSlotChange() {
81207
- // flatten:true resolves through auro-combobox's forwarding slot
81208
- // (<slot name="displayValue" slot="displayValue">) so a clone appended
81209
- // directly to auro-input's light DOM alongside the forwarder still
81210
- // counts as content. The prior nodes[0].tagName === 'SLOT' recursion
81211
- // discarded any siblings past the forwarder.
81212
81387
  const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
81213
81388
  if (!slot) {
81389
+ // Shadow slot not yet rendered — fall back to checking light-DOM
81390
+ // children so hasDisplayValueContent isn't stuck false when called
81391
+ // before firstUpdated (e.g. from auro-combobox during mount).
81392
+ // Check for any element (including custom elements like <auro-icon>
81393
+ // that render via shadow DOM with no text content).
81394
+ const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
81395
+ this.hasDisplayValueContent = Boolean(lightDomContent && (
81396
+ lightDomContent.textContent.trim().length > 0 ||
81397
+ lightDomContent.children.length > 0 ||
81398
+ lightDomContent.shadowRoot !== null
81399
+ ));
81400
+ this.requestUpdate();
81214
81401
  return;
81215
81402
  }
81216
81403
  const nodes = slot.assignedNodes({ flatten: true });
81217
81404
 
81218
- this.hasDisplayValueContent = nodes.length > 0;
81405
+ // Check for actual visible content, not just node existence.
81406
+ // An empty <span slot="displayValue"></span> forwarded from the
81407
+ // consumer should not be treated as "has content" — it causes the
81408
+ // displayValue wrapper to render (with hasContent class) but show
81409
+ // nothing, blocking the combobox's synthetic displayValue from
81410
+ // being visible on preset/deeplink load.
81411
+ // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
81412
+ // treated as content even when they have no text or light-DOM children.
81413
+ this.hasDisplayValueContent = nodes.some((node) => {
81414
+ if (node.nodeType === Node.TEXT_NODE) {
81415
+ return node.textContent.trim().length > 0;
81416
+ }
81417
+ if (node.nodeType === Node.ELEMENT_NODE) {
81418
+ return node.textContent.trim().length > 0 ||
81419
+ node.children.length > 0 ||
81420
+ node.shadowRoot !== null;
81421
+ }
81422
+ return false;
81423
+ });
81424
+
81425
+ this.requestUpdate();
81219
81426
  }
81220
81427
 
81221
81428
  firstUpdated() {
@@ -82042,7 +82249,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
82042
82249
  }
82043
82250
  };
82044
82251
 
82045
- var formkitVersion$3 = '202607152158';
82252
+ var formkitVersion$3 = '202607160655';
82046
82253
 
82047
82254
  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}`;
82048
82255
 
@@ -83094,6 +83301,14 @@ class AuroCombobox extends AuroElement$3 {
83094
83301
  // auroMenu-selectedOption event hasn't fired yet, or we're on remount
83095
83302
  // with no options loaded). Synthesize a displayValue from the value so
83096
83303
  // the overlay isn't blank.
83304
+ //
83305
+ // NOTE: This renders the raw machine value (e.g. "SEA"), not the
83306
+ // human-readable label (e.g. "Seattle, WA"). For consumers where
83307
+ // value ≠ label, this produces a brief flash of the raw value until
83308
+ // the option elements load and updateTriggerTextDisplay re-runs with
83309
+ // the correct label. This is intentionally preferred over a blank
83310
+ // state — the displayValueInTrigger.remove() cleanup above ensures
83311
+ // this placeholder is replaced once the real option is available.
83097
83312
  const syntheticDV = document.createElement('span');
83098
83313
  syntheticDV.setAttribute('slot', 'displayValue');
83099
83314
  syntheticDV.textContent = this.value;
@@ -83346,7 +83561,11 @@ class AuroCombobox extends AuroElement$3 {
83346
83561
  // after the dropdown layout settles.
83347
83562
 
83348
83563
  doubleRaf$1(() => {
83349
- this.setInputFocus();
83564
+ // Guard: skip if the dropdown closed before this rAF fired
83565
+ // (e.g. user selected an option immediately after the bib opened).
83566
+ if (this.dropdownOpen) {
83567
+ this.setInputFocus();
83568
+ }
83350
83569
  if (this._inFullscreenTransition) {
83351
83570
  this._inFullscreenTransition = false;
83352
83571
  }
@@ -83393,7 +83612,9 @@ class AuroCombobox extends AuroElement$3 {
83393
83612
  }
83394
83613
 
83395
83614
  this._scheduleTimer(() => {
83396
- this.setInputFocus();
83615
+ if (this.dropdown.isPopoverVisible) {
83616
+ this.setInputFocus();
83617
+ }
83397
83618
  }, 0);
83398
83619
  });
83399
83620
  }
@@ -83402,14 +83623,19 @@ class AuroCombobox extends AuroElement$3 {
83402
83623
  * @private
83403
83624
  */
83404
83625
  setClearBtnFocus() {
83405
- const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
83406
- if (clearBtn) {
83407
- // Wait for the element to fully render across
83408
- // multiple Lit update cycles before moving focus
83409
- doubleRaf$1(() => {
83626
+ doubleRaf$1(() => {
83627
+ // First establish focus inside the input's shadow root.
83628
+ // Without this, clearBtn.focus() silently fails when focus is on
83629
+ // document.body (e.g. after a click selection closes the bib dialog).
83630
+ // delegatesFocus on BaseInput routes this to the native <input>.
83631
+ this.input.focus();
83632
+
83633
+ // Now move focus to the clear button within the same shadow root.
83634
+ const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
83635
+ if (clearBtn) {
83410
83636
  clearBtn.focus();
83411
- });
83412
- }
83637
+ }
83638
+ });
83413
83639
  }
83414
83640
 
83415
83641
  /**
@@ -83620,6 +83846,9 @@ class AuroCombobox extends AuroElement$3 {
83620
83846
  // only — fresh user selections take the existing hideBib path.
83621
83847
  if (isEcho && this.menu.optionSelected) {
83622
83848
  this._programmaticFilterRefresh = true;
83849
+ this.updateComplete.then(() => {
83850
+ this._programmaticFilterRefresh = false;
83851
+ });
83623
83852
  }
83624
83853
  });
83625
83854
 
@@ -83850,15 +84079,6 @@ class AuroCombobox extends AuroElement$3 {
83850
84079
  * @returns {void}
83851
84080
  */
83852
84081
  handleTriggerInputValueChange(event) {
83853
- // Clear a stale _programmaticFilterRefresh when the user is genuinely
83854
- // interacting. On mount, updated('value') sets the flag, but the early
83855
- // return at `this.value === this.input.value` exits before clearing it.
83856
- // Without this, the first keystroke after mount fails to set _userTyped
83857
- // and the bib doesn't open.
83858
- if (this._programmaticFilterRefresh && this.componentHasFocus) {
83859
- this._programmaticFilterRefresh = false;
83860
- }
83861
-
83862
84082
  // 'input' fires for every user-initiated value change — typing, paste,
83863
84083
  // IME composition end, dead-key composition, drag-drop. Flip _userTyped
83864
84084
  // here so updated('availableOptions') auto-opens the bib for sources
@@ -83881,10 +84101,6 @@ class AuroCombobox extends AuroElement$3 {
83881
84101
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
83882
84102
  this.setInputFocus();
83883
84103
  }
83884
-
83885
- if (this._programmaticFilterRefresh) {
83886
- this._programmaticFilterRefresh = false;
83887
- }
83888
84104
  }
83889
84105
 
83890
84106
  /**
@@ -84083,6 +84299,12 @@ class AuroCombobox extends AuroElement$3 {
84083
84299
  // setting the flag unconditionally here masks the user-typed open path.
84084
84300
  if (!this._userTyped) {
84085
84301
  this._programmaticFilterRefresh = true;
84302
+ // Self-clear after this update cycle completes. This collapses
84303
+ // the previous scattered clear-points into one and prevents the
84304
+ // flag from surviving into the next user interaction.
84305
+ this.updateComplete.then(() => {
84306
+ this._programmaticFilterRefresh = false;
84307
+ });
84086
84308
  }
84087
84309
 
84088
84310
  if (this.input.value !== this.value) {
@@ -84172,10 +84394,6 @@ class AuroCombobox extends AuroElement$3 {
84172
84394
  } else if (!this.dropdown.isBibFullscreen) {
84173
84395
  this.hideBib();
84174
84396
  }
84175
-
84176
- if (this._programmaticFilterRefresh) {
84177
- this._programmaticFilterRefresh = false;
84178
- }
84179
84397
  }
84180
84398
 
84181
84399
  if (changedProperties.has('error')) {
@@ -84357,7 +84575,7 @@ class AuroCombobox extends AuroElement$3 {
84357
84575
  <slot @slotchange="${this.handleSlotChange}"></slot>
84358
84576
  <${this.inputTag}
84359
84577
  id="inputInBib"
84360
- autofocus
84578
+ ?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
84361
84579
  @input="${this.handleInputValueChange}"
84362
84580
  .a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
84363
84581
  .a11yControls=${`${this.dropdownId}-floater-bib`}
@@ -90888,7 +91106,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
90888
91106
  }
90889
91107
  };
90890
91108
 
90891
- var formkitVersion$1 = '202607152158';
91109
+ var formkitVersion$1 = '202607160655';
90892
91110
 
90893
91111
  class AuroElement extends i$3 {
90894
91112
  static get properties() {
@@ -91017,7 +91235,6 @@ class AuroDropdown extends AuroElement {
91017
91235
  static get shadowRootOptions() {
91018
91236
  return {
91019
91237
  ...AuroElement.shadowRootOptions,
91020
- delegatesFocus: true,
91021
91238
  };
91022
91239
  }
91023
91240
 
@@ -91184,7 +91401,47 @@ class AuroDropdown extends AuroElement {
91184
91401
  focusables[0].focus();
91185
91402
  }
91186
91403
  } else {
91404
+ this.focusTrigger();
91405
+ }
91406
+ }
91407
+
91408
+ /**
91409
+ * Focus the trigger content. When the trigger wrapper itself is focusable
91410
+ * (has tabindex), focus it directly. Otherwise, focus the first focusable
91411
+ * element slotted into the trigger slot (e.g. the auro-input).
91412
+ * @private
91413
+ */
91414
+ focusTrigger() {
91415
+ if (this.trigger.hasAttribute('tabindex')) {
91187
91416
  this.trigger.focus();
91417
+ } else {
91418
+ // Slotted content isn't a DOM child of the trigger div, so
91419
+ // getFocusableElements can't find it. Query assigned nodes directly.
91420
+ const slot = this.trigger.querySelector('slot[name="trigger"]');
91421
+ if (slot) {
91422
+ const assigned = slot.assignedElements();
91423
+ for (const el of assigned) {
91424
+ if (el.hasAttribute('disabled')) {
91425
+ continue;
91426
+ }
91427
+ // Try finding a focusable descendant first (handles non-focusable
91428
+ // wrappers like <div> containing a <button>). If none found, try
91429
+ // focusing the element directly (works for custom elements like
91430
+ // auro-input that have delegatesFocus or a custom focus() method).
91431
+ const descendants = getFocusableElements(el);
91432
+ if (descendants.length > 0) {
91433
+ descendants[0].focus();
91434
+ return;
91435
+ }
91436
+ el.focus();
91437
+ return;
91438
+ }
91439
+ }
91440
+ // Fallback: try DOM children (non-slotted content)
91441
+ const focusables = getFocusableElements(this.trigger);
91442
+ if (focusables.length > 0) {
91443
+ focusables[0].focus();
91444
+ }
91188
91445
  }
91189
91446
  }
91190
91447
 
@@ -91638,14 +91895,16 @@ class AuroDropdown extends AuroElement {
91638
91895
 
91639
91896
  const eventType = event.detail.eventType || "unknown";
91640
91897
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
91641
- this.trigger.focus();
91898
+ this.focusTrigger();
91642
91899
  }
91643
91900
 
91644
91901
 
91645
91902
  // On Tab-driven close (eventType "focusloss"), let focus advance naturally
91646
91903
  // — restoring to the trigger would trap the user on this dropdown, forcing
91647
91904
  // an extra Tab to move on. Escape and outside-click still restore.
91648
- if (!this.isPopoverVisible && eventType !== "focusloss") {
91905
+ // When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
91906
+ // its own focus restoration — skip the generic trigger focus to avoid races.
91907
+ if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
91649
91908
  // wait til the bib gets fully closed and rendered
91650
91909
  setTimeout(() => {
91651
91910
  // Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
@@ -91657,7 +91916,7 @@ class AuroDropdown extends AuroElement {
91657
91916
  return;
91658
91917
  }
91659
91918
  // Restore focus to the trigger.
91660
- this.trigger.focus();
91919
+ this.focusTrigger();
91661
91920
  });
91662
91921
  }
91663
91922
  }
@@ -92931,7 +93190,7 @@ class AuroHelpText extends i$3 {
92931
93190
  }
92932
93191
  }
92933
93192
 
92934
- var formkitVersion = '202607152158';
93193
+ var formkitVersion = '202607160655';
92935
93194
 
92936
93195
  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}`;
92937
93196