@aurodesignsystem-dev/auro-formkit 0.0.0-pr1530.1 → 0.0.0-pr1531.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 (51) 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 +43 -21
  7. package/components/combobox/demo/getting-started.min.js +43 -21
  8. package/components/combobox/demo/index.min.js +43 -21
  9. package/components/combobox/dist/index.js +43 -21
  10. package/components/combobox/dist/registered.js +43 -21
  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/accessibility.md +4 -13
  16. package/components/datepicker/demo/api.md +1 -1
  17. package/components/datepicker/demo/customize.min.js +69 -193
  18. package/components/datepicker/demo/index.min.js +69 -193
  19. package/components/datepicker/demo/voiceover.md +1 -1
  20. package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -11
  21. package/components/datepicker/dist/auro-calendar.d.ts +2 -26
  22. package/components/datepicker/dist/auro-datepicker.d.ts +1 -9
  23. package/components/datepicker/dist/index.js +69 -193
  24. package/components/datepicker/dist/registered.js +69 -193
  25. package/components/dropdown/demo/customize.min.js +1 -1
  26. package/components/dropdown/demo/getting-started.min.js +1 -1
  27. package/components/dropdown/demo/index.min.js +1 -1
  28. package/components/dropdown/dist/index.js +1 -1
  29. package/components/dropdown/dist/registered.js +1 -1
  30. package/components/form/demo/customize.min.js +159 -239
  31. package/components/form/demo/getting-started.min.js +159 -239
  32. package/components/form/demo/index.min.js +159 -239
  33. package/components/form/demo/registerDemoDeps.min.js +159 -239
  34. package/components/input/demo/customize.min.js +41 -19
  35. package/components/input/demo/getting-started.min.js +41 -19
  36. package/components/input/demo/index.min.js +41 -19
  37. package/components/input/dist/base-input.d.ts +20 -4
  38. package/components/input/dist/index.js +41 -19
  39. package/components/input/dist/registered.js +41 -19
  40. package/components/radio/demo/customize.min.js +1 -1
  41. package/components/radio/demo/getting-started.min.js +1 -1
  42. package/components/radio/demo/index.min.js +1 -1
  43. package/components/radio/dist/index.js +1 -1
  44. package/components/radio/dist/registered.js +1 -1
  45. package/components/select/demo/customize.min.js +2 -2
  46. package/components/select/demo/getting-started.min.js +2 -2
  47. package/components/select/demo/index.min.js +2 -2
  48. package/components/select/dist/index.js +2 -2
  49. package/components/select/dist/registered.js +2 -2
  50. package/custom-elements.json +1619 -1595
  51. package/package.json +1 -1
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607022134';
1278
+ var formkitVersion = '202607022131';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607022134';
1278
+ var formkitVersion = '202607022131';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607022134';
1278
+ var formkitVersion = '202607022131';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202607022134';
1231
+ var formkitVersion = '202607022131';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202607022134';
1231
+ var formkitVersion = '202607022131';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -4879,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4879
4879
  }
4880
4880
  };
4881
4881
 
4882
- var formkitVersion$2 = '202607022134';
4882
+ var formkitVersion$2 = '202607022131';
4883
4883
 
4884
4884
  let AuroElement$2 = class AuroElement extends i$3 {
4885
4885
  static get properties() {
@@ -16894,14 +16894,16 @@ class BaseInput extends AuroElement$1 {
16894
16894
  this.label = 'Input label is undefined';
16895
16895
  this.layout = 'classic';
16896
16896
  this.locale = 'en-US';
16897
+ this._format = undefined;
16898
+
16899
+ /** @private */
16900
+ this._userSetFormat = false;
16897
16901
  this.max = undefined;
16898
16902
  this.maxLength = undefined;
16899
16903
  this.min = undefined;
16900
16904
  this.minLength = undefined;
16901
16905
  this.noValidate = false;
16902
16906
  this.onDark = false;
16903
- // Raw values returned from the input mask before model normalization.
16904
- this._rawMaskValue = undefined;
16905
16907
  this.required = false;
16906
16908
  this.setCustomValidityForType = undefined;
16907
16909
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17059,7 +17061,8 @@ class BaseInput extends AuroElement$1 {
17059
17061
  */
17060
17062
  format: {
17061
17063
  type: String,
17062
- reflect: true
17064
+ reflect: true,
17065
+ noAccessor: true
17063
17066
  },
17064
17067
 
17065
17068
  /**
@@ -17397,6 +17400,34 @@ class BaseInput extends AuroElement$1 {
17397
17400
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17398
17401
  }
17399
17402
 
17403
+ get format() {
17404
+ return this._format;
17405
+ }
17406
+
17407
+ /**
17408
+ * Overrides LitElement's generated accessor so we can track whether the
17409
+ * consumer explicitly set `format`. Locale-derived updates use
17410
+ * `_setFormatFromLocale` instead, which skips this flag.
17411
+ */
17412
+ set format(value) {
17413
+ const oldValue = this._format;
17414
+ this._format = value;
17415
+ this._userSetFormat = true;
17416
+ this.requestUpdate('format', oldValue);
17417
+ }
17418
+
17419
+ /**
17420
+ * Sets format without marking it as user-set. Used by locale auto-derive
17421
+ * so that a subsequent locale change can still update the format.
17422
+ * @private
17423
+ * @param {string} value
17424
+ */
17425
+ _setFormatFromLocale(value) {
17426
+ const oldValue = this._format;
17427
+ this._format = value;
17428
+ this.requestUpdate('format', oldValue);
17429
+ }
17430
+
17400
17431
  connectedCallback() {
17401
17432
  super.connectedCallback();
17402
17433
 
@@ -17450,7 +17481,7 @@ class BaseInput extends AuroElement$1 {
17450
17481
  // format silently misses the map and leaves `setCustomValidityForType`
17451
17482
  // unset.
17452
17483
  if (this.format) {
17453
- this.format = this.format.toLowerCase();
17484
+ this._setFormatFromLocale(this.format.toLowerCase());
17454
17485
  }
17455
17486
 
17456
17487
  // use validity message override if declared when initializing the component
@@ -17559,12 +17590,10 @@ class BaseInput extends AuroElement$1 {
17559
17590
  updated(changedProperties) {
17560
17591
  super.updated(changedProperties);
17561
17592
 
17562
- // When locale changes without an explicit format override, derive format from the new locale.
17563
- // Only runs if the current format is still the previous locale's default (not user-overridden).
17593
+ // When locale changes, auto-derive format unless the consumer explicitly set one.
17564
17594
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17565
- const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17566
- if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17567
- this.format = getDateFormatFromLocale(this.locale);
17595
+ if (!this._userSetFormat) {
17596
+ this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17568
17597
  }
17569
17598
  }
17570
17599
 
@@ -17735,9 +17764,6 @@ class BaseInput extends AuroElement$1 {
17735
17764
  this.maskInstance.on('accept', () => {
17736
17765
  if (this._configuringMask) return;
17737
17766
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17738
- if (this.type === "date") {
17739
- this._rawMaskValue = this.maskInstance.value;
17740
- }
17741
17767
  });
17742
17768
 
17743
17769
  // Mask fires 'complete' on the restore step below for any value that
@@ -17745,9 +17771,6 @@ class BaseInput extends AuroElement$1 {
17745
17771
  this.maskInstance.on('complete', () => {
17746
17772
  if (this._configuringMask) return;
17747
17773
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17748
- if (this.type === "date") {
17749
- this._rawMaskValue = this.maskInstance.value;
17750
- }
17751
17774
  });
17752
17775
 
17753
17776
  // Write existingValue through the mask (not the input directly) so
@@ -17984,8 +18007,7 @@ class BaseInput extends AuroElement$1 {
17984
18007
 
17985
18008
  // Set default date format if type=date and no format is defined
17986
18009
  if (this.type === "date" && !this.format) {
17987
- // Use locale to determine default date format
17988
- this.format = this.util.getDateMaskFromLocale().toLowerCase();
18010
+ this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17989
18011
  this.util.updateFormat(this.format);
17990
18012
  }
17991
18013
  }
@@ -18014,7 +18036,7 @@ class BaseInput extends AuroElement$1 {
18014
18036
  const creditCard = this.matchInputValueToCreditCard();
18015
18037
  const previousFormat = this.format;
18016
18038
 
18017
- this.format = creditCard.maskFormat;
18039
+ this._setFormatFromLocale(creditCard.maskFormat);
18018
18040
 
18019
18041
  this.maxLength = creditCard.formatLength;
18020
18042
  this.minLength = creditCard.formatMinLength;
@@ -18488,7 +18510,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18488
18510
  }
18489
18511
  };
18490
18512
 
18491
- var formkitVersion$1 = '202607022134';
18513
+ var formkitVersion$1 = '202607022131';
18492
18514
 
18493
18515
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18494
18516
  // See LICENSE in the project root for license information.
@@ -19614,7 +19636,7 @@ class AuroBibtemplate extends i$3 {
19614
19636
  }
19615
19637
  }
19616
19638
 
19617
- var formkitVersion = '202607022134';
19639
+ var formkitVersion = '202607022131';
19618
19640
 
19619
19641
  var styleCss$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}`;
19620
19642
 
@@ -4879,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4879
4879
  }
4880
4880
  };
4881
4881
 
4882
- var formkitVersion$2 = '202607022134';
4882
+ var formkitVersion$2 = '202607022131';
4883
4883
 
4884
4884
  let AuroElement$2 = class AuroElement extends i$3 {
4885
4885
  static get properties() {
@@ -16894,14 +16894,16 @@ class BaseInput extends AuroElement$1 {
16894
16894
  this.label = 'Input label is undefined';
16895
16895
  this.layout = 'classic';
16896
16896
  this.locale = 'en-US';
16897
+ this._format = undefined;
16898
+
16899
+ /** @private */
16900
+ this._userSetFormat = false;
16897
16901
  this.max = undefined;
16898
16902
  this.maxLength = undefined;
16899
16903
  this.min = undefined;
16900
16904
  this.minLength = undefined;
16901
16905
  this.noValidate = false;
16902
16906
  this.onDark = false;
16903
- // Raw values returned from the input mask before model normalization.
16904
- this._rawMaskValue = undefined;
16905
16907
  this.required = false;
16906
16908
  this.setCustomValidityForType = undefined;
16907
16909
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17059,7 +17061,8 @@ class BaseInput extends AuroElement$1 {
17059
17061
  */
17060
17062
  format: {
17061
17063
  type: String,
17062
- reflect: true
17064
+ reflect: true,
17065
+ noAccessor: true
17063
17066
  },
17064
17067
 
17065
17068
  /**
@@ -17397,6 +17400,34 @@ class BaseInput extends AuroElement$1 {
17397
17400
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17398
17401
  }
17399
17402
 
17403
+ get format() {
17404
+ return this._format;
17405
+ }
17406
+
17407
+ /**
17408
+ * Overrides LitElement's generated accessor so we can track whether the
17409
+ * consumer explicitly set `format`. Locale-derived updates use
17410
+ * `_setFormatFromLocale` instead, which skips this flag.
17411
+ */
17412
+ set format(value) {
17413
+ const oldValue = this._format;
17414
+ this._format = value;
17415
+ this._userSetFormat = true;
17416
+ this.requestUpdate('format', oldValue);
17417
+ }
17418
+
17419
+ /**
17420
+ * Sets format without marking it as user-set. Used by locale auto-derive
17421
+ * so that a subsequent locale change can still update the format.
17422
+ * @private
17423
+ * @param {string} value
17424
+ */
17425
+ _setFormatFromLocale(value) {
17426
+ const oldValue = this._format;
17427
+ this._format = value;
17428
+ this.requestUpdate('format', oldValue);
17429
+ }
17430
+
17400
17431
  connectedCallback() {
17401
17432
  super.connectedCallback();
17402
17433
 
@@ -17450,7 +17481,7 @@ class BaseInput extends AuroElement$1 {
17450
17481
  // format silently misses the map and leaves `setCustomValidityForType`
17451
17482
  // unset.
17452
17483
  if (this.format) {
17453
- this.format = this.format.toLowerCase();
17484
+ this._setFormatFromLocale(this.format.toLowerCase());
17454
17485
  }
17455
17486
 
17456
17487
  // use validity message override if declared when initializing the component
@@ -17559,12 +17590,10 @@ class BaseInput extends AuroElement$1 {
17559
17590
  updated(changedProperties) {
17560
17591
  super.updated(changedProperties);
17561
17592
 
17562
- // When locale changes without an explicit format override, derive format from the new locale.
17563
- // Only runs if the current format is still the previous locale's default (not user-overridden).
17593
+ // When locale changes, auto-derive format unless the consumer explicitly set one.
17564
17594
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17565
- const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17566
- if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17567
- this.format = getDateFormatFromLocale(this.locale);
17595
+ if (!this._userSetFormat) {
17596
+ this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17568
17597
  }
17569
17598
  }
17570
17599
 
@@ -17735,9 +17764,6 @@ class BaseInput extends AuroElement$1 {
17735
17764
  this.maskInstance.on('accept', () => {
17736
17765
  if (this._configuringMask) return;
17737
17766
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17738
- if (this.type === "date") {
17739
- this._rawMaskValue = this.maskInstance.value;
17740
- }
17741
17767
  });
17742
17768
 
17743
17769
  // Mask fires 'complete' on the restore step below for any value that
@@ -17745,9 +17771,6 @@ class BaseInput extends AuroElement$1 {
17745
17771
  this.maskInstance.on('complete', () => {
17746
17772
  if (this._configuringMask) return;
17747
17773
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17748
- if (this.type === "date") {
17749
- this._rawMaskValue = this.maskInstance.value;
17750
- }
17751
17774
  });
17752
17775
 
17753
17776
  // Write existingValue through the mask (not the input directly) so
@@ -17984,8 +18007,7 @@ class BaseInput extends AuroElement$1 {
17984
18007
 
17985
18008
  // Set default date format if type=date and no format is defined
17986
18009
  if (this.type === "date" && !this.format) {
17987
- // Use locale to determine default date format
17988
- this.format = this.util.getDateMaskFromLocale().toLowerCase();
18010
+ this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17989
18011
  this.util.updateFormat(this.format);
17990
18012
  }
17991
18013
  }
@@ -18014,7 +18036,7 @@ class BaseInput extends AuroElement$1 {
18014
18036
  const creditCard = this.matchInputValueToCreditCard();
18015
18037
  const previousFormat = this.format;
18016
18038
 
18017
- this.format = creditCard.maskFormat;
18039
+ this._setFormatFromLocale(creditCard.maskFormat);
18018
18040
 
18019
18041
  this.maxLength = creditCard.formatLength;
18020
18042
  this.minLength = creditCard.formatMinLength;
@@ -18488,7 +18510,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18488
18510
  }
18489
18511
  };
18490
18512
 
18491
- var formkitVersion$1 = '202607022134';
18513
+ var formkitVersion$1 = '202607022131';
18492
18514
 
18493
18515
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18494
18516
  // See LICENSE in the project root for license information.
@@ -19614,7 +19636,7 @@ class AuroBibtemplate extends i$3 {
19614
19636
  }
19615
19637
  }
19616
19638
 
19617
- var formkitVersion = '202607022134';
19639
+ var formkitVersion = '202607022131';
19618
19640
 
19619
19641
  var styleCss$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}`;
19620
19642
 
@@ -4894,7 +4894,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4894
4894
  }
4895
4895
  };
4896
4896
 
4897
- var formkitVersion$2 = '202607022134';
4897
+ var formkitVersion$2 = '202607022131';
4898
4898
 
4899
4899
  let AuroElement$2 = class AuroElement extends i$3 {
4900
4900
  static get properties() {
@@ -16909,14 +16909,16 @@ class BaseInput extends AuroElement$1 {
16909
16909
  this.label = 'Input label is undefined';
16910
16910
  this.layout = 'classic';
16911
16911
  this.locale = 'en-US';
16912
+ this._format = undefined;
16913
+
16914
+ /** @private */
16915
+ this._userSetFormat = false;
16912
16916
  this.max = undefined;
16913
16917
  this.maxLength = undefined;
16914
16918
  this.min = undefined;
16915
16919
  this.minLength = undefined;
16916
16920
  this.noValidate = false;
16917
16921
  this.onDark = false;
16918
- // Raw values returned from the input mask before model normalization.
16919
- this._rawMaskValue = undefined;
16920
16922
  this.required = false;
16921
16923
  this.setCustomValidityForType = undefined;
16922
16924
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17074,7 +17076,8 @@ class BaseInput extends AuroElement$1 {
17074
17076
  */
17075
17077
  format: {
17076
17078
  type: String,
17077
- reflect: true
17079
+ reflect: true,
17080
+ noAccessor: true
17078
17081
  },
17079
17082
 
17080
17083
  /**
@@ -17412,6 +17415,34 @@ class BaseInput extends AuroElement$1 {
17412
17415
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17413
17416
  }
17414
17417
 
17418
+ get format() {
17419
+ return this._format;
17420
+ }
17421
+
17422
+ /**
17423
+ * Overrides LitElement's generated accessor so we can track whether the
17424
+ * consumer explicitly set `format`. Locale-derived updates use
17425
+ * `_setFormatFromLocale` instead, which skips this flag.
17426
+ */
17427
+ set format(value) {
17428
+ const oldValue = this._format;
17429
+ this._format = value;
17430
+ this._userSetFormat = true;
17431
+ this.requestUpdate('format', oldValue);
17432
+ }
17433
+
17434
+ /**
17435
+ * Sets format without marking it as user-set. Used by locale auto-derive
17436
+ * so that a subsequent locale change can still update the format.
17437
+ * @private
17438
+ * @param {string} value
17439
+ */
17440
+ _setFormatFromLocale(value) {
17441
+ const oldValue = this._format;
17442
+ this._format = value;
17443
+ this.requestUpdate('format', oldValue);
17444
+ }
17445
+
17415
17446
  connectedCallback() {
17416
17447
  super.connectedCallback();
17417
17448
 
@@ -17465,7 +17496,7 @@ class BaseInput extends AuroElement$1 {
17465
17496
  // format silently misses the map and leaves `setCustomValidityForType`
17466
17497
  // unset.
17467
17498
  if (this.format) {
17468
- this.format = this.format.toLowerCase();
17499
+ this._setFormatFromLocale(this.format.toLowerCase());
17469
17500
  }
17470
17501
 
17471
17502
  // use validity message override if declared when initializing the component
@@ -17574,12 +17605,10 @@ class BaseInput extends AuroElement$1 {
17574
17605
  updated(changedProperties) {
17575
17606
  super.updated(changedProperties);
17576
17607
 
17577
- // When locale changes without an explicit format override, derive format from the new locale.
17578
- // Only runs if the current format is still the previous locale's default (not user-overridden).
17608
+ // When locale changes, auto-derive format unless the consumer explicitly set one.
17579
17609
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17580
- const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17581
- if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17582
- this.format = getDateFormatFromLocale(this.locale);
17610
+ if (!this._userSetFormat) {
17611
+ this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17583
17612
  }
17584
17613
  }
17585
17614
 
@@ -17750,9 +17779,6 @@ class BaseInput extends AuroElement$1 {
17750
17779
  this.maskInstance.on('accept', () => {
17751
17780
  if (this._configuringMask) return;
17752
17781
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17753
- if (this.type === "date") {
17754
- this._rawMaskValue = this.maskInstance.value;
17755
- }
17756
17782
  });
17757
17783
 
17758
17784
  // Mask fires 'complete' on the restore step below for any value that
@@ -17760,9 +17786,6 @@ class BaseInput extends AuroElement$1 {
17760
17786
  this.maskInstance.on('complete', () => {
17761
17787
  if (this._configuringMask) return;
17762
17788
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17763
- if (this.type === "date") {
17764
- this._rawMaskValue = this.maskInstance.value;
17765
- }
17766
17789
  });
17767
17790
 
17768
17791
  // Write existingValue through the mask (not the input directly) so
@@ -17999,8 +18022,7 @@ class BaseInput extends AuroElement$1 {
17999
18022
 
18000
18023
  // Set default date format if type=date and no format is defined
18001
18024
  if (this.type === "date" && !this.format) {
18002
- // Use locale to determine default date format
18003
- this.format = this.util.getDateMaskFromLocale().toLowerCase();
18025
+ this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
18004
18026
  this.util.updateFormat(this.format);
18005
18027
  }
18006
18028
  }
@@ -18029,7 +18051,7 @@ class BaseInput extends AuroElement$1 {
18029
18051
  const creditCard = this.matchInputValueToCreditCard();
18030
18052
  const previousFormat = this.format;
18031
18053
 
18032
- this.format = creditCard.maskFormat;
18054
+ this._setFormatFromLocale(creditCard.maskFormat);
18033
18055
 
18034
18056
  this.maxLength = creditCard.formatLength;
18035
18057
  this.minLength = creditCard.formatMinLength;
@@ -18503,7 +18525,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18503
18525
  }
18504
18526
  };
18505
18527
 
18506
- var formkitVersion$1 = '202607022134';
18528
+ var formkitVersion$1 = '202607022131';
18507
18529
 
18508
18530
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18509
18531
  // See LICENSE in the project root for license information.
@@ -19629,7 +19651,7 @@ class AuroBibtemplate extends i$3 {
19629
19651
  }
19630
19652
  }
19631
19653
 
19632
- var formkitVersion = '202607022134';
19654
+ var formkitVersion = '202607022131';
19633
19655
 
19634
19656
  var styleCss$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}`;
19635
19657
 
@@ -4812,7 +4812,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4812
4812
  }
4813
4813
  };
4814
4814
 
4815
- var formkitVersion$2 = '202607022134';
4815
+ var formkitVersion$2 = '202607022131';
4816
4816
 
4817
4817
  let AuroElement$2 = class AuroElement extends LitElement {
4818
4818
  static get properties() {
@@ -16820,14 +16820,16 @@ class BaseInput extends AuroElement$1 {
16820
16820
  this.label = 'Input label is undefined';
16821
16821
  this.layout = 'classic';
16822
16822
  this.locale = 'en-US';
16823
+ this._format = undefined;
16824
+
16825
+ /** @private */
16826
+ this._userSetFormat = false;
16823
16827
  this.max = undefined;
16824
16828
  this.maxLength = undefined;
16825
16829
  this.min = undefined;
16826
16830
  this.minLength = undefined;
16827
16831
  this.noValidate = false;
16828
16832
  this.onDark = false;
16829
- // Raw values returned from the input mask before model normalization.
16830
- this._rawMaskValue = undefined;
16831
16833
  this.required = false;
16832
16834
  this.setCustomValidityForType = undefined;
16833
16835
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -16985,7 +16987,8 @@ class BaseInput extends AuroElement$1 {
16985
16987
  */
16986
16988
  format: {
16987
16989
  type: String,
16988
- reflect: true
16990
+ reflect: true,
16991
+ noAccessor: true
16989
16992
  },
16990
16993
 
16991
16994
  /**
@@ -17323,6 +17326,34 @@ class BaseInput extends AuroElement$1 {
17323
17326
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17324
17327
  }
17325
17328
 
17329
+ get format() {
17330
+ return this._format;
17331
+ }
17332
+
17333
+ /**
17334
+ * Overrides LitElement's generated accessor so we can track whether the
17335
+ * consumer explicitly set `format`. Locale-derived updates use
17336
+ * `_setFormatFromLocale` instead, which skips this flag.
17337
+ */
17338
+ set format(value) {
17339
+ const oldValue = this._format;
17340
+ this._format = value;
17341
+ this._userSetFormat = true;
17342
+ this.requestUpdate('format', oldValue);
17343
+ }
17344
+
17345
+ /**
17346
+ * Sets format without marking it as user-set. Used by locale auto-derive
17347
+ * so that a subsequent locale change can still update the format.
17348
+ * @private
17349
+ * @param {string} value
17350
+ */
17351
+ _setFormatFromLocale(value) {
17352
+ const oldValue = this._format;
17353
+ this._format = value;
17354
+ this.requestUpdate('format', oldValue);
17355
+ }
17356
+
17326
17357
  connectedCallback() {
17327
17358
  super.connectedCallback();
17328
17359
 
@@ -17376,7 +17407,7 @@ class BaseInput extends AuroElement$1 {
17376
17407
  // format silently misses the map and leaves `setCustomValidityForType`
17377
17408
  // unset.
17378
17409
  if (this.format) {
17379
- this.format = this.format.toLowerCase();
17410
+ this._setFormatFromLocale(this.format.toLowerCase());
17380
17411
  }
17381
17412
 
17382
17413
  // use validity message override if declared when initializing the component
@@ -17485,12 +17516,10 @@ class BaseInput extends AuroElement$1 {
17485
17516
  updated(changedProperties) {
17486
17517
  super.updated(changedProperties);
17487
17518
 
17488
- // When locale changes without an explicit format override, derive format from the new locale.
17489
- // Only runs if the current format is still the previous locale's default (not user-overridden).
17519
+ // When locale changes, auto-derive format unless the consumer explicitly set one.
17490
17520
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17491
- const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17492
- if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17493
- this.format = getDateFormatFromLocale(this.locale);
17521
+ if (!this._userSetFormat) {
17522
+ this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17494
17523
  }
17495
17524
  }
17496
17525
 
@@ -17661,9 +17690,6 @@ class BaseInput extends AuroElement$1 {
17661
17690
  this.maskInstance.on('accept', () => {
17662
17691
  if (this._configuringMask) return;
17663
17692
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17664
- if (this.type === "date") {
17665
- this._rawMaskValue = this.maskInstance.value;
17666
- }
17667
17693
  });
17668
17694
 
17669
17695
  // Mask fires 'complete' on the restore step below for any value that
@@ -17671,9 +17697,6 @@ class BaseInput extends AuroElement$1 {
17671
17697
  this.maskInstance.on('complete', () => {
17672
17698
  if (this._configuringMask) return;
17673
17699
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17674
- if (this.type === "date") {
17675
- this._rawMaskValue = this.maskInstance.value;
17676
- }
17677
17700
  });
17678
17701
 
17679
17702
  // Write existingValue through the mask (not the input directly) so
@@ -17910,8 +17933,7 @@ class BaseInput extends AuroElement$1 {
17910
17933
 
17911
17934
  // Set default date format if type=date and no format is defined
17912
17935
  if (this.type === "date" && !this.format) {
17913
- // Use locale to determine default date format
17914
- this.format = this.util.getDateMaskFromLocale().toLowerCase();
17936
+ this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17915
17937
  this.util.updateFormat(this.format);
17916
17938
  }
17917
17939
  }
@@ -17940,7 +17962,7 @@ class BaseInput extends AuroElement$1 {
17940
17962
  const creditCard = this.matchInputValueToCreditCard();
17941
17963
  const previousFormat = this.format;
17942
17964
 
17943
- this.format = creditCard.maskFormat;
17965
+ this._setFormatFromLocale(creditCard.maskFormat);
17944
17966
 
17945
17967
  this.maxLength = creditCard.formatLength;
17946
17968
  this.minLength = creditCard.formatMinLength;
@@ -18414,7 +18436,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18414
18436
  }
18415
18437
  };
18416
18438
 
18417
- var formkitVersion$1 = '202607022134';
18439
+ var formkitVersion$1 = '202607022131';
18418
18440
 
18419
18441
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18420
18442
  // See LICENSE in the project root for license information.
@@ -19540,7 +19562,7 @@ class AuroBibtemplate extends LitElement {
19540
19562
  }
19541
19563
  }
19542
19564
 
19543
- var formkitVersion = '202607022134';
19565
+ var formkitVersion = '202607022131';
19544
19566
 
19545
19567
  var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}: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}`;
19546
19568