@aurodesignsystem-dev/auro-formkit 0.0.0-pr1544.0 → 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 +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +106 -33
- package/components/form/demo/getting-started.min.js +106 -33
- package/components/form/demo/index.min.js +106 -33
- package/components/form/demo/registerDemoDeps.min.js +106 -33
- 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.
|
|
@@ -51165,7 +51165,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51165
51165
|
}
|
|
51166
51166
|
};
|
|
51167
51167
|
|
|
51168
|
-
var formkitVersion$1$2 = '
|
|
51168
|
+
var formkitVersion$1$2 = '202607082226';
|
|
51169
51169
|
|
|
51170
51170
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51171
51171
|
// See LICENSE in the project root for license information.
|
|
@@ -55493,7 +55493,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55493
55493
|
}
|
|
55494
55494
|
};
|
|
55495
55495
|
|
|
55496
|
-
var formkitVersion$6 = '
|
|
55496
|
+
var formkitVersion$6 = '202607082226';
|
|
55497
55497
|
|
|
55498
55498
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55499
55499
|
static get properties() {
|
|
@@ -59473,7 +59473,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59473
59473
|
}
|
|
59474
59474
|
};
|
|
59475
59475
|
|
|
59476
|
-
var formkitVersion$5 = '
|
|
59476
|
+
var formkitVersion$5 = '202607082226';
|
|
59477
59477
|
|
|
59478
59478
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59479
59479
|
// See LICENSE in the project root for license information.
|
|
@@ -61238,7 +61238,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61238
61238
|
}
|
|
61239
61239
|
};
|
|
61240
61240
|
|
|
61241
|
-
var formkitVersion$4 = '
|
|
61241
|
+
var formkitVersion$4 = '202607082226';
|
|
61242
61242
|
|
|
61243
61243
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61244
61244
|
// See LICENSE in the project root for license information.
|
|
@@ -66476,7 +66476,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66476
66476
|
}
|
|
66477
66477
|
};
|
|
66478
66478
|
|
|
66479
|
-
var formkitVersion$2 = '
|
|
66479
|
+
var formkitVersion$2 = '202607082226';
|
|
66480
66480
|
|
|
66481
66481
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66482
66482
|
static get properties() {
|
|
@@ -80094,7 +80094,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80094
80094
|
}
|
|
80095
80095
|
};
|
|
80096
80096
|
|
|
80097
|
-
var formkitVersion$1$1 = '
|
|
80097
|
+
var formkitVersion$1$1 = '202607082226';
|
|
80098
80098
|
|
|
80099
80099
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80100
80100
|
// See LICENSE in the project root for license information.
|
|
@@ -81215,7 +81215,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81215
81215
|
}
|
|
81216
81216
|
};
|
|
81217
81217
|
|
|
81218
|
-
var formkitVersion$3 = '
|
|
81218
|
+
var formkitVersion$3 = '202607082226';
|
|
81219
81219
|
|
|
81220
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}`;
|
|
81221
81221
|
|
|
@@ -82031,7 +82031,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82031
82031
|
},
|
|
82032
82032
|
|
|
82033
82033
|
/**
|
|
82034
|
-
* 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.
|
|
82035
82035
|
*/
|
|
82036
82036
|
value: {
|
|
82037
82037
|
type: String
|
|
@@ -83732,6 +83732,18 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
83732
83732
|
}
|
|
83733
83733
|
};
|
|
83734
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
|
+
|
|
83735
83747
|
/**
|
|
83736
83748
|
* Validates if an option can be interacted with.
|
|
83737
83749
|
* @private
|
|
@@ -83744,6 +83756,20 @@ function isOptionInteractive(option) {
|
|
|
83744
83756
|
!option.hasAttribute('static');
|
|
83745
83757
|
}
|
|
83746
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
|
+
|
|
83747
83773
|
/**
|
|
83748
83774
|
* Helper method to dispatch custom events.
|
|
83749
83775
|
* @param {HTMLElement} element - Element to dispatch event from.
|
|
@@ -83913,22 +83939,26 @@ class AuroMenu extends AuroElement$2 {
|
|
|
83913
83939
|
|
|
83914
83940
|
/**
|
|
83915
83941
|
* Specifies the current active menuOption.
|
|
83942
|
+
* @readonly
|
|
83916
83943
|
*/
|
|
83917
83944
|
optionActive: {
|
|
83918
83945
|
type: Object,
|
|
83919
|
-
attribute:
|
|
83946
|
+
attribute: false
|
|
83920
83947
|
},
|
|
83921
83948
|
|
|
83922
83949
|
/**
|
|
83923
|
-
*
|
|
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
|
|
83924
83952
|
*/
|
|
83925
83953
|
optionSelected: {
|
|
83926
83954
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
83927
|
-
type: Object
|
|
83955
|
+
type: Object,
|
|
83956
|
+
attribute: false
|
|
83928
83957
|
},
|
|
83929
83958
|
|
|
83930
83959
|
/**
|
|
83931
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.
|
|
83932
83962
|
*/
|
|
83933
83963
|
value: {
|
|
83934
83964
|
type: String,
|
|
@@ -84052,7 +84082,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84052
84082
|
}
|
|
84053
84083
|
|
|
84054
84084
|
/**
|
|
84055
|
-
* 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.
|
|
84056
84086
|
* @param {string|string[]|undefined|null} value - The value(s) to select.
|
|
84057
84087
|
* @public
|
|
84058
84088
|
*/
|
|
@@ -84137,6 +84167,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84137
84167
|
this.initItems();
|
|
84138
84168
|
}
|
|
84139
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
|
+
|
|
84140
84175
|
// Handle null/undefined/empty case — empty/whitespace strings clear selection
|
|
84141
84176
|
// consistently with selectByValue(''), and avoid downstream `.includes('')` matches.
|
|
84142
84177
|
if (this.value === undefined || this.value === null || (typeof this.value === 'string' && this.value.trim() === '')) {
|
|
@@ -84149,11 +84184,31 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84149
84184
|
// Defensive default: `formattedValue` can be undefined for unexpected value types,
|
|
84150
84185
|
// and calling `.includes` on undefined would throw during reconciliation.
|
|
84151
84186
|
const valueArray = this.formattedValue || [];
|
|
84152
|
-
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)) : [];
|
|
84153
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
|
+
}
|
|
84154
84203
|
} else {
|
|
84155
|
-
// In single-select mode, this.value should be a string
|
|
84156
|
-
|
|
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;
|
|
84157
84212
|
|
|
84158
84213
|
if (matchingOption) {
|
|
84159
84214
|
newSelected = matchingOption;
|
|
@@ -84195,8 +84250,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84195
84250
|
]
|
|
84196
84251
|
]));
|
|
84197
84252
|
|
|
84198
|
-
// Notify of changes
|
|
84199
|
-
|
|
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) {
|
|
84200
84256
|
const selected = Array.isArray(this.optionSelected) ? this.optionSelected : [this.optionSelected];
|
|
84201
84257
|
selected.forEach((opt) => {
|
|
84202
84258
|
if (opt.hasAttribute('event')) {
|
|
@@ -84409,7 +84465,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84409
84465
|
const currentSelected = this.optionSelected || [];
|
|
84410
84466
|
|
|
84411
84467
|
if (!currentValue.includes(option.value)) {
|
|
84412
|
-
this.value =
|
|
84468
|
+
this.value = serializeMultiSelectValue([
|
|
84413
84469
|
...currentValue,
|
|
84414
84470
|
option.value
|
|
84415
84471
|
]);
|
|
@@ -84435,15 +84491,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84435
84491
|
*/
|
|
84436
84492
|
handleDeselectState(option) {
|
|
84437
84493
|
if (this.multiSelect) {
|
|
84438
|
-
// Remove this option from array
|
|
84494
|
+
// Remove this option from array; an empty result collapses `value` to undefined.
|
|
84439
84495
|
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
|
-
}
|
|
84496
|
+
this.value = serializeMultiSelectValue(newFormattedValue);
|
|
84447
84497
|
|
|
84448
84498
|
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
84449
84499
|
if (this.optionSelected.length === 0) {
|
|
@@ -84490,6 +84540,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84490
84540
|
this.optionSelected = undefined;
|
|
84491
84541
|
this._index = -1;
|
|
84492
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
|
+
|
|
84493
84548
|
// Reset UI state
|
|
84494
84549
|
this.updateItemsState(new Map([
|
|
84495
84550
|
[
|
|
@@ -84939,6 +84994,7 @@ let menuOptionIdCounter = 0;
|
|
|
84939
84994
|
* The `auro-menuoption` element provides users a way to define a menu option.
|
|
84940
84995
|
* @customElement auro-menuoption
|
|
84941
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.
|
|
84942
84998
|
* @slot default - The default slot for the menu option text.
|
|
84943
84999
|
*
|
|
84944
85000
|
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
@@ -84968,6 +85024,7 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84968
85024
|
this.noCheckmark = false;
|
|
84969
85025
|
this.disabled = false;
|
|
84970
85026
|
this.noMatch = false;
|
|
85027
|
+
this.persistent = false;
|
|
84971
85028
|
|
|
84972
85029
|
/**
|
|
84973
85030
|
* @private
|
|
@@ -84989,6 +85046,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
84989
85046
|
type: Boolean,
|
|
84990
85047
|
reflect: true
|
|
84991
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
|
+
*/
|
|
84992
85055
|
selected: {
|
|
84993
85056
|
type: Boolean,
|
|
84994
85057
|
reflect: true
|
|
@@ -85023,6 +85086,12 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85023
85086
|
reflect: true,
|
|
85024
85087
|
attribute: 'nomatch'
|
|
85025
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
|
+
},
|
|
85026
85095
|
};
|
|
85027
85096
|
}
|
|
85028
85097
|
|
|
@@ -90118,7 +90187,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90118
90187
|
}
|
|
90119
90188
|
};
|
|
90120
90189
|
|
|
90121
|
-
var formkitVersion$1 = '
|
|
90190
|
+
var formkitVersion$1 = '202607082226';
|
|
90122
90191
|
|
|
90123
90192
|
class AuroElement extends i$2 {
|
|
90124
90193
|
static get properties() {
|
|
@@ -92157,7 +92226,7 @@ class AuroHelpText extends i$2 {
|
|
|
92157
92226
|
}
|
|
92158
92227
|
}
|
|
92159
92228
|
|
|
92160
|
-
var formkitVersion = '
|
|
92229
|
+
var formkitVersion = '202607082226';
|
|
92161
92230
|
|
|
92162
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}`;
|
|
92163
92232
|
|
|
@@ -92599,7 +92668,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92599
92668
|
},
|
|
92600
92669
|
|
|
92601
92670
|
/**
|
|
92602
|
-
* 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.
|
|
92603
92672
|
*/
|
|
92604
92673
|
value: {
|
|
92605
92674
|
type: String,
|
|
@@ -93419,6 +93488,10 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93419
93488
|
this._observeLabelChanges();
|
|
93420
93489
|
}
|
|
93421
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
|
+
*/
|
|
93422
93495
|
setMenuValue(value) {
|
|
93423
93496
|
if (!this.menu) return;
|
|
93424
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
|