@aurodesignsystem-dev/auro-formkit 0.0.0-pr1506.1 → 0.0.0-pr1507.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 +268 -140
- package/components/combobox/demo/getting-started.min.js +268 -140
- package/components/combobox/demo/index.min.js +268 -140
- package/components/combobox/dist/auro-combobox.d.ts +0 -9
- package/components/combobox/dist/index.js +266 -138
- package/components/combobox/dist/registered.js +266 -138
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +149 -39
- package/components/datepicker/demo/index.min.js +149 -39
- package/components/datepicker/dist/index.js +149 -39
- package/components/datepicker/dist/registered.js +149 -39
- 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 +570 -221
- package/components/form/demo/getting-started.min.js +570 -221
- package/components/form/demo/index.min.js +570 -221
- package/components/form/demo/registerDemoDeps.min.js +570 -221
- package/components/input/demo/customize.min.js +147 -36
- package/components/input/demo/getting-started.min.js +147 -36
- package/components/input/demo/index.min.js +147 -36
- package/components/input/dist/base-input.d.ts +48 -0
- package/components/input/dist/index.js +147 -36
- package/components/input/dist/registered.js +147 -36
- package/components/menu/demo/index.min.js +2 -2
- package/components/menu/dist/index.js +2 -2
- package/components/menu/dist/registered.js +2 -2
- 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 +4 -4
- package/components/select/demo/getting-started.min.js +4 -4
- package/components/select/demo/index.min.js +4 -4
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +264 -20
- package/package.json +1 -1
|
@@ -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 = '202606192121';
|
|
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 = '202606192121';
|
|
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 = '202606192121';
|
|
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 = '202606192121';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -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 = '202606192121';
|
|
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 = '202606192121';
|
|
5381
5381
|
|
|
5382
5382
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5383
5383
|
static get properties() {
|
|
@@ -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 = '202606192121';
|
|
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 = '202606192121';
|
|
5381
5381
|
|
|
5382
5382
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5383
5383
|
static get properties() {
|
|
@@ -10528,7 +10528,6 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
|
10528
10528
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
10529
10529
|
|
|
10530
10530
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
10531
|
-
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
10532
10531
|
return undefined;
|
|
10533
10532
|
}
|
|
10534
10533
|
|
|
@@ -13440,7 +13439,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
13440
13439
|
}
|
|
13441
13440
|
}
|
|
13442
13441
|
|
|
13443
|
-
var formkitVersion$2 = '
|
|
13442
|
+
var formkitVersion$2 = '202606192121';
|
|
13444
13443
|
|
|
13445
13444
|
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
13445
|
`,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 +18974,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
18975
18974
|
}
|
|
18976
18975
|
};
|
|
18977
18976
|
|
|
18978
|
-
var formkitVersion$1 = '
|
|
18977
|
+
var formkitVersion$1 = '202606192121';
|
|
18979
18978
|
|
|
18980
18979
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
18981
18980
|
static get properties() {
|
|
@@ -30696,7 +30695,6 @@ class AuroInputUtilities {
|
|
|
30696
30695
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
30697
30696
|
|
|
30698
30697
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
30699
|
-
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
30700
30698
|
return undefined;
|
|
30701
30699
|
}
|
|
30702
30700
|
|
|
@@ -30848,8 +30846,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
30848
30846
|
this.layout = 'classic';
|
|
30849
30847
|
this.locale = 'en-US';
|
|
30850
30848
|
this.max = undefined;
|
|
30849
|
+
this._maxObject = undefined;
|
|
30851
30850
|
this.maxLength = undefined;
|
|
30852
30851
|
this.min = undefined;
|
|
30852
|
+
this._minObject = undefined;
|
|
30853
30853
|
this.minLength = undefined;
|
|
30854
30854
|
this.required = false;
|
|
30855
30855
|
this.onDark = false;
|
|
@@ -30857,6 +30857,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
30857
30857
|
this.size = 'lg';
|
|
30858
30858
|
this.shape = 'classic';
|
|
30859
30859
|
this.value = undefined;
|
|
30860
|
+
this._valueObject = undefined;
|
|
30860
30861
|
|
|
30861
30862
|
this._initializePrivateDefaults();
|
|
30862
30863
|
}
|
|
@@ -31396,7 +31397,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31396
31397
|
* @returns {Date|undefined}
|
|
31397
31398
|
*/
|
|
31398
31399
|
get valueObject() {
|
|
31399
|
-
return this.
|
|
31400
|
+
return this._valueObject || this._computeDateObjectFallback(this.value);
|
|
31400
31401
|
}
|
|
31401
31402
|
|
|
31402
31403
|
/**
|
|
@@ -31404,7 +31405,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31404
31405
|
* @returns {Date|undefined}
|
|
31405
31406
|
*/
|
|
31406
31407
|
get minObject() {
|
|
31407
|
-
return this.
|
|
31408
|
+
return this._minObject || this._computeDateObjectFallback(this.min);
|
|
31408
31409
|
}
|
|
31409
31410
|
|
|
31410
31411
|
/**
|
|
@@ -31412,7 +31413,50 @@ class BaseInput extends AuroElement$1 {
|
|
|
31412
31413
|
* @returns {Date|undefined}
|
|
31413
31414
|
*/
|
|
31414
31415
|
get maxObject() {
|
|
31415
|
-
return this.
|
|
31416
|
+
return this._maxObject || this._computeDateObjectFallback(this.max);
|
|
31417
|
+
}
|
|
31418
|
+
|
|
31419
|
+
/**
|
|
31420
|
+
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
31421
|
+
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
31422
|
+
* input type/format isn't a full date or the string is not a valid date.
|
|
31423
|
+
*
|
|
31424
|
+
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
31425
|
+
* inside its own `updated()` before this input's `updated()` has run
|
|
31426
|
+
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
31427
|
+
* and range checks would otherwise silently no-op (flipping the result to
|
|
31428
|
+
* `valid` or `patternMismatch`).
|
|
31429
|
+
* @private
|
|
31430
|
+
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
31431
|
+
* @returns {Date|undefined}
|
|
31432
|
+
*/
|
|
31433
|
+
_computeDateObjectFallback(dateStr) {
|
|
31434
|
+
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
31435
|
+
return undefined;
|
|
31436
|
+
}
|
|
31437
|
+
if (!dateFormatter.isValidDate(dateStr)) {
|
|
31438
|
+
return undefined;
|
|
31439
|
+
}
|
|
31440
|
+
return dateFormatter.stringToDateInstance(dateStr);
|
|
31441
|
+
}
|
|
31442
|
+
|
|
31443
|
+
/**
|
|
31444
|
+
* Internal setter for readonly date object properties.
|
|
31445
|
+
* @private
|
|
31446
|
+
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
31447
|
+
* @param {Date|undefined} propertyValue - Value to assign.
|
|
31448
|
+
* @returns {void}
|
|
31449
|
+
*/
|
|
31450
|
+
setDateObjectProperty(propertyName, propertyValue) {
|
|
31451
|
+
const internalPropertyName = `_${propertyName}`;
|
|
31452
|
+
const previousValue = this[internalPropertyName];
|
|
31453
|
+
|
|
31454
|
+
if (previousValue === propertyValue) {
|
|
31455
|
+
return;
|
|
31456
|
+
}
|
|
31457
|
+
|
|
31458
|
+
this[internalPropertyName] = propertyValue;
|
|
31459
|
+
this.requestUpdate(propertyName, previousValue);
|
|
31416
31460
|
}
|
|
31417
31461
|
|
|
31418
31462
|
connectedCallback() {
|
|
@@ -31441,6 +31485,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31441
31485
|
format: this.format
|
|
31442
31486
|
});
|
|
31443
31487
|
this.configureDataForType();
|
|
31488
|
+
this.syncDateValues();
|
|
31444
31489
|
}
|
|
31445
31490
|
|
|
31446
31491
|
disconnectedCallback() {
|
|
@@ -31460,6 +31505,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
31460
31505
|
this.wrapperElement.addEventListener('click', this.handleClick);
|
|
31461
31506
|
}
|
|
31462
31507
|
|
|
31508
|
+
// add attribute for query selectors when auro-input is registered under a custom name
|
|
31509
|
+
if (this.tagName.toLowerCase() !== 'auro-input' && !this.hasAttribute('auro-input')) {
|
|
31510
|
+
this.setAttribute('auro-input', '');
|
|
31511
|
+
}
|
|
31463
31512
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
31464
31513
|
|
|
31465
31514
|
// use validity message override if declared when initializing the component
|
|
@@ -31470,6 +31519,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31470
31519
|
this.setCustomHelpTextMessage();
|
|
31471
31520
|
this.configureAutoFormatting();
|
|
31472
31521
|
this.configureDataForType();
|
|
31522
|
+
this.syncDateValues();
|
|
31473
31523
|
}
|
|
31474
31524
|
|
|
31475
31525
|
/**
|
|
@@ -31606,6 +31656,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
31606
31656
|
this.configureDataForType();
|
|
31607
31657
|
}
|
|
31608
31658
|
|
|
31659
|
+
this.syncDateValues(changedProperties);
|
|
31660
|
+
|
|
31609
31661
|
if (changedProperties.has('value')) {
|
|
31610
31662
|
if (this.value && this.value.length > 0) {
|
|
31611
31663
|
this.hasValue = true;
|
|
@@ -31627,14 +31679,14 @@ class BaseInput extends AuroElement$1 {
|
|
|
31627
31679
|
|
|
31628
31680
|
if (formattedValue !== this.inputElement.value) {
|
|
31629
31681
|
this.skipNextProgrammaticInputEvent = true;
|
|
31630
|
-
if (this.maskInstance && this.type
|
|
31682
|
+
if (this.maskInstance && this.type === 'credit-card') {
|
|
31631
31683
|
// Route through the mask so its _value and el.value stay in lock-step
|
|
31632
31684
|
// (set value calls updateControl which writes el.value = displayValue).
|
|
31633
31685
|
// Writing el.value directly leaves the mask thinking displayValue is
|
|
31634
|
-
// stale; _saveSelection on the next focus/click then warns.
|
|
31635
|
-
//
|
|
31636
|
-
//
|
|
31637
|
-
// flip validity from patternMismatch to tooShort.
|
|
31686
|
+
// stale; _saveSelection on the next focus/click then warns. Scoped to
|
|
31687
|
+
// credit-card so date's own formattedValue (raw ISO when calendar-invalid)
|
|
31688
|
+
// isn't re-masked through the mm/dd/yyyy mask, which would truncate it
|
|
31689
|
+
// and flip validity from patternMismatch to tooShort.
|
|
31638
31690
|
this.maskInstance.value = formattedValue || '';
|
|
31639
31691
|
} else if (formattedValue) {
|
|
31640
31692
|
this.inputElement.value = formattedValue;
|
|
@@ -31676,60 +31728,120 @@ class BaseInput extends AuroElement$1 {
|
|
|
31676
31728
|
}));
|
|
31677
31729
|
}
|
|
31678
31730
|
|
|
31731
|
+
|
|
31732
|
+
/**
|
|
31733
|
+
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
31734
|
+
* This keeps the model and display values aligned when either side changes.
|
|
31735
|
+
*
|
|
31736
|
+
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
31737
|
+
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
31738
|
+
* represents a full year/month/day date format.
|
|
31739
|
+
*
|
|
31740
|
+
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
31741
|
+
* @returns {void}
|
|
31742
|
+
* @private
|
|
31743
|
+
*/
|
|
31744
|
+
syncDateValues(changedProperties = undefined) {
|
|
31745
|
+
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
31746
|
+
return;
|
|
31747
|
+
}
|
|
31748
|
+
|
|
31749
|
+
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
31750
|
+
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
31751
|
+
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
31752
|
+
}
|
|
31753
|
+
|
|
31754
|
+
/**
|
|
31755
|
+
* Synchronizes one date object/string property pair.
|
|
31756
|
+
* @private
|
|
31757
|
+
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
31758
|
+
* @param {string} objectProperty - Date object property name.
|
|
31759
|
+
* @param {string} valueProperty - ISO string property name.
|
|
31760
|
+
* @returns {void}
|
|
31761
|
+
*/
|
|
31762
|
+
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
31763
|
+
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
31764
|
+
|
|
31765
|
+
// objectProperty wins over valueProperty when both changed
|
|
31766
|
+
if (objectPropertyChanged && this[objectProperty]) {
|
|
31767
|
+
this[valueProperty] = dateFormatter.toISOFormatString(this[objectProperty]);
|
|
31768
|
+
return;
|
|
31769
|
+
}
|
|
31770
|
+
|
|
31771
|
+
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
31772
|
+
if (!valuePropertyChanged) {
|
|
31773
|
+
return;
|
|
31774
|
+
}
|
|
31775
|
+
|
|
31776
|
+
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
31777
|
+
if (
|
|
31778
|
+
changedProperties &&
|
|
31779
|
+
valueProperty === 'value' &&
|
|
31780
|
+
changedProperties.get('value') === undefined &&
|
|
31781
|
+
this[objectProperty] instanceof Date &&
|
|
31782
|
+
this[valueProperty] === dateFormatter.toISOFormatString(this[objectProperty])
|
|
31783
|
+
) {
|
|
31784
|
+
return;
|
|
31785
|
+
}
|
|
31786
|
+
|
|
31787
|
+
if (dateFormatter.isValidDate(this[valueProperty])) {
|
|
31788
|
+
this.setDateObjectProperty(objectProperty, dateFormatter.stringToDateInstance(this[valueProperty]));
|
|
31789
|
+
} else {
|
|
31790
|
+
this.setDateObjectProperty(objectProperty, undefined);
|
|
31791
|
+
}
|
|
31792
|
+
}
|
|
31793
|
+
|
|
31679
31794
|
/**
|
|
31680
31795
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
31681
31796
|
* @private
|
|
31682
31797
|
* @returns {void}
|
|
31683
31798
|
*/
|
|
31684
31799
|
configureAutoFormatting() {
|
|
31685
|
-
//
|
|
31686
|
-
//
|
|
31687
|
-
//
|
|
31688
|
-
//
|
|
31800
|
+
// Re-entrancy guard. The patched-setter's synthetic input event (suppressed
|
|
31801
|
+
// by _configuringMask above) could otherwise trigger handleInput →
|
|
31802
|
+
// processCreditCard → configureAutoFormatting before the outer call's
|
|
31803
|
+
// set value has finished its alignCursor pass.
|
|
31689
31804
|
if (this._configuringMask) return;
|
|
31690
31805
|
this._configuringMask = true;
|
|
31691
31806
|
try {
|
|
31692
|
-
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
31693
31807
|
if (this.maskInstance) {
|
|
31694
31808
|
this.maskInstance.destroy();
|
|
31695
31809
|
}
|
|
31696
31810
|
|
|
31811
|
+
// Pass new format to util
|
|
31697
31812
|
this.util.updateFormat(this.format);
|
|
31698
31813
|
|
|
31699
31814
|
const maskOptions = this.util.getMaskOptions(this.type, this.format);
|
|
31700
31815
|
|
|
31701
31816
|
if (this.inputElement && maskOptions.mask) {
|
|
31702
|
-
// Capture the current display so it can be re-applied after IMask
|
|
31703
|
-
// attaches. The restore at the bottom goes through maskInstance.value
|
|
31704
|
-
// (not inputElement.value directly) so the mask's internal state and
|
|
31705
|
-
// the input's displayed text stay in lock-step.
|
|
31706
|
-
let existingValue = this.inputElement.value;
|
|
31707
31817
|
|
|
31708
|
-
//
|
|
31709
|
-
//
|
|
31710
|
-
//
|
|
31711
|
-
//
|
|
31818
|
+
// Stash and clear any existing value before IMask init.
|
|
31819
|
+
// IMask's constructor processes the current input value which requires
|
|
31820
|
+
// selection state — clearing first avoids that scenario entirely.
|
|
31821
|
+
// When the format changes (e.g. locale switch) and we have a valid ISO
|
|
31822
|
+
// model value, compute the display string for the NEW format instead of
|
|
31823
|
+
// re-using the old display string, which may be invalid in the new mask.
|
|
31824
|
+
let existingValue = this.inputElement.value;
|
|
31712
31825
|
if (
|
|
31713
31826
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
31714
31827
|
this.value &&
|
|
31715
|
-
this.
|
|
31828
|
+
dateFormatter.isValidDate(this.value) &&
|
|
31829
|
+
this.valueObject instanceof Date &&
|
|
31830
|
+
!Number.isNaN(this.valueObject.getTime()) &&
|
|
31716
31831
|
typeof maskOptions.format === 'function'
|
|
31717
31832
|
) {
|
|
31718
31833
|
existingValue = maskOptions.format(this.valueObject);
|
|
31719
31834
|
}
|
|
31720
31835
|
|
|
31721
|
-
// Clear before IMask attaches so the constructor seeds an empty
|
|
31722
|
-
// internal value. Otherwise IMask reads the stale unmasked string
|
|
31723
|
-
// and emits a spurious 'accept' before the restore below runs.
|
|
31724
31836
|
this.skipNextProgrammaticInputEvent = true;
|
|
31725
31837
|
this.inputElement.value = '';
|
|
31726
31838
|
|
|
31727
31839
|
this.maskInstance = IMask(this.inputElement, maskOptions);
|
|
31728
31840
|
|
|
31729
|
-
// Mask fires 'accept' on every value change, including the restore
|
|
31730
|
-
// step below. Skip events fired during configureAutoFormatting so
|
|
31731
|
-
// we don't overwrite a value the parent just pushed.
|
|
31732
31841
|
this.maskInstance.on('accept', () => {
|
|
31842
|
+
// Suppress propagation during configureAutoFormatting's own value-restoration
|
|
31843
|
+
// (line below) — the mask emits 'accept' on every value-set, including ours,
|
|
31844
|
+
// and we don't want to overwrite a value the parent just pushed.
|
|
31733
31845
|
if (this._configuringMask) return;
|
|
31734
31846
|
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
31735
31847
|
if (this.type === "date") {
|
|
@@ -31737,8 +31849,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31737
31849
|
}
|
|
31738
31850
|
});
|
|
31739
31851
|
|
|
31740
|
-
// Mask fires 'complete' on the restore step below for any value that
|
|
31741
|
-
// happens to be a complete match. Same setup-suppression as 'accept'.
|
|
31742
31852
|
this.maskInstance.on('complete', () => {
|
|
31743
31853
|
if (this._configuringMask) return;
|
|
31744
31854
|
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
@@ -31747,9 +31857,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31747
31857
|
}
|
|
31748
31858
|
});
|
|
31749
31859
|
|
|
31750
|
-
//
|
|
31751
|
-
// the mask reformats it under the new rules and keeps its internal
|
|
31752
|
-
// _value aligned with the input's displayed text.
|
|
31860
|
+
// Restore the stashed value through IMask so it's properly masked
|
|
31753
31861
|
if (existingValue) {
|
|
31754
31862
|
this.maskInstance.value = existingValue;
|
|
31755
31863
|
}
|
|
@@ -31917,6 +32025,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31917
32025
|
*/
|
|
31918
32026
|
reset() {
|
|
31919
32027
|
this.value = undefined;
|
|
32028
|
+
this.setDateObjectProperty('valueObject', undefined);
|
|
31920
32029
|
this.validation.reset(this);
|
|
31921
32030
|
}
|
|
31922
32031
|
|
|
@@ -31925,6 +32034,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31925
32034
|
*/
|
|
31926
32035
|
clear() {
|
|
31927
32036
|
this.value = undefined;
|
|
32037
|
+
this.setDateObjectProperty('valueObject', undefined);
|
|
31928
32038
|
}
|
|
31929
32039
|
|
|
31930
32040
|
/**
|
|
@@ -32453,7 +32563,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
32453
32563
|
}
|
|
32454
32564
|
};
|
|
32455
32565
|
|
|
32456
|
-
var formkitVersion = '
|
|
32566
|
+
var formkitVersion = '202606192121';
|
|
32457
32567
|
|
|
32458
32568
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
32459
32569
|
// See LICENSE in the project root for license information.
|