@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
@@ -11769,16 +11769,14 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11769
11769
  this.label = 'Input label is undefined';
11770
11770
  this.layout = 'classic';
11771
11771
  this.locale = 'en-US';
11772
- this._format = undefined;
11773
-
11774
- /** @private */
11775
- this._userSetFormat = false;
11776
11772
  this.max = undefined;
11777
11773
  this.maxLength = undefined;
11778
11774
  this.min = undefined;
11779
11775
  this.minLength = undefined;
11780
11776
  this.noValidate = false;
11781
11777
  this.onDark = false;
11778
+ // Raw values returned from the input mask before model normalization.
11779
+ this._rawMaskValue = undefined;
11782
11780
  this.required = false;
11783
11781
  this.setCustomValidityForType = undefined;
11784
11782
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -11936,8 +11934,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
11936
11934
  */
11937
11935
  format: {
11938
11936
  type: String,
11939
- reflect: true,
11940
- noAccessor: true
11937
+ reflect: true
11941
11938
  },
11942
11939
 
11943
11940
  /**
@@ -12275,34 +12272,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12275
12272
  return this.max && dateFormatter$3.isValidDate(this.max) ? dateFormatter$3.stringToDateInstance(this.max) : undefined;
12276
12273
  }
12277
12274
 
12278
- get format() {
12279
- return this._format;
12280
- }
12281
-
12282
- /**
12283
- * Overrides LitElement's generated accessor so we can track whether the
12284
- * consumer explicitly set `format`. Locale-derived updates use
12285
- * `_setFormatFromLocale` instead, which skips this flag.
12286
- */
12287
- set format(value) {
12288
- const oldValue = this._format;
12289
- this._format = value;
12290
- this._userSetFormat = true;
12291
- this.requestUpdate('format', oldValue);
12292
- }
12293
-
12294
- /**
12295
- * Sets format without marking it as user-set. Used by locale auto-derive
12296
- * so that a subsequent locale change can still update the format.
12297
- * @private
12298
- * @param {string} value
12299
- */
12300
- _setFormatFromLocale(value) {
12301
- const oldValue = this._format;
12302
- this._format = value;
12303
- this.requestUpdate('format', oldValue);
12304
- }
12305
-
12306
12275
  connectedCallback() {
12307
12276
  super.connectedCallback();
12308
12277
 
@@ -12356,7 +12325,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12356
12325
  // format silently misses the map and leaves `setCustomValidityForType`
12357
12326
  // unset.
12358
12327
  if (this.format) {
12359
- this._setFormatFromLocale(this.format.toLowerCase());
12328
+ this.format = this.format.toLowerCase();
12360
12329
  }
12361
12330
 
12362
12331
  // use validity message override if declared when initializing the component
@@ -12465,10 +12434,12 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12465
12434
  updated(changedProperties) {
12466
12435
  super.updated(changedProperties);
12467
12436
 
12468
- // When locale changes, auto-derive format unless the consumer explicitly set one.
12437
+ // When locale changes without an explicit format override, derive format from the new locale.
12438
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
12469
12439
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
12470
- if (!this._userSetFormat) {
12471
- this._setFormatFromLocale(getDateFormatFromLocale$3(this.locale));
12440
+ const previousLocaleFormat = getDateFormatFromLocale$3(changedProperties.get('locale'));
12441
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
12442
+ this.format = getDateFormatFromLocale$3(this.locale);
12472
12443
  }
12473
12444
  }
12474
12445
 
@@ -12639,6 +12610,9 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12639
12610
  this.maskInstance.on('accept', () => {
12640
12611
  if (this._configuringMask) return;
12641
12612
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
12613
+ if (this.type === "date") {
12614
+ this._rawMaskValue = this.maskInstance.value;
12615
+ }
12642
12616
  });
12643
12617
 
12644
12618
  // Mask fires 'complete' on the restore step below for any value that
@@ -12646,6 +12620,9 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12646
12620
  this.maskInstance.on('complete', () => {
12647
12621
  if (this._configuringMask) return;
12648
12622
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
12623
+ if (this.type === "date") {
12624
+ this._rawMaskValue = this.maskInstance.value;
12625
+ }
12649
12626
  });
12650
12627
 
12651
12628
  // Write existingValue through the mask (not the input directly) so
@@ -12882,7 +12859,8 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12882
12859
 
12883
12860
  // Set default date format if type=date and no format is defined
12884
12861
  if (this.type === "date" && !this.format) {
12885
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
12862
+ // Use locale to determine default date format
12863
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
12886
12864
  this.util.updateFormat(this.format);
12887
12865
  }
12888
12866
  }
@@ -12911,7 +12889,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
12911
12889
  const creditCard = this.matchInputValueToCreditCard();
12912
12890
  const previousFormat = this.format;
12913
12891
 
12914
- this._setFormatFromLocale(creditCard.maskFormat);
12892
+ this.format = creditCard.maskFormat;
12915
12893
 
12916
12894
  this.maxLength = creditCard.formatLength;
12917
12895
  this.minLength = creditCard.formatMinLength;
@@ -13385,7 +13363,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
13385
13363
  }
13386
13364
  };
13387
13365
 
13388
- var formkitVersion$8 = '202607022131';
13366
+ var formkitVersion$8 = '202607022008';
13389
13367
 
13390
13368
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13391
13369
  // See LICENSE in the project root for license information.
@@ -27755,7 +27733,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
27755
27733
  }
27756
27734
  };
27757
27735
 
27758
- var formkitVersion$2$1 = '202607022131';
27736
+ var formkitVersion$2$1 = '202607022008';
27759
27737
 
27760
27738
  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$2`${s$3(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$6`: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}
27761
27739
  `,u$4$2=i$6`.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}}
@@ -33573,7 +33551,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
33573
33551
  }
33574
33552
  };
33575
33553
 
33576
- var formkitVersion$1$3 = '202607022131';
33554
+ var formkitVersion$1$3 = '202607022008';
33577
33555
 
33578
33556
  let AuroElement$2$2 = class AuroElement extends i$3 {
33579
33557
  static get properties() {
@@ -45581,16 +45559,14 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45581
45559
  this.label = 'Input label is undefined';
45582
45560
  this.layout = 'classic';
45583
45561
  this.locale = 'en-US';
45584
- this._format = undefined;
45585
-
45586
- /** @private */
45587
- this._userSetFormat = false;
45588
45562
  this.max = undefined;
45589
45563
  this.maxLength = undefined;
45590
45564
  this.min = undefined;
45591
45565
  this.minLength = undefined;
45592
45566
  this.noValidate = false;
45593
45567
  this.onDark = false;
45568
+ // Raw values returned from the input mask before model normalization.
45569
+ this._rawMaskValue = undefined;
45594
45570
  this.required = false;
45595
45571
  this.setCustomValidityForType = undefined;
45596
45572
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -45748,8 +45724,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45748
45724
  */
45749
45725
  format: {
45750
45726
  type: String,
45751
- reflect: true,
45752
- noAccessor: true
45727
+ reflect: true
45753
45728
  },
45754
45729
 
45755
45730
  /**
@@ -46087,34 +46062,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46087
46062
  return this.max && dateFormatter$2.isValidDate(this.max) ? dateFormatter$2.stringToDateInstance(this.max) : undefined;
46088
46063
  }
46089
46064
 
46090
- get format() {
46091
- return this._format;
46092
- }
46093
-
46094
- /**
46095
- * Overrides LitElement's generated accessor so we can track whether the
46096
- * consumer explicitly set `format`. Locale-derived updates use
46097
- * `_setFormatFromLocale` instead, which skips this flag.
46098
- */
46099
- set format(value) {
46100
- const oldValue = this._format;
46101
- this._format = value;
46102
- this._userSetFormat = true;
46103
- this.requestUpdate('format', oldValue);
46104
- }
46105
-
46106
- /**
46107
- * Sets format without marking it as user-set. Used by locale auto-derive
46108
- * so that a subsequent locale change can still update the format.
46109
- * @private
46110
- * @param {string} value
46111
- */
46112
- _setFormatFromLocale(value) {
46113
- const oldValue = this._format;
46114
- this._format = value;
46115
- this.requestUpdate('format', oldValue);
46116
- }
46117
-
46118
46065
  connectedCallback() {
46119
46066
  super.connectedCallback();
46120
46067
 
@@ -46168,7 +46115,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46168
46115
  // format silently misses the map and leaves `setCustomValidityForType`
46169
46116
  // unset.
46170
46117
  if (this.format) {
46171
- this._setFormatFromLocale(this.format.toLowerCase());
46118
+ this.format = this.format.toLowerCase();
46172
46119
  }
46173
46120
 
46174
46121
  // use validity message override if declared when initializing the component
@@ -46277,10 +46224,12 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46277
46224
  updated(changedProperties) {
46278
46225
  super.updated(changedProperties);
46279
46226
 
46280
- // When locale changes, auto-derive format unless the consumer explicitly set one.
46227
+ // When locale changes without an explicit format override, derive format from the new locale.
46228
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
46281
46229
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
46282
- if (!this._userSetFormat) {
46283
- this._setFormatFromLocale(getDateFormatFromLocale$2(this.locale));
46230
+ const previousLocaleFormat = getDateFormatFromLocale$2(changedProperties.get('locale'));
46231
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
46232
+ this.format = getDateFormatFromLocale$2(this.locale);
46284
46233
  }
46285
46234
  }
46286
46235
 
@@ -46451,6 +46400,9 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46451
46400
  this.maskInstance.on('accept', () => {
46452
46401
  if (this._configuringMask) return;
46453
46402
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
46403
+ if (this.type === "date") {
46404
+ this._rawMaskValue = this.maskInstance.value;
46405
+ }
46454
46406
  });
46455
46407
 
46456
46408
  // Mask fires 'complete' on the restore step below for any value that
@@ -46458,6 +46410,9 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46458
46410
  this.maskInstance.on('complete', () => {
46459
46411
  if (this._configuringMask) return;
46460
46412
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
46413
+ if (this.type === "date") {
46414
+ this._rawMaskValue = this.maskInstance.value;
46415
+ }
46461
46416
  });
46462
46417
 
46463
46418
  // Write existingValue through the mask (not the input directly) so
@@ -46694,7 +46649,8 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46694
46649
 
46695
46650
  // Set default date format if type=date and no format is defined
46696
46651
  if (this.type === "date" && !this.format) {
46697
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
46652
+ // Use locale to determine default date format
46653
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
46698
46654
  this.util.updateFormat(this.format);
46699
46655
  }
46700
46656
  }
@@ -46723,7 +46679,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
46723
46679
  const creditCard = this.matchInputValueToCreditCard();
46724
46680
  const previousFormat = this.format;
46725
46681
 
46726
- this._setFormatFromLocale(creditCard.maskFormat);
46682
+ this.format = creditCard.maskFormat;
46727
46683
 
46728
46684
  this.maxLength = creditCard.formatLength;
46729
46685
  this.minLength = creditCard.formatMinLength;
@@ -47197,7 +47153,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
47197
47153
  }
47198
47154
  };
47199
47155
 
47200
- var formkitVersion$7 = '202607022131';
47156
+ var formkitVersion$7 = '202607022008';
47201
47157
 
47202
47158
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
47203
47159
  // See LICENSE in the project root for license information.
@@ -52079,7 +52035,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
52079
52035
  }
52080
52036
  };
52081
52037
 
52082
- var formkitVersion$1$2 = '202607022131';
52038
+ var formkitVersion$1$2 = '202607022008';
52083
52039
 
52084
52040
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
52085
52041
  // See LICENSE in the project root for license information.
@@ -56407,7 +56363,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
56407
56363
  }
56408
56364
  };
56409
56365
 
56410
- var formkitVersion$6 = '202607022131';
56366
+ var formkitVersion$6 = '202607022008';
56411
56367
 
56412
56368
  let AuroElement$1$2 = class AuroElement extends i$3 {
56413
56369
  static get properties() {
@@ -60387,7 +60343,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
60387
60343
  }
60388
60344
  };
60389
60345
 
60390
- var formkitVersion$5 = '202607022131';
60346
+ var formkitVersion$5 = '202607022008';
60391
60347
 
60392
60348
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
60393
60349
  // See LICENSE in the project root for license information.
@@ -62152,7 +62108,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
62152
62108
  }
62153
62109
  };
62154
62110
 
62155
- var formkitVersion$4 = '202607022131';
62111
+ var formkitVersion$4 = '202607022008';
62156
62112
 
62157
62113
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
62158
62114
  // See LICENSE in the project root for license information.
@@ -67373,7 +67329,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
67373
67329
  }
67374
67330
  };
67375
67331
 
67376
- var formkitVersion$2 = '202607022131';
67332
+ var formkitVersion$2 = '202607022008';
67377
67333
 
67378
67334
  let AuroElement$2$1 = class AuroElement extends i$3 {
67379
67335
  static get properties() {
@@ -79381,16 +79337,14 @@ class BaseInput extends AuroElement$1$1 {
79381
79337
  this.label = 'Input label is undefined';
79382
79338
  this.layout = 'classic';
79383
79339
  this.locale = 'en-US';
79384
- this._format = undefined;
79385
-
79386
- /** @private */
79387
- this._userSetFormat = false;
79388
79340
  this.max = undefined;
79389
79341
  this.maxLength = undefined;
79390
79342
  this.min = undefined;
79391
79343
  this.minLength = undefined;
79392
79344
  this.noValidate = false;
79393
79345
  this.onDark = false;
79346
+ // Raw values returned from the input mask before model normalization.
79347
+ this._rawMaskValue = undefined;
79394
79348
  this.required = false;
79395
79349
  this.setCustomValidityForType = undefined;
79396
79350
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -79548,8 +79502,7 @@ class BaseInput extends AuroElement$1$1 {
79548
79502
  */
79549
79503
  format: {
79550
79504
  type: String,
79551
- reflect: true,
79552
- noAccessor: true
79505
+ reflect: true
79553
79506
  },
79554
79507
 
79555
79508
  /**
@@ -79887,34 +79840,6 @@ class BaseInput extends AuroElement$1$1 {
79887
79840
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
79888
79841
  }
79889
79842
 
79890
- get format() {
79891
- return this._format;
79892
- }
79893
-
79894
- /**
79895
- * Overrides LitElement's generated accessor so we can track whether the
79896
- * consumer explicitly set `format`. Locale-derived updates use
79897
- * `_setFormatFromLocale` instead, which skips this flag.
79898
- */
79899
- set format(value) {
79900
- const oldValue = this._format;
79901
- this._format = value;
79902
- this._userSetFormat = true;
79903
- this.requestUpdate('format', oldValue);
79904
- }
79905
-
79906
- /**
79907
- * Sets format without marking it as user-set. Used by locale auto-derive
79908
- * so that a subsequent locale change can still update the format.
79909
- * @private
79910
- * @param {string} value
79911
- */
79912
- _setFormatFromLocale(value) {
79913
- const oldValue = this._format;
79914
- this._format = value;
79915
- this.requestUpdate('format', oldValue);
79916
- }
79917
-
79918
79843
  connectedCallback() {
79919
79844
  super.connectedCallback();
79920
79845
 
@@ -79968,7 +79893,7 @@ class BaseInput extends AuroElement$1$1 {
79968
79893
  // format silently misses the map and leaves `setCustomValidityForType`
79969
79894
  // unset.
79970
79895
  if (this.format) {
79971
- this._setFormatFromLocale(this.format.toLowerCase());
79896
+ this.format = this.format.toLowerCase();
79972
79897
  }
79973
79898
 
79974
79899
  // use validity message override if declared when initializing the component
@@ -80077,10 +80002,12 @@ class BaseInput extends AuroElement$1$1 {
80077
80002
  updated(changedProperties) {
80078
80003
  super.updated(changedProperties);
80079
80004
 
80080
- // When locale changes, auto-derive format unless the consumer explicitly set one.
80005
+ // When locale changes without an explicit format override, derive format from the new locale.
80006
+ // Only runs if the current format is still the previous locale's default (not user-overridden).
80081
80007
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
80082
- if (!this._userSetFormat) {
80083
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
80008
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
80009
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
80010
+ this.format = getDateFormatFromLocale(this.locale);
80084
80011
  }
80085
80012
  }
80086
80013
 
@@ -80251,6 +80178,9 @@ class BaseInput extends AuroElement$1$1 {
80251
80178
  this.maskInstance.on('accept', () => {
80252
80179
  if (this._configuringMask) return;
80253
80180
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
80181
+ if (this.type === "date") {
80182
+ this._rawMaskValue = this.maskInstance.value;
80183
+ }
80254
80184
  });
80255
80185
 
80256
80186
  // Mask fires 'complete' on the restore step below for any value that
@@ -80258,6 +80188,9 @@ class BaseInput extends AuroElement$1$1 {
80258
80188
  this.maskInstance.on('complete', () => {
80259
80189
  if (this._configuringMask) return;
80260
80190
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
80191
+ if (this.type === "date") {
80192
+ this._rawMaskValue = this.maskInstance.value;
80193
+ }
80261
80194
  });
80262
80195
 
80263
80196
  // Write existingValue through the mask (not the input directly) so
@@ -80494,7 +80427,8 @@ class BaseInput extends AuroElement$1$1 {
80494
80427
 
80495
80428
  // Set default date format if type=date and no format is defined
80496
80429
  if (this.type === "date" && !this.format) {
80497
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
80430
+ // Use locale to determine default date format
80431
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
80498
80432
  this.util.updateFormat(this.format);
80499
80433
  }
80500
80434
  }
@@ -80523,7 +80457,7 @@ class BaseInput extends AuroElement$1$1 {
80523
80457
  const creditCard = this.matchInputValueToCreditCard();
80524
80458
  const previousFormat = this.format;
80525
80459
 
80526
- this._setFormatFromLocale(creditCard.maskFormat);
80460
+ this.format = creditCard.maskFormat;
80527
80461
 
80528
80462
  this.maxLength = creditCard.formatLength;
80529
80463
  this.minLength = creditCard.formatMinLength;
@@ -80997,7 +80931,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
80997
80931
  }
80998
80932
  };
80999
80933
 
81000
- var formkitVersion$1$1 = '202607022131';
80934
+ var formkitVersion$1$1 = '202607022008';
81001
80935
 
81002
80936
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
81003
80937
  // See LICENSE in the project root for license information.
@@ -82123,7 +82057,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
82123
82057
  }
82124
82058
  };
82125
82059
 
82126
- var formkitVersion$3 = '202607022131';
82060
+ var formkitVersion$3 = '202607022008';
82127
82061
 
82128
82062
  var styleCss$1$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}: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}`;
82129
82063
 
@@ -86900,9 +86834,6 @@ function navigateArrow(component, direction, options = {}) {
86900
86834
  * @param {HTMLElement | null | undefined} menu - The auro-menu element.
86901
86835
  * @returns {Array<HTMLElement>} Non-disabled options, empty array when none.
86902
86836
  */
86903
- function getEnabledOptions(menu) {
86904
- return (menu?.options || []).filter((option) => !option.disabled);
86905
- }
86906
86837
 
86907
86838
  /**
86908
86839
  * Returns the active (selectable + visible) options for type-ahead navigation.
@@ -86972,8 +86903,10 @@ const selectKeyboardStrategy = {
86972
86903
  End(component, evt, ctx) {
86973
86904
  evt.preventDefault();
86974
86905
  evt.stopPropagation();
86975
- // `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
86976
- const lastOption = getEnabledOptions(component.menu).pop();
86906
+ // `pop()` is safe here: getActiveOptions returns a fresh filtered array.
86907
+ // Uses "active" (not "enabled") so hidden and static rows — which a screen
86908
+ // reader must not announce as focused — are skipped.
86909
+ const lastOption = getActiveOptions(component.menu).pop();
86977
86910
  if (!lastOption) {
86978
86911
  return;
86979
86912
  }
@@ -87004,7 +86937,7 @@ const selectKeyboardStrategy = {
87004
86937
  Home(component, evt, ctx) {
87005
86938
  evt.preventDefault();
87006
86939
  evt.stopPropagation();
87007
- const [firstOption] = getEnabledOptions(component.menu);
86940
+ const [firstOption] = getActiveOptions(component.menu);
87008
86941
  if (!firstOption) {
87009
86942
  return;
87010
86943
  }
@@ -87029,6 +86962,15 @@ const selectKeyboardStrategy = {
87029
86962
  },
87030
86963
 
87031
86964
  default(component, evt, ctx) {
86965
+ // Ignore keys chorded with Ctrl/Meta/Alt so browser/OS shortcuts
86966
+ // (Cmd+C, Ctrl+V, Alt+X, Cmd+Space, …) don't leak into typeahead
86967
+ // or toggle the bib. Native <select> ignores modified keys.
86968
+ // ArrowUp/ArrowDown handle modifier+arrow explicitly above; this
86969
+ // guard only affects the default (printable/Space) branch.
86970
+ if (evt.ctrlKey || evt.metaKey || evt.altKey) {
86971
+ return;
86972
+ }
86973
+
87032
86974
  // Space resolves to either typeahead-buffer extension or bib toggle
87033
86975
  // depending on whether a type-ahead buffer is active. Mirrors native
87034
86976
  // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space
@@ -90959,7 +90901,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
90959
90901
  }
90960
90902
  };
90961
90903
 
90962
- var formkitVersion$1 = '202607022131';
90904
+ var formkitVersion$1 = '202607022008';
90963
90905
 
90964
90906
  class AuroElement extends i$3 {
90965
90907
  static get properties() {
@@ -92998,7 +92940,7 @@ class AuroHelpText extends i$3 {
92998
92940
  }
92999
92941
  }
93000
92942
 
93001
- var formkitVersion = '202607022131';
92943
+ var formkitVersion = '202607022008';
93002
92944
 
93003
92945
  var styleCss = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);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}`;
93004
92946
 
@@ -93562,8 +93504,11 @@ class AuroSelect extends AuroElement$1 {
93562
93504
  } else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
93563
93505
  this.menu.updateActiveOption(this.optionSelected[0]);
93564
93506
  } else {
93565
- // If no activeOption has yet to be set, then make the first enabled option active by default
93566
- const [firstActive] = getEnabledOptions(this.menu);
93507
+ // If no activeOption has yet to be set, make the first active option
93508
+ // (non-disabled, non-hidden, non-static) active by default. "Active" —
93509
+ // not just "enabled" — so hidden rows and static placeholders never
93510
+ // land in aria-activedescendant on open.
93511
+ const [firstActive] = getActiveOptions(this.menu);
93567
93512
  this.menu.updateActiveOption(firstActive);
93568
93513
  }
93569
93514
  }
@@ -93809,6 +93754,12 @@ class AuroSelect extends AuroElement$1 {
93809
93754
 
93810
93755
  /**
93811
93756
  * Binds all behavior needed to the menu after rendering.
93757
+ *
93758
+ * The `<auro-menu>` reference is captured once and not re-targeted on
93759
+ * `slotchange`. Runtime option mutations are covered via
93760
+ * `auroMenu-optionsChange`, so swap options inside the menu freely; do not
93761
+ * swap the `<auro-menu>` element itself under a live select — remount the
93762
+ * parent `<auro-select>` instead.
93812
93763
  * @private
93813
93764
  * @returns {void}
93814
93765
  */
@@ -93867,6 +93818,15 @@ class AuroSelect extends AuroElement$1 {
93867
93818
  if (this.menu.optionSelected !== undefined) {
93868
93819
  return;
93869
93820
  }
93821
+ // Skip when the select is already cleared (valueless click with no
93822
+ // prior selection): value/optionSelected are already empty and there
93823
+ // is no stale trigger text to refresh, so updateDisplayedValue would
93824
+ // just churn the DOM and request a needless dropdown re-render.
93825
+ const hasStaleState = this.value !== undefined ||
93826
+ (this.multiSelect ? this.optionSelected?.length > 0 : this.optionSelected !== undefined);
93827
+ if (!hasStaleState) {
93828
+ return;
93829
+ }
93870
93830
  this.value = undefined;
93871
93831
  this.optionSelected = this.multiSelect ? [] : undefined;
93872
93832
  // The trigger label is rendered imperatively into #value, so a property
@@ -93896,10 +93856,15 @@ class AuroSelect extends AuroElement$1 {
93896
93856
  if (this.dropdown.isPopoverVisible) {
93897
93857
  announceToScreenReader(this._getAnnouncementRoot(), message);
93898
93858
  } else {
93899
- // Typeahead-on-closed fires this event before `show()` flips
93900
- // isPopoverVisible. Defer so the announcement targets the bib's
93901
- // live region once the fullscreen <dialog> opens otherwise it
93902
- // lands in the host root, which is inert under the active modal.
93859
+ // Typeahead-on-closed calls updateActiveOption() before show(), so
93860
+ // this handler runs with isPopoverVisible still false. queueMicrotask
93861
+ // is safe because show() showBib() flips isPopoverVisible and
93862
+ // dialog.showModal() both run synchronously in the same task; the
93863
+ // microtask queue only drains once _handleTypeahead unwinds, by
93864
+ // which point _getAnnouncementRoot() resolves to the bib's shadow
93865
+ // root inside the now-open modal. Do NOT switch to auroDropdown-toggled
93866
+ // — it fires before showModal(), landing the announcement in the
93867
+ // host root while the dialog is still not-yet-modal.
93903
93868
  queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
93904
93869
  }
93905
93870
  }
@@ -94293,6 +94258,13 @@ class AuroSelect extends AuroElement$1 {
94293
94258
  }
94294
94259
 
94295
94260
  if (changedProperties.has('value')) {
94261
+ // A value change ends the current interaction — whether it came from a
94262
+ // user commit, programmatic assignment, or reset(). Clear the buffer so
94263
+ // a stale prefix does not concatenate onto the next keystroke while the
94264
+ // host still has focus (the blur listener would otherwise be the only
94265
+ // focus-retained clear point, and hideBib() below does not blur).
94266
+ this._clearTypeaheadBuffer();
94267
+
94296
94268
  this.setMenuValue(this.value);
94297
94269
 
94298
94270
  this._updateNativeSelect();
@@ -94348,6 +94320,9 @@ class AuroSelect extends AuroElement$1 {
94348
94320
  * @returns {void}
94349
94321
  */
94350
94322
  reset() {
94323
+ // Defense-in-depth: updated()'s value-change branch also clears, but
94324
+ // reset-to-same-value (e.g. undefined → undefined) skips that path.
94325
+ this._clearTypeaheadBuffer();
94351
94326
  this.menu.reset();
94352
94327
  this.validation.reset(this);
94353
94328
  }
@@ -94370,8 +94345,13 @@ class AuroSelect extends AuroElement$1 {
94370
94345
  // Hidden native <select> has no `multiple` attribute, so any change it fires
94371
94346
  // is a single raw value — applying it in multiSelect mode would collapse the
94372
94347
  // JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
94373
- // form control even with aria-hidden/tabindex=-1.
94374
- if (this.multiSelect) return;
94348
+ // form control even with aria-hidden/tabindex=-1, so revert to the expected
94349
+ // mirror (formattedValue[0]) rather than letting the native select drift and
94350
+ // silently submit the autofilled scalar under `name`.
94351
+ if (this.multiSelect) {
94352
+ this._updateNativeSelect();
94353
+ return;
94354
+ }
94375
94355
 
94376
94356
  const selectedOption = event.target.options[event.target.selectedIndex];
94377
94357
  if (!selectedOption) return;