@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.
Files changed (40) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +8 -53
  6. package/components/combobox/demo/index.min.js +8 -53
  7. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  8. package/components/combobox/dist/index.js +8 -53
  9. package/components/combobox/dist/registered.js +8 -53
  10. package/components/counter/demo/api.min.js +3 -17
  11. package/components/counter/demo/index.min.js +3 -17
  12. package/components/counter/dist/index.js +3 -17
  13. package/components/counter/dist/registered.js +3 -17
  14. package/components/datepicker/demo/api.min.js +6 -33
  15. package/components/datepicker/demo/index.min.js +6 -33
  16. package/components/datepicker/dist/index.js +6 -33
  17. package/components/datepicker/dist/registered.js +6 -33
  18. package/components/dropdown/demo/api.min.js +2 -16
  19. package/components/dropdown/demo/index.min.js +2 -16
  20. package/components/dropdown/dist/auro-dropdown.d.ts +0 -9
  21. package/components/dropdown/dist/index.js +2 -16
  22. package/components/dropdown/dist/registered.js +2 -16
  23. package/components/input/demo/api.md +1 -1
  24. package/components/input/demo/api.min.js +3 -16
  25. package/components/input/demo/index.min.js +3 -16
  26. package/components/input/dist/auro-input.d.ts +1 -0
  27. package/components/input/dist/base-input.d.ts +0 -9
  28. package/components/input/dist/index.js +3 -16
  29. package/components/input/dist/registered.js +3 -16
  30. package/components/radio/demo/api.min.js +1 -1
  31. package/components/radio/demo/index.min.js +1 -1
  32. package/components/radio/dist/index.js +1 -1
  33. package/components/radio/dist/registered.js +1 -1
  34. package/components/select/demo/api.min.js +11 -56
  35. package/components/select/demo/index.min.js +11 -56
  36. package/components/select/dist/auro-select.d.ts +0 -7
  37. package/components/select/dist/index.js +11 -56
  38. package/components/select/dist/registered.js +11 -56
  39. package/custom-elements.json +10 -87
  40. package/package.json +11 -3
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
1687
1687
  }
1688
1688
  }
1689
1689
 
1690
- var formkitVersion = '202602092213';
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 = '202602092213';
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 = '202602092213';
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 = '202602092213';
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 = '202602092213';
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 : `${this.dropdownId}-floater-bib`)}"
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 = '202602092213';
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 = '202602092213';
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/highlighted `auro-menuoption`.
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=${`${this.dropdownId}-floater-bib`}
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 = '202602092213';
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 : `${this.dropdownId}-floater-bib`)}"
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 = '202602092213';
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 = '202602092213';
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/highlighted `auro-menuoption`.
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=${`${this.dropdownId}-floater-bib`}
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/highlighted `auro-menuoption`.
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 = '202602092213';
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 : `${this.dropdownId}-floater-bib`)}"
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 = '202602092213';
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 = '202602092213';
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/highlighted `auro-menuoption`.
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=${`${this.dropdownId}-floater-bib`}
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 = '202602092213';
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 : `${this.dropdownId}-floater-bib`)}"
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 = '202602092213';
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 = '202602092213';
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/highlighted `auro-menuoption`.
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=${`${this.dropdownId}-floater-bib`}
14549
+ .a11yControls="${this.dropdownId}"
14595
14550
  .autocomplete="${this.autocomplete}"
14596
14551
  .format="${this.format}"
14597
14552
  .inputmode="${this.inputmode}"