@aurodesignsystem-dev/auro-formkit 0.0.0-pr1541.4 → 0.0.0-pr1541.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +4 -4
- package/components/combobox/demo/getting-started.min.js +4 -4
- package/components/combobox/demo/index.min.js +4 -4
- 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/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/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 +1 -1
- 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 +16 -16
- package/components/form/demo/getting-started.min.js +16 -16
- package/components/form/demo/index.min.js +16 -16
- package/components/form/demo/registerDemoDeps.min.js +16 -16
- 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/menu/demo/api.md +17 -17
- package/components/menu/demo/css-only.md +1 -1
- package/components/menu/demo/customize.md +82 -82
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/demo/voiceover.md +12 -8
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.md +2 -2
- package/components/select/demo/customize.min.js +5 -5
- package/components/select/demo/getting-started.min.js +5 -5
- package/components/select/demo/index.min.js +5 -5
- package/components/select/dist/auro-select.d.ts +2 -2
- package/components/select/dist/index.js +4 -4
- package/components/select/dist/registered.js +4 -4
- package/custom-elements.json +4 -15
- package/package.json +1 -1
|
@@ -12338,7 +12338,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12338
12338
|
}
|
|
12339
12339
|
};
|
|
12340
12340
|
|
|
12341
|
-
var formkitVersion$8 = '
|
|
12341
|
+
var formkitVersion$8 = '202607082148';
|
|
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.
|
|
@@ -26735,7 +26735,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26735
26735
|
}
|
|
26736
26736
|
};
|
|
26737
26737
|
|
|
26738
|
-
var formkitVersion$2$1 = '
|
|
26738
|
+
var formkitVersion$2$1 = '202607082148';
|
|
26739
26739
|
|
|
26740
26740
|
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}
|
|
26741
26741
|
`,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}}
|
|
@@ -32628,7 +32628,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32628
32628
|
}
|
|
32629
32629
|
};
|
|
32630
32630
|
|
|
32631
|
-
var formkitVersion$1$3 = '
|
|
32631
|
+
var formkitVersion$1$3 = '202607082148';
|
|
32632
32632
|
|
|
32633
32633
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32634
32634
|
static get properties() {
|
|
@@ -46246,7 +46246,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46246
46246
|
}
|
|
46247
46247
|
};
|
|
46248
46248
|
|
|
46249
|
-
var formkitVersion$7 = '
|
|
46249
|
+
var formkitVersion$7 = '202607082148';
|
|
46250
46250
|
|
|
46251
46251
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46252
46252
|
// See LICENSE in the project root for license information.
|
|
@@ -51162,7 +51162,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51162
51162
|
}
|
|
51163
51163
|
};
|
|
51164
51164
|
|
|
51165
|
-
var formkitVersion$1$2 = '
|
|
51165
|
+
var formkitVersion$1$2 = '202607082148';
|
|
51166
51166
|
|
|
51167
51167
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51168
51168
|
// See LICENSE in the project root for license information.
|
|
@@ -55490,7 +55490,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55490
55490
|
}
|
|
55491
55491
|
};
|
|
55492
55492
|
|
|
55493
|
-
var formkitVersion$6 = '
|
|
55493
|
+
var formkitVersion$6 = '202607082148';
|
|
55494
55494
|
|
|
55495
55495
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55496
55496
|
static get properties() {
|
|
@@ -59470,7 +59470,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59470
59470
|
}
|
|
59471
59471
|
};
|
|
59472
59472
|
|
|
59473
|
-
var formkitVersion$5 = '
|
|
59473
|
+
var formkitVersion$5 = '202607082148';
|
|
59474
59474
|
|
|
59475
59475
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59476
59476
|
// See LICENSE in the project root for license information.
|
|
@@ -61235,7 +61235,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61235
61235
|
}
|
|
61236
61236
|
};
|
|
61237
61237
|
|
|
61238
|
-
var formkitVersion$4 = '
|
|
61238
|
+
var formkitVersion$4 = '202607082148';
|
|
61239
61239
|
|
|
61240
61240
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61241
61241
|
// See LICENSE in the project root for license information.
|
|
@@ -66456,7 +66456,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66456
66456
|
}
|
|
66457
66457
|
};
|
|
66458
66458
|
|
|
66459
|
-
var formkitVersion$2 = '
|
|
66459
|
+
var formkitVersion$2 = '202607082148';
|
|
66460
66460
|
|
|
66461
66461
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66462
66462
|
static get properties() {
|
|
@@ -80074,7 +80074,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80074
80074
|
}
|
|
80075
80075
|
};
|
|
80076
80076
|
|
|
80077
|
-
var formkitVersion$1$1 = '
|
|
80077
|
+
var formkitVersion$1$1 = '202607082148';
|
|
80078
80078
|
|
|
80079
80079
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80080
80080
|
// See LICENSE in the project root for license information.
|
|
@@ -81195,7 +81195,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81195
81195
|
}
|
|
81196
81196
|
};
|
|
81197
81197
|
|
|
81198
|
-
var formkitVersion$3 = '
|
|
81198
|
+
var formkitVersion$3 = '202607082148';
|
|
81199
81199
|
|
|
81200
81200
|
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}`;
|
|
81201
81201
|
|
|
@@ -83921,7 +83921,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
83921
83921
|
*/
|
|
83922
83922
|
optionActive: {
|
|
83923
83923
|
type: Object,
|
|
83924
|
-
attribute:
|
|
83924
|
+
attribute: false
|
|
83925
83925
|
},
|
|
83926
83926
|
|
|
83927
83927
|
/**
|
|
@@ -90165,7 +90165,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90165
90165
|
}
|
|
90166
90166
|
};
|
|
90167
90167
|
|
|
90168
|
-
var formkitVersion$1 = '
|
|
90168
|
+
var formkitVersion$1 = '202607082148';
|
|
90169
90169
|
|
|
90170
90170
|
class AuroElement extends i$2 {
|
|
90171
90171
|
static get properties() {
|
|
@@ -92204,7 +92204,7 @@ class AuroHelpText extends i$2 {
|
|
|
92204
92204
|
}
|
|
92205
92205
|
}
|
|
92206
92206
|
|
|
92207
|
-
var formkitVersion = '
|
|
92207
|
+
var formkitVersion = '202607082148';
|
|
92208
92208
|
|
|
92209
92209
|
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 [slot=displayValue]{display:none}.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%;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{height:auto}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}`;
|
|
92210
92210
|
|
|
@@ -92646,7 +92646,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92646
92646
|
},
|
|
92647
92647
|
|
|
92648
92648
|
/**
|
|
92649
|
-
* Value selected for the component. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value`
|
|
92649
|
+
* Value selected for the component. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable by value.
|
|
92650
92650
|
*/
|
|
92651
92651
|
value: {
|
|
92652
92652
|
type: String,
|
|
@@ -93467,7 +93467,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93467
93467
|
}
|
|
93468
93468
|
|
|
93469
93469
|
/**
|
|
93470
|
-
* Sets the selected value by matching it against the menu options. Options marked `disabled` or `static` are not selectable: if the value matches one, the selection is rejected and `value
|
|
93470
|
+
* Sets the selected value by matching it against the menu options. Options marked `disabled` or `static` are not selectable: if the value matches one, the selection is rejected and `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable.
|
|
93471
93471
|
* @param {string} value - The value to match against the menu options.
|
|
93472
93472
|
*/
|
|
93473
93473
|
setMenuValue(value) {
|
|
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
|
|
|
12267
12267
|
}
|
|
12268
12268
|
}
|
|
12269
12269
|
|
|
12270
|
-
var formkitVersion = '
|
|
12270
|
+
var formkitVersion = '202607082148';
|
|
12271
12271
|
|
|
12272
12272
|
/**
|
|
12273
12273
|
* @license
|
|
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
|
|
|
12267
12267
|
}
|
|
12268
12268
|
}
|
|
12269
12269
|
|
|
12270
|
-
var formkitVersion = '
|
|
12270
|
+
var formkitVersion = '202607082148';
|
|
12271
12271
|
|
|
12272
12272
|
/**
|
|
12273
12273
|
* @license
|
|
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
|
|
|
12267
12267
|
}
|
|
12268
12268
|
}
|
|
12269
12269
|
|
|
12270
|
-
var formkitVersion = '
|
|
12270
|
+
var formkitVersion = '202607082148';
|
|
12271
12271
|
|
|
12272
12272
|
/**
|
|
12273
12273
|
* @license
|
|
@@ -12209,7 +12209,7 @@ class AuroHelpText extends LitElement {
|
|
|
12209
12209
|
}
|
|
12210
12210
|
}
|
|
12211
12211
|
|
|
12212
|
-
var formkitVersion = '
|
|
12212
|
+
var formkitVersion = '202607082148';
|
|
12213
12213
|
|
|
12214
12214
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12215
12215
|
// See LICENSE in the project root for license information.
|
|
@@ -12209,7 +12209,7 @@ class AuroHelpText extends LitElement {
|
|
|
12209
12209
|
}
|
|
12210
12210
|
}
|
|
12211
12211
|
|
|
12212
|
-
var formkitVersion = '
|
|
12212
|
+
var formkitVersion = '202607082148';
|
|
12213
12213
|
|
|
12214
12214
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12215
12215
|
// See LICENSE in the project root for license information.
|
|
@@ -7,23 +7,23 @@ The `auro-menu` element provides users a way to select from a list of options.
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
|
|
12
|
-
| `currentLabel` |
|
|
13
|
-
| `disabled` | `disabled`
|
|
14
|
-
| `hasLoadingPlaceholder` |
|
|
15
|
-
| `index` |
|
|
16
|
-
| `layout` |
|
|
17
|
-
| `loading` | `loading`
|
|
18
|
-
| `matchWord` | `matchword`
|
|
19
|
-
| `multiSelect` | `multiselect`
|
|
20
|
-
| `noCheckmark` | `nocheckmark`
|
|
21
|
-
| `optionActive` |
|
|
22
|
-
| `optionSelected` |
|
|
23
|
-
| `options` |
|
|
24
|
-
| `selectedOption` |
|
|
25
|
-
| `selectedOptions` |
|
|
26
|
-
| `value` | `value`
|
|
10
|
+
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
11
|
+
|-------------------------|---------------|-----------|-----------------------|-------------|--------------------------------------------------|
|
|
12
|
+
| `currentLabel` | | readonly | `string` | | |
|
|
13
|
+
| `disabled` | `disabled` | | `boolean` | | When true, the entire menu and all options are disabled. |
|
|
14
|
+
| `hasLoadingPlaceholder` | | readonly | `boolean` | | Getter for loading placeholder state. |
|
|
15
|
+
| `index` | | | `number` | | |
|
|
16
|
+
| `layout` | | | `string` | | |
|
|
17
|
+
| `loading` | `loading` | | `boolean` | false | When true, displays a loading state using the loadingIcon and loadingText slots if provided. |
|
|
18
|
+
| `matchWord` | `matchword` | | `string` | "undefined" | Specifies a string used to highlight matched string parts in options. |
|
|
19
|
+
| `multiSelect` | `multiselect` | | `boolean` | false | When true, the selected option can be multiple options. |
|
|
20
|
+
| `noCheckmark` | `nocheckmark` | | `boolean` | false | When true, selected option will not show the checkmark. |
|
|
21
|
+
| `optionActive` | | | `object` | "undefined" | Specifies the current active menuOption. |
|
|
22
|
+
| `optionSelected` | | | `object` | "undefined" | The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s. |
|
|
23
|
+
| `options` | | readonly | `HTMLElement[]` | | |
|
|
24
|
+
| `selectedOption` | | readonly | `HTMLElement \| null` | | Gets the first selected option, or null if none. |
|
|
25
|
+
| `selectedOptions` | | readonly | `HTMLElement[]` | | Gets the currently selected options as an array. |
|
|
26
|
+
| `value` | `value` | | `string` | "undefined" | The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.<br />Options marked `disabled` or `static` are not selectable by value; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared (`optionSelected` becomes `undefined`) and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped from the value and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. |
|
|
27
27
|
|
|
28
28
|
## Methods
|
|
29
29
|
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
<auro-header level="3">Type-ahead navigation</auro-header>
|
|
64
64
|
<p>Type-ahead — jumping the active option to whichever entry starts with the letters the user typed — is <strong>not</strong> handled by <code>auro-menu</code> itself. It is provided by the parent selection component (<code>auro-select</code>, <code>auro-combobox</code>) which captures printable characters on its trigger and calls back into the menu. A plain-HTML listbox has no such wiring and would need a bespoke keydown handler that tracks a rolling character buffer and resolves it against the option list.</p>
|
|
65
65
|
<auro-header level="3">Nested submenu support</auro-header>
|
|
66
|
-
<p><code>auro-menu</code> detects nested <code>auro-menu</code> elements, applies the correct <code>role="group"</code>, and computes indentation per level.
|
|
66
|
+
<p><code>auro-menu</code> detects nested <code>auro-menu</code> elements, applies the correct <code>role="group"</code>, and computes indentation per level. The root menu treats all descendant options as a single flat list, so selecting an option inside a nested menu updates the root menu's <code>value</code> and <code>optionSelected</code> — the root always owns the selection state. With plain HTML, you must apply nested ARIA roles and indentation manually.</p>
|
|
67
67
|
<auro-header level="3">Selection state coordination</auro-header>
|
|
68
68
|
<p><code>auro-menu</code> keeps <code>optionSelected</code>, <code>value</code>, and each option's <code>aria-selected</code> state in sync internally. With native HTML, you must update <code>aria-selected</code> on every option yourself on each change and manage your own source of truth for the selected value.</p>
|
|
69
69
|
<auro-header level="3">ARIA roles and live announcements</auro-header>
|
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
<auro-anchorlink fluid href="#scroll" class="level2 body-xs">Scroll</auro-anchorlink>
|
|
11
11
|
<auro-anchorlink fluid href="#nocheckmark" class="level2 body-xs">No Checkmark</auro-anchorlink>
|
|
12
12
|
<auro-anchorlink fluid href="#dividers" class="level2 body-xs">Dividers</auro-anchorlink>
|
|
13
|
+
<auro-anchorlink fluid href="#nestedMenu" class="level2 body-xs">Nested Menu</auro-anchorlink>
|
|
14
|
+
<auro-anchorlink fluid href="#customBehavior">Behavior</auro-anchorlink>
|
|
13
15
|
<auro-anchorlink fluid href="#static" class="level2 body-xs">Static Options</auro-anchorlink>
|
|
14
16
|
<auro-anchorlink fluid href="#matchWord" class="level2 body-xs">Match Word</auro-anchorlink>
|
|
15
17
|
<auro-anchorlink fluid href="#persistent" class="level2 body-xs">Persistent Option</auro-anchorlink>
|
|
16
18
|
<auro-anchorlink fluid href="#nomatch" class="level2 body-xs">No Match Placeholder</auro-anchorlink>
|
|
17
|
-
<auro-anchorlink fluid href="#nestedMenu" class="level2 body-xs">Nested Menu</auro-anchorlink>
|
|
18
|
-
<auro-anchorlink fluid href="#customBehavior">Behavior</auro-anchorlink>
|
|
19
19
|
<auro-anchorlink fluid href="#disabled" class="level2 body-xs">Disabled Options</auro-anchorlink>
|
|
20
20
|
<auro-anchorlink fluid href="#disabledMenu" class="level2 body-xs">Disabled Menu</auro-anchorlink>
|
|
21
21
|
<auro-anchorlink fluid href="#loading" class="level2 body-xs">Loading</auro-anchorlink>
|
|
@@ -324,6 +324,86 @@
|
|
|
324
324
|
</auro-menu></code></pre>
|
|
325
325
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
326
326
|
</auro-accordion>
|
|
327
|
+
<auro-header level="3" id="nestedMenu">Nested Menu</auro-header>
|
|
328
|
+
<p>Nest additional <code>auro-menu</code> elements inside the default slot to create sub-menus. Each nested menu maintains its own selection state.</p>
|
|
329
|
+
<div class="exampleWrapper">
|
|
330
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/nested-menu.html) -->
|
|
331
|
+
<!-- The below content is automatically added from ./../apiExamples/nested-menu.html -->
|
|
332
|
+
<auro-menu id="alpha">
|
|
333
|
+
<auro-menuoption value="stops">Stops</auro-menuoption>
|
|
334
|
+
<auro-menuoption value="price">Price</auro-menuoption>
|
|
335
|
+
<auro-menuoption value="duration">Duration</auro-menuoption>
|
|
336
|
+
<hr>
|
|
337
|
+
<auro-menu id="beta">
|
|
338
|
+
<auro-menuoption value="apples">Apples</auro-menuoption>
|
|
339
|
+
<auro-menuoption value="oranges">Oranges</auro-menuoption>
|
|
340
|
+
<auro-menuoption value="pears">Pears</auro-menuoption>
|
|
341
|
+
<auro-menuoption value="grapes">Grapes</auro-menuoption>
|
|
342
|
+
<auro-menuoption value="kiwi">Kiwi</auro-menuoption>
|
|
343
|
+
<hr>
|
|
344
|
+
<auro-menu id="charlie">
|
|
345
|
+
<auro-menuoption value="person">Person</auro-menuoption>
|
|
346
|
+
<auro-menuoption value="woman">Woman</auro-menuoption>
|
|
347
|
+
<auro-menuoption value="man">Man</auro-menuoption>
|
|
348
|
+
<auro-menuoption value="camera">Camera</auro-menuoption>
|
|
349
|
+
<auro-menuoption value="tv">TV</auro-menuoption>
|
|
350
|
+
</auro-menu>
|
|
351
|
+
</auro-menu>
|
|
352
|
+
<hr>
|
|
353
|
+
<auro-menuoption value="departure">Departure</auro-menuoption>
|
|
354
|
+
<auro-menuoption value="arrival">Arrival</auro-menuoption>
|
|
355
|
+
<hr>
|
|
356
|
+
<auro-menu id="delta">
|
|
357
|
+
<auro-menuoption value="cars">Cars</auro-menuoption>
|
|
358
|
+
<auro-menuoption value="trucks">Trucks</auro-menuoption>
|
|
359
|
+
<auro-menuoption value="boats">Boats</auro-menuoption>
|
|
360
|
+
<auro-menuoption value="planes">Planes</auro-menuoption>
|
|
361
|
+
<auro-menuoption value="motorcycles">Motorcycles</auro-menuoption>
|
|
362
|
+
</auro-menu>
|
|
363
|
+
</auro-menu>
|
|
364
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
365
|
+
</div>
|
|
366
|
+
<auro-accordion alignRight>
|
|
367
|
+
<span slot="trigger">See code</span>
|
|
368
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/nested-menu.html) -->
|
|
369
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/nested-menu.html -->
|
|
370
|
+
<pre class="language-html"><code class="language-html"><auro-menu id="alpha">
|
|
371
|
+
<auro-menuoption value="stops">Stops</auro-menuoption>
|
|
372
|
+
<auro-menuoption value="price">Price</auro-menuoption>
|
|
373
|
+
<auro-menuoption value="duration">Duration</auro-menuoption>
|
|
374
|
+
<hr>
|
|
375
|
+
<auro-menu id="beta">
|
|
376
|
+
<auro-menuoption value="apples">Apples</auro-menuoption>
|
|
377
|
+
<auro-menuoption value="oranges">Oranges</auro-menuoption>
|
|
378
|
+
<auro-menuoption value="pears">Pears</auro-menuoption>
|
|
379
|
+
<auro-menuoption value="grapes">Grapes</auro-menuoption>
|
|
380
|
+
<auro-menuoption value="kiwi">Kiwi</auro-menuoption>
|
|
381
|
+
<hr>
|
|
382
|
+
<auro-menu id="charlie">
|
|
383
|
+
<auro-menuoption value="person">Person</auro-menuoption>
|
|
384
|
+
<auro-menuoption value="woman">Woman</auro-menuoption>
|
|
385
|
+
<auro-menuoption value="man">Man</auro-menuoption>
|
|
386
|
+
<auro-menuoption value="camera">Camera</auro-menuoption>
|
|
387
|
+
<auro-menuoption value="tv">TV</auro-menuoption>
|
|
388
|
+
</auro-menu>
|
|
389
|
+
</auro-menu>
|
|
390
|
+
<hr>
|
|
391
|
+
<auro-menuoption value="departure">Departure</auro-menuoption>
|
|
392
|
+
<auro-menuoption value="arrival">Arrival</auro-menuoption>
|
|
393
|
+
<hr>
|
|
394
|
+
<auro-menu id="delta">
|
|
395
|
+
<auro-menuoption value="cars">Cars</auro-menuoption>
|
|
396
|
+
<auro-menuoption value="trucks">Trucks</auro-menuoption>
|
|
397
|
+
<auro-menuoption value="boats">Boats</auro-menuoption>
|
|
398
|
+
<auro-menuoption value="planes">Planes</auro-menuoption>
|
|
399
|
+
<auro-menuoption value="motorcycles">Motorcycles</auro-menuoption>
|
|
400
|
+
</auro-menu>
|
|
401
|
+
</auro-menu></code></pre>
|
|
402
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
403
|
+
</auro-accordion>
|
|
404
|
+
</section>
|
|
405
|
+
<section>
|
|
406
|
+
<auro-header level="2" id="customBehavior">Behavior</auro-header>
|
|
327
407
|
<auro-header level="3" id="static">Static Options</auro-header>
|
|
328
408
|
<p>Add the <code>static</code> attribute to an <code>auro-menuoption</code> to make it non-interactive — the option renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers or informational rows inside a menu.</p>
|
|
329
409
|
<div class="exampleWrapper">
|
|
@@ -462,86 +542,6 @@
|
|
|
462
542
|
</auro-menu></code></pre>
|
|
463
543
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
464
544
|
</auro-accordion>
|
|
465
|
-
<auro-header level="3" id="nestedMenu">Nested Menu</auro-header>
|
|
466
|
-
<p>Nest additional <code>auro-menu</code> elements inside the default slot to create sub-menus. Each nested menu maintains its own selection state.</p>
|
|
467
|
-
<div class="exampleWrapper">
|
|
468
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/nested-menu.html) -->
|
|
469
|
-
<!-- The below content is automatically added from ./../apiExamples/nested-menu.html -->
|
|
470
|
-
<auro-menu id="alpha">
|
|
471
|
-
<auro-menuoption value="stops">Stops</auro-menuoption>
|
|
472
|
-
<auro-menuoption value="price">Price</auro-menuoption>
|
|
473
|
-
<auro-menuoption value="duration">Duration</auro-menuoption>
|
|
474
|
-
<hr>
|
|
475
|
-
<auro-menu id="beta">
|
|
476
|
-
<auro-menuoption value="apples">Apples</auro-menuoption>
|
|
477
|
-
<auro-menuoption value="oranges">Oranges</auro-menuoption>
|
|
478
|
-
<auro-menuoption value="pears">Pears</auro-menuoption>
|
|
479
|
-
<auro-menuoption value="grapes">Grapes</auro-menuoption>
|
|
480
|
-
<auro-menuoption value="kiwi">Kiwi</auro-menuoption>
|
|
481
|
-
<hr>
|
|
482
|
-
<auro-menu id="charlie">
|
|
483
|
-
<auro-menuoption value="person">Person</auro-menuoption>
|
|
484
|
-
<auro-menuoption value="woman">Woman</auro-menuoption>
|
|
485
|
-
<auro-menuoption value="man">Man</auro-menuoption>
|
|
486
|
-
<auro-menuoption value="camera">Camera</auro-menuoption>
|
|
487
|
-
<auro-menuoption value="tv">TV</auro-menuoption>
|
|
488
|
-
</auro-menu>
|
|
489
|
-
</auro-menu>
|
|
490
|
-
<hr>
|
|
491
|
-
<auro-menuoption value="departure">Departure</auro-menuoption>
|
|
492
|
-
<auro-menuoption value="arrival">Arrival</auro-menuoption>
|
|
493
|
-
<hr>
|
|
494
|
-
<auro-menu id="delta">
|
|
495
|
-
<auro-menuoption value="cars">Cars</auro-menuoption>
|
|
496
|
-
<auro-menuoption value="trucks">Trucks</auro-menuoption>
|
|
497
|
-
<auro-menuoption value="boats">Boats</auro-menuoption>
|
|
498
|
-
<auro-menuoption value="planes">Planes</auro-menuoption>
|
|
499
|
-
<auro-menuoption value="motorcycles">Motorcycles</auro-menuoption>
|
|
500
|
-
</auro-menu>
|
|
501
|
-
</auro-menu>
|
|
502
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
503
|
-
</div>
|
|
504
|
-
<auro-accordion alignRight>
|
|
505
|
-
<span slot="trigger">See code</span>
|
|
506
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/nested-menu.html) -->
|
|
507
|
-
<!-- The below code snippet is automatically added from ./../apiExamples/nested-menu.html -->
|
|
508
|
-
<pre class="language-html"><code class="language-html"><auro-menu id="alpha">
|
|
509
|
-
<auro-menuoption value="stops">Stops</auro-menuoption>
|
|
510
|
-
<auro-menuoption value="price">Price</auro-menuoption>
|
|
511
|
-
<auro-menuoption value="duration">Duration</auro-menuoption>
|
|
512
|
-
<hr>
|
|
513
|
-
<auro-menu id="beta">
|
|
514
|
-
<auro-menuoption value="apples">Apples</auro-menuoption>
|
|
515
|
-
<auro-menuoption value="oranges">Oranges</auro-menuoption>
|
|
516
|
-
<auro-menuoption value="pears">Pears</auro-menuoption>
|
|
517
|
-
<auro-menuoption value="grapes">Grapes</auro-menuoption>
|
|
518
|
-
<auro-menuoption value="kiwi">Kiwi</auro-menuoption>
|
|
519
|
-
<hr>
|
|
520
|
-
<auro-menu id="charlie">
|
|
521
|
-
<auro-menuoption value="person">Person</auro-menuoption>
|
|
522
|
-
<auro-menuoption value="woman">Woman</auro-menuoption>
|
|
523
|
-
<auro-menuoption value="man">Man</auro-menuoption>
|
|
524
|
-
<auro-menuoption value="camera">Camera</auro-menuoption>
|
|
525
|
-
<auro-menuoption value="tv">TV</auro-menuoption>
|
|
526
|
-
</auro-menu>
|
|
527
|
-
</auro-menu>
|
|
528
|
-
<hr>
|
|
529
|
-
<auro-menuoption value="departure">Departure</auro-menuoption>
|
|
530
|
-
<auro-menuoption value="arrival">Arrival</auro-menuoption>
|
|
531
|
-
<hr>
|
|
532
|
-
<auro-menu id="delta">
|
|
533
|
-
<auro-menuoption value="cars">Cars</auro-menuoption>
|
|
534
|
-
<auro-menuoption value="trucks">Trucks</auro-menuoption>
|
|
535
|
-
<auro-menuoption value="boats">Boats</auro-menuoption>
|
|
536
|
-
<auro-menuoption value="planes">Planes</auro-menuoption>
|
|
537
|
-
<auro-menuoption value="motorcycles">Motorcycles</auro-menuoption>
|
|
538
|
-
</auro-menu>
|
|
539
|
-
</auro-menu></code></pre>
|
|
540
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
541
|
-
</auro-accordion>
|
|
542
|
-
</section>
|
|
543
|
-
<section>
|
|
544
|
-
<auro-header level="2" id="customBehavior">Behavior</auro-header>
|
|
545
545
|
<auro-header level="3" id="disabled">Disabled Options</auro-header>
|
|
546
546
|
<p>Use the <code>disabled</code> attribute on <code>auro-menuoption</code> to prevent interaction with specific options.</p>
|
|
547
547
|
<div class="exampleWrapper">
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
<auro-header level="1" id="overview">Menu - VoiceOver Behavior</auro-header>
|
|
2
2
|
<p>This page documents the VoiceOver experience when using the <code><auro-menu></code> component. It covers announcements and interactions for menu navigation and option selection.</p>
|
|
3
|
+
<div class="note"><strong>Note:</strong> In the standard integrations (<code><auro-select></code>, <code><auro-combobox></code>), keyboard focus stays on the parent trigger/input — it does <strong>not</strong> move into the menu. The parent captures keys and drives the menu, and the active option is announced via <code>aria-activedescendant</code> on the trigger rather than by moving DOM focus between options. The focus-on-the-menu behavior described alongside the standalone case below only applies when an author makes <code><auro-menu></code> itself focusable (for example, <code>tabindex="0"</code>).</p>
|
|
3
4
|
<auro-header level="2" id="voiceOverInteractiveAnnouncements">Interactive Announcements</auro-header>
|
|
4
5
|
<auro-header level="3" id="voiceOverMenuContainer">Menu Container</auro-header>
|
|
5
|
-
<p>When
|
|
6
|
+
<p>When the listbox is exposed — the parent's dropdown opens, or a standalone focusable menu receives focus — VoiceOver announces:</p>
|
|
6
7
|
<ol>
|
|
7
8
|
<li><strong>Role:</strong> <em>"list box"</em> — set on the root <code><auro-menu></code>; nested menus use <code>role="group"</code> with <code>aria-label="submenu"</code>.</li>
|
|
8
9
|
<li><strong>Item count:</strong> The number of visible options (e.g., <em>"5 items"</em>)</li>
|
|
@@ -20,17 +21,20 @@
|
|
|
20
21
|
</ol>
|
|
21
22
|
<div class="note"><strong>Note:</strong> <code><auro-menuoption></code> is not directly focusable — <code>tabindex="-1"</code> keeps it out of the tab order. In a select or combobox context, focus stays on the parent trigger and the active option is pointed at via <code>aria-activedescendant</code> (using <code>ariaActiveDescendantElement</code> to cross the shadow-root boundary).</div>
|
|
22
23
|
<auro-header level="3" id="voiceOverSelection">Selection</auro-header>
|
|
23
|
-
<p>
|
|
24
|
+
<p>In a select or combobox context, the parent captures Enter (and Tab) on its trigger/input and commits the active option through the menu; the menu itself does not receive the key. When the selection is committed:</p>
|
|
24
25
|
<ul>
|
|
25
26
|
<li>VoiceOver announces the option label followed by <em>"selected"</em></li>
|
|
26
27
|
<li>In multi-select mode, previously selected options remain selected and their state is preserved</li>
|
|
27
|
-
</ul>
|
|
28
|
+
</ul>
|
|
29
|
+
<p>A standalone focusable menu (see the note at the top of this page) handles Enter and Tab on its own host, producing the same selection announcement.</p>
|
|
28
30
|
<auro-header level="2" id="voiceOverWorkflow">Navigation Workflow</auro-header>
|
|
31
|
+
<p>In the standard select/combobox integrations, focus remains on the parent trigger/input throughout — the menu is a visually presented listbox the parent points into, not a place focus travels to:</p>
|
|
29
32
|
<ol>
|
|
30
|
-
<li><strong>
|
|
31
|
-
<li><strong>Navigate options:</strong>
|
|
32
|
-
<li><strong>Select an option:</strong>
|
|
33
|
-
<li><strong>Exit:</strong> Tab
|
|
34
|
-
</ol>
|
|
33
|
+
<li><strong>Open the listbox:</strong> Activating the trigger (or typing in a combobox) exposes the menu; VoiceOver announces the listbox role and item count</li>
|
|
34
|
+
<li><strong>Navigate options:</strong> Arrow Down/Up keys pressed on the trigger move the active option; <code>aria-activedescendant</code> updates and VoiceOver announces each option's label, role, and position</li>
|
|
35
|
+
<li><strong>Select an option:</strong> Enter (captured by the parent) commits the active option; VoiceOver confirms the selection</li>
|
|
36
|
+
<li><strong>Exit:</strong> Escape and Tab are handled by the parent — Escape closes the listbox, and Tab commits the active option before moving focus to the next element in the tab sequence</li>
|
|
37
|
+
</ol>
|
|
38
|
+
<p>A standalone focusable menu follows the same active-option model, except focus is on the menu host and the menu handles Arrow, Enter, and Tab directly. See the menu's key events documentation for the full standalone key table.</p>
|
|
35
39
|
<auro-header level="2" id="voiceOverNestedMenus">Nested Menus</auro-header>
|
|
36
40
|
<p>When a nested <code>auro-menu</code> is encountered, VoiceOver announces a new listbox context. Each nested menu maintains its own option count and position tracking.</p>
|
|
@@ -1227,7 +1227,7 @@ class AuroHelpText extends i$2 {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
}
|
|
1229
1229
|
|
|
1230
|
-
var formkitVersion = '
|
|
1230
|
+
var formkitVersion = '202607082148';
|
|
1231
1231
|
|
|
1232
1232
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1233
1233
|
// See LICENSE in the project root for license information.
|
|
@@ -1227,7 +1227,7 @@ class AuroHelpText extends i$2 {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
}
|
|
1229
1229
|
|
|
1230
|
-
var formkitVersion = '
|
|
1230
|
+
var formkitVersion = '202607082148';
|
|
1231
1231
|
|
|
1232
1232
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1233
1233
|
// See LICENSE in the project root for license information.
|