@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
|
@@ -11862,6 +11862,8 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11862
11862
|
|
|
11863
11863
|
/**
|
|
11864
11864
|
* If set, the label will remain fixed in the active position.
|
|
11865
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
11866
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
11865
11867
|
*/
|
|
11866
11868
|
activeLabel: {
|
|
11867
11869
|
type: Boolean,
|
|
@@ -13388,7 +13390,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13388
13390
|
}
|
|
13389
13391
|
};
|
|
13390
13392
|
|
|
13391
|
-
var formkitVersion$8 = '
|
|
13393
|
+
var formkitVersion$8 = '202608192007';
|
|
13392
13394
|
|
|
13393
13395
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13394
13396
|
// See LICENSE in the project root for license information.
|
|
@@ -13489,15 +13491,35 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13489
13491
|
* @private
|
|
13490
13492
|
*/
|
|
13491
13493
|
get inputHidden() {
|
|
13494
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
13495
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
13496
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
13497
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
13498
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
13499
|
+
// preserved regardless.
|
|
13500
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
13501
|
+
|
|
13492
13502
|
return (
|
|
13493
13503
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
13494
13504
|
(
|
|
13505
|
+
!activeLabelRaisesInput &&
|
|
13495
13506
|
(!this.value || this.value.length === 0) &&
|
|
13496
13507
|
!this.hasFocus &&
|
|
13497
13508
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
13498
13509
|
);
|
|
13499
13510
|
}
|
|
13500
13511
|
|
|
13512
|
+
/**
|
|
13513
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
13514
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
13515
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
13516
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
13517
|
+
* @private
|
|
13518
|
+
*/
|
|
13519
|
+
get isClassicLayout() {
|
|
13520
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
13521
|
+
}
|
|
13522
|
+
|
|
13501
13523
|
/**
|
|
13502
13524
|
* Determines if the input should display in a state with no focus or value indication.
|
|
13503
13525
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -13543,7 +13565,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13543
13565
|
}
|
|
13544
13566
|
|
|
13545
13567
|
// classic layout (default)
|
|
13546
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
13568
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
13547
13569
|
}
|
|
13548
13570
|
|
|
13549
13571
|
/**
|
|
@@ -13639,7 +13661,8 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13639
13661
|
'wrapper': true,
|
|
13640
13662
|
'simple': this.simple,
|
|
13641
13663
|
'withValue': this.hasValue,
|
|
13642
|
-
'hasFocus': this.hasFocus
|
|
13664
|
+
'hasFocus': this.hasFocus,
|
|
13665
|
+
'activeLabel': this.activeLabel
|
|
13643
13666
|
};
|
|
13644
13667
|
}
|
|
13645
13668
|
|
|
@@ -13850,7 +13873,6 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13850
13873
|
@input="${this.handleInput}"
|
|
13851
13874
|
.placeholder=${this.placeholderStr}
|
|
13852
13875
|
.role=${this.a11yRole}
|
|
13853
|
-
?activeLabel="${this.activeLabel}"
|
|
13854
13876
|
?disabled="${this.disabled}"
|
|
13855
13877
|
?required="${this.required}"
|
|
13856
13878
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -27820,7 +27842,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27820
27842
|
}
|
|
27821
27843
|
};
|
|
27822
27844
|
|
|
27823
|
-
var formkitVersion$2$1 = '
|
|
27845
|
+
var formkitVersion$2$1 = '202608192007';
|
|
27824
27846
|
|
|
27825
27847
|
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$2`${s$3(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$6`: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}
|
|
27826
27848
|
`,u$4$2=i$6`.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}}
|
|
@@ -33551,7 +33573,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33551
33573
|
}
|
|
33552
33574
|
};
|
|
33553
33575
|
|
|
33554
|
-
var formkitVersion$1$3 = '
|
|
33576
|
+
var formkitVersion$1$3 = '202608192007';
|
|
33555
33577
|
|
|
33556
33578
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33557
33579
|
static get properties() {
|
|
@@ -45716,6 +45738,8 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45716
45738
|
|
|
45717
45739
|
/**
|
|
45718
45740
|
* If set, the label will remain fixed in the active position.
|
|
45741
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
45742
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
45719
45743
|
*/
|
|
45720
45744
|
activeLabel: {
|
|
45721
45745
|
type: Boolean,
|
|
@@ -47242,7 +47266,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47242
47266
|
}
|
|
47243
47267
|
};
|
|
47244
47268
|
|
|
47245
|
-
var formkitVersion$7 = '
|
|
47269
|
+
var formkitVersion$7 = '202608192007';
|
|
47246
47270
|
|
|
47247
47271
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47248
47272
|
// See LICENSE in the project root for license information.
|
|
@@ -47343,15 +47367,35 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47343
47367
|
* @private
|
|
47344
47368
|
*/
|
|
47345
47369
|
get inputHidden() {
|
|
47370
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
47371
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
47372
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
47373
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
47374
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
47375
|
+
// preserved regardless.
|
|
47376
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
47377
|
+
|
|
47346
47378
|
return (
|
|
47347
47379
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
47348
47380
|
(
|
|
47381
|
+
!activeLabelRaisesInput &&
|
|
47349
47382
|
(!this.value || this.value.length === 0) &&
|
|
47350
47383
|
!this.hasFocus &&
|
|
47351
47384
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
47352
47385
|
);
|
|
47353
47386
|
}
|
|
47354
47387
|
|
|
47388
|
+
/**
|
|
47389
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
47390
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
47391
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
47392
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
47393
|
+
* @private
|
|
47394
|
+
*/
|
|
47395
|
+
get isClassicLayout() {
|
|
47396
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
47397
|
+
}
|
|
47398
|
+
|
|
47355
47399
|
/**
|
|
47356
47400
|
* Determines if the input should display in a state with no focus or value indication.
|
|
47357
47401
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -47397,7 +47441,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47397
47441
|
}
|
|
47398
47442
|
|
|
47399
47443
|
// classic layout (default)
|
|
47400
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
47444
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
47401
47445
|
}
|
|
47402
47446
|
|
|
47403
47447
|
/**
|
|
@@ -47493,7 +47537,8 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47493
47537
|
'wrapper': true,
|
|
47494
47538
|
'simple': this.simple,
|
|
47495
47539
|
'withValue': this.hasValue,
|
|
47496
|
-
'hasFocus': this.hasFocus
|
|
47540
|
+
'hasFocus': this.hasFocus,
|
|
47541
|
+
'activeLabel': this.activeLabel
|
|
47497
47542
|
};
|
|
47498
47543
|
}
|
|
47499
47544
|
|
|
@@ -47704,7 +47749,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47704
47749
|
@input="${this.handleInput}"
|
|
47705
47750
|
.placeholder=${this.placeholderStr}
|
|
47706
47751
|
.role=${this.a11yRole}
|
|
47707
|
-
?activeLabel="${this.activeLabel}"
|
|
47708
47752
|
?disabled="${this.disabled}"
|
|
47709
47753
|
?required="${this.required}"
|
|
47710
47754
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -52224,7 +52268,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52224
52268
|
}
|
|
52225
52269
|
};
|
|
52226
52270
|
|
|
52227
|
-
var formkitVersion$1$2 = '
|
|
52271
|
+
var formkitVersion$1$2 = '202608192007';
|
|
52228
52272
|
|
|
52229
52273
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52230
52274
|
// See LICENSE in the project root for license information.
|
|
@@ -56377,7 +56421,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56377
56421
|
}
|
|
56378
56422
|
};
|
|
56379
56423
|
|
|
56380
|
-
var formkitVersion$6 = '
|
|
56424
|
+
var formkitVersion$6 = '202608192007';
|
|
56381
56425
|
|
|
56382
56426
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56383
56427
|
static get properties() {
|
|
@@ -60440,7 +60484,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60440
60484
|
}
|
|
60441
60485
|
};
|
|
60442
60486
|
|
|
60443
|
-
var formkitVersion$5 = '
|
|
60487
|
+
var formkitVersion$5 = '202608192007';
|
|
60444
60488
|
|
|
60445
60489
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60446
60490
|
// See LICENSE in the project root for license information.
|
|
@@ -60686,7 +60730,9 @@ class AuroRadioGroup extends i$3 {
|
|
|
60686
60730
|
|
|
60687
60731
|
this.optionSelected = event.target;
|
|
60688
60732
|
|
|
60689
|
-
|
|
60733
|
+
if (!this.noValidate) {
|
|
60734
|
+
this.validation.validate(this, this.optionSelected !== undefined);
|
|
60735
|
+
}
|
|
60690
60736
|
}
|
|
60691
60737
|
|
|
60692
60738
|
/**
|
|
@@ -60696,7 +60742,9 @@ class AuroRadioGroup extends i$3 {
|
|
|
60696
60742
|
*/
|
|
60697
60743
|
handleRadioBlur() {
|
|
60698
60744
|
this.touched = true;
|
|
60699
|
-
this.
|
|
60745
|
+
if (!this.noValidate) {
|
|
60746
|
+
this.validation.validate(this);
|
|
60747
|
+
}
|
|
60700
60748
|
}
|
|
60701
60749
|
|
|
60702
60750
|
/**
|
|
@@ -60872,7 +60920,9 @@ class AuroRadioGroup extends i$3 {
|
|
|
60872
60920
|
this.value = event.target.value;
|
|
60873
60921
|
this.optionSelected = event.target;
|
|
60874
60922
|
|
|
60875
|
-
this.
|
|
60923
|
+
if (!this.noValidate) {
|
|
60924
|
+
this.validation.validate(this);
|
|
60925
|
+
}
|
|
60876
60926
|
}
|
|
60877
60927
|
|
|
60878
60928
|
/**
|
|
@@ -62205,7 +62255,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
62205
62255
|
}
|
|
62206
62256
|
};
|
|
62207
62257
|
|
|
62208
|
-
var formkitVersion$4 = '
|
|
62258
|
+
var formkitVersion$4 = '202608192007';
|
|
62209
62259
|
|
|
62210
62260
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62211
62261
|
// See LICENSE in the project root for license information.
|
|
@@ -62425,7 +62475,9 @@ class AuroCheckboxGroup extends i$3 {
|
|
|
62425
62475
|
composed: true,
|
|
62426
62476
|
}));
|
|
62427
62477
|
|
|
62428
|
-
this.
|
|
62478
|
+
if (!this.noValidate) {
|
|
62479
|
+
this.validate(true);
|
|
62480
|
+
}
|
|
62429
62481
|
}
|
|
62430
62482
|
|
|
62431
62483
|
firstUpdated() {
|
|
@@ -62436,11 +62488,14 @@ class AuroCheckboxGroup extends i$3 {
|
|
|
62436
62488
|
const checkFocusWithin = function(evt) {
|
|
62437
62489
|
if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
|
|
62438
62490
|
// if focus has left the group, cleanup and validate
|
|
62439
|
-
document.auroCheckboxGroupActive
|
|
62491
|
+
const group = document.auroCheckboxGroupActive;
|
|
62492
|
+
group.focusWithin = false;
|
|
62440
62493
|
window.removeEventListener('focusin', checkFocusWithin);
|
|
62441
62494
|
document.removeEventListener('click', checkFocusWithin);
|
|
62442
62495
|
// execute the validation
|
|
62443
|
-
|
|
62496
|
+
if (!group.noValidate) {
|
|
62497
|
+
group.validation.validate(group);
|
|
62498
|
+
}
|
|
62444
62499
|
}
|
|
62445
62500
|
};
|
|
62446
62501
|
|
|
@@ -67524,7 +67579,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67524
67579
|
}
|
|
67525
67580
|
};
|
|
67526
67581
|
|
|
67527
|
-
var formkitVersion$2 = '
|
|
67582
|
+
var formkitVersion$2 = '202608192007';
|
|
67528
67583
|
|
|
67529
67584
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67530
67585
|
static get properties() {
|
|
@@ -79689,6 +79744,8 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79689
79744
|
|
|
79690
79745
|
/**
|
|
79691
79746
|
* If set, the label will remain fixed in the active position.
|
|
79747
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
79748
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
79692
79749
|
*/
|
|
79693
79750
|
activeLabel: {
|
|
79694
79751
|
type: Boolean,
|
|
@@ -81215,7 +81272,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
81215
81272
|
}
|
|
81216
81273
|
};
|
|
81217
81274
|
|
|
81218
|
-
var formkitVersion$1$1 = '
|
|
81275
|
+
var formkitVersion$1$1 = '202608192007';
|
|
81219
81276
|
|
|
81220
81277
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81221
81278
|
// See LICENSE in the project root for license information.
|
|
@@ -81316,15 +81373,35 @@ class AuroInput extends BaseInput {
|
|
|
81316
81373
|
* @private
|
|
81317
81374
|
*/
|
|
81318
81375
|
get inputHidden() {
|
|
81376
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
81377
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
81378
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
81379
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
81380
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
81381
|
+
// preserved regardless.
|
|
81382
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
81383
|
+
|
|
81319
81384
|
return (
|
|
81320
81385
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
81321
81386
|
(
|
|
81387
|
+
!activeLabelRaisesInput &&
|
|
81322
81388
|
(!this.value || this.value.length === 0) &&
|
|
81323
81389
|
!this.hasFocus &&
|
|
81324
81390
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
81325
81391
|
);
|
|
81326
81392
|
}
|
|
81327
81393
|
|
|
81394
|
+
/**
|
|
81395
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
81396
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
81397
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
81398
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
81399
|
+
* @private
|
|
81400
|
+
*/
|
|
81401
|
+
get isClassicLayout() {
|
|
81402
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
81403
|
+
}
|
|
81404
|
+
|
|
81328
81405
|
/**
|
|
81329
81406
|
* Determines if the input should display in a state with no focus or value indication.
|
|
81330
81407
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -81370,7 +81447,7 @@ class AuroInput extends BaseInput {
|
|
|
81370
81447
|
}
|
|
81371
81448
|
|
|
81372
81449
|
// classic layout (default)
|
|
81373
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
81450
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
81374
81451
|
}
|
|
81375
81452
|
|
|
81376
81453
|
/**
|
|
@@ -81466,7 +81543,8 @@ class AuroInput extends BaseInput {
|
|
|
81466
81543
|
'wrapper': true,
|
|
81467
81544
|
'simple': this.simple,
|
|
81468
81545
|
'withValue': this.hasValue,
|
|
81469
|
-
'hasFocus': this.hasFocus
|
|
81546
|
+
'hasFocus': this.hasFocus,
|
|
81547
|
+
'activeLabel': this.activeLabel
|
|
81470
81548
|
};
|
|
81471
81549
|
}
|
|
81472
81550
|
|
|
@@ -81677,7 +81755,6 @@ class AuroInput extends BaseInput {
|
|
|
81677
81755
|
@input="${this.handleInput}"
|
|
81678
81756
|
.placeholder=${this.placeholderStr}
|
|
81679
81757
|
.role=${this.a11yRole}
|
|
81680
|
-
?activeLabel="${this.activeLabel}"
|
|
81681
81758
|
?disabled="${this.disabled}"
|
|
81682
81759
|
?required="${this.required}"
|
|
81683
81760
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -82371,7 +82448,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82371
82448
|
}
|
|
82372
82449
|
};
|
|
82373
82450
|
|
|
82374
|
-
var formkitVersion$3 = '
|
|
82451
|
+
var formkitVersion$3 = '202608192007';
|
|
82375
82452
|
|
|
82376
82453
|
var styleCss$1$3 = i$6`.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}`;
|
|
82377
82454
|
|
|
@@ -84066,7 +84143,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84066
84143
|
// and validating against the pre-selection value flashes a stale error
|
|
84067
84144
|
// between mousedown and mouseup. The next focusout fires after the
|
|
84068
84145
|
// dropdown closes and validates against the post-selection value.
|
|
84069
|
-
if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
|
|
84146
|
+
if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
|
|
84070
84147
|
this.validate();
|
|
84071
84148
|
}
|
|
84072
84149
|
});
|
|
@@ -91571,7 +91648,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
91571
91648
|
}
|
|
91572
91649
|
};
|
|
91573
91650
|
|
|
91574
|
-
var formkitVersion$1 = '
|
|
91651
|
+
var formkitVersion$1 = '202608192007';
|
|
91575
91652
|
|
|
91576
91653
|
class AuroElement extends i$3 {
|
|
91577
91654
|
static get properties() {
|
|
@@ -93682,7 +93759,7 @@ class AuroHelpText extends i$3 {
|
|
|
93682
93759
|
}
|
|
93683
93760
|
}
|
|
93684
93761
|
|
|
93685
|
-
var formkitVersion = '
|
|
93762
|
+
var formkitVersion = '202608192007';
|
|
93686
93763
|
|
|
93687
93764
|
var styleCss = i$6`.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}`;
|
|
93688
93765
|
|
|
@@ -94679,7 +94756,9 @@ class AuroSelect extends AuroElement$1 {
|
|
|
94679
94756
|
this.addEventListener('focusin', this.handleFocusin);
|
|
94680
94757
|
|
|
94681
94758
|
this.addEventListener('blur', () => {
|
|
94682
|
-
this.
|
|
94759
|
+
if (!this.noValidate) {
|
|
94760
|
+
this.validate();
|
|
94761
|
+
}
|
|
94683
94762
|
this.hasFocus = false;
|
|
94684
94763
|
this._clearTypeaheadBuffer();
|
|
94685
94764
|
});
|