@aurodesignsystem-dev/auro-formkit 0.0.0-pr1600.3 → 0.0.0-pr1602.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 +110 -4
- package/components/combobox/demo/getting-started.md +49 -0
- package/components/combobox/demo/getting-started.min.js +129 -4
- package/components/combobox/demo/index.min.js +110 -4
- package/components/combobox/dist/auro-combobox.d.ts +22 -0
- package/components/combobox/dist/index.js +94 -4
- package/components/combobox/dist/registered.js +94 -4
- package/components/counter/demo/api.md +2 -0
- package/components/counter/demo/customize.min.js +320 -22
- 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 +8766 -0
- package/components/counter/demo/index.min.js +320 -22
- 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/counterGroupKeyboardStrategy.d.ts +1 -0
- package/components/counter/dist/index.js +320 -22
- package/components/counter/dist/registered.js +320 -22
- 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 +444 -35
- package/components/form/demo/getting-started.min.js +444 -35
- package/components/form/demo/index.min.js +444 -35
- package/components/form/demo/registerDemoDeps.min.js +438 -34
- 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 +16 -0
- package/components/menu/dist/index.js +16 -0
- package/components/menu/dist/registered.js +16 -0
- 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 +18 -2
- package/components/select/demo/getting-started.md +49 -0
- package/components/select/demo/getting-started.min.js +40 -3
- package/components/select/demo/index.min.js +18 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +606 -566
- package/package.json +1 -1
|
@@ -701,7 +701,12 @@ class AuroForm extends i$3 {
|
|
|
701
701
|
*/
|
|
702
702
|
reset() {
|
|
703
703
|
const previousValue = this.value;
|
|
704
|
-
this._elements.forEach((element) =>
|
|
704
|
+
this._elements.forEach((element) => {
|
|
705
|
+
// Guard against a registered element that does not implement reset() so one missing method cannot abort the entire form reset.
|
|
706
|
+
if (typeof element.reset === 'function') {
|
|
707
|
+
element.reset();
|
|
708
|
+
}
|
|
709
|
+
});
|
|
705
710
|
|
|
706
711
|
this.updateComplete.then(() => {
|
|
707
712
|
this.initializeState();
|
|
@@ -13516,7 +13521,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13516
13521
|
}
|
|
13517
13522
|
};
|
|
13518
13523
|
|
|
13519
|
-
var formkitVersion$8 = '
|
|
13524
|
+
var formkitVersion$8 = '202609021726';
|
|
13520
13525
|
|
|
13521
13526
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13522
13527
|
// See LICENSE in the project root for license information.
|
|
@@ -28079,7 +28084,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
28079
28084
|
}
|
|
28080
28085
|
};
|
|
28081
28086
|
|
|
28082
|
-
var formkitVersion$2$1 = '
|
|
28087
|
+
var formkitVersion$2$1 = '202609021726';
|
|
28083
28088
|
|
|
28084
28089
|
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$2`${s$3(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$6`: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}
|
|
28085
28090
|
`,u$4$2=i$6`.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}}
|
|
@@ -33923,7 +33928,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33923
33928
|
}
|
|
33924
33929
|
};
|
|
33925
33930
|
|
|
33926
|
-
var formkitVersion$1$3 = '
|
|
33931
|
+
var formkitVersion$1$3 = '202609021726';
|
|
33927
33932
|
|
|
33928
33933
|
/**
|
|
33929
33934
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -47785,7 +47790,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47785
47790
|
}
|
|
47786
47791
|
};
|
|
47787
47792
|
|
|
47788
|
-
var formkitVersion$7 = '
|
|
47793
|
+
var formkitVersion$7 = '202609021726';
|
|
47789
47794
|
|
|
47790
47795
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47791
47796
|
// See LICENSE in the project root for license information.
|
|
@@ -52891,7 +52896,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52891
52896
|
}
|
|
52892
52897
|
};
|
|
52893
52898
|
|
|
52894
|
-
var formkitVersion$1$2 = '
|
|
52899
|
+
var formkitVersion$1$2 = '202609021726';
|
|
52895
52900
|
|
|
52896
52901
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52897
52902
|
// See LICENSE in the project root for license information.
|
|
@@ -53249,6 +53254,17 @@ class AuroCounter extends i$3 {
|
|
|
53249
53254
|
this.validation.validate(this, force);
|
|
53250
53255
|
}
|
|
53251
53256
|
|
|
53257
|
+
/**
|
|
53258
|
+
* Resets the counter to its default state, clearing validity/touched state and returning
|
|
53259
|
+
* the value to `min` — matching the clear-on-reset behavior of the other Auro form elements.
|
|
53260
|
+
* @returns {void}
|
|
53261
|
+
*/
|
|
53262
|
+
reset() {
|
|
53263
|
+
// validation.reset() clears validity/touched and sets value to undefined; initValue() then restores the min floor.
|
|
53264
|
+
this.validation.reset(this);
|
|
53265
|
+
this.initValue();
|
|
53266
|
+
}
|
|
53267
|
+
|
|
53252
53268
|
firstUpdated() {
|
|
53253
53269
|
this.initValue();
|
|
53254
53270
|
this.setTagAttribute("auro-counter");
|
|
@@ -56219,7 +56235,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
|
|
|
56219
56235
|
};
|
|
56220
56236
|
|
|
56221
56237
|
// Selectors for focusable elements
|
|
56222
|
-
const FOCUSABLE_SELECTORS$
|
|
56238
|
+
const FOCUSABLE_SELECTORS$1$1 = [
|
|
56223
56239
|
"a[href]",
|
|
56224
56240
|
"button:not([disabled])",
|
|
56225
56241
|
"textarea:not([disabled])",
|
|
@@ -56233,7 +56249,7 @@ const FOCUSABLE_SELECTORS$3 = [
|
|
|
56233
56249
|
];
|
|
56234
56250
|
|
|
56235
56251
|
// List of custom components that are known to be focusable
|
|
56236
|
-
const FOCUSABLE_COMPONENTS$
|
|
56252
|
+
const FOCUSABLE_COMPONENTS$1$1 = [
|
|
56237
56253
|
"auro-checkbox",
|
|
56238
56254
|
"auro-radio",
|
|
56239
56255
|
"auro-dropdown",
|
|
@@ -56255,12 +56271,12 @@ const FOCUSABLE_COMPONENTS$3 = [
|
|
|
56255
56271
|
* @param {HTMLElement} element The element to check for focusability.
|
|
56256
56272
|
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
56257
56273
|
*/
|
|
56258
|
-
function isFocusableComponent$
|
|
56274
|
+
function isFocusableComponent$1$1(element) {
|
|
56259
56275
|
const componentName = element.tagName.toLowerCase();
|
|
56260
56276
|
|
|
56261
56277
|
// Guard Clause: Element is a focusable component
|
|
56262
56278
|
if (
|
|
56263
|
-
!FOCUSABLE_COMPONENTS$
|
|
56279
|
+
!FOCUSABLE_COMPONENTS$1$1.some(
|
|
56264
56280
|
(name) => element.hasAttribute(name) || componentName === name,
|
|
56265
56281
|
)
|
|
56266
56282
|
)
|
|
@@ -56284,7 +56300,7 @@ function isFocusableComponent$3(element) {
|
|
|
56284
56300
|
* @param {HTMLElement} element The element whose tabindex to read.
|
|
56285
56301
|
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
56286
56302
|
*/
|
|
56287
|
-
function getNumericTabIndex$
|
|
56303
|
+
function getNumericTabIndex$1$1(element) {
|
|
56288
56304
|
const raw = element.getAttribute("tabindex");
|
|
56289
56305
|
if (raw == null) return null;
|
|
56290
56306
|
|
|
@@ -56300,7 +56316,7 @@ function getNumericTabIndex$3(element) {
|
|
|
56300
56316
|
* @param {HTMLElement} container The container to search within
|
|
56301
56317
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
56302
56318
|
*/
|
|
56303
|
-
function getFocusableElements$
|
|
56319
|
+
function getFocusableElements$1$1(container) {
|
|
56304
56320
|
// Get elements in DOM order by walking the tree
|
|
56305
56321
|
const orderedFocusableElements = [];
|
|
56306
56322
|
|
|
@@ -56309,7 +56325,7 @@ function getFocusableElements$3(container) {
|
|
|
56309
56325
|
// Check if current element is focusable
|
|
56310
56326
|
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
56311
56327
|
// Check if this is a custom component that is focusable
|
|
56312
|
-
const isComponentFocusable = isFocusableComponent$
|
|
56328
|
+
const isComponentFocusable = isFocusableComponent$1$1(root);
|
|
56313
56329
|
|
|
56314
56330
|
if (isComponentFocusable) {
|
|
56315
56331
|
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
@@ -56318,7 +56334,7 @@ function getFocusableElements$3(container) {
|
|
|
56318
56334
|
}
|
|
56319
56335
|
|
|
56320
56336
|
// Check if the element itself matches any selector
|
|
56321
|
-
for (const selector of FOCUSABLE_SELECTORS$
|
|
56337
|
+
for (const selector of FOCUSABLE_SELECTORS$1$1) {
|
|
56322
56338
|
if (root.matches?.(selector)) {
|
|
56323
56339
|
orderedFocusableElements.push(root);
|
|
56324
56340
|
break; // Once we know it's focusable, no need to check other selectors
|
|
@@ -56372,20 +56388,20 @@ function getFocusableElements$3(container) {
|
|
|
56372
56388
|
|
|
56373
56389
|
// First extract elements with valid positive tabindex
|
|
56374
56390
|
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
56375
|
-
const tabindex = getNumericTabIndex$
|
|
56391
|
+
const tabindex = getNumericTabIndex$1$1(el);
|
|
56376
56392
|
return tabindex !== null && tabindex > 0;
|
|
56377
56393
|
});
|
|
56378
56394
|
|
|
56379
56395
|
// Sort these elements by their tabindex value
|
|
56380
56396
|
elementsWithTabindex.sort((a, b) => {
|
|
56381
|
-
const aIndex = getNumericTabIndex$
|
|
56382
|
-
const bIndex = getNumericTabIndex$
|
|
56397
|
+
const aIndex = getNumericTabIndex$1$1(a) ?? 0;
|
|
56398
|
+
const bIndex = getNumericTabIndex$1$1(b) ?? 0;
|
|
56383
56399
|
return aIndex - bIndex;
|
|
56384
56400
|
});
|
|
56385
56401
|
|
|
56386
56402
|
// Elements without tabindex (preserving their original order)
|
|
56387
56403
|
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
56388
|
-
const tabindex = getNumericTabIndex$
|
|
56404
|
+
const tabindex = getNumericTabIndex$1$1(el);
|
|
56389
56405
|
|
|
56390
56406
|
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
56391
56407
|
return tabindex === null || tabindex === 0;
|
|
@@ -57180,7 +57196,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
57180
57196
|
}
|
|
57181
57197
|
};
|
|
57182
57198
|
|
|
57183
|
-
var formkitVersion$6 = '
|
|
57199
|
+
var formkitVersion$6 = '202609021726';
|
|
57184
57200
|
|
|
57185
57201
|
/**
|
|
57186
57202
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -57480,7 +57496,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57480
57496
|
*/
|
|
57481
57497
|
focus() {
|
|
57482
57498
|
if (this.isPopoverVisible && this.bibContent) {
|
|
57483
|
-
const focusables = getFocusableElements$
|
|
57499
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
57484
57500
|
if (focusables.length > 0) {
|
|
57485
57501
|
focusables[0].focus();
|
|
57486
57502
|
}
|
|
@@ -57512,7 +57528,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57512
57528
|
// wrappers like <div> containing a <button>). If none found, try
|
|
57513
57529
|
// focusing the element directly (works for custom elements like
|
|
57514
57530
|
// auro-input that have delegatesFocus or a custom focus() method).
|
|
57515
|
-
const descendants = getFocusableElements$
|
|
57531
|
+
const descendants = getFocusableElements$1$1(el);
|
|
57516
57532
|
if (descendants.length > 0) {
|
|
57517
57533
|
descendants[0].focus();
|
|
57518
57534
|
return;
|
|
@@ -57524,7 +57540,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57524
57540
|
}
|
|
57525
57541
|
}
|
|
57526
57542
|
// Fallback: try DOM children (non-slotted content)
|
|
57527
|
-
const focusables = getFocusableElements$
|
|
57543
|
+
const focusables = getFocusableElements$1$1(this.trigger);
|
|
57528
57544
|
if (focusables.length > 0) {
|
|
57529
57545
|
focusables[0].focus();
|
|
57530
57546
|
}
|
|
@@ -58203,7 +58219,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
58203
58219
|
}
|
|
58204
58220
|
|
|
58205
58221
|
// Collect focusable elements from the bib content.
|
|
58206
|
-
const focusables = getFocusableElements$
|
|
58222
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
58207
58223
|
|
|
58208
58224
|
// Fallback: try from slotted content directly
|
|
58209
58225
|
if (!focusables.length) {
|
|
@@ -58212,7 +58228,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
58212
58228
|
|
|
58213
58229
|
for (const node of assignedNodes) {
|
|
58214
58230
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
58215
|
-
focusables.push(...getFocusableElements$
|
|
58231
|
+
focusables.push(...getFocusableElements$1$1(node));
|
|
58216
58232
|
}
|
|
58217
58233
|
}
|
|
58218
58234
|
}
|
|
@@ -58272,7 +58288,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
58272
58288
|
|
|
58273
58289
|
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
58274
58290
|
requestAnimationFrame(() => {
|
|
58275
|
-
const focusables = getFocusableElements$
|
|
58291
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
58276
58292
|
if (focusables.length) {
|
|
58277
58293
|
focusables[0].focus();
|
|
58278
58294
|
}
|
|
@@ -58285,7 +58301,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
58285
58301
|
// popover asynchronously — a synchronous focus() would target
|
|
58286
58302
|
// zero-dimension elements and be silently ignored.
|
|
58287
58303
|
requestAnimationFrame(() => {
|
|
58288
|
-
const focusables = getFocusableElements$
|
|
58304
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
58289
58305
|
if (focusables.length) {
|
|
58290
58306
|
focusables[0].focus();
|
|
58291
58307
|
}
|
|
@@ -58503,7 +58519,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
58503
58519
|
if (triggerContentNodes) {
|
|
58504
58520
|
|
|
58505
58521
|
// See if any of them are focusable elements
|
|
58506
|
-
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$
|
|
58522
|
+
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1$1(node).length > 0);
|
|
58507
58523
|
|
|
58508
58524
|
// If any of them are focusable elements
|
|
58509
58525
|
if (this.triggerContentFocusable) {
|
|
@@ -59265,9 +59281,241 @@ let AuroElement$4 = class AuroElement extends i$3 {
|
|
|
59265
59281
|
}
|
|
59266
59282
|
};
|
|
59267
59283
|
|
|
59284
|
+
// Selectors for focusable elements
|
|
59285
|
+
const FOCUSABLE_SELECTORS$3 = [
|
|
59286
|
+
"a[href]",
|
|
59287
|
+
"button:not([disabled])",
|
|
59288
|
+
"textarea:not([disabled])",
|
|
59289
|
+
"input:not([disabled])",
|
|
59290
|
+
"select:not([disabled])",
|
|
59291
|
+
'[role="tab"]:not([disabled])',
|
|
59292
|
+
'[role="link"]:not([disabled])',
|
|
59293
|
+
'[role="button"]:not([disabled])',
|
|
59294
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
59295
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
59296
|
+
];
|
|
59297
|
+
|
|
59298
|
+
// List of custom components that are known to be focusable
|
|
59299
|
+
const FOCUSABLE_COMPONENTS$3 = [
|
|
59300
|
+
"auro-checkbox",
|
|
59301
|
+
"auro-radio",
|
|
59302
|
+
"auro-dropdown",
|
|
59303
|
+
"auro-button",
|
|
59304
|
+
"auro-combobox",
|
|
59305
|
+
"auro-input",
|
|
59306
|
+
"auro-counter",
|
|
59307
|
+
// 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
|
|
59308
|
+
"auro-select",
|
|
59309
|
+
"auro-datepicker",
|
|
59310
|
+
"auro-hyperlink",
|
|
59311
|
+
"auro-accordion",
|
|
59312
|
+
];
|
|
59313
|
+
|
|
59314
|
+
/**
|
|
59315
|
+
* Determines if a given element is a custom focusable component.
|
|
59316
|
+
* Returns true if the element matches a known focusable component and is not disabled.
|
|
59317
|
+
*
|
|
59318
|
+
* @param {HTMLElement} element The element to check for focusability.
|
|
59319
|
+
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
59320
|
+
*/
|
|
59321
|
+
function isFocusableComponent$3(element) {
|
|
59322
|
+
const componentName = element.tagName.toLowerCase();
|
|
59323
|
+
|
|
59324
|
+
// Guard Clause: Element is a focusable component
|
|
59325
|
+
if (
|
|
59326
|
+
!FOCUSABLE_COMPONENTS$3.some(
|
|
59327
|
+
(name) => element.hasAttribute(name) || componentName === name,
|
|
59328
|
+
)
|
|
59329
|
+
)
|
|
59330
|
+
return false;
|
|
59331
|
+
|
|
59332
|
+
// Guard Clause: Element is not disabled
|
|
59333
|
+
if (element.hasAttribute("disabled")) return false;
|
|
59334
|
+
|
|
59335
|
+
// Guard Clause: The element is a hyperlink and has no href attribute
|
|
59336
|
+
if (componentName.match("hyperlink") && !element.hasAttribute("href"))
|
|
59337
|
+
return false;
|
|
59338
|
+
|
|
59339
|
+
// If all guard clauses pass, the element is a focusable component
|
|
59340
|
+
return true;
|
|
59341
|
+
}
|
|
59342
|
+
|
|
59343
|
+
/**
|
|
59344
|
+
* Safely get a numeric tabindex for an element.
|
|
59345
|
+
* Returns a number if the tabindex is a valid integer, otherwise null.
|
|
59346
|
+
*
|
|
59347
|
+
* @param {HTMLElement} element The element whose tabindex to read.
|
|
59348
|
+
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
59349
|
+
*/
|
|
59350
|
+
function getNumericTabIndex$3(element) {
|
|
59351
|
+
const raw = element.getAttribute("tabindex");
|
|
59352
|
+
if (raw == null) return null;
|
|
59353
|
+
|
|
59354
|
+
const value = Number.parseInt(raw, 10);
|
|
59355
|
+
return Number.isNaN(value) ? null : value;
|
|
59356
|
+
}
|
|
59357
|
+
|
|
59358
|
+
/**
|
|
59359
|
+
* Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
|
|
59360
|
+
* Returns a unique, ordered array of elements that can receive focus.
|
|
59361
|
+
* Also sorts elements with tabindex first, preserving their order.
|
|
59362
|
+
*
|
|
59363
|
+
* @param {HTMLElement} container The container to search within
|
|
59364
|
+
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
59365
|
+
*/
|
|
59366
|
+
function getFocusableElements$3(container) {
|
|
59367
|
+
// Get elements in DOM order by walking the tree
|
|
59368
|
+
const orderedFocusableElements = [];
|
|
59369
|
+
|
|
59370
|
+
// Define a recursive function to collect focusable elements in DOM order
|
|
59371
|
+
const collectFocusableElements = (root) => {
|
|
59372
|
+
// Check if current element is focusable
|
|
59373
|
+
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
59374
|
+
// Check if this is a custom component that is focusable
|
|
59375
|
+
const isComponentFocusable = isFocusableComponent$3(root);
|
|
59376
|
+
|
|
59377
|
+
if (isComponentFocusable) {
|
|
59378
|
+
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
59379
|
+
orderedFocusableElements.push(root);
|
|
59380
|
+
return; // Skip traversing inside this component
|
|
59381
|
+
}
|
|
59382
|
+
|
|
59383
|
+
// Check if the element itself matches any selector
|
|
59384
|
+
for (const selector of FOCUSABLE_SELECTORS$3) {
|
|
59385
|
+
if (root.matches?.(selector)) {
|
|
59386
|
+
orderedFocusableElements.push(root);
|
|
59387
|
+
break; // Once we know it's focusable, no need to check other selectors
|
|
59388
|
+
}
|
|
59389
|
+
}
|
|
59390
|
+
|
|
59391
|
+
// Process shadow DOM only for non-Auro components
|
|
59392
|
+
if (root.shadowRoot) {
|
|
59393
|
+
// Process shadow DOM children in order
|
|
59394
|
+
if (root.shadowRoot.children) {
|
|
59395
|
+
Array.from(root.shadowRoot.children).forEach((child) => {
|
|
59396
|
+
collectFocusableElements(child);
|
|
59397
|
+
});
|
|
59398
|
+
}
|
|
59399
|
+
}
|
|
59400
|
+
|
|
59401
|
+
// Process slots and their assigned nodes in order
|
|
59402
|
+
if (root.tagName === "SLOT") {
|
|
59403
|
+
const assignedNodes = root.assignedNodes({ flatten: true });
|
|
59404
|
+
for (const node of assignedNodes) {
|
|
59405
|
+
collectFocusableElements(node);
|
|
59406
|
+
}
|
|
59407
|
+
} else {
|
|
59408
|
+
// Process light DOM children in order
|
|
59409
|
+
if (root.children) {
|
|
59410
|
+
Array.from(root.children).forEach((child) => {
|
|
59411
|
+
collectFocusableElements(child);
|
|
59412
|
+
});
|
|
59413
|
+
}
|
|
59414
|
+
}
|
|
59415
|
+
}
|
|
59416
|
+
};
|
|
59417
|
+
|
|
59418
|
+
// Start the traversal from the container
|
|
59419
|
+
collectFocusableElements(container);
|
|
59420
|
+
|
|
59421
|
+
// Remove duplicates that might have been collected through different paths
|
|
59422
|
+
// while preserving order
|
|
59423
|
+
const uniqueElements = [];
|
|
59424
|
+
const seen = new Set();
|
|
59425
|
+
|
|
59426
|
+
for (const element of orderedFocusableElements) {
|
|
59427
|
+
if (!seen.has(element)) {
|
|
59428
|
+
seen.add(element);
|
|
59429
|
+
uniqueElements.push(element);
|
|
59430
|
+
}
|
|
59431
|
+
}
|
|
59432
|
+
|
|
59433
|
+
// Move tab-indexed elements to the front while preserving their order
|
|
59434
|
+
// This ensures that elements with tabindex are prioritized in the focus order
|
|
59435
|
+
|
|
59436
|
+
// First extract elements with valid positive tabindex
|
|
59437
|
+
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
59438
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
59439
|
+
return tabindex !== null && tabindex > 0;
|
|
59440
|
+
});
|
|
59441
|
+
|
|
59442
|
+
// Sort these elements by their tabindex value
|
|
59443
|
+
elementsWithTabindex.sort((a, b) => {
|
|
59444
|
+
const aIndex = getNumericTabIndex$3(a) ?? 0;
|
|
59445
|
+
const bIndex = getNumericTabIndex$3(b) ?? 0;
|
|
59446
|
+
return aIndex - bIndex;
|
|
59447
|
+
});
|
|
59448
|
+
|
|
59449
|
+
// Elements without tabindex (preserving their original order)
|
|
59450
|
+
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
59451
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
59452
|
+
|
|
59453
|
+
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
59454
|
+
return tabindex === null || tabindex === 0;
|
|
59455
|
+
});
|
|
59456
|
+
|
|
59457
|
+
// Combine both arrays with tabindex elements first
|
|
59458
|
+
const tabIndexedUniqueElements = [
|
|
59459
|
+
...elementsWithTabindex,
|
|
59460
|
+
...elementsWithoutTabindex,
|
|
59461
|
+
];
|
|
59462
|
+
|
|
59463
|
+
return tabIndexedUniqueElements;
|
|
59464
|
+
}
|
|
59465
|
+
|
|
59268
59466
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
59269
59467
|
// See LICENSE in the project root for license information.
|
|
59270
59468
|
|
|
59469
|
+
|
|
59470
|
+
/**
|
|
59471
|
+
* Whether `el` is currently visible enough to receive focus. Prefers the
|
|
59472
|
+
* browser's `checkVisibility()`; otherwise combines a display/visibility check
|
|
59473
|
+
* with an ancestor-hidden probe that keeps position:fixed elements visible.
|
|
59474
|
+
* @param {Element} el - The element to test.
|
|
59475
|
+
* @returns {boolean}
|
|
59476
|
+
*/
|
|
59477
|
+
function isVisibleForFocus$1(el) {
|
|
59478
|
+
if (typeof el.checkVisibility === 'function') {
|
|
59479
|
+
return el.checkVisibility();
|
|
59480
|
+
}
|
|
59481
|
+
const style = el.ownerDocument.defaultView.getComputedStyle(el);
|
|
59482
|
+
if (style.display === 'none' || style.visibility === 'hidden') {
|
|
59483
|
+
return false;
|
|
59484
|
+
}
|
|
59485
|
+
return el.offsetParent !== null || style.position === 'fixed';
|
|
59486
|
+
}
|
|
59487
|
+
|
|
59488
|
+
/**
|
|
59489
|
+
* Return the tab stop that comes before the counter-group in page tab order,
|
|
59490
|
+
* skipping any hidden entries the walker doesn't filter itself. The group host
|
|
59491
|
+
* itself is not a tab stop; its focusables (the internal dropdown and the
|
|
59492
|
+
* counters) are, so anchor the search on the group's earliest focusable.
|
|
59493
|
+
* @param {Element} component - The auro-counter-group host element.
|
|
59494
|
+
* @returns {Element|null}
|
|
59495
|
+
*/
|
|
59496
|
+
function getPreviousTabStop$1(component) {
|
|
59497
|
+
const tabStops = getFocusableElements$3(component.ownerDocument.body);
|
|
59498
|
+
const counters = component.counters || [];
|
|
59499
|
+
const owned = [
|
|
59500
|
+
component,
|
|
59501
|
+
component.dropdown,
|
|
59502
|
+
...counters
|
|
59503
|
+
].filter(Boolean);
|
|
59504
|
+
let groupStart = tabStops.length;
|
|
59505
|
+
owned.forEach((node) => {
|
|
59506
|
+
const index = tabStops.indexOf(node);
|
|
59507
|
+
if (index >= 0 && index < groupStart) {
|
|
59508
|
+
groupStart = index;
|
|
59509
|
+
}
|
|
59510
|
+
});
|
|
59511
|
+
for (let index = groupStart - 1; index >= 0; index -= 1) {
|
|
59512
|
+
if (isVisibleForFocus$1(tabStops[index])) {
|
|
59513
|
+
return tabStops[index];
|
|
59514
|
+
}
|
|
59515
|
+
}
|
|
59516
|
+
return null;
|
|
59517
|
+
}
|
|
59518
|
+
|
|
59271
59519
|
const counterGroupKeyboardStrategy = {
|
|
59272
59520
|
Escape(component, evt) {
|
|
59273
59521
|
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
@@ -59281,6 +59529,48 @@ const counterGroupKeyboardStrategy = {
|
|
|
59281
59529
|
|
|
59282
59530
|
component.dropdown.hide();
|
|
59283
59531
|
},
|
|
59532
|
+
|
|
59533
|
+
Tab(component, evt, ctx) {
|
|
59534
|
+
// Forward Tab already exits past the bib content and the focusout handler
|
|
59535
|
+
// closes the bib. Fullscreen relies on the dialog's native focus trapping.
|
|
59536
|
+
if (!ctx.isExpanded || ctx.isModal || !evt.shiftKey) {
|
|
59537
|
+
return;
|
|
59538
|
+
}
|
|
59539
|
+
|
|
59540
|
+
// The trigger precedes the bib content in the flattened tab order, so a
|
|
59541
|
+
// native Shift+Tab off the first counter lands back on the trigger and
|
|
59542
|
+
// leaves the bib open. Only intercept when focus is on the first focusable
|
|
59543
|
+
// in the bib; otherwise let the browser move to the previous counter.
|
|
59544
|
+
// `composedPath()` reports the real event origin through every shadow
|
|
59545
|
+
// boundary, unlike `document.activeElement`, which retargets to the first
|
|
59546
|
+
// slotted counter and cannot tell the counters apart.
|
|
59547
|
+
const focusables = getFocusableElements$3(component.dropdown.bibContent);
|
|
59548
|
+
if (!focusables.length) {
|
|
59549
|
+
return;
|
|
59550
|
+
}
|
|
59551
|
+
|
|
59552
|
+
const path = evt.composedPath();
|
|
59553
|
+
const activeIndex = focusables.findIndex((el) => path.includes(el));
|
|
59554
|
+
if (activeIndex !== 0) {
|
|
59555
|
+
return;
|
|
59556
|
+
}
|
|
59557
|
+
|
|
59558
|
+
const previousTabStop = getPreviousTabStop$1(component);
|
|
59559
|
+
|
|
59560
|
+
// Always suppress the native Shift+Tab. Otherwise it fires against the bib
|
|
59561
|
+
// as it is torn down and lands focus on the trigger (which precedes the
|
|
59562
|
+
// first counter), re-opening the exact loop this handler prevents. When
|
|
59563
|
+
// nothing precedes the group, focus falls to the body instead of the
|
|
59564
|
+
// trigger, which reads as exiting the group backward.
|
|
59565
|
+
evt.preventDefault();
|
|
59566
|
+
component.hideBib();
|
|
59567
|
+
|
|
59568
|
+
if (!previousTabStop) {
|
|
59569
|
+
return;
|
|
59570
|
+
}
|
|
59571
|
+
|
|
59572
|
+
doubleRaf$2(() => previousTabStop.focus());
|
|
59573
|
+
},
|
|
59284
59574
|
};
|
|
59285
59575
|
|
|
59286
59576
|
/* eslint-disable lit/no-invalid-html, lit/binding-positions, max-lines, no-underscore-dangle, arrow-parens, no-confusing-arrow, curly, dot-location, no-inline-comments, line-comment-position,
|
|
@@ -59908,6 +60198,19 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
59908
60198
|
this.validation.validate(this, force);
|
|
59909
60199
|
}
|
|
59910
60200
|
|
|
60201
|
+
/**
|
|
60202
|
+
* Resets the counter group to its initial state by resetting each child counter and clearing validity.
|
|
60203
|
+
* Each child reset dispatches an `input` event, which triggers `updateValue()` to recompute `value`/`total`.
|
|
60204
|
+
* @returns {void}
|
|
60205
|
+
*/
|
|
60206
|
+
reset() {
|
|
60207
|
+
if (this.counters) {
|
|
60208
|
+
this.counters.forEach((counter) => counter.reset());
|
|
60209
|
+
}
|
|
60210
|
+
|
|
60211
|
+
this.validation.reset(this);
|
|
60212
|
+
}
|
|
60213
|
+
|
|
59911
60214
|
updated(changedProperties) {
|
|
59912
60215
|
if (changedProperties.has("value")) {
|
|
59913
60216
|
this.validate();
|
|
@@ -61352,7 +61655,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
61352
61655
|
}
|
|
61353
61656
|
};
|
|
61354
61657
|
|
|
61355
|
-
var formkitVersion$5 = '
|
|
61658
|
+
var formkitVersion$5 = '202609021726';
|
|
61356
61659
|
|
|
61357
61660
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
61358
61661
|
// See LICENSE in the project root for license information.
|
|
@@ -63146,7 +63449,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
63146
63449
|
}
|
|
63147
63450
|
};
|
|
63148
63451
|
|
|
63149
|
-
var formkitVersion$4 = '
|
|
63452
|
+
var formkitVersion$4 = '202609021726';
|
|
63150
63453
|
|
|
63151
63454
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
63152
63455
|
// See LICENSE in the project root for license information.
|
|
@@ -68573,7 +68876,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
68573
68876
|
}
|
|
68574
68877
|
};
|
|
68575
68878
|
|
|
68576
|
-
var formkitVersion$2 = '
|
|
68879
|
+
var formkitVersion$2 = '202609021726';
|
|
68577
68880
|
|
|
68578
68881
|
/**
|
|
68579
68882
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -82435,7 +82738,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
82435
82738
|
}
|
|
82436
82739
|
};
|
|
82437
82740
|
|
|
82438
|
-
var formkitVersion$1$1 = '
|
|
82741
|
+
var formkitVersion$1$1 = '202609021726';
|
|
82439
82742
|
|
|
82440
82743
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
82441
82744
|
// See LICENSE in the project root for license information.
|
|
@@ -83627,7 +83930,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
83627
83930
|
}
|
|
83628
83931
|
};
|
|
83629
83932
|
|
|
83630
|
-
var formkitVersion$3 = '
|
|
83933
|
+
var formkitVersion$3 = '202609021726';
|
|
83631
83934
|
|
|
83632
83935
|
var styleCss$1$3 = i$6`.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}`;
|
|
83633
83936
|
|
|
@@ -84068,6 +84371,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84068
84371
|
this.behavior = "suggestion";
|
|
84069
84372
|
this.clearBtnFocused = false;
|
|
84070
84373
|
|
|
84374
|
+
// One-shot: set when the input's clear button is activated so the
|
|
84375
|
+
// SPA-preselect guard in handleInputValueChange doesn't swallow the
|
|
84376
|
+
// genuine clear (AB#1634257).
|
|
84377
|
+
this._clearBtnActivated = false;
|
|
84378
|
+
|
|
84071
84379
|
// Defaults that effect the overall layout of the combobox
|
|
84072
84380
|
this.checkmark = false;
|
|
84073
84381
|
this.dvInputOnly = false;
|
|
@@ -85025,6 +85333,13 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85025
85333
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$);
|
|
85026
85334
|
this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
|
|
85027
85335
|
|
|
85336
|
+
// Mirror the trigger's clear-button tracking onto the fullscreen bib input
|
|
85337
|
+
// so clearing there also fully resets the combobox (AB#1634257). See
|
|
85338
|
+
// trackClearBtnActivation for why this must run in the capture phase.
|
|
85339
|
+
if (this.inputInBib && this.inputInBib !== this.input) {
|
|
85340
|
+
this.trackClearBtnActivation(this.inputInBib);
|
|
85341
|
+
}
|
|
85342
|
+
|
|
85028
85343
|
// Pass label text to the dropdown bib for accessible dialog naming
|
|
85029
85344
|
const labelElement = this.querySelector('[slot="label"]');
|
|
85030
85345
|
if (labelElement) {
|
|
@@ -85410,6 +85725,52 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85410
85725
|
this.clearBtnFocused = false;
|
|
85411
85726
|
}
|
|
85412
85727
|
});
|
|
85728
|
+
|
|
85729
|
+
this.trackClearBtnActivation(this.input);
|
|
85730
|
+
}
|
|
85731
|
+
|
|
85732
|
+
/**
|
|
85733
|
+
* Flags genuine clear-button activations on an auro-input so the SPA-preselect
|
|
85734
|
+
* guard in handleInputValueChange doesn't swallow them.
|
|
85735
|
+
*
|
|
85736
|
+
* The auro-input clear button fires an `isProgrammatic` input event (via
|
|
85737
|
+
* notifyValueChanged) that is indistinguishable in shape from the
|
|
85738
|
+
* SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
|
|
85739
|
+
* input). Without this one-shot flag, clicking clear would leave
|
|
85740
|
+
* this.value/optionSelected stale (AB#1634257).
|
|
85741
|
+
*
|
|
85742
|
+
* Delegated on the shadow root so it works regardless of when .clearBtn
|
|
85743
|
+
* renders (it only exists after a value is set), and covers both real clicks
|
|
85744
|
+
* and programmatic clearBtn.click() (which no focusin precedes). Registered in
|
|
85745
|
+
* the CAPTURE phase so the flag is set BEFORE the button's own @click
|
|
85746
|
+
* (handleClickClear) fires its synchronous input event — which is when
|
|
85747
|
+
* handleInputValueChange reads the flag.
|
|
85748
|
+
* @private
|
|
85749
|
+
* @param {Element} inputEl - The auro-input whose clear button to track.
|
|
85750
|
+
* @returns {void}
|
|
85751
|
+
*/
|
|
85752
|
+
trackClearBtnActivation(inputEl) {
|
|
85753
|
+
if (!inputEl || !inputEl.shadowRoot) {
|
|
85754
|
+
return;
|
|
85755
|
+
}
|
|
85756
|
+
inputEl.shadowRoot.addEventListener('click', (event) => {
|
|
85757
|
+
if (event.target.closest('.clearBtn')) {
|
|
85758
|
+
this._clearBtnActivated = true;
|
|
85759
|
+
|
|
85760
|
+
// Bound the flag's lifetime to this synchronous clear -> input window.
|
|
85761
|
+
// auro-input's handleClickClear fires its input event synchronously
|
|
85762
|
+
// (before any macrotask runs), so handleInputValueChange consumes the
|
|
85763
|
+
// flag first and this reset is a harmless no-op. It only does real work
|
|
85764
|
+
// if that input event never arrives (e.g. auro-input throws mid-clear),
|
|
85765
|
+
// guaranteeing the flag can't survive to be misread as a genuine clear
|
|
85766
|
+
// by a later unrelated event such as an SPA-preselect echo (AB#1634257).
|
|
85767
|
+
// Scheduled via _scheduleTimer so disconnectedCallback cancels it if the
|
|
85768
|
+
// component tears down inside that window.
|
|
85769
|
+
this._scheduleTimer(() => {
|
|
85770
|
+
this._clearBtnActivated = false;
|
|
85771
|
+
}, 0);
|
|
85772
|
+
}
|
|
85773
|
+
}, true);
|
|
85413
85774
|
}
|
|
85414
85775
|
|
|
85415
85776
|
/**
|
|
@@ -85451,6 +85812,17 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85451
85812
|
* @returns {void}
|
|
85452
85813
|
*/
|
|
85453
85814
|
handleInputValueChange(event) {
|
|
85815
|
+
// Consume the one-shot clear-button flag on EVERY entry, before any branch
|
|
85816
|
+
// below can early-return. trackClearBtnActivation sets it in the capture
|
|
85817
|
+
// phase right before auro-input's clear button fires its synchronous input
|
|
85818
|
+
// event; reading and immediately clearing it here guarantees the flag never
|
|
85819
|
+
// survives a handleInputValueChange call to leak into a later event (e.g.
|
|
85820
|
+
// the bib branch bailing at _syncingDisplayValue, or an SPA-preselect echo)
|
|
85821
|
+
// where it would defeat the guard below. Held in a local so that guard can
|
|
85822
|
+
// still tell a genuine clear from the init-render echo (AB#1634257).
|
|
85823
|
+
const clearBtnActivated = this._clearBtnActivated;
|
|
85824
|
+
this._clearBtnActivated = false;
|
|
85825
|
+
|
|
85454
85826
|
// When the event comes from the fullscreen bib input, sync the value to
|
|
85455
85827
|
// the trigger input. Setting trigger.value triggers Lit's updated()
|
|
85456
85828
|
// (async, microtask) which fires notifyValueChanged() → another 'input'
|
|
@@ -85498,7 +85870,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85498
85870
|
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
85499
85871
|
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
85500
85872
|
// where value/input already track each other through the sync helpers.
|
|
85501
|
-
|
|
85873
|
+
// The clear button's echo has the same shape (isProgrammatic + set value +
|
|
85874
|
+
// empty input) but is a genuine user clear that MUST reset this.value and
|
|
85875
|
+
// optionSelected below. clearBtnActivated (consumed at the top of this
|
|
85876
|
+
// method) is true only for that genuine clear, so only the real
|
|
85877
|
+
// SPA-preselect echo bails (AB#1634257).
|
|
85878
|
+
if (event && event.isProgrammatic && this.value && !this.input.value && !clearBtnActivated) {
|
|
85502
85879
|
return;
|
|
85503
85880
|
}
|
|
85504
85881
|
|
|
@@ -85643,6 +86020,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85643
86020
|
// retry would otherwise keep rescheduling itself indefinitely.
|
|
85644
86021
|
this._pendingTimers.forEach((id) => clearTimeout(id));
|
|
85645
86022
|
this._pendingTimers.clear();
|
|
86023
|
+
|
|
86024
|
+
// Cancelling the timers above drops the macrotask that would have reset
|
|
86025
|
+
// _clearBtnActivated, so reset it here too. Otherwise a disconnect inside
|
|
86026
|
+
// the clear-click -> macrotask window strands the flag `true`; instance
|
|
86027
|
+
// state survives reconnect, and the first matching input event (including
|
|
86028
|
+
// an SPA-preselect echo) would then bypass the guard in
|
|
86029
|
+
// handleInputValueChange and silently clear value/optionSelected (AB#1634257).
|
|
86030
|
+
this._clearBtnActivated = false;
|
|
85646
86031
|
}
|
|
85647
86032
|
|
|
85648
86033
|
firstUpdated() {
|
|
@@ -85741,6 +86126,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
85741
86126
|
}
|
|
85742
86127
|
if (this.menu.value || this.menu.optionSelected) {
|
|
85743
86128
|
this.menu.reset();
|
|
86129
|
+
} else {
|
|
86130
|
+
// The menu's selection properties are already cleared, but option
|
|
86131
|
+
// elements can still carry a stale `selected` attribute (e.g. the menu
|
|
86132
|
+
// options were rebuilt after the value was set, orphaning the DOM from
|
|
86133
|
+
// the now-null optionSelected). reset() is skipped above in that case,
|
|
86134
|
+
// so re-sync the option DOM directly to guarantee no option renders as
|
|
86135
|
+
// selected once the field is cleared (AB#1634259).
|
|
86136
|
+
this.menu.clearSelection();
|
|
85744
86137
|
}
|
|
85745
86138
|
} finally {
|
|
85746
86139
|
this._clearing = false;
|
|
@@ -87375,6 +87768,22 @@ class AuroMenu extends AuroElement$2 {
|
|
|
87375
87768
|
this.value = undefined;
|
|
87376
87769
|
this._selectedKey = undefined;
|
|
87377
87770
|
this._index = -1;
|
|
87771
|
+
|
|
87772
|
+
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
87773
|
+
// reactive properties above normally schedules updated() → updateItemsState,
|
|
87774
|
+
// but that only runs when a property actually changes. If an option still
|
|
87775
|
+
// carries a stale `selected`/`aria-selected` attribute while these
|
|
87776
|
+
// properties are already undefined (e.g. options were rebuilt after a value
|
|
87777
|
+
// was set), no re-render fires and the option keeps rendering as selected.
|
|
87778
|
+
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
87779
|
+
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
87780
|
+
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
87781
|
+
this.updateItemsState(new Map([
|
|
87782
|
+
[
|
|
87783
|
+
'optionSelected',
|
|
87784
|
+
true
|
|
87785
|
+
]
|
|
87786
|
+
]));
|
|
87378
87787
|
}
|
|
87379
87788
|
|
|
87380
87789
|
/**
|
|
@@ -93058,7 +93467,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
93058
93467
|
}
|
|
93059
93468
|
};
|
|
93060
93469
|
|
|
93061
|
-
var formkitVersion$1 = '
|
|
93470
|
+
var formkitVersion$1 = '202609021726';
|
|
93062
93471
|
|
|
93063
93472
|
/**
|
|
93064
93473
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -95231,7 +95640,7 @@ class AuroHelpText extends i$3 {
|
|
|
95231
95640
|
}
|
|
95232
95641
|
}
|
|
95233
95642
|
|
|
95234
|
-
var formkitVersion = '
|
|
95643
|
+
var formkitVersion = '202609021726';
|
|
95235
95644
|
|
|
95236
95645
|
var styleCss = i$6`.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}`;
|
|
95237
95646
|
|