@aurodesignsystem/auro-formkit 6.0.3 → 6.1.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/CHANGELOG.md +20 -8
- package/components/checkbox/demo/customize.min.js +14 -4
- package/components/checkbox/demo/getting-started.min.js +14 -4
- package/components/checkbox/demo/index.min.js +14 -4
- package/components/checkbox/dist/index.js +14 -4
- package/components/checkbox/dist/registered.js +14 -4
- package/components/combobox/demo/customize.min.js +71 -10
- package/components/combobox/demo/getting-started.min.js +71 -10
- package/components/combobox/demo/index.min.js +71 -10
- package/components/combobox/dist/index.js +71 -10
- package/components/combobox/dist/registered.js +71 -10
- 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 +64 -8
- package/components/datepicker/demo/index.min.js +64 -8
- package/components/datepicker/dist/index.js +64 -8
- package/components/datepicker/dist/registered.js +64 -8
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +63 -7
- 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 +241 -38
- package/components/form/demo/getting-started.min.js +241 -38
- package/components/form/demo/index.min.js +241 -38
- package/components/form/demo/registerDemoDeps.min.js +241 -38
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/css-only.md +2 -2
- package/components/input/demo/customize.md +3 -3
- package/components/input/demo/customize.min.js +62 -6
- package/components/input/demo/getting-started.min.js +62 -6
- package/components/input/demo/index.min.js +62 -6
- package/components/input/demo/why-input.md +2 -3
- package/components/input/dist/auro-input.d.ts +8 -0
- package/components/input/dist/base-input.d.ts +2 -0
- package/components/input/dist/index.js +62 -6
- package/components/input/dist/registered.js +62 -6
- package/components/radio/demo/customize.min.js +15 -4
- package/components/radio/demo/getting-started.min.js +15 -4
- package/components/radio/demo/index.min.js +15 -4
- package/components/radio/dist/auro-radio-group.d.ts +1 -0
- package/components/radio/dist/index.js +15 -4
- package/components/radio/dist/registered.js +15 -4
- package/components/select/demo/customize.min.js +13 -4
- package/components/select/demo/getting-started.min.js +13 -4
- package/components/select/demo/index.min.js +13 -4
- package/components/select/dist/auro-select.d.ts +2 -0
- package/components/select/dist/index.js +13 -4
- package/components/select/dist/registered.js +13 -4
- package/custom-elements.json +1516 -1504
- package/package.json +1 -1
|
@@ -13717,7 +13717,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
13717
13717
|
}
|
|
13718
13718
|
}
|
|
13719
13719
|
|
|
13720
|
-
var formkitVersion$2 = '
|
|
13720
|
+
var formkitVersion$2 = '202608262225';
|
|
13721
13721
|
|
|
13722
13722
|
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}
|
|
13723
13723
|
`,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}}
|
|
@@ -19472,7 +19472,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
19472
19472
|
}
|
|
19473
19473
|
};
|
|
19474
19474
|
|
|
19475
|
-
var formkitVersion$1 = '
|
|
19475
|
+
var formkitVersion$1 = '202608262225';
|
|
19476
19476
|
|
|
19477
19477
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
19478
19478
|
static get properties() {
|
|
@@ -31644,6 +31644,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
31644
31644
|
|
|
31645
31645
|
/**
|
|
31646
31646
|
* If set, the label will remain fixed in the active position.
|
|
31647
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
31648
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
31647
31649
|
*/
|
|
31648
31650
|
activeLabel: {
|
|
31649
31651
|
type: Boolean,
|
|
@@ -32763,6 +32765,18 @@ class BaseInput extends AuroElement$1 {
|
|
|
32763
32765
|
cardIcon: 'cc-dinersclub',
|
|
32764
32766
|
maskFormat: "0000 000000 0000"
|
|
32765
32767
|
},
|
|
32768
|
+
{
|
|
32769
|
+
// JCB is variable length (16-19 digits), like UnionPay, so it reuses the
|
|
32770
|
+
// formatMinLength/formatLength range machinery. The 35 prefix overlaps no
|
|
32771
|
+
// other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
|
|
32772
|
+
name: 'JCB',
|
|
32773
|
+
regex: /^(?<num>35)\d{0}/u,
|
|
32774
|
+
formatMinLength: 19,
|
|
32775
|
+
formatLength: 23,
|
|
32776
|
+
errorMessage: CreditCardValidationMessage,
|
|
32777
|
+
cardIcon: 'cc-jcb',
|
|
32778
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32779
|
+
},
|
|
32766
32780
|
{
|
|
32767
32781
|
name: 'Visa',
|
|
32768
32782
|
regex: /^(?<num>4)\d{0}/u,
|
|
@@ -32794,6 +32808,20 @@ class BaseInput extends AuroElement$1 {
|
|
|
32794
32808
|
errorMessage: CreditCardValidationMessage,
|
|
32795
32809
|
cardIcon: 'cc-discover',
|
|
32796
32810
|
maskFormat: "0000 0000 0000 0000"
|
|
32811
|
+
},
|
|
32812
|
+
{
|
|
32813
|
+
// China UnionPay is variable length (16-19 digits). It must come after
|
|
32814
|
+
// Discover so the last-match-wins loop below gives its 62 prefix
|
|
32815
|
+
// precedence over the generic `6` that resolves to Discover. 81 is used
|
|
32816
|
+
// by UnionPay cards issued outside mainland China and overlaps no other
|
|
32817
|
+
// brand. 60 is intentionally excluded (it overlaps real Discover 6011).
|
|
32818
|
+
name: 'China UnionPay',
|
|
32819
|
+
regex: /^(?<num>62|81)\d{0}/u,
|
|
32820
|
+
formatMinLength: 19,
|
|
32821
|
+
formatLength: 23,
|
|
32822
|
+
errorMessage: CreditCardValidationMessage,
|
|
32823
|
+
cardIcon: 'cc-unionpay',
|
|
32824
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32797
32825
|
}
|
|
32798
32826
|
];
|
|
32799
32827
|
|
|
@@ -32811,7 +32839,12 @@ class BaseInput extends AuroElement$1 {
|
|
|
32811
32839
|
}
|
|
32812
32840
|
});
|
|
32813
32841
|
|
|
32814
|
-
|
|
32842
|
+
// Variable-length brands (both min and max defined, e.g. UnionPay) validate
|
|
32843
|
+
// against the minimum masked length so shorter-but-valid entries are not
|
|
32844
|
+
// flagged tooShort. Fixed-length brands keep their single formatLength.
|
|
32845
|
+
this.validationCCLength = type.formatMinLength && type.formatLength
|
|
32846
|
+
? type.formatMinLength
|
|
32847
|
+
: type.formatLength;
|
|
32815
32848
|
|
|
32816
32849
|
return type;
|
|
32817
32850
|
}
|
|
@@ -33170,7 +33203,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
33170
33203
|
}
|
|
33171
33204
|
};
|
|
33172
33205
|
|
|
33173
|
-
var formkitVersion = '
|
|
33206
|
+
var formkitVersion = '202608262225';
|
|
33174
33207
|
|
|
33175
33208
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33176
33209
|
// See LICENSE in the project root for license information.
|
|
@@ -33271,15 +33304,35 @@ class AuroInput extends BaseInput {
|
|
|
33271
33304
|
* @private
|
|
33272
33305
|
*/
|
|
33273
33306
|
get inputHidden() {
|
|
33307
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33308
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33309
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33310
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33311
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33312
|
+
// preserved regardless.
|
|
33313
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33314
|
+
|
|
33274
33315
|
return (
|
|
33275
33316
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33276
33317
|
(
|
|
33318
|
+
!activeLabelRaisesInput &&
|
|
33277
33319
|
(!this.value || this.value.length === 0) &&
|
|
33278
33320
|
!this.hasFocus &&
|
|
33279
33321
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33280
33322
|
);
|
|
33281
33323
|
}
|
|
33282
33324
|
|
|
33325
|
+
/**
|
|
33326
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33327
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33328
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33329
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33330
|
+
* @private
|
|
33331
|
+
*/
|
|
33332
|
+
get isClassicLayout() {
|
|
33333
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33334
|
+
}
|
|
33335
|
+
|
|
33283
33336
|
/**
|
|
33284
33337
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33285
33338
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33325,7 +33378,7 @@ class AuroInput extends BaseInput {
|
|
|
33325
33378
|
}
|
|
33326
33379
|
|
|
33327
33380
|
// classic layout (default)
|
|
33328
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33381
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33329
33382
|
}
|
|
33330
33383
|
|
|
33331
33384
|
/**
|
|
@@ -33421,7 +33474,8 @@ class AuroInput extends BaseInput {
|
|
|
33421
33474
|
'wrapper': true,
|
|
33422
33475
|
'simple': this.simple,
|
|
33423
33476
|
'withValue': this.hasValue,
|
|
33424
|
-
'hasFocus': this.hasFocus
|
|
33477
|
+
'hasFocus': this.hasFocus,
|
|
33478
|
+
'activeLabel': this.activeLabel
|
|
33425
33479
|
};
|
|
33426
33480
|
}
|
|
33427
33481
|
|
|
@@ -33571,7 +33625,10 @@ class AuroInput extends BaseInput {
|
|
|
33571
33625
|
*/
|
|
33572
33626
|
definePattern() {
|
|
33573
33627
|
if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
|
|
33574
|
-
|
|
33628
|
+
// Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
|
|
33629
|
+
// fixed-length brands leave minLength undefined and keep an exact length.
|
|
33630
|
+
const minPatternLength = this.minLength || this.maxLength;
|
|
33631
|
+
return `.{${minPatternLength},${this.maxLength}}`;
|
|
33575
33632
|
}
|
|
33576
33633
|
|
|
33577
33634
|
return this.pattern;
|
|
@@ -33632,7 +33689,6 @@ class AuroInput extends BaseInput {
|
|
|
33632
33689
|
@input="${this.handleInput}"
|
|
33633
33690
|
.placeholder=${this.placeholderStr}
|
|
33634
33691
|
.role=${this.a11yRole}
|
|
33635
|
-
?activeLabel="${this.activeLabel}"
|
|
33636
33692
|
?disabled="${this.disabled}"
|
|
33637
33693
|
?required="${this.required}"
|
|
33638
33694
|
aria-activedescendant=${o$2(this.a11yActivedescendant)}
|
|
@@ -13717,7 +13717,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
13717
13717
|
}
|
|
13718
13718
|
}
|
|
13719
13719
|
|
|
13720
|
-
var formkitVersion$2 = '
|
|
13720
|
+
var formkitVersion$2 = '202608262225';
|
|
13721
13721
|
|
|
13722
13722
|
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}
|
|
13723
13723
|
`,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}}
|
|
@@ -19472,7 +19472,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
19472
19472
|
}
|
|
19473
19473
|
};
|
|
19474
19474
|
|
|
19475
|
-
var formkitVersion$1 = '
|
|
19475
|
+
var formkitVersion$1 = '202608262225';
|
|
19476
19476
|
|
|
19477
19477
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
19478
19478
|
static get properties() {
|
|
@@ -31644,6 +31644,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
31644
31644
|
|
|
31645
31645
|
/**
|
|
31646
31646
|
* If set, the label will remain fixed in the active position.
|
|
31647
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
31648
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
31647
31649
|
*/
|
|
31648
31650
|
activeLabel: {
|
|
31649
31651
|
type: Boolean,
|
|
@@ -32763,6 +32765,18 @@ class BaseInput extends AuroElement$1 {
|
|
|
32763
32765
|
cardIcon: 'cc-dinersclub',
|
|
32764
32766
|
maskFormat: "0000 000000 0000"
|
|
32765
32767
|
},
|
|
32768
|
+
{
|
|
32769
|
+
// JCB is variable length (16-19 digits), like UnionPay, so it reuses the
|
|
32770
|
+
// formatMinLength/formatLength range machinery. The 35 prefix overlaps no
|
|
32771
|
+
// other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
|
|
32772
|
+
name: 'JCB',
|
|
32773
|
+
regex: /^(?<num>35)\d{0}/u,
|
|
32774
|
+
formatMinLength: 19,
|
|
32775
|
+
formatLength: 23,
|
|
32776
|
+
errorMessage: CreditCardValidationMessage,
|
|
32777
|
+
cardIcon: 'cc-jcb',
|
|
32778
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32779
|
+
},
|
|
32766
32780
|
{
|
|
32767
32781
|
name: 'Visa',
|
|
32768
32782
|
regex: /^(?<num>4)\d{0}/u,
|
|
@@ -32794,6 +32808,20 @@ class BaseInput extends AuroElement$1 {
|
|
|
32794
32808
|
errorMessage: CreditCardValidationMessage,
|
|
32795
32809
|
cardIcon: 'cc-discover',
|
|
32796
32810
|
maskFormat: "0000 0000 0000 0000"
|
|
32811
|
+
},
|
|
32812
|
+
{
|
|
32813
|
+
// China UnionPay is variable length (16-19 digits). It must come after
|
|
32814
|
+
// Discover so the last-match-wins loop below gives its 62 prefix
|
|
32815
|
+
// precedence over the generic `6` that resolves to Discover. 81 is used
|
|
32816
|
+
// by UnionPay cards issued outside mainland China and overlaps no other
|
|
32817
|
+
// brand. 60 is intentionally excluded (it overlaps real Discover 6011).
|
|
32818
|
+
name: 'China UnionPay',
|
|
32819
|
+
regex: /^(?<num>62|81)\d{0}/u,
|
|
32820
|
+
formatMinLength: 19,
|
|
32821
|
+
formatLength: 23,
|
|
32822
|
+
errorMessage: CreditCardValidationMessage,
|
|
32823
|
+
cardIcon: 'cc-unionpay',
|
|
32824
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32797
32825
|
}
|
|
32798
32826
|
];
|
|
32799
32827
|
|
|
@@ -32811,7 +32839,12 @@ class BaseInput extends AuroElement$1 {
|
|
|
32811
32839
|
}
|
|
32812
32840
|
});
|
|
32813
32841
|
|
|
32814
|
-
|
|
32842
|
+
// Variable-length brands (both min and max defined, e.g. UnionPay) validate
|
|
32843
|
+
// against the minimum masked length so shorter-but-valid entries are not
|
|
32844
|
+
// flagged tooShort. Fixed-length brands keep their single formatLength.
|
|
32845
|
+
this.validationCCLength = type.formatMinLength && type.formatLength
|
|
32846
|
+
? type.formatMinLength
|
|
32847
|
+
: type.formatLength;
|
|
32815
32848
|
|
|
32816
32849
|
return type;
|
|
32817
32850
|
}
|
|
@@ -33170,7 +33203,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
33170
33203
|
}
|
|
33171
33204
|
};
|
|
33172
33205
|
|
|
33173
|
-
var formkitVersion = '
|
|
33206
|
+
var formkitVersion = '202608262225';
|
|
33174
33207
|
|
|
33175
33208
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33176
33209
|
// See LICENSE in the project root for license information.
|
|
@@ -33271,15 +33304,35 @@ class AuroInput extends BaseInput {
|
|
|
33271
33304
|
* @private
|
|
33272
33305
|
*/
|
|
33273
33306
|
get inputHidden() {
|
|
33307
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33308
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33309
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33310
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33311
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33312
|
+
// preserved regardless.
|
|
33313
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33314
|
+
|
|
33274
33315
|
return (
|
|
33275
33316
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33276
33317
|
(
|
|
33318
|
+
!activeLabelRaisesInput &&
|
|
33277
33319
|
(!this.value || this.value.length === 0) &&
|
|
33278
33320
|
!this.hasFocus &&
|
|
33279
33321
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33280
33322
|
);
|
|
33281
33323
|
}
|
|
33282
33324
|
|
|
33325
|
+
/**
|
|
33326
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33327
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33328
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33329
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33330
|
+
* @private
|
|
33331
|
+
*/
|
|
33332
|
+
get isClassicLayout() {
|
|
33333
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33334
|
+
}
|
|
33335
|
+
|
|
33283
33336
|
/**
|
|
33284
33337
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33285
33338
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33325,7 +33378,7 @@ class AuroInput extends BaseInput {
|
|
|
33325
33378
|
}
|
|
33326
33379
|
|
|
33327
33380
|
// classic layout (default)
|
|
33328
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33381
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33329
33382
|
}
|
|
33330
33383
|
|
|
33331
33384
|
/**
|
|
@@ -33421,7 +33474,8 @@ class AuroInput extends BaseInput {
|
|
|
33421
33474
|
'wrapper': true,
|
|
33422
33475
|
'simple': this.simple,
|
|
33423
33476
|
'withValue': this.hasValue,
|
|
33424
|
-
'hasFocus': this.hasFocus
|
|
33477
|
+
'hasFocus': this.hasFocus,
|
|
33478
|
+
'activeLabel': this.activeLabel
|
|
33425
33479
|
};
|
|
33426
33480
|
}
|
|
33427
33481
|
|
|
@@ -33571,7 +33625,10 @@ class AuroInput extends BaseInput {
|
|
|
33571
33625
|
*/
|
|
33572
33626
|
definePattern() {
|
|
33573
33627
|
if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
|
|
33574
|
-
|
|
33628
|
+
// Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
|
|
33629
|
+
// fixed-length brands leave minLength undefined and keep an exact length.
|
|
33630
|
+
const minPatternLength = this.minLength || this.maxLength;
|
|
33631
|
+
return `.{${minPatternLength},${this.maxLength}}`;
|
|
33575
33632
|
}
|
|
33576
33633
|
|
|
33577
33634
|
return this.pattern;
|
|
@@ -33632,7 +33689,6 @@ class AuroInput extends BaseInput {
|
|
|
33632
33689
|
@input="${this.handleInput}"
|
|
33633
33690
|
.placeholder=${this.placeholderStr}
|
|
33634
33691
|
.role=${this.a11yRole}
|
|
33635
|
-
?activeLabel="${this.activeLabel}"
|
|
33636
33692
|
?disabled="${this.disabled}"
|
|
33637
33693
|
?required="${this.required}"
|
|
33638
33694
|
aria-activedescendant=${o$2(this.a11yActivedescendant)}
|
|
@@ -13669,7 +13669,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13669
13669
|
}
|
|
13670
13670
|
}
|
|
13671
13671
|
|
|
13672
|
-
var formkitVersion$2 = '
|
|
13672
|
+
var formkitVersion$2 = '202608262225';
|
|
13673
13673
|
|
|
13674
13674
|
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=literal`${unsafeStatic(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$1 = 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$1=css`: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}
|
|
13675
13675
|
`,u$4=css`.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}}
|
|
@@ -19400,7 +19400,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
19400
19400
|
}
|
|
19401
19401
|
};
|
|
19402
19402
|
|
|
19403
|
-
var formkitVersion$1 = '
|
|
19403
|
+
var formkitVersion$1 = '202608262225';
|
|
19404
19404
|
|
|
19405
19405
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
19406
19406
|
static get properties() {
|
|
@@ -31565,6 +31565,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
31565
31565
|
|
|
31566
31566
|
/**
|
|
31567
31567
|
* If set, the label will remain fixed in the active position.
|
|
31568
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
31569
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
31568
31570
|
*/
|
|
31569
31571
|
activeLabel: {
|
|
31570
31572
|
type: Boolean,
|
|
@@ -32684,6 +32686,18 @@ class BaseInput extends AuroElement$1 {
|
|
|
32684
32686
|
cardIcon: 'cc-dinersclub',
|
|
32685
32687
|
maskFormat: "0000 000000 0000"
|
|
32686
32688
|
},
|
|
32689
|
+
{
|
|
32690
|
+
// JCB is variable length (16-19 digits), like UnionPay, so it reuses the
|
|
32691
|
+
// formatMinLength/formatLength range machinery. The 35 prefix overlaps no
|
|
32692
|
+
// other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
|
|
32693
|
+
name: 'JCB',
|
|
32694
|
+
regex: /^(?<num>35)\d{0}/u,
|
|
32695
|
+
formatMinLength: 19,
|
|
32696
|
+
formatLength: 23,
|
|
32697
|
+
errorMessage: CreditCardValidationMessage,
|
|
32698
|
+
cardIcon: 'cc-jcb',
|
|
32699
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32700
|
+
},
|
|
32687
32701
|
{
|
|
32688
32702
|
name: 'Visa',
|
|
32689
32703
|
regex: /^(?<num>4)\d{0}/u,
|
|
@@ -32715,6 +32729,20 @@ class BaseInput extends AuroElement$1 {
|
|
|
32715
32729
|
errorMessage: CreditCardValidationMessage,
|
|
32716
32730
|
cardIcon: 'cc-discover',
|
|
32717
32731
|
maskFormat: "0000 0000 0000 0000"
|
|
32732
|
+
},
|
|
32733
|
+
{
|
|
32734
|
+
// China UnionPay is variable length (16-19 digits). It must come after
|
|
32735
|
+
// Discover so the last-match-wins loop below gives its 62 prefix
|
|
32736
|
+
// precedence over the generic `6` that resolves to Discover. 81 is used
|
|
32737
|
+
// by UnionPay cards issued outside mainland China and overlaps no other
|
|
32738
|
+
// brand. 60 is intentionally excluded (it overlaps real Discover 6011).
|
|
32739
|
+
name: 'China UnionPay',
|
|
32740
|
+
regex: /^(?<num>62|81)\d{0}/u,
|
|
32741
|
+
formatMinLength: 19,
|
|
32742
|
+
formatLength: 23,
|
|
32743
|
+
errorMessage: CreditCardValidationMessage,
|
|
32744
|
+
cardIcon: 'cc-unionpay',
|
|
32745
|
+
maskFormat: "0000 0000 0000 0000 000"
|
|
32718
32746
|
}
|
|
32719
32747
|
];
|
|
32720
32748
|
|
|
@@ -32732,7 +32760,12 @@ class BaseInput extends AuroElement$1 {
|
|
|
32732
32760
|
}
|
|
32733
32761
|
});
|
|
32734
32762
|
|
|
32735
|
-
|
|
32763
|
+
// Variable-length brands (both min and max defined, e.g. UnionPay) validate
|
|
32764
|
+
// against the minimum masked length so shorter-but-valid entries are not
|
|
32765
|
+
// flagged tooShort. Fixed-length brands keep their single formatLength.
|
|
32766
|
+
this.validationCCLength = type.formatMinLength && type.formatLength
|
|
32767
|
+
? type.formatMinLength
|
|
32768
|
+
: type.formatLength;
|
|
32736
32769
|
|
|
32737
32770
|
return type;
|
|
32738
32771
|
}
|
|
@@ -33091,7 +33124,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
33091
33124
|
}
|
|
33092
33125
|
};
|
|
33093
33126
|
|
|
33094
|
-
var formkitVersion = '
|
|
33127
|
+
var formkitVersion = '202608262225';
|
|
33095
33128
|
|
|
33096
33129
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33097
33130
|
// See LICENSE in the project root for license information.
|
|
@@ -33192,15 +33225,35 @@ class AuroInput extends BaseInput {
|
|
|
33192
33225
|
* @private
|
|
33193
33226
|
*/
|
|
33194
33227
|
get inputHidden() {
|
|
33228
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33229
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33230
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33231
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33232
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33233
|
+
// preserved regardless.
|
|
33234
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33235
|
+
|
|
33195
33236
|
return (
|
|
33196
33237
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33197
33238
|
(
|
|
33239
|
+
!activeLabelRaisesInput &&
|
|
33198
33240
|
(!this.value || this.value.length === 0) &&
|
|
33199
33241
|
!this.hasFocus &&
|
|
33200
33242
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33201
33243
|
);
|
|
33202
33244
|
}
|
|
33203
33245
|
|
|
33246
|
+
/**
|
|
33247
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33248
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33249
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33250
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33251
|
+
* @private
|
|
33252
|
+
*/
|
|
33253
|
+
get isClassicLayout() {
|
|
33254
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33255
|
+
}
|
|
33256
|
+
|
|
33204
33257
|
/**
|
|
33205
33258
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33206
33259
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33246,7 +33299,7 @@ class AuroInput extends BaseInput {
|
|
|
33246
33299
|
}
|
|
33247
33300
|
|
|
33248
33301
|
// classic layout (default)
|
|
33249
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33302
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33250
33303
|
}
|
|
33251
33304
|
|
|
33252
33305
|
/**
|
|
@@ -33342,7 +33395,8 @@ class AuroInput extends BaseInput {
|
|
|
33342
33395
|
'wrapper': true,
|
|
33343
33396
|
'simple': this.simple,
|
|
33344
33397
|
'withValue': this.hasValue,
|
|
33345
|
-
'hasFocus': this.hasFocus
|
|
33398
|
+
'hasFocus': this.hasFocus,
|
|
33399
|
+
'activeLabel': this.activeLabel
|
|
33346
33400
|
};
|
|
33347
33401
|
}
|
|
33348
33402
|
|
|
@@ -33492,7 +33546,10 @@ class AuroInput extends BaseInput {
|
|
|
33492
33546
|
*/
|
|
33493
33547
|
definePattern() {
|
|
33494
33548
|
if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
|
|
33495
|
-
|
|
33549
|
+
// Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
|
|
33550
|
+
// fixed-length brands leave minLength undefined and keep an exact length.
|
|
33551
|
+
const minPatternLength = this.minLength || this.maxLength;
|
|
33552
|
+
return `.{${minPatternLength},${this.maxLength}}`;
|
|
33496
33553
|
}
|
|
33497
33554
|
|
|
33498
33555
|
return this.pattern;
|
|
@@ -33553,7 +33610,6 @@ class AuroInput extends BaseInput {
|
|
|
33553
33610
|
@input="${this.handleInput}"
|
|
33554
33611
|
.placeholder=${this.placeholderStr}
|
|
33555
33612
|
.role=${this.a11yRole}
|
|
33556
|
-
?activeLabel="${this.activeLabel}"
|
|
33557
33613
|
?disabled="${this.disabled}"
|
|
33558
33614
|
?required="${this.required}"
|
|
33559
33615
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|