@aurodesignsystem-dev/auro-formkit 0.0.0-pr1582.2 → 0.0.0-pr1583.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +6 -28
- package/components/combobox/demo/getting-started.min.js +6 -28
- package/components/combobox/demo/index.min.js +6 -28
- package/components/combobox/dist/index.js +6 -28
- package/components/combobox/dist/registered.js +6 -28
- 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 +6 -28
- package/components/datepicker/demo/index.min.js +6 -28
- package/components/datepicker/dist/index.js +6 -28
- package/components/datepicker/dist/registered.js +6 -28
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +5 -27
- 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 +22 -88
- package/components/form/demo/getting-started.min.js +22 -88
- package/components/form/demo/index.min.js +22 -88
- package/components/form/demo/registerDemoDeps.min.js +22 -88
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/customize.md +1 -1
- package/components/input/demo/customize.min.js +4 -26
- package/components/input/demo/getting-started.min.js +4 -26
- package/components/input/demo/index.min.js +4 -26
- package/components/input/dist/auro-input.d.ts +0 -8
- package/components/input/dist/base-input.d.ts +0 -2
- package/components/input/dist/index.js +4 -26
- package/components/input/dist/registered.js +4 -26
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +4 -16
- package/package.json +1 -1
|
@@ -10813,8 +10813,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10813
10813
|
|
|
10814
10814
|
/**
|
|
10815
10815
|
* If set, the label will remain fixed in the active position.
|
|
10816
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
10817
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
10818
10816
|
*/
|
|
10819
10817
|
activeLabel: {
|
|
10820
10818
|
type: Boolean,
|
|
@@ -12341,7 +12339,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12341
12339
|
}
|
|
12342
12340
|
};
|
|
12343
12341
|
|
|
12344
|
-
var formkitVersion$8 = '
|
|
12342
|
+
var formkitVersion$8 = '202608102155';
|
|
12345
12343
|
|
|
12346
12344
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12347
12345
|
// See LICENSE in the project root for license information.
|
|
@@ -12442,35 +12440,15 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12442
12440
|
* @private
|
|
12443
12441
|
*/
|
|
12444
12442
|
get inputHidden() {
|
|
12445
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
12446
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
12447
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
12448
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
12449
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
12450
|
-
// preserved regardless.
|
|
12451
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
12452
|
-
|
|
12453
12443
|
return (
|
|
12454
12444
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
12455
12445
|
(
|
|
12456
|
-
!activeLabelRaisesInput &&
|
|
12457
12446
|
(!this.value || this.value.length === 0) &&
|
|
12458
12447
|
!this.hasFocus &&
|
|
12459
12448
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
12460
12449
|
);
|
|
12461
12450
|
}
|
|
12462
12451
|
|
|
12463
|
-
/**
|
|
12464
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
12465
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
12466
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
12467
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
12468
|
-
* @private
|
|
12469
|
-
*/
|
|
12470
|
-
get isClassicLayout() {
|
|
12471
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
12472
|
-
}
|
|
12473
|
-
|
|
12474
12452
|
/**
|
|
12475
12453
|
* Determines if the input should display in a state with no focus or value indication.
|
|
12476
12454
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -12516,7 +12494,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12516
12494
|
}
|
|
12517
12495
|
|
|
12518
12496
|
// classic layout (default)
|
|
12519
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
12497
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
12520
12498
|
}
|
|
12521
12499
|
|
|
12522
12500
|
/**
|
|
@@ -12612,8 +12590,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12612
12590
|
'wrapper': true,
|
|
12613
12591
|
'simple': this.simple,
|
|
12614
12592
|
'withValue': this.hasValue,
|
|
12615
|
-
'hasFocus': this.hasFocus
|
|
12616
|
-
'activeLabel': this.activeLabel
|
|
12593
|
+
'hasFocus': this.hasFocus
|
|
12617
12594
|
};
|
|
12618
12595
|
}
|
|
12619
12596
|
|
|
@@ -12824,6 +12801,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12824
12801
|
@input="${this.handleInput}"
|
|
12825
12802
|
.placeholder=${this.placeholderStr}
|
|
12826
12803
|
.role=${this.a11yRole}
|
|
12804
|
+
?activeLabel="${this.activeLabel}"
|
|
12827
12805
|
?disabled="${this.disabled}"
|
|
12828
12806
|
?required="${this.required}"
|
|
12829
12807
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -26793,7 +26771,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26793
26771
|
}
|
|
26794
26772
|
};
|
|
26795
26773
|
|
|
26796
|
-
var formkitVersion$2$1 = '
|
|
26774
|
+
var formkitVersion$2$1 = '202608102155';
|
|
26797
26775
|
|
|
26798
26776
|
let l$1$2 = 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$2 = 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$2 = 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$3=i$4`: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}
|
|
26799
26777
|
`,u$4$2=i$4`.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}}
|
|
@@ -32524,7 +32502,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32524
32502
|
}
|
|
32525
32503
|
};
|
|
32526
32504
|
|
|
32527
|
-
var formkitVersion$1$3 = '
|
|
32505
|
+
var formkitVersion$1$3 = '202608102155';
|
|
32528
32506
|
|
|
32529
32507
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32530
32508
|
static get properties() {
|
|
@@ -44689,8 +44667,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44689
44667
|
|
|
44690
44668
|
/**
|
|
44691
44669
|
* If set, the label will remain fixed in the active position.
|
|
44692
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
44693
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
44694
44670
|
*/
|
|
44695
44671
|
activeLabel: {
|
|
44696
44672
|
type: Boolean,
|
|
@@ -46217,7 +46193,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46217
46193
|
}
|
|
46218
46194
|
};
|
|
46219
46195
|
|
|
46220
|
-
var formkitVersion$7 = '
|
|
46196
|
+
var formkitVersion$7 = '202608102155';
|
|
46221
46197
|
|
|
46222
46198
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46223
46199
|
// See LICENSE in the project root for license information.
|
|
@@ -46318,35 +46294,15 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46318
46294
|
* @private
|
|
46319
46295
|
*/
|
|
46320
46296
|
get inputHidden() {
|
|
46321
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
46322
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
46323
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
46324
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
46325
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
46326
|
-
// preserved regardless.
|
|
46327
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
46328
|
-
|
|
46329
46297
|
return (
|
|
46330
46298
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
46331
46299
|
(
|
|
46332
|
-
!activeLabelRaisesInput &&
|
|
46333
46300
|
(!this.value || this.value.length === 0) &&
|
|
46334
46301
|
!this.hasFocus &&
|
|
46335
46302
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
46336
46303
|
);
|
|
46337
46304
|
}
|
|
46338
46305
|
|
|
46339
|
-
/**
|
|
46340
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
46341
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
46342
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
46343
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
46344
|
-
* @private
|
|
46345
|
-
*/
|
|
46346
|
-
get isClassicLayout() {
|
|
46347
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
46348
|
-
}
|
|
46349
|
-
|
|
46350
46306
|
/**
|
|
46351
46307
|
* Determines if the input should display in a state with no focus or value indication.
|
|
46352
46308
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -46392,7 +46348,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46392
46348
|
}
|
|
46393
46349
|
|
|
46394
46350
|
// classic layout (default)
|
|
46395
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
46351
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
46396
46352
|
}
|
|
46397
46353
|
|
|
46398
46354
|
/**
|
|
@@ -46488,8 +46444,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46488
46444
|
'wrapper': true,
|
|
46489
46445
|
'simple': this.simple,
|
|
46490
46446
|
'withValue': this.hasValue,
|
|
46491
|
-
'hasFocus': this.hasFocus
|
|
46492
|
-
'activeLabel': this.activeLabel
|
|
46447
|
+
'hasFocus': this.hasFocus
|
|
46493
46448
|
};
|
|
46494
46449
|
}
|
|
46495
46450
|
|
|
@@ -46700,6 +46655,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46700
46655
|
@input="${this.handleInput}"
|
|
46701
46656
|
.placeholder=${this.placeholderStr}
|
|
46702
46657
|
.role=${this.a11yRole}
|
|
46658
|
+
?activeLabel="${this.activeLabel}"
|
|
46703
46659
|
?disabled="${this.disabled}"
|
|
46704
46660
|
?required="${this.required}"
|
|
46705
46661
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -51219,7 +51175,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51219
51175
|
}
|
|
51220
51176
|
};
|
|
51221
51177
|
|
|
51222
|
-
var formkitVersion$1$2 = '
|
|
51178
|
+
var formkitVersion$1$2 = '202608102155';
|
|
51223
51179
|
|
|
51224
51180
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51225
51181
|
// See LICENSE in the project root for license information.
|
|
@@ -55372,7 +55328,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55372
55328
|
}
|
|
55373
55329
|
};
|
|
55374
55330
|
|
|
55375
|
-
var formkitVersion$6 = '
|
|
55331
|
+
var formkitVersion$6 = '202608102155';
|
|
55376
55332
|
|
|
55377
55333
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55378
55334
|
static get properties() {
|
|
@@ -59435,7 +59391,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59435
59391
|
}
|
|
59436
59392
|
};
|
|
59437
59393
|
|
|
59438
|
-
var formkitVersion$5 = '
|
|
59394
|
+
var formkitVersion$5 = '202608102155';
|
|
59439
59395
|
|
|
59440
59396
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59441
59397
|
// See LICENSE in the project root for license information.
|
|
@@ -61200,7 +61156,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61200
61156
|
}
|
|
61201
61157
|
};
|
|
61202
61158
|
|
|
61203
|
-
var formkitVersion$4 = '
|
|
61159
|
+
var formkitVersion$4 = '202608102155';
|
|
61204
61160
|
|
|
61205
61161
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61206
61162
|
// See LICENSE in the project root for license information.
|
|
@@ -66519,7 +66475,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66519
66475
|
}
|
|
66520
66476
|
};
|
|
66521
66477
|
|
|
66522
|
-
var formkitVersion$2 = '
|
|
66478
|
+
var formkitVersion$2 = '202608102155';
|
|
66523
66479
|
|
|
66524
66480
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66525
66481
|
static get properties() {
|
|
@@ -78684,8 +78640,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78684
78640
|
|
|
78685
78641
|
/**
|
|
78686
78642
|
* If set, the label will remain fixed in the active position.
|
|
78687
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
78688
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
78689
78643
|
*/
|
|
78690
78644
|
activeLabel: {
|
|
78691
78645
|
type: Boolean,
|
|
@@ -80212,7 +80166,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80212
80166
|
}
|
|
80213
80167
|
};
|
|
80214
80168
|
|
|
80215
|
-
var formkitVersion$1$1 = '
|
|
80169
|
+
var formkitVersion$1$1 = '202608102155';
|
|
80216
80170
|
|
|
80217
80171
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80218
80172
|
// See LICENSE in the project root for license information.
|
|
@@ -80313,35 +80267,15 @@ class AuroInput extends BaseInput {
|
|
|
80313
80267
|
* @private
|
|
80314
80268
|
*/
|
|
80315
80269
|
get inputHidden() {
|
|
80316
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
80317
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
80318
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
80319
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
80320
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
80321
|
-
// preserved regardless.
|
|
80322
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
80323
|
-
|
|
80324
80270
|
return (
|
|
80325
80271
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
80326
80272
|
(
|
|
80327
|
-
!activeLabelRaisesInput &&
|
|
80328
80273
|
(!this.value || this.value.length === 0) &&
|
|
80329
80274
|
!this.hasFocus &&
|
|
80330
80275
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
80331
80276
|
);
|
|
80332
80277
|
}
|
|
80333
80278
|
|
|
80334
|
-
/**
|
|
80335
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
80336
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
80337
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
80338
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
80339
|
-
* @private
|
|
80340
|
-
*/
|
|
80341
|
-
get isClassicLayout() {
|
|
80342
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
80343
|
-
}
|
|
80344
|
-
|
|
80345
80279
|
/**
|
|
80346
80280
|
* Determines if the input should display in a state with no focus or value indication.
|
|
80347
80281
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -80387,7 +80321,7 @@ class AuroInput extends BaseInput {
|
|
|
80387
80321
|
}
|
|
80388
80322
|
|
|
80389
80323
|
// classic layout (default)
|
|
80390
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
80324
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
80391
80325
|
}
|
|
80392
80326
|
|
|
80393
80327
|
/**
|
|
@@ -80483,8 +80417,7 @@ class AuroInput extends BaseInput {
|
|
|
80483
80417
|
'wrapper': true,
|
|
80484
80418
|
'simple': this.simple,
|
|
80485
80419
|
'withValue': this.hasValue,
|
|
80486
|
-
'hasFocus': this.hasFocus
|
|
80487
|
-
'activeLabel': this.activeLabel
|
|
80420
|
+
'hasFocus': this.hasFocus
|
|
80488
80421
|
};
|
|
80489
80422
|
}
|
|
80490
80423
|
|
|
@@ -80695,6 +80628,7 @@ class AuroInput extends BaseInput {
|
|
|
80695
80628
|
@input="${this.handleInput}"
|
|
80696
80629
|
.placeholder=${this.placeholderStr}
|
|
80697
80630
|
.role=${this.a11yRole}
|
|
80631
|
+
?activeLabel="${this.activeLabel}"
|
|
80698
80632
|
?disabled="${this.disabled}"
|
|
80699
80633
|
?required="${this.required}"
|
|
80700
80634
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -81388,7 +81322,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81388
81322
|
}
|
|
81389
81323
|
};
|
|
81390
81324
|
|
|
81391
|
-
var formkitVersion$3 = '
|
|
81325
|
+
var formkitVersion$3 = '202608102155';
|
|
81392
81326
|
|
|
81393
81327
|
var styleCss$1$3 = i$4`.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}`;
|
|
81394
81328
|
|
|
@@ -90588,7 +90522,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90588
90522
|
}
|
|
90589
90523
|
};
|
|
90590
90524
|
|
|
90591
|
-
var formkitVersion$1 = '
|
|
90525
|
+
var formkitVersion$1 = '202608102155';
|
|
90592
90526
|
|
|
90593
90527
|
class AuroElement extends i$2 {
|
|
90594
90528
|
static get properties() {
|
|
@@ -92699,7 +92633,7 @@ class AuroHelpText extends i$2 {
|
|
|
92699
92633
|
}
|
|
92700
92634
|
}
|
|
92701
92635
|
|
|
92702
|
-
var formkitVersion = '
|
|
92636
|
+
var formkitVersion = '202608102155';
|
|
92703
92637
|
|
|
92704
92638
|
var styleCss = i$4`.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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.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, 300);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, 300);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, 0.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, 0.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, 0.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, 0.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, 0.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, 0.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(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{overflow:hidden;height:auto;text-overflow:ellipsis;white-space:nowrap}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
92705
92639
|
|
|
@@ -13,7 +13,7 @@ The `auro-input` element provides users a way to enter data into a text field.
|
|
|
13
13
|
| `a11yControls` | `a11yControls` | | `string` | | The value for the aria-controls attribute. |
|
|
14
14
|
| `a11yExpanded` | `a11yExpanded` | | `boolean` | | The value for the aria-expanded attribute. |
|
|
15
15
|
| `a11yRole` | `a11yRole` | | `string` | | The value for the role attribute. |
|
|
16
|
-
| `activeLabel` | `activeLabel` | | `boolean` | false | If set, the label will remain fixed in the active position
|
|
16
|
+
| `activeLabel` | `activeLabel` | | `boolean` | false | If set, the label will remain fixed in the active position. |
|
|
17
17
|
| `appearance` | `appearance` | | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
|
|
18
18
|
| `autocapitalize` | `autocapitalize` | | `string` | | An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]. |
|
|
19
19
|
| `autocomplete` | `autocomplete` | | `string` | | An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported. |
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
<section>
|
|
45
45
|
<auro-header level="2" id="appearance">Appearance</auro-header>
|
|
46
46
|
<auro-header level="3" id="activeLabel">Active Label</auro-header>
|
|
47
|
-
<p>Use the <code>activeLabel</code> attribute to make the label stay fixed in the active position
|
|
47
|
+
<p>Use the <code>activeLabel</code> attribute to make the label stay fixed in the active position.</p>
|
|
48
48
|
<div class="exampleWrapper">
|
|
49
49
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/active-label.html) -->
|
|
50
50
|
<!-- The below content is automatically added from ../apiExamples/active-label.html -->
|
|
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
|
|
|
10742
10742
|
|
|
10743
10743
|
/**
|
|
10744
10744
|
* If set, the label will remain fixed in the active position.
|
|
10745
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
10746
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
10747
10745
|
*/
|
|
10748
10746
|
activeLabel: {
|
|
10749
10747
|
type: Boolean,
|
|
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
|
|
|
12270
12268
|
}
|
|
12271
12269
|
}
|
|
12272
12270
|
|
|
12273
|
-
var formkitVersion = '
|
|
12271
|
+
var formkitVersion = '202608102155';
|
|
12274
12272
|
|
|
12275
12273
|
/**
|
|
12276
12274
|
* @license
|
|
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
|
|
|
12383
12381
|
* @private
|
|
12384
12382
|
*/
|
|
12385
12383
|
get inputHidden() {
|
|
12386
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
12387
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
12388
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
12389
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
12390
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
12391
|
-
// preserved regardless.
|
|
12392
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
12393
|
-
|
|
12394
12384
|
return (
|
|
12395
12385
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
12396
12386
|
(
|
|
12397
|
-
!activeLabelRaisesInput &&
|
|
12398
12387
|
(!this.value || this.value.length === 0) &&
|
|
12399
12388
|
!this.hasFocus &&
|
|
12400
12389
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
12401
12390
|
);
|
|
12402
12391
|
}
|
|
12403
12392
|
|
|
12404
|
-
/**
|
|
12405
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
12406
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
12407
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
12408
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
12409
|
-
* @private
|
|
12410
|
-
*/
|
|
12411
|
-
get isClassicLayout() {
|
|
12412
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
12413
|
-
}
|
|
12414
|
-
|
|
12415
12393
|
/**
|
|
12416
12394
|
* Determines if the input should display in a state with no focus or value indication.
|
|
12417
12395
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
|
|
|
12457
12435
|
}
|
|
12458
12436
|
|
|
12459
12437
|
// classic layout (default)
|
|
12460
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
12438
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
12461
12439
|
}
|
|
12462
12440
|
|
|
12463
12441
|
/**
|
|
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
|
|
|
12553
12531
|
'wrapper': true,
|
|
12554
12532
|
'simple': this.simple,
|
|
12555
12533
|
'withValue': this.hasValue,
|
|
12556
|
-
'hasFocus': this.hasFocus
|
|
12557
|
-
'activeLabel': this.activeLabel
|
|
12534
|
+
'hasFocus': this.hasFocus
|
|
12558
12535
|
};
|
|
12559
12536
|
}
|
|
12560
12537
|
|
|
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
|
|
|
12765
12742
|
@input="${this.handleInput}"
|
|
12766
12743
|
.placeholder=${this.placeholderStr}
|
|
12767
12744
|
.role=${this.a11yRole}
|
|
12745
|
+
?activeLabel="${this.activeLabel}"
|
|
12768
12746
|
?disabled="${this.disabled}"
|
|
12769
12747
|
?required="${this.required}"
|
|
12770
12748
|
aria-activedescendant=${o$2(this.a11yActivedescendant)}
|
|
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
|
|
|
10742
10742
|
|
|
10743
10743
|
/**
|
|
10744
10744
|
* If set, the label will remain fixed in the active position.
|
|
10745
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
10746
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
10747
10745
|
*/
|
|
10748
10746
|
activeLabel: {
|
|
10749
10747
|
type: Boolean,
|
|
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
|
|
|
12270
12268
|
}
|
|
12271
12269
|
}
|
|
12272
12270
|
|
|
12273
|
-
var formkitVersion = '
|
|
12271
|
+
var formkitVersion = '202608102155';
|
|
12274
12272
|
|
|
12275
12273
|
/**
|
|
12276
12274
|
* @license
|
|
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
|
|
|
12383
12381
|
* @private
|
|
12384
12382
|
*/
|
|
12385
12383
|
get inputHidden() {
|
|
12386
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
12387
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
12388
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
12389
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
12390
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
12391
|
-
// preserved regardless.
|
|
12392
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
12393
|
-
|
|
12394
12384
|
return (
|
|
12395
12385
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
12396
12386
|
(
|
|
12397
|
-
!activeLabelRaisesInput &&
|
|
12398
12387
|
(!this.value || this.value.length === 0) &&
|
|
12399
12388
|
!this.hasFocus &&
|
|
12400
12389
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
12401
12390
|
);
|
|
12402
12391
|
}
|
|
12403
12392
|
|
|
12404
|
-
/**
|
|
12405
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
12406
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
12407
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
12408
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
12409
|
-
* @private
|
|
12410
|
-
*/
|
|
12411
|
-
get isClassicLayout() {
|
|
12412
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
12413
|
-
}
|
|
12414
|
-
|
|
12415
12393
|
/**
|
|
12416
12394
|
* Determines if the input should display in a state with no focus or value indication.
|
|
12417
12395
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
|
|
|
12457
12435
|
}
|
|
12458
12436
|
|
|
12459
12437
|
// classic layout (default)
|
|
12460
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
12438
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
12461
12439
|
}
|
|
12462
12440
|
|
|
12463
12441
|
/**
|
|
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
|
|
|
12553
12531
|
'wrapper': true,
|
|
12554
12532
|
'simple': this.simple,
|
|
12555
12533
|
'withValue': this.hasValue,
|
|
12556
|
-
'hasFocus': this.hasFocus
|
|
12557
|
-
'activeLabel': this.activeLabel
|
|
12534
|
+
'hasFocus': this.hasFocus
|
|
12558
12535
|
};
|
|
12559
12536
|
}
|
|
12560
12537
|
|
|
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
|
|
|
12765
12742
|
@input="${this.handleInput}"
|
|
12766
12743
|
.placeholder=${this.placeholderStr}
|
|
12767
12744
|
.role=${this.a11yRole}
|
|
12745
|
+
?activeLabel="${this.activeLabel}"
|
|
12768
12746
|
?disabled="${this.disabled}"
|
|
12769
12747
|
?required="${this.required}"
|
|
12770
12748
|
aria-activedescendant=${o$2(this.a11yActivedescendant)}
|
|
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
|
|
|
10742
10742
|
|
|
10743
10743
|
/**
|
|
10744
10744
|
* If set, the label will remain fixed in the active position.
|
|
10745
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
10746
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
10747
10745
|
*/
|
|
10748
10746
|
activeLabel: {
|
|
10749
10747
|
type: Boolean,
|
|
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
|
|
|
12270
12268
|
}
|
|
12271
12269
|
}
|
|
12272
12270
|
|
|
12273
|
-
var formkitVersion = '
|
|
12271
|
+
var formkitVersion = '202608102155';
|
|
12274
12272
|
|
|
12275
12273
|
/**
|
|
12276
12274
|
* @license
|
|
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
|
|
|
12383
12381
|
* @private
|
|
12384
12382
|
*/
|
|
12385
12383
|
get inputHidden() {
|
|
12386
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
12387
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
12388
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
12389
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
12390
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
12391
|
-
// preserved regardless.
|
|
12392
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
12393
|
-
|
|
12394
12384
|
return (
|
|
12395
12385
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
12396
12386
|
(
|
|
12397
|
-
!activeLabelRaisesInput &&
|
|
12398
12387
|
(!this.value || this.value.length === 0) &&
|
|
12399
12388
|
!this.hasFocus &&
|
|
12400
12389
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
12401
12390
|
);
|
|
12402
12391
|
}
|
|
12403
12392
|
|
|
12404
|
-
/**
|
|
12405
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
12406
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
12407
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
12408
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
12409
|
-
* @private
|
|
12410
|
-
*/
|
|
12411
|
-
get isClassicLayout() {
|
|
12412
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
12413
|
-
}
|
|
12414
|
-
|
|
12415
12393
|
/**
|
|
12416
12394
|
* Determines if the input should display in a state with no focus or value indication.
|
|
12417
12395
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
|
|
|
12457
12435
|
}
|
|
12458
12436
|
|
|
12459
12437
|
// classic layout (default)
|
|
12460
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
12438
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
12461
12439
|
}
|
|
12462
12440
|
|
|
12463
12441
|
/**
|
|
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
|
|
|
12553
12531
|
'wrapper': true,
|
|
12554
12532
|
'simple': this.simple,
|
|
12555
12533
|
'withValue': this.hasValue,
|
|
12556
|
-
'hasFocus': this.hasFocus
|
|
12557
|
-
'activeLabel': this.activeLabel
|
|
12534
|
+
'hasFocus': this.hasFocus
|
|
12558
12535
|
};
|
|
12559
12536
|
}
|
|
12560
12537
|
|
|
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
|
|
|
12765
12742
|
@input="${this.handleInput}"
|
|
12766
12743
|
.placeholder=${this.placeholderStr}
|
|
12767
12744
|
.role=${this.a11yRole}
|
|
12745
|
+
?activeLabel="${this.activeLabel}"
|
|
12768
12746
|
?disabled="${this.disabled}"
|
|
12769
12747
|
?required="${this.required}"
|
|
12770
12748
|
aria-activedescendant=${o$2(this.a11yActivedescendant)}
|