@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.3 → 0.0.0-pr1413.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +5 -15
  6. package/components/combobox/demo/index.min.js +5 -15
  7. package/components/combobox/dist/index.js +4 -14
  8. package/components/combobox/dist/registered.js +4 -14
  9. package/components/counter/demo/api.min.js +3 -13
  10. package/components/counter/demo/index.min.js +3 -13
  11. package/components/counter/dist/index.js +3 -13
  12. package/components/counter/dist/registered.js +3 -13
  13. package/components/datepicker/demo/api.min.js +22 -135
  14. package/components/datepicker/demo/index.min.js +22 -135
  15. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
  16. package/components/datepicker/dist/index.js +22 -135
  17. package/components/datepicker/dist/registered.js +22 -135
  18. package/components/dropdown/demo/api.md +28 -29
  19. package/components/dropdown/demo/api.min.js +2 -12
  20. package/components/dropdown/demo/index.min.js +2 -12
  21. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  22. package/components/dropdown/dist/index.js +2 -12
  23. package/components/dropdown/dist/registered.js +2 -12
  24. package/components/form/demo/api.min.js +58 -252
  25. package/components/form/demo/index.min.js +58 -252
  26. package/components/input/demo/api.min.js +1 -1
  27. package/components/input/demo/index.min.js +1 -1
  28. package/components/input/dist/index.js +1 -1
  29. package/components/input/dist/registered.js +1 -1
  30. package/components/menu/demo/api.min.js +1 -1
  31. package/components/menu/demo/index.min.js +1 -1
  32. package/components/menu/demo/keyboardBehavior.md +0 -0
  33. package/components/menu/dist/index.js +1 -1
  34. package/components/menu/dist/registered.js +1 -1
  35. package/components/radio/demo/api.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/demo/keyboardBehavior.md +0 -0
  38. package/components/radio/dist/index.js +1 -1
  39. package/components/radio/dist/registered.js +1 -1
  40. package/components/select/demo/api.min.js +26 -87
  41. package/components/select/demo/index.min.js +26 -87
  42. package/components/select/demo/keyboardBehavior.md +3 -3
  43. package/components/select/dist/index.js +25 -86
  44. package/components/select/dist/registered.js +25 -86
  45. package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
  46. package/custom-elements.json +246 -265
  47. package/package.json +3 -3
  48. /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
@@ -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,36 +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) {
1268
+ Enter(component, evt) {
1281
1269
  evt.preventDefault();
1282
- evt.stopPropagation();
1283
- if (!ctx.isExpanded) {
1284
- component.dropdown.show();
1285
- return;
1286
- }
1287
1270
  component.menu.makeSelection();
1288
1271
  },
1289
1272
 
1290
- Escape(component, evt, ctx) {
1273
+ Tab(component, evt, ctx) {
1291
1274
  if (!ctx.isExpanded) {
1292
1275
  return;
1293
1276
  }
1294
- component.dropdown.hide();
1295
- },
1296
1277
 
1297
- Tab(component, evt, ctx) {
1298
- 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
+ }
1299
1286
  return;
1300
1287
  }
1301
1288
 
@@ -1306,41 +1293,9 @@ const selectKeyboardStrategy = {
1306
1293
  }
1307
1294
  component.dropdown.hide();
1308
1295
  },
1309
- Home(component, evt, ctx) {
1310
- if (!ctx.isExpanded) {
1311
- return;
1312
- }
1313
- evt.preventDefault();
1314
- evt.stopPropagation();
1315
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1316
- if (firstOption) {
1317
- component.menu.updateActiveOption(firstOption);
1318
- }
1319
- },
1320
1296
 
1321
- End(component, evt, ctx) {
1322
- if (!ctx.isExpanded) {
1323
- return;
1324
- }
1325
- evt.preventDefault();
1326
- evt.stopPropagation();
1327
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1328
- if (lastOption) {
1329
- component.menu.updateActiveOption(lastOption);
1330
- }
1331
- },
1332
-
1333
- default(component, evt, ctx) {
1297
+ default(component, evt) {
1334
1298
  component.updateActiveOptionBasedOnKey(evt.key);
1335
- if (evt.key === ' ') {
1336
- evt.preventDefault();
1337
- evt.stopPropagation();
1338
- if (ctx.isExpanded) {
1339
- component.dropdown.hide();
1340
- return;
1341
- }
1342
- component.dropdown.show();
1343
- }
1344
1299
  },
1345
1300
  };
1346
1301
 
@@ -4961,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4961
4916
  }
4962
4917
  };
4963
4918
 
4964
- var formkitVersion$1 = '202604021808';
4919
+ var formkitVersion$1 = '202604021941';
4965
4920
 
4966
4921
  class AuroElement extends LitElement {
4967
4922
  static get properties() {
@@ -5142,7 +5097,6 @@ class AuroDropdown extends AuroElement {
5142
5097
  this.appearance = 'default';
5143
5098
  this.chevron = false;
5144
5099
  this.disabled = false;
5145
- this.disableKeyboardHandling = false;
5146
5100
  this.error = false;
5147
5101
  this.tabIndex = 0;
5148
5102
  this.noToggle = false;
@@ -5354,14 +5308,6 @@ class AuroDropdown extends AuroElement {
5354
5308
  reflect: true
5355
5309
  },
5356
5310
 
5357
- /**
5358
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5359
- */
5360
- disableKeyboardHandling: {
5361
- type: Boolean,
5362
- reflect: true
5363
- },
5364
-
5365
5311
  /**
5366
5312
  * @private
5367
5313
  */
@@ -5667,7 +5613,7 @@ class AuroDropdown extends AuroElement {
5667
5613
 
5668
5614
  firstUpdated() {
5669
5615
  // Configure the floater to, this will generate the ID for the bib
5670
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5616
+ this.floater.configure(this, 'auroDropdown');
5671
5617
 
5672
5618
  // Prevent `contain: layout` on the dropdown host. Layout containment
5673
5619
  // creates a containing block for position:fixed descendants (the bib),
@@ -5975,7 +5921,6 @@ class AuroDropdown extends AuroElement {
5975
5921
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5976
5922
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5977
5923
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5978
- aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
5979
5924
  @focusin="${this.handleFocusin}"
5980
5925
  @blur="${this.handleFocusOut}">
5981
5926
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6714,7 +6659,7 @@ class AuroHelpText extends LitElement {
6714
6659
  }
6715
6660
  }
6716
6661
 
6717
- var formkitVersion = '202604021808';
6662
+ var formkitVersion = '202604021941';
6718
6663
 
6719
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}`;
6720
6665
 
@@ -7257,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
7257
7202
  if (this.dropdown.isPopoverVisible) {
7258
7203
  this.updateMenuShapeSize();
7259
7204
 
7260
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7261
- // No selection → first enabled option gets highlighted
7262
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7263
- this.menu.updateActiveOption(this.optionSelected);
7264
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7265
- this.menu.updateActiveOption(this.optionSelected[0]);
7266
- } else if (!this.menu.optionActive) {
7267
- // If no activeOption has yet to be set, then make the first enabled option active by default
7268
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7269
- this.menu.updateActiveOption(firstActive);
7270
- }
7271
-
7272
- // Scroll the selected option into view when dropdown opens
7273
- this.scrollSelectedOptionIntoView();
7274
7205
  if (this.dropdown.isBibFullscreen) {
7275
7206
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7276
7207
  // behind the fullscreen dialog
@@ -7282,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
7282
7213
  // multiple Lit update cycles before moving focus into the bib
7283
7214
  doubleRaf(() => {
7284
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();
7285
7227
  });
7286
7228
  } else {
7287
7229
  // wait til the bib gets fully rendered
@@ -7967,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
7967
7909
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
7968
7910
  </div>
7969
7911
  <${this.dropdownTag}
7970
- disableKeyboardHandling
7971
7912
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7972
7913
  .a11yRole=${"combobox"}
7973
7914
  ?autoPlacement="${this.autoPlacement}"
@@ -8047,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
8047
7988
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8048
7989
  </div>
8049
7990
  <${this.dropdownTag}
8050
- disableKeyboardHandling
8051
7991
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8052
7992
  .a11yRole=${"combobox"}
8053
7993
  ?autoPlacement="${this.autoPlacement}"
@@ -8133,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
8133
8073
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8134
8074
  </div>
8135
8075
  <${this.dropdownTag}
8136
- disableKeyboardHandling
8137
8076
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8138
8077
  .a11yRole=${"combobox"}
8139
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,36 +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) {
1268
+ Enter(component, evt) {
1281
1269
  evt.preventDefault();
1282
- evt.stopPropagation();
1283
- if (!ctx.isExpanded) {
1284
- component.dropdown.show();
1285
- return;
1286
- }
1287
1270
  component.menu.makeSelection();
1288
1271
  },
1289
1272
 
1290
- Escape(component, evt, ctx) {
1273
+ Tab(component, evt, ctx) {
1291
1274
  if (!ctx.isExpanded) {
1292
1275
  return;
1293
1276
  }
1294
- component.dropdown.hide();
1295
- },
1296
1277
 
1297
- Tab(component, evt, ctx) {
1298
- 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
+ }
1299
1286
  return;
1300
1287
  }
1301
1288
 
@@ -1306,41 +1293,9 @@ const selectKeyboardStrategy = {
1306
1293
  }
1307
1294
  component.dropdown.hide();
1308
1295
  },
1309
- Home(component, evt, ctx) {
1310
- if (!ctx.isExpanded) {
1311
- return;
1312
- }
1313
- evt.preventDefault();
1314
- evt.stopPropagation();
1315
- const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
1316
- if (firstOption) {
1317
- component.menu.updateActiveOption(firstOption);
1318
- }
1319
- },
1320
1296
 
1321
- End(component, evt, ctx) {
1322
- if (!ctx.isExpanded) {
1323
- return;
1324
- }
1325
- evt.preventDefault();
1326
- evt.stopPropagation();
1327
- const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
1328
- if (lastOption) {
1329
- component.menu.updateActiveOption(lastOption);
1330
- }
1331
- },
1332
-
1333
- default(component, evt, ctx) {
1297
+ default(component, evt) {
1334
1298
  component.updateActiveOptionBasedOnKey(evt.key);
1335
- if (evt.key === ' ') {
1336
- evt.preventDefault();
1337
- evt.stopPropagation();
1338
- if (ctx.isExpanded) {
1339
- component.dropdown.hide();
1340
- return;
1341
- }
1342
- component.dropdown.show();
1343
- }
1344
1299
  },
1345
1300
  };
1346
1301
 
@@ -4961,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4961
4916
  }
4962
4917
  };
4963
4918
 
4964
- var formkitVersion$1 = '202604021808';
4919
+ var formkitVersion$1 = '202604021941';
4965
4920
 
4966
4921
  class AuroElement extends LitElement {
4967
4922
  static get properties() {
@@ -5142,7 +5097,6 @@ class AuroDropdown extends AuroElement {
5142
5097
  this.appearance = 'default';
5143
5098
  this.chevron = false;
5144
5099
  this.disabled = false;
5145
- this.disableKeyboardHandling = false;
5146
5100
  this.error = false;
5147
5101
  this.tabIndex = 0;
5148
5102
  this.noToggle = false;
@@ -5354,14 +5308,6 @@ class AuroDropdown extends AuroElement {
5354
5308
  reflect: true
5355
5309
  },
5356
5310
 
5357
- /**
5358
- * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
5359
- */
5360
- disableKeyboardHandling: {
5361
- type: Boolean,
5362
- reflect: true
5363
- },
5364
-
5365
5311
  /**
5366
5312
  * @private
5367
5313
  */
@@ -5667,7 +5613,7 @@ class AuroDropdown extends AuroElement {
5667
5613
 
5668
5614
  firstUpdated() {
5669
5615
  // Configure the floater to, this will generate the ID for the bib
5670
- this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
5616
+ this.floater.configure(this, 'auroDropdown');
5671
5617
 
5672
5618
  // Prevent `contain: layout` on the dropdown host. Layout containment
5673
5619
  // creates a containing block for position:fixed descendants (the bib),
@@ -5975,7 +5921,6 @@ class AuroDropdown extends AuroElement {
5975
5921
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5976
5922
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5977
5923
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5978
- aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
5979
5924
  @focusin="${this.handleFocusin}"
5980
5925
  @blur="${this.handleFocusOut}">
5981
5926
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -6714,7 +6659,7 @@ class AuroHelpText extends LitElement {
6714
6659
  }
6715
6660
  }
6716
6661
 
6717
- var formkitVersion = '202604021808';
6662
+ var formkitVersion = '202604021941';
6718
6663
 
6719
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}`;
6720
6665
 
@@ -7257,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
7257
7202
  if (this.dropdown.isPopoverVisible) {
7258
7203
  this.updateMenuShapeSize();
7259
7204
 
7260
- // If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
7261
- // No selection → first enabled option gets highlighted
7262
- if (this.optionSelected && !Array.isArray(this.optionSelected)) {
7263
- this.menu.updateActiveOption(this.optionSelected);
7264
- } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
7265
- this.menu.updateActiveOption(this.optionSelected[0]);
7266
- } else if (!this.menu.optionActive) {
7267
- // If no activeOption has yet to be set, then make the first enabled option active by default
7268
- const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
7269
- this.menu.updateActiveOption(firstActive);
7270
- }
7271
-
7272
- // Scroll the selected option into view when dropdown opens
7273
- this.scrollSelectedOptionIntoView();
7274
7205
  if (this.dropdown.isBibFullscreen) {
7275
7206
  // Hide the trigger from assistive technology so VoiceOver cannot reach it
7276
7207
  // behind the fullscreen dialog
@@ -7282,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
7282
7213
  // multiple Lit update cycles before moving focus into the bib
7283
7214
  doubleRaf(() => {
7284
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();
7285
7227
  });
7286
7228
  } else {
7287
7229
  // wait til the bib gets fully rendered
@@ -7967,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
7967
7909
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
7968
7910
  </div>
7969
7911
  <${this.dropdownTag}
7970
- disableKeyboardHandling
7971
7912
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7972
7913
  .a11yRole=${"combobox"}
7973
7914
  ?autoPlacement="${this.autoPlacement}"
@@ -8047,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
8047
7988
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8048
7989
  </div>
8049
7990
  <${this.dropdownTag}
8050
- disableKeyboardHandling
8051
7991
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8052
7992
  .a11yRole=${"combobox"}
8053
7993
  ?autoPlacement="${this.autoPlacement}"
@@ -8133,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
8133
8073
  <slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
8134
8074
  </div>
8135
8075
  <${this.dropdownTag}
8136
- disableKeyboardHandling
8137
8076
  appearance="${this.onDark ? 'inverse' : this.appearance}"
8138
8077
  .a11yRole=${"combobox"}
8139
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
  }