@aurodesignsystem-dev/auro-formkit 0.0.0-pr1541.5 → 0.0.0-pr1542.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 +22 -91
- package/components/combobox/demo/getting-started.min.js +22 -91
- package/components/combobox/demo/index.md +0 -1
- package/components/combobox/demo/index.min.js +22 -91
- 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 +33 -106
- package/components/form/demo/getting-started.min.js +33 -106
- package/components/form/demo/index.min.js +33 -106
- package/components/form/demo/registerDemoDeps.min.js +33 -106
- 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 +19 -26
- package/components/menu/demo/css-only.md +19 -26
- package/components/menu/demo/customize.md +47 -307
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +7 -144
- package/components/menu/demo/index.min.js +19 -214
- package/components/menu/demo/keyboard-behavior.md +4 -83
- package/components/menu/demo/voiceover.md +8 -12
- package/components/menu/demo/why-menu.md +9 -8
- package/components/menu/dist/auro-menu-utils.d.ts +0 -19
- package/components/menu/dist/auro-menu.d.ts +8 -4
- package/components/menu/dist/auro-menuoption.d.ts +0 -12
- package/components/menu/dist/index.js +18 -87
- package/components/menu/dist/registered.js +18 -87
- 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 +2 -5
- package/components/select/demo/customize.min.js +21 -94
- 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 +21 -94
- package/components/select/demo/index.md +2 -2
- package/components/select/demo/index.min.js +21 -94
- package/components/select/demo/keyboard-behavior.md +18 -49
- package/components/select/dist/auro-select.d.ts +2 -6
- package/components/select/dist/index.js +3 -7
- package/components/select/dist/registered.js +3 -7
- package/custom-elements.json +1540 -1614
- 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 = '202607082143';
|
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
46250
46250
|
|
|
46251
46251
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46252
46252
|
// See LICENSE in the project root for license information.
|
|
@@ -51162,7 +51162,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51162
51162
|
}
|
|
51163
51163
|
};
|
|
51164
51164
|
|
|
51165
|
-
var formkitVersion$1$2 = '
|
|
51165
|
+
var formkitVersion$1$2 = '202607082143';
|
|
51166
51166
|
|
|
51167
51167
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51168
51168
|
// See LICENSE in the project root for license information.
|
|
@@ -55490,7 +55490,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55490
55490
|
}
|
|
55491
55491
|
};
|
|
55492
55492
|
|
|
55493
|
-
var formkitVersion$6 = '
|
|
55493
|
+
var formkitVersion$6 = '202607082143';
|
|
55494
55494
|
|
|
55495
55495
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55496
55496
|
static get properties() {
|
|
@@ -59470,7 +59470,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59470
59470
|
}
|
|
59471
59471
|
};
|
|
59472
59472
|
|
|
59473
|
-
var formkitVersion$5 = '
|
|
59473
|
+
var formkitVersion$5 = '202607082143';
|
|
59474
59474
|
|
|
59475
59475
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59476
59476
|
// See LICENSE in the project root for license information.
|
|
@@ -61235,7 +61235,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61235
61235
|
}
|
|
61236
61236
|
};
|
|
61237
61237
|
|
|
61238
|
-
var formkitVersion$4 = '
|
|
61238
|
+
var formkitVersion$4 = '202607082143';
|
|
61239
61239
|
|
|
61240
61240
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61241
61241
|
// See LICENSE in the project root for license information.
|
|
@@ -66456,7 +66456,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66456
66456
|
}
|
|
66457
66457
|
};
|
|
66458
66458
|
|
|
66459
|
-
var formkitVersion$2 = '
|
|
66459
|
+
var formkitVersion$2 = '202607082143';
|
|
66460
66460
|
|
|
66461
66461
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66462
66462
|
static get properties() {
|
|
@@ -80074,7 +80074,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80074
80074
|
}
|
|
80075
80075
|
};
|
|
80076
80076
|
|
|
80077
|
-
var formkitVersion$1$1 = '
|
|
80077
|
+
var formkitVersion$1$1 = '202607082143';
|
|
80078
80078
|
|
|
80079
80079
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80080
80080
|
// See LICENSE in the project root for license information.
|
|
@@ -81195,7 +81195,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81195
81195
|
}
|
|
81196
81196
|
};
|
|
81197
81197
|
|
|
81198
|
-
var formkitVersion$3 = '
|
|
81198
|
+
var formkitVersion$3 = '202607082143';
|
|
81199
81199
|
|
|
81200
81200
|
var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
81201
81201
|
|
|
@@ -82009,7 +82009,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82009
82009
|
},
|
|
82010
82010
|
|
|
82011
82011
|
/**
|
|
82012
|
-
* Value selected for the dropdown menu.
|
|
82012
|
+
* Value selected for the dropdown menu.
|
|
82013
82013
|
*/
|
|
82014
82014
|
value: {
|
|
82015
82015
|
type: String
|
|
@@ -83710,18 +83710,6 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
83710
83710
|
}
|
|
83711
83711
|
};
|
|
83712
83712
|
|
|
83713
|
-
/**
|
|
83714
|
-
* Serializes a multi-select value array back into the String `value` property.
|
|
83715
|
-
* An empty (or missing) array collapses to `undefined` so an emptied selection
|
|
83716
|
-
* clears `value` rather than reflecting a `"[]"` attribute.
|
|
83717
|
-
* @private
|
|
83718
|
-
* @param {Array<string>|undefined} values - The selected values.
|
|
83719
|
-
* @returns {string|undefined} JSON string of the values, or undefined when empty.
|
|
83720
|
-
*/
|
|
83721
|
-
function serializeMultiSelectValue(values) {
|
|
83722
|
-
return values && values.length > 0 ? JSON.stringify(values) : undefined;
|
|
83723
|
-
}
|
|
83724
|
-
|
|
83725
83713
|
/**
|
|
83726
83714
|
* Validates if an option can be interacted with.
|
|
83727
83715
|
* @private
|
|
@@ -83734,20 +83722,6 @@ function isOptionInteractive(option) {
|
|
|
83734
83722
|
!option.hasAttribute('static');
|
|
83735
83723
|
}
|
|
83736
83724
|
|
|
83737
|
-
/**
|
|
83738
|
-
* Validates if an option may be selected by matching a programmatic value.
|
|
83739
|
-
* Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
|
|
83740
|
-
* `hidden` as its type-ahead filter, so a filtered-out option is still a
|
|
83741
|
-
* valid programmatic selection. Only disabled and static options — which are
|
|
83742
|
-
* never selectable — are rejected.
|
|
83743
|
-
* @param {HTMLElement} option - The option to check.
|
|
83744
|
-
* @returns {boolean} True if option can be selected by value.
|
|
83745
|
-
*/
|
|
83746
|
-
function isSelectableByValue(option) {
|
|
83747
|
-
return !option.hasAttribute('disabled') &&
|
|
83748
|
-
!option.hasAttribute('static');
|
|
83749
|
-
}
|
|
83750
|
-
|
|
83751
83725
|
/**
|
|
83752
83726
|
* Helper method to dispatch custom events.
|
|
83753
83727
|
* @param {HTMLElement} element - Element to dispatch event from.
|
|
@@ -83917,26 +83891,22 @@ class AuroMenu extends AuroElement$2 {
|
|
|
83917
83891
|
|
|
83918
83892
|
/**
|
|
83919
83893
|
* Specifies the current active menuOption.
|
|
83920
|
-
* @readonly
|
|
83921
83894
|
*/
|
|
83922
83895
|
optionActive: {
|
|
83923
83896
|
type: Object,
|
|
83924
|
-
attribute:
|
|
83897
|
+
attribute: 'optionactive'
|
|
83925
83898
|
},
|
|
83926
83899
|
|
|
83927
83900
|
/**
|
|
83928
|
-
*
|
|
83929
|
-
* @readonly
|
|
83901
|
+
* An array of currently selected menu options, type `HTMLElement` by default. In multi-select mode, `optionSelected` is an array of HTML elements.
|
|
83930
83902
|
*/
|
|
83931
83903
|
optionSelected: {
|
|
83932
83904
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
83933
|
-
type: Object
|
|
83934
|
-
attribute: false
|
|
83905
|
+
type: Object
|
|
83935
83906
|
},
|
|
83936
83907
|
|
|
83937
83908
|
/**
|
|
83938
83909
|
* The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.
|
|
83939
|
-
* 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.
|
|
83940
83910
|
*/
|
|
83941
83911
|
value: {
|
|
83942
83912
|
type: String,
|
|
@@ -84060,7 +84030,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84060
84030
|
}
|
|
84061
84031
|
|
|
84062
84032
|
/**
|
|
84063
|
-
* Selects options by value.
|
|
84033
|
+
* Selects options by value.
|
|
84064
84034
|
* @param {string|string[]|undefined|null} value - The value(s) to select.
|
|
84065
84035
|
* @public
|
|
84066
84036
|
*/
|
|
@@ -84145,11 +84115,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84145
84115
|
this.initItems();
|
|
84146
84116
|
}
|
|
84147
84117
|
|
|
84148
|
-
// Set when reconciliation reassigns `value` below. That reassignment schedules a
|
|
84149
|
-
// second updated() cycle, so the `event`-attribute dispatch is deferred to that
|
|
84150
|
-
// cycle to avoid firing option custom events twice on the same selection.
|
|
84151
|
-
let valueReconciled = false;
|
|
84152
|
-
|
|
84153
84118
|
// Handle null/undefined/empty case — empty/whitespace strings clear selection
|
|
84154
84119
|
// consistently with selectByValue(''), and avoid downstream `.includes('')` matches.
|
|
84155
84120
|
if (this.value === undefined || this.value === null || (typeof this.value === 'string' && this.value.trim() === '')) {
|
|
@@ -84162,31 +84127,11 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84162
84127
|
// Defensive default: `formattedValue` can be undefined for unexpected value types,
|
|
84163
84128
|
// and calling `.includes` on undefined would throw during reconciliation.
|
|
84164
84129
|
const valueArray = this.formattedValue || [];
|
|
84165
|
-
const matchingOptions = this.items ? this.items.filter((item) =>
|
|
84130
|
+
const matchingOptions = this.items ? this.items.filter((item) => valueArray.includes(item.value)) : [];
|
|
84166
84131
|
newSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
|
|
84167
|
-
|
|
84168
|
-
// Reconcile `value` with the selectable set. Drop only entries whose option is
|
|
84169
|
-
// loaded but non-selectable (disabled/static) — leaving them would desync `value`
|
|
84170
|
-
// from `optionSelected`, and the toggle handlers rebuild `value` from `formattedValue`,
|
|
84171
|
-
// so the rejected entry would resurface on the next select/deselect. Entries with no
|
|
84172
|
-
// matching item yet are preserved so async preselection still works once options render.
|
|
84173
|
-
const rejectedValues = this.items
|
|
84174
|
-
? this.items.filter((item) => !isSelectableByValue(item) && valueArray.includes(item.value)).map((item) => item.value)
|
|
84175
|
-
: [];
|
|
84176
|
-
if (rejectedValues.length > 0) {
|
|
84177
|
-
const reconciled = valueArray.filter((val) => !rejectedValues.includes(val));
|
|
84178
|
-
this.value = serializeMultiSelectValue(reconciled);
|
|
84179
|
-
valueReconciled = true;
|
|
84180
|
-
}
|
|
84181
84132
|
} else {
|
|
84182
|
-
// In single-select mode, this.value should be a string
|
|
84183
|
-
|
|
84184
|
-
// non-selectable option falls through to the no-match path below
|
|
84185
|
-
// (dispatching auroMenu-selectValueFailure) instead of pinning it.
|
|
84186
|
-
// `hidden` is intentionally NOT excluded: the combobox toggles
|
|
84187
|
-
// `hidden` as its type-ahead filter, so a filtered-out option is
|
|
84188
|
-
// still a valid programmatic selection.
|
|
84189
|
-
const matchingOption = this.items ? this.items.find((item) => isSelectableByValue(item) && item.value === this.value) : undefined;
|
|
84133
|
+
// In single-select mode, this.value should be a string
|
|
84134
|
+
const matchingOption = this.items ? this.items.find((item) => item.value === this.value) : undefined;
|
|
84190
84135
|
|
|
84191
84136
|
if (matchingOption) {
|
|
84192
84137
|
newSelected = matchingOption;
|
|
@@ -84228,9 +84173,8 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84228
84173
|
]
|
|
84229
84174
|
]));
|
|
84230
84175
|
|
|
84231
|
-
// Notify of changes
|
|
84232
|
-
|
|
84233
|
-
if (this.optionSelected !== undefined && !valueReconciled) {
|
|
84176
|
+
// Notify of changes
|
|
84177
|
+
if (this.optionSelected !== undefined) {
|
|
84234
84178
|
const selected = Array.isArray(this.optionSelected) ? this.optionSelected : [this.optionSelected];
|
|
84235
84179
|
selected.forEach((opt) => {
|
|
84236
84180
|
if (opt.hasAttribute('event')) {
|
|
@@ -84443,7 +84387,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84443
84387
|
const currentSelected = this.optionSelected || [];
|
|
84444
84388
|
|
|
84445
84389
|
if (!currentValue.includes(option.value)) {
|
|
84446
|
-
this.value =
|
|
84390
|
+
this.value = JSON.stringify([
|
|
84447
84391
|
...currentValue,
|
|
84448
84392
|
option.value
|
|
84449
84393
|
]);
|
|
@@ -84469,9 +84413,15 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84469
84413
|
*/
|
|
84470
84414
|
handleDeselectState(option) {
|
|
84471
84415
|
if (this.multiSelect) {
|
|
84472
|
-
// Remove this option from array
|
|
84416
|
+
// Remove this option from array
|
|
84473
84417
|
const newFormattedValue = (this.formattedValue || []).filter((val) => val !== option.value);
|
|
84474
|
-
|
|
84418
|
+
|
|
84419
|
+
// If array is empty after removal, set back to undefined
|
|
84420
|
+
if (newFormattedValue && newFormattedValue.length === 0) {
|
|
84421
|
+
this.value = undefined;
|
|
84422
|
+
} else {
|
|
84423
|
+
this.value = JSON.stringify(newFormattedValue);
|
|
84424
|
+
}
|
|
84475
84425
|
|
|
84476
84426
|
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
84477
84427
|
if (this.optionSelected.length === 0) {
|
|
@@ -84518,11 +84468,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84518
84468
|
this.optionSelected = undefined;
|
|
84519
84469
|
this._index = -1;
|
|
84520
84470
|
|
|
84521
|
-
// Clear active option state so a follow-up open/navigation starts fresh
|
|
84522
|
-
// rather than reusing a stale reference from before the reset.
|
|
84523
|
-
this.items?.forEach((item) => item.classList.remove('active'));
|
|
84524
|
-
this.optionActive = undefined;
|
|
84525
|
-
|
|
84526
84471
|
// Reset UI state
|
|
84527
84472
|
this.updateItemsState(new Map([
|
|
84528
84473
|
[
|
|
@@ -84972,7 +84917,6 @@ let menuOptionIdCounter = 0;
|
|
|
84972
84917
|
* The `auro-menuoption` element provides users a way to define a menu option.
|
|
84973
84918
|
* @customElement auro-menuoption
|
|
84974
84919
|
*
|
|
84975
|
-
* @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.
|
|
84976
84920
|
* @slot default - The default slot for the menu option text.
|
|
84977
84921
|
*
|
|
84978
84922
|
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
@@ -85002,7 +84946,6 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85002
84946
|
this.noCheckmark = false;
|
|
85003
84947
|
this.disabled = false;
|
|
85004
84948
|
this.noMatch = false;
|
|
85005
|
-
this.persistent = false;
|
|
85006
84949
|
|
|
85007
84950
|
/**
|
|
85008
84951
|
* @private
|
|
@@ -85024,12 +84967,6 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85024
84967
|
type: Boolean,
|
|
85025
84968
|
reflect: true
|
|
85026
84969
|
},
|
|
85027
|
-
|
|
85028
|
-
/**
|
|
85029
|
-
* **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.
|
|
85030
|
-
*
|
|
85031
|
-
* @deprecated Use the `value` attribute on `auro-menu` instead.
|
|
85032
|
-
*/
|
|
85033
84970
|
selected: {
|
|
85034
84971
|
type: Boolean,
|
|
85035
84972
|
reflect: true
|
|
@@ -85064,12 +85001,6 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
85064
85001
|
reflect: true,
|
|
85065
85002
|
attribute: 'nomatch'
|
|
85066
85003
|
},
|
|
85067
|
-
|
|
85068
|
-
/** 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. */
|
|
85069
|
-
persistent: {
|
|
85070
|
-
type: Boolean,
|
|
85071
|
-
reflect: true
|
|
85072
|
-
},
|
|
85073
85004
|
};
|
|
85074
85005
|
}
|
|
85075
85006
|
|
|
@@ -90165,7 +90096,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90165
90096
|
}
|
|
90166
90097
|
};
|
|
90167
90098
|
|
|
90168
|
-
var formkitVersion$1 = '
|
|
90099
|
+
var formkitVersion$1 = '202607082143';
|
|
90169
90100
|
|
|
90170
90101
|
class AuroElement extends i$2 {
|
|
90171
90102
|
static get properties() {
|
|
@@ -92204,7 +92135,7 @@ class AuroHelpText extends i$2 {
|
|
|
92204
92135
|
}
|
|
92205
92136
|
}
|
|
92206
92137
|
|
|
92207
|
-
var formkitVersion = '
|
|
92138
|
+
var formkitVersion = '202607082143';
|
|
92208
92139
|
|
|
92209
92140
|
var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
92210
92141
|
|
|
@@ -92646,7 +92577,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92646
92577
|
},
|
|
92647
92578
|
|
|
92648
92579
|
/**
|
|
92649
|
-
* Value selected for the component.
|
|
92580
|
+
* Value selected for the component.
|
|
92650
92581
|
*/
|
|
92651
92582
|
value: {
|
|
92652
92583
|
type: String,
|
|
@@ -93466,10 +93397,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93466
93397
|
this._observeLabelChanges();
|
|
93467
93398
|
}
|
|
93468
93399
|
|
|
93469
|
-
/**
|
|
93470
|
-
* Sets the selected value by matching it against the menu options. Options marked `disabled` or `static` are not selectable: if the value matches one, the selection is rejected and `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable.
|
|
93471
|
-
* @param {string} value - The value to match against the menu options.
|
|
93472
|
-
*/
|
|
93473
93400
|
setMenuValue(value) {
|
|
93474
93401
|
if (!this.menu) return;
|
|
93475
93402
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
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 = '202607082143';
|
|
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:</strong> Selects the currently
|
|
24
|
-
<li><strong>
|
|
22
|
+
<li><strong>Arrow Down / Arrow Up:</strong> Moves focus between options.</li>
|
|
23
|
+
<li><strong>Enter / Space:</strong> Selects the currently focused option.</li>
|
|
24
|
+
<li><strong>Home / End:</strong> Moves focus to the first or last option.</li>
|
|
25
25
|
</ul>
|
|
26
|
-
<p>See the <auro-hyperlink href="
|
|
26
|
+
<p>See the <auro-hyperlink href="keyboardBehavior">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` | `optionactive` | | `object` | "undefined" | Specifies the current active menuOption. |
|
|
22
|
+
| `optionSelected` | `optionSelected` | | `object` | "undefined" | An array of currently selected menu options, type `HTMLElement` by default. In multi-select mode, `optionSelected` is an array of HTML elements. |
|
|
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. |
|
|
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
|
|
34
|
+
| `selectByValue` | `(value: string \| string[] \| null \| undefined): void` | Selects options by value.<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,12 +58,6 @@ 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
|
-
|
|
67
61
|
## Properties
|
|
68
62
|
|
|
69
63
|
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
@@ -74,8 +68,7 @@ The `auro-menuoption` element provides users a way to define a menu option.
|
|
|
74
68
|
| `layout` | | | `string` | | |
|
|
75
69
|
| `noCheckmark` | `noCheckmark` | | `boolean` | false | |
|
|
76
70
|
| `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. |
|
|
77
|
-
| `
|
|
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. |
|
|
71
|
+
| `selected` | `selected` | | `boolean` | false | |
|
|
79
72
|
| `value` | `value` | | `string` | | |
|
|
80
73
|
|
|
81
74
|
## Methods
|