@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
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607022131';
1278
+ var formkitVersion = '202607022008';
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 = '202607022131';
1278
+ var formkitVersion = '202607022008';
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 = '202607022131';
1278
+ var formkitVersion = '202607022008';
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 = '202607022131';
1231
+ var formkitVersion = '202607022008';
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 = '202607022131';
1231
+ var formkitVersion = '202607022008';
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 = '202607022131';
4882
+ var formkitVersion$2 = '202607022008';
4883
4883
 
4884
4884
  let AuroElement$2 = class AuroElement extends i$3 {
4885
4885
  static get properties() {
@@ -16894,16 +16894,14 @@ 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;
16901
16897
  this.max = undefined;
16902
16898
  this.maxLength = undefined;
16903
16899
  this.min = undefined;
16904
16900
  this.minLength = undefined;
16905
16901
  this.noValidate = false;
16906
16902
  this.onDark = false;
16903
+ // Raw values returned from the input mask before model normalization.
16904
+ this._rawMaskValue = undefined;
16907
16905
  this.required = false;
16908
16906
  this.setCustomValidityForType = undefined;
16909
16907
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17061,8 +17059,7 @@ class BaseInput extends AuroElement$1 {
17061
17059
  */
17062
17060
  format: {
17063
17061
  type: String,
17064
- reflect: true,
17065
- noAccessor: true
17062
+ reflect: true
17066
17063
  },
17067
17064
 
17068
17065
  /**
@@ -17400,34 +17397,6 @@ class BaseInput extends AuroElement$1 {
17400
17397
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17401
17398
  }
17402
17399
 
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
-
17431
17400
  connectedCallback() {
17432
17401
  super.connectedCallback();
17433
17402
 
@@ -17481,7 +17450,7 @@ class BaseInput extends AuroElement$1 {
17481
17450
  // format silently misses the map and leaves `setCustomValidityForType`
17482
17451
  // unset.
17483
17452
  if (this.format) {
17484
- this._setFormatFromLocale(this.format.toLowerCase());
17453
+ this.format = this.format.toLowerCase();
17485
17454
  }
17486
17455
 
17487
17456
  // use validity message override if declared when initializing the component
@@ -17590,10 +17559,12 @@ class BaseInput extends AuroElement$1 {
17590
17559
  updated(changedProperties) {
17591
17560
  super.updated(changedProperties);
17592
17561
 
17593
- // When locale changes, auto-derive format unless the consumer explicitly set one.
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).
17594
17564
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17595
- if (!this._userSetFormat) {
17596
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17565
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17566
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17567
+ this.format = getDateFormatFromLocale(this.locale);
17597
17568
  }
17598
17569
  }
17599
17570
 
@@ -17764,6 +17735,9 @@ class BaseInput extends AuroElement$1 {
17764
17735
  this.maskInstance.on('accept', () => {
17765
17736
  if (this._configuringMask) return;
17766
17737
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17738
+ if (this.type === "date") {
17739
+ this._rawMaskValue = this.maskInstance.value;
17740
+ }
17767
17741
  });
17768
17742
 
17769
17743
  // Mask fires 'complete' on the restore step below for any value that
@@ -17771,6 +17745,9 @@ class BaseInput extends AuroElement$1 {
17771
17745
  this.maskInstance.on('complete', () => {
17772
17746
  if (this._configuringMask) return;
17773
17747
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17748
+ if (this.type === "date") {
17749
+ this._rawMaskValue = this.maskInstance.value;
17750
+ }
17774
17751
  });
17775
17752
 
17776
17753
  // Write existingValue through the mask (not the input directly) so
@@ -18007,7 +17984,8 @@ class BaseInput extends AuroElement$1 {
18007
17984
 
18008
17985
  // Set default date format if type=date and no format is defined
18009
17986
  if (this.type === "date" && !this.format) {
18010
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17987
+ // Use locale to determine default date format
17988
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
18011
17989
  this.util.updateFormat(this.format);
18012
17990
  }
18013
17991
  }
@@ -18036,7 +18014,7 @@ class BaseInput extends AuroElement$1 {
18036
18014
  const creditCard = this.matchInputValueToCreditCard();
18037
18015
  const previousFormat = this.format;
18038
18016
 
18039
- this._setFormatFromLocale(creditCard.maskFormat);
18017
+ this.format = creditCard.maskFormat;
18040
18018
 
18041
18019
  this.maxLength = creditCard.formatLength;
18042
18020
  this.minLength = creditCard.formatMinLength;
@@ -18510,7 +18488,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18510
18488
  }
18511
18489
  };
18512
18490
 
18513
- var formkitVersion$1 = '202607022131';
18491
+ var formkitVersion$1 = '202607022008';
18514
18492
 
18515
18493
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18516
18494
  // See LICENSE in the project root for license information.
@@ -19636,7 +19614,7 @@ class AuroBibtemplate extends i$3 {
19636
19614
  }
19637
19615
  }
19638
19616
 
19639
- var formkitVersion = '202607022131';
19617
+ var formkitVersion = '202607022008';
19640
19618
 
19641
19619
  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}`;
19642
19620
 
@@ -4879,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4879
4879
  }
4880
4880
  };
4881
4881
 
4882
- var formkitVersion$2 = '202607022131';
4882
+ var formkitVersion$2 = '202607022008';
4883
4883
 
4884
4884
  let AuroElement$2 = class AuroElement extends i$3 {
4885
4885
  static get properties() {
@@ -16894,16 +16894,14 @@ 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;
16901
16897
  this.max = undefined;
16902
16898
  this.maxLength = undefined;
16903
16899
  this.min = undefined;
16904
16900
  this.minLength = undefined;
16905
16901
  this.noValidate = false;
16906
16902
  this.onDark = false;
16903
+ // Raw values returned from the input mask before model normalization.
16904
+ this._rawMaskValue = undefined;
16907
16905
  this.required = false;
16908
16906
  this.setCustomValidityForType = undefined;
16909
16907
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17061,8 +17059,7 @@ class BaseInput extends AuroElement$1 {
17061
17059
  */
17062
17060
  format: {
17063
17061
  type: String,
17064
- reflect: true,
17065
- noAccessor: true
17062
+ reflect: true
17066
17063
  },
17067
17064
 
17068
17065
  /**
@@ -17400,34 +17397,6 @@ class BaseInput extends AuroElement$1 {
17400
17397
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17401
17398
  }
17402
17399
 
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
-
17431
17400
  connectedCallback() {
17432
17401
  super.connectedCallback();
17433
17402
 
@@ -17481,7 +17450,7 @@ class BaseInput extends AuroElement$1 {
17481
17450
  // format silently misses the map and leaves `setCustomValidityForType`
17482
17451
  // unset.
17483
17452
  if (this.format) {
17484
- this._setFormatFromLocale(this.format.toLowerCase());
17453
+ this.format = this.format.toLowerCase();
17485
17454
  }
17486
17455
 
17487
17456
  // use validity message override if declared when initializing the component
@@ -17590,10 +17559,12 @@ class BaseInput extends AuroElement$1 {
17590
17559
  updated(changedProperties) {
17591
17560
  super.updated(changedProperties);
17592
17561
 
17593
- // When locale changes, auto-derive format unless the consumer explicitly set one.
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).
17594
17564
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17595
- if (!this._userSetFormat) {
17596
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17565
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17566
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17567
+ this.format = getDateFormatFromLocale(this.locale);
17597
17568
  }
17598
17569
  }
17599
17570
 
@@ -17764,6 +17735,9 @@ class BaseInput extends AuroElement$1 {
17764
17735
  this.maskInstance.on('accept', () => {
17765
17736
  if (this._configuringMask) return;
17766
17737
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17738
+ if (this.type === "date") {
17739
+ this._rawMaskValue = this.maskInstance.value;
17740
+ }
17767
17741
  });
17768
17742
 
17769
17743
  // Mask fires 'complete' on the restore step below for any value that
@@ -17771,6 +17745,9 @@ class BaseInput extends AuroElement$1 {
17771
17745
  this.maskInstance.on('complete', () => {
17772
17746
  if (this._configuringMask) return;
17773
17747
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17748
+ if (this.type === "date") {
17749
+ this._rawMaskValue = this.maskInstance.value;
17750
+ }
17774
17751
  });
17775
17752
 
17776
17753
  // Write existingValue through the mask (not the input directly) so
@@ -18007,7 +17984,8 @@ class BaseInput extends AuroElement$1 {
18007
17984
 
18008
17985
  // Set default date format if type=date and no format is defined
18009
17986
  if (this.type === "date" && !this.format) {
18010
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17987
+ // Use locale to determine default date format
17988
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
18011
17989
  this.util.updateFormat(this.format);
18012
17990
  }
18013
17991
  }
@@ -18036,7 +18014,7 @@ class BaseInput extends AuroElement$1 {
18036
18014
  const creditCard = this.matchInputValueToCreditCard();
18037
18015
  const previousFormat = this.format;
18038
18016
 
18039
- this._setFormatFromLocale(creditCard.maskFormat);
18017
+ this.format = creditCard.maskFormat;
18040
18018
 
18041
18019
  this.maxLength = creditCard.formatLength;
18042
18020
  this.minLength = creditCard.formatMinLength;
@@ -18510,7 +18488,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18510
18488
  }
18511
18489
  };
18512
18490
 
18513
- var formkitVersion$1 = '202607022131';
18491
+ var formkitVersion$1 = '202607022008';
18514
18492
 
18515
18493
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18516
18494
  // See LICENSE in the project root for license information.
@@ -19636,7 +19614,7 @@ class AuroBibtemplate extends i$3 {
19636
19614
  }
19637
19615
  }
19638
19616
 
19639
- var formkitVersion = '202607022131';
19617
+ var formkitVersion = '202607022008';
19640
19618
 
19641
19619
  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}`;
19642
19620
 
@@ -4894,7 +4894,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4894
4894
  }
4895
4895
  };
4896
4896
 
4897
- var formkitVersion$2 = '202607022131';
4897
+ var formkitVersion$2 = '202607022008';
4898
4898
 
4899
4899
  let AuroElement$2 = class AuroElement extends i$3 {
4900
4900
  static get properties() {
@@ -16909,16 +16909,14 @@ 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;
16916
16912
  this.max = undefined;
16917
16913
  this.maxLength = undefined;
16918
16914
  this.min = undefined;
16919
16915
  this.minLength = undefined;
16920
16916
  this.noValidate = false;
16921
16917
  this.onDark = false;
16918
+ // Raw values returned from the input mask before model normalization.
16919
+ this._rawMaskValue = undefined;
16922
16920
  this.required = false;
16923
16921
  this.setCustomValidityForType = undefined;
16924
16922
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -17076,8 +17074,7 @@ class BaseInput extends AuroElement$1 {
17076
17074
  */
17077
17075
  format: {
17078
17076
  type: String,
17079
- reflect: true,
17080
- noAccessor: true
17077
+ reflect: true
17081
17078
  },
17082
17079
 
17083
17080
  /**
@@ -17415,34 +17412,6 @@ class BaseInput extends AuroElement$1 {
17415
17412
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17416
17413
  }
17417
17414
 
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
-
17446
17415
  connectedCallback() {
17447
17416
  super.connectedCallback();
17448
17417
 
@@ -17496,7 +17465,7 @@ class BaseInput extends AuroElement$1 {
17496
17465
  // format silently misses the map and leaves `setCustomValidityForType`
17497
17466
  // unset.
17498
17467
  if (this.format) {
17499
- this._setFormatFromLocale(this.format.toLowerCase());
17468
+ this.format = this.format.toLowerCase();
17500
17469
  }
17501
17470
 
17502
17471
  // use validity message override if declared when initializing the component
@@ -17605,10 +17574,12 @@ class BaseInput extends AuroElement$1 {
17605
17574
  updated(changedProperties) {
17606
17575
  super.updated(changedProperties);
17607
17576
 
17608
- // When locale changes, auto-derive format unless the consumer explicitly set one.
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).
17609
17579
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17610
- if (!this._userSetFormat) {
17611
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17580
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17581
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17582
+ this.format = getDateFormatFromLocale(this.locale);
17612
17583
  }
17613
17584
  }
17614
17585
 
@@ -17779,6 +17750,9 @@ class BaseInput extends AuroElement$1 {
17779
17750
  this.maskInstance.on('accept', () => {
17780
17751
  if (this._configuringMask) return;
17781
17752
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17753
+ if (this.type === "date") {
17754
+ this._rawMaskValue = this.maskInstance.value;
17755
+ }
17782
17756
  });
17783
17757
 
17784
17758
  // Mask fires 'complete' on the restore step below for any value that
@@ -17786,6 +17760,9 @@ class BaseInput extends AuroElement$1 {
17786
17760
  this.maskInstance.on('complete', () => {
17787
17761
  if (this._configuringMask) return;
17788
17762
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17763
+ if (this.type === "date") {
17764
+ this._rawMaskValue = this.maskInstance.value;
17765
+ }
17789
17766
  });
17790
17767
 
17791
17768
  // Write existingValue through the mask (not the input directly) so
@@ -18022,7 +17999,8 @@ class BaseInput extends AuroElement$1 {
18022
17999
 
18023
18000
  // Set default date format if type=date and no format is defined
18024
18001
  if (this.type === "date" && !this.format) {
18025
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
18002
+ // Use locale to determine default date format
18003
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
18026
18004
  this.util.updateFormat(this.format);
18027
18005
  }
18028
18006
  }
@@ -18051,7 +18029,7 @@ class BaseInput extends AuroElement$1 {
18051
18029
  const creditCard = this.matchInputValueToCreditCard();
18052
18030
  const previousFormat = this.format;
18053
18031
 
18054
- this._setFormatFromLocale(creditCard.maskFormat);
18032
+ this.format = creditCard.maskFormat;
18055
18033
 
18056
18034
  this.maxLength = creditCard.formatLength;
18057
18035
  this.minLength = creditCard.formatMinLength;
@@ -18525,7 +18503,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18525
18503
  }
18526
18504
  };
18527
18505
 
18528
- var formkitVersion$1 = '202607022131';
18506
+ var formkitVersion$1 = '202607022008';
18529
18507
 
18530
18508
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18531
18509
  // See LICENSE in the project root for license information.
@@ -19651,7 +19629,7 @@ class AuroBibtemplate extends i$3 {
19651
19629
  }
19652
19630
  }
19653
19631
 
19654
- var formkitVersion = '202607022131';
19632
+ var formkitVersion = '202607022008';
19655
19633
 
19656
19634
  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}`;
19657
19635
 
@@ -4812,7 +4812,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4812
4812
  }
4813
4813
  };
4814
4814
 
4815
- var formkitVersion$2 = '202607022131';
4815
+ var formkitVersion$2 = '202607022008';
4816
4816
 
4817
4817
  let AuroElement$2 = class AuroElement extends LitElement {
4818
4818
  static get properties() {
@@ -16820,16 +16820,14 @@ 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;
16827
16823
  this.max = undefined;
16828
16824
  this.maxLength = undefined;
16829
16825
  this.min = undefined;
16830
16826
  this.minLength = undefined;
16831
16827
  this.noValidate = false;
16832
16828
  this.onDark = false;
16829
+ // Raw values returned from the input mask before model normalization.
16830
+ this._rawMaskValue = undefined;
16833
16831
  this.required = false;
16834
16832
  this.setCustomValidityForType = undefined;
16835
16833
  // Credit Card is intentionally excluded — its mask manages the cursor
@@ -16987,8 +16985,7 @@ class BaseInput extends AuroElement$1 {
16987
16985
  */
16988
16986
  format: {
16989
16987
  type: String,
16990
- reflect: true,
16991
- noAccessor: true
16988
+ reflect: true
16992
16989
  },
16993
16990
 
16994
16991
  /**
@@ -17326,34 +17323,6 @@ class BaseInput extends AuroElement$1 {
17326
17323
  return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
17327
17324
  }
17328
17325
 
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
-
17357
17326
  connectedCallback() {
17358
17327
  super.connectedCallback();
17359
17328
 
@@ -17407,7 +17376,7 @@ class BaseInput extends AuroElement$1 {
17407
17376
  // format silently misses the map and leaves `setCustomValidityForType`
17408
17377
  // unset.
17409
17378
  if (this.format) {
17410
- this._setFormatFromLocale(this.format.toLowerCase());
17379
+ this.format = this.format.toLowerCase();
17411
17380
  }
17412
17381
 
17413
17382
  // use validity message override if declared when initializing the component
@@ -17516,10 +17485,12 @@ class BaseInput extends AuroElement$1 {
17516
17485
  updated(changedProperties) {
17517
17486
  super.updated(changedProperties);
17518
17487
 
17519
- // When locale changes, auto-derive format unless the consumer explicitly set one.
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).
17520
17490
  if (changedProperties.has('locale') && !changedProperties.has('format') && this.type === 'date') {
17521
- if (!this._userSetFormat) {
17522
- this._setFormatFromLocale(getDateFormatFromLocale(this.locale));
17491
+ const previousLocaleFormat = getDateFormatFromLocale(changedProperties.get('locale'));
17492
+ if (!this.format || this.format.toLowerCase() === previousLocaleFormat) {
17493
+ this.format = getDateFormatFromLocale(this.locale);
17523
17494
  }
17524
17495
  }
17525
17496
 
@@ -17690,6 +17661,9 @@ class BaseInput extends AuroElement$1 {
17690
17661
  this.maskInstance.on('accept', () => {
17691
17662
  if (this._configuringMask) return;
17692
17663
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17664
+ if (this.type === "date") {
17665
+ this._rawMaskValue = this.maskInstance.value;
17666
+ }
17693
17667
  });
17694
17668
 
17695
17669
  // Mask fires 'complete' on the restore step below for any value that
@@ -17697,6 +17671,9 @@ class BaseInput extends AuroElement$1 {
17697
17671
  this.maskInstance.on('complete', () => {
17698
17672
  if (this._configuringMask) return;
17699
17673
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
17674
+ if (this.type === "date") {
17675
+ this._rawMaskValue = this.maskInstance.value;
17676
+ }
17700
17677
  });
17701
17678
 
17702
17679
  // Write existingValue through the mask (not the input directly) so
@@ -17933,7 +17910,8 @@ class BaseInput extends AuroElement$1 {
17933
17910
 
17934
17911
  // Set default date format if type=date and no format is defined
17935
17912
  if (this.type === "date" && !this.format) {
17936
- this._setFormatFromLocale(this.util.getDateMaskFromLocale().toLowerCase());
17913
+ // Use locale to determine default date format
17914
+ this.format = this.util.getDateMaskFromLocale().toLowerCase();
17937
17915
  this.util.updateFormat(this.format);
17938
17916
  }
17939
17917
  }
@@ -17962,7 +17940,7 @@ class BaseInput extends AuroElement$1 {
17962
17940
  const creditCard = this.matchInputValueToCreditCard();
17963
17941
  const previousFormat = this.format;
17964
17942
 
17965
- this._setFormatFromLocale(creditCard.maskFormat);
17943
+ this.format = creditCard.maskFormat;
17966
17944
 
17967
17945
  this.maxLength = creditCard.formatLength;
17968
17946
  this.minLength = creditCard.formatMinLength;
@@ -18436,7 +18414,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18436
18414
  }
18437
18415
  };
18438
18416
 
18439
- var formkitVersion$1 = '202607022131';
18417
+ var formkitVersion$1 = '202607022008';
18440
18418
 
18441
18419
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18442
18420
  // See LICENSE in the project root for license information.
@@ -19562,7 +19540,7 @@ class AuroBibtemplate extends LitElement {
19562
19540
  }
19563
19541
  }
19564
19542
 
19565
- var formkitVersion = '202607022131';
19543
+ var formkitVersion = '202607022008';
19566
19544
 
19567
19545
  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}`;
19568
19546