@aurodesignsystem-dev/auro-formkit 0.0.0-pr1608.1 → 0.0.0-pr1608.2
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 +20 -7
- package/components/checkbox/demo/getting-started.min.js +20 -7
- package/components/checkbox/demo/index.min.js +20 -7
- package/components/checkbox/dist/auro-checkbox-group.d.ts +13 -3
- package/components/checkbox/dist/index.js +20 -7
- package/components/checkbox/dist/registered.js +20 -7
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.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 +3 -3
- package/components/datepicker/demo/getting-started.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +2 -2
- 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 +50 -25
- package/components/form/demo/getting-started.min.js +50 -25
- package/components/form/demo/index.min.js +50 -25
- package/components/form/demo/registerDemoDeps.min.js +50 -25
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/accessibility.md +2 -0
- package/components/radio/demo/customize.min.js +19 -7
- package/components/radio/demo/getting-started.min.js +19 -7
- package/components/radio/demo/index.min.js +19 -7
- package/components/radio/dist/auro-radio-group.d.ts +12 -3
- package/components/radio/dist/index.js +19 -7
- package/components/radio/dist/registered.js +19 -7
- 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 +605 -581
- package/package.json +1 -1
|
@@ -12467,7 +12467,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12467
12467
|
}
|
|
12468
12468
|
};
|
|
12469
12469
|
|
|
12470
|
-
var formkitVersion$8 = '
|
|
12470
|
+
var formkitVersion$8 = '202609030018';
|
|
12471
12471
|
|
|
12472
12472
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12473
12473
|
// See LICENSE in the project root for license information.
|
|
@@ -27030,7 +27030,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
27030
27030
|
}
|
|
27031
27031
|
};
|
|
27032
27032
|
|
|
27033
|
-
var formkitVersion$2$1 = '
|
|
27033
|
+
var formkitVersion$2$1 = '202609030018';
|
|
27034
27034
|
|
|
27035
27035
|
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}
|
|
27036
27036
|
`,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}}
|
|
@@ -32916,7 +32916,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32916
32916
|
}
|
|
32917
32917
|
};
|
|
32918
32918
|
|
|
32919
|
-
var formkitVersion$1$3 = '
|
|
32919
|
+
var formkitVersion$1$3 = '202609030018';
|
|
32920
32920
|
|
|
32921
32921
|
/**
|
|
32922
32922
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -46778,7 +46778,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46778
46778
|
}
|
|
46779
46779
|
};
|
|
46780
46780
|
|
|
46781
|
-
var formkitVersion$7 = '
|
|
46781
|
+
var formkitVersion$7 = '202609030018';
|
|
46782
46782
|
|
|
46783
46783
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46784
46784
|
// See LICENSE in the project root for license information.
|
|
@@ -51884,7 +51884,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51884
51884
|
}
|
|
51885
51885
|
};
|
|
51886
51886
|
|
|
51887
|
-
var formkitVersion$1$2 = '
|
|
51887
|
+
var formkitVersion$1$2 = '202609030018';
|
|
51888
51888
|
|
|
51889
51889
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51890
51890
|
// See LICENSE in the project root for license information.
|
|
@@ -56226,7 +56226,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
56226
56226
|
}
|
|
56227
56227
|
};
|
|
56228
56228
|
|
|
56229
|
-
var formkitVersion$6 = '
|
|
56229
|
+
var formkitVersion$6 = '202609030018';
|
|
56230
56230
|
|
|
56231
56231
|
/**
|
|
56232
56232
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -60701,7 +60701,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
60701
60701
|
}
|
|
60702
60702
|
};
|
|
60703
60703
|
|
|
60704
|
-
var formkitVersion$5 = '
|
|
60704
|
+
var formkitVersion$5 = '202609030018';
|
|
60705
60705
|
|
|
60706
60706
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60707
60707
|
// See LICENSE in the project root for license information.
|
|
@@ -61033,16 +61033,28 @@ class AuroRadioGroup extends i$2 {
|
|
|
61033
61033
|
}
|
|
61034
61034
|
}
|
|
61035
61035
|
|
|
61036
|
+
/**
|
|
61037
|
+
* Whether the group is currently in an invalid state.
|
|
61038
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
61039
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
61040
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
61041
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
61042
|
+
* @private
|
|
61043
|
+
* @returns {boolean}
|
|
61044
|
+
*/
|
|
61045
|
+
get isInvalid() {
|
|
61046
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
61047
|
+
}
|
|
61048
|
+
|
|
61036
61049
|
/**
|
|
61037
61050
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
61038
|
-
*
|
|
61039
|
-
*
|
|
61040
|
-
* happen without `validity` itself changing.
|
|
61051
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
61052
|
+
* reconnect can happen without `validity` itself changing.
|
|
61041
61053
|
* @private
|
|
61042
61054
|
* @returns {void}
|
|
61043
61055
|
*/
|
|
61044
61056
|
syncItemValidity() {
|
|
61045
|
-
const invalid =
|
|
61057
|
+
const invalid = this.isInvalid;
|
|
61046
61058
|
|
|
61047
61059
|
this.items.forEach((el) => {
|
|
61048
61060
|
if (invalid) {
|
|
@@ -61259,7 +61271,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
61259
61271
|
class="${e$2(groupClasses)}"
|
|
61260
61272
|
part="radio-group"
|
|
61261
61273
|
role="radiogroup"
|
|
61262
|
-
aria-invalid="${o$4(this.
|
|
61274
|
+
aria-invalid="${o$4(this.isInvalid ? 'true' : undefined)}"
|
|
61263
61275
|
aria-describedby="${this.uniqueId}"
|
|
61264
61276
|
>
|
|
61265
61277
|
<legend class="${e$2(legendClasses)}">
|
|
@@ -61269,7 +61281,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
61269
61281
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
61270
61282
|
</fieldset>
|
|
61271
61283
|
|
|
61272
|
-
${!this.
|
|
61284
|
+
${!this.isInvalid
|
|
61273
61285
|
? u$d`
|
|
61274
61286
|
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
61275
61287
|
<slot name="helpText"></slot>
|
|
@@ -62533,7 +62545,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
62533
62545
|
}
|
|
62534
62546
|
};
|
|
62535
62547
|
|
|
62536
|
-
var formkitVersion$4 = '
|
|
62548
|
+
var formkitVersion$4 = '202609030018';
|
|
62537
62549
|
|
|
62538
62550
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62539
62551
|
// See LICENSE in the project root for license information.
|
|
@@ -62869,16 +62881,29 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62869
62881
|
this.syncCheckboxValidity();
|
|
62870
62882
|
}
|
|
62871
62883
|
|
|
62884
|
+
/**
|
|
62885
|
+
* Whether the group is currently in an invalid state.
|
|
62886
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
62887
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
62888
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
62889
|
+
* `syncCheckboxValidity()` so the fieldset and its children can never disagree.
|
|
62890
|
+
* @private
|
|
62891
|
+
* @returns {boolean}
|
|
62892
|
+
*/
|
|
62893
|
+
get isInvalid() {
|
|
62894
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
62895
|
+
}
|
|
62896
|
+
|
|
62872
62897
|
/**
|
|
62873
62898
|
* Method for mirroring the group's invalid state onto each checkbox.
|
|
62874
|
-
*
|
|
62875
|
-
* `
|
|
62876
|
-
*
|
|
62899
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change can happen
|
|
62900
|
+
* without `validity` itself changing — a checkbox slotted into an already-invalid
|
|
62901
|
+
* group would otherwise be missed.
|
|
62877
62902
|
* @private
|
|
62878
62903
|
* @returns {void}
|
|
62879
62904
|
*/
|
|
62880
62905
|
syncCheckboxValidity() {
|
|
62881
|
-
const invalid =
|
|
62906
|
+
const invalid = this.isInvalid;
|
|
62882
62907
|
|
|
62883
62908
|
this.checkboxes.forEach((el) => {
|
|
62884
62909
|
if (invalid) {
|
|
@@ -62964,7 +62989,7 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62964
62989
|
return u$d`
|
|
62965
62990
|
<fieldset
|
|
62966
62991
|
class="${e$2(groupClasses)}"
|
|
62967
|
-
aria-invalid="${o$4(this.
|
|
62992
|
+
aria-invalid="${o$4(this.isInvalid ? 'true' : undefined)}"
|
|
62968
62993
|
aria-describedby="${this.uniqueId}"
|
|
62969
62994
|
>
|
|
62970
62995
|
<legend>
|
|
@@ -62974,7 +62999,7 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62974
62999
|
<slot @slotchange=${this.handleItems}></slot>
|
|
62975
63000
|
</fieldset>
|
|
62976
63001
|
|
|
62977
|
-
${!this.
|
|
63002
|
+
${!this.isInvalid
|
|
62978
63003
|
? u$d`
|
|
62979
63004
|
<${this.helpTextTag} id="${this.uniqueId}" part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
62980
63005
|
<slot name="helpText"></slot>
|
|
@@ -68022,7 +68047,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
68022
68047
|
}
|
|
68023
68048
|
};
|
|
68024
68049
|
|
|
68025
|
-
var formkitVersion$2 = '
|
|
68050
|
+
var formkitVersion$2 = '202609030018';
|
|
68026
68051
|
|
|
68027
68052
|
/**
|
|
68028
68053
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -81884,7 +81909,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
81884
81909
|
}
|
|
81885
81910
|
};
|
|
81886
81911
|
|
|
81887
|
-
var formkitVersion$1$1 = '
|
|
81912
|
+
var formkitVersion$1$1 = '202609030018';
|
|
81888
81913
|
|
|
81889
81914
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81890
81915
|
// See LICENSE in the project root for license information.
|
|
@@ -83076,7 +83101,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
83076
83101
|
}
|
|
83077
83102
|
};
|
|
83078
83103
|
|
|
83079
|
-
var formkitVersion$3 = '
|
|
83104
|
+
var formkitVersion$3 = '202609030018';
|
|
83080
83105
|
|
|
83081
83106
|
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}`;
|
|
83082
83107
|
|
|
@@ -92655,7 +92680,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
92655
92680
|
}
|
|
92656
92681
|
};
|
|
92657
92682
|
|
|
92658
|
-
var formkitVersion$1 = '
|
|
92683
|
+
var formkitVersion$1 = '202609030018';
|
|
92659
92684
|
|
|
92660
92685
|
/**
|
|
92661
92686
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -94828,7 +94853,7 @@ class AuroHelpText extends i$2 {
|
|
|
94828
94853
|
}
|
|
94829
94854
|
}
|
|
94830
94855
|
|
|
94831
|
-
var formkitVersion = '
|
|
94856
|
+
var formkitVersion = '202609030018';
|
|
94832
94857
|
|
|
94833
94858
|
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}`;
|
|
94834
94859
|
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609030018';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609030018';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609030018';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -12338,7 +12338,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12338
|
}
|
|
12339
12339
|
}
|
|
12340
12340
|
|
|
12341
|
-
var formkitVersion = '
|
|
12341
|
+
var formkitVersion = '202609030018';
|
|
12342
12342
|
|
|
12343
12343
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12344
12344
|
// See LICENSE in the project root for license information.
|
|
@@ -12338,7 +12338,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12338
|
}
|
|
12339
12339
|
}
|
|
12340
12340
|
|
|
12341
|
-
var formkitVersion = '
|
|
12341
|
+
var formkitVersion = '202609030018';
|
|
12342
12342
|
|
|
12343
12343
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12344
12344
|
// See LICENSE in the project root for license information.
|
|
@@ -29,6 +29,8 @@ Each `<auro-radio>` renders a native `<input type="radio">` inside its shadow DO
|
|
|
29
29
|
<auro-header level="4" id="invalidStatePlacement">Why the invalid state appears twice</auro-header>
|
|
30
30
|
While the group is invalid, `aria-invalid` is set on both the `<fieldset>` and every individual `<auro-radio>`. This is intentional. Some assistive-technology and browser combinations announce a container's invalid state only when focus first enters the group, not on each subsequent arrow-key move between radios; mirroring the state onto each radio keeps it conveyed throughout. As a side effect, VoiceOver may say "invalid data" twice in a single utterance when you Tab into an invalid group.
|
|
31
31
|
|
|
32
|
+
The group-level placement is unambiguous: `aria-invalid` is a global attribute in ARIA 1.1, and although ARIA 1.2 deprecates that global use in favor of a supported-role list, `radiogroup` is on that list — so the `<fieldset>` is spec-clean under either version. The **per-radio** placement rests on the looser footing: `radio` is *not* on the ARIA 1.2 supported-role list, so it depends on the same deprecated-global allowance that the [Checkbox accessibility page](../../checkbox/demo/accessibility.html) documents for its `group` fieldset. It is not a *prohibited* attribute for `radio`, current axe-core resolves it as global and reports no violation, and the per-radio redundancy is what keeps the invalid state conveyed while arrowing through options — so it is kept deliberately. An automated axe assertion in the component's test suite pins this outcome, so a change in tooling surfaces there rather than in a consumer's audit.
|
|
33
|
+
|
|
32
34
|
<auro-header level="4" id="attributePlacementNote">Attribute placement</auro-header>
|
|
33
35
|
`aria-invalid` is applied to the internal `<fieldset>`, which is the element that carries `role="radiogroup"` — ARIA state has to live on the same element as the role it describes. It is **not** set on the `<auro-radio-group>` host element. Do not write CSS selectors or test assertions against `auro-radio-group[aria-invalid]`; query the `part="radio-group"` fieldset or read the `validity` property instead.
|
|
34
36
|
|
|
@@ -1251,7 +1251,7 @@ class AuroHelpText extends i$2 {
|
|
|
1251
1251
|
}
|
|
1252
1252
|
}
|
|
1253
1253
|
|
|
1254
|
-
var formkitVersion = '
|
|
1254
|
+
var formkitVersion = '202609030018';
|
|
1255
1255
|
|
|
1256
1256
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1257
1257
|
// See LICENSE in the project root for license information.
|
|
@@ -1583,16 +1583,28 @@ class AuroRadioGroup extends i$2 {
|
|
|
1583
1583
|
}
|
|
1584
1584
|
}
|
|
1585
1585
|
|
|
1586
|
+
/**
|
|
1587
|
+
* Whether the group is currently in an invalid state.
|
|
1588
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
1589
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
1590
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
1591
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
1592
|
+
* @private
|
|
1593
|
+
* @returns {boolean}
|
|
1594
|
+
*/
|
|
1595
|
+
get isInvalid() {
|
|
1596
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
1597
|
+
}
|
|
1598
|
+
|
|
1586
1599
|
/**
|
|
1587
1600
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
1588
|
-
*
|
|
1589
|
-
*
|
|
1590
|
-
* happen without `validity` itself changing.
|
|
1601
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
1602
|
+
* reconnect can happen without `validity` itself changing.
|
|
1591
1603
|
* @private
|
|
1592
1604
|
* @returns {void}
|
|
1593
1605
|
*/
|
|
1594
1606
|
syncItemValidity() {
|
|
1595
|
-
const invalid =
|
|
1607
|
+
const invalid = this.isInvalid;
|
|
1596
1608
|
|
|
1597
1609
|
this.items.forEach((el) => {
|
|
1598
1610
|
if (invalid) {
|
|
@@ -1809,7 +1821,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1809
1821
|
class="${e(groupClasses)}"
|
|
1810
1822
|
part="radio-group"
|
|
1811
1823
|
role="radiogroup"
|
|
1812
|
-
aria-invalid="${o$1(this.
|
|
1824
|
+
aria-invalid="${o$1(this.isInvalid ? 'true' : undefined)}"
|
|
1813
1825
|
aria-describedby="${this.uniqueId}"
|
|
1814
1826
|
>
|
|
1815
1827
|
<legend class="${e(legendClasses)}">
|
|
@@ -1819,7 +1831,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1819
1831
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1820
1832
|
</fieldset>
|
|
1821
1833
|
|
|
1822
|
-
${!this.
|
|
1834
|
+
${!this.isInvalid
|
|
1823
1835
|
? u`
|
|
1824
1836
|
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
1825
1837
|
<slot name="helpText"></slot>
|
|
@@ -1251,7 +1251,7 @@ class AuroHelpText extends i$2 {
|
|
|
1251
1251
|
}
|
|
1252
1252
|
}
|
|
1253
1253
|
|
|
1254
|
-
var formkitVersion = '
|
|
1254
|
+
var formkitVersion = '202609030018';
|
|
1255
1255
|
|
|
1256
1256
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1257
1257
|
// See LICENSE in the project root for license information.
|
|
@@ -1583,16 +1583,28 @@ class AuroRadioGroup extends i$2 {
|
|
|
1583
1583
|
}
|
|
1584
1584
|
}
|
|
1585
1585
|
|
|
1586
|
+
/**
|
|
1587
|
+
* Whether the group is currently in an invalid state.
|
|
1588
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
1589
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
1590
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
1591
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
1592
|
+
* @private
|
|
1593
|
+
* @returns {boolean}
|
|
1594
|
+
*/
|
|
1595
|
+
get isInvalid() {
|
|
1596
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
1597
|
+
}
|
|
1598
|
+
|
|
1586
1599
|
/**
|
|
1587
1600
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
1588
|
-
*
|
|
1589
|
-
*
|
|
1590
|
-
* happen without `validity` itself changing.
|
|
1601
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
1602
|
+
* reconnect can happen without `validity` itself changing.
|
|
1591
1603
|
* @private
|
|
1592
1604
|
* @returns {void}
|
|
1593
1605
|
*/
|
|
1594
1606
|
syncItemValidity() {
|
|
1595
|
-
const invalid =
|
|
1607
|
+
const invalid = this.isInvalid;
|
|
1596
1608
|
|
|
1597
1609
|
this.items.forEach((el) => {
|
|
1598
1610
|
if (invalid) {
|
|
@@ -1809,7 +1821,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1809
1821
|
class="${e(groupClasses)}"
|
|
1810
1822
|
part="radio-group"
|
|
1811
1823
|
role="radiogroup"
|
|
1812
|
-
aria-invalid="${o$1(this.
|
|
1824
|
+
aria-invalid="${o$1(this.isInvalid ? 'true' : undefined)}"
|
|
1813
1825
|
aria-describedby="${this.uniqueId}"
|
|
1814
1826
|
>
|
|
1815
1827
|
<legend class="${e(legendClasses)}">
|
|
@@ -1819,7 +1831,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1819
1831
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1820
1832
|
</fieldset>
|
|
1821
1833
|
|
|
1822
|
-
${!this.
|
|
1834
|
+
${!this.isInvalid
|
|
1823
1835
|
? u`
|
|
1824
1836
|
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
1825
1837
|
<slot name="helpText"></slot>
|
|
@@ -1251,7 +1251,7 @@ class AuroHelpText extends i$2 {
|
|
|
1251
1251
|
}
|
|
1252
1252
|
}
|
|
1253
1253
|
|
|
1254
|
-
var formkitVersion = '
|
|
1254
|
+
var formkitVersion = '202609030018';
|
|
1255
1255
|
|
|
1256
1256
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1257
1257
|
// See LICENSE in the project root for license information.
|
|
@@ -1583,16 +1583,28 @@ class AuroRadioGroup extends i$2 {
|
|
|
1583
1583
|
}
|
|
1584
1584
|
}
|
|
1585
1585
|
|
|
1586
|
+
/**
|
|
1587
|
+
* Whether the group is currently in an invalid state.
|
|
1588
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
1589
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
1590
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
1591
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
1592
|
+
* @private
|
|
1593
|
+
* @returns {boolean}
|
|
1594
|
+
*/
|
|
1595
|
+
get isInvalid() {
|
|
1596
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
1597
|
+
}
|
|
1598
|
+
|
|
1586
1599
|
/**
|
|
1587
1600
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
1588
|
-
*
|
|
1589
|
-
*
|
|
1590
|
-
* happen without `validity` itself changing.
|
|
1601
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
1602
|
+
* reconnect can happen without `validity` itself changing.
|
|
1591
1603
|
* @private
|
|
1592
1604
|
* @returns {void}
|
|
1593
1605
|
*/
|
|
1594
1606
|
syncItemValidity() {
|
|
1595
|
-
const invalid =
|
|
1607
|
+
const invalid = this.isInvalid;
|
|
1596
1608
|
|
|
1597
1609
|
this.items.forEach((el) => {
|
|
1598
1610
|
if (invalid) {
|
|
@@ -1809,7 +1821,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1809
1821
|
class="${e(groupClasses)}"
|
|
1810
1822
|
part="radio-group"
|
|
1811
1823
|
role="radiogroup"
|
|
1812
|
-
aria-invalid="${o$1(this.
|
|
1824
|
+
aria-invalid="${o$1(this.isInvalid ? 'true' : undefined)}"
|
|
1813
1825
|
aria-describedby="${this.uniqueId}"
|
|
1814
1826
|
>
|
|
1815
1827
|
<legend class="${e(legendClasses)}">
|
|
@@ -1819,7 +1831,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1819
1831
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1820
1832
|
</fieldset>
|
|
1821
1833
|
|
|
1822
|
-
${!this.
|
|
1834
|
+
${!this.isInvalid
|
|
1823
1835
|
? u`
|
|
1824
1836
|
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
1825
1837
|
<slot name="helpText"></slot>
|
|
@@ -186,11 +186,20 @@ export class AuroRadioGroup extends LitElement {
|
|
|
186
186
|
* @returns {void}
|
|
187
187
|
*/
|
|
188
188
|
updated(changedProperties: Map<string, any>): void;
|
|
189
|
+
/**
|
|
190
|
+
* Whether the group is currently in an invalid state.
|
|
191
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
192
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
193
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
194
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
195
|
+
* @private
|
|
196
|
+
* @returns {boolean}
|
|
197
|
+
*/
|
|
198
|
+
private get isInvalid();
|
|
189
199
|
/**
|
|
190
200
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
191
|
-
*
|
|
192
|
-
*
|
|
193
|
-
* happen without `validity` itself changing.
|
|
201
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
202
|
+
* reconnect can happen without `validity` itself changing.
|
|
194
203
|
* @private
|
|
195
204
|
* @returns {void}
|
|
196
205
|
*/
|
|
@@ -1190,7 +1190,7 @@ class AuroHelpText extends LitElement {
|
|
|
1190
1190
|
}
|
|
1191
1191
|
}
|
|
1192
1192
|
|
|
1193
|
-
var formkitVersion = '
|
|
1193
|
+
var formkitVersion = '202609030018';
|
|
1194
1194
|
|
|
1195
1195
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1196
1196
|
// See LICENSE in the project root for license information.
|
|
@@ -1522,16 +1522,28 @@ class AuroRadioGroup extends LitElement {
|
|
|
1522
1522
|
}
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
+
/**
|
|
1526
|
+
* Whether the group is currently in an invalid state.
|
|
1527
|
+
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
1528
|
+
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
1529
|
+
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
1530
|
+
* `syncItemValidity()` so the fieldset and its children can never disagree.
|
|
1531
|
+
* @private
|
|
1532
|
+
* @returns {boolean}
|
|
1533
|
+
*/
|
|
1534
|
+
get isInvalid() {
|
|
1535
|
+
return Boolean(this.validity && this.validity !== 'valid');
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1525
1538
|
/**
|
|
1526
1539
|
* Method for mirroring the group's invalid state onto each radio input.
|
|
1527
|
-
*
|
|
1528
|
-
*
|
|
1529
|
-
* happen without `validity` itself changing.
|
|
1540
|
+
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
1541
|
+
* reconnect can happen without `validity` itself changing.
|
|
1530
1542
|
* @private
|
|
1531
1543
|
* @returns {void}
|
|
1532
1544
|
*/
|
|
1533
1545
|
syncItemValidity() {
|
|
1534
|
-
const invalid =
|
|
1546
|
+
const invalid = this.isInvalid;
|
|
1535
1547
|
|
|
1536
1548
|
this.items.forEach((el) => {
|
|
1537
1549
|
if (invalid) {
|
|
@@ -1748,7 +1760,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1748
1760
|
class="${classMap(groupClasses)}"
|
|
1749
1761
|
part="radio-group"
|
|
1750
1762
|
role="radiogroup"
|
|
1751
|
-
aria-invalid="${ifDefined(this.
|
|
1763
|
+
aria-invalid="${ifDefined(this.isInvalid ? 'true' : undefined)}"
|
|
1752
1764
|
aria-describedby="${this.uniqueId}"
|
|
1753
1765
|
>
|
|
1754
1766
|
<legend class="${classMap(legendClasses)}">
|
|
@@ -1758,7 +1770,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1758
1770
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1759
1771
|
</fieldset>
|
|
1760
1772
|
|
|
1761
|
-
${!this.
|
|
1773
|
+
${!this.isInvalid
|
|
1762
1774
|
? html$1`
|
|
1763
1775
|
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
1764
1776
|
<slot name="helpText"></slot>
|