@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
@@ -13379,7 +13379,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
13379
13379
  }
13380
13380
  };
13381
13381
 
13382
- var formkitVersion$8 = '202607090129';
13382
+ var formkitVersion$8 = '202607091532';
13383
13383
 
13384
13384
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13385
13385
  // See LICENSE in the project root for license information.
@@ -27776,7 +27776,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
27776
27776
  }
27777
27777
  };
27778
27778
 
27779
- var formkitVersion$2$1 = '202607090129';
27779
+ var formkitVersion$2$1 = '202607091532';
27780
27780
 
27781
27781
  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}
27782
27782
  `,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}}
@@ -32547,7 +32547,7 @@ let AuroFloatingUI$3 = class AuroFloatingUI {
32547
32547
  };
32548
32548
 
32549
32549
  // Selectors for focusable elements
32550
- const FOCUSABLE_SELECTORS$4 = [
32550
+ const FOCUSABLE_SELECTORS$3 = [
32551
32551
  "a[href]",
32552
32552
  "button:not([disabled])",
32553
32553
  "textarea:not([disabled])",
@@ -32561,7 +32561,7 @@ const FOCUSABLE_SELECTORS$4 = [
32561
32561
  ];
32562
32562
 
32563
32563
  // List of custom components that are known to be focusable
32564
- const FOCUSABLE_COMPONENTS$4 = [
32564
+ const FOCUSABLE_COMPONENTS$3 = [
32565
32565
  "auro-checkbox",
32566
32566
  "auro-radio",
32567
32567
  "auro-dropdown",
@@ -32583,12 +32583,12 @@ const FOCUSABLE_COMPONENTS$4 = [
32583
32583
  * @param {HTMLElement} element The element to check for focusability.
32584
32584
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
32585
32585
  */
32586
- function isFocusableComponent$4(element) {
32586
+ function isFocusableComponent$3(element) {
32587
32587
  const componentName = element.tagName.toLowerCase();
32588
32588
 
32589
32589
  // Guard Clause: Element is a focusable component
32590
32590
  if (
32591
- !FOCUSABLE_COMPONENTS$4.some(
32591
+ !FOCUSABLE_COMPONENTS$3.some(
32592
32592
  (name) => element.hasAttribute(name) || componentName === name,
32593
32593
  )
32594
32594
  )
@@ -32612,7 +32612,7 @@ function isFocusableComponent$4(element) {
32612
32612
  * @param {HTMLElement} element The element whose tabindex to read.
32613
32613
  * @returns {?number} The numeric tabindex or null if missing/invalid.
32614
32614
  */
32615
- function getNumericTabIndex$4(element) {
32615
+ function getNumericTabIndex$3(element) {
32616
32616
  const raw = element.getAttribute("tabindex");
32617
32617
  if (raw == null) return null;
32618
32618
 
@@ -32628,7 +32628,7 @@ function getNumericTabIndex$4(element) {
32628
32628
  * @param {HTMLElement} container The container to search within
32629
32629
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
32630
32630
  */
32631
- function getFocusableElements$4(container) {
32631
+ function getFocusableElements$3(container) {
32632
32632
  // Get elements in DOM order by walking the tree
32633
32633
  const orderedFocusableElements = [];
32634
32634
 
@@ -32637,7 +32637,7 @@ function getFocusableElements$4(container) {
32637
32637
  // Check if current element is focusable
32638
32638
  if (root.nodeType === Node.ELEMENT_NODE) {
32639
32639
  // Check if this is a custom component that is focusable
32640
- const isComponentFocusable = isFocusableComponent$4(root);
32640
+ const isComponentFocusable = isFocusableComponent$3(root);
32641
32641
 
32642
32642
  if (isComponentFocusable) {
32643
32643
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -32646,7 +32646,7 @@ function getFocusableElements$4(container) {
32646
32646
  }
32647
32647
 
32648
32648
  // Check if the element itself matches any selector
32649
- for (const selector of FOCUSABLE_SELECTORS$4) {
32649
+ for (const selector of FOCUSABLE_SELECTORS$3) {
32650
32650
  if (root.matches?.(selector)) {
32651
32651
  orderedFocusableElements.push(root);
32652
32652
  break; // Once we know it's focusable, no need to check other selectors
@@ -32700,20 +32700,20 @@ function getFocusableElements$4(container) {
32700
32700
 
32701
32701
  // First extract elements with valid positive tabindex
32702
32702
  const elementsWithTabindex = uniqueElements.filter((el) => {
32703
- const tabindex = getNumericTabIndex$4(el);
32703
+ const tabindex = getNumericTabIndex$3(el);
32704
32704
  return tabindex !== null && tabindex > 0;
32705
32705
  });
32706
32706
 
32707
32707
  // Sort these elements by their tabindex value
32708
32708
  elementsWithTabindex.sort((a, b) => {
32709
- const aIndex = getNumericTabIndex$4(a) ?? 0;
32710
- const bIndex = getNumericTabIndex$4(b) ?? 0;
32709
+ const aIndex = getNumericTabIndex$3(a) ?? 0;
32710
+ const bIndex = getNumericTabIndex$3(b) ?? 0;
32711
32711
  return aIndex - bIndex;
32712
32712
  });
32713
32713
 
32714
32714
  // Elements without tabindex (preserving their original order)
32715
32715
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
32716
- const tabindex = getNumericTabIndex$4(el);
32716
+ const tabindex = getNumericTabIndex$3(el);
32717
32717
 
32718
32718
  // Elements without tabindex or with tabindex of 0 stay in DOM order
32719
32719
  return tabindex === null || tabindex === 0;
@@ -32884,7 +32884,7 @@ let FocusTrap$3 = class FocusTrap {
32884
32884
  */
32885
32885
  _getFocusableElements() {
32886
32886
  // Use the imported utility function to get focusable elements
32887
- const elements = getFocusableElements$4(this.container);
32887
+ const elements = getFocusableElements$3(this.container);
32888
32888
 
32889
32889
  // Return the elements found
32890
32890
  return elements;
@@ -33669,7 +33669,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
33669
33669
  }
33670
33670
  };
33671
33671
 
33672
- var formkitVersion$1$3 = '202607090129';
33672
+ var formkitVersion$1$3 = '202607091532';
33673
33673
 
33674
33674
  let AuroElement$2$2 = class AuroElement extends i$3 {
33675
33675
  static get properties() {
@@ -33960,7 +33960,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33960
33960
  */
33961
33961
  focus() {
33962
33962
  if (this.isPopoverVisible && this.bibContent) {
33963
- const focusables = getFocusableElements$4(this.bibContent);
33963
+ const focusables = getFocusableElements$3(this.bibContent);
33964
33964
  if (focusables.length > 0) {
33965
33965
  focusables[0].focus();
33966
33966
  }
@@ -34578,7 +34578,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34578
34578
  }
34579
34579
 
34580
34580
  // Collect focusable elements from the bib content.
34581
- const focusables = getFocusableElements$4(this.bibContent);
34581
+ const focusables = getFocusableElements$3(this.bibContent);
34582
34582
 
34583
34583
  // Fallback: try from slotted content directly
34584
34584
  if (!focusables.length) {
@@ -34587,7 +34587,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34587
34587
 
34588
34588
  for (const node of assignedNodes) {
34589
34589
  if (node.nodeType === Node.ELEMENT_NODE) {
34590
- focusables.push(...getFocusableElements$4(node));
34590
+ focusables.push(...getFocusableElements$3(node));
34591
34591
  }
34592
34592
  }
34593
34593
  }
@@ -34647,7 +34647,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34647
34647
 
34648
34648
  // Move initial focus into the bib content, matching FocusTrap behavior
34649
34649
  requestAnimationFrame(() => {
34650
- const focusables = getFocusableElements$4(this.bibContent);
34650
+ const focusables = getFocusableElements$3(this.bibContent);
34651
34651
  if (focusables.length) {
34652
34652
  focusables[0].focus();
34653
34653
  }
@@ -34877,7 +34877,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34877
34877
  if (triggerContentNodes) {
34878
34878
 
34879
34879
  // See if any of them are focusable elements
34880
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$4(node).length > 0);
34880
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
34881
34881
 
34882
34882
  // If any of them are focusable elements
34883
34883
  if (this.triggerContentFocusable) {
@@ -47287,7 +47287,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
47287
47287
  }
47288
47288
  };
47289
47289
 
47290
- var formkitVersion$7 = '202607090129';
47290
+ var formkitVersion$7 = '202607091532';
47291
47291
 
47292
47292
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
47293
47293
  // See LICENSE in the project root for license information.
@@ -52203,7 +52203,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
52203
52203
  }
52204
52204
  };
52205
52205
 
52206
- var formkitVersion$1$2 = '202607090129';
52206
+ var formkitVersion$1$2 = '202607091532';
52207
52207
 
52208
52208
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
52209
52209
  // See LICENSE in the project root for license information.
@@ -55409,7 +55409,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
55409
55409
  };
55410
55410
 
55411
55411
  // Selectors for focusable elements
55412
- const FOCUSABLE_SELECTORS$3 = [
55412
+ const FOCUSABLE_SELECTORS$2 = [
55413
55413
  "a[href]",
55414
55414
  "button:not([disabled])",
55415
55415
  "textarea:not([disabled])",
@@ -55423,7 +55423,7 @@ const FOCUSABLE_SELECTORS$3 = [
55423
55423
  ];
55424
55424
 
55425
55425
  // List of custom components that are known to be focusable
55426
- const FOCUSABLE_COMPONENTS$3 = [
55426
+ const FOCUSABLE_COMPONENTS$2 = [
55427
55427
  "auro-checkbox",
55428
55428
  "auro-radio",
55429
55429
  "auro-dropdown",
@@ -55445,12 +55445,12 @@ const FOCUSABLE_COMPONENTS$3 = [
55445
55445
  * @param {HTMLElement} element The element to check for focusability.
55446
55446
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
55447
55447
  */
55448
- function isFocusableComponent$3(element) {
55448
+ function isFocusableComponent$2(element) {
55449
55449
  const componentName = element.tagName.toLowerCase();
55450
55450
 
55451
55451
  // Guard Clause: Element is a focusable component
55452
55452
  if (
55453
- !FOCUSABLE_COMPONENTS$3.some(
55453
+ !FOCUSABLE_COMPONENTS$2.some(
55454
55454
  (name) => element.hasAttribute(name) || componentName === name,
55455
55455
  )
55456
55456
  )
@@ -55474,7 +55474,7 @@ function isFocusableComponent$3(element) {
55474
55474
  * @param {HTMLElement} element The element whose tabindex to read.
55475
55475
  * @returns {?number} The numeric tabindex or null if missing/invalid.
55476
55476
  */
55477
- function getNumericTabIndex$3(element) {
55477
+ function getNumericTabIndex$2(element) {
55478
55478
  const raw = element.getAttribute("tabindex");
55479
55479
  if (raw == null) return null;
55480
55480
 
@@ -55490,7 +55490,7 @@ function getNumericTabIndex$3(element) {
55490
55490
  * @param {HTMLElement} container The container to search within
55491
55491
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
55492
55492
  */
55493
- function getFocusableElements$3(container) {
55493
+ function getFocusableElements$2(container) {
55494
55494
  // Get elements in DOM order by walking the tree
55495
55495
  const orderedFocusableElements = [];
55496
55496
 
@@ -55499,7 +55499,7 @@ function getFocusableElements$3(container) {
55499
55499
  // Check if current element is focusable
55500
55500
  if (root.nodeType === Node.ELEMENT_NODE) {
55501
55501
  // Check if this is a custom component that is focusable
55502
- const isComponentFocusable = isFocusableComponent$3(root);
55502
+ const isComponentFocusable = isFocusableComponent$2(root);
55503
55503
 
55504
55504
  if (isComponentFocusable) {
55505
55505
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -55508,7 +55508,7 @@ function getFocusableElements$3(container) {
55508
55508
  }
55509
55509
 
55510
55510
  // Check if the element itself matches any selector
55511
- for (const selector of FOCUSABLE_SELECTORS$3) {
55511
+ for (const selector of FOCUSABLE_SELECTORS$2) {
55512
55512
  if (root.matches?.(selector)) {
55513
55513
  orderedFocusableElements.push(root);
55514
55514
  break; // Once we know it's focusable, no need to check other selectors
@@ -55562,20 +55562,20 @@ function getFocusableElements$3(container) {
55562
55562
 
55563
55563
  // First extract elements with valid positive tabindex
55564
55564
  const elementsWithTabindex = uniqueElements.filter((el) => {
55565
- const tabindex = getNumericTabIndex$3(el);
55565
+ const tabindex = getNumericTabIndex$2(el);
55566
55566
  return tabindex !== null && tabindex > 0;
55567
55567
  });
55568
55568
 
55569
55569
  // Sort these elements by their tabindex value
55570
55570
  elementsWithTabindex.sort((a, b) => {
55571
- const aIndex = getNumericTabIndex$3(a) ?? 0;
55572
- const bIndex = getNumericTabIndex$3(b) ?? 0;
55571
+ const aIndex = getNumericTabIndex$2(a) ?? 0;
55572
+ const bIndex = getNumericTabIndex$2(b) ?? 0;
55573
55573
  return aIndex - bIndex;
55574
55574
  });
55575
55575
 
55576
55576
  // Elements without tabindex (preserving their original order)
55577
55577
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
55578
- const tabindex = getNumericTabIndex$3(el);
55578
+ const tabindex = getNumericTabIndex$2(el);
55579
55579
 
55580
55580
  // Elements without tabindex or with tabindex of 0 stay in DOM order
55581
55581
  return tabindex === null || tabindex === 0;
@@ -55746,7 +55746,7 @@ let FocusTrap$2 = class FocusTrap {
55746
55746
  */
55747
55747
  _getFocusableElements() {
55748
55748
  // Use the imported utility function to get focusable elements
55749
- const elements = getFocusableElements$3(this.container);
55749
+ const elements = getFocusableElements$2(this.container);
55750
55750
 
55751
55751
  // Return the elements found
55752
55752
  return elements;
@@ -56531,7 +56531,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
56531
56531
  }
56532
56532
  };
56533
56533
 
56534
- var formkitVersion$6 = '202607090129';
56534
+ var formkitVersion$6 = '202607091532';
56535
56535
 
56536
56536
  let AuroElement$1$2 = class AuroElement extends i$3 {
56537
56537
  static get properties() {
@@ -56822,7 +56822,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56822
56822
  */
56823
56823
  focus() {
56824
56824
  if (this.isPopoverVisible && this.bibContent) {
56825
- const focusables = getFocusableElements$3(this.bibContent);
56825
+ const focusables = getFocusableElements$2(this.bibContent);
56826
56826
  if (focusables.length > 0) {
56827
56827
  focusables[0].focus();
56828
56828
  }
@@ -57440,7 +57440,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57440
57440
  }
57441
57441
 
57442
57442
  // Collect focusable elements from the bib content.
57443
- const focusables = getFocusableElements$3(this.bibContent);
57443
+ const focusables = getFocusableElements$2(this.bibContent);
57444
57444
 
57445
57445
  // Fallback: try from slotted content directly
57446
57446
  if (!focusables.length) {
@@ -57449,7 +57449,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57449
57449
 
57450
57450
  for (const node of assignedNodes) {
57451
57451
  if (node.nodeType === Node.ELEMENT_NODE) {
57452
- focusables.push(...getFocusableElements$3(node));
57452
+ focusables.push(...getFocusableElements$2(node));
57453
57453
  }
57454
57454
  }
57455
57455
  }
@@ -57509,7 +57509,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57509
57509
 
57510
57510
  // Move initial focus into the bib content, matching FocusTrap behavior
57511
57511
  requestAnimationFrame(() => {
57512
- const focusables = getFocusableElements$3(this.bibContent);
57512
+ const focusables = getFocusableElements$2(this.bibContent);
57513
57513
  if (focusables.length) {
57514
57514
  focusables[0].focus();
57515
57515
  }
@@ -57739,7 +57739,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57739
57739
  if (triggerContentNodes) {
57740
57740
 
57741
57741
  // See if any of them are focusable elements
57742
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
57742
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
57743
57743
 
57744
57744
  // If any of them are focusable elements
57745
57745
  if (this.triggerContentFocusable) {
@@ -60511,7 +60511,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
60511
60511
  }
60512
60512
  };
60513
60513
 
60514
- var formkitVersion$5 = '202607090129';
60514
+ var formkitVersion$5 = '202607091532';
60515
60515
 
60516
60516
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
60517
60517
  // See LICENSE in the project root for license information.
@@ -62276,7 +62276,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
62276
62276
  }
62277
62277
  };
62278
62278
 
62279
- var formkitVersion$4 = '202607090129';
62279
+ var formkitVersion$4 = '202607091532';
62280
62280
 
62281
62281
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
62282
62282
  // See LICENSE in the project root for license information.
@@ -63467,188 +63467,6 @@ function navigateArrow$1(component, direction, options = {}) {
63467
63467
  }
63468
63468
  }
63469
63469
 
63470
- // Selectors for focusable elements
63471
- const FOCUSABLE_SELECTORS$1 = [
63472
- "a[href]",
63473
- "button:not([disabled])",
63474
- "textarea:not([disabled])",
63475
- "input:not([disabled])",
63476
- "select:not([disabled])",
63477
- '[role="tab"]:not([disabled])',
63478
- '[role="link"]:not([disabled])',
63479
- '[role="button"]:not([disabled])',
63480
- '[tabindex]:not([tabindex="-1"])',
63481
- '[contenteditable]:not([contenteditable="false"])',
63482
- ];
63483
-
63484
- // List of custom components that are known to be focusable
63485
- const FOCUSABLE_COMPONENTS$1 = [
63486
- "auro-checkbox",
63487
- "auro-radio",
63488
- "auro-dropdown",
63489
- "auro-button",
63490
- "auro-combobox",
63491
- "auro-input",
63492
- "auro-counter",
63493
- // 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
63494
- "auro-select",
63495
- "auro-datepicker",
63496
- "auro-hyperlink",
63497
- "auro-accordion",
63498
- ];
63499
-
63500
- /**
63501
- * Determines if a given element is a custom focusable component.
63502
- * Returns true if the element matches a known focusable component and is not disabled.
63503
- *
63504
- * @param {HTMLElement} element The element to check for focusability.
63505
- * @returns {boolean} True if the element is a focusable custom component, false otherwise.
63506
- */
63507
- function isFocusableComponent$1(element) {
63508
- const componentName = element.tagName.toLowerCase();
63509
-
63510
- // Guard Clause: Element is a focusable component
63511
- if (
63512
- !FOCUSABLE_COMPONENTS$1.some(
63513
- (name) => element.hasAttribute(name) || componentName === name,
63514
- )
63515
- )
63516
- return false;
63517
-
63518
- // Guard Clause: Element is not disabled
63519
- if (element.hasAttribute("disabled")) return false;
63520
-
63521
- // Guard Clause: The element is a hyperlink and has no href attribute
63522
- if (componentName.match("hyperlink") && !element.hasAttribute("href"))
63523
- return false;
63524
-
63525
- // If all guard clauses pass, the element is a focusable component
63526
- return true;
63527
- }
63528
-
63529
- /**
63530
- * Safely get a numeric tabindex for an element.
63531
- * Returns a number if the tabindex is a valid integer, otherwise null.
63532
- *
63533
- * @param {HTMLElement} element The element whose tabindex to read.
63534
- * @returns {?number} The numeric tabindex or null if missing/invalid.
63535
- */
63536
- function getNumericTabIndex$1(element) {
63537
- const raw = element.getAttribute("tabindex");
63538
- if (raw == null) return null;
63539
-
63540
- const value = Number.parseInt(raw, 10);
63541
- return Number.isNaN(value) ? null : value;
63542
- }
63543
-
63544
- /**
63545
- * Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
63546
- * Returns a unique, ordered array of elements that can receive focus.
63547
- * Also sorts elements with tabindex first, preserving their order.
63548
- *
63549
- * @param {HTMLElement} container The container to search within
63550
- * @returns {Array<HTMLElement>} An array of focusable elements within the container.
63551
- */
63552
- function getFocusableElements$1(container) {
63553
- // Get elements in DOM order by walking the tree
63554
- const orderedFocusableElements = [];
63555
-
63556
- // Define a recursive function to collect focusable elements in DOM order
63557
- const collectFocusableElements = (root) => {
63558
- // Check if current element is focusable
63559
- if (root.nodeType === Node.ELEMENT_NODE) {
63560
- // Check if this is a custom component that is focusable
63561
- const isComponentFocusable = isFocusableComponent$1(root);
63562
-
63563
- if (isComponentFocusable) {
63564
- // Add the component itself as a focusable element and don't traverse its shadow DOM
63565
- orderedFocusableElements.push(root);
63566
- return; // Skip traversing inside this component
63567
- }
63568
-
63569
- // Check if the element itself matches any selector
63570
- for (const selector of FOCUSABLE_SELECTORS$1) {
63571
- if (root.matches?.(selector)) {
63572
- orderedFocusableElements.push(root);
63573
- break; // Once we know it's focusable, no need to check other selectors
63574
- }
63575
- }
63576
-
63577
- // Process shadow DOM only for non-Auro components
63578
- if (root.shadowRoot) {
63579
- // Process shadow DOM children in order
63580
- if (root.shadowRoot.children) {
63581
- Array.from(root.shadowRoot.children).forEach((child) => {
63582
- collectFocusableElements(child);
63583
- });
63584
- }
63585
- }
63586
-
63587
- // Process slots and their assigned nodes in order
63588
- if (root.tagName === "SLOT") {
63589
- const assignedNodes = root.assignedNodes({ flatten: true });
63590
- for (const node of assignedNodes) {
63591
- collectFocusableElements(node);
63592
- }
63593
- } else {
63594
- // Process light DOM children in order
63595
- if (root.children) {
63596
- Array.from(root.children).forEach((child) => {
63597
- collectFocusableElements(child);
63598
- });
63599
- }
63600
- }
63601
- }
63602
- };
63603
-
63604
- // Start the traversal from the container
63605
- collectFocusableElements(container);
63606
-
63607
- // Remove duplicates that might have been collected through different paths
63608
- // while preserving order
63609
- const uniqueElements = [];
63610
- const seen = new Set();
63611
-
63612
- for (const element of orderedFocusableElements) {
63613
- if (!seen.has(element)) {
63614
- seen.add(element);
63615
- uniqueElements.push(element);
63616
- }
63617
- }
63618
-
63619
- // Move tab-indexed elements to the front while preserving their order
63620
- // This ensures that elements with tabindex are prioritized in the focus order
63621
-
63622
- // First extract elements with valid positive tabindex
63623
- const elementsWithTabindex = uniqueElements.filter((el) => {
63624
- const tabindex = getNumericTabIndex$1(el);
63625
- return tabindex !== null && tabindex > 0;
63626
- });
63627
-
63628
- // Sort these elements by their tabindex value
63629
- elementsWithTabindex.sort((a, b) => {
63630
- const aIndex = getNumericTabIndex$1(a) ?? 0;
63631
- const bIndex = getNumericTabIndex$1(b) ?? 0;
63632
- return aIndex - bIndex;
63633
- });
63634
-
63635
- // Elements without tabindex (preserving their original order)
63636
- const elementsWithoutTabindex = uniqueElements.filter((el) => {
63637
- const tabindex = getNumericTabIndex$1(el);
63638
-
63639
- // Elements without tabindex or with tabindex of 0 stay in DOM order
63640
- return tabindex === null || tabindex === 0;
63641
- });
63642
-
63643
- // Combine both arrays with tabindex elements first
63644
- const tabIndexedUniqueElements = [
63645
- ...elementsWithTabindex,
63646
- ...elementsWithoutTabindex,
63647
- ];
63648
-
63649
- return tabIndexedUniqueElements;
63650
- }
63651
-
63652
63470
  /* eslint-disable no-underscore-dangle */
63653
63471
 
63654
63472
  /**
@@ -63694,82 +63512,6 @@ function reconcileMenuIndex(menu) {
63694
63512
  }
63695
63513
  }
63696
63514
 
63697
- /**
63698
- * Commit the highlighted option and close the bib.
63699
- * @param {Element} component - The auro-combobox host element.
63700
- */
63701
- function selectAndClose(component) {
63702
- reconcileMenuIndex(component.menu);
63703
- component.menu.makeSelection();
63704
- component.hideBib();
63705
- }
63706
-
63707
- /**
63708
- * Whether `el` is currently visible enough to receive focus. Prefers the
63709
- * browser's `checkVisibility()` (Chrome/Safari; Firefox behind a flag until
63710
- * recently); otherwise combines a display/visibility check with an
63711
- * ancestor-hidden probe that keeps position:fixed elements visible.
63712
- * @param {Element} el - The element to test.
63713
- * @returns {boolean}
63714
- */
63715
- function isVisibleForFocus(el) {
63716
- if (typeof el.checkVisibility === 'function') {
63717
- return el.checkVisibility();
63718
- }
63719
- const style = el.ownerDocument.defaultView.getComputedStyle(el);
63720
- if (style.display === 'none' || style.visibility === 'hidden') {
63721
- return false;
63722
- }
63723
- return el.offsetParent !== null || style.position === 'fixed';
63724
- }
63725
-
63726
- /**
63727
- * Return the tab stop that comes before `component` in page tab order,
63728
- * skipping any hidden entries the walker doesn't filter itself.
63729
- * @param {Element} component - The auro-combobox host element.
63730
- * @returns {Element|null}
63731
- */
63732
- function getPreviousTabStop(component) {
63733
- const tabStops = getFocusableElements$1(component.ownerDocument.body);
63734
- const componentIndex = tabStops.indexOf(component);
63735
- for (let index = componentIndex - 1; index >= 0; index -= 1) {
63736
- if (isVisibleForFocus(tabStops[index])) {
63737
- return tabStops[index];
63738
- }
63739
- }
63740
- return null;
63741
- }
63742
-
63743
- /**
63744
- * Commit the highlighted option, close the bib, and move focus to the tab
63745
- * stop before the combobox — the Shift+Tab exit path (AB#1592239).
63746
- * Returns true when this function moved focus and the caller should
63747
- * preventDefault; false when no previous tab stop was found and the browser's
63748
- * native traversal should run.
63749
- * @param {Element} component - The auro-combobox host element.
63750
- * @returns {boolean}
63751
- */
63752
- function selectAndExitBackward(component) {
63753
- const previousTabStop = getPreviousTabStop(component);
63754
-
63755
- // Opts this selection out of setClearBtnFocus so the focus move below
63756
- // isn't clobbered. Consumed by auro-combobox's selection listener; also
63757
- // cleared via microtask in case makeSelection is a no-op and the listener
63758
- // never fires (microtasks run before the next user event, so this can't
63759
- // leak into an unrelated selection).
63760
- component._suppressClearBtnFocusOnSelection = true;
63761
- selectAndClose(component);
63762
- queueMicrotask(() => {
63763
- component._suppressClearBtnFocusOnSelection = false;
63764
- });
63765
-
63766
- if (!previousTabStop) {
63767
- return false;
63768
- }
63769
- doubleRaf$1(() => previousTabStop.focus());
63770
- return true;
63771
- }
63772
-
63773
63515
  const comboboxKeyboardStrategy = {
63774
63516
  ArrowDown(component, evt, ctx) {
63775
63517
  // If the clear button has focus, let the browser handle ArrowDown normally.
@@ -63868,18 +63610,36 @@ const comboboxKeyboardStrategy = {
63868
63610
  },
63869
63611
 
63870
63612
  Tab(component, evt, ctx) {
63613
+ // Runs for both Tab and Shift+Tab.
63614
+ //
63615
+ // Current behavior:
63616
+ // Tab — select the active option, close the bib, and (in fullscreen
63617
+ // modal mode only) explicitly move focus to the trigger's
63618
+ // clear button. In desktop popover mode the browser's native
63619
+ // tab traversal takes focus forward from the input.
63620
+ // Shift+Tab — select the active option and close the bib. Focus then
63621
+ // lands on the trigger's clear button as a byproduct of the
63622
+ // shadow-DOM tab order, so keyboard users must press
63623
+ // Shift+Tab three times to exit the component (clear button
63624
+ // → input → previous element on the page).
63625
+ //
63626
+ // Intended behavior for Shift+Tab (per team decision, tracked in
63627
+ // AB#1590650): a single Shift+Tab should select the active option, close
63628
+ // the bib, and move focus directly to the previous focusable element on
63629
+ // the page — symmetric with Tab.
63871
63630
  if (ctx.isExpanded && !isClearBtnFocused(ctx)) {
63872
- if (evt.shiftKey) {
63873
- if (selectAndExitBackward(component)) {
63874
- evt.preventDefault();
63875
- }
63876
- return;
63877
- }
63878
-
63879
- selectAndClose(component);
63631
+ // When the clear button is focused, Tab events do not bubble out of
63632
+ // its shadow DOM, so this handler only fires when the clear button
63633
+ // is NOT focused. In that case, select the active option and close.
63634
+ reconcileMenuIndex(component.menu);
63635
+ component.menu.makeSelection();
63636
+ component.hideBib();
63880
63637
 
63881
- if (ctx.isModal) {
63882
- // Fullscreen close does not automatically restore focus to the input.
63638
+ // In fullscreen modal mode, closing the dialog does not
63639
+ // automatically restores focus to the input. In the tab case,
63640
+ // Explicitly move focus to the trigger's clear button so the
63641
+ // user can continues tabbing through the page normally.
63642
+ if (ctx.isModal && !evt.shiftKey) {
63883
63643
  component.setClearBtnFocus();
63884
63644
  }
63885
63645
  }
@@ -66632,7 +66392,7 @@ let AuroFloatingUI$1 = class AuroFloatingUI {
66632
66392
  };
66633
66393
 
66634
66394
  // Selectors for focusable elements
66635
- const FOCUSABLE_SELECTORS$2 = [
66395
+ const FOCUSABLE_SELECTORS$1 = [
66636
66396
  "a[href]",
66637
66397
  "button:not([disabled])",
66638
66398
  "textarea:not([disabled])",
@@ -66646,7 +66406,7 @@ const FOCUSABLE_SELECTORS$2 = [
66646
66406
  ];
66647
66407
 
66648
66408
  // List of custom components that are known to be focusable
66649
- const FOCUSABLE_COMPONENTS$2 = [
66409
+ const FOCUSABLE_COMPONENTS$1 = [
66650
66410
  "auro-checkbox",
66651
66411
  "auro-radio",
66652
66412
  "auro-dropdown",
@@ -66668,12 +66428,12 @@ const FOCUSABLE_COMPONENTS$2 = [
66668
66428
  * @param {HTMLElement} element The element to check for focusability.
66669
66429
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
66670
66430
  */
66671
- function isFocusableComponent$2(element) {
66431
+ function isFocusableComponent$1(element) {
66672
66432
  const componentName = element.tagName.toLowerCase();
66673
66433
 
66674
66434
  // Guard Clause: Element is a focusable component
66675
66435
  if (
66676
- !FOCUSABLE_COMPONENTS$2.some(
66436
+ !FOCUSABLE_COMPONENTS$1.some(
66677
66437
  (name) => element.hasAttribute(name) || componentName === name,
66678
66438
  )
66679
66439
  )
@@ -66697,7 +66457,7 @@ function isFocusableComponent$2(element) {
66697
66457
  * @param {HTMLElement} element The element whose tabindex to read.
66698
66458
  * @returns {?number} The numeric tabindex or null if missing/invalid.
66699
66459
  */
66700
- function getNumericTabIndex$2(element) {
66460
+ function getNumericTabIndex$1(element) {
66701
66461
  const raw = element.getAttribute("tabindex");
66702
66462
  if (raw == null) return null;
66703
66463
 
@@ -66713,7 +66473,7 @@ function getNumericTabIndex$2(element) {
66713
66473
  * @param {HTMLElement} container The container to search within
66714
66474
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
66715
66475
  */
66716
- function getFocusableElements$2(container) {
66476
+ function getFocusableElements$1(container) {
66717
66477
  // Get elements in DOM order by walking the tree
66718
66478
  const orderedFocusableElements = [];
66719
66479
 
@@ -66722,7 +66482,7 @@ function getFocusableElements$2(container) {
66722
66482
  // Check if current element is focusable
66723
66483
  if (root.nodeType === Node.ELEMENT_NODE) {
66724
66484
  // Check if this is a custom component that is focusable
66725
- const isComponentFocusable = isFocusableComponent$2(root);
66485
+ const isComponentFocusable = isFocusableComponent$1(root);
66726
66486
 
66727
66487
  if (isComponentFocusable) {
66728
66488
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -66731,7 +66491,7 @@ function getFocusableElements$2(container) {
66731
66491
  }
66732
66492
 
66733
66493
  // Check if the element itself matches any selector
66734
- for (const selector of FOCUSABLE_SELECTORS$2) {
66494
+ for (const selector of FOCUSABLE_SELECTORS$1) {
66735
66495
  if (root.matches?.(selector)) {
66736
66496
  orderedFocusableElements.push(root);
66737
66497
  break; // Once we know it's focusable, no need to check other selectors
@@ -66785,20 +66545,20 @@ function getFocusableElements$2(container) {
66785
66545
 
66786
66546
  // First extract elements with valid positive tabindex
66787
66547
  const elementsWithTabindex = uniqueElements.filter((el) => {
66788
- const tabindex = getNumericTabIndex$2(el);
66548
+ const tabindex = getNumericTabIndex$1(el);
66789
66549
  return tabindex !== null && tabindex > 0;
66790
66550
  });
66791
66551
 
66792
66552
  // Sort these elements by their tabindex value
66793
66553
  elementsWithTabindex.sort((a, b) => {
66794
- const aIndex = getNumericTabIndex$2(a) ?? 0;
66795
- const bIndex = getNumericTabIndex$2(b) ?? 0;
66554
+ const aIndex = getNumericTabIndex$1(a) ?? 0;
66555
+ const bIndex = getNumericTabIndex$1(b) ?? 0;
66796
66556
  return aIndex - bIndex;
66797
66557
  });
66798
66558
 
66799
66559
  // Elements without tabindex (preserving their original order)
66800
66560
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
66801
- const tabindex = getNumericTabIndex$2(el);
66561
+ const tabindex = getNumericTabIndex$1(el);
66802
66562
 
66803
66563
  // Elements without tabindex or with tabindex of 0 stay in DOM order
66804
66564
  return tabindex === null || tabindex === 0;
@@ -66969,7 +66729,7 @@ let FocusTrap$1 = class FocusTrap {
66969
66729
  */
66970
66730
  _getFocusableElements() {
66971
66731
  // Use the imported utility function to get focusable elements
66972
- const elements = getFocusableElements$2(this.container);
66732
+ const elements = getFocusableElements$1(this.container);
66973
66733
 
66974
66734
  // Return the elements found
66975
66735
  return elements;
@@ -67754,7 +67514,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
67754
67514
  }
67755
67515
  };
67756
67516
 
67757
- var formkitVersion$2 = '202607090129';
67517
+ var formkitVersion$2 = '202607091532';
67758
67518
 
67759
67519
  let AuroElement$2$1 = class AuroElement extends i$3 {
67760
67520
  static get properties() {
@@ -68045,7 +67805,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68045
67805
  */
68046
67806
  focus() {
68047
67807
  if (this.isPopoverVisible && this.bibContent) {
68048
- const focusables = getFocusableElements$2(this.bibContent);
67808
+ const focusables = getFocusableElements$1(this.bibContent);
68049
67809
  if (focusables.length > 0) {
68050
67810
  focusables[0].focus();
68051
67811
  }
@@ -68663,7 +68423,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68663
68423
  }
68664
68424
 
68665
68425
  // Collect focusable elements from the bib content.
68666
- const focusables = getFocusableElements$2(this.bibContent);
68426
+ const focusables = getFocusableElements$1(this.bibContent);
68667
68427
 
68668
68428
  // Fallback: try from slotted content directly
68669
68429
  if (!focusables.length) {
@@ -68672,7 +68432,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68672
68432
 
68673
68433
  for (const node of assignedNodes) {
68674
68434
  if (node.nodeType === Node.ELEMENT_NODE) {
68675
- focusables.push(...getFocusableElements$2(node));
68435
+ focusables.push(...getFocusableElements$1(node));
68676
68436
  }
68677
68437
  }
68678
68438
  }
@@ -68732,7 +68492,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68732
68492
 
68733
68493
  // Move initial focus into the bib content, matching FocusTrap behavior
68734
68494
  requestAnimationFrame(() => {
68735
- const focusables = getFocusableElements$2(this.bibContent);
68495
+ const focusables = getFocusableElements$1(this.bibContent);
68736
68496
  if (focusables.length) {
68737
68497
  focusables[0].focus();
68738
68498
  }
@@ -68962,7 +68722,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68962
68722
  if (triggerContentNodes) {
68963
68723
 
68964
68724
  // See if any of them are focusable elements
68965
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
68725
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1(node).length > 0);
68966
68726
 
68967
68727
  // If any of them are focusable elements
68968
68728
  if (this.triggerContentFocusable) {
@@ -81372,7 +81132,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
81372
81132
  }
81373
81133
  };
81374
81134
 
81375
- var formkitVersion$1$1 = '202607090129';
81135
+ var formkitVersion$1$1 = '202607091532';
81376
81136
 
81377
81137
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
81378
81138
  // See LICENSE in the project root for license information.
@@ -82493,7 +82253,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
82493
82253
  }
82494
82254
  };
82495
82255
 
82496
- var formkitVersion$3 = '202607090129';
82256
+ var formkitVersion$3 = '202607091532';
82497
82257
 
82498
82258
  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}`;
82499
82259
 
@@ -84025,11 +83785,8 @@ class AuroCombobox extends AuroElement$3 {
84025
83785
  // do not close while typing in suggestion mode with no value selected, to allow freeform input
84026
83786
  this.hideBib();
84027
83787
 
84028
- // Move focus to the clear button when the user makes a selection,
84029
- // unless the Shift+Tab handler opted this selection out.
84030
- if (this._suppressClearBtnFocusOnSelection) {
84031
- this._suppressClearBtnFocusOnSelection = false;
84032
- } else if (!isEcho && this.menu.value !== undefined) {
83788
+ // Move focus to the clear button when the user makes a selection.
83789
+ if (!isEcho && this.menu.value !== undefined) {
84033
83790
  this.setClearBtnFocus();
84034
83791
  }
84035
83792
 
@@ -91474,7 +91231,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
91474
91231
  }
91475
91232
  };
91476
91233
 
91477
- var formkitVersion$1 = '202607090129';
91234
+ var formkitVersion$1 = '202607091532';
91478
91235
 
91479
91236
  class AuroElement extends i$3 {
91480
91237
  static get properties() {
@@ -93513,7 +93270,7 @@ class AuroHelpText extends i$3 {
93513
93270
  }
93514
93271
  }
93515
93272
 
93516
- var formkitVersion = '202607090129';
93273
+ var formkitVersion = '202607091532';
93517
93274
 
93518
93275
  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}`;
93519
93276