@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
|
@@ -13669,7 +13669,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13669
13669
|
}
|
|
13670
13670
|
}
|
|
13671
13671
|
|
|
13672
|
-
var formkitVersion$2 = '
|
|
13672
|
+
var formkitVersion$2 = '202608192007';
|
|
13673
13673
|
|
|
13674
13674
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1=css`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
13675
13675
|
`,u$4=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -19400,7 +19400,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
19400
19400
|
}
|
|
19401
19401
|
};
|
|
19402
19402
|
|
|
19403
|
-
var formkitVersion$1 = '
|
|
19403
|
+
var formkitVersion$1 = '202608192007';
|
|
19404
19404
|
|
|
19405
19405
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
19406
19406
|
static get properties() {
|
|
@@ -31565,6 +31565,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
31565
31565
|
|
|
31566
31566
|
/**
|
|
31567
31567
|
* If set, the label will remain fixed in the active position.
|
|
31568
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
31569
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
31568
31570
|
*/
|
|
31569
31571
|
activeLabel: {
|
|
31570
31572
|
type: Boolean,
|
|
@@ -33091,7 +33093,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
33091
33093
|
}
|
|
33092
33094
|
};
|
|
33093
33095
|
|
|
33094
|
-
var formkitVersion = '
|
|
33096
|
+
var formkitVersion = '202608192007';
|
|
33095
33097
|
|
|
33096
33098
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33097
33099
|
// See LICENSE in the project root for license information.
|
|
@@ -33192,15 +33194,35 @@ class AuroInput extends BaseInput {
|
|
|
33192
33194
|
* @private
|
|
33193
33195
|
*/
|
|
33194
33196
|
get inputHidden() {
|
|
33197
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
33198
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
33199
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
33200
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
33201
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
33202
|
+
// preserved regardless.
|
|
33203
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
33204
|
+
|
|
33195
33205
|
return (
|
|
33196
33206
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
33197
33207
|
(
|
|
33208
|
+
!activeLabelRaisesInput &&
|
|
33198
33209
|
(!this.value || this.value.length === 0) &&
|
|
33199
33210
|
!this.hasFocus &&
|
|
33200
33211
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
33201
33212
|
);
|
|
33202
33213
|
}
|
|
33203
33214
|
|
|
33215
|
+
/**
|
|
33216
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
33217
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
33218
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
33219
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
33220
|
+
* @private
|
|
33221
|
+
*/
|
|
33222
|
+
get isClassicLayout() {
|
|
33223
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
33224
|
+
}
|
|
33225
|
+
|
|
33204
33226
|
/**
|
|
33205
33227
|
* Determines if the input should display in a state with no focus or value indication.
|
|
33206
33228
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -33246,7 +33268,7 @@ class AuroInput extends BaseInput {
|
|
|
33246
33268
|
}
|
|
33247
33269
|
|
|
33248
33270
|
// classic layout (default)
|
|
33249
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
33271
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
33250
33272
|
}
|
|
33251
33273
|
|
|
33252
33274
|
/**
|
|
@@ -33342,7 +33364,8 @@ class AuroInput extends BaseInput {
|
|
|
33342
33364
|
'wrapper': true,
|
|
33343
33365
|
'simple': this.simple,
|
|
33344
33366
|
'withValue': this.hasValue,
|
|
33345
|
-
'hasFocus': this.hasFocus
|
|
33367
|
+
'hasFocus': this.hasFocus,
|
|
33368
|
+
'activeLabel': this.activeLabel
|
|
33346
33369
|
};
|
|
33347
33370
|
}
|
|
33348
33371
|
|
|
@@ -33553,7 +33576,6 @@ class AuroInput extends BaseInput {
|
|
|
33553
33576
|
@input="${this.handleInput}"
|
|
33554
33577
|
.placeholder=${this.placeholderStr}
|
|
33555
33578
|
.role=${this.a11yRole}
|
|
33556
|
-
?activeLabel="${this.activeLabel}"
|
|
33557
33579
|
?disabled="${this.disabled}"
|
|
33558
33580
|
?required="${this.required}"
|
|
33559
33581
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|
|
@@ -3780,7 +3780,7 @@ let AuroHelpText$1 = class AuroHelpText extends i {
|
|
|
3780
3780
|
}
|
|
3781
3781
|
};
|
|
3782
3782
|
|
|
3783
|
-
var formkitVersion$1 = '
|
|
3783
|
+
var formkitVersion$1 = '202608192007';
|
|
3784
3784
|
|
|
3785
3785
|
let AuroElement$1 = class AuroElement extends i {
|
|
3786
3786
|
static get properties() {
|
|
@@ -15952,6 +15952,8 @@ class BaseInput extends AuroElement {
|
|
|
15952
15952
|
|
|
15953
15953
|
/**
|
|
15954
15954
|
* If set, the label will remain fixed in the active position.
|
|
15955
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
15956
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
15955
15957
|
*/
|
|
15956
15958
|
activeLabel: {
|
|
15957
15959
|
type: Boolean,
|
|
@@ -17478,7 +17480,7 @@ class AuroHelpText extends i {
|
|
|
17478
17480
|
}
|
|
17479
17481
|
}
|
|
17480
17482
|
|
|
17481
|
-
var formkitVersion = '
|
|
17483
|
+
var formkitVersion = '202608192007';
|
|
17482
17484
|
|
|
17483
17485
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
17484
17486
|
// See LICENSE in the project root for license information.
|
|
@@ -17579,15 +17581,35 @@ class AuroInput extends BaseInput {
|
|
|
17579
17581
|
* @private
|
|
17580
17582
|
*/
|
|
17581
17583
|
get inputHidden() {
|
|
17584
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
17585
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
17586
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
17587
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
17588
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
17589
|
+
// preserved regardless.
|
|
17590
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
17591
|
+
|
|
17582
17592
|
return (
|
|
17583
17593
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
17584
17594
|
(
|
|
17595
|
+
!activeLabelRaisesInput &&
|
|
17585
17596
|
(!this.value || this.value.length === 0) &&
|
|
17586
17597
|
!this.hasFocus &&
|
|
17587
17598
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
17588
17599
|
);
|
|
17589
17600
|
}
|
|
17590
17601
|
|
|
17602
|
+
/**
|
|
17603
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
17604
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
17605
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
17606
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
17607
|
+
* @private
|
|
17608
|
+
*/
|
|
17609
|
+
get isClassicLayout() {
|
|
17610
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
17611
|
+
}
|
|
17612
|
+
|
|
17591
17613
|
/**
|
|
17592
17614
|
* Determines if the input should display in a state with no focus or value indication.
|
|
17593
17615
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -17633,7 +17655,7 @@ class AuroInput extends BaseInput {
|
|
|
17633
17655
|
}
|
|
17634
17656
|
|
|
17635
17657
|
// classic layout (default)
|
|
17636
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
17658
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
17637
17659
|
}
|
|
17638
17660
|
|
|
17639
17661
|
/**
|
|
@@ -17729,7 +17751,8 @@ class AuroInput extends BaseInput {
|
|
|
17729
17751
|
'wrapper': true,
|
|
17730
17752
|
'simple': this.simple,
|
|
17731
17753
|
'withValue': this.hasValue,
|
|
17732
|
-
'hasFocus': this.hasFocus
|
|
17754
|
+
'hasFocus': this.hasFocus,
|
|
17755
|
+
'activeLabel': this.activeLabel
|
|
17733
17756
|
};
|
|
17734
17757
|
}
|
|
17735
17758
|
|
|
@@ -17940,7 +17963,6 @@ class AuroInput extends BaseInput {
|
|
|
17940
17963
|
@input="${this.handleInput}"
|
|
17941
17964
|
.placeholder=${this.placeholderStr}
|
|
17942
17965
|
.role=${this.a11yRole}
|
|
17943
|
-
?activeLabel="${this.activeLabel}"
|
|
17944
17966
|
?disabled="${this.disabled}"
|
|
17945
17967
|
?required="${this.required}"
|
|
17946
17968
|
aria-activedescendant=${o(this.a11yActivedescendant)}
|