@aurodesignsystem-dev/auro-formkit 0.0.0-pr1429.1 → 0.0.0-pr1430.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.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/api.min.js +43 -5
- package/components/combobox/demo/index.min.js +43 -5
- package/components/combobox/dist/index.js +33 -5
- package/components/combobox/dist/registered.js +33 -5
- package/components/counter/demo/api.min.js +30 -2
- package/components/counter/demo/index.min.js +30 -2
- package/components/counter/dist/index.js +30 -2
- package/components/counter/dist/registered.js +30 -2
- package/components/datepicker/demo/api.min.js +31 -3
- package/components/datepicker/demo/index.min.js +31 -3
- package/components/datepicker/dist/index.js +31 -3
- package/components/datepicker/dist/registered.js +31 -3
- package/components/dropdown/demo/api.min.js +29 -1
- package/components/dropdown/demo/index.min.js +29 -1
- package/components/dropdown/dist/index.js +29 -1
- package/components/dropdown/dist/registered.js +29 -1
- package/components/form/demo/api.min.js +137 -15
- package/components/form/demo/index.min.js +137 -15
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.md +1 -0
- package/components/menu/demo/api.min.js +10 -0
- package/components/menu/demo/index.min.js +10 -0
- package/components/menu/dist/auro-menuoption.d.ts +9 -0
- package/components/menu/dist/index.js +10 -0
- package/components/menu/dist/registered.js +10 -0
- package/components/radio/demo/api.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/api.min.js +40 -2
- package/components/select/demo/index.min.js +40 -2
- package/components/select/dist/index.js +30 -2
- package/components/select/dist/registered.js +30 -2
- package/custom-elements.json +21 -0
- package/package.json +2 -2
|
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
|
|
|
1687
1687
|
}
|
|
1688
1688
|
}
|
|
1689
1689
|
|
|
1690
|
-
var formkitVersion = '
|
|
1690
|
+
var formkitVersion = '202604091756';
|
|
1691
1691
|
|
|
1692
1692
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1693
1693
|
// See LICENSE in the project root for license information.
|
|
@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
|
|
|
1679
1679
|
}
|
|
1680
1680
|
}
|
|
1681
1681
|
|
|
1682
|
-
var formkitVersion = '
|
|
1682
|
+
var formkitVersion = '202604091756';
|
|
1683
1683
|
|
|
1684
1684
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1685
1685
|
// See LICENSE in the project root for license information.
|
|
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
|
|
|
1632
1632
|
}
|
|
1633
1633
|
}
|
|
1634
1634
|
|
|
1635
|
-
var formkitVersion = '
|
|
1635
|
+
var formkitVersion = '202604091756';
|
|
1636
1636
|
|
|
1637
1637
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1638
1638
|
// See LICENSE in the project root for license information.
|
|
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
|
|
|
1632
1632
|
}
|
|
1633
1633
|
}
|
|
1634
1634
|
|
|
1635
|
-
var formkitVersion = '
|
|
1635
|
+
var formkitVersion = '202604091756';
|
|
1636
1636
|
|
|
1637
1637
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1638
1638
|
// See LICENSE in the project root for license information.
|
|
@@ -3294,6 +3294,7 @@ class AuroFloatingUI {
|
|
|
3294
3294
|
this.focusHandler = null;
|
|
3295
3295
|
this.clickHandler = null;
|
|
3296
3296
|
this.keyDownHandler = null;
|
|
3297
|
+
this.touchHandler = null;
|
|
3297
3298
|
|
|
3298
3299
|
/**
|
|
3299
3300
|
* @private
|
|
@@ -3711,6 +3712,28 @@ class AuroFloatingUI {
|
|
|
3711
3712
|
setTimeout(() => {
|
|
3712
3713
|
window.addEventListener("click", this.clickHandler);
|
|
3713
3714
|
}, 0);
|
|
3715
|
+
|
|
3716
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
3717
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
3718
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
3719
|
+
this.touchHandler = (evt) => {
|
|
3720
|
+
const element = this.element;
|
|
3721
|
+
if (!element?.bib) {
|
|
3722
|
+
return;
|
|
3723
|
+
}
|
|
3724
|
+
|
|
3725
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
3726
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
3727
|
+
return;
|
|
3728
|
+
}
|
|
3729
|
+
|
|
3730
|
+
const path = evt.composedPath();
|
|
3731
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
3732
|
+
this.hideBib("click");
|
|
3733
|
+
}
|
|
3734
|
+
};
|
|
3735
|
+
|
|
3736
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
3714
3737
|
}
|
|
3715
3738
|
|
|
3716
3739
|
cleanupHideHandlers() {
|
|
@@ -3726,6 +3749,11 @@ class AuroFloatingUI {
|
|
|
3726
3749
|
this.clickHandler = null;
|
|
3727
3750
|
}
|
|
3728
3751
|
|
|
3752
|
+
if (this.touchHandler) {
|
|
3753
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
3754
|
+
this.touchHandler = null;
|
|
3755
|
+
}
|
|
3756
|
+
|
|
3729
3757
|
if (this.keyDownHandler) {
|
|
3730
3758
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
3731
3759
|
this.keyDownHandler = null;
|
|
@@ -5200,7 +5228,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5200
5228
|
}
|
|
5201
5229
|
};
|
|
5202
5230
|
|
|
5203
|
-
var formkitVersion$2 = '
|
|
5231
|
+
var formkitVersion$2 = '202604091756';
|
|
5204
5232
|
|
|
5205
5233
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5206
5234
|
static get properties() {
|
|
@@ -12964,7 +12992,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
12964
12992
|
}
|
|
12965
12993
|
};
|
|
12966
12994
|
|
|
12967
|
-
var formkitVersion$1 = '
|
|
12995
|
+
var formkitVersion$1 = '202604091756';
|
|
12968
12996
|
|
|
12969
12997
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12970
12998
|
// See LICENSE in the project root for license information.
|
|
@@ -14029,7 +14057,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14029
14057
|
}
|
|
14030
14058
|
}
|
|
14031
14059
|
|
|
14032
|
-
var formkitVersion = '
|
|
14060
|
+
var formkitVersion = '202604091756';
|
|
14033
14061
|
|
|
14034
14062
|
var styleCss$3 = i$7`.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}`;
|
|
14035
14063
|
|
|
@@ -14892,7 +14920,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14892
14920
|
* @returns {void}
|
|
14893
14921
|
*/
|
|
14894
14922
|
activateFirstEnabledAvailableOption() {
|
|
14895
|
-
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled);
|
|
14923
|
+
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled && !opt.hasAttribute('nomatch'));
|
|
14896
14924
|
this.updateActiveOption(firstEnabledOptionIndex);
|
|
14897
14925
|
}
|
|
14898
14926
|
|
|
@@ -14906,7 +14934,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14906
14934
|
|
|
14907
14935
|
// Work backwards through the available options array to find the last enabled option
|
|
14908
14936
|
for (let index = this.availableOptions.length - 1; index >= 0; index -= 1) {
|
|
14909
|
-
if (!this.availableOptions[index].disabled) {
|
|
14937
|
+
if (!this.availableOptions[index].disabled && !this.availableOptions[index].hasAttribute('nomatch')) {
|
|
14910
14938
|
lastEnabledOptionIndex = index;
|
|
14911
14939
|
break;
|
|
14912
14940
|
}
|
|
@@ -16171,6 +16199,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
16171
16199
|
this.selected = false;
|
|
16172
16200
|
this.noCheckmark = false;
|
|
16173
16201
|
this.disabled = false;
|
|
16202
|
+
this.noMatch = false;
|
|
16174
16203
|
|
|
16175
16204
|
/**
|
|
16176
16205
|
* @private
|
|
@@ -16246,6 +16275,15 @@ class AuroMenuOption extends AuroElement {
|
|
|
16246
16275
|
reflect: true
|
|
16247
16276
|
},
|
|
16248
16277
|
|
|
16278
|
+
/**
|
|
16279
|
+
* When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
|
|
16280
|
+
*/
|
|
16281
|
+
noMatch: {
|
|
16282
|
+
type: Boolean,
|
|
16283
|
+
reflect: true,
|
|
16284
|
+
attribute: 'nomatch'
|
|
16285
|
+
},
|
|
16286
|
+
|
|
16249
16287
|
/**
|
|
16250
16288
|
* Specifies that an option is selected.
|
|
16251
16289
|
*/
|
|
@@ -3206,6 +3206,7 @@ class AuroFloatingUI {
|
|
|
3206
3206
|
this.focusHandler = null;
|
|
3207
3207
|
this.clickHandler = null;
|
|
3208
3208
|
this.keyDownHandler = null;
|
|
3209
|
+
this.touchHandler = null;
|
|
3209
3210
|
|
|
3210
3211
|
/**
|
|
3211
3212
|
* @private
|
|
@@ -3623,6 +3624,28 @@ class AuroFloatingUI {
|
|
|
3623
3624
|
setTimeout(() => {
|
|
3624
3625
|
window.addEventListener("click", this.clickHandler);
|
|
3625
3626
|
}, 0);
|
|
3627
|
+
|
|
3628
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
3629
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
3630
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
3631
|
+
this.touchHandler = (evt) => {
|
|
3632
|
+
const element = this.element;
|
|
3633
|
+
if (!element?.bib) {
|
|
3634
|
+
return;
|
|
3635
|
+
}
|
|
3636
|
+
|
|
3637
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
3638
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
3639
|
+
return;
|
|
3640
|
+
}
|
|
3641
|
+
|
|
3642
|
+
const path = evt.composedPath();
|
|
3643
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
3644
|
+
this.hideBib("click");
|
|
3645
|
+
}
|
|
3646
|
+
};
|
|
3647
|
+
|
|
3648
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
3626
3649
|
}
|
|
3627
3650
|
|
|
3628
3651
|
cleanupHideHandlers() {
|
|
@@ -3638,6 +3661,11 @@ class AuroFloatingUI {
|
|
|
3638
3661
|
this.clickHandler = null;
|
|
3639
3662
|
}
|
|
3640
3663
|
|
|
3664
|
+
if (this.touchHandler) {
|
|
3665
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
3666
|
+
this.touchHandler = null;
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3641
3669
|
if (this.keyDownHandler) {
|
|
3642
3670
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
3643
3671
|
this.keyDownHandler = null;
|
|
@@ -5112,7 +5140,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5112
5140
|
}
|
|
5113
5141
|
};
|
|
5114
5142
|
|
|
5115
|
-
var formkitVersion$2 = '
|
|
5143
|
+
var formkitVersion$2 = '202604091756';
|
|
5116
5144
|
|
|
5117
5145
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5118
5146
|
static get properties() {
|
|
@@ -12876,7 +12904,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
12876
12904
|
}
|
|
12877
12905
|
};
|
|
12878
12906
|
|
|
12879
|
-
var formkitVersion$1 = '
|
|
12907
|
+
var formkitVersion$1 = '202604091756';
|
|
12880
12908
|
|
|
12881
12909
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12882
12910
|
// See LICENSE in the project root for license information.
|
|
@@ -13941,7 +13969,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
13941
13969
|
}
|
|
13942
13970
|
}
|
|
13943
13971
|
|
|
13944
|
-
var formkitVersion = '
|
|
13972
|
+
var formkitVersion = '202604091756';
|
|
13945
13973
|
|
|
13946
13974
|
var styleCss$3 = i$7`.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}`;
|
|
13947
13975
|
|
|
@@ -14804,7 +14832,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14804
14832
|
* @returns {void}
|
|
14805
14833
|
*/
|
|
14806
14834
|
activateFirstEnabledAvailableOption() {
|
|
14807
|
-
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled);
|
|
14835
|
+
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled && !opt.hasAttribute('nomatch'));
|
|
14808
14836
|
this.updateActiveOption(firstEnabledOptionIndex);
|
|
14809
14837
|
}
|
|
14810
14838
|
|
|
@@ -14818,7 +14846,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14818
14846
|
|
|
14819
14847
|
// Work backwards through the available options array to find the last enabled option
|
|
14820
14848
|
for (let index = this.availableOptions.length - 1; index >= 0; index -= 1) {
|
|
14821
|
-
if (!this.availableOptions[index].disabled) {
|
|
14849
|
+
if (!this.availableOptions[index].disabled && !this.availableOptions[index].hasAttribute('nomatch')) {
|
|
14822
14850
|
lastEnabledOptionIndex = index;
|
|
14823
14851
|
break;
|
|
14824
14852
|
}
|
|
@@ -16083,6 +16111,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
16083
16111
|
this.selected = false;
|
|
16084
16112
|
this.noCheckmark = false;
|
|
16085
16113
|
this.disabled = false;
|
|
16114
|
+
this.noMatch = false;
|
|
16086
16115
|
|
|
16087
16116
|
/**
|
|
16088
16117
|
* @private
|
|
@@ -16158,6 +16187,15 @@ class AuroMenuOption extends AuroElement {
|
|
|
16158
16187
|
reflect: true
|
|
16159
16188
|
},
|
|
16160
16189
|
|
|
16190
|
+
/**
|
|
16191
|
+
* When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
|
|
16192
|
+
*/
|
|
16193
|
+
noMatch: {
|
|
16194
|
+
type: Boolean,
|
|
16195
|
+
reflect: true,
|
|
16196
|
+
attribute: 'nomatch'
|
|
16197
|
+
},
|
|
16198
|
+
|
|
16161
16199
|
/**
|
|
16162
16200
|
* Specifies that an option is selected.
|
|
16163
16201
|
*/
|
|
@@ -3139,6 +3139,7 @@ class AuroFloatingUI {
|
|
|
3139
3139
|
this.focusHandler = null;
|
|
3140
3140
|
this.clickHandler = null;
|
|
3141
3141
|
this.keyDownHandler = null;
|
|
3142
|
+
this.touchHandler = null;
|
|
3142
3143
|
|
|
3143
3144
|
/**
|
|
3144
3145
|
* @private
|
|
@@ -3556,6 +3557,28 @@ class AuroFloatingUI {
|
|
|
3556
3557
|
setTimeout(() => {
|
|
3557
3558
|
window.addEventListener("click", this.clickHandler);
|
|
3558
3559
|
}, 0);
|
|
3560
|
+
|
|
3561
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
3562
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
3563
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
3564
|
+
this.touchHandler = (evt) => {
|
|
3565
|
+
const element = this.element;
|
|
3566
|
+
if (!element?.bib) {
|
|
3567
|
+
return;
|
|
3568
|
+
}
|
|
3569
|
+
|
|
3570
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
3571
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
3572
|
+
return;
|
|
3573
|
+
}
|
|
3574
|
+
|
|
3575
|
+
const path = evt.composedPath();
|
|
3576
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
3577
|
+
this.hideBib("click");
|
|
3578
|
+
}
|
|
3579
|
+
};
|
|
3580
|
+
|
|
3581
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
3559
3582
|
}
|
|
3560
3583
|
|
|
3561
3584
|
cleanupHideHandlers() {
|
|
@@ -3571,6 +3594,11 @@ class AuroFloatingUI {
|
|
|
3571
3594
|
this.clickHandler = null;
|
|
3572
3595
|
}
|
|
3573
3596
|
|
|
3597
|
+
if (this.touchHandler) {
|
|
3598
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
3599
|
+
this.touchHandler = null;
|
|
3600
|
+
}
|
|
3601
|
+
|
|
3574
3602
|
if (this.keyDownHandler) {
|
|
3575
3603
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
3576
3604
|
this.keyDownHandler = null;
|
|
@@ -5045,7 +5073,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5045
5073
|
}
|
|
5046
5074
|
};
|
|
5047
5075
|
|
|
5048
|
-
var formkitVersion$2 = '
|
|
5076
|
+
var formkitVersion$2 = '202604091756';
|
|
5049
5077
|
|
|
5050
5078
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5051
5079
|
static get properties() {
|
|
@@ -12802,7 +12830,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12802
12830
|
}
|
|
12803
12831
|
};
|
|
12804
12832
|
|
|
12805
|
-
var formkitVersion$1 = '
|
|
12833
|
+
var formkitVersion$1 = '202604091756';
|
|
12806
12834
|
|
|
12807
12835
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12808
12836
|
// See LICENSE in the project root for license information.
|
|
@@ -13867,7 +13895,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13867
13895
|
}
|
|
13868
13896
|
}
|
|
13869
13897
|
|
|
13870
|
-
var formkitVersion = '
|
|
13898
|
+
var formkitVersion = '202604091756';
|
|
13871
13899
|
|
|
13872
13900
|
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}`;
|
|
13873
13901
|
|
|
@@ -14730,7 +14758,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14730
14758
|
* @returns {void}
|
|
14731
14759
|
*/
|
|
14732
14760
|
activateFirstEnabledAvailableOption() {
|
|
14733
|
-
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled);
|
|
14761
|
+
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled && !opt.hasAttribute('nomatch'));
|
|
14734
14762
|
this.updateActiveOption(firstEnabledOptionIndex);
|
|
14735
14763
|
}
|
|
14736
14764
|
|
|
@@ -14744,7 +14772,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14744
14772
|
|
|
14745
14773
|
// Work backwards through the available options array to find the last enabled option
|
|
14746
14774
|
for (let index = this.availableOptions.length - 1; index >= 0; index -= 1) {
|
|
14747
|
-
if (!this.availableOptions[index].disabled) {
|
|
14775
|
+
if (!this.availableOptions[index].disabled && !this.availableOptions[index].hasAttribute('nomatch')) {
|
|
14748
14776
|
lastEnabledOptionIndex = index;
|
|
14749
14777
|
break;
|
|
14750
14778
|
}
|
|
@@ -3139,6 +3139,7 @@ class AuroFloatingUI {
|
|
|
3139
3139
|
this.focusHandler = null;
|
|
3140
3140
|
this.clickHandler = null;
|
|
3141
3141
|
this.keyDownHandler = null;
|
|
3142
|
+
this.touchHandler = null;
|
|
3142
3143
|
|
|
3143
3144
|
/**
|
|
3144
3145
|
* @private
|
|
@@ -3556,6 +3557,28 @@ class AuroFloatingUI {
|
|
|
3556
3557
|
setTimeout(() => {
|
|
3557
3558
|
window.addEventListener("click", this.clickHandler);
|
|
3558
3559
|
}, 0);
|
|
3560
|
+
|
|
3561
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
3562
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
3563
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
3564
|
+
this.touchHandler = (evt) => {
|
|
3565
|
+
const element = this.element;
|
|
3566
|
+
if (!element?.bib) {
|
|
3567
|
+
return;
|
|
3568
|
+
}
|
|
3569
|
+
|
|
3570
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
3571
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
3572
|
+
return;
|
|
3573
|
+
}
|
|
3574
|
+
|
|
3575
|
+
const path = evt.composedPath();
|
|
3576
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
3577
|
+
this.hideBib("click");
|
|
3578
|
+
}
|
|
3579
|
+
};
|
|
3580
|
+
|
|
3581
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
3559
3582
|
}
|
|
3560
3583
|
|
|
3561
3584
|
cleanupHideHandlers() {
|
|
@@ -3571,6 +3594,11 @@ class AuroFloatingUI {
|
|
|
3571
3594
|
this.clickHandler = null;
|
|
3572
3595
|
}
|
|
3573
3596
|
|
|
3597
|
+
if (this.touchHandler) {
|
|
3598
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
3599
|
+
this.touchHandler = null;
|
|
3600
|
+
}
|
|
3601
|
+
|
|
3574
3602
|
if (this.keyDownHandler) {
|
|
3575
3603
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
3576
3604
|
this.keyDownHandler = null;
|
|
@@ -5045,7 +5073,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5045
5073
|
}
|
|
5046
5074
|
};
|
|
5047
5075
|
|
|
5048
|
-
var formkitVersion$2 = '
|
|
5076
|
+
var formkitVersion$2 = '202604091756';
|
|
5049
5077
|
|
|
5050
5078
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5051
5079
|
static get properties() {
|
|
@@ -12802,7 +12830,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12802
12830
|
}
|
|
12803
12831
|
};
|
|
12804
12832
|
|
|
12805
|
-
var formkitVersion$1 = '
|
|
12833
|
+
var formkitVersion$1 = '202604091756';
|
|
12806
12834
|
|
|
12807
12835
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12808
12836
|
// See LICENSE in the project root for license information.
|
|
@@ -13867,7 +13895,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13867
13895
|
}
|
|
13868
13896
|
}
|
|
13869
13897
|
|
|
13870
|
-
var formkitVersion = '
|
|
13898
|
+
var formkitVersion = '202604091756';
|
|
13871
13899
|
|
|
13872
13900
|
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}`;
|
|
13873
13901
|
|
|
@@ -14730,7 +14758,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14730
14758
|
* @returns {void}
|
|
14731
14759
|
*/
|
|
14732
14760
|
activateFirstEnabledAvailableOption() {
|
|
14733
|
-
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled);
|
|
14761
|
+
const firstEnabledOptionIndex = this.availableOptions.findIndex((opt) => !opt.disabled && !opt.hasAttribute('nomatch'));
|
|
14734
14762
|
this.updateActiveOption(firstEnabledOptionIndex);
|
|
14735
14763
|
}
|
|
14736
14764
|
|
|
@@ -14744,7 +14772,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14744
14772
|
|
|
14745
14773
|
// Work backwards through the available options array to find the last enabled option
|
|
14746
14774
|
for (let index = this.availableOptions.length - 1; index >= 0; index -= 1) {
|
|
14747
|
-
if (!this.availableOptions[index].disabled) {
|
|
14775
|
+
if (!this.availableOptions[index].disabled && !this.availableOptions[index].hasAttribute('nomatch')) {
|
|
14748
14776
|
lastEnabledOptionIndex = index;
|
|
14749
14777
|
break;
|
|
14750
14778
|
}
|
|
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var formkitVersion$1 = '
|
|
1524
|
+
var formkitVersion$1 = '202604091756';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -3799,6 +3799,7 @@ class AuroFloatingUI {
|
|
|
3799
3799
|
this.focusHandler = null;
|
|
3800
3800
|
this.clickHandler = null;
|
|
3801
3801
|
this.keyDownHandler = null;
|
|
3802
|
+
this.touchHandler = null;
|
|
3802
3803
|
|
|
3803
3804
|
/**
|
|
3804
3805
|
* @private
|
|
@@ -4216,6 +4217,28 @@ class AuroFloatingUI {
|
|
|
4216
4217
|
setTimeout(() => {
|
|
4217
4218
|
window.addEventListener("click", this.clickHandler);
|
|
4218
4219
|
}, 0);
|
|
4220
|
+
|
|
4221
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
4222
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
4223
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
4224
|
+
this.touchHandler = (evt) => {
|
|
4225
|
+
const element = this.element;
|
|
4226
|
+
if (!element?.bib) {
|
|
4227
|
+
return;
|
|
4228
|
+
}
|
|
4229
|
+
|
|
4230
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
4231
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
4232
|
+
return;
|
|
4233
|
+
}
|
|
4234
|
+
|
|
4235
|
+
const path = evt.composedPath();
|
|
4236
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
4237
|
+
this.hideBib("click");
|
|
4238
|
+
}
|
|
4239
|
+
};
|
|
4240
|
+
|
|
4241
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
4219
4242
|
}
|
|
4220
4243
|
|
|
4221
4244
|
cleanupHideHandlers() {
|
|
@@ -4231,6 +4254,11 @@ class AuroFloatingUI {
|
|
|
4231
4254
|
this.clickHandler = null;
|
|
4232
4255
|
}
|
|
4233
4256
|
|
|
4257
|
+
if (this.touchHandler) {
|
|
4258
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
4259
|
+
this.touchHandler = null;
|
|
4260
|
+
}
|
|
4261
|
+
|
|
4234
4262
|
if (this.keyDownHandler) {
|
|
4235
4263
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
4236
4264
|
this.keyDownHandler = null;
|
|
@@ -5705,7 +5733,7 @@ class AuroHelpText extends i$2 {
|
|
|
5705
5733
|
}
|
|
5706
5734
|
}
|
|
5707
5735
|
|
|
5708
|
-
var formkitVersion = '
|
|
5736
|
+
var formkitVersion = '202604091756';
|
|
5709
5737
|
|
|
5710
5738
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5711
5739
|
static get properties() {
|
|
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var formkitVersion$1 = '
|
|
1524
|
+
var formkitVersion$1 = '202604091756';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -3799,6 +3799,7 @@ class AuroFloatingUI {
|
|
|
3799
3799
|
this.focusHandler = null;
|
|
3800
3800
|
this.clickHandler = null;
|
|
3801
3801
|
this.keyDownHandler = null;
|
|
3802
|
+
this.touchHandler = null;
|
|
3802
3803
|
|
|
3803
3804
|
/**
|
|
3804
3805
|
* @private
|
|
@@ -4216,6 +4217,28 @@ class AuroFloatingUI {
|
|
|
4216
4217
|
setTimeout(() => {
|
|
4217
4218
|
window.addEventListener("click", this.clickHandler);
|
|
4218
4219
|
}, 0);
|
|
4220
|
+
|
|
4221
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
4222
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
4223
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
4224
|
+
this.touchHandler = (evt) => {
|
|
4225
|
+
const element = this.element;
|
|
4226
|
+
if (!element?.bib) {
|
|
4227
|
+
return;
|
|
4228
|
+
}
|
|
4229
|
+
|
|
4230
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
4231
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
4232
|
+
return;
|
|
4233
|
+
}
|
|
4234
|
+
|
|
4235
|
+
const path = evt.composedPath();
|
|
4236
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
4237
|
+
this.hideBib("click");
|
|
4238
|
+
}
|
|
4239
|
+
};
|
|
4240
|
+
|
|
4241
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
4219
4242
|
}
|
|
4220
4243
|
|
|
4221
4244
|
cleanupHideHandlers() {
|
|
@@ -4231,6 +4254,11 @@ class AuroFloatingUI {
|
|
|
4231
4254
|
this.clickHandler = null;
|
|
4232
4255
|
}
|
|
4233
4256
|
|
|
4257
|
+
if (this.touchHandler) {
|
|
4258
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
4259
|
+
this.touchHandler = null;
|
|
4260
|
+
}
|
|
4261
|
+
|
|
4234
4262
|
if (this.keyDownHandler) {
|
|
4235
4263
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
4236
4264
|
this.keyDownHandler = null;
|
|
@@ -5705,7 +5733,7 @@ class AuroHelpText extends i$2 {
|
|
|
5705
5733
|
}
|
|
5706
5734
|
}
|
|
5707
5735
|
|
|
5708
|
-
var formkitVersion = '
|
|
5736
|
+
var formkitVersion = '202604091756';
|
|
5709
5737
|
|
|
5710
5738
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5711
5739
|
static get properties() {
|
|
@@ -1471,7 +1471,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1471
1471
|
}
|
|
1472
1472
|
};
|
|
1473
1473
|
|
|
1474
|
-
var formkitVersion$1 = '
|
|
1474
|
+
var formkitVersion$1 = '202604091756';
|
|
1475
1475
|
|
|
1476
1476
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1477
1477
|
// See LICENSE in the project root for license information.
|
|
@@ -3731,6 +3731,7 @@ class AuroFloatingUI {
|
|
|
3731
3731
|
this.focusHandler = null;
|
|
3732
3732
|
this.clickHandler = null;
|
|
3733
3733
|
this.keyDownHandler = null;
|
|
3734
|
+
this.touchHandler = null;
|
|
3734
3735
|
|
|
3735
3736
|
/**
|
|
3736
3737
|
* @private
|
|
@@ -4148,6 +4149,28 @@ class AuroFloatingUI {
|
|
|
4148
4149
|
setTimeout(() => {
|
|
4149
4150
|
window.addEventListener("click", this.clickHandler);
|
|
4150
4151
|
}, 0);
|
|
4152
|
+
|
|
4153
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
4154
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
4155
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
4156
|
+
this.touchHandler = (evt) => {
|
|
4157
|
+
const element = this.element;
|
|
4158
|
+
if (!element?.bib) {
|
|
4159
|
+
return;
|
|
4160
|
+
}
|
|
4161
|
+
|
|
4162
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
4163
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
4164
|
+
return;
|
|
4165
|
+
}
|
|
4166
|
+
|
|
4167
|
+
const path = evt.composedPath();
|
|
4168
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
4169
|
+
this.hideBib("click");
|
|
4170
|
+
}
|
|
4171
|
+
};
|
|
4172
|
+
|
|
4173
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
4151
4174
|
}
|
|
4152
4175
|
|
|
4153
4176
|
cleanupHideHandlers() {
|
|
@@ -4163,6 +4186,11 @@ class AuroFloatingUI {
|
|
|
4163
4186
|
this.clickHandler = null;
|
|
4164
4187
|
}
|
|
4165
4188
|
|
|
4189
|
+
if (this.touchHandler) {
|
|
4190
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
4191
|
+
this.touchHandler = null;
|
|
4192
|
+
}
|
|
4193
|
+
|
|
4166
4194
|
if (this.keyDownHandler) {
|
|
4167
4195
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
4168
4196
|
this.keyDownHandler = null;
|
|
@@ -5637,7 +5665,7 @@ class AuroHelpText extends LitElement {
|
|
|
5637
5665
|
}
|
|
5638
5666
|
}
|
|
5639
5667
|
|
|
5640
|
-
var formkitVersion = '
|
|
5668
|
+
var formkitVersion = '202604091756';
|
|
5641
5669
|
|
|
5642
5670
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5643
5671
|
static get properties() {
|