@aurodesignsystem-dev/auro-formkit 0.0.0-pr1504.0 → 0.0.0-pr1506.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 +2 -2
- package/components/checkbox/demo/getting-started.min.js +2 -2
- package/components/checkbox/demo/index.min.js +2 -2
- package/components/checkbox/dist/index.js +2 -2
- package/components/checkbox/dist/registered.js +2 -2
- package/components/combobox/demo/customize.md +7 -3
- package/components/combobox/demo/customize.min.js +1435 -1666
- package/components/combobox/demo/getting-started.min.js +1435 -1666
- package/components/combobox/demo/index.min.js +1435 -1666
- package/components/combobox/dist/auro-combobox.d.ts +14 -0
- package/components/combobox/dist/index.js +489 -145
- package/components/combobox/dist/registered.js +489 -145
- package/components/counter/demo/customize.min.js +3 -3
- package/components/counter/demo/index.min.js +3 -3
- package/components/counter/dist/index.js +3 -3
- package/components/counter/dist/registered.js +3 -3
- package/components/datepicker/demo/customize.min.js +140 -61
- package/components/datepicker/demo/index.min.js +140 -61
- package/components/datepicker/dist/index.js +140 -61
- package/components/datepicker/dist/registered.js +140 -61
- 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 +2336 -2269
- package/components/form/demo/getting-started.min.js +2336 -2269
- package/components/form/demo/index.min.js +2336 -2269
- package/components/form/demo/registerDemoDeps.min.js +2334 -2267
- package/components/input/demo/customize.min.js +138 -57
- package/components/input/demo/getting-started.min.js +138 -57
- package/components/input/demo/index.min.js +138 -57
- package/components/input/dist/base-input.d.ts +16 -0
- package/components/input/dist/index.js +138 -57
- package/components/input/dist/registered.js +138 -57
- package/components/menu/demo/api.md +41 -45
- package/components/menu/demo/customize.md +0 -28
- package/components/menu/demo/index.min.js +779 -1354
- package/components/menu/dist/auro-menu.d.ts +95 -110
- package/components/menu/dist/auro-menuoption.d.ts +32 -138
- package/components/menu/dist/index.js +753 -1308
- package/components/menu/dist/registered.js +765 -1308
- package/components/radio/demo/customize.min.js +2 -2
- package/components/radio/demo/getting-started.min.js +2 -2
- package/components/radio/demo/index.min.js +2 -2
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.md +1 -0
- package/components/select/demo/customize.md +78 -3
- package/components/select/demo/customize.min.js +1140 -1577
- package/components/select/demo/getting-started.min.js +1140 -1577
- package/components/select/demo/index.min.js +1140 -1577
- package/components/select/demo/keyboard-behavior.md +18 -0
- package/components/select/dist/auro-select.d.ts +38 -2
- package/components/select/dist/index.js +177 -39
- package/components/select/dist/registered.js +177 -39
- package/components/select/dist/selectUtils.d.ts +24 -0
- package/custom-elements.json +503 -1037
- package/package.json +1 -1
- package/components/menu/dist/auro-menu.context.d.ts +0 -238
|
@@ -727,7 +727,7 @@ class AuroFormValidation {
|
|
|
727
727
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
728
728
|
const input = elem.renderRoot.querySelector('input');
|
|
729
729
|
|
|
730
|
-
if (input.validationMessage.length > 0) {
|
|
730
|
+
if (input && input.validationMessage.length > 0) {
|
|
731
731
|
elem.errorMessage = input.validationMessage;
|
|
732
732
|
}
|
|
733
733
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -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 = '202606190840';
|
|
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 = '202606190840';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -727,7 +727,7 @@ class AuroFormValidation {
|
|
|
727
727
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
728
728
|
const input = elem.renderRoot.querySelector('input');
|
|
729
729
|
|
|
730
|
-
if (input.validationMessage.length > 0) {
|
|
730
|
+
if (input && input.validationMessage.length > 0) {
|
|
731
731
|
elem.errorMessage = input.validationMessage;
|
|
732
732
|
}
|
|
733
733
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -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 = '202606190840';
|
|
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 = '202606190840';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -683,7 +683,7 @@ class AuroFormValidation {
|
|
|
683
683
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
684
684
|
const input = elem.renderRoot.querySelector('input');
|
|
685
685
|
|
|
686
|
-
if (input.validationMessage.length > 0) {
|
|
686
|
+
if (input && input.validationMessage.length > 0) {
|
|
687
687
|
elem.errorMessage = input.validationMessage;
|
|
688
688
|
}
|
|
689
689
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
};
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion$1 = '
|
|
1052
|
+
var formkitVersion$1 = '202606190840';
|
|
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.
|
|
@@ -5377,7 +5377,7 @@ class AuroHelpText extends LitElement {
|
|
|
5377
5377
|
}
|
|
5378
5378
|
}
|
|
5379
5379
|
|
|
5380
|
-
var formkitVersion = '
|
|
5380
|
+
var formkitVersion = '202606190840';
|
|
5381
5381
|
|
|
5382
5382
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5383
5383
|
static get properties() {
|
|
@@ -683,7 +683,7 @@ class AuroFormValidation {
|
|
|
683
683
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
684
684
|
const input = elem.renderRoot.querySelector('input');
|
|
685
685
|
|
|
686
|
-
if (input.validationMessage.length > 0) {
|
|
686
|
+
if (input && input.validationMessage.length > 0) {
|
|
687
687
|
elem.errorMessage = input.validationMessage;
|
|
688
688
|
}
|
|
689
689
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
};
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion$1 = '
|
|
1052
|
+
var formkitVersion$1 = '202606190840';
|
|
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.
|
|
@@ -5377,7 +5377,7 @@ class AuroHelpText extends LitElement {
|
|
|
5377
5377
|
}
|
|
5378
5378
|
}
|
|
5379
5379
|
|
|
5380
|
-
var formkitVersion = '
|
|
5380
|
+
var formkitVersion = '202606190840';
|
|
5381
5381
|
|
|
5382
5382
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5383
5383
|
static get properties() {
|
|
@@ -764,7 +764,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
764
764
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
765
765
|
const input = elem.renderRoot.querySelector('input');
|
|
766
766
|
|
|
767
|
-
if (input.validationMessage.length > 0) {
|
|
767
|
+
if (input && input.validationMessage.length > 0) {
|
|
768
768
|
elem.errorMessage = input.validationMessage;
|
|
769
769
|
}
|
|
770
770
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -13440,7 +13440,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
13440
13440
|
}
|
|
13441
13441
|
}
|
|
13442
13442
|
|
|
13443
|
-
var formkitVersion$2 = '
|
|
13443
|
+
var formkitVersion$2 = '202606190840';
|
|
13444
13444
|
|
|
13445
13445
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$4 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$3=i$3`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
13446
13446
|
`,u$6=i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -18975,7 +18975,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
18975
18975
|
}
|
|
18976
18976
|
};
|
|
18977
18977
|
|
|
18978
|
-
var formkitVersion$1 = '
|
|
18978
|
+
var formkitVersion$1 = '202606190840';
|
|
18979
18979
|
|
|
18980
18980
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
18981
18981
|
static get properties() {
|
|
@@ -24855,7 +24855,7 @@ class AuroFormValidation {
|
|
|
24855
24855
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
|
|
24856
24856
|
const input = elem.renderRoot.querySelector('input');
|
|
24857
24857
|
|
|
24858
|
-
if (input.validationMessage.length > 0) {
|
|
24858
|
+
if (input && input.validationMessage.length > 0) {
|
|
24859
24859
|
elem.errorMessage = input.validationMessage;
|
|
24860
24860
|
}
|
|
24861
24861
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
|
|
@@ -31399,7 +31399,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31399
31399
|
* @returns {Date|undefined}
|
|
31400
31400
|
*/
|
|
31401
31401
|
get valueObject() {
|
|
31402
|
-
return this._valueObject;
|
|
31402
|
+
return this._valueObject || this._computeDateObjectFallback(this.value);
|
|
31403
31403
|
}
|
|
31404
31404
|
|
|
31405
31405
|
/**
|
|
@@ -31407,7 +31407,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31407
31407
|
* @returns {Date|undefined}
|
|
31408
31408
|
*/
|
|
31409
31409
|
get minObject() {
|
|
31410
|
-
return this._minObject;
|
|
31410
|
+
return this._minObject || this._computeDateObjectFallback(this.min);
|
|
31411
31411
|
}
|
|
31412
31412
|
|
|
31413
31413
|
/**
|
|
@@ -31415,7 +31415,31 @@ class BaseInput extends AuroElement$1 {
|
|
|
31415
31415
|
* @returns {Date|undefined}
|
|
31416
31416
|
*/
|
|
31417
31417
|
get maxObject() {
|
|
31418
|
-
return this._maxObject;
|
|
31418
|
+
return this._maxObject || this._computeDateObjectFallback(this.max);
|
|
31419
|
+
}
|
|
31420
|
+
|
|
31421
|
+
/**
|
|
31422
|
+
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
31423
|
+
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
31424
|
+
* input type/format isn't a full date or the string is not a valid date.
|
|
31425
|
+
*
|
|
31426
|
+
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
31427
|
+
* inside its own `updated()` before this input's `updated()` has run
|
|
31428
|
+
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
31429
|
+
* and range checks would otherwise silently no-op (flipping the result to
|
|
31430
|
+
* `valid` or `patternMismatch`).
|
|
31431
|
+
* @private
|
|
31432
|
+
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
31433
|
+
* @returns {Date|undefined}
|
|
31434
|
+
*/
|
|
31435
|
+
_computeDateObjectFallback(dateStr) {
|
|
31436
|
+
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
31437
|
+
return undefined;
|
|
31438
|
+
}
|
|
31439
|
+
if (!dateFormatter.isValidDate(dateStr)) {
|
|
31440
|
+
return undefined;
|
|
31441
|
+
}
|
|
31442
|
+
return dateFormatter.stringToDateInstance(dateStr);
|
|
31419
31443
|
}
|
|
31420
31444
|
|
|
31421
31445
|
/**
|
|
@@ -31440,8 +31464,30 @@ class BaseInput extends AuroElement$1 {
|
|
|
31440
31464
|
connectedCallback() {
|
|
31441
31465
|
super.connectedCallback();
|
|
31442
31466
|
|
|
31467
|
+
// Mark for query selectors when registered under a versioned tag (e.g. inside
|
|
31468
|
+
// a datepicker/combobox). Must run before parent components call validate() on
|
|
31469
|
+
// their inner inputs — the validation framework matches via tag-or-attribute,
|
|
31470
|
+
// and parents trigger validation during their own updated() cycle, which can
|
|
31471
|
+
// precede this input's firstUpdated().
|
|
31472
|
+
if (this.tagName.toLowerCase() !== 'auro-input' && !this.hasAttribute('auro-input')) {
|
|
31473
|
+
this.setAttribute('auro-input', '');
|
|
31474
|
+
}
|
|
31475
|
+
|
|
31443
31476
|
this.locale = this.domHandler.getLocale(this);
|
|
31444
31477
|
notifyOnLangChange(this);
|
|
31478
|
+
|
|
31479
|
+
// Pre-compute lengthForType and date-object fields so a parent (e.g. datepicker)
|
|
31480
|
+
// calling our validate() synchronously during its own updated() cycle sees
|
|
31481
|
+
// populated values. Without this, range validation silently no-ops because
|
|
31482
|
+
// `max.length === lengthForType` fails when lengthForType is still undefined.
|
|
31483
|
+
// Rebuild util here (constructor seeded with en-US default) so configureDataForType's
|
|
31484
|
+
// locale-derived format lookup uses the actual locale just resolved above.
|
|
31485
|
+
this.util = new AuroInputUtilities({
|
|
31486
|
+
locale: this.locale,
|
|
31487
|
+
format: this.format
|
|
31488
|
+
});
|
|
31489
|
+
this.configureDataForType();
|
|
31490
|
+
this.syncDateValues();
|
|
31445
31491
|
}
|
|
31446
31492
|
|
|
31447
31493
|
disconnectedCallback() {
|
|
@@ -31461,10 +31507,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31461
31507
|
this.wrapperElement.addEventListener('click', this.handleClick);
|
|
31462
31508
|
}
|
|
31463
31509
|
|
|
31464
|
-
// add attribute for query selectors when auro-input is registered under a custom name
|
|
31465
|
-
if (this.tagName.toLowerCase() !== 'auro-input') {
|
|
31466
|
-
this.setAttribute('auro-input', true);
|
|
31467
|
-
}
|
|
31468
31510
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
31469
31511
|
|
|
31470
31512
|
// use validity message override if declared when initializing the component
|
|
@@ -31511,6 +31553,12 @@ class BaseInput extends AuroElement$1 {
|
|
|
31511
31553
|
return;
|
|
31512
31554
|
}
|
|
31513
31555
|
|
|
31556
|
+
// While configureAutoFormatting is running, imask's internal updateControl
|
|
31557
|
+
// writes el.value to align display with the masked value. A synthetic input
|
|
31558
|
+
// event from that write would re-enter handleInput → processCreditCard mid-setup
|
|
31559
|
+
// and clobber a Lit value that was just pushed by the parent combobox.
|
|
31560
|
+
if (component._configuringMask) return;
|
|
31561
|
+
|
|
31514
31562
|
// If all guard clauses are passed, dispatch the event
|
|
31515
31563
|
const inputEvent = new InputEvent('input', {
|
|
31516
31564
|
bubbles: true,
|
|
@@ -31629,7 +31677,16 @@ class BaseInput extends AuroElement$1 {
|
|
|
31629
31677
|
|
|
31630
31678
|
if (formattedValue !== this.inputElement.value) {
|
|
31631
31679
|
this.skipNextProgrammaticInputEvent = true;
|
|
31632
|
-
if (
|
|
31680
|
+
if (this.maskInstance && this.type !== 'date') {
|
|
31681
|
+
// Route through the mask so its _value and el.value stay in lock-step
|
|
31682
|
+
// (set value calls updateControl which writes el.value = displayValue).
|
|
31683
|
+
// Writing el.value directly leaves the mask thinking displayValue is
|
|
31684
|
+
// stale; _saveSelection on the next focus/click then warns. Date is
|
|
31685
|
+
// excluded because its formattedValue can be raw ISO when the calendar
|
|
31686
|
+
// is invalid, and re-masking through mm/dd/yyyy would truncate it and
|
|
31687
|
+
// flip validity from patternMismatch to tooShort.
|
|
31688
|
+
this.maskInstance.value = formattedValue || '';
|
|
31689
|
+
} else if (formattedValue) {
|
|
31633
31690
|
this.inputElement.value = formattedValue;
|
|
31634
31691
|
} else {
|
|
31635
31692
|
this.inputElement.value = '';
|
|
@@ -31738,58 +31795,82 @@ class BaseInput extends AuroElement$1 {
|
|
|
31738
31795
|
* @returns {void}
|
|
31739
31796
|
*/
|
|
31740
31797
|
configureAutoFormatting() {
|
|
31741
|
-
|
|
31742
|
-
|
|
31743
|
-
|
|
31798
|
+
// _configuringMask gates two things: external re-entry into this method
|
|
31799
|
+
// while setup is mid-flight (from property changes that call back here),
|
|
31800
|
+
// and the accept/complete listeners below — both need to ignore the mask
|
|
31801
|
+
// events fired by our own value-restore step.
|
|
31802
|
+
if (this._configuringMask) return;
|
|
31803
|
+
this._configuringMask = true;
|
|
31804
|
+
try {
|
|
31805
|
+
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
31806
|
+
if (this.maskInstance) {
|
|
31807
|
+
this.maskInstance.destroy();
|
|
31808
|
+
}
|
|
31744
31809
|
|
|
31745
|
-
|
|
31746
|
-
this.util.updateFormat(this.format);
|
|
31810
|
+
this.util.updateFormat(this.format);
|
|
31747
31811
|
|
|
31748
|
-
|
|
31812
|
+
const maskOptions = this.util.getMaskOptions(this.type, this.format);
|
|
31749
31813
|
|
|
31750
|
-
|
|
31814
|
+
if (this.inputElement && maskOptions.mask) {
|
|
31815
|
+
// Capture the current display so it can be re-applied after IMask
|
|
31816
|
+
// attaches. The restore at the bottom goes through maskInstance.value
|
|
31817
|
+
// (not inputElement.value directly) so the mask's internal state and
|
|
31818
|
+
// the input's displayed text stay in lock-step.
|
|
31819
|
+
let existingValue = this.inputElement.value;
|
|
31751
31820
|
|
|
31752
|
-
|
|
31753
|
-
|
|
31754
|
-
|
|
31755
|
-
|
|
31756
|
-
|
|
31757
|
-
|
|
31758
|
-
|
|
31759
|
-
|
|
31760
|
-
|
|
31761
|
-
|
|
31762
|
-
|
|
31763
|
-
|
|
31764
|
-
|
|
31765
|
-
|
|
31766
|
-
) {
|
|
31767
|
-
existingValue = maskOptions.format(this.valueObject);
|
|
31768
|
-
}
|
|
31769
|
-
|
|
31770
|
-
this.skipNextProgrammaticInputEvent = true;
|
|
31771
|
-
this.inputElement.value = '';
|
|
31821
|
+
// Format-change case (e.g. locale switch): existingValue is the OLD
|
|
31822
|
+
// mask's display string and may not parse under the new mask. When
|
|
31823
|
+
// we have a valid date model, rebuild the display from valueObject
|
|
31824
|
+
// (the canonical source) using the new mask's format function.
|
|
31825
|
+
if (
|
|
31826
|
+
this.util.isFullDateFormat(this.type, this.format) &&
|
|
31827
|
+
this.value &&
|
|
31828
|
+
dateFormatter.isValidDate(this.value) &&
|
|
31829
|
+
this.valueObject instanceof Date &&
|
|
31830
|
+
!Number.isNaN(this.valueObject.getTime()) &&
|
|
31831
|
+
typeof maskOptions.format === 'function'
|
|
31832
|
+
) {
|
|
31833
|
+
existingValue = maskOptions.format(this.valueObject);
|
|
31834
|
+
}
|
|
31772
31835
|
|
|
31773
|
-
|
|
31836
|
+
// Clear before IMask attaches so the constructor seeds an empty
|
|
31837
|
+
// internal value. Otherwise IMask reads the stale unmasked string
|
|
31838
|
+
// and emits a spurious 'accept' before the restore below runs.
|
|
31839
|
+
this.skipNextProgrammaticInputEvent = true;
|
|
31840
|
+
this.inputElement.value = '';
|
|
31841
|
+
|
|
31842
|
+
this.maskInstance = IMask(this.inputElement, maskOptions);
|
|
31843
|
+
|
|
31844
|
+
// Mask fires 'accept' on every value change, including the restore
|
|
31845
|
+
// step below. Skip events fired during configureAutoFormatting so
|
|
31846
|
+
// we don't overwrite a value the parent just pushed.
|
|
31847
|
+
this.maskInstance.on('accept', () => {
|
|
31848
|
+
if (this._configuringMask) return;
|
|
31849
|
+
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
31850
|
+
if (this.type === "date") {
|
|
31851
|
+
this._rawMaskValue = this.maskInstance.value;
|
|
31852
|
+
}
|
|
31853
|
+
});
|
|
31774
31854
|
|
|
31775
|
-
|
|
31776
|
-
|
|
31777
|
-
|
|
31778
|
-
this.
|
|
31779
|
-
|
|
31780
|
-
|
|
31855
|
+
// Mask fires 'complete' on the restore step below for any value that
|
|
31856
|
+
// happens to be a complete match. Same setup-suppression as 'accept'.
|
|
31857
|
+
this.maskInstance.on('complete', () => {
|
|
31858
|
+
if (this._configuringMask) return;
|
|
31859
|
+
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
31860
|
+
if (this.type === "date") {
|
|
31861
|
+
this._rawMaskValue = this.maskInstance.value;
|
|
31862
|
+
}
|
|
31863
|
+
});
|
|
31781
31864
|
|
|
31782
|
-
|
|
31783
|
-
|
|
31784
|
-
|
|
31785
|
-
|
|
31865
|
+
// Write existingValue through the mask (not the input directly) so
|
|
31866
|
+
// the mask reformats it under the new rules and keeps its internal
|
|
31867
|
+
// _value aligned with the input's displayed text.
|
|
31868
|
+
if (existingValue) {
|
|
31869
|
+
this.maskInstance.value = existingValue;
|
|
31786
31870
|
}
|
|
31787
|
-
});
|
|
31788
|
-
|
|
31789
|
-
// Restore the stashed value through IMask so it's properly masked
|
|
31790
|
-
if (existingValue) {
|
|
31791
|
-
this.maskInstance.value = existingValue;
|
|
31792
31871
|
}
|
|
31872
|
+
} finally {
|
|
31873
|
+
this._configuringMask = false;
|
|
31793
31874
|
}
|
|
31794
31875
|
}
|
|
31795
31876
|
|
|
@@ -32076,10 +32157,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
32076
32157
|
},
|
|
32077
32158
|
{
|
|
32078
32159
|
name: 'Diners club',
|
|
32079
|
-
regex: /^(?<num>36|38)\d{0}/u,
|
|
32160
|
+
regex: /^(?<num>30[0-5]|36|38)\d{0}/u,
|
|
32080
32161
|
formatLength: 16,
|
|
32081
32162
|
errorMessage: CreditCardValidationMessage,
|
|
32082
|
-
cardIcon: '
|
|
32163
|
+
cardIcon: 'cc-dinersclub',
|
|
32083
32164
|
maskFormat: "0000 000000 0000"
|
|
32084
32165
|
},
|
|
32085
32166
|
{
|
|
@@ -32489,7 +32570,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
32489
32570
|
}
|
|
32490
32571
|
};
|
|
32491
32572
|
|
|
32492
|
-
var formkitVersion = '
|
|
32573
|
+
var formkitVersion = '202606190840';
|
|
32493
32574
|
|
|
32494
32575
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
32495
32576
|
// See LICENSE in the project root for license information.
|
|
@@ -35504,9 +35585,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
35504
35585
|
// update the calendar
|
|
35505
35586
|
if (this.valueEndObject) {
|
|
35506
35587
|
this.calendar.dateTo = this.convertToWcValidTime(this.valueEndObject);
|
|
35507
|
-
|
|
35508
|
-
this.calendarRenderUtil.updateCentralDate(this, this.valueEndObject);
|
|
35509
|
-
}
|
|
35588
|
+
this.calendarRenderUtil.updateCentralDate(this, this.valueEndObject);
|
|
35510
35589
|
} else {
|
|
35511
35590
|
if (this.inputList[1].value !== this.valueEnd) {
|
|
35512
35591
|
this.inputList[1].value = this.valueEnd || '';
|