@aurodesignsystem-dev/auro-formkit 0.0.0-pr1546.0 → 0.0.0-pr1547.0

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 (47) 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 +33 -276
  7. package/components/combobox/demo/getting-started.min.js +33 -276
  8. package/components/combobox/demo/index.min.js +33 -276
  9. package/components/combobox/demo/keyboard-behavior.md +1 -1
  10. package/components/combobox/dist/auro-combobox.d.ts +0 -1
  11. package/components/combobox/dist/index.js +33 -276
  12. package/components/combobox/dist/registered.js +33 -276
  13. package/components/counter/demo/customize.min.js +2 -2
  14. package/components/counter/demo/index.min.js +2 -2
  15. package/components/counter/dist/index.js +2 -2
  16. package/components/counter/dist/registered.js +2 -2
  17. package/components/datepicker/demo/customize.min.js +3 -3
  18. package/components/datepicker/demo/index.min.js +3 -3
  19. package/components/datepicker/dist/index.js +3 -3
  20. package/components/datepicker/dist/registered.js +3 -3
  21. package/components/dropdown/demo/customize.html +3 -0
  22. package/components/dropdown/demo/customize.min.js +12 -2
  23. package/components/dropdown/demo/getting-started.min.js +1 -1
  24. package/components/dropdown/demo/index.min.js +1 -1
  25. package/components/dropdown/dist/index.js +1 -1
  26. package/components/dropdown/dist/registered.js +1 -1
  27. package/components/form/demo/customize.min.js +97 -340
  28. package/components/form/demo/getting-started.min.js +97 -340
  29. package/components/form/demo/index.min.js +97 -340
  30. package/components/form/demo/registerDemoDeps.min.js +97 -340
  31. package/components/input/demo/customize.min.js +1 -1
  32. package/components/input/demo/getting-started.min.js +1 -1
  33. package/components/input/demo/index.min.js +1 -1
  34. package/components/input/dist/index.js +1 -1
  35. package/components/input/dist/registered.js +1 -1
  36. package/components/radio/demo/customize.min.js +1 -1
  37. package/components/radio/demo/getting-started.min.js +1 -1
  38. package/components/radio/demo/index.min.js +1 -1
  39. package/components/radio/dist/index.js +1 -1
  40. package/components/radio/dist/registered.js +1 -1
  41. package/components/select/demo/customize.min.js +2 -2
  42. package/components/select/demo/getting-started.min.js +2 -2
  43. package/components/select/demo/index.min.js +2 -2
  44. package/components/select/dist/index.js +2 -2
  45. package/components/select/dist/registered.js +2 -2
  46. package/custom-elements.json +1 -1
  47. package/package.json +1 -1
@@ -12338,7 +12338,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12338
12338
  }
12339
12339
  };
12340
12340
 
12341
- var formkitVersion$8 = '202607090129';
12341
+ var formkitVersion$8 = '202607091532';
12342
12342
 
12343
12343
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12344
12344
  // See LICENSE in the project root for license information.
@@ -26735,7 +26735,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26735
26735
  }
26736
26736
  };
26737
26737
 
26738
- var formkitVersion$2$1 = '202607090129';
26738
+ var formkitVersion$2$1 = '202607091532';
26739
26739
 
26740
26740
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26741
26741
  `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -31506,7 +31506,7 @@ let AuroFloatingUI$3 = class AuroFloatingUI {
31506
31506
  };
31507
31507
 
31508
31508
  // Selectors for focusable elements
31509
- const FOCUSABLE_SELECTORS$4 = [
31509
+ const FOCUSABLE_SELECTORS$3 = [
31510
31510
  "a[href]",
31511
31511
  "button:not([disabled])",
31512
31512
  "textarea:not([disabled])",
@@ -31520,7 +31520,7 @@ const FOCUSABLE_SELECTORS$4 = [
31520
31520
  ];
31521
31521
 
31522
31522
  // List of custom components that are known to be focusable
31523
- const FOCUSABLE_COMPONENTS$4 = [
31523
+ const FOCUSABLE_COMPONENTS$3 = [
31524
31524
  "auro-checkbox",
31525
31525
  "auro-radio",
31526
31526
  "auro-dropdown",
@@ -31542,12 +31542,12 @@ const FOCUSABLE_COMPONENTS$4 = [
31542
31542
  * @param {HTMLElement} element The element to check for focusability.
31543
31543
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
31544
31544
  */
31545
- function isFocusableComponent$4(element) {
31545
+ function isFocusableComponent$3(element) {
31546
31546
  const componentName = element.tagName.toLowerCase();
31547
31547
 
31548
31548
  // Guard Clause: Element is a focusable component
31549
31549
  if (
31550
- !FOCUSABLE_COMPONENTS$4.some(
31550
+ !FOCUSABLE_COMPONENTS$3.some(
31551
31551
  (name) => element.hasAttribute(name) || componentName === name,
31552
31552
  )
31553
31553
  )
@@ -31571,7 +31571,7 @@ function isFocusableComponent$4(element) {
31571
31571
  * @param {HTMLElement} element The element whose tabindex to read.
31572
31572
  * @returns {?number} The numeric tabindex or null if missing/invalid.
31573
31573
  */
31574
- function getNumericTabIndex$4(element) {
31574
+ function getNumericTabIndex$3(element) {
31575
31575
  const raw = element.getAttribute("tabindex");
31576
31576
  if (raw == null) return null;
31577
31577
 
@@ -31587,7 +31587,7 @@ function getNumericTabIndex$4(element) {
31587
31587
  * @param {HTMLElement} container The container to search within
31588
31588
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
31589
31589
  */
31590
- function getFocusableElements$4(container) {
31590
+ function getFocusableElements$3(container) {
31591
31591
  // Get elements in DOM order by walking the tree
31592
31592
  const orderedFocusableElements = [];
31593
31593
 
@@ -31596,7 +31596,7 @@ function getFocusableElements$4(container) {
31596
31596
  // Check if current element is focusable
31597
31597
  if (root.nodeType === Node.ELEMENT_NODE) {
31598
31598
  // Check if this is a custom component that is focusable
31599
- const isComponentFocusable = isFocusableComponent$4(root);
31599
+ const isComponentFocusable = isFocusableComponent$3(root);
31600
31600
 
31601
31601
  if (isComponentFocusable) {
31602
31602
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -31605,7 +31605,7 @@ function getFocusableElements$4(container) {
31605
31605
  }
31606
31606
 
31607
31607
  // Check if the element itself matches any selector
31608
- for (const selector of FOCUSABLE_SELECTORS$4) {
31608
+ for (const selector of FOCUSABLE_SELECTORS$3) {
31609
31609
  if (root.matches?.(selector)) {
31610
31610
  orderedFocusableElements.push(root);
31611
31611
  break; // Once we know it's focusable, no need to check other selectors
@@ -31659,20 +31659,20 @@ function getFocusableElements$4(container) {
31659
31659
 
31660
31660
  // First extract elements with valid positive tabindex
31661
31661
  const elementsWithTabindex = uniqueElements.filter((el) => {
31662
- const tabindex = getNumericTabIndex$4(el);
31662
+ const tabindex = getNumericTabIndex$3(el);
31663
31663
  return tabindex !== null && tabindex > 0;
31664
31664
  });
31665
31665
 
31666
31666
  // Sort these elements by their tabindex value
31667
31667
  elementsWithTabindex.sort((a, b) => {
31668
- const aIndex = getNumericTabIndex$4(a) ?? 0;
31669
- const bIndex = getNumericTabIndex$4(b) ?? 0;
31668
+ const aIndex = getNumericTabIndex$3(a) ?? 0;
31669
+ const bIndex = getNumericTabIndex$3(b) ?? 0;
31670
31670
  return aIndex - bIndex;
31671
31671
  });
31672
31672
 
31673
31673
  // Elements without tabindex (preserving their original order)
31674
31674
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
31675
- const tabindex = getNumericTabIndex$4(el);
31675
+ const tabindex = getNumericTabIndex$3(el);
31676
31676
 
31677
31677
  // Elements without tabindex or with tabindex of 0 stay in DOM order
31678
31678
  return tabindex === null || tabindex === 0;
@@ -31843,7 +31843,7 @@ let FocusTrap$3 = class FocusTrap {
31843
31843
  */
31844
31844
  _getFocusableElements() {
31845
31845
  // Use the imported utility function to get focusable elements
31846
- const elements = getFocusableElements$4(this.container);
31846
+ const elements = getFocusableElements$3(this.container);
31847
31847
 
31848
31848
  // Return the elements found
31849
31849
  return elements;
@@ -32628,7 +32628,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32628
32628
  }
32629
32629
  };
32630
32630
 
32631
- var formkitVersion$1$3 = '202607090129';
32631
+ var formkitVersion$1$3 = '202607091532';
32632
32632
 
32633
32633
  let AuroElement$2$2 = class AuroElement extends i$2 {
32634
32634
  static get properties() {
@@ -32919,7 +32919,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
32919
32919
  */
32920
32920
  focus() {
32921
32921
  if (this.isPopoverVisible && this.bibContent) {
32922
- const focusables = getFocusableElements$4(this.bibContent);
32922
+ const focusables = getFocusableElements$3(this.bibContent);
32923
32923
  if (focusables.length > 0) {
32924
32924
  focusables[0].focus();
32925
32925
  }
@@ -33537,7 +33537,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33537
33537
  }
33538
33538
 
33539
33539
  // Collect focusable elements from the bib content.
33540
- const focusables = getFocusableElements$4(this.bibContent);
33540
+ const focusables = getFocusableElements$3(this.bibContent);
33541
33541
 
33542
33542
  // Fallback: try from slotted content directly
33543
33543
  if (!focusables.length) {
@@ -33546,7 +33546,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33546
33546
 
33547
33547
  for (const node of assignedNodes) {
33548
33548
  if (node.nodeType === Node.ELEMENT_NODE) {
33549
- focusables.push(...getFocusableElements$4(node));
33549
+ focusables.push(...getFocusableElements$3(node));
33550
33550
  }
33551
33551
  }
33552
33552
  }
@@ -33606,7 +33606,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33606
33606
 
33607
33607
  // Move initial focus into the bib content, matching FocusTrap behavior
33608
33608
  requestAnimationFrame(() => {
33609
- const focusables = getFocusableElements$4(this.bibContent);
33609
+ const focusables = getFocusableElements$3(this.bibContent);
33610
33610
  if (focusables.length) {
33611
33611
  focusables[0].focus();
33612
33612
  }
@@ -33836,7 +33836,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33836
33836
  if (triggerContentNodes) {
33837
33837
 
33838
33838
  // See if any of them are focusable elements
33839
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$4(node).length > 0);
33839
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
33840
33840
 
33841
33841
  // If any of them are focusable elements
33842
33842
  if (this.triggerContentFocusable) {
@@ -46246,7 +46246,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46246
46246
  }
46247
46247
  };
46248
46248
 
46249
- var formkitVersion$7 = '202607090129';
46249
+ var formkitVersion$7 = '202607091532';
46250
46250
 
46251
46251
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
46252
46252
  // See LICENSE in the project root for license information.
@@ -51162,7 +51162,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51162
51162
  }
51163
51163
  };
51164
51164
 
51165
- var formkitVersion$1$2 = '202607090129';
51165
+ var formkitVersion$1$2 = '202607091532';
51166
51166
 
51167
51167
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51168
51168
  // See LICENSE in the project root for license information.
@@ -54368,7 +54368,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
54368
54368
  };
54369
54369
 
54370
54370
  // Selectors for focusable elements
54371
- const FOCUSABLE_SELECTORS$3 = [
54371
+ const FOCUSABLE_SELECTORS$2 = [
54372
54372
  "a[href]",
54373
54373
  "button:not([disabled])",
54374
54374
  "textarea:not([disabled])",
@@ -54382,7 +54382,7 @@ const FOCUSABLE_SELECTORS$3 = [
54382
54382
  ];
54383
54383
 
54384
54384
  // List of custom components that are known to be focusable
54385
- const FOCUSABLE_COMPONENTS$3 = [
54385
+ const FOCUSABLE_COMPONENTS$2 = [
54386
54386
  "auro-checkbox",
54387
54387
  "auro-radio",
54388
54388
  "auro-dropdown",
@@ -54404,12 +54404,12 @@ const FOCUSABLE_COMPONENTS$3 = [
54404
54404
  * @param {HTMLElement} element The element to check for focusability.
54405
54405
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
54406
54406
  */
54407
- function isFocusableComponent$3(element) {
54407
+ function isFocusableComponent$2(element) {
54408
54408
  const componentName = element.tagName.toLowerCase();
54409
54409
 
54410
54410
  // Guard Clause: Element is a focusable component
54411
54411
  if (
54412
- !FOCUSABLE_COMPONENTS$3.some(
54412
+ !FOCUSABLE_COMPONENTS$2.some(
54413
54413
  (name) => element.hasAttribute(name) || componentName === name,
54414
54414
  )
54415
54415
  )
@@ -54433,7 +54433,7 @@ function isFocusableComponent$3(element) {
54433
54433
  * @param {HTMLElement} element The element whose tabindex to read.
54434
54434
  * @returns {?number} The numeric tabindex or null if missing/invalid.
54435
54435
  */
54436
- function getNumericTabIndex$3(element) {
54436
+ function getNumericTabIndex$2(element) {
54437
54437
  const raw = element.getAttribute("tabindex");
54438
54438
  if (raw == null) return null;
54439
54439
 
@@ -54449,7 +54449,7 @@ function getNumericTabIndex$3(element) {
54449
54449
  * @param {HTMLElement} container The container to search within
54450
54450
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
54451
54451
  */
54452
- function getFocusableElements$3(container) {
54452
+ function getFocusableElements$2(container) {
54453
54453
  // Get elements in DOM order by walking the tree
54454
54454
  const orderedFocusableElements = [];
54455
54455
 
@@ -54458,7 +54458,7 @@ function getFocusableElements$3(container) {
54458
54458
  // Check if current element is focusable
54459
54459
  if (root.nodeType === Node.ELEMENT_NODE) {
54460
54460
  // Check if this is a custom component that is focusable
54461
- const isComponentFocusable = isFocusableComponent$3(root);
54461
+ const isComponentFocusable = isFocusableComponent$2(root);
54462
54462
 
54463
54463
  if (isComponentFocusable) {
54464
54464
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -54467,7 +54467,7 @@ function getFocusableElements$3(container) {
54467
54467
  }
54468
54468
 
54469
54469
  // Check if the element itself matches any selector
54470
- for (const selector of FOCUSABLE_SELECTORS$3) {
54470
+ for (const selector of FOCUSABLE_SELECTORS$2) {
54471
54471
  if (root.matches?.(selector)) {
54472
54472
  orderedFocusableElements.push(root);
54473
54473
  break; // Once we know it's focusable, no need to check other selectors
@@ -54521,20 +54521,20 @@ function getFocusableElements$3(container) {
54521
54521
 
54522
54522
  // First extract elements with valid positive tabindex
54523
54523
  const elementsWithTabindex = uniqueElements.filter((el) => {
54524
- const tabindex = getNumericTabIndex$3(el);
54524
+ const tabindex = getNumericTabIndex$2(el);
54525
54525
  return tabindex !== null && tabindex > 0;
54526
54526
  });
54527
54527
 
54528
54528
  // Sort these elements by their tabindex value
54529
54529
  elementsWithTabindex.sort((a, b) => {
54530
- const aIndex = getNumericTabIndex$3(a) ?? 0;
54531
- const bIndex = getNumericTabIndex$3(b) ?? 0;
54530
+ const aIndex = getNumericTabIndex$2(a) ?? 0;
54531
+ const bIndex = getNumericTabIndex$2(b) ?? 0;
54532
54532
  return aIndex - bIndex;
54533
54533
  });
54534
54534
 
54535
54535
  // Elements without tabindex (preserving their original order)
54536
54536
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
54537
- const tabindex = getNumericTabIndex$3(el);
54537
+ const tabindex = getNumericTabIndex$2(el);
54538
54538
 
54539
54539
  // Elements without tabindex or with tabindex of 0 stay in DOM order
54540
54540
  return tabindex === null || tabindex === 0;
@@ -54705,7 +54705,7 @@ let FocusTrap$2 = class FocusTrap {
54705
54705
  */
54706
54706
  _getFocusableElements() {
54707
54707
  // Use the imported utility function to get focusable elements
54708
- const elements = getFocusableElements$3(this.container);
54708
+ const elements = getFocusableElements$2(this.container);
54709
54709
 
54710
54710
  // Return the elements found
54711
54711
  return elements;
@@ -55490,7 +55490,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55490
55490
  }
55491
55491
  };
55492
55492
 
55493
- var formkitVersion$6 = '202607090129';
55493
+ var formkitVersion$6 = '202607091532';
55494
55494
 
55495
55495
  let AuroElement$1$2 = class AuroElement extends i$2 {
55496
55496
  static get properties() {
@@ -55781,7 +55781,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55781
55781
  */
55782
55782
  focus() {
55783
55783
  if (this.isPopoverVisible && this.bibContent) {
55784
- const focusables = getFocusableElements$3(this.bibContent);
55784
+ const focusables = getFocusableElements$2(this.bibContent);
55785
55785
  if (focusables.length > 0) {
55786
55786
  focusables[0].focus();
55787
55787
  }
@@ -56399,7 +56399,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56399
56399
  }
56400
56400
 
56401
56401
  // Collect focusable elements from the bib content.
56402
- const focusables = getFocusableElements$3(this.bibContent);
56402
+ const focusables = getFocusableElements$2(this.bibContent);
56403
56403
 
56404
56404
  // Fallback: try from slotted content directly
56405
56405
  if (!focusables.length) {
@@ -56408,7 +56408,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56408
56408
 
56409
56409
  for (const node of assignedNodes) {
56410
56410
  if (node.nodeType === Node.ELEMENT_NODE) {
56411
- focusables.push(...getFocusableElements$3(node));
56411
+ focusables.push(...getFocusableElements$2(node));
56412
56412
  }
56413
56413
  }
56414
56414
  }
@@ -56468,7 +56468,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56468
56468
 
56469
56469
  // Move initial focus into the bib content, matching FocusTrap behavior
56470
56470
  requestAnimationFrame(() => {
56471
- const focusables = getFocusableElements$3(this.bibContent);
56471
+ const focusables = getFocusableElements$2(this.bibContent);
56472
56472
  if (focusables.length) {
56473
56473
  focusables[0].focus();
56474
56474
  }
@@ -56698,7 +56698,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56698
56698
  if (triggerContentNodes) {
56699
56699
 
56700
56700
  // See if any of them are focusable elements
56701
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
56701
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
56702
56702
 
56703
56703
  // If any of them are focusable elements
56704
56704
  if (this.triggerContentFocusable) {
@@ -59470,7 +59470,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59470
59470
  }
59471
59471
  };
59472
59472
 
59473
- var formkitVersion$5 = '202607090129';
59473
+ var formkitVersion$5 = '202607091532';
59474
59474
 
59475
59475
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59476
59476
  // See LICENSE in the project root for license information.
@@ -61235,7 +61235,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
61235
61235
  }
61236
61236
  };
61237
61237
 
61238
- var formkitVersion$4 = '202607090129';
61238
+ var formkitVersion$4 = '202607091532';
61239
61239
 
61240
61240
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61241
61241
  // See LICENSE in the project root for license information.
@@ -62426,188 +62426,6 @@ function navigateArrow$1(component, direction, options = {}) {
62426
62426
  }
62427
62427
  }
62428
62428
 
62429
- // Selectors for focusable elements
62430
- const FOCUSABLE_SELECTORS$1 = [
62431
- "a[href]",
62432
- "button:not([disabled])",
62433
- "textarea:not([disabled])",
62434
- "input:not([disabled])",
62435
- "select:not([disabled])",
62436
- '[role="tab"]:not([disabled])',
62437
- '[role="link"]:not([disabled])',
62438
- '[role="button"]:not([disabled])',
62439
- '[tabindex]:not([tabindex="-1"])',
62440
- '[contenteditable]:not([contenteditable="false"])',
62441
- ];
62442
-
62443
- // List of custom components that are known to be focusable
62444
- const FOCUSABLE_COMPONENTS$1 = [
62445
- "auro-checkbox",
62446
- "auro-radio",
62447
- "auro-dropdown",
62448
- "auro-button",
62449
- "auro-combobox",
62450
- "auro-input",
62451
- "auro-counter",
62452
- // 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
62453
- "auro-select",
62454
- "auro-datepicker",
62455
- "auro-hyperlink",
62456
- "auro-accordion",
62457
- ];
62458
-
62459
- /**
62460
- * Determines if a given element is a custom focusable component.
62461
- * Returns true if the element matches a known focusable component and is not disabled.
62462
- *
62463
- * @param {HTMLElement} element The element to check for focusability.
62464
- * @returns {boolean} True if the element is a focusable custom component, false otherwise.
62465
- */
62466
- function isFocusableComponent$1(element) {
62467
- const componentName = element.tagName.toLowerCase();
62468
-
62469
- // Guard Clause: Element is a focusable component
62470
- if (
62471
- !FOCUSABLE_COMPONENTS$1.some(
62472
- (name) => element.hasAttribute(name) || componentName === name,
62473
- )
62474
- )
62475
- return false;
62476
-
62477
- // Guard Clause: Element is not disabled
62478
- if (element.hasAttribute("disabled")) return false;
62479
-
62480
- // Guard Clause: The element is a hyperlink and has no href attribute
62481
- if (componentName.match("hyperlink") && !element.hasAttribute("href"))
62482
- return false;
62483
-
62484
- // If all guard clauses pass, the element is a focusable component
62485
- return true;
62486
- }
62487
-
62488
- /**
62489
- * Safely get a numeric tabindex for an element.
62490
- * Returns a number if the tabindex is a valid integer, otherwise null.
62491
- *
62492
- * @param {HTMLElement} element The element whose tabindex to read.
62493
- * @returns {?number} The numeric tabindex or null if missing/invalid.
62494
- */
62495
- function getNumericTabIndex$1(element) {
62496
- const raw = element.getAttribute("tabindex");
62497
- if (raw == null) return null;
62498
-
62499
- const value = Number.parseInt(raw, 10);
62500
- return Number.isNaN(value) ? null : value;
62501
- }
62502
-
62503
- /**
62504
- * Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
62505
- * Returns a unique, ordered array of elements that can receive focus.
62506
- * Also sorts elements with tabindex first, preserving their order.
62507
- *
62508
- * @param {HTMLElement} container The container to search within
62509
- * @returns {Array<HTMLElement>} An array of focusable elements within the container.
62510
- */
62511
- function getFocusableElements$1(container) {
62512
- // Get elements in DOM order by walking the tree
62513
- const orderedFocusableElements = [];
62514
-
62515
- // Define a recursive function to collect focusable elements in DOM order
62516
- const collectFocusableElements = (root) => {
62517
- // Check if current element is focusable
62518
- if (root.nodeType === Node.ELEMENT_NODE) {
62519
- // Check if this is a custom component that is focusable
62520
- const isComponentFocusable = isFocusableComponent$1(root);
62521
-
62522
- if (isComponentFocusable) {
62523
- // Add the component itself as a focusable element and don't traverse its shadow DOM
62524
- orderedFocusableElements.push(root);
62525
- return; // Skip traversing inside this component
62526
- }
62527
-
62528
- // Check if the element itself matches any selector
62529
- for (const selector of FOCUSABLE_SELECTORS$1) {
62530
- if (root.matches?.(selector)) {
62531
- orderedFocusableElements.push(root);
62532
- break; // Once we know it's focusable, no need to check other selectors
62533
- }
62534
- }
62535
-
62536
- // Process shadow DOM only for non-Auro components
62537
- if (root.shadowRoot) {
62538
- // Process shadow DOM children in order
62539
- if (root.shadowRoot.children) {
62540
- Array.from(root.shadowRoot.children).forEach((child) => {
62541
- collectFocusableElements(child);
62542
- });
62543
- }
62544
- }
62545
-
62546
- // Process slots and their assigned nodes in order
62547
- if (root.tagName === "SLOT") {
62548
- const assignedNodes = root.assignedNodes({ flatten: true });
62549
- for (const node of assignedNodes) {
62550
- collectFocusableElements(node);
62551
- }
62552
- } else {
62553
- // Process light DOM children in order
62554
- if (root.children) {
62555
- Array.from(root.children).forEach((child) => {
62556
- collectFocusableElements(child);
62557
- });
62558
- }
62559
- }
62560
- }
62561
- };
62562
-
62563
- // Start the traversal from the container
62564
- collectFocusableElements(container);
62565
-
62566
- // Remove duplicates that might have been collected through different paths
62567
- // while preserving order
62568
- const uniqueElements = [];
62569
- const seen = new Set();
62570
-
62571
- for (const element of orderedFocusableElements) {
62572
- if (!seen.has(element)) {
62573
- seen.add(element);
62574
- uniqueElements.push(element);
62575
- }
62576
- }
62577
-
62578
- // Move tab-indexed elements to the front while preserving their order
62579
- // This ensures that elements with tabindex are prioritized in the focus order
62580
-
62581
- // First extract elements with valid positive tabindex
62582
- const elementsWithTabindex = uniqueElements.filter((el) => {
62583
- const tabindex = getNumericTabIndex$1(el);
62584
- return tabindex !== null && tabindex > 0;
62585
- });
62586
-
62587
- // Sort these elements by their tabindex value
62588
- elementsWithTabindex.sort((a, b) => {
62589
- const aIndex = getNumericTabIndex$1(a) ?? 0;
62590
- const bIndex = getNumericTabIndex$1(b) ?? 0;
62591
- return aIndex - bIndex;
62592
- });
62593
-
62594
- // Elements without tabindex (preserving their original order)
62595
- const elementsWithoutTabindex = uniqueElements.filter((el) => {
62596
- const tabindex = getNumericTabIndex$1(el);
62597
-
62598
- // Elements without tabindex or with tabindex of 0 stay in DOM order
62599
- return tabindex === null || tabindex === 0;
62600
- });
62601
-
62602
- // Combine both arrays with tabindex elements first
62603
- const tabIndexedUniqueElements = [
62604
- ...elementsWithTabindex,
62605
- ...elementsWithoutTabindex,
62606
- ];
62607
-
62608
- return tabIndexedUniqueElements;
62609
- }
62610
-
62611
62429
  /* eslint-disable no-underscore-dangle */
62612
62430
 
62613
62431
  /**
@@ -62653,82 +62471,6 @@ function reconcileMenuIndex(menu) {
62653
62471
  }
62654
62472
  }
62655
62473
 
62656
- /**
62657
- * Commit the highlighted option and close the bib.
62658
- * @param {Element} component - The auro-combobox host element.
62659
- */
62660
- function selectAndClose(component) {
62661
- reconcileMenuIndex(component.menu);
62662
- component.menu.makeSelection();
62663
- component.hideBib();
62664
- }
62665
-
62666
- /**
62667
- * Whether `el` is currently visible enough to receive focus. Prefers the
62668
- * browser's `checkVisibility()` (Chrome/Safari; Firefox behind a flag until
62669
- * recently); otherwise combines a display/visibility check with an
62670
- * ancestor-hidden probe that keeps position:fixed elements visible.
62671
- * @param {Element} el - The element to test.
62672
- * @returns {boolean}
62673
- */
62674
- function isVisibleForFocus(el) {
62675
- if (typeof el.checkVisibility === 'function') {
62676
- return el.checkVisibility();
62677
- }
62678
- const style = el.ownerDocument.defaultView.getComputedStyle(el);
62679
- if (style.display === 'none' || style.visibility === 'hidden') {
62680
- return false;
62681
- }
62682
- return el.offsetParent !== null || style.position === 'fixed';
62683
- }
62684
-
62685
- /**
62686
- * Return the tab stop that comes before `component` in page tab order,
62687
- * skipping any hidden entries the walker doesn't filter itself.
62688
- * @param {Element} component - The auro-combobox host element.
62689
- * @returns {Element|null}
62690
- */
62691
- function getPreviousTabStop(component) {
62692
- const tabStops = getFocusableElements$1(component.ownerDocument.body);
62693
- const componentIndex = tabStops.indexOf(component);
62694
- for (let index = componentIndex - 1; index >= 0; index -= 1) {
62695
- if (isVisibleForFocus(tabStops[index])) {
62696
- return tabStops[index];
62697
- }
62698
- }
62699
- return null;
62700
- }
62701
-
62702
- /**
62703
- * Commit the highlighted option, close the bib, and move focus to the tab
62704
- * stop before the combobox — the Shift+Tab exit path (AB#1592239).
62705
- * Returns true when this function moved focus and the caller should
62706
- * preventDefault; false when no previous tab stop was found and the browser's
62707
- * native traversal should run.
62708
- * @param {Element} component - The auro-combobox host element.
62709
- * @returns {boolean}
62710
- */
62711
- function selectAndExitBackward(component) {
62712
- const previousTabStop = getPreviousTabStop(component);
62713
-
62714
- // Opts this selection out of setClearBtnFocus so the focus move below
62715
- // isn't clobbered. Consumed by auro-combobox's selection listener; also
62716
- // cleared via microtask in case makeSelection is a no-op and the listener
62717
- // never fires (microtasks run before the next user event, so this can't
62718
- // leak into an unrelated selection).
62719
- component._suppressClearBtnFocusOnSelection = true;
62720
- selectAndClose(component);
62721
- queueMicrotask(() => {
62722
- component._suppressClearBtnFocusOnSelection = false;
62723
- });
62724
-
62725
- if (!previousTabStop) {
62726
- return false;
62727
- }
62728
- doubleRaf$1(() => previousTabStop.focus());
62729
- return true;
62730
- }
62731
-
62732
62474
  const comboboxKeyboardStrategy = {
62733
62475
  ArrowDown(component, evt, ctx) {
62734
62476
  // If the clear button has focus, let the browser handle ArrowDown normally.
@@ -62827,18 +62569,36 @@ const comboboxKeyboardStrategy = {
62827
62569
  },
62828
62570
 
62829
62571
  Tab(component, evt, ctx) {
62572
+ // Runs for both Tab and Shift+Tab.
62573
+ //
62574
+ // Current behavior:
62575
+ // Tab — select the active option, close the bib, and (in fullscreen
62576
+ // modal mode only) explicitly move focus to the trigger's
62577
+ // clear button. In desktop popover mode the browser's native
62578
+ // tab traversal takes focus forward from the input.
62579
+ // Shift+Tab — select the active option and close the bib. Focus then
62580
+ // lands on the trigger's clear button as a byproduct of the
62581
+ // shadow-DOM tab order, so keyboard users must press
62582
+ // Shift+Tab three times to exit the component (clear button
62583
+ // → input → previous element on the page).
62584
+ //
62585
+ // Intended behavior for Shift+Tab (per team decision, tracked in
62586
+ // AB#1590650): a single Shift+Tab should select the active option, close
62587
+ // the bib, and move focus directly to the previous focusable element on
62588
+ // the page — symmetric with Tab.
62830
62589
  if (ctx.isExpanded && !isClearBtnFocused(ctx)) {
62831
- if (evt.shiftKey) {
62832
- if (selectAndExitBackward(component)) {
62833
- evt.preventDefault();
62834
- }
62835
- return;
62836
- }
62837
-
62838
- selectAndClose(component);
62590
+ // When the clear button is focused, Tab events do not bubble out of
62591
+ // its shadow DOM, so this handler only fires when the clear button
62592
+ // is NOT focused. In that case, select the active option and close.
62593
+ reconcileMenuIndex(component.menu);
62594
+ component.menu.makeSelection();
62595
+ component.hideBib();
62839
62596
 
62840
- if (ctx.isModal) {
62841
- // Fullscreen close does not automatically restore focus to the input.
62597
+ // In fullscreen modal mode, closing the dialog does not
62598
+ // automatically restores focus to the input. In the tab case,
62599
+ // Explicitly move focus to the trigger's clear button so the
62600
+ // user can continues tabbing through the page normally.
62601
+ if (ctx.isModal && !evt.shiftKey) {
62842
62602
  component.setClearBtnFocus();
62843
62603
  }
62844
62604
  }
@@ -65591,7 +65351,7 @@ let AuroFloatingUI$1 = class AuroFloatingUI {
65591
65351
  };
65592
65352
 
65593
65353
  // Selectors for focusable elements
65594
- const FOCUSABLE_SELECTORS$2 = [
65354
+ const FOCUSABLE_SELECTORS$1 = [
65595
65355
  "a[href]",
65596
65356
  "button:not([disabled])",
65597
65357
  "textarea:not([disabled])",
@@ -65605,7 +65365,7 @@ const FOCUSABLE_SELECTORS$2 = [
65605
65365
  ];
65606
65366
 
65607
65367
  // List of custom components that are known to be focusable
65608
- const FOCUSABLE_COMPONENTS$2 = [
65368
+ const FOCUSABLE_COMPONENTS$1 = [
65609
65369
  "auro-checkbox",
65610
65370
  "auro-radio",
65611
65371
  "auro-dropdown",
@@ -65627,12 +65387,12 @@ const FOCUSABLE_COMPONENTS$2 = [
65627
65387
  * @param {HTMLElement} element The element to check for focusability.
65628
65388
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
65629
65389
  */
65630
- function isFocusableComponent$2(element) {
65390
+ function isFocusableComponent$1(element) {
65631
65391
  const componentName = element.tagName.toLowerCase();
65632
65392
 
65633
65393
  // Guard Clause: Element is a focusable component
65634
65394
  if (
65635
- !FOCUSABLE_COMPONENTS$2.some(
65395
+ !FOCUSABLE_COMPONENTS$1.some(
65636
65396
  (name) => element.hasAttribute(name) || componentName === name,
65637
65397
  )
65638
65398
  )
@@ -65656,7 +65416,7 @@ function isFocusableComponent$2(element) {
65656
65416
  * @param {HTMLElement} element The element whose tabindex to read.
65657
65417
  * @returns {?number} The numeric tabindex or null if missing/invalid.
65658
65418
  */
65659
- function getNumericTabIndex$2(element) {
65419
+ function getNumericTabIndex$1(element) {
65660
65420
  const raw = element.getAttribute("tabindex");
65661
65421
  if (raw == null) return null;
65662
65422
 
@@ -65672,7 +65432,7 @@ function getNumericTabIndex$2(element) {
65672
65432
  * @param {HTMLElement} container The container to search within
65673
65433
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
65674
65434
  */
65675
- function getFocusableElements$2(container) {
65435
+ function getFocusableElements$1(container) {
65676
65436
  // Get elements in DOM order by walking the tree
65677
65437
  const orderedFocusableElements = [];
65678
65438
 
@@ -65681,7 +65441,7 @@ function getFocusableElements$2(container) {
65681
65441
  // Check if current element is focusable
65682
65442
  if (root.nodeType === Node.ELEMENT_NODE) {
65683
65443
  // Check if this is a custom component that is focusable
65684
- const isComponentFocusable = isFocusableComponent$2(root);
65444
+ const isComponentFocusable = isFocusableComponent$1(root);
65685
65445
 
65686
65446
  if (isComponentFocusable) {
65687
65447
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -65690,7 +65450,7 @@ function getFocusableElements$2(container) {
65690
65450
  }
65691
65451
 
65692
65452
  // Check if the element itself matches any selector
65693
- for (const selector of FOCUSABLE_SELECTORS$2) {
65453
+ for (const selector of FOCUSABLE_SELECTORS$1) {
65694
65454
  if (root.matches?.(selector)) {
65695
65455
  orderedFocusableElements.push(root);
65696
65456
  break; // Once we know it's focusable, no need to check other selectors
@@ -65744,20 +65504,20 @@ function getFocusableElements$2(container) {
65744
65504
 
65745
65505
  // First extract elements with valid positive tabindex
65746
65506
  const elementsWithTabindex = uniqueElements.filter((el) => {
65747
- const tabindex = getNumericTabIndex$2(el);
65507
+ const tabindex = getNumericTabIndex$1(el);
65748
65508
  return tabindex !== null && tabindex > 0;
65749
65509
  });
65750
65510
 
65751
65511
  // Sort these elements by their tabindex value
65752
65512
  elementsWithTabindex.sort((a, b) => {
65753
- const aIndex = getNumericTabIndex$2(a) ?? 0;
65754
- const bIndex = getNumericTabIndex$2(b) ?? 0;
65513
+ const aIndex = getNumericTabIndex$1(a) ?? 0;
65514
+ const bIndex = getNumericTabIndex$1(b) ?? 0;
65755
65515
  return aIndex - bIndex;
65756
65516
  });
65757
65517
 
65758
65518
  // Elements without tabindex (preserving their original order)
65759
65519
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
65760
- const tabindex = getNumericTabIndex$2(el);
65520
+ const tabindex = getNumericTabIndex$1(el);
65761
65521
 
65762
65522
  // Elements without tabindex or with tabindex of 0 stay in DOM order
65763
65523
  return tabindex === null || tabindex === 0;
@@ -65928,7 +65688,7 @@ let FocusTrap$1 = class FocusTrap {
65928
65688
  */
65929
65689
  _getFocusableElements() {
65930
65690
  // Use the imported utility function to get focusable elements
65931
- const elements = getFocusableElements$2(this.container);
65691
+ const elements = getFocusableElements$1(this.container);
65932
65692
 
65933
65693
  // Return the elements found
65934
65694
  return elements;
@@ -66713,7 +66473,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66713
66473
  }
66714
66474
  };
66715
66475
 
66716
- var formkitVersion$2 = '202607090129';
66476
+ var formkitVersion$2 = '202607091532';
66717
66477
 
66718
66478
  let AuroElement$2$1 = class AuroElement extends i$2 {
66719
66479
  static get properties() {
@@ -67004,7 +66764,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67004
66764
  */
67005
66765
  focus() {
67006
66766
  if (this.isPopoverVisible && this.bibContent) {
67007
- const focusables = getFocusableElements$2(this.bibContent);
66767
+ const focusables = getFocusableElements$1(this.bibContent);
67008
66768
  if (focusables.length > 0) {
67009
66769
  focusables[0].focus();
67010
66770
  }
@@ -67622,7 +67382,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67622
67382
  }
67623
67383
 
67624
67384
  // Collect focusable elements from the bib content.
67625
- const focusables = getFocusableElements$2(this.bibContent);
67385
+ const focusables = getFocusableElements$1(this.bibContent);
67626
67386
 
67627
67387
  // Fallback: try from slotted content directly
67628
67388
  if (!focusables.length) {
@@ -67631,7 +67391,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67631
67391
 
67632
67392
  for (const node of assignedNodes) {
67633
67393
  if (node.nodeType === Node.ELEMENT_NODE) {
67634
- focusables.push(...getFocusableElements$2(node));
67394
+ focusables.push(...getFocusableElements$1(node));
67635
67395
  }
67636
67396
  }
67637
67397
  }
@@ -67691,7 +67451,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67691
67451
 
67692
67452
  // Move initial focus into the bib content, matching FocusTrap behavior
67693
67453
  requestAnimationFrame(() => {
67694
- const focusables = getFocusableElements$2(this.bibContent);
67454
+ const focusables = getFocusableElements$1(this.bibContent);
67695
67455
  if (focusables.length) {
67696
67456
  focusables[0].focus();
67697
67457
  }
@@ -67921,7 +67681,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67921
67681
  if (triggerContentNodes) {
67922
67682
 
67923
67683
  // See if any of them are focusable elements
67924
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
67684
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1(node).length > 0);
67925
67685
 
67926
67686
  // If any of them are focusable elements
67927
67687
  if (this.triggerContentFocusable) {
@@ -80331,7 +80091,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
80331
80091
  }
80332
80092
  };
80333
80093
 
80334
- var formkitVersion$1$1 = '202607090129';
80094
+ var formkitVersion$1$1 = '202607091532';
80335
80095
 
80336
80096
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80337
80097
  // See LICENSE in the project root for license information.
@@ -81452,7 +81212,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81452
81212
  }
81453
81213
  };
81454
81214
 
81455
- var formkitVersion$3 = '202607090129';
81215
+ var formkitVersion$3 = '202607091532';
81456
81216
 
81457
81217
  var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
81458
81218
 
@@ -82984,11 +82744,8 @@ class AuroCombobox extends AuroElement$3 {
82984
82744
  // do not close while typing in suggestion mode with no value selected, to allow freeform input
82985
82745
  this.hideBib();
82986
82746
 
82987
- // Move focus to the clear button when the user makes a selection,
82988
- // unless the Shift+Tab handler opted this selection out.
82989
- if (this._suppressClearBtnFocusOnSelection) {
82990
- this._suppressClearBtnFocusOnSelection = false;
82991
- } else if (!isEcho && this.menu.value !== undefined) {
82747
+ // Move focus to the clear button when the user makes a selection.
82748
+ if (!isEcho && this.menu.value !== undefined) {
82992
82749
  this.setClearBtnFocus();
82993
82750
  }
82994
82751
 
@@ -90433,7 +90190,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
90433
90190
  }
90434
90191
  };
90435
90192
 
90436
- var formkitVersion$1 = '202607090129';
90193
+ var formkitVersion$1 = '202607091532';
90437
90194
 
90438
90195
  class AuroElement extends i$2 {
90439
90196
  static get properties() {
@@ -92472,7 +92229,7 @@ class AuroHelpText extends i$2 {
92472
92229
  }
92473
92230
  }
92474
92231
 
92475
- var formkitVersion = '202607090129';
92232
+ var formkitVersion = '202607091532';
92476
92233
 
92477
92234
  var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
92478
92235