@aurodesignsystem-dev/auro-formkit 0.0.0-pr1583.0 → 0.0.0-pr1588.1
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 +9 -4
- package/components/checkbox/demo/getting-started.min.js +9 -4
- package/components/checkbox/demo/index.min.js +9 -4
- package/components/checkbox/dist/index.js +9 -4
- package/components/checkbox/dist/registered.js +9 -4
- package/components/combobox/demo/customize.min.js +29 -7
- package/components/combobox/demo/getting-started.min.js +29 -7
- package/components/combobox/demo/index.min.js +29 -7
- package/components/combobox/dist/index.js +29 -7
- package/components/combobox/dist/registered.js +29 -7
- 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 +28 -6
- package/components/datepicker/demo/index.min.js +28 -6
- package/components/datepicker/dist/index.js +28 -6
- package/components/datepicker/dist/registered.js +28 -6
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +27 -5
- 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 +109 -30
- package/components/form/demo/getting-started.min.js +109 -30
- package/components/form/demo/index.min.js +109 -30
- package/components/form/demo/registerDemoDeps.min.js +109 -30
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/customize.md +3 -3
- package/components/input/demo/customize.min.js +26 -4
- package/components/input/demo/getting-started.min.js +26 -4
- package/components/input/demo/index.min.js +26 -4
- 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 +26 -4
- package/components/input/dist/registered.js +26 -4
- package/components/radio/demo/customize.min.js +10 -4
- package/components/radio/demo/getting-started.min.js +10 -4
- package/components/radio/demo/index.min.js +10 -4
- package/components/radio/dist/index.js +10 -4
- package/components/radio/dist/registered.js +10 -4
- package/components/select/demo/customize.min.js +5 -3
- package/components/select/demo/getting-started.min.js +5 -3
- package/components/select/demo/index.min.js +5 -3
- package/components/select/dist/index.js +5 -3
- package/components/select/dist/registered.js +5 -3
- package/custom-elements.json +16 -4
- package/package.json +1 -1
|
@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4910
4910
|
}
|
|
4911
4911
|
};
|
|
4912
4912
|
|
|
4913
|
-
var formkitVersion$2 = '
|
|
4913
|
+
var formkitVersion$2 = '202608192007';
|
|
4914
4914
|
|
|
4915
4915
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4916
4916
|
static get properties() {
|
|
@@ -17075,6 +17075,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
17075
17075
|
|
|
17076
17076
|
/**
|
|
17077
17077
|
* If set, the label will remain fixed in the active position.
|
|
17078
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17079
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
17078
17080
|
*/
|
|
17079
17081
|
activeLabel: {
|
|
17080
17082
|
type: Boolean,
|
|
@@ -18601,7 +18603,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18601
18603
|
}
|
|
18602
18604
|
};
|
|
18603
18605
|
|
|
18604
|
-
var formkitVersion$1 = '
|
|
18606
|
+
var formkitVersion$1 = '202608192007';
|
|
18605
18607
|
|
|
18606
18608
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18607
18609
|
// See LICENSE in the project root for license information.
|
|
@@ -18702,15 +18704,35 @@ class AuroInput extends BaseInput {
|
|
|
18702
18704
|
* @private
|
|
18703
18705
|
*/
|
|
18704
18706
|
get inputHidden() {
|
|
18707
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18708
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
18709
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
18710
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
18711
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18712
|
+
// preserved regardless.
|
|
18713
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18714
|
+
|
|
18705
18715
|
return (
|
|
18706
18716
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18707
18717
|
(
|
|
18718
|
+
!activeLabelRaisesInput &&
|
|
18708
18719
|
(!this.value || this.value.length === 0) &&
|
|
18709
18720
|
!this.hasFocus &&
|
|
18710
18721
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18711
18722
|
);
|
|
18712
18723
|
}
|
|
18713
18724
|
|
|
18725
|
+
/**
|
|
18726
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
18727
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18728
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18729
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
18730
|
+
* @private
|
|
18731
|
+
*/
|
|
18732
|
+
get isClassicLayout() {
|
|
18733
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18734
|
+
}
|
|
18735
|
+
|
|
18714
18736
|
/**
|
|
18715
18737
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18716
18738
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18756,7 +18778,7 @@ class AuroInput extends BaseInput {
|
|
|
18756
18778
|
}
|
|
18757
18779
|
|
|
18758
18780
|
// classic layout (default)
|
|
18759
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18781
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
18760
18782
|
}
|
|
18761
18783
|
|
|
18762
18784
|
/**
|
|
@@ -18852,7 +18874,8 @@ class AuroInput extends BaseInput {
|
|
|
18852
18874
|
'wrapper': true,
|
|
18853
18875
|
'simple': this.simple,
|
|
18854
18876
|
'withValue': this.hasValue,
|
|
18855
|
-
'hasFocus': this.hasFocus
|
|
18877
|
+
'hasFocus': this.hasFocus,
|
|
18878
|
+
'activeLabel': this.activeLabel
|
|
18856
18879
|
};
|
|
18857
18880
|
}
|
|
18858
18881
|
|
|
@@ -19063,7 +19086,6 @@ class AuroInput extends BaseInput {
|
|
|
19063
19086
|
@input="${this.handleInput}"
|
|
19064
19087
|
.placeholder=${this.placeholderStr}
|
|
19065
19088
|
.role=${this.a11yRole}
|
|
19066
|
-
?activeLabel="${this.activeLabel}"
|
|
19067
19089
|
?disabled="${this.disabled}"
|
|
19068
19090
|
?required="${this.required}"
|
|
19069
19091
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|
|
@@ -19757,7 +19779,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19757
19779
|
}
|
|
19758
19780
|
}
|
|
19759
19781
|
|
|
19760
|
-
var formkitVersion = '
|
|
19782
|
+
var formkitVersion = '202608192007';
|
|
19761
19783
|
|
|
19762
19784
|
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19763
19785
|
|
|
@@ -21452,7 +21474,7 @@ class AuroCombobox extends AuroElement {
|
|
|
21452
21474
|
// and validating against the pre-selection value flashes a stale error
|
|
21453
21475
|
// between mousedown and mouseup. The next focusout fires after the
|
|
21454
21476
|
// dropdown closes and validates against the post-selection value.
|
|
21455
|
-
if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
|
|
21477
|
+
if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
|
|
21456
21478
|
this.validate();
|
|
21457
21479
|
}
|
|
21458
21480
|
});
|
|
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1117
1117
|
}
|
|
1118
1118
|
};
|
|
1119
1119
|
|
|
1120
|
-
var formkitVersion$1 = '
|
|
1120
|
+
var formkitVersion$1 = '202608192007';
|
|
1121
1121
|
|
|
1122
1122
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1123
1123
|
// See LICENSE in the project root for license information.
|
|
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
|
|
|
5288
5288
|
}
|
|
5289
5289
|
}
|
|
5290
5290
|
|
|
5291
|
-
var formkitVersion = '
|
|
5291
|
+
var formkitVersion = '202608192007';
|
|
5292
5292
|
|
|
5293
5293
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5294
5294
|
static get properties() {
|
|
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1117
1117
|
}
|
|
1118
1118
|
};
|
|
1119
1119
|
|
|
1120
|
-
var formkitVersion$1 = '
|
|
1120
|
+
var formkitVersion$1 = '202608192007';
|
|
1121
1121
|
|
|
1122
1122
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1123
1123
|
// See LICENSE in the project root for license information.
|
|
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
|
|
|
5288
5288
|
}
|
|
5289
5289
|
}
|
|
5290
5290
|
|
|
5291
|
-
var formkitVersion = '
|
|
5291
|
+
var formkitVersion = '202608192007';
|
|
5292
5292
|
|
|
5293
5293
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5294
5294
|
static get properties() {
|
|
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1067
1067
|
}
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var formkitVersion$1 = '
|
|
1070
|
+
var formkitVersion$1 = '202608192007';
|
|
1071
1071
|
|
|
1072
1072
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1073
1073
|
// See LICENSE in the project root for license information.
|
|
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
|
|
|
5220
5220
|
}
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
var formkitVersion = '
|
|
5223
|
+
var formkitVersion = '202608192007';
|
|
5224
5224
|
|
|
5225
5225
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5226
5226
|
static get properties() {
|
|
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1067
1067
|
}
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var formkitVersion$1 = '
|
|
1070
|
+
var formkitVersion$1 = '202608192007';
|
|
1071
1071
|
|
|
1072
1072
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1073
1073
|
// See LICENSE in the project root for license information.
|
|
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
|
|
|
5220
5220
|
}
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
var formkitVersion = '
|
|
5223
|
+
var formkitVersion = '202608192007';
|
|
5224
5224
|
|
|
5225
5225
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5226
5226
|
static get properties() {
|
|
@@ -13717,7 +13717,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
13717
13717
|
}
|
|
13718
13718
|
}
|
|
13719
13719
|
|
|
13720
|
-
var formkitVersion$2 = '
|
|
13720
|
+
var formkitVersion$2 = '202608192007';
|
|
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 = '202608192007';
|
|
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,
|
|
@@ -33170,7 +33172,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
33170
33172
|
}
|
|
33171
33173
|
};
|
|
33172
33174
|
|
|
33173
|
-
var formkitVersion = '
|
|
33175
|
+
var formkitVersion = '202608192007';
|
|
33174
33176
|
|
|
33175
33177
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33176
33178
|
// See LICENSE in the project root for license information.
|
|
@@ -33271,15 +33273,35 @@ class AuroInput extends BaseInput {
|
|
|
33271
33273
|
* @private
|
|
33272
33274
|
*/
|
|
33273
33275
|
get inputHidden() {
|
|
33276
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33277
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33278
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33279
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33280
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33281
|
+
// preserved regardless.
|
|
33282
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33283
|
+
|
|
33274
33284
|
return (
|
|
33275
33285
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33276
33286
|
(
|
|
33287
|
+
!activeLabelRaisesInput &&
|
|
33277
33288
|
(!this.value || this.value.length === 0) &&
|
|
33278
33289
|
!this.hasFocus &&
|
|
33279
33290
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33280
33291
|
);
|
|
33281
33292
|
}
|
|
33282
33293
|
|
|
33294
|
+
/**
|
|
33295
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33296
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33297
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33298
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33299
|
+
* @private
|
|
33300
|
+
*/
|
|
33301
|
+
get isClassicLayout() {
|
|
33302
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33303
|
+
}
|
|
33304
|
+
|
|
33283
33305
|
/**
|
|
33284
33306
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33285
33307
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33325,7 +33347,7 @@ class AuroInput extends BaseInput {
|
|
|
33325
33347
|
}
|
|
33326
33348
|
|
|
33327
33349
|
// classic layout (default)
|
|
33328
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33350
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33329
33351
|
}
|
|
33330
33352
|
|
|
33331
33353
|
/**
|
|
@@ -33421,7 +33443,8 @@ class AuroInput extends BaseInput {
|
|
|
33421
33443
|
'wrapper': true,
|
|
33422
33444
|
'simple': this.simple,
|
|
33423
33445
|
'withValue': this.hasValue,
|
|
33424
|
-
'hasFocus': this.hasFocus
|
|
33446
|
+
'hasFocus': this.hasFocus,
|
|
33447
|
+
'activeLabel': this.activeLabel
|
|
33425
33448
|
};
|
|
33426
33449
|
}
|
|
33427
33450
|
|
|
@@ -33632,7 +33655,6 @@ class AuroInput extends BaseInput {
|
|
|
33632
33655
|
@input="${this.handleInput}"
|
|
33633
33656
|
.placeholder=${this.placeholderStr}
|
|
33634
33657
|
.role=${this.a11yRole}
|
|
33635
|
-
?activeLabel="${this.activeLabel}"
|
|
33636
33658
|
?disabled="${this.disabled}"
|
|
33637
33659
|
?required="${this.required}"
|
|
33638
33660
|
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 = '202608192007';
|
|
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 = '202608192007';
|
|
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,
|
|
@@ -33170,7 +33172,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
33170
33172
|
}
|
|
33171
33173
|
};
|
|
33172
33174
|
|
|
33173
|
-
var formkitVersion = '
|
|
33175
|
+
var formkitVersion = '202608192007';
|
|
33174
33176
|
|
|
33175
33177
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33176
33178
|
// See LICENSE in the project root for license information.
|
|
@@ -33271,15 +33273,35 @@ class AuroInput extends BaseInput {
|
|
|
33271
33273
|
* @private
|
|
33272
33274
|
*/
|
|
33273
33275
|
get inputHidden() {
|
|
33276
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33277
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33278
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33279
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33280
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33281
|
+
// preserved regardless.
|
|
33282
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33283
|
+
|
|
33274
33284
|
return (
|
|
33275
33285
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33276
33286
|
(
|
|
33287
|
+
!activeLabelRaisesInput &&
|
|
33277
33288
|
(!this.value || this.value.length === 0) &&
|
|
33278
33289
|
!this.hasFocus &&
|
|
33279
33290
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33280
33291
|
);
|
|
33281
33292
|
}
|
|
33282
33293
|
|
|
33294
|
+
/**
|
|
33295
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33296
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33297
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33298
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33299
|
+
* @private
|
|
33300
|
+
*/
|
|
33301
|
+
get isClassicLayout() {
|
|
33302
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33303
|
+
}
|
|
33304
|
+
|
|
33283
33305
|
/**
|
|
33284
33306
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33285
33307
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33325,7 +33347,7 @@ class AuroInput extends BaseInput {
|
|
|
33325
33347
|
}
|
|
33326
33348
|
|
|
33327
33349
|
// classic layout (default)
|
|
33328
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33350
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33329
33351
|
}
|
|
33330
33352
|
|
|
33331
33353
|
/**
|
|
@@ -33421,7 +33443,8 @@ class AuroInput extends BaseInput {
|
|
|
33421
33443
|
'wrapper': true,
|
|
33422
33444
|
'simple': this.simple,
|
|
33423
33445
|
'withValue': this.hasValue,
|
|
33424
|
-
'hasFocus': this.hasFocus
|
|
33446
|
+
'hasFocus': this.hasFocus,
|
|
33447
|
+
'activeLabel': this.activeLabel
|
|
33425
33448
|
};
|
|
33426
33449
|
}
|
|
33427
33450
|
|
|
@@ -33632,7 +33655,6 @@ class AuroInput extends BaseInput {
|
|
|
33632
33655
|
@input="${this.handleInput}"
|
|
33633
33656
|
.placeholder=${this.placeholderStr}
|
|
33634
33657
|
.role=${this.a11yRole}
|
|
33635
|
-
?activeLabel="${this.activeLabel}"
|
|
33636
33658
|
?disabled="${this.disabled}"
|
|
33637
33659
|
?required="${this.required}"
|
|
33638
33660
|
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 = '202608192007';
|
|
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 = '202608192007';
|
|
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,
|
|
@@ -33091,7 +33093,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
33091
33093
|
}
|
|
33092
33094
|
};
|
|
33093
33095
|
|
|
33094
|
-
var formkitVersion = '
|
|
33096
|
+
var formkitVersion = '202608192007';
|
|
33095
33097
|
|
|
33096
33098
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33097
33099
|
// See LICENSE in the project root for license information.
|
|
@@ -33192,15 +33194,35 @@ class AuroInput extends BaseInput {
|
|
|
33192
33194
|
* @private
|
|
33193
33195
|
*/
|
|
33194
33196
|
get inputHidden() {
|
|
33197
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33198
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33199
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33200
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33201
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33202
|
+
// preserved regardless.
|
|
33203
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33204
|
+
|
|
33195
33205
|
return (
|
|
33196
33206
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33197
33207
|
(
|
|
33208
|
+
!activeLabelRaisesInput &&
|
|
33198
33209
|
(!this.value || this.value.length === 0) &&
|
|
33199
33210
|
!this.hasFocus &&
|
|
33200
33211
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33201
33212
|
);
|
|
33202
33213
|
}
|
|
33203
33214
|
|
|
33215
|
+
/**
|
|
33216
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33217
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33218
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33219
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33220
|
+
* @private
|
|
33221
|
+
*/
|
|
33222
|
+
get isClassicLayout() {
|
|
33223
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33224
|
+
}
|
|
33225
|
+
|
|
33204
33226
|
/**
|
|
33205
33227
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33206
33228
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33246,7 +33268,7 @@ class AuroInput extends BaseInput {
|
|
|
33246
33268
|
}
|
|
33247
33269
|
|
|
33248
33270
|
// classic layout (default)
|
|
33249
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33271
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33250
33272
|
}
|
|
33251
33273
|
|
|
33252
33274
|
/**
|
|
@@ -33342,7 +33364,8 @@ class AuroInput extends BaseInput {
|
|
|
33342
33364
|
'wrapper': true,
|
|
33343
33365
|
'simple': this.simple,
|
|
33344
33366
|
'withValue': this.hasValue,
|
|
33345
|
-
'hasFocus': this.hasFocus
|
|
33367
|
+
'hasFocus': this.hasFocus,
|
|
33368
|
+
'activeLabel': this.activeLabel
|
|
33346
33369
|
};
|
|
33347
33370
|
}
|
|
33348
33371
|
|
|
@@ -33553,7 +33576,6 @@ class AuroInput extends BaseInput {
|
|
|
33553
33576
|
@input="${this.handleInput}"
|
|
33554
33577
|
.placeholder=${this.placeholderStr}
|
|
33555
33578
|
.role=${this.a11yRole}
|
|
33556
|
-
?activeLabel="${this.activeLabel}"
|
|
33557
33579
|
?disabled="${this.disabled}"
|
|
33558
33580
|
?required="${this.required}"
|
|
33559
33581
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|