@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 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 +59 -251
  25. package/components/form/demo/index.min.js +59 -251
  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 +27 -86
  41. package/components/select/demo/index.min.js +27 -86
  42. package/components/select/demo/keyboardBehavior.md +3 -3
  43. package/components/select/dist/index.js +26 -85
  44. package/components/select/dist/registered.js +26 -85
  45. package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
  46. package/custom-elements.json +1549 -1568
  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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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 = '202604021752';
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,34 +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) {
1396
- if (!ctx.isExpanded) {
1397
- component.dropdown.show();
1398
- return;
1399
- }
1383
+ Enter(component, evt) {
1384
+ evt.preventDefault();
1400
1385
  component.menu.makeSelection();
1401
1386
  },
1402
1387
 
1403
- Escape(component, evt, ctx) {
1388
+ Tab(component, evt, ctx) {
1404
1389
  if (!ctx.isExpanded) {
1405
1390
  return;
1406
1391
  }
1407
- component.dropdown.hide();
1408
- },
1409
1392
 
1410
- Tab(component, evt, ctx) {
1411
- 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
+ }
1412
1401
  return;
1413
1402
  }
1414
1403
 
@@ -1419,41 +1408,9 @@ const selectKeyboardStrategy = {
1419
1408
  }
1420
1409
  component.dropdown.hide();
1421
1410
  },
1422
- Home(component, evt, ctx) {
1423
- if (!ctx.isExpanded) {
1424
- return;
1425
- }
1426
- evt.preventDefault();
1427
- evt.stopPropagation();
1428
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1429
- if (firstOption) {
1430
- component.menu.updateActiveOption(firstOption);
1431
- }
1432
- },
1433
-
1434
- End(component, evt, ctx) {
1435
- if (!ctx.isExpanded) {
1436
- return;
1437
- }
1438
- evt.preventDefault();
1439
- evt.stopPropagation();
1440
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1441
- if (lastOption) {
1442
- component.menu.updateActiveOption(lastOption);
1443
- }
1444
- },
1445
1411
 
1446
- default(component, evt, ctx) {
1412
+ default(component, evt) {
1447
1413
  component.updateActiveOptionBasedOnKey(evt.key);
1448
- if (evt.key === ' ') {
1449
- evt.preventDefault();
1450
- evt.stopPropagation();
1451
- if (ctx.isExpanded) {
1452
- component.dropdown.hide();
1453
- return;
1454
- }
1455
- component.dropdown.show();
1456
- }
1457
1414
  },
1458
1415
  };
1459
1416
 
@@ -5098,7 +5055,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
5098
5055
  }
5099
5056
  };
5100
5057
 
5101
- var formkitVersion$1 = '202604021752';
5058
+ var formkitVersion$1 = '202604021941';
5102
5059
 
5103
5060
  class AuroElement extends i$3 {
5104
5061
  static get properties() {
@@ -5279,7 +5236,6 @@ class AuroDropdown extends AuroElement {
5279
5236
  this.appearance = 'default';
5280
5237
  this.chevron = false;
5281
5238
  this.disabled = false;
5282
- this.disableKeyboardHandling = false;
5283
5239
  this.error = false;
5284
5240
  this.tabIndex = 0;
5285
5241
  this.noToggle = false;
@@ -5491,14 +5447,6 @@ class AuroDropdown extends AuroElement {
5491
5447
  reflect: true
5492
5448
  },
5493
5449
 
5494
- /**
5495
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5496
- */
5497
- disableKeyboardHandling: {
5498
- type: Boolean,
5499
- reflect: true
5500
- },
5501
-
5502
5450
  /**
5503
5451
  * @private
5504
5452
  */
@@ -5804,7 +5752,7 @@ class AuroDropdown extends AuroElement {
5804
5752
 
5805
5753
  firstUpdated() {
5806
5754
  // Configure the floater to, this will generate the ID for the bib
5807
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5755
+ this.floater.configure(this, 'auroDropdown');
5808
5756
 
5809
5757
  // Prevent `contain: layout` on the dropdown host. Layout containment
5810
5758
  // creates a containing block for position:fixed descendants (the bib),
@@ -6112,7 +6060,6 @@ class AuroDropdown extends AuroElement {
6112
6060
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
6113
6061
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
6114
6062
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
6115
- aria-disabled="${o(this.disabled ? 'true' : undefined)}"
6116
6063
  @focusin="${this.handleFocusin}"
6117
6064
  @blur="${this.handleFocusOut}">
6118
6065
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6851,7 +6798,7 @@ class AuroHelpText extends i$3 {
6851
6798
  }
6852
6799
  }
6853
6800
 
6854
- var formkitVersion = '202604021752';
6801
+ var formkitVersion = '202604021941';
6855
6802
 
6856
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}`;
6857
6804
 
@@ -7394,20 +7341,6 @@ class AuroSelect extends AuroElement$1 {
7394
7341
  if (this.dropdown.isPopoverVisible) {
7395
7342
  this.updateMenuShapeSize();
7396
7343
 
7397
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7398
- // No selection → first enabled option gets highlighted
7399
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7400
- this.menu.updateActiveOption(this.optionSelected);
7401
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7402
- this.menu.updateActiveOption(this.optionSelected[0]);
7403
- } else if (!this.menu.optionActive) {
7404
- // If no activeOption has yet to be set, then make the first enabled option active by default
7405
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7406
- this.menu.updateActiveOption(firstActive);
7407
- }
7408
-
7409
- // Scroll the selected option into view when dropdown opens
7410
- this.scrollSelectedOptionIntoView();
7411
7344
  if (this.dropdown.isBibFullscreen) {
7412
7345
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7413
7346
  // behind the fullscreen dialog
@@ -7419,6 +7352,17 @@ class AuroSelect extends AuroElement$1 {
7419
7352
  // multiple Lit update cycles before moving focus into the bib
7420
7353
  doubleRaf(() => {
7421
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();
7422
7366
  });
7423
7367
  } else {
7424
7368
  // wait til the bib gets fully rendered
@@ -8104,7 +8048,6 @@ class AuroSelect extends AuroElement$1 {
8104
8048
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8105
8049
  </div>
8106
8050
  <${this.dropdownTag}
8107
- disableKeyboardHandling
8108
8051
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8109
8052
  .a11yRole=${"combobox"}
8110
8053
  ?autoPlacement="${this.autoPlacement}"
@@ -8184,7 +8127,6 @@ class AuroSelect extends AuroElement$1 {
8184
8127
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8185
8128
  </div>
8186
8129
  <${this.dropdownTag}
8187
- disableKeyboardHandling
8188
8130
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8189
8131
  .a11yRole=${"combobox"}
8190
8132
  ?autoPlacement="${this.autoPlacement}"
@@ -8270,7 +8212,6 @@ class AuroSelect extends AuroElement$1 {
8270
8212
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8271
8213
  </div>
8272
8214
  <${this.dropdownTag}
8273
- disableKeyboardHandling
8274
8215
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8275
8216
  .a11yRole=${"combobox"}
8276
8217
  ?autoPlacement="${this.autoPlacement}"
@@ -8948,7 +8889,7 @@ class AuroMenuOption extends AuroElement$1 {
8948
8889
  });
8949
8890
 
8950
8891
  return u$4`
8951
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
8892
+ <div class="${classes}">
8952
8893
  ${this.selected && !this.noCheckmark
8953
8894
  ? this.generateIconHtml(checkmarkIcon.svg)
8954
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,34 +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) {
1324
- if (!ctx.isExpanded) {
1325
- component.dropdown.show();
1326
- return;
1327
- }
1311
+ Enter(component, evt) {
1312
+ evt.preventDefault();
1328
1313
  component.menu.makeSelection();
1329
1314
  },
1330
1315
 
1331
- Escape(component, evt, ctx) {
1316
+ Tab(component, evt, ctx) {
1332
1317
  if (!ctx.isExpanded) {
1333
1318
  return;
1334
1319
  }
1335
- component.dropdown.hide();
1336
- },
1337
1320
 
1338
- Tab(component, evt, ctx) {
1339
- 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
+ }
1340
1329
  return;
1341
1330
  }
1342
1331
 
@@ -1347,41 +1336,9 @@ const selectKeyboardStrategy = {
1347
1336
  }
1348
1337
  component.dropdown.hide();
1349
1338
  },
1350
- Home(component, evt, ctx) {
1351
- if (!ctx.isExpanded) {
1352
- return;
1353
- }
1354
- evt.preventDefault();
1355
- evt.stopPropagation();
1356
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1357
- if (firstOption) {
1358
- component.menu.updateActiveOption(firstOption);
1359
- }
1360
- },
1361
-
1362
- End(component, evt, ctx) {
1363
- if (!ctx.isExpanded) {
1364
- return;
1365
- }
1366
- evt.preventDefault();
1367
- evt.stopPropagation();
1368
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1369
- if (lastOption) {
1370
- component.menu.updateActiveOption(lastOption);
1371
- }
1372
- },
1373
1339
 
1374
- default(component, evt, ctx) {
1340
+ default(component, evt) {
1375
1341
  component.updateActiveOptionBasedOnKey(evt.key);
1376
- if (evt.key === ' ') {
1377
- evt.preventDefault();
1378
- evt.stopPropagation();
1379
- if (ctx.isExpanded) {
1380
- component.dropdown.hide();
1381
- return;
1382
- }
1383
- component.dropdown.show();
1384
- }
1385
1342
  },
1386
1343
  };
1387
1344
 
@@ -5026,7 +4983,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
5026
4983
  }
5027
4984
  };
5028
4985
 
5029
- var formkitVersion$1 = '202604021752';
4986
+ var formkitVersion$1 = '202604021941';
5030
4987
 
5031
4988
  class AuroElement extends i$3 {
5032
4989
  static get properties() {
@@ -5207,7 +5164,6 @@ class AuroDropdown extends AuroElement {
5207
5164
  this.appearance = 'default';
5208
5165
  this.chevron = false;
5209
5166
  this.disabled = false;
5210
- this.disableKeyboardHandling = false;
5211
5167
  this.error = false;
5212
5168
  this.tabIndex = 0;
5213
5169
  this.noToggle = false;
@@ -5419,14 +5375,6 @@ class AuroDropdown extends AuroElement {
5419
5375
  reflect: true
5420
5376
  },
5421
5377
 
5422
- /**
5423
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5424
- */
5425
- disableKeyboardHandling: {
5426
- type: Boolean,
5427
- reflect: true
5428
- },
5429
-
5430
5378
  /**
5431
5379
  * @private
5432
5380
  */
@@ -5732,7 +5680,7 @@ class AuroDropdown extends AuroElement {
5732
5680
 
5733
5681
  firstUpdated() {
5734
5682
  // Configure the floater to, this will generate the ID for the bib
5735
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5683
+ this.floater.configure(this, 'auroDropdown');
5736
5684
 
5737
5685
  // Prevent `contain: layout` on the dropdown host. Layout containment
5738
5686
  // creates a containing block for position:fixed descendants (the bib),
@@ -6040,7 +5988,6 @@ class AuroDropdown extends AuroElement {
6040
5988
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
6041
5989
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
6042
5990
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
6043
- aria-disabled="${o(this.disabled ? 'true' : undefined)}"
6044
5991
  @focusin="${this.handleFocusin}"
6045
5992
  @blur="${this.handleFocusOut}">
6046
5993
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6779,7 +6726,7 @@ class AuroHelpText extends i$3 {
6779
6726
  }
6780
6727
  }
6781
6728
 
6782
- var formkitVersion = '202604021752';
6729
+ var formkitVersion = '202604021941';
6783
6730
 
6784
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}`;
6785
6732
 
@@ -7322,20 +7269,6 @@ class AuroSelect extends AuroElement$1 {
7322
7269
  if (this.dropdown.isPopoverVisible) {
7323
7270
  this.updateMenuShapeSize();
7324
7271
 
7325
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7326
- // No selection → first enabled option gets highlighted
7327
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7328
- this.menu.updateActiveOption(this.optionSelected);
7329
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7330
- this.menu.updateActiveOption(this.optionSelected[0]);
7331
- } else if (!this.menu.optionActive) {
7332
- // If no activeOption has yet to be set, then make the first enabled option active by default
7333
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7334
- this.menu.updateActiveOption(firstActive);
7335
- }
7336
-
7337
- // Scroll the selected option into view when dropdown opens
7338
- this.scrollSelectedOptionIntoView();
7339
7272
  if (this.dropdown.isBibFullscreen) {
7340
7273
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7341
7274
  // behind the fullscreen dialog
@@ -7347,6 +7280,17 @@ class AuroSelect extends AuroElement$1 {
7347
7280
  // multiple Lit update cycles before moving focus into the bib
7348
7281
  doubleRaf(() => {
7349
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();
7350
7294
  });
7351
7295
  } else {
7352
7296
  // wait til the bib gets fully rendered
@@ -8032,7 +7976,6 @@ class AuroSelect extends AuroElement$1 {
8032
7976
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8033
7977
  </div>
8034
7978
  <${this.dropdownTag}
8035
- disableKeyboardHandling
8036
7979
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8037
7980
  .a11yRole=${"combobox"}
8038
7981
  ?autoPlacement="${this.autoPlacement}"
@@ -8112,7 +8055,6 @@ class AuroSelect extends AuroElement$1 {
8112
8055
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8113
8056
  </div>
8114
8057
  <${this.dropdownTag}
8115
- disableKeyboardHandling
8116
8058
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8117
8059
  .a11yRole=${"combobox"}
8118
8060
  ?autoPlacement="${this.autoPlacement}"
@@ -8198,7 +8140,6 @@ class AuroSelect extends AuroElement$1 {
8198
8140
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8199
8141
  </div>
8200
8142
  <${this.dropdownTag}
8201
- disableKeyboardHandling
8202
8143
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8203
8144
  .a11yRole=${"combobox"}
8204
8145
  ?autoPlacement="${this.autoPlacement}"
@@ -8876,7 +8817,7 @@ class AuroMenuOption extends AuroElement$1 {
8876
8817
  });
8877
8818
 
8878
8819
  return u$4`
8879
- <div class="${classes}" aria-disabled="${this.disabled ? 'true' : 'false'}">
8820
+ <div class="${classes}">
8880
8821
  ${this.selected && !this.noCheckmark
8881
8822
  ? this.generateIconHtml(checkmarkIcon.svg)
8882
8823
  : undefined}