@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.26 → 0.0.0-pr1554.3
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 +16 -58
- package/components/combobox/demo/getting-started.min.js +16 -58
- package/components/combobox/demo/index.min.js +16 -58
- package/components/combobox/dist/index.js +16 -58
- package/components/combobox/dist/registered.js +16 -58
- 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 +14 -54
- package/components/datepicker/demo/index.min.js +14 -54
- package/components/datepicker/dist/index.js +14 -54
- package/components/datepicker/dist/registered.js +14 -54
- 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 +55 -199
- package/components/form/demo/getting-started.min.js +55 -199
- package/components/form/demo/index.min.js +55 -199
- package/components/form/demo/registerDemoDeps.min.js +55 -199
- package/components/input/demo/customize.min.js +5 -23
- package/components/input/demo/getting-started.min.js +5 -23
- package/components/input/demo/index.min.js +5 -23
- package/components/input/dist/index.js +5 -23
- package/components/input/dist/registered.js +5 -23
- 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
|
@@ -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 = '202607160513';
|
|
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
|
-
* @private
|
|
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 = '202607160513';
|
|
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.
|
|
@@ -18870,18 +18848,8 @@ class AuroInput extends BaseInput {
|
|
|
18870
18848
|
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18871
18849
|
// children so hasDisplayValueContent isn't stuck false when called
|
|
18872
18850
|
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18873
|
-
|
|
18874
|
-
|
|
18875
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18876
|
-
const hasContent = lightDomNodes.some((node) => (
|
|
18877
|
-
node.textContent.trim().length > 0 ||
|
|
18878
|
-
node.children.length > 0 ||
|
|
18879
|
-
node.shadowRoot !== null
|
|
18880
|
-
));
|
|
18881
|
-
if (this.hasDisplayValueContent !== hasContent) {
|
|
18882
|
-
this.hasDisplayValueContent = hasContent;
|
|
18883
|
-
this.requestUpdate();
|
|
18884
|
-
}
|
|
18851
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
18852
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && lightDomContent.textContent.trim().length > 0);
|
|
18885
18853
|
return;
|
|
18886
18854
|
}
|
|
18887
18855
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18892,23 +18860,15 @@ class AuroInput extends BaseInput {
|
|
|
18892
18860
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18893
18861
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18894
18862
|
// being visible on preset/deeplink load.
|
|
18895
|
-
|
|
18896
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18897
|
-
const hasContent = nodes.some((node) => {
|
|
18863
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18898
18864
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18899
18865
|
return node.textContent.trim().length > 0;
|
|
18900
18866
|
}
|
|
18901
18867
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18902
|
-
return node.textContent.trim().length > 0 ||
|
|
18903
|
-
node.children.length > 0 ||
|
|
18904
|
-
node.shadowRoot !== null;
|
|
18868
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18905
18869
|
}
|
|
18906
18870
|
return false;
|
|
18907
18871
|
});
|
|
18908
|
-
if (this.hasDisplayValueContent !== hasContent) {
|
|
18909
|
-
this.hasDisplayValueContent = hasContent;
|
|
18910
|
-
this.requestUpdate();
|
|
18911
|
-
}
|
|
18912
18872
|
}
|
|
18913
18873
|
|
|
18914
18874
|
firstUpdated() {
|
|
@@ -19735,7 +19695,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19735
19695
|
}
|
|
19736
19696
|
}
|
|
19737
19697
|
|
|
19738
|
-
var formkitVersion = '
|
|
19698
|
+
var formkitVersion = '202607160513';
|
|
19739
19699
|
|
|
19740
19700
|
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}`;
|
|
19741
19701
|
|
|
@@ -20780,6 +20740,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20780
20740
|
// hidden when input.value is set in the same tick as the append.
|
|
20781
20741
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20782
20742
|
this.input.checkDisplayValueSlotChange();
|
|
20743
|
+
this.input.requestUpdate();
|
|
20783
20744
|
}
|
|
20784
20745
|
} else if (this.value) {
|
|
20785
20746
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -20800,6 +20761,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20800
20761
|
this.input.appendChild(syntheticDV);
|
|
20801
20762
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20802
20763
|
this.input.checkDisplayValueSlotChange();
|
|
20764
|
+
this.input.requestUpdate();
|
|
20803
20765
|
}
|
|
20804
20766
|
}
|
|
20805
20767
|
|
|
@@ -20972,10 +20934,6 @@ class AuroCombobox extends AuroElement {
|
|
|
20972
20934
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
20973
20935
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
20974
20936
|
|
|
20975
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
20976
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
20977
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
20978
|
-
|
|
20979
20937
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
20980
20938
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
20981
20939
|
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 = '202607160513';
|
|
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
|
-
* @private
|
|
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 = '202607160513';
|
|
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.
|
|
@@ -18870,18 +18848,8 @@ class AuroInput extends BaseInput {
|
|
|
18870
18848
|
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
18871
18849
|
// children so hasDisplayValueContent isn't stuck false when called
|
|
18872
18850
|
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
18873
|
-
|
|
18874
|
-
|
|
18875
|
-
const lightDomNodes = Array.from(this.querySelectorAll('[slot="displayValue"]:not(slot)'));
|
|
18876
|
-
const hasContent = lightDomNodes.some((node) => (
|
|
18877
|
-
node.textContent.trim().length > 0 ||
|
|
18878
|
-
node.children.length > 0 ||
|
|
18879
|
-
node.shadowRoot !== null
|
|
18880
|
-
));
|
|
18881
|
-
if (this.hasDisplayValueContent !== hasContent) {
|
|
18882
|
-
this.hasDisplayValueContent = hasContent;
|
|
18883
|
-
this.requestUpdate();
|
|
18884
|
-
}
|
|
18851
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
18852
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && lightDomContent.textContent.trim().length > 0);
|
|
18885
18853
|
return;
|
|
18886
18854
|
}
|
|
18887
18855
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
@@ -18892,23 +18860,15 @@ class AuroInput extends BaseInput {
|
|
|
18892
18860
|
// displayValue wrapper to render (with hasContent class) but show
|
|
18893
18861
|
// nothing, blocking the combobox's synthetic displayValue from
|
|
18894
18862
|
// being visible on preset/deeplink load.
|
|
18895
|
-
|
|
18896
|
-
// treated as content even when they have no text or light-DOM children.
|
|
18897
|
-
const hasContent = nodes.some((node) => {
|
|
18863
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
18898
18864
|
if (node.nodeType === Node.TEXT_NODE) {
|
|
18899
18865
|
return node.textContent.trim().length > 0;
|
|
18900
18866
|
}
|
|
18901
18867
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
18902
|
-
return node.textContent.trim().length > 0 ||
|
|
18903
|
-
node.children.length > 0 ||
|
|
18904
|
-
node.shadowRoot !== null;
|
|
18868
|
+
return node.textContent.trim().length > 0 || node.children.length > 0;
|
|
18905
18869
|
}
|
|
18906
18870
|
return false;
|
|
18907
18871
|
});
|
|
18908
|
-
if (this.hasDisplayValueContent !== hasContent) {
|
|
18909
|
-
this.hasDisplayValueContent = hasContent;
|
|
18910
|
-
this.requestUpdate();
|
|
18911
|
-
}
|
|
18912
18872
|
}
|
|
18913
18873
|
|
|
18914
18874
|
firstUpdated() {
|
|
@@ -19735,7 +19695,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19735
19695
|
}
|
|
19736
19696
|
}
|
|
19737
19697
|
|
|
19738
|
-
var formkitVersion = '
|
|
19698
|
+
var formkitVersion = '202607160513';
|
|
19739
19699
|
|
|
19740
19700
|
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}`;
|
|
19741
19701
|
|
|
@@ -20780,6 +20740,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20780
20740
|
// hidden when input.value is set in the same tick as the append.
|
|
20781
20741
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20782
20742
|
this.input.checkDisplayValueSlotChange();
|
|
20743
|
+
this.input.requestUpdate();
|
|
20783
20744
|
}
|
|
20784
20745
|
} else if (this.value) {
|
|
20785
20746
|
// No optionSelected yet (e.g. setMenuValue was called but the menu's
|
|
@@ -20800,6 +20761,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20800
20761
|
this.input.appendChild(syntheticDV);
|
|
20801
20762
|
if (typeof this.input.checkDisplayValueSlotChange === 'function') {
|
|
20802
20763
|
this.input.checkDisplayValueSlotChange();
|
|
20764
|
+
this.input.requestUpdate();
|
|
20803
20765
|
}
|
|
20804
20766
|
}
|
|
20805
20767
|
|
|
@@ -20972,10 +20934,6 @@ class AuroCombobox extends AuroElement {
|
|
|
20972
20934
|
// from combobox's light DOM and won't be detected by dropdown's contains() check.
|
|
20973
20935
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
20974
20936
|
|
|
20975
|
-
// Suppress the dropdown's generic focus restoration on close — the combobox
|
|
20976
|
-
// manages its own focus via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
20977
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
20978
|
-
|
|
20979
20937
|
// Listen for the ID to be added to the dropdown so we can capture it and use it for accessibility.
|
|
20980
20938
|
this.dropdown.addEventListener('auroDropdown-idAdded', (event) => {
|
|
20981
20939
|
this.dropdownId = event.detail.id;
|
|
@@ -1114,7 +1114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1114
1114
|
}
|
|
1115
1115
|
};
|
|
1116
1116
|
|
|
1117
|
-
var formkitVersion$1 = '
|
|
1117
|
+
var formkitVersion$1 = '202607160513';
|
|
1118
1118
|
|
|
1119
1119
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1120
1120
|
// See LICENSE in the project root for license information.
|
|
@@ -5280,7 +5280,7 @@ class AuroHelpText extends i$2 {
|
|
|
5280
5280
|
}
|
|
5281
5281
|
}
|
|
5282
5282
|
|
|
5283
|
-
var formkitVersion = '
|
|
5283
|
+
var formkitVersion = '202607160513';
|
|
5284
5284
|
|
|
5285
5285
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5286
5286
|
static get properties() {
|
|
@@ -5420,15 +5420,6 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5420
5420
|
this.matchWidth = false;
|
|
5421
5421
|
this.noHideOnThisFocusLoss = false;
|
|
5422
5422
|
|
|
5423
|
-
/**
|
|
5424
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5425
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5426
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5427
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5428
|
-
* @private
|
|
5429
|
-
*/
|
|
5430
|
-
this.noFocusRestoreOnClose = false;
|
|
5431
|
-
|
|
5432
5423
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5433
5424
|
|
|
5434
5425
|
// Layout Config
|
|
@@ -5603,23 +5594,10 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5603
5594
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5604
5595
|
if (slot) {
|
|
5605
5596
|
const assigned = slot.assignedElements();
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5611
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5612
|
-
// focusing the element directly (works for custom elements like
|
|
5613
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5614
|
-
const descendants = getFocusableElements(el);
|
|
5615
|
-
if (descendants.length > 0) {
|
|
5616
|
-
descendants[0].focus();
|
|
5617
|
-
return;
|
|
5618
|
-
}
|
|
5619
|
-
el.focus();
|
|
5620
|
-
if (document.activeElement === el) {
|
|
5621
|
-
return;
|
|
5622
|
-
}
|
|
5597
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5598
|
+
if (focusable) {
|
|
5599
|
+
focusable.focus();
|
|
5600
|
+
return;
|
|
5623
5601
|
}
|
|
5624
5602
|
}
|
|
5625
5603
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -6079,7 +6057,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6079
6057
|
}
|
|
6080
6058
|
|
|
6081
6059
|
const eventType = event.detail.eventType || "unknown";
|
|
6082
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
6060
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
6083
6061
|
this.focusTrigger();
|
|
6084
6062
|
}
|
|
6085
6063
|
|
|
@@ -6087,9 +6065,9 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6087
6065
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
6088
6066
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
6089
6067
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
6090
|
-
// When
|
|
6068
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
6091
6069
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
6092
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
6070
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
6093
6071
|
// wait til the bib gets fully closed and rendered
|
|
6094
6072
|
setTimeout(() => {
|
|
6095
6073
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -1114,7 +1114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1114
1114
|
}
|
|
1115
1115
|
};
|
|
1116
1116
|
|
|
1117
|
-
var formkitVersion$1 = '
|
|
1117
|
+
var formkitVersion$1 = '202607160513';
|
|
1118
1118
|
|
|
1119
1119
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1120
1120
|
// See LICENSE in the project root for license information.
|
|
@@ -5280,7 +5280,7 @@ class AuroHelpText extends i$2 {
|
|
|
5280
5280
|
}
|
|
5281
5281
|
}
|
|
5282
5282
|
|
|
5283
|
-
var formkitVersion = '
|
|
5283
|
+
var formkitVersion = '202607160513';
|
|
5284
5284
|
|
|
5285
5285
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5286
5286
|
static get properties() {
|
|
@@ -5420,15 +5420,6 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5420
5420
|
this.matchWidth = false;
|
|
5421
5421
|
this.noHideOnThisFocusLoss = false;
|
|
5422
5422
|
|
|
5423
|
-
/**
|
|
5424
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5425
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5426
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5427
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5428
|
-
* @private
|
|
5429
|
-
*/
|
|
5430
|
-
this.noFocusRestoreOnClose = false;
|
|
5431
|
-
|
|
5432
5423
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5433
5424
|
|
|
5434
5425
|
// Layout Config
|
|
@@ -5603,23 +5594,10 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5603
5594
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5604
5595
|
if (slot) {
|
|
5605
5596
|
const assigned = slot.assignedElements();
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5611
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5612
|
-
// focusing the element directly (works for custom elements like
|
|
5613
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5614
|
-
const descendants = getFocusableElements(el);
|
|
5615
|
-
if (descendants.length > 0) {
|
|
5616
|
-
descendants[0].focus();
|
|
5617
|
-
return;
|
|
5618
|
-
}
|
|
5619
|
-
el.focus();
|
|
5620
|
-
if (document.activeElement === el) {
|
|
5621
|
-
return;
|
|
5622
|
-
}
|
|
5597
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5598
|
+
if (focusable) {
|
|
5599
|
+
focusable.focus();
|
|
5600
|
+
return;
|
|
5623
5601
|
}
|
|
5624
5602
|
}
|
|
5625
5603
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -6079,7 +6057,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6079
6057
|
}
|
|
6080
6058
|
|
|
6081
6059
|
const eventType = event.detail.eventType || "unknown";
|
|
6082
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
6060
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
6083
6061
|
this.focusTrigger();
|
|
6084
6062
|
}
|
|
6085
6063
|
|
|
@@ -6087,9 +6065,9 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6087
6065
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
6088
6066
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
6089
6067
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
6090
|
-
// When
|
|
6068
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
6091
6069
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
6092
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
6070
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
6093
6071
|
// wait til the bib gets fully closed and rendered
|
|
6094
6072
|
setTimeout(() => {
|
|
6095
6073
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -1064,7 +1064,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1064
1064
|
}
|
|
1065
1065
|
};
|
|
1066
1066
|
|
|
1067
|
-
var formkitVersion$1 = '
|
|
1067
|
+
var formkitVersion$1 = '202607160513';
|
|
1068
1068
|
|
|
1069
1069
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1070
1070
|
// See LICENSE in the project root for license information.
|
|
@@ -5212,7 +5212,7 @@ class AuroHelpText extends LitElement {
|
|
|
5212
5212
|
}
|
|
5213
5213
|
}
|
|
5214
5214
|
|
|
5215
|
-
var formkitVersion = '
|
|
5215
|
+
var formkitVersion = '202607160513';
|
|
5216
5216
|
|
|
5217
5217
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5218
5218
|
static get properties() {
|
|
@@ -5352,15 +5352,6 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5352
5352
|
this.matchWidth = false;
|
|
5353
5353
|
this.noHideOnThisFocusLoss = false;
|
|
5354
5354
|
|
|
5355
|
-
/**
|
|
5356
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5357
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5358
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5359
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5360
|
-
* @private
|
|
5361
|
-
*/
|
|
5362
|
-
this.noFocusRestoreOnClose = false;
|
|
5363
|
-
|
|
5364
5355
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5365
5356
|
|
|
5366
5357
|
// Layout Config
|
|
@@ -5535,23 +5526,10 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5535
5526
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5536
5527
|
if (slot) {
|
|
5537
5528
|
const assigned = slot.assignedElements();
|
|
5538
|
-
|
|
5539
|
-
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5543
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5544
|
-
// focusing the element directly (works for custom elements like
|
|
5545
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5546
|
-
const descendants = getFocusableElements(el);
|
|
5547
|
-
if (descendants.length > 0) {
|
|
5548
|
-
descendants[0].focus();
|
|
5549
|
-
return;
|
|
5550
|
-
}
|
|
5551
|
-
el.focus();
|
|
5552
|
-
if (document.activeElement === el) {
|
|
5553
|
-
return;
|
|
5554
|
-
}
|
|
5529
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5530
|
+
if (focusable) {
|
|
5531
|
+
focusable.focus();
|
|
5532
|
+
return;
|
|
5555
5533
|
}
|
|
5556
5534
|
}
|
|
5557
5535
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -6011,7 +5989,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6011
5989
|
}
|
|
6012
5990
|
|
|
6013
5991
|
const eventType = event.detail.eventType || "unknown";
|
|
6014
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5992
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
6015
5993
|
this.focusTrigger();
|
|
6016
5994
|
}
|
|
6017
5995
|
|
|
@@ -6019,9 +5997,9 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6019
5997
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
6020
5998
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
6021
5999
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
6022
|
-
// When
|
|
6000
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
6023
6001
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
6024
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
6002
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
6025
6003
|
// wait til the bib gets fully closed and rendered
|
|
6026
6004
|
setTimeout(() => {
|
|
6027
6005
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -1064,7 +1064,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1064
1064
|
}
|
|
1065
1065
|
};
|
|
1066
1066
|
|
|
1067
|
-
var formkitVersion$1 = '
|
|
1067
|
+
var formkitVersion$1 = '202607160513';
|
|
1068
1068
|
|
|
1069
1069
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1070
1070
|
// See LICENSE in the project root for license information.
|
|
@@ -5212,7 +5212,7 @@ class AuroHelpText extends LitElement {
|
|
|
5212
5212
|
}
|
|
5213
5213
|
}
|
|
5214
5214
|
|
|
5215
|
-
var formkitVersion = '
|
|
5215
|
+
var formkitVersion = '202607160513';
|
|
5216
5216
|
|
|
5217
5217
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5218
5218
|
static get properties() {
|
|
@@ -5352,15 +5352,6 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5352
5352
|
this.matchWidth = false;
|
|
5353
5353
|
this.noHideOnThisFocusLoss = false;
|
|
5354
5354
|
|
|
5355
|
-
/**
|
|
5356
|
-
* When true, the dropdown skips its generic focus restoration on close.
|
|
5357
|
-
* Set by consumers (e.g. combobox) that manage their own focus routing
|
|
5358
|
-
* via setClearBtnFocus / setInputFocus / keyboard strategy.
|
|
5359
|
-
* Separate from noHideOnThisFocusLoss (which controls auto-close behavior).
|
|
5360
|
-
* @private
|
|
5361
|
-
*/
|
|
5362
|
-
this.noFocusRestoreOnClose = false;
|
|
5363
|
-
|
|
5364
5355
|
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
5365
5356
|
|
|
5366
5357
|
// Layout Config
|
|
@@ -5535,23 +5526,10 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5535
5526
|
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
5536
5527
|
if (slot) {
|
|
5537
5528
|
const assigned = slot.assignedElements();
|
|
5538
|
-
|
|
5539
|
-
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
// Try finding a focusable descendant first (handles non-focusable
|
|
5543
|
-
// wrappers like <div> containing a <button>). If none found, try
|
|
5544
|
-
// focusing the element directly (works for custom elements like
|
|
5545
|
-
// auro-input that have delegatesFocus or a custom focus() method).
|
|
5546
|
-
const descendants = getFocusableElements(el);
|
|
5547
|
-
if (descendants.length > 0) {
|
|
5548
|
-
descendants[0].focus();
|
|
5549
|
-
return;
|
|
5550
|
-
}
|
|
5551
|
-
el.focus();
|
|
5552
|
-
if (document.activeElement === el) {
|
|
5553
|
-
return;
|
|
5554
|
-
}
|
|
5529
|
+
const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
|
|
5530
|
+
if (focusable) {
|
|
5531
|
+
focusable.focus();
|
|
5532
|
+
return;
|
|
5555
5533
|
}
|
|
5556
5534
|
}
|
|
5557
5535
|
// Fallback: try DOM children (non-slotted content)
|
|
@@ -6011,7 +5989,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6011
5989
|
}
|
|
6012
5990
|
|
|
6013
5991
|
const eventType = event.detail.eventType || "unknown";
|
|
6014
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown"
|
|
5992
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
6015
5993
|
this.focusTrigger();
|
|
6016
5994
|
}
|
|
6017
5995
|
|
|
@@ -6019,9 +5997,9 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6019
5997
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
6020
5998
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
6021
5999
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
6022
|
-
// When
|
|
6000
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
6023
6001
|
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
6024
|
-
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.
|
|
6002
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
6025
6003
|
// wait til the bib gets fully closed and rendered
|
|
6026
6004
|
setTimeout(() => {
|
|
6027
6005
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|