@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.0 → 0.0.0-pr1628.1

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 (52) 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/accessibility.md +1 -1
  7. package/components/combobox/demo/customize.md +1 -0
  8. package/components/combobox/demo/customize.min.js +32 -30
  9. package/components/combobox/demo/getting-started.md +4 -4
  10. package/components/combobox/demo/getting-started.min.js +32 -30
  11. package/components/combobox/demo/index.md +1 -1
  12. package/components/combobox/demo/index.min.js +32 -30
  13. package/components/combobox/demo/voiceover.md +1 -1
  14. package/components/combobox/dist/auro-combobox.d.ts +29 -27
  15. package/components/combobox/dist/index.js +32 -30
  16. package/components/combobox/dist/registered.js +32 -30
  17. package/components/counter/demo/customize.min.js +2 -2
  18. package/components/counter/demo/getting-started.min.js +2 -2
  19. package/components/counter/demo/index.min.js +2 -2
  20. package/components/counter/dist/index.js +2 -2
  21. package/components/counter/dist/registered.js +2 -2
  22. package/components/datepicker/demo/customize.min.js +3 -3
  23. package/components/datepicker/demo/getting-started.min.js +3 -3
  24. package/components/datepicker/demo/index.min.js +3 -3
  25. package/components/datepicker/dist/index.js +3 -3
  26. package/components/datepicker/dist/registered.js +3 -3
  27. package/components/dropdown/demo/customize.min.js +1 -1
  28. package/components/dropdown/demo/getting-started.min.js +2 -2
  29. package/components/dropdown/demo/index.min.js +1 -1
  30. package/components/dropdown/dist/index.js +1 -1
  31. package/components/dropdown/dist/registered.js +1 -1
  32. package/components/form/demo/customize.min.js +42 -40
  33. package/components/form/demo/getting-started.min.js +42 -40
  34. package/components/form/demo/index.min.js +42 -40
  35. package/components/form/demo/registerDemoDeps.min.js +42 -40
  36. package/components/input/demo/customize.min.js +1 -1
  37. package/components/input/demo/getting-started.min.js +1 -1
  38. package/components/input/demo/index.min.js +1 -1
  39. package/components/input/dist/index.js +1 -1
  40. package/components/input/dist/registered.js +1 -1
  41. package/components/radio/demo/customize.min.js +1 -1
  42. package/components/radio/demo/getting-started.min.js +1 -1
  43. package/components/radio/demo/index.min.js +1 -1
  44. package/components/radio/dist/index.js +1 -1
  45. package/components/radio/dist/registered.js +1 -1
  46. package/components/select/demo/customize.min.js +2 -2
  47. package/components/select/demo/getting-started.min.js +2 -2
  48. package/components/select/demo/index.min.js +2 -2
  49. package/components/select/dist/index.js +2 -2
  50. package/components/select/dist/registered.js +2 -2
  51. package/custom-elements.json +12 -12
  52. package/package.json +1 -1
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
1381
1381
  }
1382
1382
  }
1383
1383
 
1384
- var formkitVersion = '202611081705';
1384
+ var formkitVersion = '202611081756';
1385
1385
 
1386
1386
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1387
1387
  // See LICENSE in the project root for license information.
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
1381
1381
  }
1382
1382
  }
1383
1383
 
1384
- var formkitVersion = '202611081705';
1384
+ var formkitVersion = '202611081756';
1385
1385
 
1386
1386
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1387
1387
  // See LICENSE in the project root for license information.
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
1381
1381
  }
1382
1382
  }
1383
1383
 
1384
- var formkitVersion = '202611081705';
1384
+ var formkitVersion = '202611081756';
1385
1385
 
1386
1386
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1387
1387
  // See LICENSE in the project root for license information.
@@ -1334,7 +1334,7 @@ class AuroHelpText extends LitElement {
1334
1334
  }
1335
1335
  }
1336
1336
 
1337
- var formkitVersion = '202611081705';
1337
+ var formkitVersion = '202611081756';
1338
1338
 
1339
1339
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1340
1340
  // See LICENSE in the project root for license information.
@@ -1334,7 +1334,7 @@ class AuroHelpText extends LitElement {
1334
1334
  }
1335
1335
  }
1336
1336
 
1337
- var formkitVersion = '202611081705';
1337
+ var formkitVersion = '202611081756';
1338
1338
 
1339
1339
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1340
1340
  // See LICENSE in the project root for license information.
@@ -28,7 +28,7 @@ Each menu option exposes the following ARIA attributes:
28
28
  | `aria-posinset` | `{index}` | The 1-based position of the option within the set. |
29
29
 
30
30
  <auro-header level="3" id="helpTextAndErrors">Help text and errors</auro-header>
31
- - Help text is associated with the component so screen readers can announce contextual guidance.
31
+ - The input doesn't currently reference the `helpText` slot content with `aria-describedby`, so screen readers don't read the help text when the input gets focus. While the combobox is invalid, they read the error message instead.
32
32
  - When validation fails, the error message is rendered with `role="alert"` and `aria-live="assertive"` so screen readers announce it immediately.
33
33
 
34
34
  <auro-header level="2" id="activeDescendant">Active descendant</auro-header>
@@ -587,6 +587,7 @@
587
587
  <tr><td><code>dropdownTrigger</code></td><td>Doesn't currently style anything, because the dropdown inside the combobox doesn't render a <code>trigger</code> part.</td></tr>
588
588
  <tr><td><code>dropdownChevron</code></td><td>Doesn't currently style anything, because the combobox doesn't show a chevron.</td></tr>
589
589
  <tr><td><code>dropdownSize</code></td><td>The element that sets the bib's size. Only <code>height</code>, <code>width</code>, <code>max-height</code>, and <code>max-width</code> apply.</td></tr>
590
+ <tr><td><code>dropdownBibTemplate</code></td><td>The container inside the bib that holds the options and, in the fullscreen bib, the headline, close button, and input.</td></tr>
590
591
  <tr><td><code>helpText</code></td><td>The help text and error message below the combobox.</td></tr>
591
592
  </tbody>
592
593
  </table>
@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5299
5299
  }
5300
5300
  };
5301
5301
 
5302
- var formkitVersion$2 = '202611081705';
5302
+ var formkitVersion$2 = '202611081756';
5303
5303
 
5304
5304
  /**
5305
5305
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19480,7 +19480,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
19480
19480
  }
19481
19481
  };
19482
19482
 
19483
- var formkitVersion$1 = '202611081705';
19483
+ var formkitVersion$1 = '202611081756';
19484
19484
 
19485
19485
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
19486
19486
  // See LICENSE in the project root for license information.
@@ -20766,7 +20766,7 @@ class AuroBibtemplate extends i$3 {
20766
20766
  }
20767
20767
  }
20768
20768
 
20769
- var formkitVersion = '202611081705';
20769
+ var formkitVersion = '202611081756';
20770
20770
 
20771
20771
  var styleCss$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20772
20772
 
@@ -21338,9 +21338,9 @@ class AuroCombobox extends AuroElement {
21338
21338
  }
21339
21339
 
21340
21340
  /**
21341
- * Wraps setTimeout and records the timer id so disconnectedCallback
21342
- * can cancel any outstanding callbacks. The id is removed from the set
21343
- * once the callback fires so the set doesn't grow unbounded.
21341
+ * Wraps `setTimeout` and records the timer ID so `disconnectedCallback`
21342
+ * can cancel any outstanding callbacks. The ID is removed from the set
21343
+ * once the callback fires, so the set doesn't keep growing.
21344
21344
  * @param {Function} fn - The callback to run.
21345
21345
  * @param {number} ms - The delay in milliseconds.
21346
21346
  * @returns {number} The timer id.
@@ -21398,7 +21398,7 @@ class AuroCombobox extends AuroElement {
21398
21398
  },
21399
21399
 
21400
21400
  /**
21401
- * Array of the options shown in the menu: every option that isn't hidden,
21401
+ * Holds the options shown in the menu: every option that isn't hidden,
21402
21402
  * such as by filtering on the typed text, plus `persistent` options.
21403
21403
  * @private
21404
21404
  * @type {HTMLElement[]}
@@ -21455,7 +21455,7 @@ class AuroCombobox extends AuroElement {
21455
21455
  },
21456
21456
 
21457
21457
  /**
21458
- * ID for the dropdown.
21458
+ * Holds the dropdown's ID, which the trigger input uses for `aria-controls`.
21459
21459
  * @private
21460
21460
  */
21461
21461
  dropdownId: {
@@ -21465,7 +21465,7 @@ class AuroCombobox extends AuroElement {
21465
21465
  },
21466
21466
 
21467
21467
  /**
21468
- * Whether or not the dropdown is open.
21468
+ * Records whether the bib is open.
21469
21469
  * @private
21470
21470
  */
21471
21471
  dropdownOpen: {
@@ -21814,7 +21814,7 @@ class AuroCombobox extends AuroElement {
21814
21814
  },
21815
21815
 
21816
21816
  /**
21817
- * Specifies the currently active option.
21817
+ * Holds the active (highlighted) option.
21818
21818
  * @private
21819
21819
  * @type {HTMLElement}
21820
21820
  */
@@ -21991,7 +21991,7 @@ class AuroCombobox extends AuroElement {
21991
21991
  }
21992
21992
 
21993
21993
  /**
21994
- * Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.
21994
+ * Sets the menu's `matchWord` to the input text, then updates the input text and `displayValue` content from the selected option's label, or from `value` when no option is selected.
21995
21995
  * @private
21996
21996
  * @returns {void}
21997
21997
  */
@@ -22071,7 +22071,7 @@ class AuroCombobox extends AuroElement {
22071
22071
  }
22072
22072
 
22073
22073
  /**
22074
- * Writes nextValue to the trigger input and the bib input when their current
22074
+ * Writes `nextValue` to the trigger input and the bib input when their current
22075
22075
  * value differs, then re-asserts imask after Lit's update flushes.
22076
22076
  * @param {string} nextValue - The value to write to both inputs.
22077
22077
  * @returns {Promise<void>} The promise that resolves after both inputs flush and imask
@@ -22124,10 +22124,10 @@ class AuroCombobox extends AuroElement {
22124
22124
  * @param {boolean} [options.preferComboboxValue=false] - If true,
22125
22125
  * matches the selected option against `this.value` first. If false,
22126
22126
  * matches against `this.input.value` first. Matching `this.value` first is needed on mount and re-mount
22127
- * because under `persistInput` the consumer's typedValue prop can drift
22127
+ * because under `persistInput` the consumer's `typedValue` prop can drift
22128
22128
  * from the framework value (Svelte `{#key}` re-mount after a swap, or
22129
22129
  * SPA preselect after route change) and the old input-first match would
22130
- * then pick the stale text. Only handleSlotChange passes this; typing
22130
+ * then pick the stale text. Only `handleSlotChange` passes this; typing
22131
22131
  * and clearing paths keep the input-first match so user clears aren't
22132
22132
  * undone.
22133
22133
  * @returns {void}
@@ -22733,20 +22733,20 @@ class AuroCombobox extends AuroElement {
22733
22733
 
22734
22734
  /**
22735
22735
  * Flags genuine clear-button activations on an auro-input so the SPA-preselect
22736
- * guard in handleInputValueChange doesn't swallow them.
22736
+ * guard in `handleInputValueChange` doesn't swallow them.
22737
22737
  *
22738
- * The auro-input clear button fires an `isProgrammatic` input event (via
22739
- * notifyValueChanged) that is indistinguishable in shape from the
22740
- * SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
22741
- * input). Without this one-shot flag, clicking clear would leave
22742
- * this.value/optionSelected stale (AB#1634257).
22738
+ * The auro-input clear button fires an `isProgrammatic` input event (through
22739
+ * `notifyValueChanged`) that has the same shape as the SPA-preselect echo
22740
+ * that guard bails on (`isProgrammatic`, a set value, and an empty input).
22741
+ * Without this one-shot flag, clicking clear would leave `value` and
22742
+ * `optionSelected` stale (AB#1634257).
22743
22743
  *
22744
- * Delegated on the shadow root so it works regardless of when .clearBtn
22745
- * renders (it only exists after a value is set), and covers both real clicks
22746
- * and programmatic clearBtn.click() (which no focusin precedes). Registered in
22747
- * the CAPTURE phase so the flag is set BEFORE the button's own @click
22748
- * (handleClickClear) fires its synchronous input event, which is when
22749
- * handleInputValueChange reads the flag.
22744
+ * Delegated on the shadow root so it works whenever `.clearBtn` renders
22745
+ * (it only exists after a value is set), and covers both real clicks and
22746
+ * programmatic `clearBtn.click()` calls, which no `focusin` precedes.
22747
+ * Registered in the capture phase so the flag is set before the button's own
22748
+ * `@click` handler (`handleClickClear`) fires its synchronous input event,
22749
+ * which is when `handleInputValueChange` reads the flag.
22750
22750
  * @private
22751
22751
  * @param {Element} inputEl - The auro-input whose clear button to track.
22752
22752
  * @returns {void}
@@ -22807,7 +22807,9 @@ class AuroCombobox extends AuroElement {
22807
22807
  }
22808
22808
 
22809
22809
  /**
22810
- * Handles changes to the input value and the updates that follow from them.
22810
+ * Called when the text in the trigger input or the fullscreen bib input changes.
22811
+ * Keeps both inputs and `value` in sync, clears the combobox when the input is emptied,
22812
+ * validates when focus is outside the combobox unless `noValidate` is set, and fires `inputValue`.
22811
22813
  * @private
22812
22814
  * @param {Event} event - The input event triggered by the input element.
22813
22815
  * @returns {void}
@@ -22917,9 +22919,9 @@ class AuroCombobox extends AuroElement {
22917
22919
  }
22918
22920
 
22919
22921
  /**
22920
- * Handles input value changes originating from the trigger input.
22921
- * Refreshes menu options and filtering, delegates to handleInputValueChange
22922
- * for value synchronization, and manages fullscreen bib focus.
22922
+ * Called when the text in the trigger input changes.
22923
+ * Refreshes the menu's options and filtering, passes the change to `handleInputValueChange`,
22924
+ * and keeps focus in the fullscreen bib input while that bib is open.
22923
22925
  * @private
22924
22926
  * @param {Event} event - The input event from the trigger input element.
22925
22927
  * @returns {void}
@@ -352,9 +352,9 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
352
352
  <auro-header level="2" id="slots">Slots</auro-header>
353
353
  <p>The following slots are available on the <code>&lt;auro-combobox&gt;</code> element.</p>
354
354
  <auro-header level="3" id="slot-default">(default)</auro-header>
355
- <p>The <code>&lt;auro-menu&gt;</code> that holds the <code>&lt;auro-menuoption&gt;</code> elements the user chooses from. Required.</p>
355
+ <p>The <code>&lt;auro-menu&gt;</code> that holds the <code>&lt;auro-menuoption&gt;</code> elements the user chooses from. Every combobox needs one.</p>
356
356
  <auro-header level="3" id="slot-label">label</auro-header>
357
- <p>Text for the combobox label. Required, because it gives the input its accessible name.</p>
357
+ <p>Text for the combobox label. Every combobox needs a label, because it gives the input its accessible name.</p>
358
358
  <auro-header level="3" id="slot-helpText">helpText</auro-header>
359
359
  <p>Help text shown below the combobox. When validation fails, the error message replaces it.</p>
360
360
  <auro-header level="3" id="slot-optionalLabel">optionalLabel</auro-header>
@@ -371,9 +371,9 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
371
371
  </section>
372
372
  <section>
373
373
  <auro-header level="2" id="stateManagement">State management</auro-header>
374
- <p>The following properties hold the combobox's current state. Read them with JavaScript. You can also set <code>value</code> and <code>typedValue</code>.</p>
374
+ <p>The following properties hold the combobox's current state. Read them with JavaScript, and set <code>value</code> or <code>typedValue</code> to change them.</p>
375
375
  <auro-header level="3" id="inputValue">inputValue</auro-header>
376
- <p>Gets the text currently in the input, whether or not it matches a menu option. It changes as the user types. Read-only.</p>
376
+ <p>Gets the text currently in the input, whether or not it matches a menu option. It changes as the user types, and it's read-only.</p>
377
377
  <auro-header level="3" id="optionSelected">optionSelected</auro-header>
378
378
  <p>Returns the currently selected <code>&lt;auro-menuoption&gt;</code> element, or <code>undefined</code> if no option is selected.</p>
379
379
  <auro-header level="3" id="typedValue">typedValue</auro-header>
@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5299
5299
  }
5300
5300
  };
5301
5301
 
5302
- var formkitVersion$2 = '202611081705';
5302
+ var formkitVersion$2 = '202611081756';
5303
5303
 
5304
5304
  /**
5305
5305
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19480,7 +19480,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
19480
19480
  }
19481
19481
  };
19482
19482
 
19483
- var formkitVersion$1 = '202611081705';
19483
+ var formkitVersion$1 = '202611081756';
19484
19484
 
19485
19485
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
19486
19486
  // See LICENSE in the project root for license information.
@@ -20766,7 +20766,7 @@ class AuroBibtemplate extends i$3 {
20766
20766
  }
20767
20767
  }
20768
20768
 
20769
- var formkitVersion = '202611081705';
20769
+ var formkitVersion = '202611081756';
20770
20770
 
20771
20771
  var styleCss$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20772
20772
 
@@ -21338,9 +21338,9 @@ class AuroCombobox extends AuroElement {
21338
21338
  }
21339
21339
 
21340
21340
  /**
21341
- * Wraps setTimeout and records the timer id so disconnectedCallback
21342
- * can cancel any outstanding callbacks. The id is removed from the set
21343
- * once the callback fires so the set doesn't grow unbounded.
21341
+ * Wraps `setTimeout` and records the timer ID so `disconnectedCallback`
21342
+ * can cancel any outstanding callbacks. The ID is removed from the set
21343
+ * once the callback fires, so the set doesn't keep growing.
21344
21344
  * @param {Function} fn - The callback to run.
21345
21345
  * @param {number} ms - The delay in milliseconds.
21346
21346
  * @returns {number} The timer id.
@@ -21398,7 +21398,7 @@ class AuroCombobox extends AuroElement {
21398
21398
  },
21399
21399
 
21400
21400
  /**
21401
- * Array of the options shown in the menu: every option that isn't hidden,
21401
+ * Holds the options shown in the menu: every option that isn't hidden,
21402
21402
  * such as by filtering on the typed text, plus `persistent` options.
21403
21403
  * @private
21404
21404
  * @type {HTMLElement[]}
@@ -21455,7 +21455,7 @@ class AuroCombobox extends AuroElement {
21455
21455
  },
21456
21456
 
21457
21457
  /**
21458
- * ID for the dropdown.
21458
+ * Holds the dropdown's ID, which the trigger input uses for `aria-controls`.
21459
21459
  * @private
21460
21460
  */
21461
21461
  dropdownId: {
@@ -21465,7 +21465,7 @@ class AuroCombobox extends AuroElement {
21465
21465
  },
21466
21466
 
21467
21467
  /**
21468
- * Whether or not the dropdown is open.
21468
+ * Records whether the bib is open.
21469
21469
  * @private
21470
21470
  */
21471
21471
  dropdownOpen: {
@@ -21814,7 +21814,7 @@ class AuroCombobox extends AuroElement {
21814
21814
  },
21815
21815
 
21816
21816
  /**
21817
- * Specifies the currently active option.
21817
+ * Holds the active (highlighted) option.
21818
21818
  * @private
21819
21819
  * @type {HTMLElement}
21820
21820
  */
@@ -21991,7 +21991,7 @@ class AuroCombobox extends AuroElement {
21991
21991
  }
21992
21992
 
21993
21993
  /**
21994
- * Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.
21994
+ * Sets the menu's `matchWord` to the input text, then updates the input text and `displayValue` content from the selected option's label, or from `value` when no option is selected.
21995
21995
  * @private
21996
21996
  * @returns {void}
21997
21997
  */
@@ -22071,7 +22071,7 @@ class AuroCombobox extends AuroElement {
22071
22071
  }
22072
22072
 
22073
22073
  /**
22074
- * Writes nextValue to the trigger input and the bib input when their current
22074
+ * Writes `nextValue` to the trigger input and the bib input when their current
22075
22075
  * value differs, then re-asserts imask after Lit's update flushes.
22076
22076
  * @param {string} nextValue - The value to write to both inputs.
22077
22077
  * @returns {Promise<void>} The promise that resolves after both inputs flush and imask
@@ -22124,10 +22124,10 @@ class AuroCombobox extends AuroElement {
22124
22124
  * @param {boolean} [options.preferComboboxValue=false] - If true,
22125
22125
  * matches the selected option against `this.value` first. If false,
22126
22126
  * matches against `this.input.value` first. Matching `this.value` first is needed on mount and re-mount
22127
- * because under `persistInput` the consumer's typedValue prop can drift
22127
+ * because under `persistInput` the consumer's `typedValue` prop can drift
22128
22128
  * from the framework value (Svelte `{#key}` re-mount after a swap, or
22129
22129
  * SPA preselect after route change) and the old input-first match would
22130
- * then pick the stale text. Only handleSlotChange passes this; typing
22130
+ * then pick the stale text. Only `handleSlotChange` passes this; typing
22131
22131
  * and clearing paths keep the input-first match so user clears aren't
22132
22132
  * undone.
22133
22133
  * @returns {void}
@@ -22733,20 +22733,20 @@ class AuroCombobox extends AuroElement {
22733
22733
 
22734
22734
  /**
22735
22735
  * Flags genuine clear-button activations on an auro-input so the SPA-preselect
22736
- * guard in handleInputValueChange doesn't swallow them.
22736
+ * guard in `handleInputValueChange` doesn't swallow them.
22737
22737
  *
22738
- * The auro-input clear button fires an `isProgrammatic` input event (via
22739
- * notifyValueChanged) that is indistinguishable in shape from the
22740
- * SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
22741
- * input). Without this one-shot flag, clicking clear would leave
22742
- * this.value/optionSelected stale (AB#1634257).
22738
+ * The auro-input clear button fires an `isProgrammatic` input event (through
22739
+ * `notifyValueChanged`) that has the same shape as the SPA-preselect echo
22740
+ * that guard bails on (`isProgrammatic`, a set value, and an empty input).
22741
+ * Without this one-shot flag, clicking clear would leave `value` and
22742
+ * `optionSelected` stale (AB#1634257).
22743
22743
  *
22744
- * Delegated on the shadow root so it works regardless of when .clearBtn
22745
- * renders (it only exists after a value is set), and covers both real clicks
22746
- * and programmatic clearBtn.click() (which no focusin precedes). Registered in
22747
- * the CAPTURE phase so the flag is set BEFORE the button's own @click
22748
- * (handleClickClear) fires its synchronous input event, which is when
22749
- * handleInputValueChange reads the flag.
22744
+ * Delegated on the shadow root so it works whenever `.clearBtn` renders
22745
+ * (it only exists after a value is set), and covers both real clicks and
22746
+ * programmatic `clearBtn.click()` calls, which no `focusin` precedes.
22747
+ * Registered in the capture phase so the flag is set before the button's own
22748
+ * `@click` handler (`handleClickClear`) fires its synchronous input event,
22749
+ * which is when `handleInputValueChange` reads the flag.
22750
22750
  * @private
22751
22751
  * @param {Element} inputEl - The auro-input whose clear button to track.
22752
22752
  * @returns {void}
@@ -22807,7 +22807,9 @@ class AuroCombobox extends AuroElement {
22807
22807
  }
22808
22808
 
22809
22809
  /**
22810
- * Handles changes to the input value and the updates that follow from them.
22810
+ * Called when the text in the trigger input or the fullscreen bib input changes.
22811
+ * Keeps both inputs and `value` in sync, clears the combobox when the input is emptied,
22812
+ * validates when focus is outside the combobox unless `noValidate` is set, and fires `inputValue`.
22811
22813
  * @private
22812
22814
  * @param {Event} event - The input event triggered by the input element.
22813
22815
  * @returns {void}
@@ -22917,9 +22919,9 @@ class AuroCombobox extends AuroElement {
22917
22919
  }
22918
22920
 
22919
22921
  /**
22920
- * Handles input value changes originating from the trigger input.
22921
- * Refreshes menu options and filtering, delegates to handleInputValueChange
22922
- * for value synchronization, and manages fullscreen bib focus.
22922
+ * Called when the text in the trigger input changes.
22923
+ * Refreshes the menu's options and filtering, passes the change to `handleInputValueChange`,
22924
+ * and keeps focus in the fullscreen bib input while that bib is open.
22923
22925
  * @private
22924
22926
  * @param {Event} event - The input event from the trigger input element.
22925
22927
  * @returns {void}
@@ -131,7 +131,7 @@
131
131
  <li><strong><code>nomatch</code></strong>: The option is shown only when no other options match the typed value, such as "No results found".</li>
132
132
  </ul>
133
133
  <div class="note">
134
- <strong>Note:</strong> Filtering can be disabled entirely by setting the <code>noFilter</code> attribute on the combobox. When <code>noFilter</code> is set, all options remain visible regardless of the typed value. Match highlighting still applies. This is useful when menu options are dynamically generated through an API call as the user types into the input, since the server is already returning only relevant results.
134
+ <strong>Note:</strong> Set <code>noFilter</code> on the combobox to turn off filtering. Every option then stays visible whatever the user types, and matching text is still highlighted. Use it when your code replaces the options as the user types, such as with results from a server that already returns only matching options.
135
135
  </div>
136
136
  <auro-header level="3" id="presetValue">Preset the value</auro-header>
137
137
  <p>To show a value when the component first renders, preset its <code>value</code>.</p>
@@ -5314,7 +5314,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5314
5314
  }
5315
5315
  };
5316
5316
 
5317
- var formkitVersion$2 = '202611081705';
5317
+ var formkitVersion$2 = '202611081756';
5318
5318
 
5319
5319
  /**
5320
5320
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19495,7 +19495,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
19495
19495
  }
19496
19496
  };
19497
19497
 
19498
- var formkitVersion$1 = '202611081705';
19498
+ var formkitVersion$1 = '202611081756';
19499
19499
 
19500
19500
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
19501
19501
  // See LICENSE in the project root for license information.
@@ -20781,7 +20781,7 @@ class AuroBibtemplate extends i$3 {
20781
20781
  }
20782
20782
  }
20783
20783
 
20784
- var formkitVersion = '202611081705';
20784
+ var formkitVersion = '202611081756';
20785
20785
 
20786
20786
  var styleCss$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20787
20787
 
@@ -21353,9 +21353,9 @@ class AuroCombobox extends AuroElement {
21353
21353
  }
21354
21354
 
21355
21355
  /**
21356
- * Wraps setTimeout and records the timer id so disconnectedCallback
21357
- * can cancel any outstanding callbacks. The id is removed from the set
21358
- * once the callback fires so the set doesn't grow unbounded.
21356
+ * Wraps `setTimeout` and records the timer ID so `disconnectedCallback`
21357
+ * can cancel any outstanding callbacks. The ID is removed from the set
21358
+ * once the callback fires, so the set doesn't keep growing.
21359
21359
  * @param {Function} fn - The callback to run.
21360
21360
  * @param {number} ms - The delay in milliseconds.
21361
21361
  * @returns {number} The timer id.
@@ -21413,7 +21413,7 @@ class AuroCombobox extends AuroElement {
21413
21413
  },
21414
21414
 
21415
21415
  /**
21416
- * Array of the options shown in the menu: every option that isn't hidden,
21416
+ * Holds the options shown in the menu: every option that isn't hidden,
21417
21417
  * such as by filtering on the typed text, plus `persistent` options.
21418
21418
  * @private
21419
21419
  * @type {HTMLElement[]}
@@ -21470,7 +21470,7 @@ class AuroCombobox extends AuroElement {
21470
21470
  },
21471
21471
 
21472
21472
  /**
21473
- * ID for the dropdown.
21473
+ * Holds the dropdown's ID, which the trigger input uses for `aria-controls`.
21474
21474
  * @private
21475
21475
  */
21476
21476
  dropdownId: {
@@ -21480,7 +21480,7 @@ class AuroCombobox extends AuroElement {
21480
21480
  },
21481
21481
 
21482
21482
  /**
21483
- * Whether or not the dropdown is open.
21483
+ * Records whether the bib is open.
21484
21484
  * @private
21485
21485
  */
21486
21486
  dropdownOpen: {
@@ -21829,7 +21829,7 @@ class AuroCombobox extends AuroElement {
21829
21829
  },
21830
21830
 
21831
21831
  /**
21832
- * Specifies the currently active option.
21832
+ * Holds the active (highlighted) option.
21833
21833
  * @private
21834
21834
  * @type {HTMLElement}
21835
21835
  */
@@ -22006,7 +22006,7 @@ class AuroCombobox extends AuroElement {
22006
22006
  }
22007
22007
 
22008
22008
  /**
22009
- * Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.
22009
+ * Sets the menu's `matchWord` to the input text, then updates the input text and `displayValue` content from the selected option's label, or from `value` when no option is selected.
22010
22010
  * @private
22011
22011
  * @returns {void}
22012
22012
  */
@@ -22086,7 +22086,7 @@ class AuroCombobox extends AuroElement {
22086
22086
  }
22087
22087
 
22088
22088
  /**
22089
- * Writes nextValue to the trigger input and the bib input when their current
22089
+ * Writes `nextValue` to the trigger input and the bib input when their current
22090
22090
  * value differs, then re-asserts imask after Lit's update flushes.
22091
22091
  * @param {string} nextValue - The value to write to both inputs.
22092
22092
  * @returns {Promise<void>} The promise that resolves after both inputs flush and imask
@@ -22139,10 +22139,10 @@ class AuroCombobox extends AuroElement {
22139
22139
  * @param {boolean} [options.preferComboboxValue=false] - If true,
22140
22140
  * matches the selected option against `this.value` first. If false,
22141
22141
  * matches against `this.input.value` first. Matching `this.value` first is needed on mount and re-mount
22142
- * because under `persistInput` the consumer's typedValue prop can drift
22142
+ * because under `persistInput` the consumer's `typedValue` prop can drift
22143
22143
  * from the framework value (Svelte `{#key}` re-mount after a swap, or
22144
22144
  * SPA preselect after route change) and the old input-first match would
22145
- * then pick the stale text. Only handleSlotChange passes this; typing
22145
+ * then pick the stale text. Only `handleSlotChange` passes this; typing
22146
22146
  * and clearing paths keep the input-first match so user clears aren't
22147
22147
  * undone.
22148
22148
  * @returns {void}
@@ -22748,20 +22748,20 @@ class AuroCombobox extends AuroElement {
22748
22748
 
22749
22749
  /**
22750
22750
  * Flags genuine clear-button activations on an auro-input so the SPA-preselect
22751
- * guard in handleInputValueChange doesn't swallow them.
22751
+ * guard in `handleInputValueChange` doesn't swallow them.
22752
22752
  *
22753
- * The auro-input clear button fires an `isProgrammatic` input event (via
22754
- * notifyValueChanged) that is indistinguishable in shape from the
22755
- * SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
22756
- * input). Without this one-shot flag, clicking clear would leave
22757
- * this.value/optionSelected stale (AB#1634257).
22753
+ * The auro-input clear button fires an `isProgrammatic` input event (through
22754
+ * `notifyValueChanged`) that has the same shape as the SPA-preselect echo
22755
+ * that guard bails on (`isProgrammatic`, a set value, and an empty input).
22756
+ * Without this one-shot flag, clicking clear would leave `value` and
22757
+ * `optionSelected` stale (AB#1634257).
22758
22758
  *
22759
- * Delegated on the shadow root so it works regardless of when .clearBtn
22760
- * renders (it only exists after a value is set), and covers both real clicks
22761
- * and programmatic clearBtn.click() (which no focusin precedes). Registered in
22762
- * the CAPTURE phase so the flag is set BEFORE the button's own @click
22763
- * (handleClickClear) fires its synchronous input event, which is when
22764
- * handleInputValueChange reads the flag.
22759
+ * Delegated on the shadow root so it works whenever `.clearBtn` renders
22760
+ * (it only exists after a value is set), and covers both real clicks and
22761
+ * programmatic `clearBtn.click()` calls, which no `focusin` precedes.
22762
+ * Registered in the capture phase so the flag is set before the button's own
22763
+ * `@click` handler (`handleClickClear`) fires its synchronous input event,
22764
+ * which is when `handleInputValueChange` reads the flag.
22765
22765
  * @private
22766
22766
  * @param {Element} inputEl - The auro-input whose clear button to track.
22767
22767
  * @returns {void}
@@ -22822,7 +22822,9 @@ class AuroCombobox extends AuroElement {
22822
22822
  }
22823
22823
 
22824
22824
  /**
22825
- * Handles changes to the input value and the updates that follow from them.
22825
+ * Called when the text in the trigger input or the fullscreen bib input changes.
22826
+ * Keeps both inputs and `value` in sync, clears the combobox when the input is emptied,
22827
+ * validates when focus is outside the combobox unless `noValidate` is set, and fires `inputValue`.
22826
22828
  * @private
22827
22829
  * @param {Event} event - The input event triggered by the input element.
22828
22830
  * @returns {void}
@@ -22932,9 +22934,9 @@ class AuroCombobox extends AuroElement {
22932
22934
  }
22933
22935
 
22934
22936
  /**
22935
- * Handles input value changes originating from the trigger input.
22936
- * Refreshes menu options and filtering, delegates to handleInputValueChange
22937
- * for value synchronization, and manages fullscreen bib focus.
22937
+ * Called when the text in the trigger input changes.
22938
+ * Refreshes the menu's options and filtering, passes the change to `handleInputValueChange`,
22939
+ * and keeps focus in the fullscreen bib input while that bib is open.
22938
22940
  * @private
22939
22941
  * @param {Event} event - The input event from the trigger input element.
22940
22942
  * @returns {void}
@@ -40,7 +40,7 @@
40
40
  </tbody>
41
41
  </table>
42
42
  </li>
43
- <li><strong>Additional description:</strong> <code>helpText</code> slot content if present (after a brief pause)</li>
43
+ <li><strong>Additional description:</strong> The error message while the combobox is invalid (after a brief pause). VoiceOver doesn't currently read the <code>helpText</code> slot content, because the input doesn't reference it.</li>
44
44
  </ol>
45
45
  <auro-header level="3" id="voiceOverNavigateAnnouncement">Navigating options</auro-header>
46
46
  <p>Announces each option <em>"[option label], [<em>"selected"</em> if <code>selected</code>], [<em>"dimmed"</em> if <code>disabled</code>]"</em> as you move.</p>