@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.0 → 0.0.0-pr1628.2
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.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/accessibility.md +1 -1
- package/components/combobox/demo/customize.md +1 -0
- package/components/combobox/demo/customize.min.js +32 -30
- package/components/combobox/demo/getting-started.md +4 -4
- package/components/combobox/demo/getting-started.min.js +32 -30
- package/components/combobox/demo/index.md +1 -1
- package/components/combobox/demo/index.min.js +32 -30
- package/components/combobox/demo/voiceover.md +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +29 -27
- package/components/combobox/dist/index.js +32 -30
- package/components/combobox/dist/registered.js +32 -30
- package/components/counter/demo/api.md +18 -18
- package/components/counter/demo/customize.min.js +16 -16
- package/components/counter/demo/design.md +1 -1
- package/components/counter/demo/getting-started.md +29 -2
- package/components/counter/demo/getting-started.min.js +16 -16
- package/components/counter/demo/index.min.js +16 -16
- package/components/counter/dist/auro-counter-group.d.ts +11 -11
- package/components/counter/dist/auro-counter.d.ts +1 -1
- package/components/counter/dist/index.js +16 -16
- package/components/counter/dist/registered.js +16 -16
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/getting-started.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +2 -2
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +56 -54
- package/components/form/demo/getting-started.min.js +56 -54
- package/components/form/demo/index.min.js +56 -54
- package/components/form/demo/registerDemoDeps.min.js +56 -54
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +22 -22
- package/package.json +1 -1
|
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
var formkitVersion = '
|
|
1384
|
+
var formkitVersion = '202611081803';
|
|
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 = '
|
|
1384
|
+
var formkitVersion = '202611081803';
|
|
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 = '
|
|
1384
|
+
var formkitVersion = '202611081803';
|
|
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 = '
|
|
1337
|
+
var formkitVersion = '202611081803';
|
|
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 = '
|
|
1337
|
+
var formkitVersion = '202611081803';
|
|
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
|
-
-
|
|
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 = '
|
|
5302
|
+
var formkitVersion$2 = '202611081803';
|
|
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 = '
|
|
19483
|
+
var formkitVersion$1 = '202611081803';
|
|
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 = '
|
|
20769
|
+
var formkitVersion = '202611081803';
|
|
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
|
|
21342
|
-
* can cancel any outstanding callbacks. The
|
|
21343
|
-
* once the callback fires so the set doesn't
|
|
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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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 (
|
|
22739
|
-
* notifyValueChanged) that
|
|
22740
|
-
*
|
|
22741
|
-
*
|
|
22742
|
-
*
|
|
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
|
|
22745
|
-
*
|
|
22746
|
-
*
|
|
22747
|
-
* the
|
|
22748
|
-
* (handleClickClear) fires its synchronous input event,
|
|
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
|
-
*
|
|
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
|
-
*
|
|
22921
|
-
* Refreshes menu options and filtering,
|
|
22922
|
-
*
|
|
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><auro-combobox></code> element.</p>
|
|
354
354
|
<auro-header level="3" id="slot-default">(default)</auro-header>
|
|
355
|
-
<p>The <code><auro-menu></code> that holds the <code><auro-menuoption></code> elements the user chooses from.
|
|
355
|
+
<p>The <code><auro-menu></code> that holds the <code><auro-menuoption></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.
|
|
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
|
|
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
|
|
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><auro-menuoption></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 = '
|
|
5302
|
+
var formkitVersion$2 = '202611081803';
|
|
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 = '
|
|
19483
|
+
var formkitVersion$1 = '202611081803';
|
|
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 = '
|
|
20769
|
+
var formkitVersion = '202611081803';
|
|
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
|
|
21342
|
-
* can cancel any outstanding callbacks. The
|
|
21343
|
-
* once the callback fires so the set doesn't
|
|
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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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 (
|
|
22739
|
-
* notifyValueChanged) that
|
|
22740
|
-
*
|
|
22741
|
-
*
|
|
22742
|
-
*
|
|
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
|
|
22745
|
-
*
|
|
22746
|
-
*
|
|
22747
|
-
* the
|
|
22748
|
-
* (handleClickClear) fires its synchronous input event,
|
|
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
|
-
*
|
|
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
|
-
*
|
|
22921
|
-
* Refreshes menu options and filtering,
|
|
22922
|
-
*
|
|
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>
|
|
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 = '
|
|
5317
|
+
var formkitVersion$2 = '202611081803';
|
|
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 = '
|
|
19498
|
+
var formkitVersion$1 = '202611081803';
|
|
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 = '
|
|
20784
|
+
var formkitVersion = '202611081803';
|
|
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
|
|
21357
|
-
* can cancel any outstanding callbacks. The
|
|
21358
|
-
* once the callback fires so the set doesn't
|
|
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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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 (
|
|
22754
|
-
* notifyValueChanged) that
|
|
22755
|
-
*
|
|
22756
|
-
*
|
|
22757
|
-
*
|
|
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
|
|
22760
|
-
*
|
|
22761
|
-
*
|
|
22762
|
-
* the
|
|
22763
|
-
* (handleClickClear) fires its synchronous input event,
|
|
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
|
-
*
|
|
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
|
-
*
|
|
22936
|
-
* Refreshes menu options and filtering,
|
|
22937
|
-
*
|
|
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
|
|
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>
|