@aurodesignsystem-dev/auro-formkit 0.0.0-pr1332.1 → 0.0.0-pr1335.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/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 +8 -53
- package/components/combobox/demo/index.min.js +8 -53
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +8 -53
- package/components/combobox/dist/registered.js +8 -53
- package/components/counter/demo/api.min.js +3 -17
- package/components/counter/demo/index.min.js +3 -17
- package/components/counter/dist/index.js +3 -17
- package/components/counter/dist/registered.js +3 -17
- package/components/datepicker/demo/api.min.js +6 -33
- package/components/datepicker/demo/index.min.js +6 -33
- package/components/datepicker/dist/index.js +6 -33
- package/components/datepicker/dist/registered.js +6 -33
- package/components/dropdown/demo/api.min.js +2 -16
- package/components/dropdown/demo/index.min.js +2 -16
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -9
- package/components/dropdown/dist/index.js +2 -16
- package/components/dropdown/dist/registered.js +2 -16
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/api.min.js +3 -16
- package/components/input/demo/index.min.js +3 -16
- package/components/input/dist/auro-input.d.ts +1 -0
- package/components/input/dist/base-input.d.ts +0 -9
- package/components/input/dist/index.js +3 -16
- package/components/input/dist/registered.js +3 -16
- 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 +11 -56
- package/components/select/demo/index.min.js +11 -56
- package/components/select/dist/auro-select.d.ts +0 -7
- package/components/select/dist/index.js +11 -56
- package/components/select/dist/registered.js +11 -56
- package/custom-elements.json +10 -87
- package/package.json +11 -3
|
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
|
|
|
1687
1687
|
}
|
|
1688
1688
|
}
|
|
1689
1689
|
|
|
1690
|
-
var formkitVersion = '
|
|
1690
|
+
var formkitVersion = '202602131810';
|
|
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 = '202602131810';
|
|
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 = '202602131810';
|
|
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 = '202602131810';
|
|
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.
|
|
@@ -4375,7 +4375,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4375
4375
|
}
|
|
4376
4376
|
};
|
|
4377
4377
|
|
|
4378
|
-
var formkitVersion$2 = '
|
|
4378
|
+
var formkitVersion$2 = '202602131810';
|
|
4379
4379
|
|
|
4380
4380
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4381
4381
|
static get properties() {
|
|
@@ -4662,20 +4662,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4662
4662
|
}
|
|
4663
4663
|
}
|
|
4664
4664
|
|
|
4665
|
-
/**
|
|
4666
|
-
* Sets the active descendant element for accessibility.
|
|
4667
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
4668
|
-
* This function is used in components that contain `auro-dropdown` to set the active descendant.
|
|
4669
|
-
* @private
|
|
4670
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
4671
|
-
* @returns {void}
|
|
4672
|
-
*/
|
|
4673
|
-
setActiveDescendant(element) {
|
|
4674
|
-
if (this.trigger) {
|
|
4675
|
-
this.trigger.ariaActiveDescendantElement = element;
|
|
4676
|
-
}
|
|
4677
|
-
}
|
|
4678
|
-
|
|
4679
4665
|
// function to define props used within the scope of this component
|
|
4680
4666
|
static get properties() {
|
|
4681
4667
|
return {
|
|
@@ -5319,7 +5305,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5319
5305
|
tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5320
5306
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5321
5307
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5322
|
-
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined :
|
|
5308
|
+
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5323
5309
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5324
5310
|
@focusin="${this.handleFocusin}"
|
|
5325
5311
|
@blur="${this.handleFocusOut}">
|
|
@@ -10781,7 +10767,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
10781
10767
|
},
|
|
10782
10768
|
|
|
10783
10769
|
/**
|
|
10784
|
-
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10770
|
+
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10785
10771
|
* **Note**: This attribute is not intended to be used with a `type` or `format` that already has a defined length, such as credit-cards, dates or phone numbers.
|
|
10786
10772
|
*/
|
|
10787
10773
|
maxLength: {
|
|
@@ -11392,20 +11378,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11392
11378
|
return activeEl;
|
|
11393
11379
|
}
|
|
11394
11380
|
|
|
11395
|
-
/**
|
|
11396
|
-
* Sets the active descendant element for accessibility.
|
|
11397
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
11398
|
-
* This function is used in components that contain `auro-input` to set the active descendant.
|
|
11399
|
-
* @private
|
|
11400
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
11401
|
-
* @returns {void}
|
|
11402
|
-
*/
|
|
11403
|
-
setActiveDescendant(element) {
|
|
11404
|
-
if (this.inputElement) {
|
|
11405
|
-
this.inputElement.ariaActiveDescendantElement = element;
|
|
11406
|
-
}
|
|
11407
|
-
}
|
|
11408
|
-
|
|
11409
11381
|
/**
|
|
11410
11382
|
* Validates value.
|
|
11411
11383
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -12030,7 +12002,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
12030
12002
|
}
|
|
12031
12003
|
};
|
|
12032
12004
|
|
|
12033
|
-
var formkitVersion$1 = '
|
|
12005
|
+
var formkitVersion$1 = '202602131810';
|
|
12034
12006
|
|
|
12035
12007
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12036
12008
|
// See LICENSE in the project root for license information.
|
|
@@ -12232,6 +12204,7 @@ class AuroInput extends BaseInput {
|
|
|
12232
12204
|
/**
|
|
12233
12205
|
* Common display value wrapper classes.
|
|
12234
12206
|
* @private
|
|
12207
|
+
* @returns {Record<string, boolean>}
|
|
12235
12208
|
*/
|
|
12236
12209
|
get commonDisplayValueWrapperClasses() {
|
|
12237
12210
|
return {
|
|
@@ -13055,7 +13028,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
13055
13028
|
}
|
|
13056
13029
|
}
|
|
13057
13030
|
|
|
13058
|
-
var formkitVersion = '
|
|
13031
|
+
var formkitVersion = '202602131810';
|
|
13059
13032
|
|
|
13060
13033
|
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}`;
|
|
13061
13034
|
|
|
@@ -13819,7 +13792,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13819
13792
|
},
|
|
13820
13793
|
|
|
13821
13794
|
/**
|
|
13822
|
-
* Specifies the currently active
|
|
13795
|
+
* Specifies the currently active option.
|
|
13823
13796
|
* @private
|
|
13824
13797
|
*/
|
|
13825
13798
|
optionActive: {
|
|
@@ -14056,12 +14029,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14056
14029
|
this.dropdownOpen = ev.detail.expanded;
|
|
14057
14030
|
this.updateMenuShapeSize();
|
|
14058
14031
|
|
|
14059
|
-
// Clear aria-activedescendant when dropdown closes
|
|
14060
|
-
if (!this.dropdownOpen && this.input) {
|
|
14061
|
-
this.input.setActiveDescendant(null);
|
|
14062
|
-
this.optionActive = null;
|
|
14063
|
-
}
|
|
14064
|
-
|
|
14065
14032
|
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
14066
14033
|
setTimeout(() => {
|
|
14067
14034
|
if (this.componentHasFocus) {
|
|
@@ -14161,13 +14128,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14161
14128
|
*/
|
|
14162
14129
|
configureMenu() {
|
|
14163
14130
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
14164
|
-
|
|
14165
|
-
const labelElement = this.querySelector('span[slot="label"]');
|
|
14166
|
-
|
|
14167
|
-
if (labelElement) {
|
|
14168
|
-
this.menu.setAttribute('aria-label', labelElement.textContent);
|
|
14169
|
-
}
|
|
14170
|
-
|
|
14171
14131
|
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
14172
14132
|
|
|
14173
14133
|
// racing condition on custom-combobox with custom-menu
|
|
@@ -14224,10 +14184,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14224
14184
|
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
14225
14185
|
this.optionActive = evt.detail;
|
|
14226
14186
|
|
|
14227
|
-
if (this.input) {
|
|
14228
|
-
this.input.setActiveDescendant(this.optionActive);
|
|
14229
|
-
}
|
|
14230
|
-
|
|
14231
14187
|
this.optionActive.scrollIntoView({
|
|
14232
14188
|
alignToTop: false,
|
|
14233
14189
|
block: "nearest",
|
|
@@ -14295,7 +14251,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14295
14251
|
|
|
14296
14252
|
this.menu.matchWord = this.input.value;
|
|
14297
14253
|
this.optionActive = null;
|
|
14298
|
-
this.input.setActiveDescendant(null);
|
|
14299
14254
|
|
|
14300
14255
|
if (!this.input.value) {
|
|
14301
14256
|
this.clear();
|
|
@@ -14724,7 +14679,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14724
14679
|
<${this.inputTag}
|
|
14725
14680
|
id="inputInBib"
|
|
14726
14681
|
@input="${this.handleInputValueChange}"
|
|
14727
|
-
.a11yControls
|
|
14682
|
+
.a11yControls="${this.dropdownId}"
|
|
14728
14683
|
.autocomplete="${this.autocomplete}"
|
|
14729
14684
|
.format="${this.format}"
|
|
14730
14685
|
.inputmode="${this.inputmode}"
|
|
@@ -4312,7 +4312,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4312
4312
|
}
|
|
4313
4313
|
};
|
|
4314
4314
|
|
|
4315
|
-
var formkitVersion$2 = '
|
|
4315
|
+
var formkitVersion$2 = '202602131810';
|
|
4316
4316
|
|
|
4317
4317
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4318
4318
|
static get properties() {
|
|
@@ -4599,20 +4599,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4599
4599
|
}
|
|
4600
4600
|
}
|
|
4601
4601
|
|
|
4602
|
-
/**
|
|
4603
|
-
* Sets the active descendant element for accessibility.
|
|
4604
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
4605
|
-
* This function is used in components that contain `auro-dropdown` to set the active descendant.
|
|
4606
|
-
* @private
|
|
4607
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
4608
|
-
* @returns {void}
|
|
4609
|
-
*/
|
|
4610
|
-
setActiveDescendant(element) {
|
|
4611
|
-
if (this.trigger) {
|
|
4612
|
-
this.trigger.ariaActiveDescendantElement = element;
|
|
4613
|
-
}
|
|
4614
|
-
}
|
|
4615
|
-
|
|
4616
4602
|
// function to define props used within the scope of this component
|
|
4617
4603
|
static get properties() {
|
|
4618
4604
|
return {
|
|
@@ -5256,7 +5242,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5256
5242
|
tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5257
5243
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5258
5244
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5259
|
-
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined :
|
|
5245
|
+
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5260
5246
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5261
5247
|
@focusin="${this.handleFocusin}"
|
|
5262
5248
|
@blur="${this.handleFocusOut}">
|
|
@@ -10718,7 +10704,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
10718
10704
|
},
|
|
10719
10705
|
|
|
10720
10706
|
/**
|
|
10721
|
-
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10707
|
+
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10722
10708
|
* **Note**: This attribute is not intended to be used with a `type` or `format` that already has a defined length, such as credit-cards, dates or phone numbers.
|
|
10723
10709
|
*/
|
|
10724
10710
|
maxLength: {
|
|
@@ -11329,20 +11315,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11329
11315
|
return activeEl;
|
|
11330
11316
|
}
|
|
11331
11317
|
|
|
11332
|
-
/**
|
|
11333
|
-
* Sets the active descendant element for accessibility.
|
|
11334
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
11335
|
-
* This function is used in components that contain `auro-input` to set the active descendant.
|
|
11336
|
-
* @private
|
|
11337
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
11338
|
-
* @returns {void}
|
|
11339
|
-
*/
|
|
11340
|
-
setActiveDescendant(element) {
|
|
11341
|
-
if (this.inputElement) {
|
|
11342
|
-
this.inputElement.ariaActiveDescendantElement = element;
|
|
11343
|
-
}
|
|
11344
|
-
}
|
|
11345
|
-
|
|
11346
11318
|
/**
|
|
11347
11319
|
* Validates value.
|
|
11348
11320
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -11967,7 +11939,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
11967
11939
|
}
|
|
11968
11940
|
};
|
|
11969
11941
|
|
|
11970
|
-
var formkitVersion$1 = '
|
|
11942
|
+
var formkitVersion$1 = '202602131810';
|
|
11971
11943
|
|
|
11972
11944
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
11973
11945
|
// See LICENSE in the project root for license information.
|
|
@@ -12169,6 +12141,7 @@ class AuroInput extends BaseInput {
|
|
|
12169
12141
|
/**
|
|
12170
12142
|
* Common display value wrapper classes.
|
|
12171
12143
|
* @private
|
|
12144
|
+
* @returns {Record<string, boolean>}
|
|
12172
12145
|
*/
|
|
12173
12146
|
get commonDisplayValueWrapperClasses() {
|
|
12174
12147
|
return {
|
|
@@ -12992,7 +12965,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
12992
12965
|
}
|
|
12993
12966
|
}
|
|
12994
12967
|
|
|
12995
|
-
var formkitVersion = '
|
|
12968
|
+
var formkitVersion = '202602131810';
|
|
12996
12969
|
|
|
12997
12970
|
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}`;
|
|
12998
12971
|
|
|
@@ -13756,7 +13729,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13756
13729
|
},
|
|
13757
13730
|
|
|
13758
13731
|
/**
|
|
13759
|
-
* Specifies the currently active
|
|
13732
|
+
* Specifies the currently active option.
|
|
13760
13733
|
* @private
|
|
13761
13734
|
*/
|
|
13762
13735
|
optionActive: {
|
|
@@ -13993,12 +13966,6 @@ class AuroCombobox extends AuroElement {
|
|
|
13993
13966
|
this.dropdownOpen = ev.detail.expanded;
|
|
13994
13967
|
this.updateMenuShapeSize();
|
|
13995
13968
|
|
|
13996
|
-
// Clear aria-activedescendant when dropdown closes
|
|
13997
|
-
if (!this.dropdownOpen && this.input) {
|
|
13998
|
-
this.input.setActiveDescendant(null);
|
|
13999
|
-
this.optionActive = null;
|
|
14000
|
-
}
|
|
14001
|
-
|
|
14002
13969
|
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
14003
13970
|
setTimeout(() => {
|
|
14004
13971
|
if (this.componentHasFocus) {
|
|
@@ -14098,13 +14065,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14098
14065
|
*/
|
|
14099
14066
|
configureMenu() {
|
|
14100
14067
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
14101
|
-
|
|
14102
|
-
const labelElement = this.querySelector('span[slot="label"]');
|
|
14103
|
-
|
|
14104
|
-
if (labelElement) {
|
|
14105
|
-
this.menu.setAttribute('aria-label', labelElement.textContent);
|
|
14106
|
-
}
|
|
14107
|
-
|
|
14108
14068
|
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
14109
14069
|
|
|
14110
14070
|
// racing condition on custom-combobox with custom-menu
|
|
@@ -14161,10 +14121,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14161
14121
|
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
14162
14122
|
this.optionActive = evt.detail;
|
|
14163
14123
|
|
|
14164
|
-
if (this.input) {
|
|
14165
|
-
this.input.setActiveDescendant(this.optionActive);
|
|
14166
|
-
}
|
|
14167
|
-
|
|
14168
14124
|
this.optionActive.scrollIntoView({
|
|
14169
14125
|
alignToTop: false,
|
|
14170
14126
|
block: "nearest",
|
|
@@ -14232,7 +14188,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14232
14188
|
|
|
14233
14189
|
this.menu.matchWord = this.input.value;
|
|
14234
14190
|
this.optionActive = null;
|
|
14235
|
-
this.input.setActiveDescendant(null);
|
|
14236
14191
|
|
|
14237
14192
|
if (!this.input.value) {
|
|
14238
14193
|
this.clear();
|
|
@@ -14661,7 +14616,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14661
14616
|
<${this.inputTag}
|
|
14662
14617
|
id="inputInBib"
|
|
14663
14618
|
@input="${this.handleInputValueChange}"
|
|
14664
|
-
.a11yControls
|
|
14619
|
+
.a11yControls="${this.dropdownId}"
|
|
14665
14620
|
.autocomplete="${this.autocomplete}"
|
|
14666
14621
|
.format="${this.format}"
|
|
14667
14622
|
.inputmode="${this.inputmode}"
|
|
@@ -293,7 +293,7 @@ export class AuroCombobox extends AuroElement {
|
|
|
293
293
|
*/
|
|
294
294
|
fullscreenBreakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "disabled";
|
|
295
295
|
/**
|
|
296
|
-
* Specifies the currently active
|
|
296
|
+
* Specifies the currently active option.
|
|
297
297
|
* @private
|
|
298
298
|
*/
|
|
299
299
|
optionActive: {
|
|
@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4249
4249
|
}
|
|
4250
4250
|
};
|
|
4251
4251
|
|
|
4252
|
-
var formkitVersion$2 = '
|
|
4252
|
+
var formkitVersion$2 = '202602131810';
|
|
4253
4253
|
|
|
4254
4254
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4255
4255
|
static get properties() {
|
|
@@ -4536,20 +4536,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4536
4536
|
}
|
|
4537
4537
|
}
|
|
4538
4538
|
|
|
4539
|
-
/**
|
|
4540
|
-
* Sets the active descendant element for accessibility.
|
|
4541
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
4542
|
-
* This function is used in components that contain `auro-dropdown` to set the active descendant.
|
|
4543
|
-
* @private
|
|
4544
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
4545
|
-
* @returns {void}
|
|
4546
|
-
*/
|
|
4547
|
-
setActiveDescendant(element) {
|
|
4548
|
-
if (this.trigger) {
|
|
4549
|
-
this.trigger.ariaActiveDescendantElement = element;
|
|
4550
|
-
}
|
|
4551
|
-
}
|
|
4552
|
-
|
|
4553
4539
|
// function to define props used within the scope of this component
|
|
4554
4540
|
static get properties() {
|
|
4555
4541
|
return {
|
|
@@ -5193,7 +5179,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5193
5179
|
tabindex="${ifDefined(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5194
5180
|
role="${ifDefined(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5195
5181
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5196
|
-
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined :
|
|
5182
|
+
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5197
5183
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5198
5184
|
@focusin="${this.handleFocusin}"
|
|
5199
5185
|
@blur="${this.handleFocusOut}">
|
|
@@ -10648,7 +10634,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
10648
10634
|
},
|
|
10649
10635
|
|
|
10650
10636
|
/**
|
|
10651
|
-
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10637
|
+
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10652
10638
|
* **Note**: This attribute is not intended to be used with a `type` or `format` that already has a defined length, such as credit-cards, dates or phone numbers.
|
|
10653
10639
|
*/
|
|
10654
10640
|
maxLength: {
|
|
@@ -11259,20 +11245,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11259
11245
|
return activeEl;
|
|
11260
11246
|
}
|
|
11261
11247
|
|
|
11262
|
-
/**
|
|
11263
|
-
* Sets the active descendant element for accessibility.
|
|
11264
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
11265
|
-
* This function is used in components that contain `auro-input` to set the active descendant.
|
|
11266
|
-
* @private
|
|
11267
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
11268
|
-
* @returns {void}
|
|
11269
|
-
*/
|
|
11270
|
-
setActiveDescendant(element) {
|
|
11271
|
-
if (this.inputElement) {
|
|
11272
|
-
this.inputElement.ariaActiveDescendantElement = element;
|
|
11273
|
-
}
|
|
11274
|
-
}
|
|
11275
|
-
|
|
11276
11248
|
/**
|
|
11277
11249
|
* Validates value.
|
|
11278
11250
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -11897,7 +11869,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
11897
11869
|
}
|
|
11898
11870
|
};
|
|
11899
11871
|
|
|
11900
|
-
var formkitVersion$1 = '
|
|
11872
|
+
var formkitVersion$1 = '202602131810';
|
|
11901
11873
|
|
|
11902
11874
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
11903
11875
|
// See LICENSE in the project root for license information.
|
|
@@ -12099,6 +12071,7 @@ class AuroInput extends BaseInput {
|
|
|
12099
12071
|
/**
|
|
12100
12072
|
* Common display value wrapper classes.
|
|
12101
12073
|
* @private
|
|
12074
|
+
* @returns {Record<string, boolean>}
|
|
12102
12075
|
*/
|
|
12103
12076
|
get commonDisplayValueWrapperClasses() {
|
|
12104
12077
|
return {
|
|
@@ -12922,7 +12895,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12922
12895
|
}
|
|
12923
12896
|
}
|
|
12924
12897
|
|
|
12925
|
-
var formkitVersion = '
|
|
12898
|
+
var formkitVersion = '202602131810';
|
|
12926
12899
|
|
|
12927
12900
|
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}`;
|
|
12928
12901
|
|
|
@@ -13686,7 +13659,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13686
13659
|
},
|
|
13687
13660
|
|
|
13688
13661
|
/**
|
|
13689
|
-
* Specifies the currently active
|
|
13662
|
+
* Specifies the currently active option.
|
|
13690
13663
|
* @private
|
|
13691
13664
|
*/
|
|
13692
13665
|
optionActive: {
|
|
@@ -13923,12 +13896,6 @@ class AuroCombobox extends AuroElement {
|
|
|
13923
13896
|
this.dropdownOpen = ev.detail.expanded;
|
|
13924
13897
|
this.updateMenuShapeSize();
|
|
13925
13898
|
|
|
13926
|
-
// Clear aria-activedescendant when dropdown closes
|
|
13927
|
-
if (!this.dropdownOpen && this.input) {
|
|
13928
|
-
this.input.setActiveDescendant(null);
|
|
13929
|
-
this.optionActive = null;
|
|
13930
|
-
}
|
|
13931
|
-
|
|
13932
13899
|
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
13933
13900
|
setTimeout(() => {
|
|
13934
13901
|
if (this.componentHasFocus) {
|
|
@@ -14028,13 +13995,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14028
13995
|
*/
|
|
14029
13996
|
configureMenu() {
|
|
14030
13997
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
14031
|
-
|
|
14032
|
-
const labelElement = this.querySelector('span[slot="label"]');
|
|
14033
|
-
|
|
14034
|
-
if (labelElement) {
|
|
14035
|
-
this.menu.setAttribute('aria-label', labelElement.textContent);
|
|
14036
|
-
}
|
|
14037
|
-
|
|
14038
13998
|
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
14039
13999
|
|
|
14040
14000
|
// racing condition on custom-combobox with custom-menu
|
|
@@ -14091,10 +14051,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14091
14051
|
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
14092
14052
|
this.optionActive = evt.detail;
|
|
14093
14053
|
|
|
14094
|
-
if (this.input) {
|
|
14095
|
-
this.input.setActiveDescendant(this.optionActive);
|
|
14096
|
-
}
|
|
14097
|
-
|
|
14098
14054
|
this.optionActive.scrollIntoView({
|
|
14099
14055
|
alignToTop: false,
|
|
14100
14056
|
block: "nearest",
|
|
@@ -14162,7 +14118,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14162
14118
|
|
|
14163
14119
|
this.menu.matchWord = this.input.value;
|
|
14164
14120
|
this.optionActive = null;
|
|
14165
|
-
this.input.setActiveDescendant(null);
|
|
14166
14121
|
|
|
14167
14122
|
if (!this.input.value) {
|
|
14168
14123
|
this.clear();
|
|
@@ -14591,7 +14546,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14591
14546
|
<${this.inputTag}
|
|
14592
14547
|
id="inputInBib"
|
|
14593
14548
|
@input="${this.handleInputValueChange}"
|
|
14594
|
-
.a11yControls
|
|
14549
|
+
.a11yControls="${this.dropdownId}"
|
|
14595
14550
|
.autocomplete="${this.autocomplete}"
|
|
14596
14551
|
.format="${this.format}"
|
|
14597
14552
|
.inputmode="${this.inputmode}"
|
|
@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4249
4249
|
}
|
|
4250
4250
|
};
|
|
4251
4251
|
|
|
4252
|
-
var formkitVersion$2 = '
|
|
4252
|
+
var formkitVersion$2 = '202602131810';
|
|
4253
4253
|
|
|
4254
4254
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4255
4255
|
static get properties() {
|
|
@@ -4536,20 +4536,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4536
4536
|
}
|
|
4537
4537
|
}
|
|
4538
4538
|
|
|
4539
|
-
/**
|
|
4540
|
-
* Sets the active descendant element for accessibility.
|
|
4541
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
4542
|
-
* This function is used in components that contain `auro-dropdown` to set the active descendant.
|
|
4543
|
-
* @private
|
|
4544
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
4545
|
-
* @returns {void}
|
|
4546
|
-
*/
|
|
4547
|
-
setActiveDescendant(element) {
|
|
4548
|
-
if (this.trigger) {
|
|
4549
|
-
this.trigger.ariaActiveDescendantElement = element;
|
|
4550
|
-
}
|
|
4551
|
-
}
|
|
4552
|
-
|
|
4553
4539
|
// function to define props used within the scope of this component
|
|
4554
4540
|
static get properties() {
|
|
4555
4541
|
return {
|
|
@@ -5193,7 +5179,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5193
5179
|
tabindex="${ifDefined(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5194
5180
|
role="${ifDefined(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5195
5181
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5196
|
-
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined :
|
|
5182
|
+
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5197
5183
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5198
5184
|
@focusin="${this.handleFocusin}"
|
|
5199
5185
|
@blur="${this.handleFocusOut}">
|
|
@@ -10648,7 +10634,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
10648
10634
|
},
|
|
10649
10635
|
|
|
10650
10636
|
/**
|
|
10651
|
-
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10637
|
+
* The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
|
|
10652
10638
|
* **Note**: This attribute is not intended to be used with a `type` or `format` that already has a defined length, such as credit-cards, dates or phone numbers.
|
|
10653
10639
|
*/
|
|
10654
10640
|
maxLength: {
|
|
@@ -11259,20 +11245,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11259
11245
|
return activeEl;
|
|
11260
11246
|
}
|
|
11261
11247
|
|
|
11262
|
-
/**
|
|
11263
|
-
* Sets the active descendant element for accessibility.
|
|
11264
|
-
* Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
|
|
11265
|
-
* This function is used in components that contain `auro-input` to set the active descendant.
|
|
11266
|
-
* @private
|
|
11267
|
-
* @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
|
|
11268
|
-
* @returns {void}
|
|
11269
|
-
*/
|
|
11270
|
-
setActiveDescendant(element) {
|
|
11271
|
-
if (this.inputElement) {
|
|
11272
|
-
this.inputElement.ariaActiveDescendantElement = element;
|
|
11273
|
-
}
|
|
11274
|
-
}
|
|
11275
|
-
|
|
11276
11248
|
/**
|
|
11277
11249
|
* Validates value.
|
|
11278
11250
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -11897,7 +11869,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
11897
11869
|
}
|
|
11898
11870
|
};
|
|
11899
11871
|
|
|
11900
|
-
var formkitVersion$1 = '
|
|
11872
|
+
var formkitVersion$1 = '202602131810';
|
|
11901
11873
|
|
|
11902
11874
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
11903
11875
|
// See LICENSE in the project root for license information.
|
|
@@ -12099,6 +12071,7 @@ class AuroInput extends BaseInput {
|
|
|
12099
12071
|
/**
|
|
12100
12072
|
* Common display value wrapper classes.
|
|
12101
12073
|
* @private
|
|
12074
|
+
* @returns {Record<string, boolean>}
|
|
12102
12075
|
*/
|
|
12103
12076
|
get commonDisplayValueWrapperClasses() {
|
|
12104
12077
|
return {
|
|
@@ -12922,7 +12895,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12922
12895
|
}
|
|
12923
12896
|
}
|
|
12924
12897
|
|
|
12925
|
-
var formkitVersion = '
|
|
12898
|
+
var formkitVersion = '202602131810';
|
|
12926
12899
|
|
|
12927
12900
|
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}`;
|
|
12928
12901
|
|
|
@@ -13686,7 +13659,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13686
13659
|
},
|
|
13687
13660
|
|
|
13688
13661
|
/**
|
|
13689
|
-
* Specifies the currently active
|
|
13662
|
+
* Specifies the currently active option.
|
|
13690
13663
|
* @private
|
|
13691
13664
|
*/
|
|
13692
13665
|
optionActive: {
|
|
@@ -13923,12 +13896,6 @@ class AuroCombobox extends AuroElement {
|
|
|
13923
13896
|
this.dropdownOpen = ev.detail.expanded;
|
|
13924
13897
|
this.updateMenuShapeSize();
|
|
13925
13898
|
|
|
13926
|
-
// Clear aria-activedescendant when dropdown closes
|
|
13927
|
-
if (!this.dropdownOpen && this.input) {
|
|
13928
|
-
this.input.setActiveDescendant(null);
|
|
13929
|
-
this.optionActive = null;
|
|
13930
|
-
}
|
|
13931
|
-
|
|
13932
13899
|
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
13933
13900
|
setTimeout(() => {
|
|
13934
13901
|
if (this.componentHasFocus) {
|
|
@@ -14028,13 +13995,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14028
13995
|
*/
|
|
14029
13996
|
configureMenu() {
|
|
14030
13997
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
14031
|
-
|
|
14032
|
-
const labelElement = this.querySelector('span[slot="label"]');
|
|
14033
|
-
|
|
14034
|
-
if (labelElement) {
|
|
14035
|
-
this.menu.setAttribute('aria-label', labelElement.textContent);
|
|
14036
|
-
}
|
|
14037
|
-
|
|
14038
13998
|
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
14039
13999
|
|
|
14040
14000
|
// racing condition on custom-combobox with custom-menu
|
|
@@ -14091,10 +14051,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14091
14051
|
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
14092
14052
|
this.optionActive = evt.detail;
|
|
14093
14053
|
|
|
14094
|
-
if (this.input) {
|
|
14095
|
-
this.input.setActiveDescendant(this.optionActive);
|
|
14096
|
-
}
|
|
14097
|
-
|
|
14098
14054
|
this.optionActive.scrollIntoView({
|
|
14099
14055
|
alignToTop: false,
|
|
14100
14056
|
block: "nearest",
|
|
@@ -14162,7 +14118,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14162
14118
|
|
|
14163
14119
|
this.menu.matchWord = this.input.value;
|
|
14164
14120
|
this.optionActive = null;
|
|
14165
|
-
this.input.setActiveDescendant(null);
|
|
14166
14121
|
|
|
14167
14122
|
if (!this.input.value) {
|
|
14168
14123
|
this.clear();
|
|
@@ -14591,7 +14546,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14591
14546
|
<${this.inputTag}
|
|
14592
14547
|
id="inputInBib"
|
|
14593
14548
|
@input="${this.handleInputValueChange}"
|
|
14594
|
-
.a11yControls
|
|
14549
|
+
.a11yControls="${this.dropdownId}"
|
|
14595
14550
|
.autocomplete="${this.autocomplete}"
|
|
14596
14551
|
.format="${this.format}"
|
|
14597
14552
|
.inputmode="${this.inputmode}"
|