@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.3 → 0.0.0-pr1413.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 (48) 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 +5 -15
  6. package/components/combobox/demo/index.min.js +5 -15
  7. package/components/combobox/dist/index.js +4 -14
  8. package/components/combobox/dist/registered.js +4 -14
  9. package/components/counter/demo/api.min.js +3 -13
  10. package/components/counter/demo/index.min.js +3 -13
  11. package/components/counter/dist/index.js +3 -13
  12. package/components/counter/dist/registered.js +3 -13
  13. package/components/datepicker/demo/api.min.js +22 -135
  14. package/components/datepicker/demo/index.min.js +22 -135
  15. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
  16. package/components/datepicker/dist/index.js +22 -135
  17. package/components/datepicker/dist/registered.js +22 -135
  18. package/components/dropdown/demo/api.md +28 -29
  19. package/components/dropdown/demo/api.min.js +2 -12
  20. package/components/dropdown/demo/index.min.js +2 -12
  21. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  22. package/components/dropdown/dist/index.js +2 -12
  23. package/components/dropdown/dist/registered.js +2 -12
  24. package/components/form/demo/api.min.js +58 -252
  25. package/components/form/demo/index.min.js +58 -252
  26. package/components/input/demo/api.min.js +1 -1
  27. package/components/input/demo/index.min.js +1 -1
  28. package/components/input/dist/index.js +1 -1
  29. package/components/input/dist/registered.js +1 -1
  30. package/components/menu/demo/api.min.js +1 -1
  31. package/components/menu/demo/index.min.js +1 -1
  32. package/components/menu/demo/keyboardBehavior.md +0 -0
  33. package/components/menu/dist/index.js +1 -1
  34. package/components/menu/dist/registered.js +1 -1
  35. package/components/radio/demo/api.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/demo/keyboardBehavior.md +0 -0
  38. package/components/radio/dist/index.js +1 -1
  39. package/components/radio/dist/registered.js +1 -1
  40. package/components/select/demo/api.min.js +26 -87
  41. package/components/select/demo/index.min.js +26 -87
  42. package/components/select/demo/keyboardBehavior.md +3 -3
  43. package/components/select/dist/index.js +25 -86
  44. package/components/select/dist/registered.js +25 -86
  45. package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
  46. package/custom-elements.json +246 -265
  47. package/package.json +3 -3
  48. /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
@@ -6759,7 +6759,7 @@ class AuroHelpText extends i$3 {
6759
6759
  }
6760
6760
  }
6761
6761
 
6762
- var formkitVersion = '202604021808';
6762
+ var formkitVersion = '202604021941';
6763
6763
 
6764
6764
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6765
6765
  // See LICENSE in the project root for license information.
@@ -6684,7 +6684,7 @@ class AuroHelpText extends i$3 {
6684
6684
  }
6685
6685
  }
6686
6686
 
6687
- var formkitVersion = '202604021808';
6687
+ var formkitVersion = '202604021941';
6688
6688
 
6689
6689
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6690
6690
  // See LICENSE in the project root for license information.
@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
6625
6625
  }
6626
6626
  }
6627
6627
 
6628
- var formkitVersion = '202604021808';
6628
+ var formkitVersion = '202604021941';
6629
6629
 
6630
6630
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6631
6631
  // See LICENSE in the project root for license information.
@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
6625
6625
  }
6626
6626
  }
6627
6627
 
6628
- var formkitVersion = '202604021808';
6628
+ var formkitVersion = '202604021941';
6629
6629
 
6630
6630
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6631
6631
  // See LICENSE in the project root for license information.
@@ -965,7 +965,7 @@ class AuroMenuOption extends AuroElement {
965
965
  });
966
966
 
967
967
  return u$1`
968
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
968
+ <div class="${classes}">
969
969
  ${this.selected && !this.noCheckmark
970
970
  ? this.generateIconHtml(checkmarkIcon.svg)
971
971
  : undefined}
@@ -873,7 +873,7 @@ class AuroMenuOption extends AuroElement {
873
873
  });
874
874
 
875
875
  return u$1`
876
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
876
+ <div class="${classes}">
877
877
  ${this.selected && !this.noCheckmark
878
878
  ? this.generateIconHtml(checkmarkIcon.svg)
879
879
  : undefined}
File without changes
@@ -847,7 +847,7 @@ class AuroMenuOption extends AuroElement {
847
847
  });
848
848
 
849
849
  return html$1`
850
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
850
+ <div class="${classes}">
851
851
  ${this.selected && !this.noCheckmark
852
852
  ? this.generateIconHtml(checkmarkIcon.svg)
853
853
  : undefined}
@@ -794,7 +794,7 @@ class AuroMenuOption extends AuroElement {
794
794
  });
795
795
 
796
796
  return html$1`
797
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
797
+ <div class="${classes}">
798
798
  ${this.selected && !this.noCheckmark
799
799
  ? this.generateIconHtml(checkmarkIcon.svg)
800
800
  : undefined}
@@ -1645,7 +1645,7 @@ class AuroHelpText extends i$2 {
1645
1645
  }
1646
1646
  }
1647
1647
 
1648
- var formkitVersion = '202604021808';
1648
+ var formkitVersion = '202604021941';
1649
1649
 
1650
1650
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1651
1651
  // See LICENSE in the project root for license information.
@@ -1620,7 +1620,7 @@ class AuroHelpText extends i$2 {
1620
1620
  }
1621
1621
  }
1622
1622
 
1623
- var formkitVersion = '202604021808';
1623
+ var formkitVersion = '202604021941';
1624
1624
 
1625
1625
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1626
1626
  // See LICENSE in the project root for license information.
File without changes
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
1573
1573
  }
1574
1574
  }
1575
1575
 
1576
- var formkitVersion = '202604021808';
1576
+ var formkitVersion = '202604021941';
1577
1577
 
1578
1578
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1579
1579
  // See LICENSE in the project root for license information.
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
1573
1573
  }
1574
1574
  }
1575
1575
 
1576
- var formkitVersion = '202604021808';
1576
+ var formkitVersion = '202604021941';
1577
1577
 
1578
1578
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1579
1579
  // See LICENSE in the project root for license information.
@@ -1363,16 +1363,9 @@ function navigateArrow(component, direction, options = {}) {
1363
1363
  }
1364
1364
  }
1365
1365
 
1366
- /* eslint-disable new-cap */
1367
-
1368
1366
  const selectKeyboardStrategy = {
1369
1367
  ArrowUp(component, evt, ctx) {
1370
1368
  evt.preventDefault();
1371
- if (evt.altKey || evt.metaKey) {
1372
- // navigate to first enabled option
1373
- selectKeyboardStrategy.Home(component, evt, ctx);
1374
- return;
1375
- }
1376
1369
  navigateArrow(component, 'up', {
1377
1370
  ctx,
1378
1371
  showFn: () => component.dropdown.show(),
@@ -1381,36 +1374,30 @@ const selectKeyboardStrategy = {
1381
1374
 
1382
1375
  ArrowDown(component, evt, ctx) {
1383
1376
  evt.preventDefault();
1384
- if (evt.altKey || evt.metaKey) {
1385
- // navigate to last enabled option
1386
- selectKeyboardStrategy.End(component, evt, ctx);
1387
- return;
1388
- }
1389
1377
  navigateArrow(component, 'down', {
1390
1378
  ctx,
1391
1379
  showFn: () => component.dropdown.show(),
1392
1380
  });
1393
1381
  },
1394
1382
 
1395
- Enter(component, evt, ctx) {
1383
+ Enter(component, evt) {
1396
1384
  evt.preventDefault();
1397
- evt.stopPropagation();
1398
- if (!ctx.isExpanded) {
1399
- component.dropdown.show();
1400
- return;
1401
- }
1402
1385
  component.menu.makeSelection();
1403
1386
  },
1404
1387
 
1405
- Escape(component, evt, ctx) {
1388
+ Tab(component, evt, ctx) {
1406
1389
  if (!ctx.isExpanded) {
1407
1390
  return;
1408
1391
  }
1409
- component.dropdown.hide();
1410
- },
1411
1392
 
1412
- Tab(component, evt, ctx) {
1413
- if (!ctx.isExpanded) {
1393
+ // Shift+Tab moves the highlight to the first non-disabled option
1394
+ // without making a selection or closing the bib.
1395
+ if (evt.shiftKey) {
1396
+ evt.preventDefault();
1397
+ const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
1398
+ if (firstActive) {
1399
+ component.menu.updateActiveOption(firstActive);
1400
+ }
1414
1401
  return;
1415
1402
  }
1416
1403
 
@@ -1421,41 +1408,9 @@ const selectKeyboardStrategy = {
1421
1408
  }
1422
1409
  component.dropdown.hide();
1423
1410
  },
1424
- Home(component, evt, ctx) {
1425
- if (!ctx.isExpanded) {
1426
- return;
1427
- }
1428
- evt.preventDefault();
1429
- evt.stopPropagation();
1430
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1431
- if (firstOption) {
1432
- component.menu.updateActiveOption(firstOption);
1433
- }
1434
- },
1435
1411
 
1436
- End(component, evt, ctx) {
1437
- if (!ctx.isExpanded) {
1438
- return;
1439
- }
1440
- evt.preventDefault();
1441
- evt.stopPropagation();
1442
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1443
- if (lastOption) {
1444
- component.menu.updateActiveOption(lastOption);
1445
- }
1446
- },
1447
-
1448
- default(component, evt, ctx) {
1412
+ default(component, evt) {
1449
1413
  component.updateActiveOptionBasedOnKey(evt.key);
1450
- if (evt.key === ' ') {
1451
- evt.preventDefault();
1452
- evt.stopPropagation();
1453
- if (ctx.isExpanded) {
1454
- component.dropdown.hide();
1455
- return;
1456
- }
1457
- component.dropdown.show();
1458
- }
1459
1414
  },
1460
1415
  };
1461
1416
 
@@ -5100,7 +5055,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
5100
5055
  }
5101
5056
  };
5102
5057
 
5103
- var formkitVersion$1 = '202604021808';
5058
+ var formkitVersion$1 = '202604021941';
5104
5059
 
5105
5060
  class AuroElement extends i$3 {
5106
5061
  static get properties() {
@@ -5281,7 +5236,6 @@ class AuroDropdown extends AuroElement {
5281
5236
  this.appearance = 'default';
5282
5237
  this.chevron = false;
5283
5238
  this.disabled = false;
5284
- this.disableKeyboardHandling = false;
5285
5239
  this.error = false;
5286
5240
  this.tabIndex = 0;
5287
5241
  this.noToggle = false;
@@ -5493,14 +5447,6 @@ class AuroDropdown extends AuroElement {
5493
5447
  reflect: true
5494
5448
  },
5495
5449
 
5496
- /**
5497
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5498
- */
5499
- disableKeyboardHandling: {
5500
- type: Boolean,
5501
- reflect: true
5502
- },
5503
-
5504
5450
  /**
5505
5451
  * @private
5506
5452
  */
@@ -5806,7 +5752,7 @@ class AuroDropdown extends AuroElement {
5806
5752
 
5807
5753
  firstUpdated() {
5808
5754
  // Configure the floater to, this will generate the ID for the bib
5809
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5755
+ this.floater.configure(this, 'auroDropdown');
5810
5756
 
5811
5757
  // Prevent `contain: layout` on the dropdown host. Layout containment
5812
5758
  // creates a containing block for position:fixed descendants (the bib),
@@ -6114,7 +6060,6 @@ class AuroDropdown extends AuroElement {
6114
6060
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
6115
6061
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
6116
6062
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
6117
- aria-disabled="${o(this.disabled ? 'true' : undefined)}"
6118
6063
  @focusin="${this.handleFocusin}"
6119
6064
  @blur="${this.handleFocusOut}">
6120
6065
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6853,7 +6798,7 @@ class AuroHelpText extends i$3 {
6853
6798
  }
6854
6799
  }
6855
6800
 
6856
- var formkitVersion = '202604021808';
6801
+ var formkitVersion = '202604021941';
6857
6802
 
6858
6803
  var styleCss$2 = i$6`.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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6859
6804
 
@@ -7396,20 +7341,6 @@ class AuroSelect extends AuroElement$1 {
7396
7341
  if (this.dropdown.isPopoverVisible) {
7397
7342
  this.updateMenuShapeSize();
7398
7343
 
7399
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7400
- // No selection → first enabled option gets highlighted
7401
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7402
- this.menu.updateActiveOption(this.optionSelected);
7403
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7404
- this.menu.updateActiveOption(this.optionSelected[0]);
7405
- } else if (!this.menu.optionActive) {
7406
- // If no activeOption has yet to be set, then make the first enabled option active by default
7407
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7408
- this.menu.updateActiveOption(firstActive);
7409
- }
7410
-
7411
- // Scroll the selected option into view when dropdown opens
7412
- this.scrollSelectedOptionIntoView();
7413
7344
  if (this.dropdown.isBibFullscreen) {
7414
7345
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7415
7346
  // behind the fullscreen dialog
@@ -7421,6 +7352,17 @@ class AuroSelect extends AuroElement$1 {
7421
7352
  // multiple Lit update cycles before moving focus into the bib
7422
7353
  doubleRaf(() => {
7423
7354
  this.bibtemplate.focusCloseButton();
7355
+
7356
+ // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7357
+ // No selection → no highlight
7358
+ if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7359
+ this.menu.updateActiveOption(this.optionSelected);
7360
+ } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7361
+ this.menu.updateActiveOption(this.optionSelected[0]);
7362
+ }
7363
+
7364
+ // Scroll the selected option into view when dropdown opens
7365
+ this.scrollSelectedOptionIntoView();
7424
7366
  });
7425
7367
  } else {
7426
7368
  // wait til the bib gets fully rendered
@@ -8106,7 +8048,6 @@ class AuroSelect extends AuroElement$1 {
8106
8048
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8107
8049
  </div>
8108
8050
  <${this.dropdownTag}
8109
- disableKeyboardHandling
8110
8051
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8111
8052
  .a11yRole=${"combobox"}
8112
8053
  ?autoPlacement="${this.autoPlacement}"
@@ -8186,7 +8127,6 @@ class AuroSelect extends AuroElement$1 {
8186
8127
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8187
8128
  </div>
8188
8129
  <${this.dropdownTag}
8189
- disableKeyboardHandling
8190
8130
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8191
8131
  .a11yRole=${"combobox"}
8192
8132
  ?autoPlacement="${this.autoPlacement}"
@@ -8272,7 +8212,6 @@ class AuroSelect extends AuroElement$1 {
8272
8212
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8273
8213
  </div>
8274
8214
  <${this.dropdownTag}
8275
- disableKeyboardHandling
8276
8215
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8277
8216
  .a11yRole=${"combobox"}
8278
8217
  ?autoPlacement="${this.autoPlacement}"
@@ -8950,7 +8889,7 @@ class AuroMenuOption extends AuroElement$1 {
8950
8889
  });
8951
8890
 
8952
8891
  return u$4`
8953
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
8892
+ <div class="${classes}">
8954
8893
  ${this.selected && !this.noCheckmark
8955
8894
  ? this.generateIconHtml(checkmarkIcon.svg)
8956
8895
  : undefined}
@@ -1291,16 +1291,9 @@ function navigateArrow(component, direction, options = {}) {
1291
1291
  }
1292
1292
  }
1293
1293
 
1294
- /* eslint-disable new-cap */
1295
-
1296
1294
  const selectKeyboardStrategy = {
1297
1295
  ArrowUp(component, evt, ctx) {
1298
1296
  evt.preventDefault();
1299
- if (evt.altKey || evt.metaKey) {
1300
- // navigate to first enabled option
1301
- selectKeyboardStrategy.Home(component, evt, ctx);
1302
- return;
1303
- }
1304
1297
  navigateArrow(component, 'up', {
1305
1298
  ctx,
1306
1299
  showFn: () => component.dropdown.show(),
@@ -1309,36 +1302,30 @@ const selectKeyboardStrategy = {
1309
1302
 
1310
1303
  ArrowDown(component, evt, ctx) {
1311
1304
  evt.preventDefault();
1312
- if (evt.altKey || evt.metaKey) {
1313
- // navigate to last enabled option
1314
- selectKeyboardStrategy.End(component, evt, ctx);
1315
- return;
1316
- }
1317
1305
  navigateArrow(component, 'down', {
1318
1306
  ctx,
1319
1307
  showFn: () => component.dropdown.show(),
1320
1308
  });
1321
1309
  },
1322
1310
 
1323
- Enter(component, evt, ctx) {
1311
+ Enter(component, evt) {
1324
1312
  evt.preventDefault();
1325
- evt.stopPropagation();
1326
- if (!ctx.isExpanded) {
1327
- component.dropdown.show();
1328
- return;
1329
- }
1330
1313
  component.menu.makeSelection();
1331
1314
  },
1332
1315
 
1333
- Escape(component, evt, ctx) {
1316
+ Tab(component, evt, ctx) {
1334
1317
  if (!ctx.isExpanded) {
1335
1318
  return;
1336
1319
  }
1337
- component.dropdown.hide();
1338
- },
1339
1320
 
1340
- Tab(component, evt, ctx) {
1341
- if (!ctx.isExpanded) {
1321
+ // Shift+Tab moves the highlight to the first non-disabled option
1322
+ // without making a selection or closing the bib.
1323
+ if (evt.shiftKey) {
1324
+ evt.preventDefault();
1325
+ const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
1326
+ if (firstActive) {
1327
+ component.menu.updateActiveOption(firstActive);
1328
+ }
1342
1329
  return;
1343
1330
  }
1344
1331
 
@@ -1349,41 +1336,9 @@ const selectKeyboardStrategy = {
1349
1336
  }
1350
1337
  component.dropdown.hide();
1351
1338
  },
1352
- Home(component, evt, ctx) {
1353
- if (!ctx.isExpanded) {
1354
- return;
1355
- }
1356
- evt.preventDefault();
1357
- evt.stopPropagation();
1358
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1359
- if (firstOption) {
1360
- component.menu.updateActiveOption(firstOption);
1361
- }
1362
- },
1363
1339
 
1364
- End(component, evt, ctx) {
1365
- if (!ctx.isExpanded) {
1366
- return;
1367
- }
1368
- evt.preventDefault();
1369
- evt.stopPropagation();
1370
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1371
- if (lastOption) {
1372
- component.menu.updateActiveOption(lastOption);
1373
- }
1374
- },
1375
-
1376
- default(component, evt, ctx) {
1340
+ default(component, evt) {
1377
1341
  component.updateActiveOptionBasedOnKey(evt.key);
1378
- if (evt.key === ' ') {
1379
- evt.preventDefault();
1380
- evt.stopPropagation();
1381
- if (ctx.isExpanded) {
1382
- component.dropdown.hide();
1383
- return;
1384
- }
1385
- component.dropdown.show();
1386
- }
1387
1342
  },
1388
1343
  };
1389
1344
 
@@ -5028,7 +4983,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
5028
4983
  }
5029
4984
  };
5030
4985
 
5031
- var formkitVersion$1 = '202604021808';
4986
+ var formkitVersion$1 = '202604021941';
5032
4987
 
5033
4988
  class AuroElement extends i$3 {
5034
4989
  static get properties() {
@@ -5209,7 +5164,6 @@ class AuroDropdown extends AuroElement {
5209
5164
  this.appearance = 'default';
5210
5165
  this.chevron = false;
5211
5166
  this.disabled = false;
5212
- this.disableKeyboardHandling = false;
5213
5167
  this.error = false;
5214
5168
  this.tabIndex = 0;
5215
5169
  this.noToggle = false;
@@ -5421,14 +5375,6 @@ class AuroDropdown extends AuroElement {
5421
5375
  reflect: true
5422
5376
  },
5423
5377
 
5424
- /**
5425
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5426
- */
5427
- disableKeyboardHandling: {
5428
- type: Boolean,
5429
- reflect: true
5430
- },
5431
-
5432
5378
  /**
5433
5379
  * @private
5434
5380
  */
@@ -5734,7 +5680,7 @@ class AuroDropdown extends AuroElement {
5734
5680
 
5735
5681
  firstUpdated() {
5736
5682
  // Configure the floater to, this will generate the ID for the bib
5737
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5683
+ this.floater.configure(this, 'auroDropdown');
5738
5684
 
5739
5685
  // Prevent `contain: layout` on the dropdown host. Layout containment
5740
5686
  // creates a containing block for position:fixed descendants (the bib),
@@ -6042,7 +5988,6 @@ class AuroDropdown extends AuroElement {
6042
5988
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
6043
5989
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
6044
5990
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
6045
- aria-disabled="${o(this.disabled ? 'true' : undefined)}"
6046
5991
  @focusin="${this.handleFocusin}"
6047
5992
  @blur="${this.handleFocusOut}">
6048
5993
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6781,7 +6726,7 @@ class AuroHelpText extends i$3 {
6781
6726
  }
6782
6727
  }
6783
6728
 
6784
- var formkitVersion = '202604021808';
6729
+ var formkitVersion = '202604021941';
6785
6730
 
6786
6731
  var styleCss$2 = i$6`.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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6787
6732
 
@@ -7324,20 +7269,6 @@ class AuroSelect extends AuroElement$1 {
7324
7269
  if (this.dropdown.isPopoverVisible) {
7325
7270
  this.updateMenuShapeSize();
7326
7271
 
7327
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7328
- // No selection → first enabled option gets highlighted
7329
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7330
- this.menu.updateActiveOption(this.optionSelected);
7331
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7332
- this.menu.updateActiveOption(this.optionSelected[0]);
7333
- } else if (!this.menu.optionActive) {
7334
- // If no activeOption has yet to be set, then make the first enabled option active by default
7335
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7336
- this.menu.updateActiveOption(firstActive);
7337
- }
7338
-
7339
- // Scroll the selected option into view when dropdown opens
7340
- this.scrollSelectedOptionIntoView();
7341
7272
  if (this.dropdown.isBibFullscreen) {
7342
7273
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7343
7274
  // behind the fullscreen dialog
@@ -7349,6 +7280,17 @@ class AuroSelect extends AuroElement$1 {
7349
7280
  // multiple Lit update cycles before moving focus into the bib
7350
7281
  doubleRaf(() => {
7351
7282
  this.bibtemplate.focusCloseButton();
7283
+
7284
+ // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7285
+ // No selection → no highlight
7286
+ if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7287
+ this.menu.updateActiveOption(this.optionSelected);
7288
+ } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7289
+ this.menu.updateActiveOption(this.optionSelected[0]);
7290
+ }
7291
+
7292
+ // Scroll the selected option into view when dropdown opens
7293
+ this.scrollSelectedOptionIntoView();
7352
7294
  });
7353
7295
  } else {
7354
7296
  // wait til the bib gets fully rendered
@@ -8034,7 +7976,6 @@ class AuroSelect extends AuroElement$1 {
8034
7976
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8035
7977
  </div>
8036
7978
  <${this.dropdownTag}
8037
- disableKeyboardHandling
8038
7979
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8039
7980
  .a11yRole=${"combobox"}
8040
7981
  ?autoPlacement="${this.autoPlacement}"
@@ -8114,7 +8055,6 @@ class AuroSelect extends AuroElement$1 {
8114
8055
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8115
8056
  </div>
8116
8057
  <${this.dropdownTag}
8117
- disableKeyboardHandling
8118
8058
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8119
8059
  .a11yRole=${"combobox"}
8120
8060
  ?autoPlacement="${this.autoPlacement}"
@@ -8200,7 +8140,6 @@ class AuroSelect extends AuroElement$1 {
8200
8140
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8201
8141
  </div>
8202
8142
  <${this.dropdownTag}
8203
- disableKeyboardHandling
8204
8143
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8205
8144
  .a11yRole=${"combobox"}
8206
8145
  ?autoPlacement="${this.autoPlacement}"
@@ -8878,7 +8817,7 @@ class AuroMenuOption extends AuroElement$1 {
8878
8817
  });
8879
8818
 
8880
8819
  return u$4`
8881
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
8820
+ <div class="${classes}">
8882
8821
  ${this.selected && !this.noCheckmark
8883
8822
  ? this.generateIconHtml(checkmarkIcon.svg)
8884
8823
  : undefined}