@aurodesignsystem-dev/auro-formkit 0.0.0-pr1524.0 → 0.0.0-pr1530.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.
- 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/customize.min.js +25 -67
- package/components/combobox/demo/getting-started.min.js +25 -67
- package/components/combobox/demo/index.min.js +25 -67
- package/components/combobox/dist/auro-combobox.d.ts +0 -2
- package/components/combobox/dist/index.js +25 -67
- package/components/combobox/dist/registered.js +25 -67
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/accessibility.md +12 -3
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +121 -34
- package/components/datepicker/demo/index.min.js +121 -34
- package/components/datepicker/demo/voiceover.md +1 -1
- package/components/datepicker/dist/auro-calendar-cell.d.ts +2 -0
- package/components/datepicker/dist/auro-calendar.d.ts +17 -2
- package/components/datepicker/dist/auro-datepicker.d.ts +9 -1
- package/components/datepicker/dist/index.js +121 -34
- package/components/datepicker/dist/registered.js +121 -34
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- 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 +170 -123
- package/components/form/demo/getting-started.min.js +170 -123
- package/components/form/demo/index.min.js +170 -123
- package/components/form/demo/registerDemoDeps.min.js +170 -123
- package/components/input/demo/customize.min.js +19 -17
- package/components/input/demo/getting-started.min.js +19 -17
- package/components/input/demo/index.min.js +19 -17
- package/components/input/dist/index.js +19 -17
- package/components/input/dist/registered.js +19 -17
- 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 +5 -19
- package/package.json +1 -1
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202607021905';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202607021905';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202607021905';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202607021905';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202607021905';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -4879,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4879
4879
|
}
|
|
4880
4880
|
};
|
|
4881
4881
|
|
|
4882
|
-
var formkitVersion$2 = '
|
|
4882
|
+
var formkitVersion$2 = '202607021905';
|
|
4883
4883
|
|
|
4884
4884
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4885
4885
|
static get properties() {
|
|
@@ -17768,17 +17768,14 @@ class BaseInput extends AuroElement$1 {
|
|
|
17768
17768
|
* @returns {void}
|
|
17769
17769
|
*/
|
|
17770
17770
|
notifyValueChanged() {
|
|
17771
|
-
|
|
17772
|
-
|
|
17773
|
-
|
|
17774
|
-
// it from genuine user typing and skip clobbering their own
|
|
17775
|
-
// programmatic state during init-time renders.
|
|
17776
|
-
const inputEvent = new Event('input', {
|
|
17771
|
+
let inputEvent = null;
|
|
17772
|
+
|
|
17773
|
+
inputEvent = new Event('input', {
|
|
17777
17774
|
bubbles: true,
|
|
17778
17775
|
composed: true,
|
|
17779
17776
|
});
|
|
17780
|
-
inputEvent.isProgrammatic = true;
|
|
17781
17777
|
|
|
17778
|
+
// Dispatched event to alert outside shadow DOM context of event firing.
|
|
17782
17779
|
this.dispatchEvent(inputEvent);
|
|
17783
17780
|
}
|
|
17784
17781
|
|
|
@@ -18491,7 +18488,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18491
18488
|
}
|
|
18492
18489
|
};
|
|
18493
18490
|
|
|
18494
|
-
var formkitVersion$1 = '
|
|
18491
|
+
var formkitVersion$1 = '202607021905';
|
|
18495
18492
|
|
|
18496
18493
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18497
18494
|
// See LICENSE in the project root for license information.
|
|
@@ -18777,15 +18774,20 @@ class AuroInput extends BaseInput {
|
|
|
18777
18774
|
* @returns {void}
|
|
18778
18775
|
*/
|
|
18779
18776
|
checkDisplayValueSlotChange() {
|
|
18780
|
-
|
|
18781
|
-
|
|
18782
|
-
//
|
|
18783
|
-
|
|
18784
|
-
|
|
18785
|
-
|
|
18786
|
-
|
|
18777
|
+
let nodes = this.shadowRoot.querySelector('slot[name="displayValue"]').assignedNodes();
|
|
18778
|
+
|
|
18779
|
+
// Handle when DisplayValue is multi-level slot content (e.g. combobox passing displayValue to input)
|
|
18780
|
+
if (nodes && nodes[0] && nodes[0].tagName === 'SLOT') {
|
|
18781
|
+
nodes = nodes[0].assignedNodes();
|
|
18782
|
+
}
|
|
18783
|
+
|
|
18784
|
+
let hasContent = false;
|
|
18785
|
+
|
|
18786
|
+
if (nodes.length > 0) {
|
|
18787
|
+
hasContent = true;
|
|
18788
|
+
}
|
|
18787
18789
|
|
|
18788
|
-
this.hasDisplayValueContent =
|
|
18790
|
+
this.hasDisplayValueContent = hasContent;
|
|
18789
18791
|
}
|
|
18790
18792
|
|
|
18791
18793
|
firstUpdated() {
|
|
@@ -19612,7 +19614,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19612
19614
|
}
|
|
19613
19615
|
}
|
|
19614
19616
|
|
|
19615
|
-
var formkitVersion = '
|
|
19617
|
+
var formkitVersion = '202607021905';
|
|
19616
19618
|
|
|
19617
19619
|
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}`;
|
|
19618
19620
|
|
|
@@ -20711,11 +20713,9 @@ class AuroCombobox extends AuroElement {
|
|
|
20711
20713
|
/**
|
|
20712
20714
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
20713
20715
|
* @private
|
|
20714
|
-
* @param {object} [root0={}] - Optional flag bag.
|
|
20715
|
-
* @param {boolean} [root0.preferComboboxValue=false] - When true, a match on `this.value` wins the tie-break over `this.input.value` (used by handleSlotChange on mount / re-mount).
|
|
20716
20716
|
* @returns {void}
|
|
20717
20717
|
*/
|
|
20718
|
-
handleMenuOptions(
|
|
20718
|
+
handleMenuOptions() {
|
|
20719
20719
|
this.generateOptionsArray();
|
|
20720
20720
|
this.availableOptions = [];
|
|
20721
20721
|
// Single source of truth for the menu's filter/highlight token per call.
|
|
@@ -20736,20 +20736,8 @@ class AuroCombobox extends AuroElement {
|
|
|
20736
20736
|
option.setAttribute('aria-posinset', index + 1);
|
|
20737
20737
|
});
|
|
20738
20738
|
|
|
20739
|
-
|
|
20740
|
-
|
|
20741
|
-
// consumer swap patterns (e.g. Svelte `{#key}` re-mount) where
|
|
20742
|
-
// `this.value` is authoritative but `this.input.value` may be empty or
|
|
20743
|
-
// carry stale typed text from another field. Do NOT enable this in the
|
|
20744
|
-
// event-driven path — user clears would be undone by re-syncing to the
|
|
20745
|
-
// previous combobox.value.
|
|
20746
|
-
const valueMatches = preferComboboxValue &&
|
|
20747
|
-
this.value &&
|
|
20748
|
-
this.menu.options &&
|
|
20749
|
-
this.menu.options.some((opt) => opt.value === this.value);
|
|
20750
|
-
const matchValue = valueMatches ? this.value : this.input.value;
|
|
20751
|
-
if (matchValue && this.menu.options && this.menu.options.some((opt) => opt.value === matchValue)) {
|
|
20752
|
-
this.setMenuValue(matchValue);
|
|
20739
|
+
if (this.input.value && this.menu.options && this.menu.options.some((opt) => opt.value === this.input.value)) {
|
|
20740
|
+
this.setMenuValue(this.input.value);
|
|
20753
20741
|
this.syncValuesAndStates();
|
|
20754
20742
|
}
|
|
20755
20743
|
|
|
@@ -21185,21 +21173,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21185
21173
|
this.optionActive = evt.detail;
|
|
21186
21174
|
|
|
21187
21175
|
if (this.input) {
|
|
21188
|
-
|
|
21189
|
-
// the template binds `.a11yActivedescendant` on the trigger input,
|
|
21190
|
-
// which propagates to auro-input.updated() → setAttribute(
|
|
21191
|
-
// 'aria-activedescendant', id) on the internal <input>. That
|
|
21192
|
-
// setAttribute call clears the reflected ariaActiveDescendantElement
|
|
21193
|
-
// property, so setting the ref first (synchronously here) gets
|
|
21194
|
-
// clobbered. Awaiting updateComplete lets the attribute write finish
|
|
21195
|
-
// first; the element reference then sticks and screen readers can
|
|
21196
|
-
// cross the shadow-DOM boundary to the auro-menuoption in light DOM.
|
|
21197
|
-
const targetOption = this.optionActive;
|
|
21198
|
-
this.updateComplete.then(() => {
|
|
21199
|
-
if (this.input && this.optionActive === targetOption) {
|
|
21200
|
-
this.input.setActiveDescendant(targetOption);
|
|
21201
|
-
}
|
|
21202
|
-
});
|
|
21176
|
+
this.input.setActiveDescendant(this.optionActive);
|
|
21203
21177
|
}
|
|
21204
21178
|
|
|
21205
21179
|
// In fullscreen mode the menu sits inside a nested <dialog> shadow root,
|
|
@@ -21336,18 +21310,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21336
21310
|
}
|
|
21337
21311
|
}
|
|
21338
21312
|
|
|
21339
|
-
// SPA preselect guard: on init render, auro-input's notifyValueChanged
|
|
21340
|
-
// echoes an empty value through as an isProgrammatic input event before
|
|
21341
|
-
// the framework-set combobox.value has propagated down to the input.
|
|
21342
|
-
// Without this bail, the `this.value = this.input.value` below clobbers
|
|
21343
|
-
// the framework value with '' and clear() wipes optionSelected. Scoped
|
|
21344
|
-
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
21345
|
-
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
21346
|
-
// where value/input already track each other through the sync helpers.
|
|
21347
|
-
if (event && event.isProgrammatic && this.value && !this.input.value) {
|
|
21348
|
-
return;
|
|
21349
|
-
}
|
|
21350
|
-
|
|
21351
21313
|
this.value = this.input.value;
|
|
21352
21314
|
|
|
21353
21315
|
// Ignore re-entrant input events caused by programmatic value sets.
|
|
@@ -21780,11 +21742,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21780
21742
|
}
|
|
21781
21743
|
});
|
|
21782
21744
|
|
|
21783
|
-
|
|
21784
|
-
// framework-set `this.value` wins over any stale `input.value` when
|
|
21785
|
-
// matching against the newly-available options. Fixes the display
|
|
21786
|
-
// for SPA preselect and Svelte `{#key}` re-mount swap patterns.
|
|
21787
|
-
this.handleMenuOptions({ preferComboboxValue: true });
|
|
21745
|
+
this.handleMenuOptions();
|
|
21788
21746
|
|
|
21789
21747
|
break;
|
|
21790
21748
|
|
|
@@ -4879,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4879
4879
|
}
|
|
4880
4880
|
};
|
|
4881
4881
|
|
|
4882
|
-
var formkitVersion$2 = '
|
|
4882
|
+
var formkitVersion$2 = '202607021905';
|
|
4883
4883
|
|
|
4884
4884
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4885
4885
|
static get properties() {
|
|
@@ -17768,17 +17768,14 @@ class BaseInput extends AuroElement$1 {
|
|
|
17768
17768
|
* @returns {void}
|
|
17769
17769
|
*/
|
|
17770
17770
|
notifyValueChanged() {
|
|
17771
|
-
|
|
17772
|
-
|
|
17773
|
-
|
|
17774
|
-
// it from genuine user typing and skip clobbering their own
|
|
17775
|
-
// programmatic state during init-time renders.
|
|
17776
|
-
const inputEvent = new Event('input', {
|
|
17771
|
+
let inputEvent = null;
|
|
17772
|
+
|
|
17773
|
+
inputEvent = new Event('input', {
|
|
17777
17774
|
bubbles: true,
|
|
17778
17775
|
composed: true,
|
|
17779
17776
|
});
|
|
17780
|
-
inputEvent.isProgrammatic = true;
|
|
17781
17777
|
|
|
17778
|
+
// Dispatched event to alert outside shadow DOM context of event firing.
|
|
17782
17779
|
this.dispatchEvent(inputEvent);
|
|
17783
17780
|
}
|
|
17784
17781
|
|
|
@@ -18491,7 +18488,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18491
18488
|
}
|
|
18492
18489
|
};
|
|
18493
18490
|
|
|
18494
|
-
var formkitVersion$1 = '
|
|
18491
|
+
var formkitVersion$1 = '202607021905';
|
|
18495
18492
|
|
|
18496
18493
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18497
18494
|
// See LICENSE in the project root for license information.
|
|
@@ -18777,15 +18774,20 @@ class AuroInput extends BaseInput {
|
|
|
18777
18774
|
* @returns {void}
|
|
18778
18775
|
*/
|
|
18779
18776
|
checkDisplayValueSlotChange() {
|
|
18780
|
-
|
|
18781
|
-
|
|
18782
|
-
//
|
|
18783
|
-
|
|
18784
|
-
|
|
18785
|
-
|
|
18786
|
-
|
|
18777
|
+
let nodes = this.shadowRoot.querySelector('slot[name="displayValue"]').assignedNodes();
|
|
18778
|
+
|
|
18779
|
+
// Handle when DisplayValue is multi-level slot content (e.g. combobox passing displayValue to input)
|
|
18780
|
+
if (nodes && nodes[0] && nodes[0].tagName === 'SLOT') {
|
|
18781
|
+
nodes = nodes[0].assignedNodes();
|
|
18782
|
+
}
|
|
18783
|
+
|
|
18784
|
+
let hasContent = false;
|
|
18785
|
+
|
|
18786
|
+
if (nodes.length > 0) {
|
|
18787
|
+
hasContent = true;
|
|
18788
|
+
}
|
|
18787
18789
|
|
|
18788
|
-
this.hasDisplayValueContent =
|
|
18790
|
+
this.hasDisplayValueContent = hasContent;
|
|
18789
18791
|
}
|
|
18790
18792
|
|
|
18791
18793
|
firstUpdated() {
|
|
@@ -19612,7 +19614,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19612
19614
|
}
|
|
19613
19615
|
}
|
|
19614
19616
|
|
|
19615
|
-
var formkitVersion = '
|
|
19617
|
+
var formkitVersion = '202607021905';
|
|
19616
19618
|
|
|
19617
19619
|
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}`;
|
|
19618
19620
|
|
|
@@ -20711,11 +20713,9 @@ class AuroCombobox extends AuroElement {
|
|
|
20711
20713
|
/**
|
|
20712
20714
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
20713
20715
|
* @private
|
|
20714
|
-
* @param {object} [root0={}] - Optional flag bag.
|
|
20715
|
-
* @param {boolean} [root0.preferComboboxValue=false] - When true, a match on `this.value` wins the tie-break over `this.input.value` (used by handleSlotChange on mount / re-mount).
|
|
20716
20716
|
* @returns {void}
|
|
20717
20717
|
*/
|
|
20718
|
-
handleMenuOptions(
|
|
20718
|
+
handleMenuOptions() {
|
|
20719
20719
|
this.generateOptionsArray();
|
|
20720
20720
|
this.availableOptions = [];
|
|
20721
20721
|
// Single source of truth for the menu's filter/highlight token per call.
|
|
@@ -20736,20 +20736,8 @@ class AuroCombobox extends AuroElement {
|
|
|
20736
20736
|
option.setAttribute('aria-posinset', index + 1);
|
|
20737
20737
|
});
|
|
20738
20738
|
|
|
20739
|
-
|
|
20740
|
-
|
|
20741
|
-
// consumer swap patterns (e.g. Svelte `{#key}` re-mount) where
|
|
20742
|
-
// `this.value` is authoritative but `this.input.value` may be empty or
|
|
20743
|
-
// carry stale typed text from another field. Do NOT enable this in the
|
|
20744
|
-
// event-driven path — user clears would be undone by re-syncing to the
|
|
20745
|
-
// previous combobox.value.
|
|
20746
|
-
const valueMatches = preferComboboxValue &&
|
|
20747
|
-
this.value &&
|
|
20748
|
-
this.menu.options &&
|
|
20749
|
-
this.menu.options.some((opt) => opt.value === this.value);
|
|
20750
|
-
const matchValue = valueMatches ? this.value : this.input.value;
|
|
20751
|
-
if (matchValue && this.menu.options && this.menu.options.some((opt) => opt.value === matchValue)) {
|
|
20752
|
-
this.setMenuValue(matchValue);
|
|
20739
|
+
if (this.input.value && this.menu.options && this.menu.options.some((opt) => opt.value === this.input.value)) {
|
|
20740
|
+
this.setMenuValue(this.input.value);
|
|
20753
20741
|
this.syncValuesAndStates();
|
|
20754
20742
|
}
|
|
20755
20743
|
|
|
@@ -21185,21 +21173,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21185
21173
|
this.optionActive = evt.detail;
|
|
21186
21174
|
|
|
21187
21175
|
if (this.input) {
|
|
21188
|
-
|
|
21189
|
-
// the template binds `.a11yActivedescendant` on the trigger input,
|
|
21190
|
-
// which propagates to auro-input.updated() → setAttribute(
|
|
21191
|
-
// 'aria-activedescendant', id) on the internal <input>. That
|
|
21192
|
-
// setAttribute call clears the reflected ariaActiveDescendantElement
|
|
21193
|
-
// property, so setting the ref first (synchronously here) gets
|
|
21194
|
-
// clobbered. Awaiting updateComplete lets the attribute write finish
|
|
21195
|
-
// first; the element reference then sticks and screen readers can
|
|
21196
|
-
// cross the shadow-DOM boundary to the auro-menuoption in light DOM.
|
|
21197
|
-
const targetOption = this.optionActive;
|
|
21198
|
-
this.updateComplete.then(() => {
|
|
21199
|
-
if (this.input && this.optionActive === targetOption) {
|
|
21200
|
-
this.input.setActiveDescendant(targetOption);
|
|
21201
|
-
}
|
|
21202
|
-
});
|
|
21176
|
+
this.input.setActiveDescendant(this.optionActive);
|
|
21203
21177
|
}
|
|
21204
21178
|
|
|
21205
21179
|
// In fullscreen mode the menu sits inside a nested <dialog> shadow root,
|
|
@@ -21336,18 +21310,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21336
21310
|
}
|
|
21337
21311
|
}
|
|
21338
21312
|
|
|
21339
|
-
// SPA preselect guard: on init render, auro-input's notifyValueChanged
|
|
21340
|
-
// echoes an empty value through as an isProgrammatic input event before
|
|
21341
|
-
// the framework-set combobox.value has propagated down to the input.
|
|
21342
|
-
// Without this bail, the `this.value = this.input.value` below clobbers
|
|
21343
|
-
// the framework value with '' and clear() wipes optionSelected. Scoped
|
|
21344
|
-
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
21345
|
-
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
21346
|
-
// where value/input already track each other through the sync helpers.
|
|
21347
|
-
if (event && event.isProgrammatic && this.value && !this.input.value) {
|
|
21348
|
-
return;
|
|
21349
|
-
}
|
|
21350
|
-
|
|
21351
21313
|
this.value = this.input.value;
|
|
21352
21314
|
|
|
21353
21315
|
// Ignore re-entrant input events caused by programmatic value sets.
|
|
@@ -21780,11 +21742,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21780
21742
|
}
|
|
21781
21743
|
});
|
|
21782
21744
|
|
|
21783
|
-
|
|
21784
|
-
// framework-set `this.value` wins over any stale `input.value` when
|
|
21785
|
-
// matching against the newly-available options. Fixes the display
|
|
21786
|
-
// for SPA preselect and Svelte `{#key}` re-mount swap patterns.
|
|
21787
|
-
this.handleMenuOptions({ preferComboboxValue: true });
|
|
21745
|
+
this.handleMenuOptions();
|
|
21788
21746
|
|
|
21789
21747
|
break;
|
|
21790
21748
|
|
|
@@ -4894,7 +4894,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4894
4894
|
}
|
|
4895
4895
|
};
|
|
4896
4896
|
|
|
4897
|
-
var formkitVersion$2 = '
|
|
4897
|
+
var formkitVersion$2 = '202607021905';
|
|
4898
4898
|
|
|
4899
4899
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4900
4900
|
static get properties() {
|
|
@@ -17783,17 +17783,14 @@ class BaseInput extends AuroElement$1 {
|
|
|
17783
17783
|
* @returns {void}
|
|
17784
17784
|
*/
|
|
17785
17785
|
notifyValueChanged() {
|
|
17786
|
-
|
|
17787
|
-
|
|
17788
|
-
|
|
17789
|
-
// it from genuine user typing and skip clobbering their own
|
|
17790
|
-
// programmatic state during init-time renders.
|
|
17791
|
-
const inputEvent = new Event('input', {
|
|
17786
|
+
let inputEvent = null;
|
|
17787
|
+
|
|
17788
|
+
inputEvent = new Event('input', {
|
|
17792
17789
|
bubbles: true,
|
|
17793
17790
|
composed: true,
|
|
17794
17791
|
});
|
|
17795
|
-
inputEvent.isProgrammatic = true;
|
|
17796
17792
|
|
|
17793
|
+
// Dispatched event to alert outside shadow DOM context of event firing.
|
|
17797
17794
|
this.dispatchEvent(inputEvent);
|
|
17798
17795
|
}
|
|
17799
17796
|
|
|
@@ -18506,7 +18503,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18506
18503
|
}
|
|
18507
18504
|
};
|
|
18508
18505
|
|
|
18509
|
-
var formkitVersion$1 = '
|
|
18506
|
+
var formkitVersion$1 = '202607021905';
|
|
18510
18507
|
|
|
18511
18508
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18512
18509
|
// See LICENSE in the project root for license information.
|
|
@@ -18792,15 +18789,20 @@ class AuroInput extends BaseInput {
|
|
|
18792
18789
|
* @returns {void}
|
|
18793
18790
|
*/
|
|
18794
18791
|
checkDisplayValueSlotChange() {
|
|
18795
|
-
|
|
18796
|
-
|
|
18797
|
-
//
|
|
18798
|
-
|
|
18799
|
-
|
|
18800
|
-
|
|
18801
|
-
|
|
18792
|
+
let nodes = this.shadowRoot.querySelector('slot[name="displayValue"]').assignedNodes();
|
|
18793
|
+
|
|
18794
|
+
// Handle when DisplayValue is multi-level slot content (e.g. combobox passing displayValue to input)
|
|
18795
|
+
if (nodes && nodes[0] && nodes[0].tagName === 'SLOT') {
|
|
18796
|
+
nodes = nodes[0].assignedNodes();
|
|
18797
|
+
}
|
|
18798
|
+
|
|
18799
|
+
let hasContent = false;
|
|
18800
|
+
|
|
18801
|
+
if (nodes.length > 0) {
|
|
18802
|
+
hasContent = true;
|
|
18803
|
+
}
|
|
18802
18804
|
|
|
18803
|
-
this.hasDisplayValueContent =
|
|
18805
|
+
this.hasDisplayValueContent = hasContent;
|
|
18804
18806
|
}
|
|
18805
18807
|
|
|
18806
18808
|
firstUpdated() {
|
|
@@ -19627,7 +19629,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19627
19629
|
}
|
|
19628
19630
|
}
|
|
19629
19631
|
|
|
19630
|
-
var formkitVersion = '
|
|
19632
|
+
var formkitVersion = '202607021905';
|
|
19631
19633
|
|
|
19632
19634
|
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}`;
|
|
19633
19635
|
|
|
@@ -20726,11 +20728,9 @@ class AuroCombobox extends AuroElement {
|
|
|
20726
20728
|
/**
|
|
20727
20729
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
20728
20730
|
* @private
|
|
20729
|
-
* @param {object} [root0={}] - Optional flag bag.
|
|
20730
|
-
* @param {boolean} [root0.preferComboboxValue=false] - When true, a match on `this.value` wins the tie-break over `this.input.value` (used by handleSlotChange on mount / re-mount).
|
|
20731
20731
|
* @returns {void}
|
|
20732
20732
|
*/
|
|
20733
|
-
handleMenuOptions(
|
|
20733
|
+
handleMenuOptions() {
|
|
20734
20734
|
this.generateOptionsArray();
|
|
20735
20735
|
this.availableOptions = [];
|
|
20736
20736
|
// Single source of truth for the menu's filter/highlight token per call.
|
|
@@ -20751,20 +20751,8 @@ class AuroCombobox extends AuroElement {
|
|
|
20751
20751
|
option.setAttribute('aria-posinset', index + 1);
|
|
20752
20752
|
});
|
|
20753
20753
|
|
|
20754
|
-
|
|
20755
|
-
|
|
20756
|
-
// consumer swap patterns (e.g. Svelte `{#key}` re-mount) where
|
|
20757
|
-
// `this.value` is authoritative but `this.input.value` may be empty or
|
|
20758
|
-
// carry stale typed text from another field. Do NOT enable this in the
|
|
20759
|
-
// event-driven path — user clears would be undone by re-syncing to the
|
|
20760
|
-
// previous combobox.value.
|
|
20761
|
-
const valueMatches = preferComboboxValue &&
|
|
20762
|
-
this.value &&
|
|
20763
|
-
this.menu.options &&
|
|
20764
|
-
this.menu.options.some((opt) => opt.value === this.value);
|
|
20765
|
-
const matchValue = valueMatches ? this.value : this.input.value;
|
|
20766
|
-
if (matchValue && this.menu.options && this.menu.options.some((opt) => opt.value === matchValue)) {
|
|
20767
|
-
this.setMenuValue(matchValue);
|
|
20754
|
+
if (this.input.value && this.menu.options && this.menu.options.some((opt) => opt.value === this.input.value)) {
|
|
20755
|
+
this.setMenuValue(this.input.value);
|
|
20768
20756
|
this.syncValuesAndStates();
|
|
20769
20757
|
}
|
|
20770
20758
|
|
|
@@ -21200,21 +21188,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21200
21188
|
this.optionActive = evt.detail;
|
|
21201
21189
|
|
|
21202
21190
|
if (this.input) {
|
|
21203
|
-
|
|
21204
|
-
// the template binds `.a11yActivedescendant` on the trigger input,
|
|
21205
|
-
// which propagates to auro-input.updated() → setAttribute(
|
|
21206
|
-
// 'aria-activedescendant', id) on the internal <input>. That
|
|
21207
|
-
// setAttribute call clears the reflected ariaActiveDescendantElement
|
|
21208
|
-
// property, so setting the ref first (synchronously here) gets
|
|
21209
|
-
// clobbered. Awaiting updateComplete lets the attribute write finish
|
|
21210
|
-
// first; the element reference then sticks and screen readers can
|
|
21211
|
-
// cross the shadow-DOM boundary to the auro-menuoption in light DOM.
|
|
21212
|
-
const targetOption = this.optionActive;
|
|
21213
|
-
this.updateComplete.then(() => {
|
|
21214
|
-
if (this.input && this.optionActive === targetOption) {
|
|
21215
|
-
this.input.setActiveDescendant(targetOption);
|
|
21216
|
-
}
|
|
21217
|
-
});
|
|
21191
|
+
this.input.setActiveDescendant(this.optionActive);
|
|
21218
21192
|
}
|
|
21219
21193
|
|
|
21220
21194
|
// In fullscreen mode the menu sits inside a nested <dialog> shadow root,
|
|
@@ -21351,18 +21325,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21351
21325
|
}
|
|
21352
21326
|
}
|
|
21353
21327
|
|
|
21354
|
-
// SPA preselect guard: on init render, auro-input's notifyValueChanged
|
|
21355
|
-
// echoes an empty value through as an isProgrammatic input event before
|
|
21356
|
-
// the framework-set combobox.value has propagated down to the input.
|
|
21357
|
-
// Without this bail, the `this.value = this.input.value` below clobbers
|
|
21358
|
-
// the framework value with '' and clear() wipes optionSelected. Scoped
|
|
21359
|
-
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
21360
|
-
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
21361
|
-
// where value/input already track each other through the sync helpers.
|
|
21362
|
-
if (event && event.isProgrammatic && this.value && !this.input.value) {
|
|
21363
|
-
return;
|
|
21364
|
-
}
|
|
21365
|
-
|
|
21366
21328
|
this.value = this.input.value;
|
|
21367
21329
|
|
|
21368
21330
|
// Ignore re-entrant input events caused by programmatic value sets.
|
|
@@ -21795,11 +21757,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21795
21757
|
}
|
|
21796
21758
|
});
|
|
21797
21759
|
|
|
21798
|
-
|
|
21799
|
-
// framework-set `this.value` wins over any stale `input.value` when
|
|
21800
|
-
// matching against the newly-available options. Fixes the display
|
|
21801
|
-
// for SPA preselect and Svelte `{#key}` re-mount swap patterns.
|
|
21802
|
-
this.handleMenuOptions({ preferComboboxValue: true });
|
|
21760
|
+
this.handleMenuOptions();
|
|
21803
21761
|
|
|
21804
21762
|
break;
|
|
21805
21763
|
|
|
@@ -424,8 +424,6 @@ export class AuroCombobox extends AuroElement {
|
|
|
424
424
|
/**
|
|
425
425
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
426
426
|
* @private
|
|
427
|
-
* @param {object} [root0={}] - Optional flag bag.
|
|
428
|
-
* @param {boolean} [root0.preferComboboxValue=false] - When true, a match on `this.value` wins the tie-break over `this.input.value` (used by handleSlotChange on mount / re-mount).
|
|
429
427
|
* @returns {void}
|
|
430
428
|
*/
|
|
431
429
|
private handleMenuOptions;
|