@aurodesignsystem-dev/auro-formkit 0.0.0-pr1544.0 → 0.0.0-pr1544.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +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.md +29 -0
- package/components/datepicker/demo/customize.min.js +8 -4
- package/components/datepicker/demo/index.min.js +8 -4
- package/components/datepicker/dist/index.js +8 -4
- package/components/datepicker/dist/registered.js +8 -4
- 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 +111 -34
- package/components/form/demo/getting-started.min.js +111 -34
- package/components/form/demo/index.min.js +111 -34
- package/components/form/demo/registerDemoDeps.min.js +111 -34
- 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 +106 -32
- 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 = '202607082328';
|
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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.
|
|
@@ -48795,8 +48795,12 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48795
48795
|
// Show the month containing the selected date (or today) instead of
|
|
48796
48796
|
// whichever month the user last navigated to. Route through
|
|
48797
48797
|
// updateCentralDate so centralDate stays first-of-month.
|
|
48798
|
+
// calendarFocusDate wins over value so consumers who set it explicitly
|
|
48799
|
+
// get their chosen initial month even when a value is also preset.
|
|
48798
48800
|
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
48799
|
-
if (this.
|
|
48801
|
+
if (this.calendarFocusDate && dateFormatter$1.isValidDate(this.calendarFocusDate)) {
|
|
48802
|
+
this.calendarRenderUtil.updateCentralDate(this, this.calendarFocusDateObject);
|
|
48803
|
+
} else if (this.valueObject) {
|
|
48800
48804
|
this.calendarRenderUtil.updateCentralDate(this, this.value);
|
|
48801
48805
|
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
48802
48806
|
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
@@ -51165,7 +51169,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51165
51169
|
}
|
|
51166
51170
|
};
|
|
51167
51171
|
|
|
51168
|
-
var formkitVersion$1$2 = '
|
|
51172
|
+
var formkitVersion$1$2 = '202607082328';
|
|
51169
51173
|
|
|
51170
51174
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51171
51175
|
// See LICENSE in the project root for license information.
|
|
@@ -55493,7 +55497,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55493
55497
|
}
|
|
55494
55498
|
};
|
|
55495
55499
|
|
|
55496
|
-
var formkitVersion$6 = '
|
|
55500
|
+
var formkitVersion$6 = '202607082328';
|
|
55497
55501
|
|
|
55498
55502
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55499
55503
|
static get properties() {
|
|
@@ -59473,7 +59477,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59473
59477
|
}
|
|
59474
59478
|
};
|
|
59475
59479
|
|
|
59476
|
-
var formkitVersion$5 = '
|
|
59480
|
+
var formkitVersion$5 = '202607082328';
|
|
59477
59481
|
|
|
59478
59482
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59479
59483
|
// See LICENSE in the project root for license information.
|
|
@@ -61238,7 +61242,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61238
61242
|
}
|
|
61239
61243
|
};
|
|
61240
61244
|
|
|
61241
|
-
var formkitVersion$4 = '
|
|
61245
|
+
var formkitVersion$4 = '202607082328';
|
|
61242
61246
|
|
|
61243
61247
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61244
61248
|
// See LICENSE in the project root for license information.
|
|
@@ -66476,7 +66480,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66476
66480
|
}
|
|
66477
66481
|
};
|
|
66478
66482
|
|
|
66479
|
-
var formkitVersion$2 = '
|
|
66483
|
+
var formkitVersion$2 = '202607082328';
|
|
66480
66484
|
|
|
66481
66485
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66482
66486
|
static get properties() {
|
|
@@ -80094,7 +80098,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80094
80098
|
}
|
|
80095
80099
|
};
|
|
80096
80100
|
|
|
80097
|
-
var formkitVersion$1$1 = '
|
|
80101
|
+
var formkitVersion$1$1 = '202607082328';
|
|
80098
80102
|
|
|
80099
80103
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80100
80104
|
// See LICENSE in the project root for license information.
|
|
@@ -81215,7 +81219,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81215
81219
|
}
|
|
81216
81220
|
};
|
|
81217
81221
|
|
|
81218
|
-
var formkitVersion$3 = '
|
|
81222
|
+
var formkitVersion$3 = '202607082328';
|
|
81219
81223
|
|
|
81220
81224
|
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}`;
|
|
81221
81225
|
|
|
@@ -82031,7 +82035,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82031
82035
|
},
|
|
82032
82036
|
|
|
82033
82037
|
/**
|
|
82034
|
-
* Value selected for the dropdown menu.
|
|
82038
|
+
* 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.
|
|
82035
82039
|
*/
|
|
82036
82040
|
value: {
|
|
82037
82041
|
type: String
|
|
@@ -83732,6 +83736,18 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
83732
83736
|
}
|
|
83733
83737
|
};
|
|
83734
83738
|
|
|
83739
|
+
/**
|
|
83740
|
+
* Serializes a multi-select value array back into the String `value` property.
|
|
83741
|
+
* An empty (or missing) array collapses to `undefined` so an emptied selection
|
|
83742
|
+
* clears `value` rather than reflecting a `"[]"` attribute.
|
|
83743
|
+
* @private
|
|
83744
|
+
* @param {Array<string>|undefined} values - The selected values.
|
|
83745
|
+
* @returns {string|undefined} JSON string of the values, or undefined when empty.
|
|
83746
|
+
*/
|
|
83747
|
+
function serializeMultiSelectValue(values) {
|
|
83748
|
+
return values && values.length > 0 ? JSON.stringify(values) : undefined;
|
|
83749
|
+
}
|
|
83750
|
+
|
|
83735
83751
|
/**
|
|
83736
83752
|
* Validates if an option can be interacted with.
|
|
83737
83753
|
* @private
|
|
@@ -83744,6 +83760,20 @@ function isOptionInteractive(option) {
|
|
|
83744
83760
|
!option.hasAttribute('static');
|
|
83745
83761
|
}
|
|
83746
83762
|
|
|
83763
|
+
/**
|
|
83764
|
+
* Validates if an option may be selected by matching a programmatic value.
|
|
83765
|
+
* Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
|
|
83766
|
+
* `hidden` as its type-ahead filter, so a filtered-out option is still a
|
|
83767
|
+
* valid programmatic selection. Only disabled and static options — which are
|
|
83768
|
+
* never selectable — are rejected.
|
|
83769
|
+
* @param {HTMLElement} option - The option to check.
|
|
83770
|
+
* @returns {boolean} True if option can be selected by value.
|
|
83771
|
+
*/
|
|
83772
|
+
function isSelectableByValue(option) {
|
|
83773
|
+
return !option.hasAttribute('disabled') &&
|
|
83774
|
+
!option.hasAttribute('static');
|
|
83775
|
+
}
|
|
83776
|
+
|
|
83747
83777
|
/**
|
|
83748
83778
|
* Helper method to dispatch custom events.
|
|
83749
83779
|
* @param {HTMLElement} element - Element to dispatch event from.
|
|
@@ -83913,22 +83943,26 @@ class AuroMenu extends AuroElement$2 {
|
|
|
83913
83943
|
|
|
83914
83944
|
/**
|
|
83915
83945
|
* Specifies the current active menuOption.
|
|
83946
|
+
* @readonly
|
|
83916
83947
|
*/
|
|
83917
83948
|
optionActive: {
|
|
83918
83949
|
type: Object,
|
|
83919
|
-
attribute:
|
|
83950
|
+
attribute: false
|
|
83920
83951
|
},
|
|
83921
83952
|
|
|
83922
83953
|
/**
|
|
83923
|
-
*
|
|
83954
|
+
* 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.
|
|
83955
|
+
* @readonly
|
|
83924
83956
|
*/
|
|
83925
83957
|
optionSelected: {
|
|
83926
83958
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
83927
|
-
type: Object
|
|
83959
|
+
type: Object,
|
|
83960
|
+
attribute: false
|
|
83928
83961
|
},
|
|
83929
83962
|
|
|
83930
83963
|
/**
|
|
83931
83964
|
* The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.
|
|
83965
|
+
* 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.
|
|
83932
83966
|
*/
|
|
83933
83967
|
value: {
|
|
83934
83968
|
type: String,
|
|
@@ -84052,7 +84086,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84052
84086
|
}
|
|
84053
84087
|
|
|
84054
84088
|
/**
|
|
84055
|
-
* Selects options by value.
|
|
84089
|
+
* 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.
|
|
84056
84090
|
* @param {string|string[]|undefined|null} value - The value(s) to select.
|
|
84057
84091
|
* @public
|
|
84058
84092
|
*/
|
|
@@ -84137,6 +84171,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84137
84171
|
this.initItems();
|
|
84138
84172
|
}
|
|
84139
84173
|
|
|
84174
|
+
// Set when reconciliation reassigns `value` below. That reassignment schedules a
|
|
84175
|
+
// second updated() cycle, so the `event`-attribute dispatch is deferred to that
|
|
84176
|
+
// cycle to avoid firing option custom events twice on the same selection.
|
|
84177
|
+
let valueReconciled = false;
|
|
84178
|
+
|
|
84140
84179
|
// Handle null/undefined/empty case — empty/whitespace strings clear selection
|
|
84141
84180
|
// consistently with selectByValue(''), and avoid downstream `.includes('')` matches.
|
|
84142
84181
|
if (this.value === undefined || this.value === null || (typeof this.value === 'string' && this.value.trim() === '')) {
|
|
@@ -84149,11 +84188,31 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84149
84188
|
// Defensive default: `formattedValue` can be undefined for unexpected value types,
|
|
84150
84189
|
// and calling `.includes` on undefined would throw during reconciliation.
|
|
84151
84190
|
const valueArray = this.formattedValue || [];
|
|
84152
|
-
const matchingOptions = this.items ? this.items.filter((item) => valueArray.includes(item.value)) : [];
|
|
84191
|
+
const matchingOptions = this.items ? this.items.filter((item) => isSelectableByValue(item) && valueArray.includes(item.value)) : [];
|
|
84153
84192
|
newSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
|
|
84193
|
+
|
|
84194
|
+
// Reconcile `value` with the selectable set. Drop only entries whose option is
|
|
84195
|
+
// loaded but non-selectable (disabled/static) — leaving them would desync `value`
|
|
84196
|
+
// from `optionSelected`, and the toggle handlers rebuild `value` from `formattedValue`,
|
|
84197
|
+
// so the rejected entry would resurface on the next select/deselect. Entries with no
|
|
84198
|
+
// matching item yet are preserved so async preselection still works once options render.
|
|
84199
|
+
const rejectedValues = this.items
|
|
84200
|
+
? this.items.filter((item) => !isSelectableByValue(item) && valueArray.includes(item.value)).map((item) => item.value)
|
|
84201
|
+
: [];
|
|
84202
|
+
if (rejectedValues.length > 0) {
|
|
84203
|
+
const reconciled = valueArray.filter((val) => !rejectedValues.includes(val));
|
|
84204
|
+
this.value = serializeMultiSelectValue(reconciled);
|
|
84205
|
+
valueReconciled = true;
|
|
84206
|
+
}
|
|
84154
84207
|
} else {
|
|
84155
|
-
// In single-select mode, this.value should be a string
|
|
84156
|
-
|
|
84208
|
+
// In single-select mode, this.value should be a string. Reject
|
|
84209
|
+
// disabled/static options so a programmatic value pointing at a
|
|
84210
|
+
// non-selectable option falls through to the no-match path below
|
|
84211
|
+
// (dispatching auroMenu-selectValueFailure) instead of pinning it.
|
|
84212
|
+
// `hidden` is intentionally NOT excluded: the combobox toggles
|
|
84213
|
+
// `hidden` as its type-ahead filter, so a filtered-out option is
|
|
84214
|
+
// still a valid programmatic selection.
|
|
84215
|
+
const matchingOption = this.items ? this.items.find((item) => isSelectableByValue(item) && item.value === this.value) : undefined;
|
|
84157
84216
|
|
|
84158
84217
|
if (matchingOption) {
|
|
84159
84218
|
newSelected = matchingOption;
|
|
@@ -84195,8 +84254,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84195
84254
|
]
|
|
84196
84255
|
]));
|
|
84197
84256
|
|
|
84198
|
-
// Notify of changes
|
|
84199
|
-
|
|
84257
|
+
// Notify of changes. Skip when reconciliation just reassigned `value`: the
|
|
84258
|
+
// follow-on update cycle re-runs this branch and fires the events exactly once.
|
|
84259
|
+
if (this.optionSelected !== undefined && !valueReconciled) {
|
|
84200
84260
|
const selected = Array.isArray(this.optionSelected) ? this.optionSelected : [this.optionSelected];
|
|
84201
84261
|
selected.forEach((opt) => {
|
|
84202
84262
|
if (opt.hasAttribute('event')) {
|
|
@@ -84409,7 +84469,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84409
84469
|
const currentSelected = this.optionSelected || [];
|
|
84410
84470
|
|
|
84411
84471
|
if (!currentValue.includes(option.value)) {
|
|
84412
|
-
this.value =
|
|
84472
|
+
this.value = serializeMultiSelectValue([
|
|
84413
84473
|
...currentValue,
|
|
84414
84474
|
option.value
|
|
84415
84475
|
]);
|
|
@@ -84435,15 +84495,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84435
84495
|
*/
|
|
84436
84496
|
handleDeselectState(option) {
|
|
84437
84497
|
if (this.multiSelect) {
|
|
84438
|
-
// Remove this option from array
|
|
84498
|
+
// Remove this option from array; an empty result collapses `value` to undefined.
|
|
84439
84499
|
const newFormattedValue = (this.formattedValue || []).filter((val) => val !== option.value);
|
|
84440
|
-
|
|
84441
|
-
// If array is empty after removal, set back to undefined
|
|
84442
|
-
if (newFormattedValue && newFormattedValue.length === 0) {
|
|
84443
|
-
this.value = undefined;
|
|
84444
|
-
} else {
|
|
84445
|
-
this.value = JSON.stringify(newFormattedValue);
|
|
84446
|
-
}
|
|
84500
|
+
this.value = serializeMultiSelectValue(newFormattedValue);
|
|
84447
84501
|
|
|
84448
84502
|
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
84449
84503
|
if (this.optionSelected.length === 0) {
|
|
@@ -84490,6 +84544,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84490
84544
|
this.optionSelected = undefined;
|
|
84491
84545
|
this._index = -1;
|
|
84492
84546
|
|
|
84547
|
+
// Clear active option state so a follow-up open/navigation starts fresh
|
|
84548
|
+
// rather than reusing a stale reference from before the reset.
|
|
84549
|
+
this.items?.forEach((item) => item.classList.remove('active'));
|
|
84550
|
+
this.optionActive = undefined;
|
|
84551
|
+
|
|
84493
84552
|
// Reset UI state
|
|
84494
84553
|
this.updateItemsState(new Map([
|
|
84495
84554
|
[
|
|
@@ -84939,6 +84998,7 @@ let menuOptionIdCounter = 0;
|
|
|
84939
84998
|
* The `auro-menuoption` element provides users a way to define a menu option.
|
|
84940
84999
|
* @customElement auro-menuoption
|
|
84941
85000
|
*
|
|
85001
|
+
* @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.
|
|
84942
85002
|
* @slot default - The default slot for the menu option text.
|
|
84943
85003
|
*
|
|
84944
85004
|
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
@@ -84968,6 +85028,7 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84968
85028
|
this.noCheckmark = false;
|
|
84969
85029
|
this.disabled = false;
|
|
84970
85030
|
this.noMatch = false;
|
|
85031
|
+
this.persistent = false;
|
|
84971
85032
|
|
|
84972
85033
|
/**
|
|
84973
85034
|
* @private
|
|
@@ -84989,6 +85050,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84989
85050
|
type: Boolean,
|
|
84990
85051
|
reflect: true
|
|
84991
85052
|
},
|
|
85053
|
+
|
|
85054
|
+
/**
|
|
85055
|
+
* **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.
|
|
85056
|
+
*
|
|
85057
|
+
* @deprecated Use the `value` attribute on `auro-menu` instead.
|
|
85058
|
+
*/
|
|
84992
85059
|
selected: {
|
|
84993
85060
|
type: Boolean,
|
|
84994
85061
|
reflect: true
|
|
@@ -85023,6 +85090,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85023
85090
|
reflect: true,
|
|
85024
85091
|
attribute: 'nomatch'
|
|
85025
85092
|
},
|
|
85093
|
+
|
|
85094
|
+
/** 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. */
|
|
85095
|
+
persistent: {
|
|
85096
|
+
type: Boolean,
|
|
85097
|
+
reflect: true
|
|
85098
|
+
},
|
|
85026
85099
|
};
|
|
85027
85100
|
}
|
|
85028
85101
|
|
|
@@ -90118,7 +90191,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90118
90191
|
}
|
|
90119
90192
|
};
|
|
90120
90193
|
|
|
90121
|
-
var formkitVersion$1 = '
|
|
90194
|
+
var formkitVersion$1 = '202607082328';
|
|
90122
90195
|
|
|
90123
90196
|
class AuroElement extends i$2 {
|
|
90124
90197
|
static get properties() {
|
|
@@ -92157,7 +92230,7 @@ class AuroHelpText extends i$2 {
|
|
|
92157
92230
|
}
|
|
92158
92231
|
}
|
|
92159
92232
|
|
|
92160
|
-
var formkitVersion = '
|
|
92233
|
+
var formkitVersion = '202607082328';
|
|
92161
92234
|
|
|
92162
92235
|
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}`;
|
|
92163
92236
|
|
|
@@ -92599,7 +92672,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92599
92672
|
},
|
|
92600
92673
|
|
|
92601
92674
|
/**
|
|
92602
|
-
* Value selected for the component.
|
|
92675
|
+
* 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.
|
|
92603
92676
|
*/
|
|
92604
92677
|
value: {
|
|
92605
92678
|
type: String,
|
|
@@ -93419,6 +93492,10 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93419
93492
|
this._observeLabelChanges();
|
|
93420
93493
|
}
|
|
93421
93494
|
|
|
93495
|
+
/**
|
|
93496
|
+
* 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.
|
|
93497
|
+
* @param {string} value - The value to match against the menu options.
|
|
93498
|
+
*/
|
|
93422
93499
|
setMenuValue(value) {
|
|
93423
93500
|
if (!this.menu) return;
|
|
93424
93501
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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 = '202607082328';
|
|
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
|