@aurodesignsystem-dev/auro-formkit 0.0.0-pr1603.4 → 0.0.0-pr1604.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +4 -102
- package/components/combobox/demo/getting-started.md +49 -0
- package/components/combobox/demo/getting-started.min.js +23 -102
- package/components/combobox/demo/index.min.js +4 -102
- package/components/combobox/dist/auro-combobox.d.ts +0 -22
- package/components/combobox/dist/index.js +4 -86
- package/components/combobox/dist/registered.js +4 -86
- package/components/counter/demo/api.md +2 -0
- package/components/counter/demo/customize.min.js +26 -2
- package/components/counter/demo/getting-started.html +3 -1
- package/components/counter/demo/getting-started.md +49 -0
- package/components/counter/demo/getting-started.min.js +8492 -0
- package/components/counter/demo/index.min.js +26 -2
- package/components/counter/dist/auro-counter-group.d.ts +6 -0
- package/components/counter/dist/auro-counter.d.ts +6 -0
- package/components/counter/dist/index.js +26 -2
- package/components/counter/dist/registered.js +26 -2
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/getting-started.html +3 -1
- package/components/datepicker/demo/getting-started.md +39 -0
- package/components/datepicker/demo/getting-started.min.js +37626 -0
- 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 +2 -2
- 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 +44 -113
- package/components/form/demo/getting-started.min.js +44 -113
- package/components/form/demo/index.min.js +44 -113
- package/components/form/demo/registerDemoDeps.min.js +38 -112
- package/components/form/dist/index.js +6 -1
- package/components/form/dist/registered.js +6 -1
- package/components/input/demo/customize.md +0 -37
- package/components/input/demo/customize.min.js +1 -10
- package/components/input/demo/getting-started.md +33 -0
- package/components/input/demo/getting-started.min.js +21 -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/index.min.js +0 -16
- package/components/menu/dist/index.js +0 -16
- package/components/menu/dist/registered.js +0 -16
- 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/customize.min.js +2 -18
- package/components/select/demo/getting-started.md +49 -0
- package/components/select/demo/getting-started.min.js +24 -19
- package/components/select/demo/index.min.js +2 -18
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1492 -1492
- package/package.json +1 -1
|
@@ -12467,7 +12467,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12467
12467
|
}
|
|
12468
12468
|
};
|
|
12469
12469
|
|
|
12470
|
-
var formkitVersion$8 = '
|
|
12470
|
+
var formkitVersion$8 = '202609011830';
|
|
12471
12471
|
|
|
12472
12472
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12473
12473
|
// See LICENSE in the project root for license information.
|
|
@@ -27030,7 +27030,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
27030
27030
|
}
|
|
27031
27031
|
};
|
|
27032
27032
|
|
|
27033
|
-
var formkitVersion$2$1 = '
|
|
27033
|
+
var formkitVersion$2$1 = '202609011830';
|
|
27034
27034
|
|
|
27035
27035
|
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}
|
|
27036
27036
|
`,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}}
|
|
@@ -32874,7 +32874,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32874
32874
|
}
|
|
32875
32875
|
};
|
|
32876
32876
|
|
|
32877
|
-
var formkitVersion$1$3 = '
|
|
32877
|
+
var formkitVersion$1$3 = '202609011830';
|
|
32878
32878
|
|
|
32879
32879
|
/**
|
|
32880
32880
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -46736,7 +46736,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46736
46736
|
}
|
|
46737
46737
|
};
|
|
46738
46738
|
|
|
46739
|
-
var formkitVersion$7 = '
|
|
46739
|
+
var formkitVersion$7 = '202609011830';
|
|
46740
46740
|
|
|
46741
46741
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46742
46742
|
// See LICENSE in the project root for license information.
|
|
@@ -51842,7 +51842,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51842
51842
|
}
|
|
51843
51843
|
};
|
|
51844
51844
|
|
|
51845
|
-
var formkitVersion$1$2 = '
|
|
51845
|
+
var formkitVersion$1$2 = '202609011830';
|
|
51846
51846
|
|
|
51847
51847
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51848
51848
|
// See LICENSE in the project root for license information.
|
|
@@ -52200,6 +52200,17 @@ class AuroCounter extends i$2 {
|
|
|
52200
52200
|
this.validation.validate(this, force);
|
|
52201
52201
|
}
|
|
52202
52202
|
|
|
52203
|
+
/**
|
|
52204
|
+
* Resets the counter to its default state, clearing validity/touched state and returning
|
|
52205
|
+
* the value to `min` — matching the clear-on-reset behavior of the other Auro form elements.
|
|
52206
|
+
* @returns {void}
|
|
52207
|
+
*/
|
|
52208
|
+
reset() {
|
|
52209
|
+
// validation.reset() clears validity/touched and sets value to undefined; initValue() then restores the min floor.
|
|
52210
|
+
this.validation.reset(this);
|
|
52211
|
+
this.initValue();
|
|
52212
|
+
}
|
|
52213
|
+
|
|
52203
52214
|
firstUpdated() {
|
|
52204
52215
|
this.initValue();
|
|
52205
52216
|
this.setTagAttribute("auro-counter");
|
|
@@ -56131,7 +56142,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
56131
56142
|
}
|
|
56132
56143
|
};
|
|
56133
56144
|
|
|
56134
|
-
var formkitVersion$6 = '
|
|
56145
|
+
var formkitVersion$6 = '202609011830';
|
|
56135
56146
|
|
|
56136
56147
|
/**
|
|
56137
56148
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -58859,6 +58870,19 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
58859
58870
|
this.validation.validate(this, force);
|
|
58860
58871
|
}
|
|
58861
58872
|
|
|
58873
|
+
/**
|
|
58874
|
+
* Resets the counter group to its initial state by resetting each child counter and clearing validity.
|
|
58875
|
+
* Each child reset dispatches an `input` event, which triggers `updateValue()` to recompute `value`/`total`.
|
|
58876
|
+
* @returns {void}
|
|
58877
|
+
*/
|
|
58878
|
+
reset() {
|
|
58879
|
+
if (this.counters) {
|
|
58880
|
+
this.counters.forEach((counter) => counter.reset());
|
|
58881
|
+
}
|
|
58882
|
+
|
|
58883
|
+
this.validation.reset(this);
|
|
58884
|
+
}
|
|
58885
|
+
|
|
58862
58886
|
updated(changedProperties) {
|
|
58863
58887
|
if (changedProperties.has("value")) {
|
|
58864
58888
|
this.validate();
|
|
@@ -60303,7 +60327,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
60303
60327
|
}
|
|
60304
60328
|
};
|
|
60305
60329
|
|
|
60306
|
-
var formkitVersion$5 = '
|
|
60330
|
+
var formkitVersion$5 = '202609011830';
|
|
60307
60331
|
|
|
60308
60332
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60309
60333
|
// See LICENSE in the project root for license information.
|
|
@@ -62097,7 +62121,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
62097
62121
|
}
|
|
62098
62122
|
};
|
|
62099
62123
|
|
|
62100
|
-
var formkitVersion$4 = '
|
|
62124
|
+
var formkitVersion$4 = '202609011830';
|
|
62101
62125
|
|
|
62102
62126
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62103
62127
|
// See LICENSE in the project root for license information.
|
|
@@ -67524,7 +67548,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
67524
67548
|
}
|
|
67525
67549
|
};
|
|
67526
67550
|
|
|
67527
|
-
var formkitVersion$2 = '
|
|
67551
|
+
var formkitVersion$2 = '202609011830';
|
|
67528
67552
|
|
|
67529
67553
|
/**
|
|
67530
67554
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -81386,7 +81410,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
81386
81410
|
}
|
|
81387
81411
|
};
|
|
81388
81412
|
|
|
81389
|
-
var formkitVersion$1$1 = '
|
|
81413
|
+
var formkitVersion$1$1 = '202609011830';
|
|
81390
81414
|
|
|
81391
81415
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81392
81416
|
// See LICENSE in the project root for license information.
|
|
@@ -82578,7 +82602,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
82578
82602
|
}
|
|
82579
82603
|
};
|
|
82580
82604
|
|
|
82581
|
-
var formkitVersion$3 = '
|
|
82605
|
+
var formkitVersion$3 = '202609011830';
|
|
82582
82606
|
|
|
82583
82607
|
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}`;
|
|
82584
82608
|
|
|
@@ -83019,11 +83043,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83019
83043
|
this.behavior = "suggestion";
|
|
83020
83044
|
this.clearBtnFocused = false;
|
|
83021
83045
|
|
|
83022
|
-
// One-shot: set when the input's clear button is activated so the
|
|
83023
|
-
// SPA-preselect guard in handleInputValueChange doesn't swallow the
|
|
83024
|
-
// genuine clear (AB#1634257).
|
|
83025
|
-
this._clearBtnActivated = false;
|
|
83026
|
-
|
|
83027
83046
|
// Defaults that effect the overall layout of the combobox
|
|
83028
83047
|
this.checkmark = false;
|
|
83029
83048
|
this.dvInputOnly = false;
|
|
@@ -83981,13 +84000,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83981
84000
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$);
|
|
83982
84001
|
this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
|
|
83983
84002
|
|
|
83984
|
-
// Mirror the trigger's clear-button tracking onto the fullscreen bib input
|
|
83985
|
-
// so clearing there also fully resets the combobox (AB#1634257). See
|
|
83986
|
-
// trackClearBtnActivation for why this must run in the capture phase.
|
|
83987
|
-
if (this.inputInBib && this.inputInBib !== this.input) {
|
|
83988
|
-
this.trackClearBtnActivation(this.inputInBib);
|
|
83989
|
-
}
|
|
83990
|
-
|
|
83991
84003
|
// Pass label text to the dropdown bib for accessible dialog naming
|
|
83992
84004
|
const labelElement = this.querySelector('[slot="label"]');
|
|
83993
84005
|
if (labelElement) {
|
|
@@ -84373,52 +84385,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84373
84385
|
this.clearBtnFocused = false;
|
|
84374
84386
|
}
|
|
84375
84387
|
});
|
|
84376
|
-
|
|
84377
|
-
this.trackClearBtnActivation(this.input);
|
|
84378
|
-
}
|
|
84379
|
-
|
|
84380
|
-
/**
|
|
84381
|
-
* Flags genuine clear-button activations on an auro-input so the SPA-preselect
|
|
84382
|
-
* guard in handleInputValueChange doesn't swallow them.
|
|
84383
|
-
*
|
|
84384
|
-
* The auro-input clear button fires an `isProgrammatic` input event (via
|
|
84385
|
-
* notifyValueChanged) that is indistinguishable in shape from the
|
|
84386
|
-
* SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
|
|
84387
|
-
* input). Without this one-shot flag, clicking clear would leave
|
|
84388
|
-
* this.value/optionSelected stale (AB#1634257).
|
|
84389
|
-
*
|
|
84390
|
-
* Delegated on the shadow root so it works regardless of when .clearBtn
|
|
84391
|
-
* renders (it only exists after a value is set), and covers both real clicks
|
|
84392
|
-
* and programmatic clearBtn.click() (which no focusin precedes). Registered in
|
|
84393
|
-
* the CAPTURE phase so the flag is set BEFORE the button's own @click
|
|
84394
|
-
* (handleClickClear) fires its synchronous input event — which is when
|
|
84395
|
-
* handleInputValueChange reads the flag.
|
|
84396
|
-
* @private
|
|
84397
|
-
* @param {Element} inputEl - The auro-input whose clear button to track.
|
|
84398
|
-
* @returns {void}
|
|
84399
|
-
*/
|
|
84400
|
-
trackClearBtnActivation(inputEl) {
|
|
84401
|
-
if (!inputEl || !inputEl.shadowRoot) {
|
|
84402
|
-
return;
|
|
84403
|
-
}
|
|
84404
|
-
inputEl.shadowRoot.addEventListener('click', (event) => {
|
|
84405
|
-
if (event.target.closest('.clearBtn')) {
|
|
84406
|
-
this._clearBtnActivated = true;
|
|
84407
|
-
|
|
84408
|
-
// Bound the flag's lifetime to this synchronous clear -> input window.
|
|
84409
|
-
// auro-input's handleClickClear fires its input event synchronously
|
|
84410
|
-
// (before any macrotask runs), so handleInputValueChange consumes the
|
|
84411
|
-
// flag first and this reset is a harmless no-op. It only does real work
|
|
84412
|
-
// if that input event never arrives (e.g. auro-input throws mid-clear),
|
|
84413
|
-
// guaranteeing the flag can't survive to be misread as a genuine clear
|
|
84414
|
-
// by a later unrelated event such as an SPA-preselect echo (AB#1634257).
|
|
84415
|
-
// Scheduled via _scheduleTimer so disconnectedCallback cancels it if the
|
|
84416
|
-
// component tears down inside that window.
|
|
84417
|
-
this._scheduleTimer(() => {
|
|
84418
|
-
this._clearBtnActivated = false;
|
|
84419
|
-
}, 0);
|
|
84420
|
-
}
|
|
84421
|
-
}, true);
|
|
84422
84388
|
}
|
|
84423
84389
|
|
|
84424
84390
|
/**
|
|
@@ -84460,17 +84426,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84460
84426
|
* @returns {void}
|
|
84461
84427
|
*/
|
|
84462
84428
|
handleInputValueChange(event) {
|
|
84463
|
-
// Consume the one-shot clear-button flag on EVERY entry, before any branch
|
|
84464
|
-
// below can early-return. trackClearBtnActivation sets it in the capture
|
|
84465
|
-
// phase right before auro-input's clear button fires its synchronous input
|
|
84466
|
-
// event; reading and immediately clearing it here guarantees the flag never
|
|
84467
|
-
// survives a handleInputValueChange call to leak into a later event (e.g.
|
|
84468
|
-
// the bib branch bailing at _syncingDisplayValue, or an SPA-preselect echo)
|
|
84469
|
-
// where it would defeat the guard below. Held in a local so that guard can
|
|
84470
|
-
// still tell a genuine clear from the init-render echo (AB#1634257).
|
|
84471
|
-
const clearBtnActivated = this._clearBtnActivated;
|
|
84472
|
-
this._clearBtnActivated = false;
|
|
84473
|
-
|
|
84474
84429
|
// When the event comes from the fullscreen bib input, sync the value to
|
|
84475
84430
|
// the trigger input. Setting trigger.value triggers Lit's updated()
|
|
84476
84431
|
// (async, microtask) which fires notifyValueChanged() → another 'input'
|
|
@@ -84518,12 +84473,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84518
84473
|
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
84519
84474
|
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
84520
84475
|
// where value/input already track each other through the sync helpers.
|
|
84521
|
-
|
|
84522
|
-
// empty input) but is a genuine user clear that MUST reset this.value and
|
|
84523
|
-
// optionSelected below. clearBtnActivated (consumed at the top of this
|
|
84524
|
-
// method) is true only for that genuine clear, so only the real
|
|
84525
|
-
// SPA-preselect echo bails (AB#1634257).
|
|
84526
|
-
if (event && event.isProgrammatic && this.value && !this.input.value && !clearBtnActivated) {
|
|
84476
|
+
if (event && event.isProgrammatic && this.value && !this.input.value) {
|
|
84527
84477
|
return;
|
|
84528
84478
|
}
|
|
84529
84479
|
|
|
@@ -84766,14 +84716,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84766
84716
|
}
|
|
84767
84717
|
if (this.menu.value || this.menu.optionSelected) {
|
|
84768
84718
|
this.menu.reset();
|
|
84769
|
-
} else {
|
|
84770
|
-
// The menu's selection properties are already cleared, but option
|
|
84771
|
-
// elements can still carry a stale `selected` attribute (e.g. the menu
|
|
84772
|
-
// options were rebuilt after the value was set, orphaning the DOM from
|
|
84773
|
-
// the now-null optionSelected). reset() is skipped above in that case,
|
|
84774
|
-
// so re-sync the option DOM directly to guarantee no option renders as
|
|
84775
|
-
// selected once the field is cleared (AB#1634259).
|
|
84776
|
-
this.menu.clearSelection();
|
|
84777
84719
|
}
|
|
84778
84720
|
} finally {
|
|
84779
84721
|
this._clearing = false;
|
|
@@ -86408,22 +86350,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
86408
86350
|
this.value = undefined;
|
|
86409
86351
|
this._selectedKey = undefined;
|
|
86410
86352
|
this._index = -1;
|
|
86411
|
-
|
|
86412
|
-
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
86413
|
-
// reactive properties above normally schedules updated() → updateItemsState,
|
|
86414
|
-
// but that only runs when a property actually changes. If an option still
|
|
86415
|
-
// carries a stale `selected`/`aria-selected` attribute while these
|
|
86416
|
-
// properties are already undefined (e.g. options were rebuilt after a value
|
|
86417
|
-
// was set), no re-render fires and the option keeps rendering as selected.
|
|
86418
|
-
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
86419
|
-
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
86420
|
-
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
86421
|
-
this.updateItemsState(new Map([
|
|
86422
|
-
[
|
|
86423
|
-
'optionSelected',
|
|
86424
|
-
true
|
|
86425
|
-
]
|
|
86426
|
-
]));
|
|
86427
86353
|
}
|
|
86428
86354
|
|
|
86429
86355
|
/**
|
|
@@ -92107,7 +92033,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
92107
92033
|
}
|
|
92108
92034
|
};
|
|
92109
92035
|
|
|
92110
|
-
var formkitVersion$1 = '
|
|
92036
|
+
var formkitVersion$1 = '202609011830';
|
|
92111
92037
|
|
|
92112
92038
|
/**
|
|
92113
92039
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -94280,7 +94206,7 @@ class AuroHelpText extends i$2 {
|
|
|
94280
94206
|
}
|
|
94281
94207
|
}
|
|
94282
94208
|
|
|
94283
|
-
var formkitVersion = '
|
|
94209
|
+
var formkitVersion = '202609011830';
|
|
94284
94210
|
|
|
94285
94211
|
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{max-width:100%}.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%;box-sizing:border-box;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{overflow:hidden;height:auto;text-overflow:ellipsis;white-space:nowrap}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}`;
|
|
94286
94212
|
|
|
@@ -677,7 +677,12 @@ class AuroForm extends LitElement {
|
|
|
677
677
|
*/
|
|
678
678
|
reset() {
|
|
679
679
|
const previousValue = this.value;
|
|
680
|
-
this._elements.forEach((element) =>
|
|
680
|
+
this._elements.forEach((element) => {
|
|
681
|
+
// Guard against a registered element that does not implement reset() so one missing method cannot abort the entire form reset.
|
|
682
|
+
if (typeof element.reset === 'function') {
|
|
683
|
+
element.reset();
|
|
684
|
+
}
|
|
685
|
+
});
|
|
681
686
|
|
|
682
687
|
this.updateComplete.then(() => {
|
|
683
688
|
this.initializeState();
|
|
@@ -677,7 +677,12 @@ class AuroForm extends LitElement {
|
|
|
677
677
|
*/
|
|
678
678
|
reset() {
|
|
679
679
|
const previousValue = this.value;
|
|
680
|
-
this._elements.forEach((element) =>
|
|
680
|
+
this._elements.forEach((element) => {
|
|
681
|
+
// Guard against a registered element that does not implement reset() so one missing method cannot abort the entire form reset.
|
|
682
|
+
if (typeof element.reset === 'function') {
|
|
683
|
+
element.reset();
|
|
684
|
+
}
|
|
685
|
+
});
|
|
681
686
|
|
|
682
687
|
this.updateComplete.then(() => {
|
|
683
688
|
this.initializeState();
|
|
@@ -1432,43 +1432,6 @@
|
|
|
1432
1432
|
</auro-accordion>
|
|
1433
1433
|
</section>
|
|
1434
1434
|
<section>
|
|
1435
|
-
<auro-header level="2" id="resetState">Reset State</auro-header>
|
|
1436
|
-
<p>Use the <code>reset()</code> method to reset the <code><auro-input></code>'s <code>value</code> and <code>validity</code> state. Doing so will preserve all other attributes and properties.</p>
|
|
1437
|
-
<div class="exampleWrapper">
|
|
1438
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/reset-state.html) -->
|
|
1439
|
-
<!-- The below content is automatically added from ../apiExamples/reset-state.html -->
|
|
1440
|
-
<auro-button id="resetStateBtn">Reset</auro-button>
|
|
1441
|
-
<br /><br />
|
|
1442
|
-
<auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
|
|
1443
|
-
<span slot="label">Full Name</span>
|
|
1444
|
-
<span slot="helpText">Please enter your full name.</span>
|
|
1445
|
-
</auro-input>
|
|
1446
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1447
|
-
</div>
|
|
1448
|
-
<auro-accordion alignRight>
|
|
1449
|
-
<span slot="trigger">See code</span>
|
|
1450
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/reset-state.html) -->
|
|
1451
|
-
<!-- The below code snippet is automatically added from ../apiExamples/reset-state.html -->
|
|
1452
|
-
<pre class="language-html"><code class="language-html"><auro-button id="resetStateBtn">Reset</auro-button>
|
|
1453
|
-
<br /><br />
|
|
1454
|
-
<auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
|
|
1455
|
-
<span slot="label">Full Name</span>
|
|
1456
|
-
<span slot="helpText">Please enter your full name.</span>
|
|
1457
|
-
</auro-input></code></pre>
|
|
1458
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1459
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/reset-state.js) -->
|
|
1460
|
-
<!-- The below code snippet is automatically added from ../apiExamples/reset-state.js -->
|
|
1461
|
-
<pre class="language-js"><code class="language-js">export function resetStateExample() {
|
|
1462
|
-
const elem = document.querySelector('#resetStateExample');
|
|
1463
|
-
|
|
1464
|
-
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
1465
|
-
elem.reset();
|
|
1466
|
-
});
|
|
1467
|
-
}</code></pre>
|
|
1468
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1469
|
-
</auro-accordion>
|
|
1470
|
-
</section>
|
|
1471
|
-
<section>
|
|
1472
1435
|
<auro-header level="2" id="swapValues">Swapping Values Between Inputs</auro-header>
|
|
1473
1436
|
<p>Example illustrates using a JavaScript function attached to an <code>auro-button</code> component <code>click</code> event to swap the values of two <code>auro-input</code> elements. An example of this use case would be swapping the departure and arrival airports in a flight search form.</p>
|
|
1474
1437
|
<div class="exampleWrapper">
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609011830';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -13212,14 +13212,6 @@ function setReadonlyValue() {
|
|
|
13212
13212
|
});
|
|
13213
13213
|
}
|
|
13214
13214
|
|
|
13215
|
-
function resetStateExample() {
|
|
13216
|
-
const elem = document.querySelector('#resetStateExample');
|
|
13217
|
-
|
|
13218
|
-
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
13219
|
-
elem.reset();
|
|
13220
|
-
});
|
|
13221
|
-
}
|
|
13222
|
-
|
|
13223
13215
|
function swapInputValues() {
|
|
13224
13216
|
const btn = document.querySelector('#swapExampleBtn');
|
|
13225
13217
|
const inputOne = document.querySelector('#swapExampleLeft');
|
|
@@ -13244,7 +13236,6 @@ function initExamples(initCount) {
|
|
|
13244
13236
|
customError();
|
|
13245
13237
|
setReadonlyValue();
|
|
13246
13238
|
swapInputValues();
|
|
13247
|
-
resetStateExample();
|
|
13248
13239
|
} catch (error) {
|
|
13249
13240
|
if (initCount <= 20) {
|
|
13250
13241
|
setTimeout(() => {
|
|
@@ -317,6 +317,39 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
|
|
|
317
317
|
<p>Programmatically moves focus to the input element.</p>
|
|
318
318
|
<auro-header level="3" id="reset">reset()</auro-header>
|
|
319
319
|
<p>Resets the component to its initial state, clearing the value and validation state.</p>
|
|
320
|
+
<div class="exampleWrapper">
|
|
321
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/reset-state.html) -->
|
|
322
|
+
<!-- The below content is automatically added from ./../apiExamples/reset-state.html -->
|
|
323
|
+
<auro-button id="resetStateBtn">Reset</auro-button>
|
|
324
|
+
<br /><br />
|
|
325
|
+
<auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
|
|
326
|
+
<span slot="label">Full Name</span>
|
|
327
|
+
<span slot="helpText">Please enter your full name.</span>
|
|
328
|
+
</auro-input>
|
|
329
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
330
|
+
</div>
|
|
331
|
+
<auro-accordion alignRight>
|
|
332
|
+
<span slot="trigger">See code</span>
|
|
333
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.html) -->
|
|
334
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/reset-state.html -->
|
|
335
|
+
<pre class="language-html"><code class="language-html"><auro-button id="resetStateBtn">Reset</auro-button>
|
|
336
|
+
<br /><br />
|
|
337
|
+
<auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
|
|
338
|
+
<span slot="label">Full Name</span>
|
|
339
|
+
<span slot="helpText">Please enter your full name.</span>
|
|
340
|
+
</auro-input></code></pre>
|
|
341
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
342
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.js) -->
|
|
343
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/reset-state.js -->
|
|
344
|
+
<pre class="language-js"><code class="language-js">export function resetStateExample() {
|
|
345
|
+
const elem = document.querySelector('#resetStateExample');
|
|
346
|
+
|
|
347
|
+
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
348
|
+
elem.reset();
|
|
349
|
+
});
|
|
350
|
+
}</code></pre>
|
|
351
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
352
|
+
</auro-accordion>
|
|
320
353
|
<auro-header level="3" id="validate">validate()</auro-header>
|
|
321
354
|
<p>Triggers validation on the component. Pass <code>true</code> to force validation even when <code>noValidate</code> is set.</p>
|
|
322
355
|
</section>
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609011830';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -13186,10 +13186,30 @@ class AuroInput extends BaseInput {
|
|
|
13186
13186
|
}
|
|
13187
13187
|
}
|
|
13188
13188
|
|
|
13189
|
+
function resetStateExample() {
|
|
13190
|
+
const elem = document.querySelector('#resetStateExample');
|
|
13191
|
+
|
|
13192
|
+
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
13193
|
+
elem.reset();
|
|
13194
|
+
});
|
|
13195
|
+
}
|
|
13196
|
+
|
|
13189
13197
|
AuroInput.register();
|
|
13190
13198
|
AuroInput.register('custom-input');
|
|
13191
13199
|
|
|
13192
13200
|
function initExamples(initCount) {
|
|
13201
|
+
initCount = initCount || 0;
|
|
13202
|
+
|
|
13203
|
+
try {
|
|
13204
|
+
resetStateExample();
|
|
13205
|
+
} catch (err) {
|
|
13206
|
+
if (initCount <= 20) {
|
|
13207
|
+
// setTimeout handles the case where example content is rendered after this function runs.
|
|
13208
|
+
setTimeout(() => {
|
|
13209
|
+
initExamples(initCount + 1);
|
|
13210
|
+
}, 100);
|
|
13211
|
+
}
|
|
13212
|
+
}
|
|
13193
13213
|
}
|
|
13194
13214
|
|
|
13195
13215
|
export { initExamples };
|
|
@@ -12396,7 +12396,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12396
|
}
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
|
-
var formkitVersion = '
|
|
12399
|
+
var formkitVersion = '202609011830';
|
|
12400
12400
|
|
|
12401
12401
|
/**
|
|
12402
12402
|
* @license
|
|
@@ -12338,7 +12338,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12338
|
}
|
|
12339
12339
|
}
|
|
12340
12340
|
|
|
12341
|
-
var formkitVersion = '
|
|
12341
|
+
var formkitVersion = '202609011830';
|
|
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.
|
|
@@ -12338,7 +12338,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12338
|
}
|
|
12339
12339
|
}
|
|
12340
12340
|
|
|
12341
|
-
var formkitVersion = '
|
|
12341
|
+
var formkitVersion = '202609011830';
|
|
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.
|
|
@@ -1305,22 +1305,6 @@ class AuroMenu extends AuroElement {
|
|
|
1305
1305
|
this.value = undefined;
|
|
1306
1306
|
this._selectedKey = undefined;
|
|
1307
1307
|
this._index = -1;
|
|
1308
|
-
|
|
1309
|
-
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
1310
|
-
// reactive properties above normally schedules updated() → updateItemsState,
|
|
1311
|
-
// but that only runs when a property actually changes. If an option still
|
|
1312
|
-
// carries a stale `selected`/`aria-selected` attribute while these
|
|
1313
|
-
// properties are already undefined (e.g. options were rebuilt after a value
|
|
1314
|
-
// was set), no re-render fires and the option keeps rendering as selected.
|
|
1315
|
-
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
1316
|
-
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
1317
|
-
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
1318
|
-
this.updateItemsState(new Map([
|
|
1319
|
-
[
|
|
1320
|
-
'optionSelected',
|
|
1321
|
-
true
|
|
1322
|
-
]
|
|
1323
|
-
]));
|
|
1324
1308
|
}
|
|
1325
1309
|
|
|
1326
1310
|
/**
|
|
@@ -1312,22 +1312,6 @@ class AuroMenu extends AuroElement {
|
|
|
1312
1312
|
this.value = undefined;
|
|
1313
1313
|
this._selectedKey = undefined;
|
|
1314
1314
|
this._index = -1;
|
|
1315
|
-
|
|
1316
|
-
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
1317
|
-
// reactive properties above normally schedules updated() → updateItemsState,
|
|
1318
|
-
// but that only runs when a property actually changes. If an option still
|
|
1319
|
-
// carries a stale `selected`/`aria-selected` attribute while these
|
|
1320
|
-
// properties are already undefined (e.g. options were rebuilt after a value
|
|
1321
|
-
// was set), no re-render fires and the option keeps rendering as selected.
|
|
1322
|
-
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
1323
|
-
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
1324
|
-
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
1325
|
-
this.updateItemsState(new Map([
|
|
1326
|
-
[
|
|
1327
|
-
'optionSelected',
|
|
1328
|
-
true
|
|
1329
|
-
]
|
|
1330
|
-
]));
|
|
1331
1315
|
}
|
|
1332
1316
|
|
|
1333
1317
|
/**
|
|
@@ -1271,22 +1271,6 @@ class AuroMenu extends AuroElement {
|
|
|
1271
1271
|
this.value = undefined;
|
|
1272
1272
|
this._selectedKey = undefined;
|
|
1273
1273
|
this._index = -1;
|
|
1274
|
-
|
|
1275
|
-
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
1276
|
-
// reactive properties above normally schedules updated() → updateItemsState,
|
|
1277
|
-
// but that only runs when a property actually changes. If an option still
|
|
1278
|
-
// carries a stale `selected`/`aria-selected` attribute while these
|
|
1279
|
-
// properties are already undefined (e.g. options were rebuilt after a value
|
|
1280
|
-
// was set), no re-render fires and the option keeps rendering as selected.
|
|
1281
|
-
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
1282
|
-
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
1283
|
-
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
1284
|
-
this.updateItemsState(new Map([
|
|
1285
|
-
[
|
|
1286
|
-
'optionSelected',
|
|
1287
|
-
true
|
|
1288
|
-
]
|
|
1289
|
-
]));
|
|
1290
1274
|
}
|
|
1291
1275
|
|
|
1292
1276
|
/**
|