@aurodesignsystem-dev/auro-formkit 0.0.0-pr1543.2 → 0.0.0-pr1544.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +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/api.md +1 -1
- package/components/combobox/demo/customize.min.js +91 -22
- package/components/combobox/demo/getting-started.min.js +91 -22
- package/components/combobox/demo/index.md +1 -0
- package/components/combobox/demo/index.min.js +91 -22
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +4 -4
- package/components/combobox/dist/registered.js +4 -4
- 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 +10 -7
- package/components/datepicker/demo/index.min.js +10 -7
- package/components/datepicker/dist/index.js +10 -7
- package/components/datepicker/dist/registered.js +10 -7
- 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 +113 -37
- package/components/form/demo/getting-started.min.js +113 -37
- package/components/form/demo/index.min.js +113 -37
- package/components/form/demo/registerDemoDeps.min.js +113 -37
- 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/accessibility.md +4 -4
- package/components/menu/demo/api.md +26 -19
- package/components/menu/demo/css-only.md +26 -19
- package/components/menu/demo/customize.md +307 -47
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +144 -7
- package/components/menu/demo/index.min.js +214 -19
- package/components/menu/demo/keyboard-behavior.md +83 -4
- package/components/menu/demo/voiceover.md +12 -8
- package/components/menu/demo/why-menu.md +8 -9
- package/components/menu/dist/auro-menu-utils.d.ts +19 -0
- package/components/menu/dist/auro-menu.d.ts +4 -8
- package/components/menu/dist/auro-menuoption.d.ts +12 -0
- package/components/menu/dist/index.js +87 -18
- package/components/menu/dist/registered.js +87 -18
- 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.md +5 -2
- package/components/select/demo/customize.min.js +94 -21
- package/components/select/demo/design.md +10 -10
- package/components/select/demo/getting-started.md +1 -1
- package/components/select/demo/getting-started.min.js +94 -21
- package/components/select/demo/index.md +2 -2
- package/components/select/demo/index.min.js +94 -21
- package/components/select/demo/keyboard-behavior.md +49 -18
- package/components/select/dist/auro-select.d.ts +6 -2
- package/components/select/dist/index.js +7 -3
- package/components/select/dist/registered.js +7 -3
- package/custom-elements.json +428 -354
- 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 = '202607082226';
|
|
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 = '202607082226';
|
|
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 = '202607082226';
|
|
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 = '202607082226';
|
|
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.
|
|
@@ -49337,10 +49337,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49337
49337
|
}
|
|
49338
49338
|
}
|
|
49339
49339
|
|
|
49340
|
-
if (changedProperties.has('calendarFocusDate')) {
|
|
49341
|
-
this.handleFocusDateChange();
|
|
49342
|
-
}
|
|
49343
|
-
|
|
49344
49340
|
if (changedProperties.has('calendarStartDate')) {
|
|
49345
49341
|
this.calendar.setAttribute('calendarStartDate', this.calendarStartDate || '');
|
|
49346
49342
|
}
|
|
@@ -49463,6 +49459,13 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49463
49459
|
this.setHasValue();
|
|
49464
49460
|
}
|
|
49465
49461
|
|
|
49462
|
+
// Run focus-date handling AFTER value/valueEnd so that when a consumer sets
|
|
49463
|
+
// calendarFocusDate together with value, the focus date wins for the visible
|
|
49464
|
+
// month instead of being overwritten by the value branch's updateCentralDate.
|
|
49465
|
+
if (changedProperties.has('calendarFocusDate')) {
|
|
49466
|
+
this.handleFocusDateChange();
|
|
49467
|
+
}
|
|
49468
|
+
|
|
49466
49469
|
if (changedProperties.has('error')) {
|
|
49467
49470
|
// Error attribute is passed down to the last input in the list to control the error state
|
|
49468
49471
|
// This is done to prevent error icon from displaying on both inputs in range support
|
|
@@ -51162,7 +51165,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51162
51165
|
}
|
|
51163
51166
|
};
|
|
51164
51167
|
|
|
51165
|
-
var formkitVersion$1$2 = '
|
|
51168
|
+
var formkitVersion$1$2 = '202607082226';
|
|
51166
51169
|
|
|
51167
51170
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51168
51171
|
// See LICENSE in the project root for license information.
|
|
@@ -55490,7 +55493,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55490
55493
|
}
|
|
55491
55494
|
};
|
|
55492
55495
|
|
|
55493
|
-
var formkitVersion$6 = '
|
|
55496
|
+
var formkitVersion$6 = '202607082226';
|
|
55494
55497
|
|
|
55495
55498
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55496
55499
|
static get properties() {
|
|
@@ -59470,7 +59473,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59470
59473
|
}
|
|
59471
59474
|
};
|
|
59472
59475
|
|
|
59473
|
-
var formkitVersion$5 = '
|
|
59476
|
+
var formkitVersion$5 = '202607082226';
|
|
59474
59477
|
|
|
59475
59478
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59476
59479
|
// See LICENSE in the project root for license information.
|
|
@@ -61235,7 +61238,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61235
61238
|
}
|
|
61236
61239
|
};
|
|
61237
61240
|
|
|
61238
|
-
var formkitVersion$4 = '
|
|
61241
|
+
var formkitVersion$4 = '202607082226';
|
|
61239
61242
|
|
|
61240
61243
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61241
61244
|
// See LICENSE in the project root for license information.
|
|
@@ -66473,7 +66476,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66473
66476
|
}
|
|
66474
66477
|
};
|
|
66475
66478
|
|
|
66476
|
-
var formkitVersion$2 = '
|
|
66479
|
+
var formkitVersion$2 = '202607082226';
|
|
66477
66480
|
|
|
66478
66481
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66479
66482
|
static get properties() {
|
|
@@ -80091,7 +80094,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80091
80094
|
}
|
|
80092
80095
|
};
|
|
80093
80096
|
|
|
80094
|
-
var formkitVersion$1$1 = '
|
|
80097
|
+
var formkitVersion$1$1 = '202607082226';
|
|
80095
80098
|
|
|
80096
80099
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80097
80100
|
// See LICENSE in the project root for license information.
|
|
@@ -81212,7 +81215,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81212
81215
|
}
|
|
81213
81216
|
};
|
|
81214
81217
|
|
|
81215
|
-
var formkitVersion$3 = '
|
|
81218
|
+
var formkitVersion$3 = '202607082226';
|
|
81216
81219
|
|
|
81217
81220
|
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}`;
|
|
81218
81221
|
|
|
@@ -82028,7 +82031,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82028
82031
|
},
|
|
82029
82032
|
|
|
82030
82033
|
/**
|
|
82031
|
-
* Value selected for the dropdown menu.
|
|
82034
|
+
* Value selected for the dropdown menu. 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` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.
|
|
82032
82035
|
*/
|
|
82033
82036
|
value: {
|
|
82034
82037
|
type: String
|
|
@@ -83729,6 +83732,18 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
83729
83732
|
}
|
|
83730
83733
|
};
|
|
83731
83734
|
|
|
83735
|
+
/**
|
|
83736
|
+
* Serializes a multi-select value array back into the String `value` property.
|
|
83737
|
+
* An empty (or missing) array collapses to `undefined` so an emptied selection
|
|
83738
|
+
* clears `value` rather than reflecting a `"[]"` attribute.
|
|
83739
|
+
* @private
|
|
83740
|
+
* @param {Array<string>|undefined} values - The selected values.
|
|
83741
|
+
* @returns {string|undefined} JSON string of the values, or undefined when empty.
|
|
83742
|
+
*/
|
|
83743
|
+
function serializeMultiSelectValue(values) {
|
|
83744
|
+
return values && values.length > 0 ? JSON.stringify(values) : undefined;
|
|
83745
|
+
}
|
|
83746
|
+
|
|
83732
83747
|
/**
|
|
83733
83748
|
* Validates if an option can be interacted with.
|
|
83734
83749
|
* @private
|
|
@@ -83741,6 +83756,20 @@ function isOptionInteractive(option) {
|
|
|
83741
83756
|
!option.hasAttribute('static');
|
|
83742
83757
|
}
|
|
83743
83758
|
|
|
83759
|
+
/**
|
|
83760
|
+
* Validates if an option may be selected by matching a programmatic value.
|
|
83761
|
+
* Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
|
|
83762
|
+
* `hidden` as its type-ahead filter, so a filtered-out option is still a
|
|
83763
|
+
* valid programmatic selection. Only disabled and static options — which are
|
|
83764
|
+
* never selectable — are rejected.
|
|
83765
|
+
* @param {HTMLElement} option - The option to check.
|
|
83766
|
+
* @returns {boolean} True if option can be selected by value.
|
|
83767
|
+
*/
|
|
83768
|
+
function isSelectableByValue(option) {
|
|
83769
|
+
return !option.hasAttribute('disabled') &&
|
|
83770
|
+
!option.hasAttribute('static');
|
|
83771
|
+
}
|
|
83772
|
+
|
|
83744
83773
|
/**
|
|
83745
83774
|
* Helper method to dispatch custom events.
|
|
83746
83775
|
* @param {HTMLElement} element - Element to dispatch event from.
|
|
@@ -83910,22 +83939,26 @@ class AuroMenu extends AuroElement$2 {
|
|
|
83910
83939
|
|
|
83911
83940
|
/**
|
|
83912
83941
|
* Specifies the current active menuOption.
|
|
83942
|
+
* @readonly
|
|
83913
83943
|
*/
|
|
83914
83944
|
optionActive: {
|
|
83915
83945
|
type: Object,
|
|
83916
|
-
attribute:
|
|
83946
|
+
attribute: false
|
|
83917
83947
|
},
|
|
83918
83948
|
|
|
83919
83949
|
/**
|
|
83920
|
-
*
|
|
83950
|
+
* 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.
|
|
83951
|
+
* @readonly
|
|
83921
83952
|
*/
|
|
83922
83953
|
optionSelected: {
|
|
83923
83954
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
83924
|
-
type: Object
|
|
83955
|
+
type: Object,
|
|
83956
|
+
attribute: false
|
|
83925
83957
|
},
|
|
83926
83958
|
|
|
83927
83959
|
/**
|
|
83928
83960
|
* The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.
|
|
83961
|
+
* 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.
|
|
83929
83962
|
*/
|
|
83930
83963
|
value: {
|
|
83931
83964
|
type: String,
|
|
@@ -84049,7 +84082,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84049
84082
|
}
|
|
84050
84083
|
|
|
84051
84084
|
/**
|
|
84052
|
-
* Selects options by value.
|
|
84085
|
+
* Selects options by value. Options marked `disabled` or `static` are not selectable; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. Passing `undefined`, `null`, an empty string, or an empty array clears the selection without dispatching a failure.
|
|
84053
84086
|
* @param {string|string[]|undefined|null} value - The value(s) to select.
|
|
84054
84087
|
* @public
|
|
84055
84088
|
*/
|
|
@@ -84134,6 +84167,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84134
84167
|
this.initItems();
|
|
84135
84168
|
}
|
|
84136
84169
|
|
|
84170
|
+
// Set when reconciliation reassigns `value` below. That reassignment schedules a
|
|
84171
|
+
// second updated() cycle, so the `event`-attribute dispatch is deferred to that
|
|
84172
|
+
// cycle to avoid firing option custom events twice on the same selection.
|
|
84173
|
+
let valueReconciled = false;
|
|
84174
|
+
|
|
84137
84175
|
// Handle null/undefined/empty case — empty/whitespace strings clear selection
|
|
84138
84176
|
// consistently with selectByValue(''), and avoid downstream `.includes('')` matches.
|
|
84139
84177
|
if (this.value === undefined || this.value === null || (typeof this.value === 'string' && this.value.trim() === '')) {
|
|
@@ -84146,11 +84184,31 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84146
84184
|
// Defensive default: `formattedValue` can be undefined for unexpected value types,
|
|
84147
84185
|
// and calling `.includes` on undefined would throw during reconciliation.
|
|
84148
84186
|
const valueArray = this.formattedValue || [];
|
|
84149
|
-
const matchingOptions = this.items ? this.items.filter((item) => valueArray.includes(item.value)) : [];
|
|
84187
|
+
const matchingOptions = this.items ? this.items.filter((item) => isSelectableByValue(item) && valueArray.includes(item.value)) : [];
|
|
84150
84188
|
newSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
|
|
84189
|
+
|
|
84190
|
+
// Reconcile `value` with the selectable set. Drop only entries whose option is
|
|
84191
|
+
// loaded but non-selectable (disabled/static) — leaving them would desync `value`
|
|
84192
|
+
// from `optionSelected`, and the toggle handlers rebuild `value` from `formattedValue`,
|
|
84193
|
+
// so the rejected entry would resurface on the next select/deselect. Entries with no
|
|
84194
|
+
// matching item yet are preserved so async preselection still works once options render.
|
|
84195
|
+
const rejectedValues = this.items
|
|
84196
|
+
? this.items.filter((item) => !isSelectableByValue(item) && valueArray.includes(item.value)).map((item) => item.value)
|
|
84197
|
+
: [];
|
|
84198
|
+
if (rejectedValues.length > 0) {
|
|
84199
|
+
const reconciled = valueArray.filter((val) => !rejectedValues.includes(val));
|
|
84200
|
+
this.value = serializeMultiSelectValue(reconciled);
|
|
84201
|
+
valueReconciled = true;
|
|
84202
|
+
}
|
|
84151
84203
|
} else {
|
|
84152
|
-
// In single-select mode, this.value should be a string
|
|
84153
|
-
|
|
84204
|
+
// In single-select mode, this.value should be a string. Reject
|
|
84205
|
+
// disabled/static options so a programmatic value pointing at a
|
|
84206
|
+
// non-selectable option falls through to the no-match path below
|
|
84207
|
+
// (dispatching auroMenu-selectValueFailure) instead of pinning it.
|
|
84208
|
+
// `hidden` is intentionally NOT excluded: the combobox toggles
|
|
84209
|
+
// `hidden` as its type-ahead filter, so a filtered-out option is
|
|
84210
|
+
// still a valid programmatic selection.
|
|
84211
|
+
const matchingOption = this.items ? this.items.find((item) => isSelectableByValue(item) && item.value === this.value) : undefined;
|
|
84154
84212
|
|
|
84155
84213
|
if (matchingOption) {
|
|
84156
84214
|
newSelected = matchingOption;
|
|
@@ -84192,8 +84250,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84192
84250
|
]
|
|
84193
84251
|
]));
|
|
84194
84252
|
|
|
84195
|
-
// Notify of changes
|
|
84196
|
-
|
|
84253
|
+
// Notify of changes. Skip when reconciliation just reassigned `value`: the
|
|
84254
|
+
// follow-on update cycle re-runs this branch and fires the events exactly once.
|
|
84255
|
+
if (this.optionSelected !== undefined && !valueReconciled) {
|
|
84197
84256
|
const selected = Array.isArray(this.optionSelected) ? this.optionSelected : [this.optionSelected];
|
|
84198
84257
|
selected.forEach((opt) => {
|
|
84199
84258
|
if (opt.hasAttribute('event')) {
|
|
@@ -84406,7 +84465,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84406
84465
|
const currentSelected = this.optionSelected || [];
|
|
84407
84466
|
|
|
84408
84467
|
if (!currentValue.includes(option.value)) {
|
|
84409
|
-
this.value =
|
|
84468
|
+
this.value = serializeMultiSelectValue([
|
|
84410
84469
|
...currentValue,
|
|
84411
84470
|
option.value
|
|
84412
84471
|
]);
|
|
@@ -84432,15 +84491,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84432
84491
|
*/
|
|
84433
84492
|
handleDeselectState(option) {
|
|
84434
84493
|
if (this.multiSelect) {
|
|
84435
|
-
// Remove this option from array
|
|
84494
|
+
// Remove this option from array; an empty result collapses `value` to undefined.
|
|
84436
84495
|
const newFormattedValue = (this.formattedValue || []).filter((val) => val !== option.value);
|
|
84437
|
-
|
|
84438
|
-
// If array is empty after removal, set back to undefined
|
|
84439
|
-
if (newFormattedValue && newFormattedValue.length === 0) {
|
|
84440
|
-
this.value = undefined;
|
|
84441
|
-
} else {
|
|
84442
|
-
this.value = JSON.stringify(newFormattedValue);
|
|
84443
|
-
}
|
|
84496
|
+
this.value = serializeMultiSelectValue(newFormattedValue);
|
|
84444
84497
|
|
|
84445
84498
|
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
84446
84499
|
if (this.optionSelected.length === 0) {
|
|
@@ -84487,6 +84540,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84487
84540
|
this.optionSelected = undefined;
|
|
84488
84541
|
this._index = -1;
|
|
84489
84542
|
|
|
84543
|
+
// Clear active option state so a follow-up open/navigation starts fresh
|
|
84544
|
+
// rather than reusing a stale reference from before the reset.
|
|
84545
|
+
this.items?.forEach((item) => item.classList.remove('active'));
|
|
84546
|
+
this.optionActive = undefined;
|
|
84547
|
+
|
|
84490
84548
|
// Reset UI state
|
|
84491
84549
|
this.updateItemsState(new Map([
|
|
84492
84550
|
[
|
|
@@ -84936,6 +84994,7 @@ let menuOptionIdCounter = 0;
|
|
|
84936
84994
|
* The `auro-menuoption` element provides users a way to define a menu option.
|
|
84937
84995
|
* @customElement auro-menuoption
|
|
84938
84996
|
*
|
|
84997
|
+
* @attr {Boolean} static - When present, marks the option as non-interactive — it renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers, informational rows inside a menu, or attaching event listeners.
|
|
84939
84998
|
* @slot default - The default slot for the menu option text.
|
|
84940
84999
|
*
|
|
84941
85000
|
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
@@ -84965,6 +85024,7 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84965
85024
|
this.noCheckmark = false;
|
|
84966
85025
|
this.disabled = false;
|
|
84967
85026
|
this.noMatch = false;
|
|
85027
|
+
this.persistent = false;
|
|
84968
85028
|
|
|
84969
85029
|
/**
|
|
84970
85030
|
* @private
|
|
@@ -84986,6 +85046,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84986
85046
|
type: Boolean,
|
|
84987
85047
|
reflect: true
|
|
84988
85048
|
},
|
|
85049
|
+
|
|
85050
|
+
/**
|
|
85051
|
+
* **Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release.
|
|
85052
|
+
*
|
|
85053
|
+
* @deprecated Use the `value` attribute on `auro-menu` instead.
|
|
85054
|
+
*/
|
|
84989
85055
|
selected: {
|
|
84990
85056
|
type: Boolean,
|
|
84991
85057
|
reflect: true
|
|
@@ -85020,6 +85086,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85020
85086
|
reflect: true,
|
|
85021
85087
|
attribute: 'nomatch'
|
|
85022
85088
|
},
|
|
85089
|
+
|
|
85090
|
+
/** When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., "Add new…") that must render identically regardless of the current filter. */
|
|
85091
|
+
persistent: {
|
|
85092
|
+
type: Boolean,
|
|
85093
|
+
reflect: true
|
|
85094
|
+
},
|
|
85023
85095
|
};
|
|
85024
85096
|
}
|
|
85025
85097
|
|
|
@@ -90115,7 +90187,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90115
90187
|
}
|
|
90116
90188
|
};
|
|
90117
90189
|
|
|
90118
|
-
var formkitVersion$1 = '
|
|
90190
|
+
var formkitVersion$1 = '202607082226';
|
|
90119
90191
|
|
|
90120
90192
|
class AuroElement extends i$2 {
|
|
90121
90193
|
static get properties() {
|
|
@@ -92154,7 +92226,7 @@ class AuroHelpText extends i$2 {
|
|
|
92154
92226
|
}
|
|
92155
92227
|
}
|
|
92156
92228
|
|
|
92157
|
-
var formkitVersion = '
|
|
92229
|
+
var formkitVersion = '202607082226';
|
|
92158
92230
|
|
|
92159
92231
|
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}`;
|
|
92160
92232
|
|
|
@@ -92596,7 +92668,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92596
92668
|
},
|
|
92597
92669
|
|
|
92598
92670
|
/**
|
|
92599
|
-
* Value selected for the component.
|
|
92671
|
+
* 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.
|
|
92600
92672
|
*/
|
|
92601
92673
|
value: {
|
|
92602
92674
|
type: String,
|
|
@@ -93416,6 +93488,10 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93416
93488
|
this._observeLabelChanges();
|
|
93417
93489
|
}
|
|
93418
93490
|
|
|
93491
|
+
/**
|
|
93492
|
+
* 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.
|
|
93493
|
+
* @param {string} value - The value to match against the menu options.
|
|
93494
|
+
*/
|
|
93419
93495
|
setMenuValue(value) {
|
|
93420
93496
|
if (!this.menu) return;
|
|
93421
93497
|
this.menu.selectByValue(value);
|
|
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
|
|
|
12267
12267
|
}
|
|
12268
12268
|
}
|
|
12269
12269
|
|
|
12270
|
-
var formkitVersion = '
|
|
12270
|
+
var formkitVersion = '202607082226';
|
|
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 = '202607082226';
|
|
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 = '202607082226';
|
|
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 = '202607082226';
|
|
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 = '202607082226';
|
|
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.
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
<auro-header level="2" id="keyboardInteraction">Keyboard Interaction</auro-header>
|
|
20
20
|
<p>The menu supports full keyboard navigation:</p>
|
|
21
21
|
<ul>
|
|
22
|
-
<li><strong>Arrow Down / Arrow Up:</strong> Moves
|
|
23
|
-
<li><strong>Enter
|
|
24
|
-
<li><strong>
|
|
22
|
+
<li><strong>Arrow Down / Arrow Up:</strong> Moves the active option.</li>
|
|
23
|
+
<li><strong>Enter:</strong> Selects the currently active option.</li>
|
|
24
|
+
<li><strong>Tab:</strong> Selects the currently active option and moves focus out of the menu.</li>
|
|
25
25
|
</ul>
|
|
26
|
-
<p>See the <auro-hyperlink href="
|
|
26
|
+
<p>See the <auro-hyperlink href="keyboard-behavior">Keyboard Behavior</auro-hyperlink> page for full details.</p>
|
|
27
27
|
</section>
|
|
28
28
|
<section>
|
|
29
29
|
<auro-header level="2" id="modifierKeys">Modifier Keys</auro-header>
|
|
@@ -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
|
|
|
@@ -31,7 +31,7 @@ The `auro-menu` element provides users a way to select from a list of options.
|
|
|
31
31
|
|----------------------|--------------------------------------------------|--------------------------------------------------|
|
|
32
32
|
| `navigateOptions` | `(direction: string): void` | Navigates through options using keyboard.<br /><br />**direction**: 'up' or 'down'. |
|
|
33
33
|
| `reset` | `(): void` | Resets the menu to its initial state.<br />This is the only way to return value to undefined. |
|
|
34
|
-
| `selectByValue` | `(value: string \| string[] \| null \| undefined): void` | Selects options by value.<br /><br />**value**: The value(s) to select. |
|
|
34
|
+
| `selectByValue` | `(value: string \| string[] \| null \| undefined): void` | Selects options by value. Options marked `disabled` or `static` are not selectable; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. Passing `undefined`, `null`, an empty string, or an empty array clears the selection without dispatching a failure.<br /><br />**value**: The value(s) to select. |
|
|
35
35
|
| `updateActiveOption` | `(indexOrOption: number \| HTMLElement): void` | Updates the active option state and dispatches events.<br />Accepts either a numeric index or an HTMLElement option.<br /><br />**indexOrOption**: Index of the option or the option element to make active. |
|
|
36
36
|
|
|
37
37
|
## Events
|
|
@@ -58,6 +58,12 @@ The `auro-menu` element provides users a way to select from a list of options.
|
|
|
58
58
|
|
|
59
59
|
The `auro-menuoption` element provides users a way to define a menu option.
|
|
60
60
|
|
|
61
|
+
## Attributes
|
|
62
|
+
|
|
63
|
+
| Attribute | Type | Description |
|
|
64
|
+
|-----------|-----------|--------------------------------------------------|
|
|
65
|
+
| `static` | `Boolean` | When present, marks the option as non-interactive — it renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers, informational rows inside a menu, or attaching event listeners. |
|
|
66
|
+
|
|
61
67
|
## Properties
|
|
62
68
|
|
|
63
69
|
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
@@ -68,7 +74,8 @@ The `auro-menuoption` element provides users a way to define a menu option.
|
|
|
68
74
|
| `layout` | | | `string` | | |
|
|
69
75
|
| `noCheckmark` | `noCheckmark` | | `boolean` | false | |
|
|
70
76
|
| `noMatch` | `nomatch` | | `boolean` | false | When true, marks this option as the "no matching results" placeholder shown by combobox<br />when the user's input does not match any available options. |
|
|
71
|
-
| `
|
|
77
|
+
| `persistent` | `persistent` | | `boolean` | false | When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., "Add new…") that must render identically regardless of the current filter. |
|
|
78
|
+
| `selected` | `selected` | | `boolean` | false | **Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release. |
|
|
72
79
|
| `value` | `value` | | `string` | | |
|
|
73
80
|
|
|
74
81
|
## Methods
|