@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.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 (48) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +5 -15
  6. package/components/combobox/demo/index.min.js +5 -15
  7. package/components/combobox/dist/index.js +4 -14
  8. package/components/combobox/dist/registered.js +4 -14
  9. package/components/counter/demo/api.min.js +3 -13
  10. package/components/counter/demo/index.min.js +3 -13
  11. package/components/counter/dist/index.js +3 -13
  12. package/components/counter/dist/registered.js +3 -13
  13. package/components/datepicker/demo/api.min.js +22 -135
  14. package/components/datepicker/demo/index.min.js +22 -135
  15. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
  16. package/components/datepicker/dist/index.js +22 -135
  17. package/components/datepicker/dist/registered.js +22 -135
  18. package/components/dropdown/demo/api.md +28 -29
  19. package/components/dropdown/demo/api.min.js +2 -12
  20. package/components/dropdown/demo/index.min.js +2 -12
  21. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  22. package/components/dropdown/dist/index.js +2 -12
  23. package/components/dropdown/dist/registered.js +2 -12
  24. package/components/form/demo/api.min.js +59 -251
  25. package/components/form/demo/index.min.js +59 -251
  26. package/components/input/demo/api.min.js +1 -1
  27. package/components/input/demo/index.min.js +1 -1
  28. package/components/input/dist/index.js +1 -1
  29. package/components/input/dist/registered.js +1 -1
  30. package/components/menu/demo/api.min.js +1 -1
  31. package/components/menu/demo/index.min.js +1 -1
  32. package/components/menu/demo/keyboardBehavior.md +0 -0
  33. package/components/menu/dist/index.js +1 -1
  34. package/components/menu/dist/registered.js +1 -1
  35. package/components/radio/demo/api.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/demo/keyboardBehavior.md +0 -0
  38. package/components/radio/dist/index.js +1 -1
  39. package/components/radio/dist/registered.js +1 -1
  40. package/components/select/demo/api.min.js +27 -86
  41. package/components/select/demo/index.min.js +27 -86
  42. package/components/select/demo/keyboardBehavior.md +3 -3
  43. package/components/select/dist/index.js +26 -85
  44. package/components/select/dist/registered.js +26 -85
  45. package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
  46. package/custom-elements.json +1549 -1568
  47. package/package.json +3 -3
  48. /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
@@ -7458,7 +7458,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$4 {
7458
7458
  }
7459
7459
  };
7460
7460
 
7461
- var formkitVersion$8 = '202604021752';
7461
+ var formkitVersion$8 = '202604021941';
7462
7462
 
7463
7463
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
7464
7464
  // See LICENSE in the project root for license information.
@@ -17366,7 +17366,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
17366
17366
  }
17367
17367
  };
17368
17368
 
17369
- var formkitVersion$2$1 = '202604021752';
17369
+ var formkitVersion$2$1 = '202604021941';
17370
17370
 
17371
17371
  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$3`${s$6(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$7`: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}
17372
17372
  `,u$4$2=i$7`.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}}
@@ -17820,12 +17820,12 @@ class AuroCalendar extends RangeDatepicker {
17820
17820
  </div>
17821
17821
  <div class="calendarNavButtons">
17822
17822
  ${this.showPrevMonthBtn ? u$c`
17823
- <button class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
17823
+ <button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
17824
17824
  ${this.util.generateIconHtml(chevronLeft)}
17825
17825
  </button>
17826
17826
  ` : undefined}
17827
17827
  ${this.showNextMonthBtn ? u$c`
17828
- <button class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
17828
+ <button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
17829
17829
  ${this.util.generateIconHtml(chevronRight)}
17830
17830
  </button>
17831
17831
  ` : undefined}
@@ -20754,7 +20754,7 @@ var iconVersion$2$3 = '9.1.2';
20754
20754
  * @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
20755
20755
  * isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
20756
20756
  */
20757
- function createDisplayContext$1$3(component, options = {}) {
20757
+ function createDisplayContext$4(component, options = {}) {
20758
20758
  const dd = options.dropdown || component.dropdown;
20759
20759
  // isPopoverVisible reflects as the `open` attribute.
20760
20760
  // It reports whether the bib is open in any mode (popover or modal).
@@ -20784,11 +20784,11 @@ function createDisplayContext$1$3(component, options = {}) {
20784
20784
  * @param {Object} strategy - Map of key names to handler functions.
20785
20785
  * @param {Object} [options] - Optional config passed to createDisplayContext.
20786
20786
  */
20787
- function applyKeyboardStrategy$1$3(component, strategy, options = {}) {
20787
+ function applyKeyboardStrategy$4(component, strategy, options = {}) {
20788
20788
  component.addEventListener('keydown', async (evt) => {
20789
20789
  const handler = strategy[evt.key] || strategy.default;
20790
20790
  if (typeof handler === 'function') {
20791
- const ctx = createDisplayContext$1$3(component, options);
20791
+ const ctx = createDisplayContext$4(component, options);
20792
20792
  await handler(component, evt, ctx);
20793
20793
  }
20794
20794
  });
@@ -21018,7 +21018,7 @@ let AuroDropdownBib$3 = class AuroDropdownBib extends i$4 {
21018
21018
 
21019
21019
  const dialog = this.shadowRoot.querySelector('dialog');
21020
21020
  this._setupCancelHandler(dialog);
21021
- applyKeyboardStrategy$1$3(dialog, createDropdownBibKeyboardStrategy$3());
21021
+ applyKeyboardStrategy$4(dialog, createDropdownBibKeyboardStrategy$3());
21022
21022
 
21023
21023
  this.dispatchEvent(new CustomEvent('auro-dropdownbib-connected', {
21024
21024
  bubbles: true,
@@ -21419,7 +21419,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
21419
21419
  }
21420
21420
  };
21421
21421
 
21422
- var formkitVersion$1$3 = '202604021752';
21422
+ var formkitVersion$1$3 = '202604021941';
21423
21423
 
21424
21424
  let AuroElement$2$2 = class AuroElement extends i$4 {
21425
21425
  static get properties() {
@@ -21600,7 +21600,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21600
21600
  this.appearance = 'default';
21601
21601
  this.chevron = false;
21602
21602
  this.disabled = false;
21603
- this.disableKeyboardHandling = false;
21604
21603
  this.error = false;
21605
21604
  this.tabIndex = 0;
21606
21605
  this.noToggle = false;
@@ -21812,14 +21811,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21812
21811
  reflect: true
21813
21812
  },
21814
21813
 
21815
- /**
21816
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
21817
- */
21818
- disableKeyboardHandling: {
21819
- type: Boolean,
21820
- reflect: true
21821
- },
21822
-
21823
21814
  /**
21824
21815
  * @private
21825
21816
  */
@@ -22125,7 +22116,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22125
22116
 
22126
22117
  firstUpdated() {
22127
22118
  // Configure the floater to, this will generate the ID for the bib
22128
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
22119
+ this.floater.configure(this, 'auroDropdown');
22129
22120
 
22130
22121
  // Prevent `contain: layout` on the dropdown host. Layout containment
22131
22122
  // creates a containing block for position:fixed descendants (the bib),
@@ -22433,7 +22424,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22433
22424
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
22434
22425
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
22435
22426
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
22436
- aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
22437
22427
  @focusin="${this.handleFocusin}"
22438
22428
  @blur="${this.handleFocusOut}">
22439
22429
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -29176,7 +29166,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$4 {
29176
29166
  }
29177
29167
  };
29178
29168
 
29179
- var formkitVersion$7 = '202604021752';
29169
+ var formkitVersion$7 = '202604021941';
29180
29170
 
29181
29171
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
29182
29172
  // See LICENSE in the project root for license information.
@@ -30347,99 +30337,6 @@ function guardTouchPassthrough$2(element) {
30347
30337
  }, { once: true });
30348
30338
  }
30349
30339
 
30350
- /**
30351
- * Restores the dropdown trigger after a fullscreen dialog closes.
30352
- *
30353
- * Removes the `inert` attribute from the trigger so it is accessible again,
30354
- * and restores focus to the given target after one animation frame. The rAF
30355
- * delay lets Lit's microtask update cycle call `dialog.close()` first —
30356
- * without it the browser's native dialog focus restoration can conflict.
30357
- *
30358
- * The focus is only applied if the dropdown is still closed at the time the
30359
- * rAF fires, guarding against a rapid close-then-reopen race.
30360
- *
30361
- * @param {HTMLElement} dropdown - The `auro-dropdown` element.
30362
- * @param {HTMLElement} focusTarget - The element to focus (e.g. trigger or input).
30363
- */
30364
- function restoreTriggerAfterClose$2(dropdown, focusTarget) {
30365
- dropdown.trigger.inert = false;
30366
-
30367
- requestAnimationFrame(() => {
30368
- if (!dropdown.isPopoverVisible) {
30369
- focusTarget.focus();
30370
- }
30371
- });
30372
- }
30373
-
30374
- /**
30375
- * Computes display state once per keydown event.
30376
- * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
30377
- *
30378
- * @param {HTMLElement} component - The component with a dropdown reference.
30379
- * @param {Object} [options] - Optional config.
30380
- * @param {HTMLElement} [options.dropdown] - Explicit dropdown reference. Falls back to component.dropdown.
30381
- * @param {Function} [options.inputResolver] - Called with (component, ctx) to resolve the active input element.
30382
- * @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
30383
- * isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
30384
- */
30385
- function createDisplayContext$4(component, options = {}) {
30386
- const dd = options.dropdown || component.dropdown;
30387
- // isPopoverVisible reflects as the `open` attribute.
30388
- // It reports whether the bib is open in any mode (popover or modal).
30389
- const isExpanded = Boolean(dd && dd.isPopoverVisible);
30390
- const isFullscreen = Boolean(dd && dd.isBibFullscreen);
30391
-
30392
- const ctx = {
30393
- isExpanded,
30394
- isModal: isFullscreen,
30395
- isPopover: !isFullscreen,
30396
- activeInput: null,
30397
- };
30398
-
30399
- if (options.inputResolver) {
30400
- const resolvedInput = options.inputResolver(component, ctx);
30401
- // Guard against resolvers returning undefined or non-HTMLElement values.
30402
- ctx.activeInput = resolvedInput instanceof HTMLElement ? resolvedInput : null;
30403
- }
30404
-
30405
- return ctx;
30406
- }
30407
-
30408
- /**
30409
- * Wires up a keydown listener that dispatches to strategy[evt.key] or strategy.default.
30410
- * Handles both sync and async handlers.
30411
- * @param {HTMLElement} component - The component to attach the listener to.
30412
- * @param {Object} strategy - Map of key names to handler functions.
30413
- * @param {Object} [options] - Optional config passed to createDisplayContext.
30414
- */
30415
- function applyKeyboardStrategy$4(component, strategy, options = {}) {
30416
- component.addEventListener('keydown', async (evt) => {
30417
- const handler = strategy[evt.key] || strategy.default;
30418
- if (typeof handler === 'function') {
30419
- const ctx = createDisplayContext$4(component, options);
30420
- await handler(component, evt, ctx);
30421
- }
30422
- });
30423
- }
30424
-
30425
- // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
30426
- // See LICENSE in the project root for license information.
30427
-
30428
- const datepickerKeyboardStrategy = {
30429
- Enter(component, evt, ctx) {
30430
- if (!ctx.isExpanded) {
30431
- evt.preventDefault();
30432
- component.dropdown.show();
30433
- }
30434
- },
30435
-
30436
- Tab(component, _evt, ctx) {
30437
- if (ctx.isExpanded && ctx.isModal) {
30438
- component.dropdown.hide();
30439
- }
30440
- },
30441
- };
30442
-
30443
30340
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
30444
30341
  // See LICENSE in the project root for license information.
30445
30342
 
@@ -31235,13 +31132,6 @@ class AuroDatePicker extends AuroElement$5 {
31235
31132
  configureDropdown() {
31236
31133
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
31237
31134
 
31238
- // Prevent dropdown from closing on focus loss during fullscreen transitions.
31239
- // When trigger.inert is set to true (to hide the trigger from assistive
31240
- // technology behind the fullscreen dialog), focus leaves the trigger, which
31241
- // fires a focusout event. The floater's handleFocusLoss() would interpret
31242
- // this as "close the bib" without this flag.
31243
- this.dropdown.noHideOnThisFocusLoss = true;
31244
-
31245
31135
  // Pass label text to the dropdown bib for accessible dialog naming.
31246
31136
  // Without this, the fullscreen <dialog> has no accessible name and
31247
31137
  // screen readers announce it as just "dialog" with no context.
@@ -31250,12 +31140,6 @@ class AuroDatePicker extends AuroElement$5 {
31250
31140
  this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
31251
31141
  }
31252
31142
 
31253
- // Tab closes the fullscreen dialog (same pattern as select).
31254
- // The dialog event bridge intercepts Tab and re-dispatches it as a
31255
- // composed keydown; this listener catches the re-dispatched event.
31256
- // Enter opens the bib when it is closed.
31257
- applyKeyboardStrategy$4(this, datepickerKeyboardStrategy);
31258
-
31259
31143
  this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
31260
31144
  if (!this.isPopoverVisible) {
31261
31145
  this.dropdown.show();
@@ -31305,7 +31189,17 @@ class AuroDatePicker extends AuroElement$5 {
31305
31189
  guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
31306
31190
  }
31307
31191
  } else {
31308
- restoreTriggerAfterClose$2(this.dropdown, this.inputList[0]);
31192
+ // Always clear the inert flag. Only restore focus to the input when the datepicker
31193
+ // still has focus (e.g. Escape, date selected) — not when the user tabbed away,
31194
+ // which would pull them back and require extra Tab presses to escape.
31195
+ this.dropdown.trigger.inert = false;
31196
+ if (this.hasFocus) {
31197
+ requestAnimationFrame(() => {
31198
+ if (!this.dropdown.isPopoverVisible) {
31199
+ this.inputList[0].focus();
31200
+ }
31201
+ });
31202
+ }
31309
31203
  }
31310
31204
 
31311
31205
  // If on mobile, and the calendar is opened, scroll the focus date into view if the flag is set
@@ -31348,7 +31242,7 @@ class AuroDatePicker extends AuroElement$5 {
31348
31242
  }
31349
31243
  });
31350
31244
  }
31351
-
31245
+
31352
31246
  /**
31353
31247
  * Binds all behavior needed to the input after rendering.
31354
31248
  * @private
@@ -31360,13 +31254,6 @@ class AuroDatePicker extends AuroElement$5 {
31360
31254
  this.inputList = [...this.dropdown.querySelectorAll(this.inputTag._$litStatic$)];
31361
31255
 
31362
31256
  this.inputList.forEach((input, index) => {
31363
- // auto-show bib when manually editing the input value
31364
- input.addEventListener('keyup', (evt) => {
31365
- if (evt.key === " ") {
31366
- this.dropdown.show();
31367
- }
31368
- });
31369
-
31370
31257
  input.addEventListener('input', () => {
31371
31258
  if (index === 0) {
31372
31259
  this.value = input.value;
@@ -33822,7 +33709,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
33822
33709
  }
33823
33710
  };
33824
33711
 
33825
- var formkitVersion$1$2 = '202604021752';
33712
+ var formkitVersion$1$2 = '202604021941';
33826
33713
 
33827
33714
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
33828
33715
  // See LICENSE in the project root for license information.
@@ -37863,7 +37750,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
37863
37750
  }
37864
37751
  };
37865
37752
 
37866
- var formkitVersion$6 = '202604021752';
37753
+ var formkitVersion$6 = '202604021941';
37867
37754
 
37868
37755
  let AuroElement$1$2 = class AuroElement extends i$4 {
37869
37756
  static get properties() {
@@ -38044,7 +37931,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
38044
37931
  this.appearance = 'default';
38045
37932
  this.chevron = false;
38046
37933
  this.disabled = false;
38047
- this.disableKeyboardHandling = false;
38048
37934
  this.error = false;
38049
37935
  this.tabIndex = 0;
38050
37936
  this.noToggle = false;
@@ -38256,14 +38142,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
38256
38142
  reflect: true
38257
38143
  },
38258
38144
 
38259
- /**
38260
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
38261
- */
38262
- disableKeyboardHandling: {
38263
- type: Boolean,
38264
- reflect: true
38265
- },
38266
-
38267
38145
  /**
38268
38146
  * @private
38269
38147
  */
@@ -38569,7 +38447,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
38569
38447
 
38570
38448
  firstUpdated() {
38571
38449
  // Configure the floater to, this will generate the ID for the bib
38572
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
38450
+ this.floater.configure(this, 'auroDropdown');
38573
38451
 
38574
38452
  // Prevent `contain: layout` on the dropdown host. Layout containment
38575
38453
  // creates a containing block for position:fixed descendants (the bib),
@@ -38877,7 +38755,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
38877
38755
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
38878
38756
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
38879
38757
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
38880
- aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
38881
38758
  @focusin="${this.handleFocusin}"
38882
38759
  @blur="${this.handleFocusOut}">
38883
38760
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -41933,7 +41810,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
41933
41810
  }
41934
41811
  };
41935
41812
 
41936
- var formkitVersion$5 = '202604021752';
41813
+ var formkitVersion$5 = '202604021941';
41937
41814
 
41938
41815
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
41939
41816
  // See LICENSE in the project root for license information.
@@ -44102,7 +43979,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
44102
43979
  }
44103
43980
  };
44104
43981
 
44105
- var formkitVersion$4 = '202604021752';
43982
+ var formkitVersion$4 = '202604021941';
44106
43983
 
44107
43984
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
44108
43985
  // See LICENSE in the project root for license information.
@@ -49433,7 +49310,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
49433
49310
  }
49434
49311
  };
49435
49312
 
49436
- var formkitVersion$2 = '202604021752';
49313
+ var formkitVersion$2 = '202604021941';
49437
49314
 
49438
49315
  let AuroElement$2$1 = class AuroElement extends i$4 {
49439
49316
  static get properties() {
@@ -49614,7 +49491,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
49614
49491
  this.appearance = 'default';
49615
49492
  this.chevron = false;
49616
49493
  this.disabled = false;
49617
- this.disableKeyboardHandling = false;
49618
49494
  this.error = false;
49619
49495
  this.tabIndex = 0;
49620
49496
  this.noToggle = false;
@@ -49826,14 +49702,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
49826
49702
  reflect: true
49827
49703
  },
49828
49704
 
49829
- /**
49830
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
49831
- */
49832
- disableKeyboardHandling: {
49833
- type: Boolean,
49834
- reflect: true
49835
- },
49836
-
49837
49705
  /**
49838
49706
  * @private
49839
49707
  */
@@ -50139,7 +50007,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50139
50007
 
50140
50008
  firstUpdated() {
50141
50009
  // Configure the floater to, this will generate the ID for the bib
50142
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
50010
+ this.floater.configure(this, 'auroDropdown');
50143
50011
 
50144
50012
  // Prevent `contain: layout` on the dropdown host. Layout containment
50145
50013
  // creates a containing block for position:fixed descendants (the bib),
@@ -50447,7 +50315,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50447
50315
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
50448
50316
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
50449
50317
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
50450
- aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
50451
50318
  @focusin="${this.handleFocusin}"
50452
50319
  @blur="${this.handleFocusOut}">
50453
50320
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -57190,7 +57057,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
57190
57057
  }
57191
57058
  };
57192
57059
 
57193
- var formkitVersion$1$1 = '202604021752';
57060
+ var formkitVersion$1$1 = '202604021941';
57194
57061
 
57195
57062
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
57196
57063
  // See LICENSE in the project root for license information.
@@ -58229,7 +58096,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
58229
58096
  }
58230
58097
  };
58231
58098
 
58232
- var formkitVersion$3 = '202604021752';
58099
+ var formkitVersion$3 = '202604021941';
58233
58100
 
58234
58101
  var styleCss$1$3 = i$7`.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}`;
58235
58102
 
@@ -60955,7 +60822,7 @@ class AuroMenuOption extends AuroElement$2 {
60955
60822
  });
60956
60823
 
60957
60824
  return u$c`
60958
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
60825
+ <div class="${classes}">
60959
60826
  ${this.selected && !this.noCheckmark
60960
60827
  ? this.generateIconHtml(checkmarkIcon.svg)
60961
60828
  : undefined}
@@ -63615,16 +63482,9 @@ function navigateArrow(component, direction, options = {}) {
63615
63482
  }
63616
63483
  }
63617
63484
 
63618
- /* eslint-disable new-cap */
63619
-
63620
63485
  const selectKeyboardStrategy = {
63621
63486
  ArrowUp(component, evt, ctx) {
63622
63487
  evt.preventDefault();
63623
- if (evt.altKey || evt.metaKey) {
63624
- // navigate to first enabled option
63625
- selectKeyboardStrategy.Home(component, evt, ctx);
63626
- return;
63627
- }
63628
63488
  navigateArrow(component, 'up', {
63629
63489
  ctx,
63630
63490
  showFn: () => component.dropdown.show(),
@@ -63633,34 +63493,30 @@ const selectKeyboardStrategy = {
63633
63493
 
63634
63494
  ArrowDown(component, evt, ctx) {
63635
63495
  evt.preventDefault();
63636
- if (evt.altKey || evt.metaKey) {
63637
- // navigate to last enabled option
63638
- selectKeyboardStrategy.End(component, evt, ctx);
63639
- return;
63640
- }
63641
63496
  navigateArrow(component, 'down', {
63642
63497
  ctx,
63643
63498
  showFn: () => component.dropdown.show(),
63644
63499
  });
63645
63500
  },
63646
63501
 
63647
- Enter(component, evt, ctx) {
63648
- if (!ctx.isExpanded) {
63649
- component.dropdown.show();
63650
- return;
63651
- }
63502
+ Enter(component, evt) {
63503
+ evt.preventDefault();
63652
63504
  component.menu.makeSelection();
63653
63505
  },
63654
63506
 
63655
- Escape(component, evt, ctx) {
63507
+ Tab(component, evt, ctx) {
63656
63508
  if (!ctx.isExpanded) {
63657
63509
  return;
63658
63510
  }
63659
- component.dropdown.hide();
63660
- },
63661
63511
 
63662
- Tab(component, evt, ctx) {
63663
- if (!ctx.isExpanded) {
63512
+ // Shift+Tab moves the highlight to the first non-disabled option
63513
+ // without making a selection or closing the bib.
63514
+ if (evt.shiftKey) {
63515
+ evt.preventDefault();
63516
+ const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
63517
+ if (firstActive) {
63518
+ component.menu.updateActiveOption(firstActive);
63519
+ }
63664
63520
  return;
63665
63521
  }
63666
63522
 
@@ -63671,41 +63527,9 @@ const selectKeyboardStrategy = {
63671
63527
  }
63672
63528
  component.dropdown.hide();
63673
63529
  },
63674
- Home(component, evt, ctx) {
63675
- if (!ctx.isExpanded) {
63676
- return;
63677
- }
63678
- evt.preventDefault();
63679
- evt.stopPropagation();
63680
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
63681
- if (firstOption) {
63682
- component.menu.updateActiveOption(firstOption);
63683
- }
63684
- },
63685
63530
 
63686
- End(component, evt, ctx) {
63687
- if (!ctx.isExpanded) {
63688
- return;
63689
- }
63690
- evt.preventDefault();
63691
- evt.stopPropagation();
63692
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
63693
- if (lastOption) {
63694
- component.menu.updateActiveOption(lastOption);
63695
- }
63696
- },
63697
-
63698
- default(component, evt, ctx) {
63531
+ default(component, evt) {
63699
63532
  component.updateActiveOptionBasedOnKey(evt.key);
63700
- if (evt.key === ' ') {
63701
- evt.preventDefault();
63702
- evt.stopPropagation();
63703
- if (ctx.isExpanded) {
63704
- component.dropdown.hide();
63705
- return;
63706
- }
63707
- component.dropdown.show();
63708
- }
63709
63533
  },
63710
63534
  };
63711
63535
 
@@ -67326,7 +67150,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
67326
67150
  }
67327
67151
  };
67328
67152
 
67329
- var formkitVersion$1 = '202604021752';
67153
+ var formkitVersion$1 = '202604021941';
67330
67154
 
67331
67155
  class AuroElement extends i$4 {
67332
67156
  static get properties() {
@@ -67507,7 +67331,6 @@ class AuroDropdown extends AuroElement {
67507
67331
  this.appearance = 'default';
67508
67332
  this.chevron = false;
67509
67333
  this.disabled = false;
67510
- this.disableKeyboardHandling = false;
67511
67334
  this.error = false;
67512
67335
  this.tabIndex = 0;
67513
67336
  this.noToggle = false;
@@ -67719,14 +67542,6 @@ class AuroDropdown extends AuroElement {
67719
67542
  reflect: true
67720
67543
  },
67721
67544
 
67722
- /**
67723
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
67724
- */
67725
- disableKeyboardHandling: {
67726
- type: Boolean,
67727
- reflect: true
67728
- },
67729
-
67730
67545
  /**
67731
67546
  * @private
67732
67547
  */
@@ -68032,7 +67847,7 @@ class AuroDropdown extends AuroElement {
68032
67847
 
68033
67848
  firstUpdated() {
68034
67849
  // Configure the floater to, this will generate the ID for the bib
68035
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
67850
+ this.floater.configure(this, 'auroDropdown');
68036
67851
 
68037
67852
  // Prevent `contain: layout` on the dropdown host. Layout containment
68038
67853
  // creates a containing block for position:fixed descendants (the bib),
@@ -68340,7 +68155,6 @@ class AuroDropdown extends AuroElement {
68340
68155
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
68341
68156
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
68342
68157
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
68343
- aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
68344
68158
  @focusin="${this.handleFocusin}"
68345
68159
  @blur="${this.handleFocusOut}">
68346
68160
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -69079,7 +68893,7 @@ class AuroHelpText extends i$4 {
69079
68893
  }
69080
68894
  }
69081
68895
 
69082
- var formkitVersion = '202604021752';
68896
+ var formkitVersion = '202604021941';
69083
68897
 
69084
68898
  var styleCss = i$7`.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);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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 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, 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}`;
69085
68899
 
@@ -69622,20 +69436,6 @@ class AuroSelect extends AuroElement$1 {
69622
69436
  if (this.dropdown.isPopoverVisible) {
69623
69437
  this.updateMenuShapeSize();
69624
69438
 
69625
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
69626
- // No selection → first enabled option gets highlighted
69627
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
69628
- this.menu.updateActiveOption(this.optionSelected);
69629
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
69630
- this.menu.updateActiveOption(this.optionSelected[0]);
69631
- } else if (!this.menu.optionActive) {
69632
- // If no activeOption has yet to be set, then make the first enabled option active by default
69633
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
69634
- this.menu.updateActiveOption(firstActive);
69635
- }
69636
-
69637
- // Scroll the selected option into view when dropdown opens
69638
- this.scrollSelectedOptionIntoView();
69639
69439
  if (this.dropdown.isBibFullscreen) {
69640
69440
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
69641
69441
  // behind the fullscreen dialog
@@ -69647,6 +69447,17 @@ class AuroSelect extends AuroElement$1 {
69647
69447
  // multiple Lit update cycles before moving focus into the bib
69648
69448
  doubleRaf(() => {
69649
69449
  this.bibtemplate.focusCloseButton();
69450
+
69451
+ // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
69452
+ // No selection → no highlight
69453
+ if (this.optionSelected && !Array.isArray(this.optionSelected)) {
69454
+ this.menu.updateActiveOption(this.optionSelected);
69455
+ } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
69456
+ this.menu.updateActiveOption(this.optionSelected[0]);
69457
+ }
69458
+
69459
+ // Scroll the selected option into view when dropdown opens
69460
+ this.scrollSelectedOptionIntoView();
69650
69461
  });
69651
69462
  } else {
69652
69463
  // wait til the bib gets fully rendered
@@ -70332,7 +70143,6 @@ class AuroSelect extends AuroElement$1 {
70332
70143
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
70333
70144
  </div>
70334
70145
  <${this.dropdownTag}
70335
- disableKeyboardHandling
70336
70146
  appearance="${this.onDark ? 'inverse' : this.appearance}"
70337
70147
  .a11yRole=${"combobox"}
70338
70148
  ?autoPlacement="${this.autoPlacement}"
@@ -70412,7 +70222,6 @@ class AuroSelect extends AuroElement$1 {
70412
70222
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
70413
70223
  </div>
70414
70224
  <${this.dropdownTag}
70415
- disableKeyboardHandling
70416
70225
  appearance="${this.onDark ? 'inverse' : this.appearance}"
70417
70226
  .a11yRole=${"combobox"}
70418
70227
  ?autoPlacement="${this.autoPlacement}"
@@ -70498,7 +70307,6 @@ class AuroSelect extends AuroElement$1 {
70498
70307
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
70499
70308
  </div>
70500
70309
  <${this.dropdownTag}
70501
- disableKeyboardHandling
70502
70310
  appearance="${this.onDark ? 'inverse' : this.appearance}"
70503
70311
  .a11yRole=${"combobox"}
70504
70312
  ?autoPlacement="${this.autoPlacement}"