@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.
- 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 +43 -21
- package/components/combobox/demo/getting-started.min.js +43 -21
- package/components/combobox/demo/index.min.js +43 -21
- package/components/combobox/dist/index.js +43 -21
- package/components/combobox/dist/registered.js +43 -21
- 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/accessibility.md +4 -13
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +69 -193
- package/components/datepicker/demo/index.min.js +69 -193
- package/components/datepicker/demo/voiceover.md +1 -1
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -11
- package/components/datepicker/dist/auro-calendar.d.ts +2 -26
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -9
- package/components/datepicker/dist/index.js +69 -193
- package/components/datepicker/dist/registered.js +69 -193
- 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 +159 -239
- package/components/form/demo/getting-started.min.js +159 -239
- package/components/form/demo/index.min.js +159 -239
- package/components/form/demo/registerDemoDeps.min.js +159 -239
- package/components/input/demo/customize.min.js +41 -19
- package/components/input/demo/getting-started.min.js +41 -19
- package/components/input/demo/index.min.js +41 -19
- package/components/input/dist/base-input.d.ts +20 -4
- package/components/input/dist/index.js +41 -19
- package/components/input/dist/registered.js +41 -19
- 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 +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1619 -1595
- 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 = '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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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
|
|
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
|
-
|
|
17566
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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
|
|
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
|
-
|
|
17566
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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
|
|
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
|
-
|
|
17581
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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.
|
|
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
|
|
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
|
-
|
|
17492
|
-
|
|
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
|
-
|
|
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.
|
|
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 = '
|
|
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 = '
|
|
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
|
|