@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.18 → 0.0.0-pr1554.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/customize.min.js +12 -54
- package/components/combobox/demo/getting-started.min.js +12 -54
- package/components/combobox/demo/index.min.js +12 -54
- package/components/combobox/dist/index.js +12 -54
- package/components/combobox/dist/registered.js +12 -54
- package/components/counter/demo/customize.min.js +9 -31
- package/components/counter/demo/index.min.js +9 -31
- package/components/counter/dist/index.js +9 -31
- package/components/counter/dist/registered.js +9 -31
- package/components/datepicker/demo/customize.min.js +11 -50
- package/components/datepicker/demo/index.min.js +11 -50
- package/components/datepicker/dist/index.js +11 -50
- package/components/datepicker/dist/registered.js +11 -50
- package/components/dropdown/demo/api.md +0 -1
- package/components/dropdown/demo/customize.min.js +8 -30
- package/components/dropdown/demo/getting-started.min.js +8 -30
- package/components/dropdown/demo/index.min.js +8 -30
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
- package/components/dropdown/dist/index.js +8 -30
- package/components/dropdown/dist/registered.js +8 -30
- package/components/form/demo/customize.min.js +45 -187
- package/components/form/demo/getting-started.min.js +45 -187
- package/components/form/demo/index.min.js +45 -187
- package/components/form/demo/registerDemoDeps.min.js +45 -187
- package/components/input/demo/customize.min.js +2 -19
- package/components/input/demo/getting-started.min.js +2 -19
- package/components/input/demo/index.min.js +2 -19
- package/components/input/dist/index.js +2 -19
- package/components/input/dist/registered.js +2 -19
- 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 +9 -31
- package/components/select/demo/getting-started.min.js +9 -31
- package/components/select/demo/index.min.js +9 -31
- package/components/select/dist/index.js +9 -31
- package/components/select/dist/registered.js +9 -31
- package/custom-elements.json +1517 -1527
- 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 = '202607160501';
|
|
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 = '202607160501';
|
|
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 = '202607160501';
|
|
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 = '202607160501';
|
|
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 = '202607160501';
|
|
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.
|
|
@@ -4971,7 +4971,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4971
4971
|
}
|
|
4972
4972
|
};
|
|
4973
4973
|
|
|
4974
|
-
var formkitVersion$2 = '
|
|
4974
|
+
var formkitVersion$2 = '202607160501';
|
|
4975
4975
|
|
|
4976
4976
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4977
4977
|
static get properties() {
|
|
@@ -5111,15 +5111,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5111
5111
|
this.matchWidth = false;
|
|
5112
5112
|
this.noHideOnThisFocusLoss = false;
|
|
5113
5113
|
|
|
5114
|
-
/**
|
|
5115
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5116
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5117
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5118
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5119
|
-
* @public
|
|
5120
|
-
*/
|
|
5121
|
-
this.noFocusRestoreOnClose = false;
|
|
5122
|
-
|
|
5123
5114
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5124
5115
|
|
|
5125
5116
|
// Layout Config
|
|
@@ -5294,23 +5285,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5294
5285
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5295
5286
|
if (slot) {
|
|
5296
5287
|
const assigned = slot.assignedElements();
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5302
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5303
|
-
// focusing the element directly (works for custom elements like
|
|
5304
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5305
|
-
const descendants = getFocusableElements(el);
|
|
5306
|
-
if (descendants.length > 0) {
|
|
5307
|
-
descendants[0].focus();
|
|
5308
|
-
return;
|
|
5309
|
-
}
|
|
5310
|
-
el.focus();
|
|
5311
|
-
if (document.activeElement === el) {
|
|
5312
|
-
return;
|
|
5313
|
-
}
|
|
5288
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5289
|
+
if (focusable) {
|
|
5290
|
+
focusable.focus();
|
|
5291
|
+
return;
|
|
5314
5292
|
}
|
|
5315
5293
|
}
|
|
5316
5294
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -5770,7 +5748,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5770
5748
|
}
|
|
5771
5749
|
|
|
5772
5750
|
const eventType = event.detail.eventType || "unknown";
|
|
5773
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5751
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
5774
5752
|
this.focusTrigger();
|
|
5775
5753
|
}
|
|
5776
5754
|
|
|
@@ -5778,9 +5756,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5778
5756
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
5779
5757
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
5780
5758
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
5781
|
-
// When
|
|
5759
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
5782
5760
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
5783
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
5761
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
5784
5762
|
// wait til the bib gets fully closed and rendered
|
|
5785
5763
|
setTimeout(() => {
|
|
5786
5764
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -18653,7 +18631,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18653
18631
|
}
|
|
18654
18632
|
};
|
|
18655
18633
|
|
|
18656
|
-
var formkitVersion$1 = '
|
|
18634
|
+
var formkitVersion$1 = '202607160501';
|
|
18657
18635
|
|
|
18658
18636
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18659
18637
|
// See LICENSE in the project root for license information.
|
|
@@ -18941,18 +18919,6 @@ class AuroInput extends BaseInput {
|
|
|
18941
18919
|
checkDisplayValueSlotChange() {
|
|
18942
18920
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
18943
18921
|
if (!slot) {
|
|
18944
|
-
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18945
|
-
// children so hasDisplayValueContent isn't stuck false when called
|
|
18946
|
-
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18947
|
-
// Check for any element (including custom elements like <auro-icon>
|
|
18948
|
-
// that render via shadow DOM with no text content).
|
|
18949
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18950
|
-
this.hasDisplayValueContent = lightDomNodes.some((node) => (
|
|
18951
|
-
node.textContent.trim().length > 0 ||
|
|
18952
|
-
node.children.length > 0 ||
|
|
18953
|
-
node.shadowRoot !== null
|
|
18954
|
-
));
|
|
18955
|
-
this.requestUpdate();
|
|
18956
18922
|
return;
|
|
18957
18923
|
}
|
|
18958
18924
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18963,20 +18929,15 @@ class AuroInput extends BaseInput {
|
|
|
18963
18929
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18964
18930
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18965
18931
|
// being visible on preset/deeplink load.
|
|
18966
|
-
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
18967
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18968
18932
|
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18969
18933
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18970
18934
|
return node.textContent.trim().length > 0;
|
|
18971
18935
|
}
|
|
18972
18936
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18973
|
-
return node.textContent.trim().length > 0 ||
|
|
18974
|
-
node.children.length > 0 ||
|
|
18975
|
-
node.shadowRoot !== null;
|
|
18937
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18976
18938
|
}
|
|
18977
18939
|
return false;
|
|
18978
18940
|
});
|
|
18979
|
-
this.requestUpdate();
|
|
18980
18941
|
}
|
|
18981
18942
|
|
|
18982
18943
|
firstUpdated() {
|
|
@@ -19803,7 +19764,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19803
19764
|
}
|
|
19804
19765
|
}
|
|
19805
19766
|
|
|
19806
|
-
var formkitVersion = '
|
|
19767
|
+
var formkitVersion = '202607160501';
|
|
19807
19768
|
|
|
19808
19769
|
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}`;
|
|
19809
19770
|
|
|
@@ -20848,6 +20809,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20848
20809
|
// hidden when input.value is set in the same tick as the append.
|
|
20849
20810
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20850
20811
|
this.input.checkDisplayValueSlotChange();
|
|
20812
|
+
this.input.requestUpdate();
|
|
20851
20813
|
}
|
|
20852
20814
|
} else if (this.value) {
|
|
20853
20815
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -21041,10 +21003,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21041
21003
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
21042
21004
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
21043
21005
|
|
|
21044
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
21045
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
21046
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
21047
|
-
|
|
21048
21006
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
21049
21007
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
21050
21008
|
this.dropdownId = event.detail.id;
|
|
@@ -4971,7 +4971,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4971
4971
|
}
|
|
4972
4972
|
};
|
|
4973
4973
|
|
|
4974
|
-
var formkitVersion$2 = '
|
|
4974
|
+
var formkitVersion$2 = '202607160501';
|
|
4975
4975
|
|
|
4976
4976
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4977
4977
|
static get properties() {
|
|
@@ -5111,15 +5111,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5111
5111
|
this.matchWidth = false;
|
|
5112
5112
|
this.noHideOnThisFocusLoss = false;
|
|
5113
5113
|
|
|
5114
|
-
/**
|
|
5115
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5116
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5117
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5118
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5119
|
-
* @public
|
|
5120
|
-
*/
|
|
5121
|
-
this.noFocusRestoreOnClose = false;
|
|
5122
|
-
|
|
5123
5114
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5124
5115
|
|
|
5125
5116
|
// Layout Config
|
|
@@ -5294,23 +5285,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5294
5285
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5295
5286
|
if (slot) {
|
|
5296
5287
|
const assigned = slot.assignedElements();
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5302
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5303
|
-
// focusing the element directly (works for custom elements like
|
|
5304
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5305
|
-
const descendants = getFocusableElements(el);
|
|
5306
|
-
if (descendants.length > 0) {
|
|
5307
|
-
descendants[0].focus();
|
|
5308
|
-
return;
|
|
5309
|
-
}
|
|
5310
|
-
el.focus();
|
|
5311
|
-
if (document.activeElement === el) {
|
|
5312
|
-
return;
|
|
5313
|
-
}
|
|
5288
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5289
|
+
if (focusable) {
|
|
5290
|
+
focusable.focus();
|
|
5291
|
+
return;
|
|
5314
5292
|
}
|
|
5315
5293
|
}
|
|
5316
5294
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -5770,7 +5748,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5770
5748
|
}
|
|
5771
5749
|
|
|
5772
5750
|
const eventType = event.detail.eventType || "unknown";
|
|
5773
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5751
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
5774
5752
|
this.focusTrigger();
|
|
5775
5753
|
}
|
|
5776
5754
|
|
|
@@ -5778,9 +5756,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5778
5756
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
5779
5757
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
5780
5758
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
5781
|
-
// When
|
|
5759
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
5782
5760
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
5783
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
5761
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
5784
5762
|
// wait til the bib gets fully closed and rendered
|
|
5785
5763
|
setTimeout(() => {
|
|
5786
5764
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -18653,7 +18631,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18653
18631
|
}
|
|
18654
18632
|
};
|
|
18655
18633
|
|
|
18656
|
-
var formkitVersion$1 = '
|
|
18634
|
+
var formkitVersion$1 = '202607160501';
|
|
18657
18635
|
|
|
18658
18636
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18659
18637
|
// See LICENSE in the project root for license information.
|
|
@@ -18941,18 +18919,6 @@ class AuroInput extends BaseInput {
|
|
|
18941
18919
|
checkDisplayValueSlotChange() {
|
|
18942
18920
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
18943
18921
|
if (!slot) {
|
|
18944
|
-
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18945
|
-
// children so hasDisplayValueContent isn't stuck false when called
|
|
18946
|
-
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18947
|
-
// Check for any element (including custom elements like <auro-icon>
|
|
18948
|
-
// that render via shadow DOM with no text content).
|
|
18949
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18950
|
-
this.hasDisplayValueContent = lightDomNodes.some((node) => (
|
|
18951
|
-
node.textContent.trim().length > 0 ||
|
|
18952
|
-
node.children.length > 0 ||
|
|
18953
|
-
node.shadowRoot !== null
|
|
18954
|
-
));
|
|
18955
|
-
this.requestUpdate();
|
|
18956
18922
|
return;
|
|
18957
18923
|
}
|
|
18958
18924
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18963,20 +18929,15 @@ class AuroInput extends BaseInput {
|
|
|
18963
18929
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18964
18930
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18965
18931
|
// being visible on preset/deeplink load.
|
|
18966
|
-
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
18967
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18968
18932
|
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18969
18933
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18970
18934
|
return node.textContent.trim().length > 0;
|
|
18971
18935
|
}
|
|
18972
18936
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18973
|
-
return node.textContent.trim().length > 0 ||
|
|
18974
|
-
node.children.length > 0 ||
|
|
18975
|
-
node.shadowRoot !== null;
|
|
18937
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18976
18938
|
}
|
|
18977
18939
|
return false;
|
|
18978
18940
|
});
|
|
18979
|
-
this.requestUpdate();
|
|
18980
18941
|
}
|
|
18981
18942
|
|
|
18982
18943
|
firstUpdated() {
|
|
@@ -19803,7 +19764,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19803
19764
|
}
|
|
19804
19765
|
}
|
|
19805
19766
|
|
|
19806
|
-
var formkitVersion = '
|
|
19767
|
+
var formkitVersion = '202607160501';
|
|
19807
19768
|
|
|
19808
19769
|
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}`;
|
|
19809
19770
|
|
|
@@ -20848,6 +20809,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20848
20809
|
// hidden when input.value is set in the same tick as the append.
|
|
20849
20810
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20850
20811
|
this.input.checkDisplayValueSlotChange();
|
|
20812
|
+
this.input.requestUpdate();
|
|
20851
20813
|
}
|
|
20852
20814
|
} else if (this.value) {
|
|
20853
20815
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -21041,10 +21003,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21041
21003
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
21042
21004
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
21043
21005
|
|
|
21044
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
21045
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
21046
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
21047
|
-
|
|
21048
21006
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
21049
21007
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
21050
21008
|
this.dropdownId = event.detail.id;
|
|
@@ -4986,7 +4986,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4986
4986
|
}
|
|
4987
4987
|
};
|
|
4988
4988
|
|
|
4989
|
-
var formkitVersion$2 = '
|
|
4989
|
+
var formkitVersion$2 = '202607160501';
|
|
4990
4990
|
|
|
4991
4991
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4992
4992
|
static get properties() {
|
|
@@ -5126,15 +5126,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5126
5126
|
this.matchWidth = false;
|
|
5127
5127
|
this.noHideOnThisFocusLoss = false;
|
|
5128
5128
|
|
|
5129
|
-
/**
|
|
5130
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5131
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5132
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5133
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5134
|
-
* @public
|
|
5135
|
-
*/
|
|
5136
|
-
this.noFocusRestoreOnClose = false;
|
|
5137
|
-
|
|
5138
5129
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5139
5130
|
|
|
5140
5131
|
// Layout Config
|
|
@@ -5309,23 +5300,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5309
5300
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5310
5301
|
if (slot) {
|
|
5311
5302
|
const assigned = slot.assignedElements();
|
|
5312
|
-
|
|
5313
|
-
|
|
5314
|
-
|
|
5315
|
-
|
|
5316
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5317
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5318
|
-
// focusing the element directly (works for custom elements like
|
|
5319
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5320
|
-
const descendants = getFocusableElements(el);
|
|
5321
|
-
if (descendants.length > 0) {
|
|
5322
|
-
descendants[0].focus();
|
|
5323
|
-
return;
|
|
5324
|
-
}
|
|
5325
|
-
el.focus();
|
|
5326
|
-
if (document.activeElement === el) {
|
|
5327
|
-
return;
|
|
5328
|
-
}
|
|
5303
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5304
|
+
if (focusable) {
|
|
5305
|
+
focusable.focus();
|
|
5306
|
+
return;
|
|
5329
5307
|
}
|
|
5330
5308
|
}
|
|
5331
5309
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -5785,7 +5763,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5785
5763
|
}
|
|
5786
5764
|
|
|
5787
5765
|
const eventType = event.detail.eventType || "unknown";
|
|
5788
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5766
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
5789
5767
|
this.focusTrigger();
|
|
5790
5768
|
}
|
|
5791
5769
|
|
|
@@ -5793,9 +5771,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5793
5771
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
5794
5772
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
5795
5773
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
5796
|
-
// When
|
|
5774
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
5797
5775
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
5798
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
5776
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
5799
5777
|
// wait til the bib gets fully closed and rendered
|
|
5800
5778
|
setTimeout(() => {
|
|
5801
5779
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -18668,7 +18646,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18668
18646
|
}
|
|
18669
18647
|
};
|
|
18670
18648
|
|
|
18671
|
-
var formkitVersion$1 = '
|
|
18649
|
+
var formkitVersion$1 = '202607160501';
|
|
18672
18650
|
|
|
18673
18651
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18674
18652
|
// See LICENSE in the project root for license information.
|
|
@@ -18956,18 +18934,6 @@ class AuroInput extends BaseInput {
|
|
|
18956
18934
|
checkDisplayValueSlotChange() {
|
|
18957
18935
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
18958
18936
|
if (!slot) {
|
|
18959
|
-
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18960
|
-
// children so hasDisplayValueContent isn't stuck false when called
|
|
18961
|
-
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18962
|
-
// Check for any element (including custom elements like <auro-icon>
|
|
18963
|
-
// that render via shadow DOM with no text content).
|
|
18964
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18965
|
-
this.hasDisplayValueContent = lightDomNodes.some((node) => (
|
|
18966
|
-
node.textContent.trim().length > 0 ||
|
|
18967
|
-
node.children.length > 0 ||
|
|
18968
|
-
node.shadowRoot !== null
|
|
18969
|
-
));
|
|
18970
|
-
this.requestUpdate();
|
|
18971
18937
|
return;
|
|
18972
18938
|
}
|
|
18973
18939
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18978,20 +18944,15 @@ class AuroInput extends BaseInput {
|
|
|
18978
18944
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18979
18945
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18980
18946
|
// being visible on preset/deeplink load.
|
|
18981
|
-
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
18982
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18983
18947
|
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18984
18948
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18985
18949
|
return node.textContent.trim().length > 0;
|
|
18986
18950
|
}
|
|
18987
18951
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18988
|
-
return node.textContent.trim().length > 0 ||
|
|
18989
|
-
node.children.length > 0 ||
|
|
18990
|
-
node.shadowRoot !== null;
|
|
18952
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18991
18953
|
}
|
|
18992
18954
|
return false;
|
|
18993
18955
|
});
|
|
18994
|
-
this.requestUpdate();
|
|
18995
18956
|
}
|
|
18996
18957
|
|
|
18997
18958
|
firstUpdated() {
|
|
@@ -19818,7 +19779,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19818
19779
|
}
|
|
19819
19780
|
}
|
|
19820
19781
|
|
|
19821
|
-
var formkitVersion = '
|
|
19782
|
+
var formkitVersion = '202607160501';
|
|
19822
19783
|
|
|
19823
19784
|
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}`;
|
|
19824
19785
|
|
|
@@ -20863,6 +20824,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20863
20824
|
// hidden when input.value is set in the same tick as the append.
|
|
20864
20825
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20865
20826
|
this.input.checkDisplayValueSlotChange();
|
|
20827
|
+
this.input.requestUpdate();
|
|
20866
20828
|
}
|
|
20867
20829
|
} else if (this.value) {
|
|
20868
20830
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -21056,10 +21018,6 @@ class AuroCombobox extends AuroElement {
|
|
|
21056
21018
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
21057
21019
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
21058
21020
|
|
|
21059
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
21060
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
21061
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
21062
|
-
|
|
21063
21021
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
21064
21022
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
21065
21023
|
this.dropdownId = event.detail.id;
|
|
@@ -4904,7 +4904,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4904
4904
|
}
|
|
4905
4905
|
};
|
|
4906
4906
|
|
|
4907
|
-
var formkitVersion$2 = '
|
|
4907
|
+
var formkitVersion$2 = '202607160501';
|
|
4908
4908
|
|
|
4909
4909
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4910
4910
|
static get properties() {
|
|
@@ -5044,15 +5044,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5044
5044
|
this.matchWidth = false;
|
|
5045
5045
|
this.noHideOnThisFocusLoss = false;
|
|
5046
5046
|
|
|
5047
|
-
/**
|
|
5048
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5049
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5050
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5051
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5052
|
-
* @public
|
|
5053
|
-
*/
|
|
5054
|
-
this.noFocusRestoreOnClose = false;
|
|
5055
|
-
|
|
5056
5047
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5057
5048
|
|
|
5058
5049
|
// Layout Config
|
|
@@ -5227,23 +5218,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5227
5218
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5228
5219
|
if (slot) {
|
|
5229
5220
|
const assigned = slot.assignedElements();
|
|
5230
|
-
|
|
5231
|
-
|
|
5232
|
-
|
|
5233
|
-
|
|
5234
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5235
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5236
|
-
// focusing the element directly (works for custom elements like
|
|
5237
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5238
|
-
const descendants = getFocusableElements(el);
|
|
5239
|
-
if (descendants.length > 0) {
|
|
5240
|
-
descendants[0].focus();
|
|
5241
|
-
return;
|
|
5242
|
-
}
|
|
5243
|
-
el.focus();
|
|
5244
|
-
if (document.activeElement === el) {
|
|
5245
|
-
return;
|
|
5246
|
-
}
|
|
5221
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5222
|
+
if (focusable) {
|
|
5223
|
+
focusable.focus();
|
|
5224
|
+
return;
|
|
5247
5225
|
}
|
|
5248
5226
|
}
|
|
5249
5227
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -5703,7 +5681,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5703
5681
|
}
|
|
5704
5682
|
|
|
5705
5683
|
const eventType = event.detail.eventType || "unknown";
|
|
5706
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5684
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
5707
5685
|
this.focusTrigger();
|
|
5708
5686
|
}
|
|
5709
5687
|
|
|
@@ -5711,9 +5689,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5711
5689
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
5712
5690
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
5713
5691
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
5714
|
-
// When
|
|
5692
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
5715
5693
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
5716
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
5694
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
5717
5695
|
// wait til the bib gets fully closed and rendered
|
|
5718
5696
|
setTimeout(() => {
|
|
5719
5697
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -18579,7 +18557,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18579
18557
|
}
|
|
18580
18558
|
};
|
|
18581
18559
|
|
|
18582
|
-
var formkitVersion$1 = '
|
|
18560
|
+
var formkitVersion$1 = '202607160501';
|
|
18583
18561
|
|
|
18584
18562
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18585
18563
|
// See LICENSE in the project root for license information.
|
|
@@ -18867,18 +18845,6 @@ class AuroInput extends BaseInput {
|
|
|
18867
18845
|
checkDisplayValueSlotChange() {
|
|
18868
18846
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
18869
18847
|
if (!slot) {
|
|
18870
|
-
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18871
|
-
// children so hasDisplayValueContent isn't stuck false when called
|
|
18872
|
-
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18873
|
-
// Check for any element (including custom elements like <auro-icon>
|
|
18874
|
-
// that render via shadow DOM with no text content).
|
|
18875
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18876
|
-
this.hasDisplayValueContent = lightDomNodes.some((node) => (
|
|
18877
|
-
node.textContent.trim().length > 0 ||
|
|
18878
|
-
node.children.length > 0 ||
|
|
18879
|
-
node.shadowRoot !== null
|
|
18880
|
-
));
|
|
18881
|
-
this.requestUpdate();
|
|
18882
18848
|
return;
|
|
18883
18849
|
}
|
|
18884
18850
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18889,20 +18855,15 @@ class AuroInput extends BaseInput {
|
|
|
18889
18855
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18890
18856
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18891
18857
|
// being visible on preset/deeplink load.
|
|
18892
|
-
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
18893
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18894
18858
|
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18895
18859
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18896
18860
|
return node.textContent.trim().length > 0;
|
|
18897
18861
|
}
|
|
18898
18862
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18899
|
-
return node.textContent.trim().length > 0 ||
|
|
18900
|
-
node.children.length > 0 ||
|
|
18901
|
-
node.shadowRoot !== null;
|
|
18863
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18902
18864
|
}
|
|
18903
18865
|
return false;
|
|
18904
18866
|
});
|
|
18905
|
-
this.requestUpdate();
|
|
18906
18867
|
}
|
|
18907
18868
|
|
|
18908
18869
|
firstUpdated() {
|
|
@@ -19729,7 +19690,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19729
19690
|
}
|
|
19730
19691
|
}
|
|
19731
19692
|
|
|
19732
|
-
var formkitVersion = '
|
|
19693
|
+
var formkitVersion = '202607160501';
|
|
19733
19694
|
|
|
19734
19695
|
var styleCss$1 = css`.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}`;
|
|
19735
19696
|
|
|
@@ -20774,6 +20735,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20774
20735
|
// hidden when input.value is set in the same tick as the append.
|
|
20775
20736
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20776
20737
|
this.input.checkDisplayValueSlotChange();
|
|
20738
|
+
this.input.requestUpdate();
|
|
20777
20739
|
}
|
|
20778
20740
|
} else if (this.value) {
|
|
20779
20741
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -20967,10 +20929,6 @@ class AuroCombobox extends AuroElement {
|
|
|
20967
20929
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
20968
20930
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
20969
20931
|
|
|
20970
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
20971
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
20972
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
20973
|
-
|
|
20974
20932
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
20975
20933
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
20976
20934
|
this.dropdownId = event.detail.id;
|