@aurodesignsystem-dev/auro-formkit 0.0.0-pr1605.0 → 0.0.0-pr1608.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/accessibility.md +15 -4
- package/components/checkbox/demo/customize.min.js +53 -17
- package/components/checkbox/demo/getting-started.min.js +53 -17
- package/components/checkbox/demo/index.min.js +53 -17
- package/components/checkbox/dist/auro-checkbox-group.d.ts +13 -0
- package/components/checkbox/dist/index.js +53 -17
- package/components/checkbox/dist/registered.js +53 -17
- 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 +4 -51
- package/components/datepicker/demo/getting-started.min.js +4 -51
- package/components/datepicker/demo/index.min.js +4 -51
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -7
- package/components/datepicker/dist/index.js +4 -51
- package/components/datepicker/dist/registered.js +4 -51
- 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 +123 -96
- package/components/form/demo/getting-started.min.js +123 -96
- package/components/form/demo/index.min.js +123 -96
- package/components/form/demo/registerDemoDeps.min.js +123 -96
- 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 +13 -4
- package/components/radio/demo/customize.min.js +54 -16
- package/components/radio/demo/getting-started.min.js +54 -16
- package/components/radio/demo/index.min.js +54 -16
- package/components/radio/dist/auro-radio-group.d.ts +13 -0
- package/components/radio/dist/index.js +54 -16
- package/components/radio/dist/registered.js +54 -16
- 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 +22 -10
- 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$4 = 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$4().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 = '202609022217';
|
|
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 = '202609022217';
|
|
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 = '202609022217';
|
|
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$3 = 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$3().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 = '202609022217';
|
|
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.
|
|
@@ -48395,14 +48395,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48395
48395
|
*/
|
|
48396
48396
|
this.hasFocus = false;
|
|
48397
48397
|
|
|
48398
|
-
/**
|
|
48399
|
-
* Tracks whether the current open cycle promoted the fullscreen bib via
|
|
48400
|
-
* showModal(). Used by the close handler to decide whether native <dialog>
|
|
48401
|
-
* focus restoration will fire (see the auroDropdown-toggled handler).
|
|
48402
|
-
* @private
|
|
48403
|
-
*/
|
|
48404
|
-
this._bibOpenedAsModal = false;
|
|
48405
|
-
|
|
48406
48398
|
/**
|
|
48407
48399
|
* @private
|
|
48408
48400
|
*/
|
|
@@ -49458,15 +49450,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49458
49450
|
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
49459
49451
|
this.dropdown.noHideOnThisFocusLoss = true;
|
|
49460
49452
|
|
|
49461
|
-
// Suppress the dropdown's generic focus restoration on close — the
|
|
49462
|
-
// datepicker manages its own focus in the auroDropdown-toggled handler
|
|
49463
|
-
// below (respecting hasFocus / _restoreFocusOnClose, and deferring to the
|
|
49464
|
-
// fullscreen dialog's native restoration on touch devices). Without this,
|
|
49465
|
-
// the dropdown's setTimeout(focusTrigger) fires a second, gesture-decoupled
|
|
49466
|
-
// programmatic focus on close, which on iOS Safari swallows the user's next
|
|
49467
|
-
// tap and forces a second tap to reopen the calendar (AB#1634252).
|
|
49468
|
-
this.dropdown.noFocusRestoreOnClose = true;
|
|
49469
|
-
|
|
49470
49453
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
49471
49454
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
49472
49455
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -49538,16 +49521,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49538
49521
|
bibEl.close();
|
|
49539
49522
|
bibEl.open(true);
|
|
49540
49523
|
|
|
49541
|
-
// Record that this open cycle actually promoted the dialog via
|
|
49542
|
-
// showModal(). The close handler relies on this — not the broader
|
|
49543
|
-
// isBibFullscreen flag — to decide whether native <dialog> focus
|
|
49544
|
-
// restoration will occur, because isBibFullscreen is set
|
|
49545
|
-
// synchronously in showBib() while this open(true) runs a
|
|
49546
|
-
// microtask later. If the bib is closed before this resolves,
|
|
49547
|
-
// showModal() never fires and there is no native restoration to
|
|
49548
|
-
// defer to.
|
|
49549
|
-
this._bibOpenedAsModal = true;
|
|
49550
|
-
|
|
49551
49524
|
doubleRaf$3(() => {
|
|
49552
49525
|
this.focusActiveCellWhenReady();
|
|
49553
49526
|
});
|
|
@@ -49579,27 +49552,7 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49579
49552
|
this.dropdown.trigger.inert = false;
|
|
49580
49553
|
const shouldRestoreFocus = this.hasFocus || this._restoreFocusOnClose;
|
|
49581
49554
|
this._restoreFocusOnClose = false;
|
|
49582
|
-
|
|
49583
|
-
// on the <dialog>'s native focus restoration instead of forcing focus
|
|
49584
|
-
// back onto the input. showModal() returns focus to the trigger anchor
|
|
49585
|
-
// as part of the closing gesture, so a11y focus is preserved. Re-running
|
|
49586
|
-
// .focus() here is a gesture-decoupled programmatic focus that iOS
|
|
49587
|
-
// Safari penalizes: it swallows the user's next tap, so reopening the
|
|
49588
|
-
// calendar takes two taps instead of one (AB#1634252). Fine-pointer
|
|
49589
|
-
// (desktop) layouts keep the explicit restore for keyboard/SR
|
|
49590
|
-
// correctness, and non-fullscreen bibs (no showModal, no native
|
|
49591
|
-
// restoration) always restore explicitly.
|
|
49592
|
-
//
|
|
49593
|
-
// Gate on `_bibOpenedAsModal` — set only after the actual showModal()
|
|
49594
|
-
// promotion (open(true)) — rather than `isBibFullscreen`, which is true
|
|
49595
|
-
// as soon as the fullscreen layout is chosen but before the modal is
|
|
49596
|
-
// promoted. If the bib is closed before that async promotion runs, no
|
|
49597
|
-
// native restoration will occur, so we must still restore explicitly.
|
|
49598
|
-
const bibWasModal = this._bibOpenedAsModal;
|
|
49599
|
-
this._bibOpenedAsModal = false;
|
|
49600
|
-
const useNativeFocusRestoration =
|
|
49601
|
-
bibWasModal && window.matchMedia('(pointer: coarse)').matches;
|
|
49602
|
-
if (shouldRestoreFocus && !useNativeFocusRestoration) {
|
|
49555
|
+
if (shouldRestoreFocus) {
|
|
49603
49556
|
requestAnimationFrame(() => {
|
|
49604
49557
|
if (!this.dropdown.isPopoverVisible) {
|
|
49605
49558
|
this.inputList[0].focus();
|
|
@@ -51931,7 +51884,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51931
51884
|
}
|
|
51932
51885
|
};
|
|
51933
51886
|
|
|
51934
|
-
var formkitVersion$1$2 = '
|
|
51887
|
+
var formkitVersion$1$2 = '202609022217';
|
|
51935
51888
|
|
|
51936
51889
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51937
51890
|
// See LICENSE in the project root for license information.
|
|
@@ -56273,7 +56226,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
56273
56226
|
}
|
|
56274
56227
|
};
|
|
56275
56228
|
|
|
56276
|
-
var formkitVersion$6 = '
|
|
56229
|
+
var formkitVersion$6 = '202609022217';
|
|
56277
56230
|
|
|
56278
56231
|
/**
|
|
56279
56232
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -60498,6 +60451,22 @@ let AuroDependencyVersioning$6 = class AuroDependencyVersioning {
|
|
|
60498
60451
|
}
|
|
60499
60452
|
};
|
|
60500
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
|
+
|
|
60501
60470
|
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)}`;
|
|
60502
60471
|
|
|
60503
60472
|
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}`;
|
|
@@ -60732,7 +60701,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
60732
60701
|
}
|
|
60733
60702
|
};
|
|
60734
60703
|
|
|
60735
|
-
var formkitVersion$5 = '
|
|
60704
|
+
var formkitVersion$5 = '202609022217';
|
|
60736
60705
|
|
|
60737
60706
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60738
60707
|
// See LICENSE in the project root for license information.
|
|
@@ -60803,6 +60772,11 @@ class AuroRadioGroup extends i$2 {
|
|
|
60803
60772
|
* @private
|
|
60804
60773
|
*/
|
|
60805
60774
|
this.helpTextTag = versioning.generateTag('auro-formkit-radio-helptext', formkitVersion$5, AuroHelpText$5);
|
|
60775
|
+
|
|
60776
|
+
/**
|
|
60777
|
+
* @private
|
|
60778
|
+
*/
|
|
60779
|
+
this.uniqueId = new UniqueId$2().create();
|
|
60806
60780
|
}
|
|
60807
60781
|
|
|
60808
60782
|
static get styles() {
|
|
@@ -61055,20 +61029,30 @@ class AuroRadioGroup extends i$2 {
|
|
|
61055
61029
|
}
|
|
61056
61030
|
|
|
61057
61031
|
if (changedProperties.has('validity')) {
|
|
61058
|
-
|
|
61059
|
-
|
|
61032
|
+
this.syncItemValidity();
|
|
61033
|
+
}
|
|
61034
|
+
}
|
|
61060
61035
|
|
|
61061
|
-
|
|
61062
|
-
|
|
61063
|
-
|
|
61064
|
-
|
|
61065
|
-
|
|
61036
|
+
/**
|
|
61037
|
+
* Method for mirroring the group's invalid state onto each radio input.
|
|
61038
|
+
* `validity` — not `error` — is the authoritative invalid state, and it has to be
|
|
61039
|
+
* re-applied from `handleItems()` as well, because a slot change or a reconnect can
|
|
61040
|
+
* happen without `validity` itself changing.
|
|
61041
|
+
* @private
|
|
61042
|
+
* @returns {void}
|
|
61043
|
+
*/
|
|
61044
|
+
syncItemValidity() {
|
|
61045
|
+
const invalid = Boolean(this.error) || Boolean(this.validity && this.validity !== 'valid');
|
|
61066
61046
|
|
|
61067
|
-
|
|
61068
|
-
|
|
61069
|
-
|
|
61047
|
+
this.items.forEach((el) => {
|
|
61048
|
+
if (invalid) {
|
|
61049
|
+
el.setAttribute('error', true);
|
|
61050
|
+
el.setAttribute('aria-invalid', 'true');
|
|
61051
|
+
} else {
|
|
61052
|
+
el.removeAttribute('error');
|
|
61053
|
+
el.removeAttribute('aria-invalid');
|
|
61070
61054
|
}
|
|
61071
|
-
}
|
|
61055
|
+
});
|
|
61072
61056
|
}
|
|
61073
61057
|
|
|
61074
61058
|
/**
|
|
@@ -61124,8 +61108,9 @@ class AuroRadioGroup extends i$2 {
|
|
|
61124
61108
|
|
|
61125
61109
|
this.items.forEach((el) => {
|
|
61126
61110
|
el.required = this.required;
|
|
61127
|
-
el.error = Boolean(this.error);
|
|
61128
61111
|
});
|
|
61112
|
+
|
|
61113
|
+
this.syncItemValidity();
|
|
61129
61114
|
}
|
|
61130
61115
|
|
|
61131
61116
|
/**
|
|
@@ -61270,7 +61255,13 @@ class AuroRadioGroup extends i$2 {
|
|
|
61270
61255
|
};
|
|
61271
61256
|
|
|
61272
61257
|
return u$d`
|
|
61273
|
-
<fieldset
|
|
61258
|
+
<fieldset
|
|
61259
|
+
class="${e$2(groupClasses)}"
|
|
61260
|
+
part="radio-group"
|
|
61261
|
+
role="radiogroup"
|
|
61262
|
+
aria-invalid="${o$4(this.validity && this.validity !== 'valid' ? 'true' : undefined)}"
|
|
61263
|
+
aria-describedby="${this.uniqueId}"
|
|
61264
|
+
>
|
|
61274
61265
|
<legend class="${e$2(legendClasses)}">
|
|
61275
61266
|
<slot name="legend" @slotchange=${this.handleLegendSlotChange}></slot>
|
|
61276
61267
|
${this.required ? undefined : u$d`<slot name="optionalLabel"> (optional)</slot>`}
|
|
@@ -61280,11 +61271,11 @@ class AuroRadioGroup extends i$2 {
|
|
|
61280
61271
|
|
|
61281
61272
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
61282
61273
|
? u$d`
|
|
61283
|
-
<${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
61274
|
+
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
|
|
61284
61275
|
<slot name="helpText"></slot>
|
|
61285
61276
|
</${this.helpTextTag}>`
|
|
61286
61277
|
: u$d`
|
|
61287
|
-
<${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" error aria-live="assertive" part="helpText">
|
|
61278
|
+
<${this.helpTextTag} id="${this.uniqueId}" appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" error aria-live="assertive" part="helpText">
|
|
61288
61279
|
${this.errorMessage}
|
|
61289
61280
|
</${this.helpTextTag}>`
|
|
61290
61281
|
}
|
|
@@ -62288,6 +62279,22 @@ let AuroDependencyVersioning$5 = class AuroDependencyVersioning {
|
|
|
62288
62279
|
}
|
|
62289
62280
|
};
|
|
62290
62281
|
|
|
62282
|
+
/**
|
|
62283
|
+
* Class for generating unique hashes based on the current timestamp.
|
|
62284
|
+
* This can be used to create unique identifiers for elements or data within an application,
|
|
62285
|
+
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
62286
|
+
* for external libraries or complex algorithms.
|
|
62287
|
+
*/
|
|
62288
|
+
let UniqueId$1 = class UniqueId {
|
|
62289
|
+
/**
|
|
62290
|
+
* Creates a unique hash based on the current timestamp.
|
|
62291
|
+
* @returns {Function} Timestamp as a base-36 string
|
|
62292
|
+
*/
|
|
62293
|
+
create() {
|
|
62294
|
+
return Date.now().toString(36);
|
|
62295
|
+
}
|
|
62296
|
+
};
|
|
62297
|
+
|
|
62291
62298
|
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)}`;
|
|
62292
62299
|
|
|
62293
62300
|
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)}`;
|
|
@@ -62526,7 +62533,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
62526
62533
|
}
|
|
62527
62534
|
};
|
|
62528
62535
|
|
|
62529
|
-
var formkitVersion$4 = '
|
|
62536
|
+
var formkitVersion$4 = '202609022217';
|
|
62530
62537
|
|
|
62531
62538
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62532
62539
|
// See LICENSE in the project root for license information.
|
|
@@ -62603,6 +62610,11 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62603
62610
|
* @private
|
|
62604
62611
|
*/
|
|
62605
62612
|
this.helpTextTag = versioning.generateTag('auro-formkit-checkbox-helptext', formkitVersion$4, AuroHelpText$4);
|
|
62613
|
+
|
|
62614
|
+
/**
|
|
62615
|
+
* @private
|
|
62616
|
+
*/
|
|
62617
|
+
this.uniqueId = new UniqueId$1().create();
|
|
62606
62618
|
}
|
|
62607
62619
|
|
|
62608
62620
|
static get styles() {
|
|
@@ -62854,6 +62866,29 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62854
62866
|
this.handlePreselectedItems();
|
|
62855
62867
|
|
|
62856
62868
|
this.validate();
|
|
62869
|
+
this.syncCheckboxValidity();
|
|
62870
|
+
}
|
|
62871
|
+
|
|
62872
|
+
/**
|
|
62873
|
+
* Method for mirroring the group's invalid state onto each checkbox.
|
|
62874
|
+
* `validity` is the authoritative invalid state, and it has to be re-applied from
|
|
62875
|
+
* `handleItems()` as well, because a slot change can happen without `validity` itself
|
|
62876
|
+
* changing — a checkbox slotted into an already-invalid group would otherwise be missed.
|
|
62877
|
+
* @private
|
|
62878
|
+
* @returns {void}
|
|
62879
|
+
*/
|
|
62880
|
+
syncCheckboxValidity() {
|
|
62881
|
+
const invalid = Boolean(this.validity && this.validity !== 'valid');
|
|
62882
|
+
|
|
62883
|
+
this.checkboxes.forEach((el) => {
|
|
62884
|
+
if (invalid) {
|
|
62885
|
+
el.setAttribute('error', true);
|
|
62886
|
+
el.setAttribute('aria-invalid', 'true');
|
|
62887
|
+
} else {
|
|
62888
|
+
el.removeAttribute('error');
|
|
62889
|
+
el.removeAttribute('aria-invalid');
|
|
62890
|
+
}
|
|
62891
|
+
});
|
|
62857
62892
|
}
|
|
62858
62893
|
|
|
62859
62894
|
/**
|
|
@@ -62885,13 +62920,7 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62885
62920
|
}
|
|
62886
62921
|
|
|
62887
62922
|
if (changedProperties.has('validity')) {
|
|
62888
|
-
this.
|
|
62889
|
-
if (this.validity && this.validity !== 'valid') {
|
|
62890
|
-
el.setAttribute('error', true);
|
|
62891
|
-
} else {
|
|
62892
|
-
el.removeAttribute('error');
|
|
62893
|
-
}
|
|
62894
|
-
});
|
|
62923
|
+
this.syncCheckboxValidity();
|
|
62895
62924
|
}
|
|
62896
62925
|
|
|
62897
62926
|
if (changedProperties.has('required')) {
|
|
@@ -62915,12 +62944,6 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62915
62944
|
}
|
|
62916
62945
|
|
|
62917
62946
|
if (changedProperties.has('error')) {
|
|
62918
|
-
if (this.error) {
|
|
62919
|
-
this.setAttribute('aria-invalid', true);
|
|
62920
|
-
} else {
|
|
62921
|
-
this.removeAttribute('aria-invalid');
|
|
62922
|
-
}
|
|
62923
|
-
|
|
62924
62947
|
this.validate(true);
|
|
62925
62948
|
}
|
|
62926
62949
|
}
|
|
@@ -62939,7 +62962,11 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62939
62962
|
};
|
|
62940
62963
|
|
|
62941
62964
|
return u$d`
|
|
62942
|
-
<fieldset
|
|
62965
|
+
<fieldset
|
|
62966
|
+
class="${e$2(groupClasses)}"
|
|
62967
|
+
aria-invalid="${o$4(this.validity && this.validity !== 'valid' ? 'true' : undefined)}"
|
|
62968
|
+
aria-describedby="${this.uniqueId}"
|
|
62969
|
+
>
|
|
62943
62970
|
<legend>
|
|
62944
62971
|
<slot name="legend"></slot>
|
|
62945
62972
|
${this.required ? undefined : u$d`<slot name="optionalLabel"> (optional)</slot>`}
|
|
@@ -62949,11 +62976,11 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
62949
62976
|
|
|
62950
62977
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
62951
62978
|
? u$d`
|
|
62952
|
-
<${this.helpTextTag} part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
62979
|
+
<${this.helpTextTag} id="${this.uniqueId}" part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
62953
62980
|
<slot name="helpText"></slot>
|
|
62954
62981
|
</${this.helpTextTag}>`
|
|
62955
62982
|
: u$d`
|
|
62956
|
-
<${this.helpTextTag} error appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
62983
|
+
<${this.helpTextTag} id="${this.uniqueId}" error appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" aria-live="assertive" part="helpText">
|
|
62957
62984
|
${this.errorMessage}
|
|
62958
62985
|
</${this.helpTextTag}>`
|
|
62959
62986
|
}
|
|
@@ -67995,7 +68022,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
67995
68022
|
}
|
|
67996
68023
|
};
|
|
67997
68024
|
|
|
67998
|
-
var formkitVersion$2 = '
|
|
68025
|
+
var formkitVersion$2 = '202609022217';
|
|
67999
68026
|
|
|
68000
68027
|
/**
|
|
68001
68028
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -81857,7 +81884,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
81857
81884
|
}
|
|
81858
81885
|
};
|
|
81859
81886
|
|
|
81860
|
-
var formkitVersion$1$1 = '
|
|
81887
|
+
var formkitVersion$1$1 = '202609022217';
|
|
81861
81888
|
|
|
81862
81889
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81863
81890
|
// See LICENSE in the project root for license information.
|
|
@@ -83049,7 +83076,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
83049
83076
|
}
|
|
83050
83077
|
};
|
|
83051
83078
|
|
|
83052
|
-
var formkitVersion$3 = '
|
|
83079
|
+
var formkitVersion$3 = '202609022217';
|
|
83053
83080
|
|
|
83054
83081
|
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}`;
|
|
83055
83082
|
|
|
@@ -92628,7 +92655,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
92628
92655
|
}
|
|
92629
92656
|
};
|
|
92630
92657
|
|
|
92631
|
-
var formkitVersion$1 = '
|
|
92658
|
+
var formkitVersion$1 = '202609022217';
|
|
92632
92659
|
|
|
92633
92660
|
/**
|
|
92634
92661
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -94801,7 +94828,7 @@ class AuroHelpText extends i$2 {
|
|
|
94801
94828
|
}
|
|
94802
94829
|
}
|
|
94803
94830
|
|
|
94804
|
-
var formkitVersion = '
|
|
94831
|
+
var formkitVersion = '202609022217';
|
|
94805
94832
|
|
|
94806
94833
|
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}`;
|
|
94807
94834
|
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609022217';
|
|
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 = '202609022217';
|
|
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 = '202609022217';
|
|
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 = '202609022217';
|
|
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 = '202609022217';
|
|
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,12 +8,13 @@ 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. These attributes are applied to that shadow-DOM `<fieldset>`, **not** to the `<auro-radio-group>` host element:
|
|
12
12
|
|
|
13
13
|
| Attribute | Value | Description |
|
|
14
14
|
|---|---|---|
|
|
15
|
-
| `role` | `radiogroup`
|
|
16
|
-
| `aria-invalid` | `true`
|
|
15
|
+
| `role` | `radiogroup` | Groups related radio buttons together. Set explicitly on the `<fieldset>`; a bare `<fieldset>` would otherwise expose the implicit role `group`. |
|
|
16
|
+
| `aria-invalid` | `true` | Present only while the group is in an invalid state. The attribute is **omitted entirely** when the group is valid — it is never set to `false`. |
|
|
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. |
|
|
17
18
|
|
|
18
19
|
<auro-header level="3" id="radioElement">Radio</auro-header>
|
|
19
20
|
Each `<auro-radio>` renders a native `<input type="radio">` inside its shadow DOM:
|
|
@@ -23,12 +24,20 @@ Each `<auro-radio>` renders a native `<input type="radio">` inside its shadow DO
|
|
|
23
24
|
| `type` | `radio` | Native radio input type. |
|
|
24
25
|
| `aria-checked` | `true` / `false` | Reflects the selected state of the radio button. |
|
|
25
26
|
| `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
|
+
<auro-header level="4" id="attributePlacementNote">Attribute placement</auro-header>
|
|
33
|
+
`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.
|
|
26
34
|
|
|
27
35
|
<auro-header level="2" id="screenReaderAnnouncements">Screen Reader Announcements</auro-header>
|
|
28
36
|
- **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").
|
|
29
37
|
- **State change** — Selecting a radio button announces the new state ("selected").
|
|
30
38
|
- **Group context** — The legend text provides group context when navigating between groups.
|
|
31
|
-
- **Error** — When validation fails, the error message is announced
|
|
39
|
+
- **Error** — When validation fails, the error message is announced immediately via the help text's `role="alert"` live region, and stays discoverable afterward through the group's `aria-describedby` association.
|
|
40
|
+
- **Invalid state** — While the group is invalid, entering it or moving between its radios conveys the invalid state.
|
|
32
41
|
|
|
33
42
|
<auro-header level="2" id="accessibleLabels">Accessible Labels</auro-header>
|
|
34
43
|
- The `legend` slot content provides the accessible group label via the native `<legend>` element.
|