@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
@@ -163,7 +163,7 @@
163
163
  <td>
164
164
  The current <code>focused</code> option is selected.
165
165
  <div class="note">
166
- <strong>Note:</strong> the page will also navigate to the next focusable element in the tabindex sequence.
166
+ <strong>Note:</strong> the page will also navigate to the next focusable element in the tabindex order.
167
167
  </div>
168
168
  </td>
169
169
  </tr>
@@ -172,9 +172,9 @@
172
172
  <td>Expanded</td>
173
173
  <td>Trigger element</td>
174
174
  <td>
175
- The current <code>focused</code> option is selected.
175
+ Advances the <code>focused</code> option to the first enabled option in the list.
176
176
  <div class="note">
177
- <strong>Note:</strong> the page will also navigate to the previous focusable element in the tabindex sequence.
177
+ <strong>Note:</strong> the page will <strong>NOT</strong> navigate to the previous focusable element in the tabindex order.
178
178
  </div>
179
179
  </td>
180
180
  </tr>
@@ -1248,16 +1248,9 @@ function navigateArrow(component, direction, options = {}) {
1248
1248
  }
1249
1249
  }
1250
1250
 
1251
- /* eslint-disable new-cap */
1252
-
1253
1251
  const selectKeyboardStrategy = {
1254
1252
  ArrowUp(component, evt, ctx) {
1255
1253
  evt.preventDefault();
1256
- if (evt.altKey || evt.metaKey) {
1257
- // navigate to first enabled option
1258
- selectKeyboardStrategy.Home(component, evt, ctx);
1259
- return;
1260
- }
1261
1254
  navigateArrow(component, 'up', {
1262
1255
  ctx,
1263
1256
  showFn: () => component.dropdown.show(),
@@ -1266,34 +1259,30 @@ const selectKeyboardStrategy = {
1266
1259
 
1267
1260
  ArrowDown(component, evt, ctx) {
1268
1261
  evt.preventDefault();
1269
- if (evt.altKey || evt.metaKey) {
1270
- // navigate to last enabled option
1271
- selectKeyboardStrategy.End(component, evt, ctx);
1272
- return;
1273
- }
1274
1262
  navigateArrow(component, 'down', {
1275
1263
  ctx,
1276
1264
  showFn: () => component.dropdown.show(),
1277
1265
  });
1278
1266
  },
1279
1267
 
1280
- Enter(component, evt, ctx) {
1281
- if (!ctx.isExpanded) {
1282
- component.dropdown.show();
1283
- return;
1284
- }
1268
+ Enter(component, evt) {
1269
+ evt.preventDefault();
1285
1270
  component.menu.makeSelection();
1286
1271
  },
1287
1272
 
1288
- Escape(component, evt, ctx) {
1273
+ Tab(component, evt, ctx) {
1289
1274
  if (!ctx.isExpanded) {
1290
1275
  return;
1291
1276
  }
1292
- component.dropdown.hide();
1293
- },
1294
1277
 
1295
- Tab(component, evt, ctx) {
1296
- if (!ctx.isExpanded) {
1278
+ // Shift+Tab moves the highlight to the first non-disabled option
1279
+ // without making a selection or closing the bib.
1280
+ if (evt.shiftKey) {
1281
+ evt.preventDefault();
1282
+ const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
1283
+ if (firstActive) {
1284
+ component.menu.updateActiveOption(firstActive);
1285
+ }
1297
1286
  return;
1298
1287
  }
1299
1288
 
@@ -1304,41 +1293,9 @@ const selectKeyboardStrategy = {
1304
1293
  }
1305
1294
  component.dropdown.hide();
1306
1295
  },
1307
- Home(component, evt, ctx) {
1308
- if (!ctx.isExpanded) {
1309
- return;
1310
- }
1311
- evt.preventDefault();
1312
- evt.stopPropagation();
1313
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1314
- if (firstOption) {
1315
- component.menu.updateActiveOption(firstOption);
1316
- }
1317
- },
1318
-
1319
- End(component, evt, ctx) {
1320
- if (!ctx.isExpanded) {
1321
- return;
1322
- }
1323
- evt.preventDefault();
1324
- evt.stopPropagation();
1325
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1326
- if (lastOption) {
1327
- component.menu.updateActiveOption(lastOption);
1328
- }
1329
- },
1330
1296
 
1331
- default(component, evt, ctx) {
1297
+ default(component, evt) {
1332
1298
  component.updateActiveOptionBasedOnKey(evt.key);
1333
- if (evt.key === ' ') {
1334
- evt.preventDefault();
1335
- evt.stopPropagation();
1336
- if (ctx.isExpanded) {
1337
- component.dropdown.hide();
1338
- return;
1339
- }
1340
- component.dropdown.show();
1341
- }
1342
1299
  },
1343
1300
  };
1344
1301
 
@@ -4959,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4959
4916
  }
4960
4917
  };
4961
4918
 
4962
- var formkitVersion$1 = '202604021752';
4919
+ var formkitVersion$1 = '202604021941';
4963
4920
 
4964
4921
  class AuroElement extends LitElement {
4965
4922
  static get properties() {
@@ -5140,7 +5097,6 @@ class AuroDropdown extends AuroElement {
5140
5097
  this.appearance = 'default';
5141
5098
  this.chevron = false;
5142
5099
  this.disabled = false;
5143
- this.disableKeyboardHandling = false;
5144
5100
  this.error = false;
5145
5101
  this.tabIndex = 0;
5146
5102
  this.noToggle = false;
@@ -5352,14 +5308,6 @@ class AuroDropdown extends AuroElement {
5352
5308
  reflect: true
5353
5309
  },
5354
5310
 
5355
- /**
5356
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5357
- */
5358
- disableKeyboardHandling: {
5359
- type: Boolean,
5360
- reflect: true
5361
- },
5362
-
5363
5311
  /**
5364
5312
  * @private
5365
5313
  */
@@ -5665,7 +5613,7 @@ class AuroDropdown extends AuroElement {
5665
5613
 
5666
5614
  firstUpdated() {
5667
5615
  // Configure the floater to, this will generate the ID for the bib
5668
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5616
+ this.floater.configure(this, 'auroDropdown');
5669
5617
 
5670
5618
  // Prevent `contain: layout` on the dropdown host. Layout containment
5671
5619
  // creates a containing block for position:fixed descendants (the bib),
@@ -5973,7 +5921,6 @@ class AuroDropdown extends AuroElement {
5973
5921
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5974
5922
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5975
5923
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5976
- aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
5977
5924
  @focusin="${this.handleFocusin}"
5978
5925
  @blur="${this.handleFocusOut}">
5979
5926
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6712,7 +6659,7 @@ class AuroHelpText extends LitElement {
6712
6659
  }
6713
6660
  }
6714
6661
 
6715
- var formkitVersion = '202604021752';
6662
+ var formkitVersion = '202604021941';
6716
6663
 
6717
6664
  var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.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}`;
6718
6665
 
@@ -7255,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
7255
7202
  if (this.dropdown.isPopoverVisible) {
7256
7203
  this.updateMenuShapeSize();
7257
7204
 
7258
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7259
- // No selection → first enabled option gets highlighted
7260
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7261
- this.menu.updateActiveOption(this.optionSelected);
7262
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7263
- this.menu.updateActiveOption(this.optionSelected[0]);
7264
- } else if (!this.menu.optionActive) {
7265
- // If no activeOption has yet to be set, then make the first enabled option active by default
7266
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7267
- this.menu.updateActiveOption(firstActive);
7268
- }
7269
-
7270
- // Scroll the selected option into view when dropdown opens
7271
- this.scrollSelectedOptionIntoView();
7272
7205
  if (this.dropdown.isBibFullscreen) {
7273
7206
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7274
7207
  // behind the fullscreen dialog
@@ -7280,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
7280
7213
  // multiple Lit update cycles before moving focus into the bib
7281
7214
  doubleRaf(() => {
7282
7215
  this.bibtemplate.focusCloseButton();
7216
+
7217
+ // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7218
+ // No selection → no highlight
7219
+ if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7220
+ this.menu.updateActiveOption(this.optionSelected);
7221
+ } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7222
+ this.menu.updateActiveOption(this.optionSelected[0]);
7223
+ }
7224
+
7225
+ // Scroll the selected option into view when dropdown opens
7226
+ this.scrollSelectedOptionIntoView();
7283
7227
  });
7284
7228
  } else {
7285
7229
  // wait til the bib gets fully rendered
@@ -7965,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
7965
7909
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
7966
7910
  </div>
7967
7911
  <${this.dropdownTag}
7968
- disableKeyboardHandling
7969
7912
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7970
7913
  .a11yRole=${"combobox"}
7971
7914
  ?autoPlacement="${this.autoPlacement}"
@@ -8045,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
8045
7988
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8046
7989
  </div>
8047
7990
  <${this.dropdownTag}
8048
- disableKeyboardHandling
8049
7991
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8050
7992
  .a11yRole=${"combobox"}
8051
7993
  ?autoPlacement="${this.autoPlacement}"
@@ -8131,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
8131
8073
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8132
8074
  </div>
8133
8075
  <${this.dropdownTag}
8134
- disableKeyboardHandling
8135
8076
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8136
8077
  .a11yRole=${"combobox"}
8137
8078
  ?autoPlacement="${this.autoPlacement}"
@@ -1248,16 +1248,9 @@ function navigateArrow(component, direction, options = {}) {
1248
1248
  }
1249
1249
  }
1250
1250
 
1251
- /* eslint-disable new-cap */
1252
-
1253
1251
  const selectKeyboardStrategy = {
1254
1252
  ArrowUp(component, evt, ctx) {
1255
1253
  evt.preventDefault();
1256
- if (evt.altKey || evt.metaKey) {
1257
- // navigate to first enabled option
1258
- selectKeyboardStrategy.Home(component, evt, ctx);
1259
- return;
1260
- }
1261
1254
  navigateArrow(component, 'up', {
1262
1255
  ctx,
1263
1256
  showFn: () => component.dropdown.show(),
@@ -1266,34 +1259,30 @@ const selectKeyboardStrategy = {
1266
1259
 
1267
1260
  ArrowDown(component, evt, ctx) {
1268
1261
  evt.preventDefault();
1269
- if (evt.altKey || evt.metaKey) {
1270
- // navigate to last enabled option
1271
- selectKeyboardStrategy.End(component, evt, ctx);
1272
- return;
1273
- }
1274
1262
  navigateArrow(component, 'down', {
1275
1263
  ctx,
1276
1264
  showFn: () => component.dropdown.show(),
1277
1265
  });
1278
1266
  },
1279
1267
 
1280
- Enter(component, evt, ctx) {
1281
- if (!ctx.isExpanded) {
1282
- component.dropdown.show();
1283
- return;
1284
- }
1268
+ Enter(component, evt) {
1269
+ evt.preventDefault();
1285
1270
  component.menu.makeSelection();
1286
1271
  },
1287
1272
 
1288
- Escape(component, evt, ctx) {
1273
+ Tab(component, evt, ctx) {
1289
1274
  if (!ctx.isExpanded) {
1290
1275
  return;
1291
1276
  }
1292
- component.dropdown.hide();
1293
- },
1294
1277
 
1295
- Tab(component, evt, ctx) {
1296
- if (!ctx.isExpanded) {
1278
+ // Shift+Tab moves the highlight to the first non-disabled option
1279
+ // without making a selection or closing the bib.
1280
+ if (evt.shiftKey) {
1281
+ evt.preventDefault();
1282
+ const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
1283
+ if (firstActive) {
1284
+ component.menu.updateActiveOption(firstActive);
1285
+ }
1297
1286
  return;
1298
1287
  }
1299
1288
 
@@ -1304,41 +1293,9 @@ const selectKeyboardStrategy = {
1304
1293
  }
1305
1294
  component.dropdown.hide();
1306
1295
  },
1307
- Home(component, evt, ctx) {
1308
- if (!ctx.isExpanded) {
1309
- return;
1310
- }
1311
- evt.preventDefault();
1312
- evt.stopPropagation();
1313
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1314
- if (firstOption) {
1315
- component.menu.updateActiveOption(firstOption);
1316
- }
1317
- },
1318
-
1319
- End(component, evt, ctx) {
1320
- if (!ctx.isExpanded) {
1321
- return;
1322
- }
1323
- evt.preventDefault();
1324
- evt.stopPropagation();
1325
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1326
- if (lastOption) {
1327
- component.menu.updateActiveOption(lastOption);
1328
- }
1329
- },
1330
1296
 
1331
- default(component, evt, ctx) {
1297
+ default(component, evt) {
1332
1298
  component.updateActiveOptionBasedOnKey(evt.key);
1333
- if (evt.key === ' ') {
1334
- evt.preventDefault();
1335
- evt.stopPropagation();
1336
- if (ctx.isExpanded) {
1337
- component.dropdown.hide();
1338
- return;
1339
- }
1340
- component.dropdown.show();
1341
- }
1342
1299
  },
1343
1300
  };
1344
1301
 
@@ -4959,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4959
4916
  }
4960
4917
  };
4961
4918
 
4962
- var formkitVersion$1 = '202604021752';
4919
+ var formkitVersion$1 = '202604021941';
4963
4920
 
4964
4921
  class AuroElement extends LitElement {
4965
4922
  static get properties() {
@@ -5140,7 +5097,6 @@ class AuroDropdown extends AuroElement {
5140
5097
  this.appearance = 'default';
5141
5098
  this.chevron = false;
5142
5099
  this.disabled = false;
5143
- this.disableKeyboardHandling = false;
5144
5100
  this.error = false;
5145
5101
  this.tabIndex = 0;
5146
5102
  this.noToggle = false;
@@ -5352,14 +5308,6 @@ class AuroDropdown extends AuroElement {
5352
5308
  reflect: true
5353
5309
  },
5354
5310
 
5355
- /**
5356
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5357
- */
5358
- disableKeyboardHandling: {
5359
- type: Boolean,
5360
- reflect: true
5361
- },
5362
-
5363
5311
  /**
5364
5312
  * @private
5365
5313
  */
@@ -5665,7 +5613,7 @@ class AuroDropdown extends AuroElement {
5665
5613
 
5666
5614
  firstUpdated() {
5667
5615
  // Configure the floater to, this will generate the ID for the bib
5668
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5616
+ this.floater.configure(this, 'auroDropdown');
5669
5617
 
5670
5618
  // Prevent `contain: layout` on the dropdown host. Layout containment
5671
5619
  // creates a containing block for position:fixed descendants (the bib),
@@ -5973,7 +5921,6 @@ class AuroDropdown extends AuroElement {
5973
5921
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5974
5922
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5975
5923
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5976
- aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
5977
5924
  @focusin="${this.handleFocusin}"
5978
5925
  @blur="${this.handleFocusOut}">
5979
5926
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6712,7 +6659,7 @@ class AuroHelpText extends LitElement {
6712
6659
  }
6713
6660
  }
6714
6661
 
6715
- var formkitVersion = '202604021752';
6662
+ var formkitVersion = '202604021941';
6716
6663
 
6717
6664
  var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.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}`;
6718
6665
 
@@ -7255,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
7255
7202
  if (this.dropdown.isPopoverVisible) {
7256
7203
  this.updateMenuShapeSize();
7257
7204
 
7258
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7259
- // No selection → first enabled option gets highlighted
7260
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7261
- this.menu.updateActiveOption(this.optionSelected);
7262
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7263
- this.menu.updateActiveOption(this.optionSelected[0]);
7264
- } else if (!this.menu.optionActive) {
7265
- // If no activeOption has yet to be set, then make the first enabled option active by default
7266
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7267
- this.menu.updateActiveOption(firstActive);
7268
- }
7269
-
7270
- // Scroll the selected option into view when dropdown opens
7271
- this.scrollSelectedOptionIntoView();
7272
7205
  if (this.dropdown.isBibFullscreen) {
7273
7206
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7274
7207
  // behind the fullscreen dialog
@@ -7280,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
7280
7213
  // multiple Lit update cycles before moving focus into the bib
7281
7214
  doubleRaf(() => {
7282
7215
  this.bibtemplate.focusCloseButton();
7216
+
7217
+ // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7218
+ // No selection → no highlight
7219
+ if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7220
+ this.menu.updateActiveOption(this.optionSelected);
7221
+ } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7222
+ this.menu.updateActiveOption(this.optionSelected[0]);
7223
+ }
7224
+
7225
+ // Scroll the selected option into view when dropdown opens
7226
+ this.scrollSelectedOptionIntoView();
7283
7227
  });
7284
7228
  } else {
7285
7229
  // wait til the bib gets fully rendered
@@ -7965,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
7965
7909
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
7966
7910
  </div>
7967
7911
  <${this.dropdownTag}
7968
- disableKeyboardHandling
7969
7912
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7970
7913
  .a11yRole=${"combobox"}
7971
7914
  ?autoPlacement="${this.autoPlacement}"
@@ -8045,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
8045
7988
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8046
7989
  </div>
8047
7990
  <${this.dropdownTag}
8048
- disableKeyboardHandling
8049
7991
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8050
7992
  .a11yRole=${"combobox"}
8051
7993
  ?autoPlacement="${this.autoPlacement}"
@@ -8131,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
8131
8073
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8132
8074
  </div>
8133
8075
  <${this.dropdownTag}
8134
- disableKeyboardHandling
8135
8076
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8136
8077
  .a11yRole=${"combobox"}
8137
8078
  ?autoPlacement="${this.autoPlacement}"
@@ -1,11 +1,8 @@
1
1
  export namespace selectKeyboardStrategy {
2
2
  export function ArrowUp(component: any, evt: any, ctx: any): void;
3
3
  export function ArrowDown(component: any, evt: any, ctx: any): void;
4
- export function Enter(component: any, evt: any, ctx: any): void;
5
- export function Escape(component: any, evt: any, ctx: any): void;
4
+ export function Enter(component: any, evt: any): void;
6
5
  export function Tab(component: any, evt: any, ctx: any): void;
7
- export function Home(component: any, evt: any, ctx: any): void;
8
- export function End(component: any, evt: any, ctx: any): void;
9
- function _default(component: any, evt: any, ctx: any): void;
6
+ function _default(component: any, evt: any): void;
10
7
  export { _default as default };
11
8
  }