@aurodesignsystem-dev/auro-formkit 0.0.0-pr1494.5 → 0.0.0-pr1497.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 +18 -18
- package/components/combobox/demo/getting-started.min.js +18 -18
- package/components/combobox/demo/index.min.js +18 -18
- package/components/combobox/dist/index.js +18 -18
- package/components/combobox/dist/registered.js +18 -18
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/api.md +9 -9
- package/components/datepicker/demo/customize.md +46 -19
- package/components/datepicker/demo/index.min.js +64 -79
- package/components/datepicker/dist/index.js +64 -79
- package/components/datepicker/dist/registered.js +64 -79
- package/components/datepicker/dist/src/auro-datepicker.d.ts +36 -8
- package/components/datepicker/dist/src/utilities.d.ts +0 -14
- 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 +104 -119
- package/components/form/demo/getting-started.min.js +104 -119
- package/components/form/demo/index.min.js +104 -119
- package/components/form/demo/registerDemoDeps.min.js +104 -119
- package/components/input/demo/customize.md +29 -107
- package/components/input/demo/customize.min.js +16 -16
- package/components/input/demo/getting-started.md +16 -6
- package/components/input/demo/getting-started.min.js +16 -16
- package/components/input/demo/index.min.js +16 -16
- package/components/input/dist/auro-input-util.d.ts +1 -1
- package/components/input/dist/index.js +16 -16
- package/components/input/dist/registered.js +16 -16
- package/components/input/dist/utilities.d.ts +1 -2
- 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 +15 -55
- package/package.json +1 -1
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606081518';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606081518';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606081518';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1213,7 +1213,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
|
-
var formkitVersion = '
|
|
1216
|
+
var formkitVersion = '202606081518';
|
|
1217
1217
|
|
|
1218
1218
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1219
|
// See LICENSE in the project root for license information.
|
|
@@ -1213,7 +1213,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
|
-
var formkitVersion = '
|
|
1216
|
+
var formkitVersion = '202606081518';
|
|
1217
1217
|
|
|
1218
1218
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1219
|
// See LICENSE in the project root for license information.
|
|
@@ -4856,7 +4856,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4856
4856
|
}
|
|
4857
4857
|
};
|
|
4858
4858
|
|
|
4859
|
-
var formkitVersion$2 = '
|
|
4859
|
+
var formkitVersion$2 = '202606081518';
|
|
4860
4860
|
|
|
4861
4861
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4862
4862
|
static get properties() {
|
|
@@ -16312,27 +16312,17 @@ class AuroInputUtilities {
|
|
|
16312
16312
|
* Converts a model value to a display value for the input element.
|
|
16313
16313
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
16314
16314
|
* @private
|
|
16315
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
16316
16315
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
16317
16316
|
* @param {string} format - The date format string.
|
|
16318
|
-
* @returns {string}
|
|
16317
|
+
* @returns {string | undefined}
|
|
16319
16318
|
*/
|
|
16320
|
-
toFormattedValue(
|
|
16321
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
16322
|
-
return value;
|
|
16323
|
-
}
|
|
16324
|
-
|
|
16325
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
16326
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
16327
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
16328
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
16329
|
-
}
|
|
16330
|
-
|
|
16319
|
+
toFormattedValue(valueObject, format) {
|
|
16331
16320
|
const normalizedFormat = format.toLowerCase();
|
|
16332
16321
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
16333
16322
|
|
|
16334
16323
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
16335
|
-
|
|
16324
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
16325
|
+
return undefined;
|
|
16336
16326
|
}
|
|
16337
16327
|
|
|
16338
16328
|
return maskOptions.format(valueObject);
|
|
@@ -17250,7 +17240,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
17250
17240
|
this.hasValue = false;
|
|
17251
17241
|
}
|
|
17252
17242
|
|
|
17253
|
-
|
|
17243
|
+
let formattedValue = this.value;
|
|
17244
|
+
if (this.type === 'date') {
|
|
17245
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
17246
|
+
if (!formattedDate) {
|
|
17247
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
17248
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
17249
|
+
formattedValue = this.value;
|
|
17250
|
+
} else {
|
|
17251
|
+
formattedValue = formattedDate;
|
|
17252
|
+
}
|
|
17253
|
+
}
|
|
17254
17254
|
|
|
17255
17255
|
if (formattedValue !== this.inputElement.value) {
|
|
17256
17256
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18114
18114
|
}
|
|
18115
18115
|
};
|
|
18116
18116
|
|
|
18117
|
-
var formkitVersion$1 = '
|
|
18117
|
+
var formkitVersion$1 = '202606081518';
|
|
18118
18118
|
|
|
18119
18119
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18120
18120
|
// See LICENSE in the project root for license information.
|
|
@@ -19231,7 +19231,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19231
19231
|
}
|
|
19232
19232
|
}
|
|
19233
19233
|
|
|
19234
|
-
var formkitVersion = '
|
|
19234
|
+
var formkitVersion = '202606081518';
|
|
19235
19235
|
|
|
19236
19236
|
var styleCss$3 = i$7`.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}`;
|
|
19237
19237
|
|
|
@@ -4856,7 +4856,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4856
4856
|
}
|
|
4857
4857
|
};
|
|
4858
4858
|
|
|
4859
|
-
var formkitVersion$2 = '
|
|
4859
|
+
var formkitVersion$2 = '202606081518';
|
|
4860
4860
|
|
|
4861
4861
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4862
4862
|
static get properties() {
|
|
@@ -16312,27 +16312,17 @@ class AuroInputUtilities {
|
|
|
16312
16312
|
* Converts a model value to a display value for the input element.
|
|
16313
16313
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
16314
16314
|
* @private
|
|
16315
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
16316
16315
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
16317
16316
|
* @param {string} format - The date format string.
|
|
16318
|
-
* @returns {string}
|
|
16317
|
+
* @returns {string | undefined}
|
|
16319
16318
|
*/
|
|
16320
|
-
toFormattedValue(
|
|
16321
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
16322
|
-
return value;
|
|
16323
|
-
}
|
|
16324
|
-
|
|
16325
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
16326
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
16327
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
16328
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
16329
|
-
}
|
|
16330
|
-
|
|
16319
|
+
toFormattedValue(valueObject, format) {
|
|
16331
16320
|
const normalizedFormat = format.toLowerCase();
|
|
16332
16321
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
16333
16322
|
|
|
16334
16323
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
16335
|
-
|
|
16324
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
16325
|
+
return undefined;
|
|
16336
16326
|
}
|
|
16337
16327
|
|
|
16338
16328
|
return maskOptions.format(valueObject);
|
|
@@ -17250,7 +17240,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
17250
17240
|
this.hasValue = false;
|
|
17251
17241
|
}
|
|
17252
17242
|
|
|
17253
|
-
|
|
17243
|
+
let formattedValue = this.value;
|
|
17244
|
+
if (this.type === 'date') {
|
|
17245
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
17246
|
+
if (!formattedDate) {
|
|
17247
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
17248
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
17249
|
+
formattedValue = this.value;
|
|
17250
|
+
} else {
|
|
17251
|
+
formattedValue = formattedDate;
|
|
17252
|
+
}
|
|
17253
|
+
}
|
|
17254
17254
|
|
|
17255
17255
|
if (formattedValue !== this.inputElement.value) {
|
|
17256
17256
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18114
18114
|
}
|
|
18115
18115
|
};
|
|
18116
18116
|
|
|
18117
|
-
var formkitVersion$1 = '
|
|
18117
|
+
var formkitVersion$1 = '202606081518';
|
|
18118
18118
|
|
|
18119
18119
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18120
18120
|
// See LICENSE in the project root for license information.
|
|
@@ -19231,7 +19231,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19231
19231
|
}
|
|
19232
19232
|
}
|
|
19233
19233
|
|
|
19234
|
-
var formkitVersion = '
|
|
19234
|
+
var formkitVersion = '202606081518';
|
|
19235
19235
|
|
|
19236
19236
|
var styleCss$3 = i$7`.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}`;
|
|
19237
19237
|
|
|
@@ -4871,7 +4871,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4871
4871
|
}
|
|
4872
4872
|
};
|
|
4873
4873
|
|
|
4874
|
-
var formkitVersion$2 = '
|
|
4874
|
+
var formkitVersion$2 = '202606081518';
|
|
4875
4875
|
|
|
4876
4876
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4877
4877
|
static get properties() {
|
|
@@ -16327,27 +16327,17 @@ class AuroInputUtilities {
|
|
|
16327
16327
|
* Converts a model value to a display value for the input element.
|
|
16328
16328
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
16329
16329
|
* @private
|
|
16330
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
16331
16330
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
16332
16331
|
* @param {string} format - The date format string.
|
|
16333
|
-
* @returns {string}
|
|
16332
|
+
* @returns {string | undefined}
|
|
16334
16333
|
*/
|
|
16335
|
-
toFormattedValue(
|
|
16336
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
16337
|
-
return value;
|
|
16338
|
-
}
|
|
16339
|
-
|
|
16340
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
16341
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
16342
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
16343
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
16344
|
-
}
|
|
16345
|
-
|
|
16334
|
+
toFormattedValue(valueObject, format) {
|
|
16346
16335
|
const normalizedFormat = format.toLowerCase();
|
|
16347
16336
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
16348
16337
|
|
|
16349
16338
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
16350
|
-
|
|
16339
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
16340
|
+
return undefined;
|
|
16351
16341
|
}
|
|
16352
16342
|
|
|
16353
16343
|
return maskOptions.format(valueObject);
|
|
@@ -17265,7 +17255,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
17265
17255
|
this.hasValue = false;
|
|
17266
17256
|
}
|
|
17267
17257
|
|
|
17268
|
-
|
|
17258
|
+
let formattedValue = this.value;
|
|
17259
|
+
if (this.type === 'date') {
|
|
17260
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
17261
|
+
if (!formattedDate) {
|
|
17262
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
17263
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
17264
|
+
formattedValue = this.value;
|
|
17265
|
+
} else {
|
|
17266
|
+
formattedValue = formattedDate;
|
|
17267
|
+
}
|
|
17268
|
+
}
|
|
17269
17269
|
|
|
17270
17270
|
if (formattedValue !== this.inputElement.value) {
|
|
17271
17271
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -18129,7 +18129,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18129
18129
|
}
|
|
18130
18130
|
};
|
|
18131
18131
|
|
|
18132
|
-
var formkitVersion$1 = '
|
|
18132
|
+
var formkitVersion$1 = '202606081518';
|
|
18133
18133
|
|
|
18134
18134
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18135
18135
|
// See LICENSE in the project root for license information.
|
|
@@ -19246,7 +19246,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19246
19246
|
}
|
|
19247
19247
|
}
|
|
19248
19248
|
|
|
19249
|
-
var formkitVersion = '
|
|
19249
|
+
var formkitVersion = '202606081518';
|
|
19250
19250
|
|
|
19251
19251
|
var styleCss$3 = i$7`.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}`;
|
|
19252
19252
|
|
|
@@ -4789,7 +4789,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4789
4789
|
}
|
|
4790
4790
|
};
|
|
4791
4791
|
|
|
4792
|
-
var formkitVersion$2 = '
|
|
4792
|
+
var formkitVersion$2 = '202606081518';
|
|
4793
4793
|
|
|
4794
4794
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4795
4795
|
static get properties() {
|
|
@@ -16238,27 +16238,17 @@ class AuroInputUtilities {
|
|
|
16238
16238
|
* Converts a model value to a display value for the input element.
|
|
16239
16239
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
16240
16240
|
* @private
|
|
16241
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
16242
16241
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
16243
16242
|
* @param {string} format - The date format string.
|
|
16244
|
-
* @returns {string}
|
|
16243
|
+
* @returns {string | undefined}
|
|
16245
16244
|
*/
|
|
16246
|
-
toFormattedValue(
|
|
16247
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
16248
|
-
return value;
|
|
16249
|
-
}
|
|
16250
|
-
|
|
16251
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
16252
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
16253
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
16254
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
16255
|
-
}
|
|
16256
|
-
|
|
16245
|
+
toFormattedValue(valueObject, format) {
|
|
16257
16246
|
const normalizedFormat = format.toLowerCase();
|
|
16258
16247
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
16259
16248
|
|
|
16260
16249
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
16261
|
-
|
|
16250
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
16251
|
+
return undefined;
|
|
16262
16252
|
}
|
|
16263
16253
|
|
|
16264
16254
|
return maskOptions.format(valueObject);
|
|
@@ -17176,7 +17166,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
17176
17166
|
this.hasValue = false;
|
|
17177
17167
|
}
|
|
17178
17168
|
|
|
17179
|
-
|
|
17169
|
+
let formattedValue = this.value;
|
|
17170
|
+
if (this.type === 'date') {
|
|
17171
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
17172
|
+
if (!formattedDate) {
|
|
17173
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
17174
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
17175
|
+
formattedValue = this.value;
|
|
17176
|
+
} else {
|
|
17177
|
+
formattedValue = formattedDate;
|
|
17178
|
+
}
|
|
17179
|
+
}
|
|
17180
17180
|
|
|
17181
17181
|
if (formattedValue !== this.inputElement.value) {
|
|
17182
17182
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18040
18040
|
}
|
|
18041
18041
|
};
|
|
18042
18042
|
|
|
18043
|
-
var formkitVersion$1 = '
|
|
18043
|
+
var formkitVersion$1 = '202606081518';
|
|
18044
18044
|
|
|
18045
18045
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18046
18046
|
// See LICENSE in the project root for license information.
|
|
@@ -19157,7 +19157,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19157
19157
|
}
|
|
19158
19158
|
}
|
|
19159
19159
|
|
|
19160
|
-
var formkitVersion = '
|
|
19160
|
+
var formkitVersion = '202606081518';
|
|
19161
19161
|
|
|
19162
19162
|
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}`;
|
|
19163
19163
|
|
|
@@ -4789,7 +4789,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4789
4789
|
}
|
|
4790
4790
|
};
|
|
4791
4791
|
|
|
4792
|
-
var formkitVersion$2 = '
|
|
4792
|
+
var formkitVersion$2 = '202606081518';
|
|
4793
4793
|
|
|
4794
4794
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4795
4795
|
static get properties() {
|
|
@@ -16238,27 +16238,17 @@ class AuroInputUtilities {
|
|
|
16238
16238
|
* Converts a model value to a display value for the input element.
|
|
16239
16239
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
16240
16240
|
* @private
|
|
16241
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
16242
16241
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
16243
16242
|
* @param {string} format - The date format string.
|
|
16244
|
-
* @returns {string}
|
|
16243
|
+
* @returns {string | undefined}
|
|
16245
16244
|
*/
|
|
16246
|
-
toFormattedValue(
|
|
16247
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
16248
|
-
return value;
|
|
16249
|
-
}
|
|
16250
|
-
|
|
16251
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
16252
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
16253
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
16254
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
16255
|
-
}
|
|
16256
|
-
|
|
16245
|
+
toFormattedValue(valueObject, format) {
|
|
16257
16246
|
const normalizedFormat = format.toLowerCase();
|
|
16258
16247
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
16259
16248
|
|
|
16260
16249
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
16261
|
-
|
|
16250
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
16251
|
+
return undefined;
|
|
16262
16252
|
}
|
|
16263
16253
|
|
|
16264
16254
|
return maskOptions.format(valueObject);
|
|
@@ -17176,7 +17166,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
17176
17166
|
this.hasValue = false;
|
|
17177
17167
|
}
|
|
17178
17168
|
|
|
17179
|
-
|
|
17169
|
+
let formattedValue = this.value;
|
|
17170
|
+
if (this.type === 'date') {
|
|
17171
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
17172
|
+
if (!formattedDate) {
|
|
17173
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
17174
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
17175
|
+
formattedValue = this.value;
|
|
17176
|
+
} else {
|
|
17177
|
+
formattedValue = formattedDate;
|
|
17178
|
+
}
|
|
17179
|
+
}
|
|
17180
17180
|
|
|
17181
17181
|
if (formattedValue !== this.inputElement.value) {
|
|
17182
17182
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18040
18040
|
}
|
|
18041
18041
|
};
|
|
18042
18042
|
|
|
18043
|
-
var formkitVersion$1 = '
|
|
18043
|
+
var formkitVersion$1 = '202606081518';
|
|
18044
18044
|
|
|
18045
18045
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18046
18046
|
// See LICENSE in the project root for license information.
|
|
@@ -19157,7 +19157,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19157
19157
|
}
|
|
19158
19158
|
}
|
|
19159
19159
|
|
|
19160
|
-
var formkitVersion = '
|
|
19160
|
+
var formkitVersion = '202606081518';
|
|
19161
19161
|
|
|
19162
19162
|
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}`;
|
|
19163
19163
|
|
|
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
};
|
|
1101
1101
|
|
|
1102
|
-
var formkitVersion$1 = '
|
|
1102
|
+
var formkitVersion$1 = '202606081518';
|
|
1103
1103
|
|
|
1104
1104
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1105
1105
|
// See LICENSE in the project root for license information.
|
|
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
|
|
|
5445
5445
|
}
|
|
5446
5446
|
}
|
|
5447
5447
|
|
|
5448
|
-
var formkitVersion = '
|
|
5448
|
+
var formkitVersion = '202606081518';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
};
|
|
1101
1101
|
|
|
1102
|
-
var formkitVersion$1 = '
|
|
1102
|
+
var formkitVersion$1 = '202606081518';
|
|
1103
1103
|
|
|
1104
1104
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1105
1105
|
// See LICENSE in the project root for license information.
|
|
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
|
|
|
5445
5445
|
}
|
|
5446
5446
|
}
|
|
5447
5447
|
|
|
5448
|
-
var formkitVersion = '
|
|
5448
|
+
var formkitVersion = '202606081518';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -1049,7 +1049,7 @@ class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion = '
|
|
1052
|
+
var formkitVersion = '202606081518';
|
|
1053
1053
|
|
|
1054
1054
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1055
1055
|
// See LICENSE in the project root for license information.
|
|
@@ -1049,7 +1049,7 @@ class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion = '
|
|
1052
|
+
var formkitVersion = '202606081518';
|
|
1053
1053
|
|
|
1054
1054
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1055
1055
|
// See LICENSE in the project root for license information.
|
|
@@ -12,27 +12,27 @@ The `auro-datepicker` component provides users with a way to select a date or da
|
|
|
12
12
|
| `appearance` | `appearance` | | `string` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
|
|
13
13
|
| `autoPlacement` | `autoPlacement` | | `boolean` | "false" | If declared, bib's position will be automatically calculated where to appear. |
|
|
14
14
|
| `calendarEndDate` | `calendarEndDate` | | `string` | "undefined" | The last date that may be displayed in the calendar. |
|
|
15
|
-
| `calendarEndDateObject` | | readonly | `Date \| undefined` | |
|
|
15
|
+
| `calendarEndDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarEndDate`. Returns `undefined` when `calendarEndDate` is empty or not a valid date. |
|
|
16
16
|
| `calendarFocusDate` | `calendarFocusDate` | | `string` | "value" | The date that will first be visually rendered to the user in the calendar. |
|
|
17
|
-
| `calendarFocusDateObject` | | readonly | `Date \| undefined` | |
|
|
17
|
+
| `calendarFocusDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarFocusDate`. Returns `undefined` when `calendarFocusDate` is empty or not a valid date. |
|
|
18
18
|
| `calendarStartDate` | `calendarStartDate` | | `string` | "undefined" | The first date that may be displayed in the calendar. |
|
|
19
|
-
| `calendarStartDateObject` | | readonly | `Date \| undefined` | |
|
|
19
|
+
| `calendarStartDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarStartDate`. Returns `undefined` when `calendarStartDate` is empty or not a valid date. |
|
|
20
20
|
| `centralDate` | `centralDate` | | `string` | | The date that determines the currently visible month. |
|
|
21
|
-
| `centralDateObject` | | readonly | `Date \| undefined` | |
|
|
21
|
+
| `centralDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `centralDate`. Returns `undefined` when `centralDate` is empty or not a valid date. |
|
|
22
22
|
| `disabled` | `disabled` | | `boolean` | false | If set, disables the datepicker. |
|
|
23
23
|
| `dvInputOnly` | `dvInputOnly` | | `boolean` | false | If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked. |
|
|
24
24
|
| `error` | `error` | | `string` | | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
|
|
25
25
|
| `format` | `format` | | `string` | | Specifies the date format. The default is `mm/dd/yyyy`. |
|
|
26
26
|
| `fullscreenBreakpoint` | `fullscreenBreakpoint` | | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'" | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
|
|
27
|
-
| `hasError` | | readonly | `boolean` | |
|
|
27
|
+
| `hasError` | | readonly | `boolean` | | Returns `true` when the datepicker has an active validation error. |
|
|
28
28
|
| `inputmode` | `inputmode` | | `string` | | Exposes inputmode attribute for input. |
|
|
29
29
|
| `largeFullscreenHeadline` | `largeFullscreenHeadline` | | `boolean` | false | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
|
|
30
30
|
| `layout` | `layout` | | `'classic' \| 'snowflake'` | "'classic'" | Sets the layout of the datepicker. |
|
|
31
31
|
| `locale` | `locale` | | `string` | | Defines the locale of the element. Used to derive the date format when `format` is not explicitly set. |
|
|
32
32
|
| `maxDate` | `maxDate` | | `string` | | Maximum date. All dates after will be disabled. |
|
|
33
|
-
| `maxDateObject` | | readonly | `Date \| undefined` | |
|
|
33
|
+
| `maxDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `maxDate`. Returns `undefined` when `maxDate` is empty or not a valid date. |
|
|
34
34
|
| `minDate` | `minDate` | | `string` | | Minimum date. All dates before will be disabled. |
|
|
35
|
-
| `minDateObject` | | readonly | `Date \| undefined` | |
|
|
35
|
+
| `minDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `minDate`. Returns `undefined` when `minDate` is empty or not a valid date. |
|
|
36
36
|
| `monthNames` | `monthNames` | | `array` | | Names of all 12 months to render in the calendar.<br />When omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`). |
|
|
37
37
|
| `noFlip` | `noFlip` | | `boolean` | false | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
|
|
38
38
|
| `noValidate` | `noValidate` | | `boolean` | false | If set, disables auto-validation on blur. |
|
|
@@ -56,8 +56,8 @@ The `auro-datepicker` component provides users with a way to select a date or da
|
|
|
56
56
|
| `validity` | `validity` | | `string` | "undefined" | Specifies the `validityState` this element is in. |
|
|
57
57
|
| `value` | `value` | | `string` | "undefined" | Value selected for the datepicker. |
|
|
58
58
|
| `valueEnd` | `valueEnd` | | `string` | "undefined" | Value selected for the second datepicker when using date range. |
|
|
59
|
-
| `valueEndObject` | | readonly | `Date \| undefined` | |
|
|
60
|
-
| `valueObject` | | readonly | `Date \| undefined` | |
|
|
59
|
+
| `valueEndObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `valueEnd`. Returns `undefined` when `valueEnd` is empty or not a valid date. |
|
|
60
|
+
| `valueObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `value`. Returns `undefined` when `value` is empty or not a valid date. |
|
|
61
61
|
| `values` | | readonly | `string[]` | | A convenience wrapper for `value` and `valueEnd`, uses the new Auro "array value pattern". |
|
|
62
62
|
|
|
63
63
|
## Methods
|