@aurodesignsystem-dev/auro-formkit 0.0.0-pr1511.1 → 0.0.0-pr1513.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 +3 -4
  7. package/components/combobox/demo/getting-started.min.js +3 -4
  8. package/components/combobox/demo/index.min.js +3 -4
  9. package/components/combobox/dist/index.js +3 -4
  10. package/components/combobox/dist/registered.js +3 -4
  11. package/components/counter/demo/customize.min.js +2 -10
  12. package/components/counter/demo/index.min.js +2 -10
  13. package/components/counter/dist/index.js +2 -10
  14. package/components/counter/dist/registered.js +2 -10
  15. package/components/datepicker/demo/customize.min.js +17 -5
  16. package/components/datepicker/demo/index.min.js +17 -5
  17. package/components/datepicker/dist/auro-calendar.d.ts +1 -0
  18. package/components/datepicker/dist/index.js +17 -5
  19. package/components/datepicker/dist/registered.js +17 -5
  20. package/components/dropdown/demo/customize.min.js +1 -2
  21. package/components/dropdown/demo/getting-started.min.js +1 -2
  22. package/components/dropdown/demo/index.min.js +1 -2
  23. package/components/dropdown/dist/index.js +1 -2
  24. package/components/dropdown/dist/registered.js +1 -2
  25. package/components/form/demo/customize.min.js +87 -208
  26. package/components/form/demo/getting-started.min.js +87 -208
  27. package/components/form/demo/index.min.js +87 -208
  28. package/components/form/demo/registerDemoDeps.min.js +87 -208
  29. package/components/input/demo/customize.min.js +1 -1
  30. package/components/input/demo/getting-started.min.js +1 -1
  31. package/components/input/demo/index.min.js +1 -1
  32. package/components/input/dist/index.js +1 -1
  33. package/components/input/dist/registered.js +1 -1
  34. package/components/radio/demo/customize.min.js +1 -1
  35. package/components/radio/demo/getting-started.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/dist/index.js +1 -1
  38. package/components/radio/dist/registered.js +1 -1
  39. package/components/select/demo/customize.min.js +62 -186
  40. package/components/select/demo/getting-started.min.js +62 -186
  41. package/components/select/demo/index.min.js +62 -186
  42. package/components/select/demo/keyboard-behavior.md +4 -18
  43. package/components/select/dist/auro-select.d.ts +8 -20
  44. package/components/select/dist/index.js +62 -186
  45. package/components/select/dist/registered.js +62 -186
  46. package/custom-elements.json +1503 -1489
  47. package/package.json +1 -1
@@ -12331,7 +12331,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12331
12331
  }
12332
12332
  };
12333
12333
 
12334
- var formkitVersion$8 = '202606261928';
12334
+ var formkitVersion$8 = '202606291440';
12335
12335
 
12336
12336
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12337
12337
  // See LICENSE in the project root for license information.
@@ -26573,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26573
26573
  }
26574
26574
  };
26575
26575
 
26576
- var formkitVersion$2$1 = '202606261928';
26576
+ var formkitVersion$2$1 = '202606291440';
26577
26577
 
26578
26578
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26579
26579
  `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -27220,10 +27220,23 @@ class AuroCalendar extends RangeDatepicker {
27220
27220
  /**
27221
27221
  * Shows the activeCell ring when the grid gains focus.
27222
27222
  * @private
27223
+ * @param {FocusEvent} [event] - The focusin event.
27223
27224
  * @returns {void}
27224
27225
  */
27225
- handleGridFocusIn() {
27226
+ handleGridFocusIn(event) {
27226
27227
  this._gridHasFocus = true;
27228
+
27229
+ // Only apply the activeCell ring when the grid wrapper itself receives focus
27230
+ // (Tab/programmatic). When focus moves into a cell button via mousedown,
27231
+ // event.target is the cell descendant — skip the ring here. The subsequent
27232
+ // click handler calls setActiveCell on the clicked cell, which applies the
27233
+ // ring there. Without this guard, mousedown briefly flashes the ring on the
27234
+ // previously-active cell (e.g. the 1st-of-month set by month navigation
27235
+ // when the grid was not focused).
27236
+ if (event && event.target !== event.currentTarget) {
27237
+ return;
27238
+ }
27239
+
27227
27240
  const activeCell = this.getAllFocusableCells().find((cell) => cell.active);
27228
27241
  if (activeCell) {
27229
27242
  const btn = activeCell._cachedButton || activeCell.shadowRoot.querySelector('button.day');
@@ -32218,7 +32231,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32218
32231
  }
32219
32232
  };
32220
32233
 
32221
- var formkitVersion$1$3 = '202606261928';
32234
+ var formkitVersion$1$3 = '202606291440';
32222
32235
 
32223
32236
  let AuroElement$2$2 = class AuroElement extends i$2 {
32224
32237
  static get properties() {
@@ -33490,7 +33503,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33490
33503
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
33491
33504
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
33492
33505
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
33493
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
33494
33506
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
33495
33507
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
33496
33508
  @focusin="${this.handleFocusin}"
@@ -45812,7 +45824,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
45812
45824
  }
45813
45825
  };
45814
45826
 
45815
- var formkitVersion$7 = '202606261928';
45827
+ var formkitVersion$7 = '202606291440';
45816
45828
 
45817
45829
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
45818
45830
  // See LICENSE in the project root for license information.
@@ -50667,7 +50679,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
50667
50679
  }
50668
50680
  };
50669
50681
 
50670
- var formkitVersion$1$2 = '202606261928';
50682
+ var formkitVersion$1$2 = '202606291440';
50671
50683
 
50672
50684
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
50673
50685
  // See LICENSE in the project root for license information.
@@ -54995,7 +55007,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
54995
55007
  }
54996
55008
  };
54997
55009
 
54998
- var formkitVersion$6 = '202606261928';
55010
+ var formkitVersion$6 = '202606291440';
54999
55011
 
55000
55012
  let AuroElement$1$2 = class AuroElement extends i$2 {
55001
55013
  static get properties() {
@@ -56267,7 +56279,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56267
56279
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
56268
56280
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
56269
56281
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
56270
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
56271
56282
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
56272
56283
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
56273
56284
  @focusin="${this.handleFocusin}"
@@ -57400,13 +57411,6 @@ class AuroCounterGroup extends AuroElement$4 {
57400
57411
  */
57401
57412
  configureDropdownCounters() {
57402
57413
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
57403
-
57404
- // Counter rows are slotted into the bib through multiple shadow roots
57405
- // (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
57406
- // `:focus-within` focus-loss check fails to match the dropdown host in Chromium
57407
- // and the bib auto-closes immediately after opening. Mirrors auro-select.
57408
- this.dropdown.noHideOnThisFocusLoss = true;
57409
-
57410
57414
  this.dropdown.requestUpdate();
57411
57415
 
57412
57416
  const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
@@ -58943,7 +58947,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
58943
58947
  }
58944
58948
  };
58945
58949
 
58946
- var formkitVersion$5 = '202606261928';
58950
+ var formkitVersion$5 = '202606291440';
58947
58951
 
58948
58952
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
58949
58953
  // See LICENSE in the project root for license information.
@@ -60693,7 +60697,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
60693
60697
  }
60694
60698
  };
60695
60699
 
60696
- var formkitVersion$4 = '202606261928';
60700
+ var formkitVersion$4 = '202606291440';
60697
60701
 
60698
60702
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
60699
60703
  // See LICENSE in the project root for license information.
@@ -65908,7 +65912,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
65908
65912
  }
65909
65913
  };
65910
65914
 
65911
- var formkitVersion$2 = '202606261928';
65915
+ var formkitVersion$2 = '202606291440';
65912
65916
 
65913
65917
  let AuroElement$2$1 = class AuroElement extends i$2 {
65914
65918
  static get properties() {
@@ -67180,7 +67184,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67180
67184
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
67181
67185
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
67182
67186
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
67183
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
67184
67187
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
67185
67188
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
67186
67189
  @focusin="${this.handleFocusin}"
@@ -79502,7 +79505,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
79502
79505
  }
79503
79506
  };
79504
79507
 
79505
- var formkitVersion$1$1 = '202606261928';
79508
+ var formkitVersion$1$1 = '202606291440';
79506
79509
 
79507
79510
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
79508
79511
  // See LICENSE in the project root for license information.
@@ -80623,7 +80626,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
80623
80626
  }
80624
80627
  };
80625
80628
 
80626
- var formkitVersion$3 = '202606261928';
80629
+ var formkitVersion$3 = '202606291440';
80627
80630
 
80628
80631
  var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
80629
80632
 
@@ -85436,28 +85439,19 @@ const selectKeyboardStrategy = {
85436
85439
  },
85437
85440
 
85438
85441
  End(component, evt, ctx) {
85442
+ if (!ctx.isExpanded) {
85443
+ return;
85444
+ }
85439
85445
  evt.preventDefault();
85440
85446
  evt.stopPropagation();
85441
85447
  // `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
85442
85448
  const lastOption = getEnabledOptions(component.menu).pop();
85443
- if (!lastOption) {
85444
- return;
85445
- }
85446
- // Pre-stash before show() so the auroDropdown-toggled handler's
85447
- // `!optionActive` guard short-circuits the firstActive/selected fallback —
85448
- // otherwise show() synchronously fires the handler and writes
85449
- // aria-activedescendant once before we overwrite it.
85450
- component.menu.updateActiveOption(lastOption);
85451
- if (!ctx.isExpanded) {
85452
- component.dropdown.show();
85449
+ if (lastOption) {
85450
+ component.menu.updateActiveOption(lastOption);
85453
85451
  }
85454
85452
  },
85455
85453
 
85456
85454
  Enter(component, evt, ctx) {
85457
- // Prevent the keypress from bubbling to parent containers (e.g., forms)
85458
- // which could interpret Enter as a submit. Matches APG select-only combobox
85459
- // and native <select> behavior: Enter opens the listbox when closed, selects
85460
- // the active option when open — it does not submit a parent form.
85461
85455
  evt.preventDefault();
85462
85456
  evt.stopPropagation();
85463
85457
  if (!ctx.isExpanded) {
@@ -85468,16 +85462,14 @@ const selectKeyboardStrategy = {
85468
85462
  },
85469
85463
 
85470
85464
  Home(component, evt, ctx) {
85465
+ if (!ctx.isExpanded) {
85466
+ return;
85467
+ }
85471
85468
  evt.preventDefault();
85472
85469
  evt.stopPropagation();
85473
85470
  const [firstOption] = getEnabledOptions(component.menu);
85474
- if (!firstOption) {
85475
- return;
85476
- }
85477
- // See End() for why this must run before show().
85478
- component.menu.updateActiveOption(firstOption);
85479
- if (!ctx.isExpanded) {
85480
- component.dropdown.show();
85471
+ if (firstOption) {
85472
+ component.menu.updateActiveOption(firstOption);
85481
85473
  }
85482
85474
  },
85483
85475
 
@@ -89425,7 +89417,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
89425
89417
  }
89426
89418
  };
89427
89419
 
89428
- var formkitVersion$1 = '202606261928';
89420
+ var formkitVersion$1 = '202606291440';
89429
89421
 
89430
89422
  class AuroElement extends i$2 {
89431
89423
  static get properties() {
@@ -90697,7 +90689,6 @@ class AuroDropdown extends AuroElement {
90697
90689
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
90698
90690
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
90699
90691
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
90700
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
90701
90692
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
90702
90693
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
90703
90694
  @focusin="${this.handleFocusin}"
@@ -91447,7 +91438,7 @@ class AuroHelpText extends i$2 {
91447
91438
  }
91448
91439
  }
91449
91440
 
91450
- var formkitVersion = '202606261928';
91441
+ var formkitVersion = '202606291440';
91451
91442
 
91452
91443
  var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
91453
91444
 
@@ -91779,6 +91770,14 @@ class AuroSelect extends AuroElement$1 {
91779
91770
  reflect: true
91780
91771
  },
91781
91772
 
91773
+ /**
91774
+ * @private
91775
+ */
91776
+ options: {
91777
+ type: Array,
91778
+ state: true
91779
+ },
91780
+
91782
91781
  /**
91783
91782
  * Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
91784
91783
  * @type {HTMLElement|Array<HTMLElement>}
@@ -92066,68 +92065,16 @@ class AuroSelect extends AuroElement$1 {
92066
92065
  this.dropdown.dropdownWidth = this.customBibWidth;
92067
92066
  }
92068
92067
 
92069
- this._syncLabelText();
92068
+ // Pass label text to the dropdown bib for accessible dialog naming
92069
+ const labelElement = this.querySelector('span[slot="label"]');
92070
+ if (labelElement) {
92071
+ this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
92072
+ }
92070
92073
 
92071
92074
  // Exposes the CSS parts from the dropdown for styling
92072
92075
  this.dropdown.exposeCssParts();
92073
92076
  }
92074
92077
 
92075
- /**
92076
- * Reads the current label slot text and pushes it to the dropdown bib
92077
- * (for dialog naming) and the menu (for listbox aria-label). Safe to call
92078
- * before either child has been wired up — each branch self-guards.
92079
- * @private
92080
- */
92081
- _syncLabelText() {
92082
- const labelElement = this.querySelector('[slot="label"]');
92083
- const text = labelElement ? labelElement.textContent.trim() : '';
92084
- if (this.dropdown) {
92085
- this.dropdown.bibDialogLabel = text || undefined;
92086
- }
92087
- if (this.menu) {
92088
- if (text) {
92089
- this.menu.setAttribute('aria-label', text);
92090
- } else {
92091
- this.menu.removeAttribute('aria-label');
92092
- }
92093
- }
92094
- }
92095
-
92096
- /**
92097
- * Keeps the dialog/menu accessible names in sync when consumers mutate the
92098
- * label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
92099
- * insufficient — it doesn't fire when textContent of an already-assigned
92100
- * slotted node changes, which is the common case. We scope the observer to
92101
- * the label node itself (not the whole host subtree) so option-content
92102
- * mutations don't trigger label re-syncs, and re-target on `slotchange`
92103
- * when consumers add or replace the label element.
92104
- * @private
92105
- */
92106
- _observeLabelChanges() {
92107
- if (this._labelObserver) return;
92108
- this._labelObserver = new MutationObserver(() => this._syncLabelText());
92109
-
92110
- const retarget = () => {
92111
- this._labelObserver.disconnect();
92112
- const labelElement = this.querySelector('[slot="label"]');
92113
- if (labelElement) {
92114
- this._labelObserver.observe(labelElement, {
92115
- childList: true,
92116
- subtree: true,
92117
- characterData: true
92118
- });
92119
- }
92120
- this._syncLabelText();
92121
- };
92122
-
92123
- retarget();
92124
-
92125
- this._retargetLabelObserver = retarget;
92126
- this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
92127
- slot.addEventListener('slotchange', retarget);
92128
- });
92129
- }
92130
-
92131
92078
  /**
92132
92079
  * This will register this element with the browser.
92133
92080
  * @param {string} [name="auro-select"] - The name of element that you want to register to.
@@ -92278,7 +92225,11 @@ class AuroSelect extends AuroElement$1 {
92278
92225
  this.updateMenuShapeSize();
92279
92226
  this.setMenuValue(this.value);
92280
92227
 
92281
- this._syncLabelText();
92228
+ // Set accessible name on the menu for screen readers based on the label slot content
92229
+ const labelElement = this.querySelector('[slot="label"]');
92230
+ if (labelElement) {
92231
+ this.menu.setAttribute('aria-label', labelElement.textContent.trim());
92232
+ }
92282
92233
 
92283
92234
  if (this.multiSelect) {
92284
92235
  this.menu.multiSelect = this.multiSelect;
@@ -92290,21 +92241,8 @@ class AuroSelect extends AuroElement$1 {
92290
92241
  if (typeof this.menu.initItems === 'function') {
92291
92242
  this.menu.initItems();
92292
92243
  }
92244
+ this.options = this.menu.options;
92293
92245
  this.updateOptionPositions();
92294
- // renderNativeSelect reads this.menu.options, which the parent doesn't
92295
- // observe — request an update so the hidden native <option> list reflects
92296
- // the menu's options after initItems populates them.
92297
- this.requestUpdate();
92298
-
92299
- // Keep aria-setsize/aria-posinset (and the native <option> list) in sync
92300
- // when the menu re-initializes its items — e.g., slotchange, async/lazy
92301
- // loads, value-triggered re-init. Without this, stale set-size is
92302
- // announced and the native select goes stale after dynamic mutations.
92303
- this.menu.addEventListener('auroMenu-optionsChange', () => {
92304
- this.updateOptionPositions();
92305
- this.requestUpdate();
92306
- });
92307
-
92308
92246
  this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
92309
92247
 
92310
92248
  this.menu.addEventListener("auroMenu-selectValueFailure", () => {
@@ -92323,26 +92261,11 @@ class AuroSelect extends AuroElement$1 {
92323
92261
  this.dropdown.setActiveDescendant(this.optionActive);
92324
92262
  }
92325
92263
 
92326
- // Live-region announce only for [not selected] options. For activations
92327
- // on an already-selected option — auto-activation on bib open, arrow
92328
- // navigation back to the selection, or click in multiSelect — rely on
92329
- // aria-activedescendant + aria-selected="true" to convey state per the
92330
- // WAI-ARIA listbox pattern. This is intentional, not limited to the
92331
- // initial activation on open: it also prevents a duplicate "X, selected"
92332
- // when Enter on the active+selected option re-fires
92333
- // auroMenu-selectedOption (see 03b289e39).
92334
- if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
92264
+ // Announce the active option for screen readers
92265
+ if (this.optionActive) {
92335
92266
  const optionText = this.optionActive.textContent.trim();
92336
- const message = `${optionText}, not selected`;
92337
- if (this.dropdown.isPopoverVisible) {
92338
- announceToScreenReader(this._getAnnouncementRoot(), message);
92339
- } else {
92340
- // Typeahead-on-closed fires this event before `show()` flips
92341
- // isPopoverVisible. Defer so the announcement targets the bib's
92342
- // live region once the fullscreen <dialog> opens — otherwise it
92343
- // lands in the host root, which is inert under the active modal.
92344
- queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
92345
- }
92267
+ const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
92268
+ announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
92346
92269
  }
92347
92270
 
92348
92271
  if (this.dropdown.isPopoverVisible) {
@@ -92351,7 +92274,6 @@ class AuroSelect extends AuroElement$1 {
92351
92274
  });
92352
92275
 
92353
92276
  this.menu.addEventListener('auroMenu-selectedOption', () => {
92354
- const previousSelected = this.optionSelected;
92355
92277
 
92356
92278
  // Update the displayed value
92357
92279
  this.updateDisplayedValue();
@@ -92371,32 +92293,13 @@ class AuroSelect extends AuroElement$1 {
92371
92293
  this.dropdown.trigger.focus();
92372
92294
  }
92373
92295
 
92374
- // Describe the actual change. In multiSelect, currentLabel is the
92375
- // concatenated remaining list — announcing "{list}, selected" after a
92376
- // deselect would falsely claim every remaining label was just added.
92377
- // Diff previous vs next to recover the toggled option.
92378
- let announcement = '';
92379
- if (this.multiSelect) {
92380
- const prev = Array.isArray(previousSelected) ? previousSelected : [];
92381
- const removed = prev.find((opt) => !nextSelected.includes(opt));
92382
- const added = nextSelected.find((opt) => !prev.includes(opt));
92383
- if (removed) {
92384
- announcement = `${removed.textContent.trim()}, not selected`;
92385
- } else if (added) {
92386
- announcement = `${added.textContent.trim()}, selected`;
92387
- }
92388
- } else {
92389
- announcement = `${this.menu.currentLabel}, selected`;
92390
- }
92391
-
92392
- // Delay so the utterance isn't overridden by VoiceOver's "collapsed"
92393
- // announcement from aria-expanded when the dropdown closes.
92394
- if (announcement) {
92395
- const announcementDelay = 300;
92396
- setTimeout(() => {
92397
- announceToScreenReader(this._getAnnouncementRoot(), announcement);
92398
- }, announcementDelay);
92399
- }
92296
+ // Announce the selection after the dropdown closes so it isn't
92297
+ // overridden by VoiceOver's "collapsed" announcement from aria-expanded.
92298
+ const selectedValue = this.menu.currentLabel;
92299
+ const announcementDelay = 300;
92300
+ setTimeout(() => {
92301
+ announceToScreenReader(this._getAnnouncementRoot(), `${selectedValue}, selected`);
92302
+ }, announcementDelay);
92400
92303
  });
92401
92304
  }
92402
92305
 
@@ -92494,32 +92397,24 @@ class AuroSelect extends AuroElement$1 {
92494
92397
 
92495
92398
  this.typeaheadBuffer += key;
92496
92399
 
92497
- // Prefer the literal buffer as a prefix per WAI-ARIA APG ("focus moves to the
92498
- // next item with a name that starts with the string of characters typed").
92499
- // Only fall back to single-char cycling when the repeated buffer has no
92500
- // longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
92501
- // because no option starts with "aa".
92502
- let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
92400
+ const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
92503
92401
 
92504
- const isRepeatedChar = !match && this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
92402
+ let match = null;
92505
92403
  if (isRepeatedChar) {
92506
92404
  const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
92507
92405
  if (matches.length) {
92508
92406
  const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
92509
92407
  match = matches[cycleIndex];
92510
92408
  }
92409
+ } else {
92410
+ match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
92511
92411
  }
92512
92412
 
92513
- // Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
92514
92413
  if (match) {
92515
- // Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
92516
- // guard short-circuits and skips the firstActive/selected fallback —
92517
- // otherwise show() synchronously fires the handler, which writes
92518
- // aria-activedescendant once before we overwrite it.
92519
- this.menu.updateActiveOption(match);
92520
92414
  if (!this.dropdown.isPopoverVisible) {
92521
92415
  this.dropdown.show();
92522
92416
  }
92417
+ this.menu.updateActiveOption(match);
92523
92418
  }
92524
92419
  }
92525
92420
 
@@ -92636,28 +92531,6 @@ class AuroSelect extends AuroElement$1 {
92636
92531
  disconnectedCallback() {
92637
92532
  super.disconnectedCallback();
92638
92533
  this._clearTypeaheadBuffer();
92639
- if (this._labelObserver) {
92640
- this._labelObserver.disconnect();
92641
- this._labelObserver = null;
92642
- }
92643
- if (this._retargetLabelObserver && this.shadowRoot) {
92644
- this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
92645
- slot.removeEventListener('slotchange', this._retargetLabelObserver);
92646
- });
92647
- this._retargetLabelObserver = null;
92648
- }
92649
- }
92650
-
92651
- connectedCallback() {
92652
- super.connectedCallback();
92653
- // Regression guard: firstUpdated() fires once per instance, so the label
92654
- // observer setup it triggers does NOT re-run on reconnect. After a
92655
- // disconnect+reconnect (reparent, SPA route swap), runtime label mutations
92656
- // would silently stop syncing menu aria-label / dropdown.bibDialogLabel
92657
- // unless we re-wire the observer here.
92658
- if (this.hasUpdated) {
92659
- this._observeLabelChanges();
92660
- }
92661
92534
  }
92662
92535
 
92663
92536
  // lifecycle runs only after the element's DOM has been updated the first time
@@ -92668,7 +92541,6 @@ class AuroSelect extends AuroElement$1 {
92668
92541
  this.configureDropdown();
92669
92542
  this.configureMenu();
92670
92543
  this.configureSelect();
92671
- this._observeLabelChanges();
92672
92544
  }
92673
92545
 
92674
92546
  setMenuValue(value) {
@@ -92801,18 +92673,25 @@ class AuroSelect extends AuroElement$1 {
92801
92673
  * @private
92802
92674
  */
92803
92675
  _handleNativeSelectChange(event) {
92804
- // Hidden native <select> has no `multiple` attribute, so any change it fires
92805
- // is a single raw value — applying it in multiSelect mode would collapse the
92806
- // JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
92807
- // form control even with aria-hidden/tabindex=-1.
92808
- if (this.multiSelect) return;
92809
-
92810
92676
  const selectedOption = event.target.options[event.target.selectedIndex];
92811
92677
  if (!selectedOption) return;
92812
92678
  const selectedValue = selectedOption.value;
92813
92679
 
92814
- if (this.value !== selectedValue) {
92815
- this.value = selectedValue;
92680
+ if (this.multiSelect) {
92681
+ const currentArray = this.menu.value || [];
92682
+
92683
+ if (!currentArray.includes(selectedValue)) {
92684
+ this.value = JSON.stringify([
92685
+ ...currentArray,
92686
+ selectedValue
92687
+ ]);
92688
+ }
92689
+ } else {
92690
+ const currentValue = this.value;
92691
+
92692
+ if (currentValue !== selectedValue) {
92693
+ this.value = selectedValue;
92694
+ }
92816
92695
  }
92817
92696
  }
92818
92697
 
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
12260
12260
  }
12261
12261
  }
12262
12262
 
12263
- var formkitVersion = '202606261928';
12263
+ var formkitVersion = '202606291440';
12264
12264
 
12265
12265
  /**
12266
12266
  * @license
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
12260
12260
  }
12261
12261
  }
12262
12262
 
12263
- var formkitVersion = '202606261928';
12263
+ var formkitVersion = '202606291440';
12264
12264
 
12265
12265
  /**
12266
12266
  * @license
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
12260
12260
  }
12261
12261
  }
12262
12262
 
12263
- var formkitVersion = '202606261928';
12263
+ var formkitVersion = '202606291440';
12264
12264
 
12265
12265
  /**
12266
12266
  * @license
@@ -12202,7 +12202,7 @@ class AuroHelpText extends LitElement {
12202
12202
  }
12203
12203
  }
12204
12204
 
12205
- var formkitVersion = '202606261928';
12205
+ var formkitVersion = '202606291440';
12206
12206
 
12207
12207
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12208
12208
  // See LICENSE in the project root for license information.