@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.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +21 -43
- package/components/combobox/demo/getting-started.min.js +21 -43
- package/components/combobox/demo/index.min.js +21 -43
- package/components/combobox/dist/index.js +21 -43
- package/components/combobox/dist/registered.js +21 -43
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +21 -43
- package/components/datepicker/demo/index.min.js +21 -43
- package/components/datepicker/dist/index.js +21 -43
- package/components/datepicker/dist/registered.js +21 -43
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +127 -147
- package/components/form/demo/getting-started.min.js +127 -147
- package/components/form/demo/index.min.js +127 -147
- package/components/form/demo/registerDemoDeps.min.js +127 -147
- package/components/input/demo/customize.min.js +19 -41
- package/components/input/demo/getting-started.min.js +19 -41
- package/components/input/demo/index.min.js +19 -41
- package/components/input/dist/base-input.d.ts +4 -20
- package/components/input/dist/index.js +19 -41
- package/components/input/dist/registered.js +19 -41
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +62 -16
- package/components/select/demo/getting-started.min.js +62 -16
- package/components/select/demo/index.min.js +62 -16
- package/components/select/dist/auro-select.d.ts +6 -0
- package/components/select/dist/index.js +62 -16
- package/components/select/dist/registered.js +62 -16
- package/custom-elements.json +44 -98
- package/package.json +1 -1
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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,
|
|
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
|
-
|
|
17596
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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,
|
|
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
|
-
|
|
17596
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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,
|
|
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
|
-
|
|
17611
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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,
|
|
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
|
-
|
|
17522
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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
|
|