@aurodesignsystem-dev/auro-formkit 0.0.0-pr1531.0 → 0.0.0-pr1532.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 (46) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +21 -43
  7. package/components/combobox/demo/getting-started.min.js +21 -43
  8. package/components/combobox/demo/index.min.js +21 -43
  9. package/components/combobox/dist/index.js +21 -43
  10. package/components/combobox/dist/registered.js +21 -43
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +2 -2
  14. package/components/counter/dist/registered.js +2 -2
  15. package/components/datepicker/demo/customize.min.js +21 -43
  16. package/components/datepicker/demo/index.min.js +21 -43
  17. package/components/datepicker/dist/index.js +21 -43
  18. package/components/datepicker/dist/registered.js +21 -43
  19. package/components/dropdown/demo/customize.min.js +1 -1
  20. package/components/dropdown/demo/getting-started.min.js +1 -1
  21. package/components/dropdown/demo/index.min.js +1 -1
  22. package/components/dropdown/dist/index.js +1 -1
  23. package/components/dropdown/dist/registered.js +1 -1
  24. package/components/form/demo/customize.min.js +127 -147
  25. package/components/form/demo/getting-started.min.js +127 -147
  26. package/components/form/demo/index.min.js +127 -147
  27. package/components/form/demo/registerDemoDeps.min.js +127 -147
  28. package/components/input/demo/customize.min.js +19 -41
  29. package/components/input/demo/getting-started.min.js +19 -41
  30. package/components/input/demo/index.min.js +19 -41
  31. package/components/input/dist/base-input.d.ts +4 -20
  32. package/components/input/dist/index.js +19 -41
  33. package/components/input/dist/registered.js +19 -41
  34. package/components/radio/demo/customize.min.js +1 -1
  35. package/components/radio/demo/getting-started.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/dist/index.js +1 -1
  38. package/components/radio/dist/registered.js +1 -1
  39. package/components/select/demo/customize.min.js +62 -16
  40. package/components/select/demo/getting-started.min.js +62 -16
  41. package/components/select/demo/index.min.js +62 -16
  42. package/components/select/dist/auro-select.d.ts +6 -0
  43. package/components/select/dist/index.js +62 -16
  44. package/components/select/dist/registered.js +62 -16
  45. package/custom-elements.json +44 -98
  46. package/package.json +1 -1
@@ -10728,16 +10728,14 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
10728
10728
  this.label = 'Input label is undefined';
10729
10729
  this.layout = 'classic';
10730
10730
  this.locale = 'en-US';
10731
- this._format = undefined;
10732
-
10733
- /** @private */
10734
- this._userSetFormat = false;
10735
10731
  this.max = undefined;
10736
10732
  this.maxLength = undefined;
10737
10733
  this.min = undefined;
10738
10734
  this.minLength = undefined;
10739
10735
  this.noValidate = false;
10740
10736
  this.onDark = false;
10737
+ // Raw values returned from the input mask before model normalization.
10738
+ this._rawMaskValue = undefined;
10741
10739
  this.required = false;
10742
10740
  this.setCustomValidityForType = undefined;
10743
10741
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -10895,8 +10893,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
10895
10893
  */
10896
10894
  format: {
10897
10895
  type: String,
10898
- reflect: true,
10899
- noAccessor: true
10896
+ reflect: true
10900
10897
  },
10901
10898
 
10902
10899
  /**
@@ -11234,34 +11231,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11234
11231
  return this.max && dateFormatter$3.isValidDate(this.max) ? dateFormatter$3.stringToDateInstance(this.max) : undefined;
11235
11232
  }
11236
11233
 
11237
- get format() {
11238
- return this._format;
11239
- }
11240
-
11241
- /**
11242
- * Overrides LitElement's generated accessor so we can track whether the
11243
- * consumer explicitly set `format`. Locale-derived updates use
11244
- * `_setFormatFromLocale` instead, which skips this flag.
11245
- */
11246
- set format(value) {
11247
- const oldValue = this._format;
11248
- this._format = value;
11249
- this._userSetFormat = true;
11250
- this.requestUpdate('format', oldValue);
11251
- }
11252
-
11253
- /**
11254
- * Sets format without marking it as user-set. Used by locale auto-derive
11255
- * so that a subsequent locale change can still update the format.
11256
- * @private
11257
- * @param {string} value
11258
- */
11259
- _setFormatFromLocale(value) {
11260
- const oldValue = this._format;
11261
- this._format = value;
11262
- this.requestUpdate('format', oldValue);
11263
- }
11264
-
11265
11234
  connectedCallback() {
11266
11235
  super.connectedCallback();
11267
11236
 
@@ -11315,7 +11284,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11315
11284
  // format silently misses the map and leaves `setCustomValidityForType`
11316
11285
  // unset.
11317
11286
  if (this.format) {
11318
- this._setFormatFromLocale(this.format.toLowerCase());
11287
+ this.format = this.format.toLowerCase();
11319
11288
  }
11320
11289
 
11321
11290
  // use validity message override if declared when initializing the component
@@ -11424,10 +11393,12 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11424
11393
  updated(changedProperties) {
11425
11394
  super.updated(changedProperties);
11426
11395
 
11427
- // When locale changes, auto-derive format unless the consumer explicitly set one.
11396
+ // When locale changes without an explicit format override, derive format from the new locale.
11397
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
11428
11398
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
11429
- if (!this._userSetFormat) {
11430
- this._setFormatFromLocale(getDateFormatFromLocale$3(this.locale));
11399
+ const previousLocaleFormat = getDateFormatFromLocale$3(changedProperties.get('locale'));
11400
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
11401
+ this.format = getDateFormatFromLocale$3(this.locale);
11431
11402
  }
11432
11403
  }
11433
11404
 
@@ -11598,6 +11569,9 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11598
11569
  this.maskInstance.on('accept', () => {
11599
11570
  if (this._configuringMask) return;
11600
11571
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
11572
+ if (this.type === "date") {
11573
+ this._rawMaskValue = this.maskInstance.value;
11574
+ }
11601
11575
  });
11602
11576
 
11603
11577
  // Mask fires 'complete' on the restore step below for any value that
@@ -11605,6 +11579,9 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11605
11579
  this.maskInstance.on('complete', () => {
11606
11580
  if (this._configuringMask) return;
11607
11581
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
11582
+ if (this.type === "date") {
11583
+ this._rawMaskValue = this.maskInstance.value;
11584
+ }
11608
11585
  });
11609
11586
 
11610
11587
  // Write existingValue through the mask (not the input directly) so
@@ -11841,7 +11818,8 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11841
11818
 
11842
11819
  // Set default date format if type=date and no format is defined
11843
11820
  if (this.type === "date" && !this.format) {
11844
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
11821
+ // Use locale to determine default date format
11822
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
11845
11823
  this.util.updateFormat(this.format);
11846
11824
  }
11847
11825
  }
@@ -11870,7 +11848,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11870
11848
  const creditCard = this.matchInputValueToCreditCard();
11871
11849
  const previousFormat = this.format;
11872
11850
 
11873
- this._setFormatFromLocale(creditCard.maskFormat);
11851
+ this.format = creditCard.maskFormat;
11874
11852
 
11875
11853
  this.maxLength = creditCard.formatLength;
11876
11854
  this.minLength = creditCard.formatMinLength;
@@ -12344,7 +12322,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12344
12322
  }
12345
12323
  };
12346
12324
 
12347
- var formkitVersion$8 = '202607022131';
12325
+ var formkitVersion$8 = '202607022008';
12348
12326
 
12349
12327
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12350
12328
  // See LICENSE in the project root for license information.
@@ -26714,7 +26692,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26714
26692
  }
26715
26693
  };
26716
26694
 
26717
- var formkitVersion$2$1 = '202607022131';
26695
+ var formkitVersion$2$1 = '202607022008';
26718
26696
 
26719
26697
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26720
26698
  `,u$4$2=i$4`.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, .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, .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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .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, .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, .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, .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, .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, .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, .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(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -32532,7 +32510,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32532
32510
  }
32533
32511
  };
32534
32512
 
32535
- var formkitVersion$1$3 = '202607022131';
32513
+ var formkitVersion$1$3 = '202607022008';
32536
32514
 
32537
32515
  let AuroElement$2$2 = class AuroElement extends i$2 {
32538
32516
  static get properties() {
@@ -44540,16 +44518,14 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44540
44518
  this.label = 'Input label is undefined';
44541
44519
  this.layout = 'classic';
44542
44520
  this.locale = 'en-US';
44543
- this._format = undefined;
44544
-
44545
- /** @private */
44546
- this._userSetFormat = false;
44547
44521
  this.max = undefined;
44548
44522
  this.maxLength = undefined;
44549
44523
  this.min = undefined;
44550
44524
  this.minLength = undefined;
44551
44525
  this.noValidate = false;
44552
44526
  this.onDark = false;
44527
+ // Raw values returned from the input mask before model normalization.
44528
+ this._rawMaskValue = undefined;
44553
44529
  this.required = false;
44554
44530
  this.setCustomValidityForType = undefined;
44555
44531
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -44707,8 +44683,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44707
44683
  */
44708
44684
  format: {
44709
44685
  type: String,
44710
- reflect: true,
44711
- noAccessor: true
44686
+ reflect: true
44712
44687
  },
44713
44688
 
44714
44689
  /**
@@ -45046,34 +45021,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45046
45021
  return this.max && dateFormatter$2.isValidDate(this.max) ? dateFormatter$2.stringToDateInstance(this.max) : undefined;
45047
45022
  }
45048
45023
 
45049
- get format() {
45050
- return this._format;
45051
- }
45052
-
45053
- /**
45054
- * Overrides LitElement's generated accessor so we can track whether the
45055
- * consumer explicitly set `format`. Locale-derived updates use
45056
- * `_setFormatFromLocale` instead, which skips this flag.
45057
- */
45058
- set format(value) {
45059
- const oldValue = this._format;
45060
- this._format = value;
45061
- this._userSetFormat = true;
45062
- this.requestUpdate('format', oldValue);
45063
- }
45064
-
45065
- /**
45066
- * Sets format without marking it as user-set. Used by locale auto-derive
45067
- * so that a subsequent locale change can still update the format.
45068
- * @private
45069
- * @param {string} value
45070
- */
45071
- _setFormatFromLocale(value) {
45072
- const oldValue = this._format;
45073
- this._format = value;
45074
- this.requestUpdate('format', oldValue);
45075
- }
45076
-
45077
45024
  connectedCallback() {
45078
45025
  super.connectedCallback();
45079
45026
 
@@ -45127,7 +45074,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45127
45074
  // format silently misses the map and leaves `setCustomValidityForType`
45128
45075
  // unset.
45129
45076
  if (this.format) {
45130
- this._setFormatFromLocale(this.format.toLowerCase());
45077
+ this.format = this.format.toLowerCase();
45131
45078
  }
45132
45079
 
45133
45080
  // use validity message override if declared when initializing the component
@@ -45236,10 +45183,12 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45236
45183
  updated(changedProperties) {
45237
45184
  super.updated(changedProperties);
45238
45185
 
45239
- // When locale changes, auto-derive format unless the consumer explicitly set one.
45186
+ // When locale changes without an explicit format override, derive format from the new locale.
45187
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
45240
45188
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
45241
- if (!this._userSetFormat) {
45242
- this._setFormatFromLocale(getDateFormatFromLocale$2(this.locale));
45189
+ const previousLocaleFormat = getDateFormatFromLocale$2(changedProperties.get('locale'));
45190
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
45191
+ this.format = getDateFormatFromLocale$2(this.locale);
45243
45192
  }
45244
45193
  }
45245
45194
 
@@ -45410,6 +45359,9 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45410
45359
  this.maskInstance.on('accept', () => {
45411
45360
  if (this._configuringMask) return;
45412
45361
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
45362
+ if (this.type === "date") {
45363
+ this._rawMaskValue = this.maskInstance.value;
45364
+ }
45413
45365
  });
45414
45366
 
45415
45367
  // Mask fires 'complete' on the restore step below for any value that
@@ -45417,6 +45369,9 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45417
45369
  this.maskInstance.on('complete', () => {
45418
45370
  if (this._configuringMask) return;
45419
45371
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
45372
+ if (this.type === "date") {
45373
+ this._rawMaskValue = this.maskInstance.value;
45374
+ }
45420
45375
  });
45421
45376
 
45422
45377
  // Write existingValue through the mask (not the input directly) so
@@ -45653,7 +45608,8 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45653
45608
 
45654
45609
  // Set default date format if type=date and no format is defined
45655
45610
  if (this.type === "date" && !this.format) {
45656
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
45611
+ // Use locale to determine default date format
45612
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
45657
45613
  this.util.updateFormat(this.format);
45658
45614
  }
45659
45615
  }
@@ -45682,7 +45638,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45682
45638
  const creditCard = this.matchInputValueToCreditCard();
45683
45639
  const previousFormat = this.format;
45684
45640
 
45685
- this._setFormatFromLocale(creditCard.maskFormat);
45641
+ this.format = creditCard.maskFormat;
45686
45642
 
45687
45643
  this.maxLength = creditCard.formatLength;
45688
45644
  this.minLength = creditCard.formatMinLength;
@@ -46156,7 +46112,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46156
46112
  }
46157
46113
  };
46158
46114
 
46159
- var formkitVersion$7 = '202607022131';
46115
+ var formkitVersion$7 = '202607022008';
46160
46116
 
46161
46117
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
46162
46118
  // See LICENSE in the project root for license information.
@@ -51038,7 +50994,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51038
50994
  }
51039
50995
  };
51040
50996
 
51041
- var formkitVersion$1$2 = '202607022131';
50997
+ var formkitVersion$1$2 = '202607022008';
51042
50998
 
51043
50999
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51044
51000
  // See LICENSE in the project root for license information.
@@ -55366,7 +55322,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55366
55322
  }
55367
55323
  };
55368
55324
 
55369
- var formkitVersion$6 = '202607022131';
55325
+ var formkitVersion$6 = '202607022008';
55370
55326
 
55371
55327
  let AuroElement$1$2 = class AuroElement extends i$2 {
55372
55328
  static get properties() {
@@ -59346,7 +59302,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59346
59302
  }
59347
59303
  };
59348
59304
 
59349
- var formkitVersion$5 = '202607022131';
59305
+ var formkitVersion$5 = '202607022008';
59350
59306
 
59351
59307
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59352
59308
  // See LICENSE in the project root for license information.
@@ -61111,7 +61067,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
61111
61067
  }
61112
61068
  };
61113
61069
 
61114
- var formkitVersion$4 = '202607022131';
61070
+ var formkitVersion$4 = '202607022008';
61115
61071
 
61116
61072
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61117
61073
  // See LICENSE in the project root for license information.
@@ -66332,7 +66288,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66332
66288
  }
66333
66289
  };
66334
66290
 
66335
- var formkitVersion$2 = '202607022131';
66291
+ var formkitVersion$2 = '202607022008';
66336
66292
 
66337
66293
  let AuroElement$2$1 = class AuroElement extends i$2 {
66338
66294
  static get properties() {
@@ -78340,16 +78296,14 @@ class BaseInput extends AuroElement$1$1 {
78340
78296
  this.label = 'Input label is undefined';
78341
78297
  this.layout = 'classic';
78342
78298
  this.locale = 'en-US';
78343
- this._format = undefined;
78344
-
78345
- /** @private */
78346
- this._userSetFormat = false;
78347
78299
  this.max = undefined;
78348
78300
  this.maxLength = undefined;
78349
78301
  this.min = undefined;
78350
78302
  this.minLength = undefined;
78351
78303
  this.noValidate = false;
78352
78304
  this.onDark = false;
78305
+ // Raw values returned from the input mask before model normalization.
78306
+ this._rawMaskValue = undefined;
78353
78307
  this.required = false;
78354
78308
  this.setCustomValidityForType = undefined;
78355
78309
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -78507,8 +78461,7 @@ class BaseInput extends AuroElement$1$1 {
78507
78461
  */
78508
78462
  format: {
78509
78463
  type: String,
78510
- reflect: true,
78511
- noAccessor: true
78464
+ reflect: true
78512
78465
  },
78513
78466
 
78514
78467
  /**
@@ -78846,34 +78799,6 @@ class BaseInput extends AuroElement$1$1 {
78846
78799
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
78847
78800
  }
78848
78801
 
78849
- get format() {
78850
- return this._format;
78851
- }
78852
-
78853
- /**
78854
- * Overrides LitElement's generated accessor so we can track whether the
78855
- * consumer explicitly set `format`. Locale-derived updates use
78856
- * `_setFormatFromLocale` instead, which skips this flag.
78857
- */
78858
- set format(value) {
78859
- const oldValue = this._format;
78860
- this._format = value;
78861
- this._userSetFormat = true;
78862
- this.requestUpdate('format', oldValue);
78863
- }
78864
-
78865
- /**
78866
- * Sets format without marking it as user-set. Used by locale auto-derive
78867
- * so that a subsequent locale change can still update the format.
78868
- * @private
78869
- * @param {string} value
78870
- */
78871
- _setFormatFromLocale(value) {
78872
- const oldValue = this._format;
78873
- this._format = value;
78874
- this.requestUpdate('format', oldValue);
78875
- }
78876
-
78877
78802
  connectedCallback() {
78878
78803
  super.connectedCallback();
78879
78804
 
@@ -78927,7 +78852,7 @@ class BaseInput extends AuroElement$1$1 {
78927
78852
  // format silently misses the map and leaves `setCustomValidityForType`
78928
78853
  // unset.
78929
78854
  if (this.format) {
78930
- this._setFormatFromLocale(this.format.toLowerCase());
78855
+ this.format = this.format.toLowerCase();
78931
78856
  }
78932
78857
 
78933
78858
  // use validity message override if declared when initializing the component
@@ -79036,10 +78961,12 @@ class BaseInput extends AuroElement$1$1 {
79036
78961
  updated(changedProperties) {
79037
78962
  super.updated(changedProperties);
79038
78963
 
79039
- // When locale changes, auto-derive format unless the consumer explicitly set one.
78964
+ // When locale changes without an explicit format override, derive format from the new locale.
78965
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
79040
78966
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
79041
- if (!this._userSetFormat) {
79042
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
78967
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
78968
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
78969
+ this.format = getDateFormatFromLocale(this.locale);
79043
78970
  }
79044
78971
  }
79045
78972
 
@@ -79210,6 +79137,9 @@ class BaseInput extends AuroElement$1$1 {
79210
79137
  this.maskInstance.on('accept', () => {
79211
79138
  if (this._configuringMask) return;
79212
79139
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
79140
+ if (this.type === "date") {
79141
+ this._rawMaskValue = this.maskInstance.value;
79142
+ }
79213
79143
  });
79214
79144
 
79215
79145
  // Mask fires 'complete' on the restore step below for any value that
@@ -79217,6 +79147,9 @@ class BaseInput extends AuroElement$1$1 {
79217
79147
  this.maskInstance.on('complete', () => {
79218
79148
  if (this._configuringMask) return;
79219
79149
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
79150
+ if (this.type === "date") {
79151
+ this._rawMaskValue = this.maskInstance.value;
79152
+ }
79220
79153
  });
79221
79154
 
79222
79155
  // Write existingValue through the mask (not the input directly) so
@@ -79453,7 +79386,8 @@ class BaseInput extends AuroElement$1$1 {
79453
79386
 
79454
79387
  // Set default date format if type=date and no format is defined
79455
79388
  if (this.type === "date" && !this.format) {
79456
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
79389
+ // Use locale to determine default date format
79390
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
79457
79391
  this.util.updateFormat(this.format);
79458
79392
  }
79459
79393
  }
@@ -79482,7 +79416,7 @@ class BaseInput extends AuroElement$1$1 {
79482
79416
  const creditCard = this.matchInputValueToCreditCard();
79483
79417
  const previousFormat = this.format;
79484
79418
 
79485
- this._setFormatFromLocale(creditCard.maskFormat);
79419
+ this.format = creditCard.maskFormat;
79486
79420
 
79487
79421
  this.maxLength = creditCard.formatLength;
79488
79422
  this.minLength = creditCard.formatMinLength;
@@ -79956,7 +79890,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
79956
79890
  }
79957
79891
  };
79958
79892
 
79959
- var formkitVersion$1$1 = '202607022131';
79893
+ var formkitVersion$1$1 = '202607022008';
79960
79894
 
79961
79895
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
79962
79896
  // See LICENSE in the project root for license information.
@@ -81082,7 +81016,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81082
81016
  }
81083
81017
  };
81084
81018
 
81085
- var formkitVersion$3 = '202607022131';
81019
+ var formkitVersion$3 = '202607022008';
81086
81020
 
81087
81021
  var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
81088
81022
 
@@ -85859,9 +85793,6 @@ function navigateArrow(component, direction, options = {}) {
85859
85793
  * @param {HTMLElement | null | undefined} menu - The auro-menu element.
85860
85794
  * @returns {Array<HTMLElement>} Non-disabled options, empty array when none.
85861
85795
  */
85862
- function getEnabledOptions(menu) {
85863
- return (menu?.options || []).filter((option) => !option.disabled);
85864
- }
85865
85796
 
85866
85797
  /**
85867
85798
  * Returns the active (selectable + visible) options for type-ahead navigation.
@@ -85931,8 +85862,10 @@ const selectKeyboardStrategy = {
85931
85862
  End(component, evt, ctx) {
85932
85863
  evt.preventDefault();
85933
85864
  evt.stopPropagation();
85934
- // `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
85935
- const lastOption = getEnabledOptions(component.menu).pop();
85865
+ // `pop()` is safe here: getActiveOptions returns a fresh filtered array.
85866
+ // Uses "active" (not "enabled") so hidden and static rows — which a screen
85867
+ // reader must not announce as focused — are skipped.
85868
+ const lastOption = getActiveOptions(component.menu).pop();
85936
85869
  if (!lastOption) {
85937
85870
  return;
85938
85871
  }
@@ -85963,7 +85896,7 @@ const selectKeyboardStrategy = {
85963
85896
  Home(component, evt, ctx) {
85964
85897
  evt.preventDefault();
85965
85898
  evt.stopPropagation();
85966
- const [firstOption] = getEnabledOptions(component.menu);
85899
+ const [firstOption] = getActiveOptions(component.menu);
85967
85900
  if (!firstOption) {
85968
85901
  return;
85969
85902
  }
@@ -85988,6 +85921,15 @@ const selectKeyboardStrategy = {
85988
85921
  },
85989
85922
 
85990
85923
  default(component, evt, ctx) {
85924
+ // Ignore keys chorded with Ctrl/Meta/Alt so browser/OS shortcuts
85925
+ // (Cmd+C, Ctrl+V, Alt+X, Cmd+Space, …) don't leak into typeahead
85926
+ // or toggle the bib. Native <select> ignores modified keys.
85927
+ // ArrowUp/ArrowDown handle modifier+arrow explicitly above; this
85928
+ // guard only affects the default (printable/Space) branch.
85929
+ if (evt.ctrlKey || evt.metaKey || evt.altKey) {
85930
+ return;
85931
+ }
85932
+
85991
85933
  // Space resolves to either typeahead-buffer extension or bib toggle
85992
85934
  // depending on whether a type-ahead buffer is active. Mirrors native
85993
85935
  // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space
@@ -89918,7 +89860,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
89918
89860
  }
89919
89861
  };
89920
89862
 
89921
- var formkitVersion$1 = '202607022131';
89863
+ var formkitVersion$1 = '202607022008';
89922
89864
 
89923
89865
  class AuroElement extends i$2 {
89924
89866
  static get properties() {
@@ -91957,7 +91899,7 @@ class AuroHelpText extends i$2 {
91957
91899
  }
91958
91900
  }
91959
91901
 
91960
- var formkitVersion = '202607022131';
91902
+ var formkitVersion = '202607022008';
91961
91903
 
91962
91904
  var styleCss = i$4`.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);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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, 300);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, 300);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}`;
91963
91905
 
@@ -92521,8 +92463,11 @@ class AuroSelect extends AuroElement$1 {
92521
92463
  } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
92522
92464
  this.menu.updateActiveOption(this.optionSelected[0]);
92523
92465
  } else {
92524
- // If no activeOption has yet to be set, then make the first enabled option active by default
92525
- const [firstActive] = getEnabledOptions(this.menu);
92466
+ // If no activeOption has yet to be set, make the first active option
92467
+ // (non-disabled, non-hidden, non-static) active by default. "Active" —
92468
+ // not just "enabled" — so hidden rows and static placeholders never
92469
+ // land in aria-activedescendant on open.
92470
+ const [firstActive] = getActiveOptions(this.menu);
92526
92471
  this.menu.updateActiveOption(firstActive);
92527
92472
  }
92528
92473
  }
@@ -92768,6 +92713,12 @@ class AuroSelect extends AuroElement$1 {
92768
92713
 
92769
92714
  /**
92770
92715
  * Binds all behavior needed to the menu after rendering.
92716
+ *
92717
+ * The `<auro-menu>` reference is captured once and not re-targeted on
92718
+ * `slotchange`. Runtime option mutations are covered via
92719
+ * `auroMenu-optionsChange`, so swap options inside the menu freely; do not
92720
+ * swap the `<auro-menu>` element itself under a live select — remount the
92721
+ * parent `<auro-select>` instead.
92771
92722
  * @private
92772
92723
  * @returns {void}
92773
92724
  */
@@ -92826,6 +92777,15 @@ class AuroSelect extends AuroElement$1 {
92826
92777
  if (this.menu.optionSelected !== undefined) {
92827
92778
  return;
92828
92779
  }
92780
+ // Skip when the select is already cleared (valueless click with no
92781
+ // prior selection): value/optionSelected are already empty and there
92782
+ // is no stale trigger text to refresh, so updateDisplayedValue would
92783
+ // just churn the DOM and request a needless dropdown re-render.
92784
+ const hasStaleState = this.value !== undefined ||
92785
+ (this.multiSelect ? this.optionSelected?.length > 0 : this.optionSelected !== undefined);
92786
+ if (!hasStaleState) {
92787
+ return;
92788
+ }
92829
92789
  this.value = undefined;
92830
92790
  this.optionSelected = this.multiSelect ? [] : undefined;
92831
92791
  // The trigger label is rendered imperatively into #value, so a property
@@ -92855,10 +92815,15 @@ class AuroSelect extends AuroElement$1 {
92855
92815
  if (this.dropdown.isPopoverVisible) {
92856
92816
  announceToScreenReader(this._getAnnouncementRoot(), message);
92857
92817
  } else {
92858
- // Typeahead-on-closed fires this event before `show()` flips
92859
- // isPopoverVisible. Defer so the announcement targets the bib's
92860
- // live region once the fullscreen <dialog> opens otherwise it
92861
- // lands in the host root, which is inert under the active modal.
92818
+ // Typeahead-on-closed calls updateActiveOption() before show(), so
92819
+ // this handler runs with isPopoverVisible still false. queueMicrotask
92820
+ // is safe because show() showBib() flips isPopoverVisible and
92821
+ // dialog.showModal() both run synchronously in the same task; the
92822
+ // microtask queue only drains once _handleTypeahead unwinds, by
92823
+ // which point _getAnnouncementRoot() resolves to the bib's shadow
92824
+ // root inside the now-open modal. Do NOT switch to auroDropdown-toggled
92825
+ // — it fires before showModal(), landing the announcement in the
92826
+ // host root while the dialog is still not-yet-modal.
92862
92827
  queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
92863
92828
  }
92864
92829
  }
@@ -93252,6 +93217,13 @@ class AuroSelect extends AuroElement$1 {
93252
93217
  }
93253
93218
 
93254
93219
  if (changedProperties.has('value')) {
93220
+ // A value change ends the current interaction — whether it came from a
93221
+ // user commit, programmatic assignment, or reset(). Clear the buffer so
93222
+ // a stale prefix does not concatenate onto the next keystroke while the
93223
+ // host still has focus (the blur listener would otherwise be the only
93224
+ // focus-retained clear point, and hideBib() below does not blur).
93225
+ this._clearTypeaheadBuffer();
93226
+
93255
93227
  this.setMenuValue(this.value);
93256
93228
 
93257
93229
  this._updateNativeSelect();
@@ -93307,6 +93279,9 @@ class AuroSelect extends AuroElement$1 {
93307
93279
  * @returns {void}
93308
93280
  */
93309
93281
  reset() {
93282
+ // Defense-in-depth: updated()'s value-change branch also clears, but
93283
+ // reset-to-same-value (e.g. undefined → undefined) skips that path.
93284
+ this._clearTypeaheadBuffer();
93310
93285
  this.menu.reset();
93311
93286
  this.validation.reset(this);
93312
93287
  }
@@ -93329,8 +93304,13 @@ class AuroSelect extends AuroElement$1 {
93329
93304
  // Hidden native <select> has no `multiple` attribute, so any change it fires
93330
93305
  // is a single raw value — applying it in multiSelect mode would collapse the
93331
93306
  // JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
93332
- // form control even with aria-hidden/tabindex=-1.
93333
- if (this.multiSelect) return;
93307
+ // form control even with aria-hidden/tabindex=-1, so revert to the expected
93308
+ // mirror (formattedValue[0]) rather than letting the native select drift and
93309
+ // silently submit the autofilled scalar under `name`.
93310
+ if (this.multiSelect) {
93311
+ this._updateNativeSelect();
93312
+ return;
93313
+ }
93334
93314
 
93335
93315
  const selectedOption = event.target.options[event.target.selectedIndex];
93336
93316
  if (!selectedOption) return;