@aurodesignsystem-dev/auro-formkit 0.0.0-pr1608.6 → 0.0.0-pr1610.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/accessibility.md +4 -15
- package/components/checkbox/demo/api.md +3 -4
- package/components/checkbox/demo/customize.md +1 -2
- package/components/checkbox/demo/customize.min.js +18 -74
- package/components/checkbox/demo/getting-started.min.js +18 -74
- package/components/checkbox/demo/index.min.js +18 -74
- package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -24
- package/components/checkbox/dist/index.js +18 -74
- package/components/checkbox/dist/registered.js +18 -74
- 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 -156
- package/components/form/demo/getting-started.min.js +50 -156
- package/components/form/demo/index.min.js +50 -156
- package/components/form/demo/registerDemoDeps.min.js +50 -156
- 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 +4 -15
- package/components/radio/demo/customize.min.js +17 -67
- package/components/radio/demo/getting-started.min.js +17 -67
- package/components/radio/demo/index.min.js +17 -67
- package/components/radio/dist/auro-radio-group.d.ts +0 -22
- package/components/radio/dist/index.js +17 -67
- package/components/radio/dist/registered.js +17 -67
- 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 +566 -616
- package/package.json +1 -1
|
@@ -10551,7 +10551,7 @@ function getDateFormatFromLocale$3 (locale) {
|
|
|
10551
10551
|
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
10552
10552
|
* for external libraries or complex algorithms.
|
|
10553
10553
|
*/
|
|
10554
|
-
let UniqueId$
|
|
10554
|
+
let UniqueId$2 = class UniqueId {
|
|
10555
10555
|
/**
|
|
10556
10556
|
* Creates a unique hash based on the current timestamp.
|
|
10557
10557
|
* @returns {Function} Timestamp as a base-36 string
|
|
@@ -10766,7 +10766,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10766
10766
|
this.touched = false;
|
|
10767
10767
|
|
|
10768
10768
|
/** @private */
|
|
10769
|
-
this.uniqueId = new UniqueId$
|
|
10769
|
+
this.uniqueId = new UniqueId$2().create();
|
|
10770
10770
|
|
|
10771
10771
|
/** @private */
|
|
10772
10772
|
this.util = new AuroInputUtilities$3({
|
|
@@ -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 = '202609042059';
|
|
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 = '202609042059';
|
|
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 = '202609042059';
|
|
32920
32920
|
|
|
32921
32921
|
/**
|
|
32922
32922
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -44862,7 +44862,7 @@ function getDateFormatFromLocale$2 (locale) {
|
|
|
44862
44862
|
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
44863
44863
|
* for external libraries or complex algorithms.
|
|
44864
44864
|
*/
|
|
44865
|
-
let UniqueId$
|
|
44865
|
+
let UniqueId$1 = class UniqueId {
|
|
44866
44866
|
/**
|
|
44867
44867
|
* Creates a unique hash based on the current timestamp.
|
|
44868
44868
|
* @returns {Function} Timestamp as a base-36 string
|
|
@@ -45077,7 +45077,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45077
45077
|
this.touched = false;
|
|
45078
45078
|
|
|
45079
45079
|
/** @private */
|
|
45080
|
-
this.uniqueId = new UniqueId$
|
|
45080
|
+
this.uniqueId = new UniqueId$1().create();
|
|
45081
45081
|
|
|
45082
45082
|
/** @private */
|
|
45083
45083
|
this.util = new AuroInputUtilities$2({
|
|
@@ -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 = '202609042059';
|
|
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 = '202609042059';
|
|
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 = '202609042059';
|
|
56230
56230
|
|
|
56231
56231
|
/**
|
|
56232
56232
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -60451,22 +60451,6 @@ let AuroDependencyVersioning$6 = class AuroDependencyVersioning {
|
|
|
60451
60451
|
}
|
|
60452
60452
|
};
|
|
60453
60453
|
|
|
60454
|
-
/**
|
|
60455
|
-
* Class for generating unique hashes based on the current timestamp.
|
|
60456
|
-
* This can be used to create unique identifiers for elements or data within an application,
|
|
60457
|
-
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
60458
|
-
* for external libraries or complex algorithms.
|
|
60459
|
-
*/
|
|
60460
|
-
let UniqueId$2 = class UniqueId {
|
|
60461
|
-
/**
|
|
60462
|
-
* Creates a unique hash based on the current timestamp.
|
|
60463
|
-
* @returns {Function} Timestamp as a base-36 string
|
|
60464
|
-
*/
|
|
60465
|
-
create() {
|
|
60466
|
-
return Date.now().toString(36);
|
|
60467
|
-
}
|
|
60468
|
-
};
|
|
60469
|
-
|
|
60470
60454
|
var colorCss$7 = i$4`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
60471
60455
|
|
|
60472
60456
|
var styleCss$7 = i$4`.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}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
@@ -60701,7 +60685,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
60701
60685
|
}
|
|
60702
60686
|
};
|
|
60703
60687
|
|
|
60704
|
-
var formkitVersion$5 = '
|
|
60688
|
+
var formkitVersion$5 = '202609042059';
|
|
60705
60689
|
|
|
60706
60690
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60707
60691
|
// See LICENSE in the project root for license information.
|
|
@@ -60772,11 +60756,6 @@ class AuroRadioGroup extends i$2 {
|
|
|
60772
60756
|
* @private
|
|
60773
60757
|
*/
|
|
60774
60758
|
this.helpTextTag = versioning.generateTag('auro-formkit-radio-helptext', formkitVersion$5, AuroHelpText$5);
|
|
60775
|
-
|
|
60776
|
-
/**
|
|
60777
|
-
* @private
|
|
60778
|
-
*/
|
|
60779
|
-
this.uniqueId = new UniqueId$2().create();
|
|
60780
60759
|
}
|
|
60781
60760
|
|
|
60782
60761
|
static get styles() {
|
|
@@ -61029,42 +61008,20 @@ class AuroRadioGroup extends i$2 {
|
|
|
61029
61008
|
}
|
|
61030
61009
|
|
|
61031
61010
|
if (changedProperties.has('validity')) {
|
|
61032
|
-
this.
|
|
61033
|
-
|
|
61034
|
-
}
|
|
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
|
-
|
|
61049
|
-
/**
|
|
61050
|
-
* Method for mirroring the group's invalid state onto each radio input.
|
|
61051
|
-
* Has to be re-applied from `handleItems()` as well, because a slot change or a
|
|
61052
|
-
* reconnect can happen without `validity` itself changing.
|
|
61053
|
-
* @private
|
|
61054
|
-
* @returns {void}
|
|
61055
|
-
*/
|
|
61056
|
-
syncItemValidity() {
|
|
61057
|
-
const invalid = this.isInvalid;
|
|
61011
|
+
if (this.validity && this.validity !== 'valid') {
|
|
61012
|
+
this.setAttribute('aria-invalid', 'true');
|
|
61058
61013
|
|
|
61059
|
-
|
|
61060
|
-
|
|
61061
|
-
|
|
61062
|
-
el.setAttribute('aria-invalid', 'true');
|
|
61014
|
+
this.items.forEach((el) => {
|
|
61015
|
+
el.setAttribute('error', true);
|
|
61016
|
+
});
|
|
61063
61017
|
} else {
|
|
61064
|
-
|
|
61065
|
-
|
|
61018
|
+
this.removeAttribute('aria-invalid');
|
|
61019
|
+
|
|
61020
|
+
this.items.forEach((el) => {
|
|
61021
|
+
el.removeAttribute('error');
|
|
61022
|
+
});
|
|
61066
61023
|
}
|
|
61067
|
-
}
|
|
61024
|
+
}
|
|
61068
61025
|
}
|
|
61069
61026
|
|
|
61070
61027
|
/**
|
|
@@ -61120,9 +61077,8 @@ class AuroRadioGroup extends i$2 {
|
|
|
61120
61077
|
|
|
61121
61078
|
this.items.forEach((el) => {
|
|
61122
61079
|
el.required = this.required;
|
|
61080
|
+
el.error = Boolean(this.error);
|
|
61123
61081
|
});
|
|
61124
|
-
|
|
61125
|
-
this.syncItemValidity();
|
|
61126
61082
|
}
|
|
61127
61083
|
|
|
61128
61084
|
/**
|
|
@@ -61267,13 +61223,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
61267
61223
|
};
|
|
61268
61224
|
|
|
61269
61225
|
return u$d`
|
|
61270
|
-
<fieldset
|
|
61271
|
-
class="${e$2(groupClasses)}"
|
|
61272
|
-
part="radio-group"
|
|
61273
|
-
role="radiogroup"
|
|
61274
|
-
aria-invalid="${o$4(this.isInvalid ? 'true' : undefined)}"
|
|
61275
|
-
aria-describedby="${this.uniqueId}"
|
|
61276
|
-
>
|
|
61226
|
+
<fieldset class="${e$2(groupClasses)}" part="radio-group" role="radiogroup">
|
|
61277
61227
|
<legend class="${e$2(legendClasses)}">
|
|
61278
61228
|
<slot name="legend" @slotchange=${this.handleLegendSlotChange}></slot>
|
|
61279
61229
|
${this.required ? undefined : u$d`<slot name="optionalLabel"> (optional)</slot>`}
|
|
@@ -61281,13 +61231,13 @@ class AuroRadioGroup extends i$2 {
|
|
|
61281
61231
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
61282
61232
|
</fieldset>
|
|
61283
61233
|
|
|
61284
|
-
${!this.
|
|
61234
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
61285
61235
|
? u$d`
|
|
61286
|
-
<${this.helpTextTag}
|
|
61236
|
+
<${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
61287
61237
|
<slot name="helpText"></slot>
|
|
61288
61238
|
</${this.helpTextTag}>`
|
|
61289
61239
|
: u$d`
|
|
61290
|
-
<${this.helpTextTag}
|
|
61240
|
+
<${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" error aria-live="assertive" part="helpText">
|
|
61291
61241
|
${this.errorMessage}
|
|
61292
61242
|
</${this.helpTextTag}>`
|
|
61293
61243
|
}
|
|
@@ -62291,22 +62241,6 @@ let AuroDependencyVersioning$5 = class AuroDependencyVersioning {
|
|
|
62291
62241
|
}
|
|
62292
62242
|
};
|
|
62293
62243
|
|
|
62294
|
-
/**
|
|
62295
|
-
* Class for generating unique hashes based on the current timestamp.
|
|
62296
|
-
* This can be used to create unique identifiers for elements or data within an application,
|
|
62297
|
-
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
62298
|
-
* for external libraries or complex algorithms.
|
|
62299
|
-
*/
|
|
62300
|
-
let UniqueId$1 = class UniqueId {
|
|
62301
|
-
/**
|
|
62302
|
-
* Creates a unique hash based on the current timestamp.
|
|
62303
|
-
* @returns {Function} Timestamp as a base-36 string
|
|
62304
|
-
*/
|
|
62305
|
-
create() {
|
|
62306
|
-
return Date.now().toString(36);
|
|
62307
|
-
}
|
|
62308
|
-
};
|
|
62309
|
-
|
|
62310
62244
|
var styleCss$1$4 = i$4`:host{display:block;padding-bottom:var(--ds-size-150, 0.75rem)}.displayFlex legend+slot{display:flex;white-space:nowrap}fieldset{all:unset}legend{margin-bottom:var(--ds-size-150, 0.75rem)}[auro-helptext]{margin-top:var(--ds-size-150, 0.75rem)}`;
|
|
62311
62245
|
|
|
62312
62246
|
var colorCss$1$4 = i$4`:host{color:var(--ds-auro-checkbox-group-text-color)}:host([disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([onDark]),:host([appearance=inverse]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}`;
|
|
@@ -62545,7 +62479,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
62545
62479
|
}
|
|
62546
62480
|
};
|
|
62547
62481
|
|
|
62548
|
-
var formkitVersion$4 = '
|
|
62482
|
+
var formkitVersion$4 = '202609042059';
|
|
62549
62483
|
|
|
62550
62484
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62551
62485
|
// See LICENSE in the project root for license information.
|
|
@@ -62555,7 +62489,6 @@ var formkitVersion$4 = '202609031742';
|
|
|
62555
62489
|
* The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
|
|
62556
62490
|
* @customElement auro-checkbox-group
|
|
62557
62491
|
*
|
|
62558
|
-
* @csspart checkbox-group - Apply css to the fieldset element in the shadow DOM
|
|
62559
62492
|
* @csspart helpText - Apply css to the help text element that displays helper or error messages.
|
|
62560
62493
|
*
|
|
62561
62494
|
* @slot legend - Allows for the legend to be overridden.
|
|
@@ -62623,11 +62556,6 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62623
62556
|
* @private
|
|
62624
62557
|
*/
|
|
62625
62558
|
this.helpTextTag = versioning.generateTag('auro-formkit-checkbox-helptext', formkitVersion$4, AuroHelpText$4);
|
|
62626
|
-
|
|
62627
|
-
/**
|
|
62628
|
-
* @private
|
|
62629
|
-
*/
|
|
62630
|
-
this.uniqueId = new UniqueId$1().create();
|
|
62631
62559
|
}
|
|
62632
62560
|
|
|
62633
62561
|
static get styles() {
|
|
@@ -62879,47 +62807,6 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62879
62807
|
this.handlePreselectedItems();
|
|
62880
62808
|
|
|
62881
62809
|
this.validate();
|
|
62882
|
-
this.syncCheckboxValidity();
|
|
62883
|
-
}
|
|
62884
|
-
|
|
62885
|
-
/**
|
|
62886
|
-
* Whether the group is currently in an invalid state.
|
|
62887
|
-
* `validity` — not `error` — is the authoritative source: `validate()` resolves the
|
|
62888
|
-
* `error` attribute to `validity = 'customError'`, so `error` is already covered here.
|
|
62889
|
-
* Single definition of "invalid" for the whole component, consumed by `render()` and
|
|
62890
|
-
* `syncCheckboxValidity()` so the fieldset and its children can never disagree.
|
|
62891
|
-
* @private
|
|
62892
|
-
* @returns {boolean}
|
|
62893
|
-
*/
|
|
62894
|
-
get isInvalid() {
|
|
62895
|
-
return Boolean(this.validity && this.validity !== 'valid');
|
|
62896
|
-
}
|
|
62897
|
-
|
|
62898
|
-
/**
|
|
62899
|
-
* Method for mirroring the group's invalid state onto each checkbox.
|
|
62900
|
-
* Has to be re-applied from `handleItems()` as well, because a slot change can happen
|
|
62901
|
-
* without `validity` itself changing — a checkbox slotted into an already-invalid
|
|
62902
|
-
* group would otherwise be missed.
|
|
62903
|
-
* @private
|
|
62904
|
-
* @returns {void}
|
|
62905
|
-
*/
|
|
62906
|
-
syncCheckboxValidity() {
|
|
62907
|
-
const invalid = this.isInvalid;
|
|
62908
|
-
|
|
62909
|
-
this.checkboxes.forEach((el) => {
|
|
62910
|
-
if (invalid) {
|
|
62911
|
-
el.setAttribute('error', true);
|
|
62912
|
-
el.setAttribute('aria-invalid', 'true');
|
|
62913
|
-
} else {
|
|
62914
|
-
// Group state is authoritative: an `error` set directly on an individual
|
|
62915
|
-
// checkbox by a consumer is cleared here, and because this method also runs
|
|
62916
|
-
// from `handleItems()` that now happens on every slot change, not just on a
|
|
62917
|
-
// validity change. Matches auro-radio-group. See docs/post-mortem/1636704.md,
|
|
62918
|
-
// "Breaking Change Assessment", for why this is not treated as a breaker.
|
|
62919
|
-
el.removeAttribute('error');
|
|
62920
|
-
el.removeAttribute('aria-invalid');
|
|
62921
|
-
}
|
|
62922
|
-
});
|
|
62923
62810
|
}
|
|
62924
62811
|
|
|
62925
62812
|
/**
|
|
@@ -62951,7 +62838,13 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62951
62838
|
}
|
|
62952
62839
|
|
|
62953
62840
|
if (changedProperties.has('validity')) {
|
|
62954
|
-
this.
|
|
62841
|
+
this.checkboxes.forEach((el) => {
|
|
62842
|
+
if (this.validity && this.validity !== 'valid') {
|
|
62843
|
+
el.setAttribute('error', true);
|
|
62844
|
+
} else {
|
|
62845
|
+
el.removeAttribute('error');
|
|
62846
|
+
}
|
|
62847
|
+
});
|
|
62955
62848
|
}
|
|
62956
62849
|
|
|
62957
62850
|
if (changedProperties.has('required')) {
|
|
@@ -62975,6 +62868,12 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62975
62868
|
}
|
|
62976
62869
|
|
|
62977
62870
|
if (changedProperties.has('error')) {
|
|
62871
|
+
if (this.error) {
|
|
62872
|
+
this.setAttribute('aria-invalid', true);
|
|
62873
|
+
} else {
|
|
62874
|
+
this.removeAttribute('aria-invalid');
|
|
62875
|
+
}
|
|
62876
|
+
|
|
62978
62877
|
this.validate(true);
|
|
62979
62878
|
}
|
|
62980
62879
|
}
|
|
@@ -62993,12 +62892,7 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62993
62892
|
};
|
|
62994
62893
|
|
|
62995
62894
|
return u$d`
|
|
62996
|
-
<fieldset
|
|
62997
|
-
class="${e$2(groupClasses)}"
|
|
62998
|
-
part="checkbox-group"
|
|
62999
|
-
aria-invalid="${o$4(this.isInvalid ? 'true' : undefined)}"
|
|
63000
|
-
aria-describedby="${this.uniqueId}"
|
|
63001
|
-
>
|
|
62895
|
+
<fieldset class="${e$2(groupClasses)}">
|
|
63002
62896
|
<legend>
|
|
63003
62897
|
<slot name="legend"></slot>
|
|
63004
62898
|
${this.required ? undefined : u$d`<slot name="optionalLabel"> (optional)</slot>`}
|
|
@@ -63006,13 +62900,13 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
63006
62900
|
<slot @slotchange=${this.handleItems}></slot>
|
|
63007
62901
|
</fieldset>
|
|
63008
62902
|
|
|
63009
|
-
${!this.
|
|
62903
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
63010
62904
|
? u$d`
|
|
63011
|
-
<${this.helpTextTag}
|
|
62905
|
+
<${this.helpTextTag} part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
63012
62906
|
<slot name="helpText"></slot>
|
|
63013
62907
|
</${this.helpTextTag}>`
|
|
63014
62908
|
: u$d`
|
|
63015
|
-
<${this.helpTextTag}
|
|
62909
|
+
<${this.helpTextTag} error appearance="${this.onDark ? 'inverse' : this.appearance}"" role="alert" aria-live="assertive" part="helpText">
|
|
63016
62910
|
${this.errorMessage}
|
|
63017
62911
|
</${this.helpTextTag}>`
|
|
63018
62912
|
}
|
|
@@ -68054,7 +67948,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
68054
67948
|
}
|
|
68055
67949
|
};
|
|
68056
67950
|
|
|
68057
|
-
var formkitVersion$2 = '
|
|
67951
|
+
var formkitVersion$2 = '202609042059';
|
|
68058
67952
|
|
|
68059
67953
|
/**
|
|
68060
67954
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -81916,7 +81810,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
81916
81810
|
}
|
|
81917
81811
|
};
|
|
81918
81812
|
|
|
81919
|
-
var formkitVersion$1$1 = '
|
|
81813
|
+
var formkitVersion$1$1 = '202609042059';
|
|
81920
81814
|
|
|
81921
81815
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81922
81816
|
// See LICENSE in the project root for license information.
|
|
@@ -83108,7 +83002,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
83108
83002
|
}
|
|
83109
83003
|
};
|
|
83110
83004
|
|
|
83111
|
-
var formkitVersion$3 = '
|
|
83005
|
+
var formkitVersion$3 = '202609042059';
|
|
83112
83006
|
|
|
83113
83007
|
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}`;
|
|
83114
83008
|
|
|
@@ -92687,7 +92581,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
92687
92581
|
}
|
|
92688
92582
|
};
|
|
92689
92583
|
|
|
92690
|
-
var formkitVersion$1 = '
|
|
92584
|
+
var formkitVersion$1 = '202609042059';
|
|
92691
92585
|
|
|
92692
92586
|
/**
|
|
92693
92587
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -94860,7 +94754,7 @@ class AuroHelpText extends i$2 {
|
|
|
94860
94754
|
}
|
|
94861
94755
|
}
|
|
94862
94756
|
|
|
94863
|
-
var formkitVersion = '
|
|
94757
|
+
var formkitVersion = '202609042059';
|
|
94864
94758
|
|
|
94865
94759
|
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}`;
|
|
94866
94760
|
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609042059';
|
|
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 = '202609042059';
|
|
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 = '202609042059';
|
|
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 = '202609042059';
|
|
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 = '202609042059';
|
|
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.
|
|
@@ -8,13 +8,12 @@ For keyboard interaction details, see the <auro-hyperlink href="keyboard-behavio
|
|
|
8
8
|
|
|
9
9
|
<auro-header level="2" id="ariaRolesAndAttributes">ARIA Roles and Attributes</auro-header>
|
|
10
10
|
<auro-header level="3" id="radioGroup">Radio Group</auro-header>
|
|
11
|
-
The `<auro-radio-group>` element uses a `<fieldset>` with a `<legend>` internally, providing native grouping semantics
|
|
11
|
+
The `<auro-radio-group>` element uses a `<fieldset>` with a `<legend>` internally, providing native grouping semantics:
|
|
12
12
|
|
|
13
13
|
| Attribute | Value | Description |
|
|
14
14
|
|---|---|---|
|
|
15
|
-
| `role` | `radiogroup` | Groups related radio buttons together.
|
|
16
|
-
| `aria-invalid` | `true` |
|
|
17
|
-
| `aria-describedby` | id reference | Points at the `id` of the group's help-text/error element, so assistive technology can associate the message with the group on demand rather than relying only on the one-time live-region announcement. |
|
|
15
|
+
| `role` | `radiogroup` (implicit via `fieldset`) | Groups related radio buttons together. |
|
|
16
|
+
| `aria-invalid` | `true` / `false` | Reflects whether the group is currently in an invalid state. |
|
|
18
17
|
|
|
19
18
|
<auro-header level="3" id="radioElement">Radio</auro-header>
|
|
20
19
|
Each `<auro-radio>` renders a native `<input type="radio">` inside its shadow DOM:
|
|
@@ -24,22 +23,12 @@ Each `<auro-radio>` renders a native `<input type="radio">` inside its shadow DO
|
|
|
24
23
|
| `type` | `radio` | Native radio input type. |
|
|
25
24
|
| `aria-checked` | `true` / `false` | Reflects the selected state of the radio button. |
|
|
26
25
|
| `aria-disabled` | `true` / `false` | Indicates whether the radio button is disabled. |
|
|
27
|
-
| `aria-invalid` | `true` | Mirrored onto each radio from the group while the group is invalid, and removed when it becomes valid. Omitted rather than set to `false`. |
|
|
28
|
-
|
|
29
|
-
<auro-header level="4" id="invalidStatePlacement">Why the invalid state appears twice</auro-header>
|
|
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
|
-
|
|
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
|
-
|
|
34
|
-
<auro-header level="4" id="attributePlacementNote">Attribute placement</auro-header>
|
|
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.
|
|
36
26
|
|
|
37
27
|
<auro-header level="2" id="screenReaderAnnouncements">Screen Reader Announcements</auro-header>
|
|
38
28
|
- **Focus** — When focus moves to a radio button, the screen reader announces the radio label, its selected/unselected state, its position in the group (e.g. "1 of 3"), and role ("radio button").
|
|
39
29
|
- **State change** — Selecting a radio button announces the new state ("selected").
|
|
40
30
|
- **Group context** — The legend text provides group context when navigating between groups.
|
|
41
|
-
- **Error** — When validation fails, the error message is announced
|
|
42
|
-
- **Invalid state** — While the group is invalid, entering it or moving between its radios conveys the invalid state.
|
|
31
|
+
- **Error** — When validation fails, the error message is announced to screen reader users.
|
|
43
32
|
|
|
44
33
|
<auro-header level="2" id="accessibleLabels">Accessible Labels</auro-header>
|
|
45
34
|
- The `legend` slot content provides the accessible group label via the native `<legend>` element.
|