@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.0 → 0.0.0-pr1411.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/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 +27 -7
- package/components/combobox/demo/index.min.js +27 -7
- package/components/combobox/dist/index.js +27 -7
- package/components/combobox/dist/registered.js +27 -7
- package/components/counter/demo/api.min.js +26 -6
- package/components/counter/demo/index.min.js +26 -6
- package/components/counter/dist/index.js +26 -6
- package/components/counter/dist/registered.js +26 -6
- package/components/datepicker/demo/api.min.js +27 -7
- package/components/datepicker/demo/index.min.js +27 -7
- package/components/datepicker/dist/index.js +27 -7
- package/components/datepicker/dist/registered.js +27 -7
- package/components/dropdown/demo/api.md +29 -28
- package/components/dropdown/demo/api.min.js +25 -5
- package/components/dropdown/demo/index.min.js +25 -5
- package/components/dropdown/dist/auro-dropdown.d.ts +8 -0
- package/components/dropdown/dist/index.js +25 -5
- package/components/dropdown/dist/registered.js +25 -5
- package/components/form/demo/api.min.js +159 -54
- package/components/form/demo/index.min.js +159 -54
- 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/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 +76 -31
- package/components/select/demo/index.min.js +76 -31
- package/components/select/dist/index.js +76 -31
- package/components/select/dist/registered.js +76 -31
- package/components/select/dist/selectKeyboardStrategy.d.ts +4 -3
- package/custom-elements.json +20 -1
- package/package.json +5 -5
|
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
|
|
|
1687
1687
|
}
|
|
1688
1688
|
}
|
|
1689
1689
|
|
|
1690
|
-
var formkitVersion = '
|
|
1690
|
+
var formkitVersion = '202604021752';
|
|
1691
1691
|
|
|
1692
1692
|
// Copyright (c) 2026 Alaska Airlines. All right 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 = '202604021752';
|
|
1683
1683
|
|
|
1684
1684
|
// Copyright (c) 2026 Alaska Airlines. All right 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 = '202604021752';
|
|
1636
1636
|
|
|
1637
1637
|
// Copyright (c) 2026 Alaska Airlines. All right 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 = '202604021752';
|
|
1636
1636
|
|
|
1637
1637
|
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
1638
1638
|
// See LICENSE in the project root for license information.
|
|
@@ -3272,6 +3272,11 @@ class AuroFloatingUI {
|
|
|
3272
3272
|
this.clickHandler = null;
|
|
3273
3273
|
this.keyDownHandler = null;
|
|
3274
3274
|
|
|
3275
|
+
/**
|
|
3276
|
+
* @private
|
|
3277
|
+
*/
|
|
3278
|
+
this.enableKeyboardHandling = true;
|
|
3279
|
+
|
|
3275
3280
|
/**
|
|
3276
3281
|
* @private
|
|
3277
3282
|
*/
|
|
@@ -3606,7 +3611,9 @@ class AuroFloatingUI {
|
|
|
3606
3611
|
document.addEventListener("focusin", this.focusHandler);
|
|
3607
3612
|
}
|
|
3608
3613
|
|
|
3609
|
-
|
|
3614
|
+
if (this.enableKeyboardHandling) {
|
|
3615
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
3616
|
+
}
|
|
3610
3617
|
|
|
3611
3618
|
// send this task to the end of queue to prevent conflicting
|
|
3612
3619
|
// it conflicts if showBib gets call from a button that's not this.element.trigger
|
|
@@ -3862,8 +3869,9 @@ class AuroFloatingUI {
|
|
|
3862
3869
|
this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
|
|
3863
3870
|
}
|
|
3864
3871
|
|
|
3865
|
-
configure(elem, eventPrefix) {
|
|
3872
|
+
configure(elem, eventPrefix, enableKeyboardHandling = true) {
|
|
3866
3873
|
AuroFloatingUI.setupMousePressChecker();
|
|
3874
|
+
this.enableKeyboardHandling = enableKeyboardHandling;
|
|
3867
3875
|
|
|
3868
3876
|
this.eventPrefix = eventPrefix;
|
|
3869
3877
|
if (this.element !== elem) {
|
|
@@ -3896,7 +3904,9 @@ class AuroFloatingUI {
|
|
|
3896
3904
|
|
|
3897
3905
|
this.handleEvent = this.handleEvent.bind(this);
|
|
3898
3906
|
if (this.element.trigger) {
|
|
3899
|
-
|
|
3907
|
+
if (this.enableKeyboardHandling) {
|
|
3908
|
+
this.element.trigger.addEventListener("keydown", this.handleEvent);
|
|
3909
|
+
}
|
|
3900
3910
|
this.element.trigger.addEventListener("click", this.handleEvent);
|
|
3901
3911
|
this.element.trigger.addEventListener("mouseenter", this.handleEvent);
|
|
3902
3912
|
this.element.trigger.addEventListener("mouseleave", this.handleEvent);
|
|
@@ -5050,7 +5060,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5050
5060
|
}
|
|
5051
5061
|
};
|
|
5052
5062
|
|
|
5053
|
-
var formkitVersion$2 = '
|
|
5063
|
+
var formkitVersion$2 = '202604021752';
|
|
5054
5064
|
|
|
5055
5065
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5056
5066
|
static get properties() {
|
|
@@ -5231,6 +5241,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5231
5241
|
this.appearance = 'default';
|
|
5232
5242
|
this.chevron = false;
|
|
5233
5243
|
this.disabled = false;
|
|
5244
|
+
this.disableKeyboardHandling = false;
|
|
5234
5245
|
this.error = false;
|
|
5235
5246
|
this.tabIndex = 0;
|
|
5236
5247
|
this.noToggle = false;
|
|
@@ -5442,6 +5453,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5442
5453
|
reflect: true
|
|
5443
5454
|
},
|
|
5444
5455
|
|
|
5456
|
+
/**
|
|
5457
|
+
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5458
|
+
*/
|
|
5459
|
+
disableKeyboardHandling: {
|
|
5460
|
+
type: Boolean,
|
|
5461
|
+
reflect: true
|
|
5462
|
+
},
|
|
5463
|
+
|
|
5445
5464
|
/**
|
|
5446
5465
|
* @private
|
|
5447
5466
|
*/
|
|
@@ -5747,7 +5766,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5747
5766
|
|
|
5748
5767
|
firstUpdated() {
|
|
5749
5768
|
// Configure the floater to, this will generate the ID for the bib
|
|
5750
|
-
this.floater.configure(this, 'auroDropdown');
|
|
5769
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
5751
5770
|
|
|
5752
5771
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5753
5772
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6055,6 +6074,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6055
6074
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6056
6075
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6057
6076
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6077
|
+
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6058
6078
|
@focusin="${this.handleFocusin}"
|
|
6059
6079
|
@blur="${this.handleFocusOut}">
|
|
6060
6080
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -12804,7 +12824,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
12804
12824
|
}
|
|
12805
12825
|
};
|
|
12806
12826
|
|
|
12807
|
-
var formkitVersion$1 = '
|
|
12827
|
+
var formkitVersion$1 = '202604021752';
|
|
12808
12828
|
|
|
12809
12829
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12810
12830
|
// See LICENSE in the project root for license information.
|
|
@@ -13843,7 +13863,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
13843
13863
|
}
|
|
13844
13864
|
}
|
|
13845
13865
|
|
|
13846
|
-
var formkitVersion = '
|
|
13866
|
+
var formkitVersion = '202604021752';
|
|
13847
13867
|
|
|
13848
13868
|
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}`;
|
|
13849
13869
|
|
|
@@ -3195,6 +3195,11 @@ class AuroFloatingUI {
|
|
|
3195
3195
|
this.clickHandler = null;
|
|
3196
3196
|
this.keyDownHandler = null;
|
|
3197
3197
|
|
|
3198
|
+
/**
|
|
3199
|
+
* @private
|
|
3200
|
+
*/
|
|
3201
|
+
this.enableKeyboardHandling = true;
|
|
3202
|
+
|
|
3198
3203
|
/**
|
|
3199
3204
|
* @private
|
|
3200
3205
|
*/
|
|
@@ -3529,7 +3534,9 @@ class AuroFloatingUI {
|
|
|
3529
3534
|
document.addEventListener("focusin", this.focusHandler);
|
|
3530
3535
|
}
|
|
3531
3536
|
|
|
3532
|
-
|
|
3537
|
+
if (this.enableKeyboardHandling) {
|
|
3538
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
3539
|
+
}
|
|
3533
3540
|
|
|
3534
3541
|
// send this task to the end of queue to prevent conflicting
|
|
3535
3542
|
// it conflicts if showBib gets call from a button that's not this.element.trigger
|
|
@@ -3785,8 +3792,9 @@ class AuroFloatingUI {
|
|
|
3785
3792
|
this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
|
|
3786
3793
|
}
|
|
3787
3794
|
|
|
3788
|
-
configure(elem, eventPrefix) {
|
|
3795
|
+
configure(elem, eventPrefix, enableKeyboardHandling = true) {
|
|
3789
3796
|
AuroFloatingUI.setupMousePressChecker();
|
|
3797
|
+
this.enableKeyboardHandling = enableKeyboardHandling;
|
|
3790
3798
|
|
|
3791
3799
|
this.eventPrefix = eventPrefix;
|
|
3792
3800
|
if (this.element !== elem) {
|
|
@@ -3819,7 +3827,9 @@ class AuroFloatingUI {
|
|
|
3819
3827
|
|
|
3820
3828
|
this.handleEvent = this.handleEvent.bind(this);
|
|
3821
3829
|
if (this.element.trigger) {
|
|
3822
|
-
|
|
3830
|
+
if (this.enableKeyboardHandling) {
|
|
3831
|
+
this.element.trigger.addEventListener("keydown", this.handleEvent);
|
|
3832
|
+
}
|
|
3823
3833
|
this.element.trigger.addEventListener("click", this.handleEvent);
|
|
3824
3834
|
this.element.trigger.addEventListener("mouseenter", this.handleEvent);
|
|
3825
3835
|
this.element.trigger.addEventListener("mouseleave", this.handleEvent);
|
|
@@ -4973,7 +4983,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4973
4983
|
}
|
|
4974
4984
|
};
|
|
4975
4985
|
|
|
4976
|
-
var formkitVersion$2 = '
|
|
4986
|
+
var formkitVersion$2 = '202604021752';
|
|
4977
4987
|
|
|
4978
4988
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4979
4989
|
static get properties() {
|
|
@@ -5154,6 +5164,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5154
5164
|
this.appearance = 'default';
|
|
5155
5165
|
this.chevron = false;
|
|
5156
5166
|
this.disabled = false;
|
|
5167
|
+
this.disableKeyboardHandling = false;
|
|
5157
5168
|
this.error = false;
|
|
5158
5169
|
this.tabIndex = 0;
|
|
5159
5170
|
this.noToggle = false;
|
|
@@ -5365,6 +5376,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5365
5376
|
reflect: true
|
|
5366
5377
|
},
|
|
5367
5378
|
|
|
5379
|
+
/**
|
|
5380
|
+
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5381
|
+
*/
|
|
5382
|
+
disableKeyboardHandling: {
|
|
5383
|
+
type: Boolean,
|
|
5384
|
+
reflect: true
|
|
5385
|
+
},
|
|
5386
|
+
|
|
5368
5387
|
/**
|
|
5369
5388
|
* @private
|
|
5370
5389
|
*/
|
|
@@ -5670,7 +5689,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5670
5689
|
|
|
5671
5690
|
firstUpdated() {
|
|
5672
5691
|
// Configure the floater to, this will generate the ID for the bib
|
|
5673
|
-
this.floater.configure(this, 'auroDropdown');
|
|
5692
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
5674
5693
|
|
|
5675
5694
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5676
5695
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5978,6 +5997,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5978
5997
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5979
5998
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5980
5999
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6000
|
+
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
5981
6001
|
@focusin="${this.handleFocusin}"
|
|
5982
6002
|
@blur="${this.handleFocusOut}">
|
|
5983
6003
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -12727,7 +12747,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
12727
12747
|
}
|
|
12728
12748
|
};
|
|
12729
12749
|
|
|
12730
|
-
var formkitVersion$1 = '
|
|
12750
|
+
var formkitVersion$1 = '202604021752';
|
|
12731
12751
|
|
|
12732
12752
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12733
12753
|
// See LICENSE in the project root for license information.
|
|
@@ -13766,7 +13786,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
13766
13786
|
}
|
|
13767
13787
|
}
|
|
13768
13788
|
|
|
13769
|
-
var formkitVersion = '
|
|
13789
|
+
var formkitVersion = '202604021752';
|
|
13770
13790
|
|
|
13771
13791
|
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}`;
|
|
13772
13792
|
|
|
@@ -3128,6 +3128,11 @@ class AuroFloatingUI {
|
|
|
3128
3128
|
this.clickHandler = null;
|
|
3129
3129
|
this.keyDownHandler = null;
|
|
3130
3130
|
|
|
3131
|
+
/**
|
|
3132
|
+
* @private
|
|
3133
|
+
*/
|
|
3134
|
+
this.enableKeyboardHandling = true;
|
|
3135
|
+
|
|
3131
3136
|
/**
|
|
3132
3137
|
* @private
|
|
3133
3138
|
*/
|
|
@@ -3462,7 +3467,9 @@ class AuroFloatingUI {
|
|
|
3462
3467
|
document.addEventListener("focusin", this.focusHandler);
|
|
3463
3468
|
}
|
|
3464
3469
|
|
|
3465
|
-
|
|
3470
|
+
if (this.enableKeyboardHandling) {
|
|
3471
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
3472
|
+
}
|
|
3466
3473
|
|
|
3467
3474
|
// send this task to the end of queue to prevent conflicting
|
|
3468
3475
|
// it conflicts if showBib gets call from a button that's not this.element.trigger
|
|
@@ -3718,8 +3725,9 @@ class AuroFloatingUI {
|
|
|
3718
3725
|
this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
|
|
3719
3726
|
}
|
|
3720
3727
|
|
|
3721
|
-
configure(elem, eventPrefix) {
|
|
3728
|
+
configure(elem, eventPrefix, enableKeyboardHandling = true) {
|
|
3722
3729
|
AuroFloatingUI.setupMousePressChecker();
|
|
3730
|
+
this.enableKeyboardHandling = enableKeyboardHandling;
|
|
3723
3731
|
|
|
3724
3732
|
this.eventPrefix = eventPrefix;
|
|
3725
3733
|
if (this.element !== elem) {
|
|
@@ -3752,7 +3760,9 @@ class AuroFloatingUI {
|
|
|
3752
3760
|
|
|
3753
3761
|
this.handleEvent = this.handleEvent.bind(this);
|
|
3754
3762
|
if (this.element.trigger) {
|
|
3755
|
-
|
|
3763
|
+
if (this.enableKeyboardHandling) {
|
|
3764
|
+
this.element.trigger.addEventListener("keydown", this.handleEvent);
|
|
3765
|
+
}
|
|
3756
3766
|
this.element.trigger.addEventListener("click", this.handleEvent);
|
|
3757
3767
|
this.element.trigger.addEventListener("mouseenter", this.handleEvent);
|
|
3758
3768
|
this.element.trigger.addEventListener("mouseleave", this.handleEvent);
|
|
@@ -4906,7 +4916,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4906
4916
|
}
|
|
4907
4917
|
};
|
|
4908
4918
|
|
|
4909
|
-
var formkitVersion$2 = '
|
|
4919
|
+
var formkitVersion$2 = '202604021752';
|
|
4910
4920
|
|
|
4911
4921
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4912
4922
|
static get properties() {
|
|
@@ -5087,6 +5097,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5087
5097
|
this.appearance = 'default';
|
|
5088
5098
|
this.chevron = false;
|
|
5089
5099
|
this.disabled = false;
|
|
5100
|
+
this.disableKeyboardHandling = false;
|
|
5090
5101
|
this.error = false;
|
|
5091
5102
|
this.tabIndex = 0;
|
|
5092
5103
|
this.noToggle = false;
|
|
@@ -5298,6 +5309,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5298
5309
|
reflect: true
|
|
5299
5310
|
},
|
|
5300
5311
|
|
|
5312
|
+
/**
|
|
5313
|
+
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5314
|
+
*/
|
|
5315
|
+
disableKeyboardHandling: {
|
|
5316
|
+
type: Boolean,
|
|
5317
|
+
reflect: true
|
|
5318
|
+
},
|
|
5319
|
+
|
|
5301
5320
|
/**
|
|
5302
5321
|
* @private
|
|
5303
5322
|
*/
|
|
@@ -5603,7 +5622,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5603
5622
|
|
|
5604
5623
|
firstUpdated() {
|
|
5605
5624
|
// Configure the floater to, this will generate the ID for the bib
|
|
5606
|
-
this.floater.configure(this, 'auroDropdown');
|
|
5625
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
5607
5626
|
|
|
5608
5627
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5609
5628
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5911,6 +5930,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5911
5930
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5912
5931
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5913
5932
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5933
|
+
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5914
5934
|
@focusin="${this.handleFocusin}"
|
|
5915
5935
|
@blur="${this.handleFocusOut}">
|
|
5916
5936
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -12653,7 +12673,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12653
12673
|
}
|
|
12654
12674
|
};
|
|
12655
12675
|
|
|
12656
|
-
var formkitVersion$1 = '
|
|
12676
|
+
var formkitVersion$1 = '202604021752';
|
|
12657
12677
|
|
|
12658
12678
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12659
12679
|
// See LICENSE in the project root for license information.
|
|
@@ -13692,7 +13712,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13692
13712
|
}
|
|
13693
13713
|
}
|
|
13694
13714
|
|
|
13695
|
-
var formkitVersion = '
|
|
13715
|
+
var formkitVersion = '202604021752';
|
|
13696
13716
|
|
|
13697
13717
|
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}`;
|
|
13698
13718
|
|
|
@@ -3128,6 +3128,11 @@ class AuroFloatingUI {
|
|
|
3128
3128
|
this.clickHandler = null;
|
|
3129
3129
|
this.keyDownHandler = null;
|
|
3130
3130
|
|
|
3131
|
+
/**
|
|
3132
|
+
* @private
|
|
3133
|
+
*/
|
|
3134
|
+
this.enableKeyboardHandling = true;
|
|
3135
|
+
|
|
3131
3136
|
/**
|
|
3132
3137
|
* @private
|
|
3133
3138
|
*/
|
|
@@ -3462,7 +3467,9 @@ class AuroFloatingUI {
|
|
|
3462
3467
|
document.addEventListener("focusin", this.focusHandler);
|
|
3463
3468
|
}
|
|
3464
3469
|
|
|
3465
|
-
|
|
3470
|
+
if (this.enableKeyboardHandling) {
|
|
3471
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
3472
|
+
}
|
|
3466
3473
|
|
|
3467
3474
|
// send this task to the end of queue to prevent conflicting
|
|
3468
3475
|
// it conflicts if showBib gets call from a button that's not this.element.trigger
|
|
@@ -3718,8 +3725,9 @@ class AuroFloatingUI {
|
|
|
3718
3725
|
this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
|
|
3719
3726
|
}
|
|
3720
3727
|
|
|
3721
|
-
configure(elem, eventPrefix) {
|
|
3728
|
+
configure(elem, eventPrefix, enableKeyboardHandling = true) {
|
|
3722
3729
|
AuroFloatingUI.setupMousePressChecker();
|
|
3730
|
+
this.enableKeyboardHandling = enableKeyboardHandling;
|
|
3723
3731
|
|
|
3724
3732
|
this.eventPrefix = eventPrefix;
|
|
3725
3733
|
if (this.element !== elem) {
|
|
@@ -3752,7 +3760,9 @@ class AuroFloatingUI {
|
|
|
3752
3760
|
|
|
3753
3761
|
this.handleEvent = this.handleEvent.bind(this);
|
|
3754
3762
|
if (this.element.trigger) {
|
|
3755
|
-
|
|
3763
|
+
if (this.enableKeyboardHandling) {
|
|
3764
|
+
this.element.trigger.addEventListener("keydown", this.handleEvent);
|
|
3765
|
+
}
|
|
3756
3766
|
this.element.trigger.addEventListener("click", this.handleEvent);
|
|
3757
3767
|
this.element.trigger.addEventListener("mouseenter", this.handleEvent);
|
|
3758
3768
|
this.element.trigger.addEventListener("mouseleave", this.handleEvent);
|
|
@@ -4906,7 +4916,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4906
4916
|
}
|
|
4907
4917
|
};
|
|
4908
4918
|
|
|
4909
|
-
var formkitVersion$2 = '
|
|
4919
|
+
var formkitVersion$2 = '202604021752';
|
|
4910
4920
|
|
|
4911
4921
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4912
4922
|
static get properties() {
|
|
@@ -5087,6 +5097,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5087
5097
|
this.appearance = 'default';
|
|
5088
5098
|
this.chevron = false;
|
|
5089
5099
|
this.disabled = false;
|
|
5100
|
+
this.disableKeyboardHandling = false;
|
|
5090
5101
|
this.error = false;
|
|
5091
5102
|
this.tabIndex = 0;
|
|
5092
5103
|
this.noToggle = false;
|
|
@@ -5298,6 +5309,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5298
5309
|
reflect: true
|
|
5299
5310
|
},
|
|
5300
5311
|
|
|
5312
|
+
/**
|
|
5313
|
+
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5314
|
+
*/
|
|
5315
|
+
disableKeyboardHandling: {
|
|
5316
|
+
type: Boolean,
|
|
5317
|
+
reflect: true
|
|
5318
|
+
},
|
|
5319
|
+
|
|
5301
5320
|
/**
|
|
5302
5321
|
* @private
|
|
5303
5322
|
*/
|
|
@@ -5603,7 +5622,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5603
5622
|
|
|
5604
5623
|
firstUpdated() {
|
|
5605
5624
|
// Configure the floater to, this will generate the ID for the bib
|
|
5606
|
-
this.floater.configure(this, 'auroDropdown');
|
|
5625
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
5607
5626
|
|
|
5608
5627
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5609
5628
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5911,6 +5930,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5911
5930
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5912
5931
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5913
5932
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5933
|
+
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5914
5934
|
@focusin="${this.handleFocusin}"
|
|
5915
5935
|
@blur="${this.handleFocusOut}">
|
|
5916
5936
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -12653,7 +12673,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12653
12673
|
}
|
|
12654
12674
|
};
|
|
12655
12675
|
|
|
12656
|
-
var formkitVersion$1 = '
|
|
12676
|
+
var formkitVersion$1 = '202604021752';
|
|
12657
12677
|
|
|
12658
12678
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12659
12679
|
// See LICENSE in the project root for license information.
|
|
@@ -13692,7 +13712,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13692
13712
|
}
|
|
13693
13713
|
}
|
|
13694
13714
|
|
|
13695
|
-
var formkitVersion = '
|
|
13715
|
+
var formkitVersion = '202604021752';
|
|
13696
13716
|
|
|
13697
13717
|
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}`;
|
|
13698
13718
|
|
|
@@ -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 = '202604021752';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -3792,6 +3792,11 @@ class AuroFloatingUI {
|
|
|
3792
3792
|
this.clickHandler = null;
|
|
3793
3793
|
this.keyDownHandler = null;
|
|
3794
3794
|
|
|
3795
|
+
/**
|
|
3796
|
+
* @private
|
|
3797
|
+
*/
|
|
3798
|
+
this.enableKeyboardHandling = true;
|
|
3799
|
+
|
|
3795
3800
|
/**
|
|
3796
3801
|
* @private
|
|
3797
3802
|
*/
|
|
@@ -4126,7 +4131,9 @@ class AuroFloatingUI {
|
|
|
4126
4131
|
document.addEventListener("focusin", this.focusHandler);
|
|
4127
4132
|
}
|
|
4128
4133
|
|
|
4129
|
-
|
|
4134
|
+
if (this.enableKeyboardHandling) {
|
|
4135
|
+
document.addEventListener("keydown", this.keyDownHandler);
|
|
4136
|
+
}
|
|
4130
4137
|
|
|
4131
4138
|
// send this task to the end of queue to prevent conflicting
|
|
4132
4139
|
// it conflicts if showBib gets call from a button that's not this.element.trigger
|
|
@@ -4382,8 +4389,9 @@ class AuroFloatingUI {
|
|
|
4382
4389
|
this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
|
|
4383
4390
|
}
|
|
4384
4391
|
|
|
4385
|
-
configure(elem, eventPrefix) {
|
|
4392
|
+
configure(elem, eventPrefix, enableKeyboardHandling = true) {
|
|
4386
4393
|
AuroFloatingUI.setupMousePressChecker();
|
|
4394
|
+
this.enableKeyboardHandling = enableKeyboardHandling;
|
|
4387
4395
|
|
|
4388
4396
|
this.eventPrefix = eventPrefix;
|
|
4389
4397
|
if (this.element !== elem) {
|
|
@@ -4416,7 +4424,9 @@ class AuroFloatingUI {
|
|
|
4416
4424
|
|
|
4417
4425
|
this.handleEvent = this.handleEvent.bind(this);
|
|
4418
4426
|
if (this.element.trigger) {
|
|
4419
|
-
|
|
4427
|
+
if (this.enableKeyboardHandling) {
|
|
4428
|
+
this.element.trigger.addEventListener("keydown", this.handleEvent);
|
|
4429
|
+
}
|
|
4420
4430
|
this.element.trigger.addEventListener("click", this.handleEvent);
|
|
4421
4431
|
this.element.trigger.addEventListener("mouseenter", this.handleEvent);
|
|
4422
4432
|
this.element.trigger.addEventListener("mouseleave", this.handleEvent);
|
|
@@ -5570,7 +5580,7 @@ class AuroHelpText extends i$2 {
|
|
|
5570
5580
|
}
|
|
5571
5581
|
}
|
|
5572
5582
|
|
|
5573
|
-
var formkitVersion = '
|
|
5583
|
+
var formkitVersion = '202604021752';
|
|
5574
5584
|
|
|
5575
5585
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5576
5586
|
static get properties() {
|
|
@@ -5751,6 +5761,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5751
5761
|
this.appearance = 'default';
|
|
5752
5762
|
this.chevron = false;
|
|
5753
5763
|
this.disabled = false;
|
|
5764
|
+
this.disableKeyboardHandling = false;
|
|
5754
5765
|
this.error = false;
|
|
5755
5766
|
this.tabIndex = 0;
|
|
5756
5767
|
this.noToggle = false;
|
|
@@ -5962,6 +5973,14 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
5962
5973
|
reflect: true
|
|
5963
5974
|
},
|
|
5964
5975
|
|
|
5976
|
+
/**
|
|
5977
|
+
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5978
|
+
*/
|
|
5979
|
+
disableKeyboardHandling: {
|
|
5980
|
+
type: Boolean,
|
|
5981
|
+
reflect: true
|
|
5982
|
+
},
|
|
5983
|
+
|
|
5965
5984
|
/**
|
|
5966
5985
|
* @private
|
|
5967
5986
|
*/
|
|
@@ -6267,7 +6286,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6267
6286
|
|
|
6268
6287
|
firstUpdated() {
|
|
6269
6288
|
// Configure the floater to, this will generate the ID for the bib
|
|
6270
|
-
this.floater.configure(this, 'auroDropdown');
|
|
6289
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
6271
6290
|
|
|
6272
6291
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
6273
6292
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6575,6 +6594,7 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6575
6594
|
aria-expanded="${o$2(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6576
6595
|
aria-controls="${o$2(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6577
6596
|
aria-labelledby="${o$2(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6597
|
+
aria-disabled="${o$2(this.disabled ? 'true' : undefined)}"
|
|
6578
6598
|
@focusin="${this.handleFocusin}"
|
|
6579
6599
|
@blur="${this.handleFocusOut}">
|
|
6580
6600
|
<div class="triggerContentWrapper" id="triggerLabel">
|