@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
|
@@ -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 = '202609021726';
|
|
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 = '202609021726';
|
|
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 = '202609021726';
|
|
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 = '202609021726';
|
|
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 = '202609021726';
|
|
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");
|
|
@@ -55170,7 +55181,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
|
|
|
55170
55181
|
};
|
|
55171
55182
|
|
|
55172
55183
|
// Selectors for focusable elements
|
|
55173
|
-
const FOCUSABLE_SELECTORS$
|
|
55184
|
+
const FOCUSABLE_SELECTORS$1$1 = [
|
|
55174
55185
|
"a[href]",
|
|
55175
55186
|
"button:not([disabled])",
|
|
55176
55187
|
"textarea:not([disabled])",
|
|
@@ -55184,7 +55195,7 @@ const FOCUSABLE_SELECTORS$3 = [
|
|
|
55184
55195
|
];
|
|
55185
55196
|
|
|
55186
55197
|
// List of custom components that are known to be focusable
|
|
55187
|
-
const FOCUSABLE_COMPONENTS$
|
|
55198
|
+
const FOCUSABLE_COMPONENTS$1$1 = [
|
|
55188
55199
|
"auro-checkbox",
|
|
55189
55200
|
"auro-radio",
|
|
55190
55201
|
"auro-dropdown",
|
|
@@ -55206,12 +55217,12 @@ const FOCUSABLE_COMPONENTS$3 = [
|
|
|
55206
55217
|
* @param {HTMLElement} element The element to check for focusability.
|
|
55207
55218
|
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
55208
55219
|
*/
|
|
55209
|
-
function isFocusableComponent$
|
|
55220
|
+
function isFocusableComponent$1$1(element) {
|
|
55210
55221
|
const componentName = element.tagName.toLowerCase();
|
|
55211
55222
|
|
|
55212
55223
|
// Guard Clause: Element is a focusable component
|
|
55213
55224
|
if (
|
|
55214
|
-
!FOCUSABLE_COMPONENTS$
|
|
55225
|
+
!FOCUSABLE_COMPONENTS$1$1.some(
|
|
55215
55226
|
(name) => element.hasAttribute(name) || componentName === name,
|
|
55216
55227
|
)
|
|
55217
55228
|
)
|
|
@@ -55235,7 +55246,7 @@ function isFocusableComponent$3(element) {
|
|
|
55235
55246
|
* @param {HTMLElement} element The element whose tabindex to read.
|
|
55236
55247
|
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
55237
55248
|
*/
|
|
55238
|
-
function getNumericTabIndex$
|
|
55249
|
+
function getNumericTabIndex$1$1(element) {
|
|
55239
55250
|
const raw = element.getAttribute("tabindex");
|
|
55240
55251
|
if (raw == null) return null;
|
|
55241
55252
|
|
|
@@ -55251,7 +55262,7 @@ function getNumericTabIndex$3(element) {
|
|
|
55251
55262
|
* @param {HTMLElement} container The container to search within
|
|
55252
55263
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
55253
55264
|
*/
|
|
55254
|
-
function getFocusableElements$
|
|
55265
|
+
function getFocusableElements$1$1(container) {
|
|
55255
55266
|
// Get elements in DOM order by walking the tree
|
|
55256
55267
|
const orderedFocusableElements = [];
|
|
55257
55268
|
|
|
@@ -55260,7 +55271,7 @@ function getFocusableElements$3(container) {
|
|
|
55260
55271
|
// Check if current element is focusable
|
|
55261
55272
|
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
55262
55273
|
// Check if this is a custom component that is focusable
|
|
55263
|
-
const isComponentFocusable = isFocusableComponent$
|
|
55274
|
+
const isComponentFocusable = isFocusableComponent$1$1(root);
|
|
55264
55275
|
|
|
55265
55276
|
if (isComponentFocusable) {
|
|
55266
55277
|
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
@@ -55269,7 +55280,7 @@ function getFocusableElements$3(container) {
|
|
|
55269
55280
|
}
|
|
55270
55281
|
|
|
55271
55282
|
// Check if the element itself matches any selector
|
|
55272
|
-
for (const selector of FOCUSABLE_SELECTORS$
|
|
55283
|
+
for (const selector of FOCUSABLE_SELECTORS$1$1) {
|
|
55273
55284
|
if (root.matches?.(selector)) {
|
|
55274
55285
|
orderedFocusableElements.push(root);
|
|
55275
55286
|
break; // Once we know it's focusable, no need to check other selectors
|
|
@@ -55323,20 +55334,20 @@ function getFocusableElements$3(container) {
|
|
|
55323
55334
|
|
|
55324
55335
|
// First extract elements with valid positive tabindex
|
|
55325
55336
|
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
55326
|
-
const tabindex = getNumericTabIndex$
|
|
55337
|
+
const tabindex = getNumericTabIndex$1$1(el);
|
|
55327
55338
|
return tabindex !== null && tabindex > 0;
|
|
55328
55339
|
});
|
|
55329
55340
|
|
|
55330
55341
|
// Sort these elements by their tabindex value
|
|
55331
55342
|
elementsWithTabindex.sort((a, b) => {
|
|
55332
|
-
const aIndex = getNumericTabIndex$
|
|
55333
|
-
const bIndex = getNumericTabIndex$
|
|
55343
|
+
const aIndex = getNumericTabIndex$1$1(a) ?? 0;
|
|
55344
|
+
const bIndex = getNumericTabIndex$1$1(b) ?? 0;
|
|
55334
55345
|
return aIndex - bIndex;
|
|
55335
55346
|
});
|
|
55336
55347
|
|
|
55337
55348
|
// Elements without tabindex (preserving their original order)
|
|
55338
55349
|
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
55339
|
-
const tabindex = getNumericTabIndex$
|
|
55350
|
+
const tabindex = getNumericTabIndex$1$1(el);
|
|
55340
55351
|
|
|
55341
55352
|
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
55342
55353
|
return tabindex === null || tabindex === 0;
|
|
@@ -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 = '202609021726';
|
|
56135
56146
|
|
|
56136
56147
|
/**
|
|
56137
56148
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -56431,7 +56442,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56431
56442
|
*/
|
|
56432
56443
|
focus() {
|
|
56433
56444
|
if (this.isPopoverVisible && this.bibContent) {
|
|
56434
|
-
const focusables = getFocusableElements$
|
|
56445
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
56435
56446
|
if (focusables.length > 0) {
|
|
56436
56447
|
focusables[0].focus();
|
|
56437
56448
|
}
|
|
@@ -56463,7 +56474,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56463
56474
|
// wrappers like <div> containing a <button>). If none found, try
|
|
56464
56475
|
// focusing the element directly (works for custom elements like
|
|
56465
56476
|
// auro-input that have delegatesFocus or a custom focus() method).
|
|
56466
|
-
const descendants = getFocusableElements$
|
|
56477
|
+
const descendants = getFocusableElements$1$1(el);
|
|
56467
56478
|
if (descendants.length > 0) {
|
|
56468
56479
|
descendants[0].focus();
|
|
56469
56480
|
return;
|
|
@@ -56475,7 +56486,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56475
56486
|
}
|
|
56476
56487
|
}
|
|
56477
56488
|
// Fallback: try DOM children (non-slotted content)
|
|
56478
|
-
const focusables = getFocusableElements$
|
|
56489
|
+
const focusables = getFocusableElements$1$1(this.trigger);
|
|
56479
56490
|
if (focusables.length > 0) {
|
|
56480
56491
|
focusables[0].focus();
|
|
56481
56492
|
}
|
|
@@ -57154,7 +57165,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57154
57165
|
}
|
|
57155
57166
|
|
|
57156
57167
|
// Collect focusable elements from the bib content.
|
|
57157
|
-
const focusables = getFocusableElements$
|
|
57168
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
57158
57169
|
|
|
57159
57170
|
// Fallback: try from slotted content directly
|
|
57160
57171
|
if (!focusables.length) {
|
|
@@ -57163,7 +57174,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57163
57174
|
|
|
57164
57175
|
for (const node of assignedNodes) {
|
|
57165
57176
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
57166
|
-
focusables.push(...getFocusableElements$
|
|
57177
|
+
focusables.push(...getFocusableElements$1$1(node));
|
|
57167
57178
|
}
|
|
57168
57179
|
}
|
|
57169
57180
|
}
|
|
@@ -57223,7 +57234,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57223
57234
|
|
|
57224
57235
|
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
57225
57236
|
requestAnimationFrame(() => {
|
|
57226
|
-
const focusables = getFocusableElements$
|
|
57237
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
57227
57238
|
if (focusables.length) {
|
|
57228
57239
|
focusables[0].focus();
|
|
57229
57240
|
}
|
|
@@ -57236,7 +57247,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57236
57247
|
// popover asynchronously — a synchronous focus() would target
|
|
57237
57248
|
// zero-dimension elements and be silently ignored.
|
|
57238
57249
|
requestAnimationFrame(() => {
|
|
57239
|
-
const focusables = getFocusableElements$
|
|
57250
|
+
const focusables = getFocusableElements$1$1(this.bibContent);
|
|
57240
57251
|
if (focusables.length) {
|
|
57241
57252
|
focusables[0].focus();
|
|
57242
57253
|
}
|
|
@@ -57454,7 +57465,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57454
57465
|
if (triggerContentNodes) {
|
|
57455
57466
|
|
|
57456
57467
|
// See if any of them are focusable elements
|
|
57457
|
-
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$
|
|
57468
|
+
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1$1(node).length > 0);
|
|
57458
57469
|
|
|
57459
57470
|
// If any of them are focusable elements
|
|
57460
57471
|
if (this.triggerContentFocusable) {
|
|
@@ -58216,9 +58227,241 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
58216
58227
|
}
|
|
58217
58228
|
};
|
|
58218
58229
|
|
|
58230
|
+
// Selectors for focusable elements
|
|
58231
|
+
const FOCUSABLE_SELECTORS$3 = [
|
|
58232
|
+
"a[href]",
|
|
58233
|
+
"button:not([disabled])",
|
|
58234
|
+
"textarea:not([disabled])",
|
|
58235
|
+
"input:not([disabled])",
|
|
58236
|
+
"select:not([disabled])",
|
|
58237
|
+
'[role="tab"]:not([disabled])',
|
|
58238
|
+
'[role="link"]:not([disabled])',
|
|
58239
|
+
'[role="button"]:not([disabled])',
|
|
58240
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
58241
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
58242
|
+
];
|
|
58243
|
+
|
|
58244
|
+
// List of custom components that are known to be focusable
|
|
58245
|
+
const FOCUSABLE_COMPONENTS$3 = [
|
|
58246
|
+
"auro-checkbox",
|
|
58247
|
+
"auro-radio",
|
|
58248
|
+
"auro-dropdown",
|
|
58249
|
+
"auro-button",
|
|
58250
|
+
"auro-combobox",
|
|
58251
|
+
"auro-input",
|
|
58252
|
+
"auro-counter",
|
|
58253
|
+
// 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
|
|
58254
|
+
"auro-select",
|
|
58255
|
+
"auro-datepicker",
|
|
58256
|
+
"auro-hyperlink",
|
|
58257
|
+
"auro-accordion",
|
|
58258
|
+
];
|
|
58259
|
+
|
|
58260
|
+
/**
|
|
58261
|
+
* Determines if a given element is a custom focusable component.
|
|
58262
|
+
* Returns true if the element matches a known focusable component and is not disabled.
|
|
58263
|
+
*
|
|
58264
|
+
* @param {HTMLElement} element The element to check for focusability.
|
|
58265
|
+
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
58266
|
+
*/
|
|
58267
|
+
function isFocusableComponent$3(element) {
|
|
58268
|
+
const componentName = element.tagName.toLowerCase();
|
|
58269
|
+
|
|
58270
|
+
// Guard Clause: Element is a focusable component
|
|
58271
|
+
if (
|
|
58272
|
+
!FOCUSABLE_COMPONENTS$3.some(
|
|
58273
|
+
(name) => element.hasAttribute(name) || componentName === name,
|
|
58274
|
+
)
|
|
58275
|
+
)
|
|
58276
|
+
return false;
|
|
58277
|
+
|
|
58278
|
+
// Guard Clause: Element is not disabled
|
|
58279
|
+
if (element.hasAttribute("disabled")) return false;
|
|
58280
|
+
|
|
58281
|
+
// Guard Clause: The element is a hyperlink and has no href attribute
|
|
58282
|
+
if (componentName.match("hyperlink") && !element.hasAttribute("href"))
|
|
58283
|
+
return false;
|
|
58284
|
+
|
|
58285
|
+
// If all guard clauses pass, the element is a focusable component
|
|
58286
|
+
return true;
|
|
58287
|
+
}
|
|
58288
|
+
|
|
58289
|
+
/**
|
|
58290
|
+
* Safely get a numeric tabindex for an element.
|
|
58291
|
+
* Returns a number if the tabindex is a valid integer, otherwise null.
|
|
58292
|
+
*
|
|
58293
|
+
* @param {HTMLElement} element The element whose tabindex to read.
|
|
58294
|
+
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
58295
|
+
*/
|
|
58296
|
+
function getNumericTabIndex$3(element) {
|
|
58297
|
+
const raw = element.getAttribute("tabindex");
|
|
58298
|
+
if (raw == null) return null;
|
|
58299
|
+
|
|
58300
|
+
const value = Number.parseInt(raw, 10);
|
|
58301
|
+
return Number.isNaN(value) ? null : value;
|
|
58302
|
+
}
|
|
58303
|
+
|
|
58304
|
+
/**
|
|
58305
|
+
* Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
|
|
58306
|
+
* Returns a unique, ordered array of elements that can receive focus.
|
|
58307
|
+
* Also sorts elements with tabindex first, preserving their order.
|
|
58308
|
+
*
|
|
58309
|
+
* @param {HTMLElement} container The container to search within
|
|
58310
|
+
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
58311
|
+
*/
|
|
58312
|
+
function getFocusableElements$3(container) {
|
|
58313
|
+
// Get elements in DOM order by walking the tree
|
|
58314
|
+
const orderedFocusableElements = [];
|
|
58315
|
+
|
|
58316
|
+
// Define a recursive function to collect focusable elements in DOM order
|
|
58317
|
+
const collectFocusableElements = (root) => {
|
|
58318
|
+
// Check if current element is focusable
|
|
58319
|
+
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
58320
|
+
// Check if this is a custom component that is focusable
|
|
58321
|
+
const isComponentFocusable = isFocusableComponent$3(root);
|
|
58322
|
+
|
|
58323
|
+
if (isComponentFocusable) {
|
|
58324
|
+
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
58325
|
+
orderedFocusableElements.push(root);
|
|
58326
|
+
return; // Skip traversing inside this component
|
|
58327
|
+
}
|
|
58328
|
+
|
|
58329
|
+
// Check if the element itself matches any selector
|
|
58330
|
+
for (const selector of FOCUSABLE_SELECTORS$3) {
|
|
58331
|
+
if (root.matches?.(selector)) {
|
|
58332
|
+
orderedFocusableElements.push(root);
|
|
58333
|
+
break; // Once we know it's focusable, no need to check other selectors
|
|
58334
|
+
}
|
|
58335
|
+
}
|
|
58336
|
+
|
|
58337
|
+
// Process shadow DOM only for non-Auro components
|
|
58338
|
+
if (root.shadowRoot) {
|
|
58339
|
+
// Process shadow DOM children in order
|
|
58340
|
+
if (root.shadowRoot.children) {
|
|
58341
|
+
Array.from(root.shadowRoot.children).forEach((child) => {
|
|
58342
|
+
collectFocusableElements(child);
|
|
58343
|
+
});
|
|
58344
|
+
}
|
|
58345
|
+
}
|
|
58346
|
+
|
|
58347
|
+
// Process slots and their assigned nodes in order
|
|
58348
|
+
if (root.tagName === "SLOT") {
|
|
58349
|
+
const assignedNodes = root.assignedNodes({ flatten: true });
|
|
58350
|
+
for (const node of assignedNodes) {
|
|
58351
|
+
collectFocusableElements(node);
|
|
58352
|
+
}
|
|
58353
|
+
} else {
|
|
58354
|
+
// Process light DOM children in order
|
|
58355
|
+
if (root.children) {
|
|
58356
|
+
Array.from(root.children).forEach((child) => {
|
|
58357
|
+
collectFocusableElements(child);
|
|
58358
|
+
});
|
|
58359
|
+
}
|
|
58360
|
+
}
|
|
58361
|
+
}
|
|
58362
|
+
};
|
|
58363
|
+
|
|
58364
|
+
// Start the traversal from the container
|
|
58365
|
+
collectFocusableElements(container);
|
|
58366
|
+
|
|
58367
|
+
// Remove duplicates that might have been collected through different paths
|
|
58368
|
+
// while preserving order
|
|
58369
|
+
const uniqueElements = [];
|
|
58370
|
+
const seen = new Set();
|
|
58371
|
+
|
|
58372
|
+
for (const element of orderedFocusableElements) {
|
|
58373
|
+
if (!seen.has(element)) {
|
|
58374
|
+
seen.add(element);
|
|
58375
|
+
uniqueElements.push(element);
|
|
58376
|
+
}
|
|
58377
|
+
}
|
|
58378
|
+
|
|
58379
|
+
// Move tab-indexed elements to the front while preserving their order
|
|
58380
|
+
// This ensures that elements with tabindex are prioritized in the focus order
|
|
58381
|
+
|
|
58382
|
+
// First extract elements with valid positive tabindex
|
|
58383
|
+
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
58384
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
58385
|
+
return tabindex !== null && tabindex > 0;
|
|
58386
|
+
});
|
|
58387
|
+
|
|
58388
|
+
// Sort these elements by their tabindex value
|
|
58389
|
+
elementsWithTabindex.sort((a, b) => {
|
|
58390
|
+
const aIndex = getNumericTabIndex$3(a) ?? 0;
|
|
58391
|
+
const bIndex = getNumericTabIndex$3(b) ?? 0;
|
|
58392
|
+
return aIndex - bIndex;
|
|
58393
|
+
});
|
|
58394
|
+
|
|
58395
|
+
// Elements without tabindex (preserving their original order)
|
|
58396
|
+
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
58397
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
58398
|
+
|
|
58399
|
+
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
58400
|
+
return tabindex === null || tabindex === 0;
|
|
58401
|
+
});
|
|
58402
|
+
|
|
58403
|
+
// Combine both arrays with tabindex elements first
|
|
58404
|
+
const tabIndexedUniqueElements = [
|
|
58405
|
+
...elementsWithTabindex,
|
|
58406
|
+
...elementsWithoutTabindex,
|
|
58407
|
+
];
|
|
58408
|
+
|
|
58409
|
+
return tabIndexedUniqueElements;
|
|
58410
|
+
}
|
|
58411
|
+
|
|
58219
58412
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
58220
58413
|
// See LICENSE in the project root for license information.
|
|
58221
58414
|
|
|
58415
|
+
|
|
58416
|
+
/**
|
|
58417
|
+
* Whether `el` is currently visible enough to receive focus. Prefers the
|
|
58418
|
+
* browser's `checkVisibility()`; otherwise combines a display/visibility check
|
|
58419
|
+
* with an ancestor-hidden probe that keeps position:fixed elements visible.
|
|
58420
|
+
* @param {Element} el - The element to test.
|
|
58421
|
+
* @returns {boolean}
|
|
58422
|
+
*/
|
|
58423
|
+
function isVisibleForFocus$1(el) {
|
|
58424
|
+
if (typeof el.checkVisibility === 'function') {
|
|
58425
|
+
return el.checkVisibility();
|
|
58426
|
+
}
|
|
58427
|
+
const style = el.ownerDocument.defaultView.getComputedStyle(el);
|
|
58428
|
+
if (style.display === 'none' || style.visibility === 'hidden') {
|
|
58429
|
+
return false;
|
|
58430
|
+
}
|
|
58431
|
+
return el.offsetParent !== null || style.position === 'fixed';
|
|
58432
|
+
}
|
|
58433
|
+
|
|
58434
|
+
/**
|
|
58435
|
+
* Return the tab stop that comes before the counter-group in page tab order,
|
|
58436
|
+
* skipping any hidden entries the walker doesn't filter itself. The group host
|
|
58437
|
+
* itself is not a tab stop; its focusables (the internal dropdown and the
|
|
58438
|
+
* counters) are, so anchor the search on the group's earliest focusable.
|
|
58439
|
+
* @param {Element} component - The auro-counter-group host element.
|
|
58440
|
+
* @returns {Element|null}
|
|
58441
|
+
*/
|
|
58442
|
+
function getPreviousTabStop$1(component) {
|
|
58443
|
+
const tabStops = getFocusableElements$3(component.ownerDocument.body);
|
|
58444
|
+
const counters = component.counters || [];
|
|
58445
|
+
const owned = [
|
|
58446
|
+
component,
|
|
58447
|
+
component.dropdown,
|
|
58448
|
+
...counters
|
|
58449
|
+
].filter(Boolean);
|
|
58450
|
+
let groupStart = tabStops.length;
|
|
58451
|
+
owned.forEach((node) => {
|
|
58452
|
+
const index = tabStops.indexOf(node);
|
|
58453
|
+
if (index >= 0 && index < groupStart) {
|
|
58454
|
+
groupStart = index;
|
|
58455
|
+
}
|
|
58456
|
+
});
|
|
58457
|
+
for (let index = groupStart - 1; index >= 0; index -= 1) {
|
|
58458
|
+
if (isVisibleForFocus$1(tabStops[index])) {
|
|
58459
|
+
return tabStops[index];
|
|
58460
|
+
}
|
|
58461
|
+
}
|
|
58462
|
+
return null;
|
|
58463
|
+
}
|
|
58464
|
+
|
|
58222
58465
|
const counterGroupKeyboardStrategy = {
|
|
58223
58466
|
Escape(component, evt) {
|
|
58224
58467
|
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
@@ -58232,6 +58475,48 @@ const counterGroupKeyboardStrategy = {
|
|
|
58232
58475
|
|
|
58233
58476
|
component.dropdown.hide();
|
|
58234
58477
|
},
|
|
58478
|
+
|
|
58479
|
+
Tab(component, evt, ctx) {
|
|
58480
|
+
// Forward Tab already exits past the bib content and the focusout handler
|
|
58481
|
+
// closes the bib. Fullscreen relies on the dialog's native focus trapping.
|
|
58482
|
+
if (!ctx.isExpanded || ctx.isModal || !evt.shiftKey) {
|
|
58483
|
+
return;
|
|
58484
|
+
}
|
|
58485
|
+
|
|
58486
|
+
// The trigger precedes the bib content in the flattened tab order, so a
|
|
58487
|
+
// native Shift+Tab off the first counter lands back on the trigger and
|
|
58488
|
+
// leaves the bib open. Only intercept when focus is on the first focusable
|
|
58489
|
+
// in the bib; otherwise let the browser move to the previous counter.
|
|
58490
|
+
// `composedPath()` reports the real event origin through every shadow
|
|
58491
|
+
// boundary, unlike `document.activeElement`, which retargets to the first
|
|
58492
|
+
// slotted counter and cannot tell the counters apart.
|
|
58493
|
+
const focusables = getFocusableElements$3(component.dropdown.bibContent);
|
|
58494
|
+
if (!focusables.length) {
|
|
58495
|
+
return;
|
|
58496
|
+
}
|
|
58497
|
+
|
|
58498
|
+
const path = evt.composedPath();
|
|
58499
|
+
const activeIndex = focusables.findIndex((el) => path.includes(el));
|
|
58500
|
+
if (activeIndex !== 0) {
|
|
58501
|
+
return;
|
|
58502
|
+
}
|
|
58503
|
+
|
|
58504
|
+
const previousTabStop = getPreviousTabStop$1(component);
|
|
58505
|
+
|
|
58506
|
+
// Always suppress the native Shift+Tab. Otherwise it fires against the bib
|
|
58507
|
+
// as it is torn down and lands focus on the trigger (which precedes the
|
|
58508
|
+
// first counter), re-opening the exact loop this handler prevents. When
|
|
58509
|
+
// nothing precedes the group, focus falls to the body instead of the
|
|
58510
|
+
// trigger, which reads as exiting the group backward.
|
|
58511
|
+
evt.preventDefault();
|
|
58512
|
+
component.hideBib();
|
|
58513
|
+
|
|
58514
|
+
if (!previousTabStop) {
|
|
58515
|
+
return;
|
|
58516
|
+
}
|
|
58517
|
+
|
|
58518
|
+
doubleRaf$2(() => previousTabStop.focus());
|
|
58519
|
+
},
|
|
58235
58520
|
};
|
|
58236
58521
|
|
|
58237
58522
|
/* 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,
|
|
@@ -58859,6 +59144,19 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
58859
59144
|
this.validation.validate(this, force);
|
|
58860
59145
|
}
|
|
58861
59146
|
|
|
59147
|
+
/**
|
|
59148
|
+
* Resets the counter group to its initial state by resetting each child counter and clearing validity.
|
|
59149
|
+
* Each child reset dispatches an `input` event, which triggers `updateValue()` to recompute `value`/`total`.
|
|
59150
|
+
* @returns {void}
|
|
59151
|
+
*/
|
|
59152
|
+
reset() {
|
|
59153
|
+
if (this.counters) {
|
|
59154
|
+
this.counters.forEach((counter) => counter.reset());
|
|
59155
|
+
}
|
|
59156
|
+
|
|
59157
|
+
this.validation.reset(this);
|
|
59158
|
+
}
|
|
59159
|
+
|
|
58862
59160
|
updated(changedProperties) {
|
|
58863
59161
|
if (changedProperties.has("value")) {
|
|
58864
59162
|
this.validate();
|
|
@@ -60303,7 +60601,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
60303
60601
|
}
|
|
60304
60602
|
};
|
|
60305
60603
|
|
|
60306
|
-
var formkitVersion$5 = '
|
|
60604
|
+
var formkitVersion$5 = '202609021726';
|
|
60307
60605
|
|
|
60308
60606
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60309
60607
|
// See LICENSE in the project root for license information.
|
|
@@ -62097,7 +62395,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
62097
62395
|
}
|
|
62098
62396
|
};
|
|
62099
62397
|
|
|
62100
|
-
var formkitVersion$4 = '
|
|
62398
|
+
var formkitVersion$4 = '202609021726';
|
|
62101
62399
|
|
|
62102
62400
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62103
62401
|
// See LICENSE in the project root for license information.
|
|
@@ -67524,7 +67822,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
67524
67822
|
}
|
|
67525
67823
|
};
|
|
67526
67824
|
|
|
67527
|
-
var formkitVersion$2 = '
|
|
67825
|
+
var formkitVersion$2 = '202609021726';
|
|
67528
67826
|
|
|
67529
67827
|
/**
|
|
67530
67828
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -81386,7 +81684,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
81386
81684
|
}
|
|
81387
81685
|
};
|
|
81388
81686
|
|
|
81389
|
-
var formkitVersion$1$1 = '
|
|
81687
|
+
var formkitVersion$1$1 = '202609021726';
|
|
81390
81688
|
|
|
81391
81689
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81392
81690
|
// See LICENSE in the project root for license information.
|
|
@@ -82578,7 +82876,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
82578
82876
|
}
|
|
82579
82877
|
};
|
|
82580
82878
|
|
|
82581
|
-
var formkitVersion$3 = '
|
|
82879
|
+
var formkitVersion$3 = '202609021726';
|
|
82582
82880
|
|
|
82583
82881
|
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
82882
|
|
|
@@ -83019,6 +83317,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83019
83317
|
this.behavior = "suggestion";
|
|
83020
83318
|
this.clearBtnFocused = false;
|
|
83021
83319
|
|
|
83320
|
+
// One-shot: set when the input's clear button is activated so the
|
|
83321
|
+
// SPA-preselect guard in handleInputValueChange doesn't swallow the
|
|
83322
|
+
// genuine clear (AB#1634257).
|
|
83323
|
+
this._clearBtnActivated = false;
|
|
83324
|
+
|
|
83022
83325
|
// Defaults that effect the overall layout of the combobox
|
|
83023
83326
|
this.checkmark = false;
|
|
83024
83327
|
this.dvInputOnly = false;
|
|
@@ -83976,6 +84279,13 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83976
84279
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$);
|
|
83977
84280
|
this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
|
|
83978
84281
|
|
|
84282
|
+
// Mirror the trigger's clear-button tracking onto the fullscreen bib input
|
|
84283
|
+
// so clearing there also fully resets the combobox (AB#1634257). See
|
|
84284
|
+
// trackClearBtnActivation for why this must run in the capture phase.
|
|
84285
|
+
if (this.inputInBib && this.inputInBib !== this.input) {
|
|
84286
|
+
this.trackClearBtnActivation(this.inputInBib);
|
|
84287
|
+
}
|
|
84288
|
+
|
|
83979
84289
|
// Pass label text to the dropdown bib for accessible dialog naming
|
|
83980
84290
|
const labelElement = this.querySelector('[slot="label"]');
|
|
83981
84291
|
if (labelElement) {
|
|
@@ -84361,6 +84671,52 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84361
84671
|
this.clearBtnFocused = false;
|
|
84362
84672
|
}
|
|
84363
84673
|
});
|
|
84674
|
+
|
|
84675
|
+
this.trackClearBtnActivation(this.input);
|
|
84676
|
+
}
|
|
84677
|
+
|
|
84678
|
+
/**
|
|
84679
|
+
* Flags genuine clear-button activations on an auro-input so the SPA-preselect
|
|
84680
|
+
* guard in handleInputValueChange doesn't swallow them.
|
|
84681
|
+
*
|
|
84682
|
+
* The auro-input clear button fires an `isProgrammatic` input event (via
|
|
84683
|
+
* notifyValueChanged) that is indistinguishable in shape from the
|
|
84684
|
+
* SPA-preselect echo that guard bails on (isProgrammatic + set value + empty
|
|
84685
|
+
* input). Without this one-shot flag, clicking clear would leave
|
|
84686
|
+
* this.value/optionSelected stale (AB#1634257).
|
|
84687
|
+
*
|
|
84688
|
+
* Delegated on the shadow root so it works regardless of when .clearBtn
|
|
84689
|
+
* renders (it only exists after a value is set), and covers both real clicks
|
|
84690
|
+
* and programmatic clearBtn.click() (which no focusin precedes). Registered in
|
|
84691
|
+
* the CAPTURE phase so the flag is set BEFORE the button's own @click
|
|
84692
|
+
* (handleClickClear) fires its synchronous input event — which is when
|
|
84693
|
+
* handleInputValueChange reads the flag.
|
|
84694
|
+
* @private
|
|
84695
|
+
* @param {Element} inputEl - The auro-input whose clear button to track.
|
|
84696
|
+
* @returns {void}
|
|
84697
|
+
*/
|
|
84698
|
+
trackClearBtnActivation(inputEl) {
|
|
84699
|
+
if (!inputEl || !inputEl.shadowRoot) {
|
|
84700
|
+
return;
|
|
84701
|
+
}
|
|
84702
|
+
inputEl.shadowRoot.addEventListener('click', (event) => {
|
|
84703
|
+
if (event.target.closest('.clearBtn')) {
|
|
84704
|
+
this._clearBtnActivated = true;
|
|
84705
|
+
|
|
84706
|
+
// Bound the flag's lifetime to this synchronous clear -> input window.
|
|
84707
|
+
// auro-input's handleClickClear fires its input event synchronously
|
|
84708
|
+
// (before any macrotask runs), so handleInputValueChange consumes the
|
|
84709
|
+
// flag first and this reset is a harmless no-op. It only does real work
|
|
84710
|
+
// if that input event never arrives (e.g. auro-input throws mid-clear),
|
|
84711
|
+
// guaranteeing the flag can't survive to be misread as a genuine clear
|
|
84712
|
+
// by a later unrelated event such as an SPA-preselect echo (AB#1634257).
|
|
84713
|
+
// Scheduled via _scheduleTimer so disconnectedCallback cancels it if the
|
|
84714
|
+
// component tears down inside that window.
|
|
84715
|
+
this._scheduleTimer(() => {
|
|
84716
|
+
this._clearBtnActivated = false;
|
|
84717
|
+
}, 0);
|
|
84718
|
+
}
|
|
84719
|
+
}, true);
|
|
84364
84720
|
}
|
|
84365
84721
|
|
|
84366
84722
|
/**
|
|
@@ -84402,6 +84758,17 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84402
84758
|
* @returns {void}
|
|
84403
84759
|
*/
|
|
84404
84760
|
handleInputValueChange(event) {
|
|
84761
|
+
// Consume the one-shot clear-button flag on EVERY entry, before any branch
|
|
84762
|
+
// below can early-return. trackClearBtnActivation sets it in the capture
|
|
84763
|
+
// phase right before auro-input's clear button fires its synchronous input
|
|
84764
|
+
// event; reading and immediately clearing it here guarantees the flag never
|
|
84765
|
+
// survives a handleInputValueChange call to leak into a later event (e.g.
|
|
84766
|
+
// the bib branch bailing at _syncingDisplayValue, or an SPA-preselect echo)
|
|
84767
|
+
// where it would defeat the guard below. Held in a local so that guard can
|
|
84768
|
+
// still tell a genuine clear from the init-render echo (AB#1634257).
|
|
84769
|
+
const clearBtnActivated = this._clearBtnActivated;
|
|
84770
|
+
this._clearBtnActivated = false;
|
|
84771
|
+
|
|
84405
84772
|
// When the event comes from the fullscreen bib input, sync the value to
|
|
84406
84773
|
// the trigger input. Setting trigger.value triggers Lit's updated()
|
|
84407
84774
|
// (async, microtask) which fires notifyValueChanged() → another 'input'
|
|
@@ -84449,7 +84816,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84449
84816
|
// to the exact shape of that echo (isProgrammatic + non-empty combobox
|
|
84450
84817
|
// value + empty input.value) so it doesn't affect the swap/typed paths
|
|
84451
84818
|
// where value/input already track each other through the sync helpers.
|
|
84452
|
-
|
|
84819
|
+
// The clear button's echo has the same shape (isProgrammatic + set value +
|
|
84820
|
+
// empty input) but is a genuine user clear that MUST reset this.value and
|
|
84821
|
+
// optionSelected below. clearBtnActivated (consumed at the top of this
|
|
84822
|
+
// method) is true only for that genuine clear, so only the real
|
|
84823
|
+
// SPA-preselect echo bails (AB#1634257).
|
|
84824
|
+
if (event && event.isProgrammatic && this.value && !this.input.value && !clearBtnActivated) {
|
|
84453
84825
|
return;
|
|
84454
84826
|
}
|
|
84455
84827
|
|
|
@@ -84594,6 +84966,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84594
84966
|
// retry would otherwise keep rescheduling itself indefinitely.
|
|
84595
84967
|
this._pendingTimers.forEach((id) => clearTimeout(id));
|
|
84596
84968
|
this._pendingTimers.clear();
|
|
84969
|
+
|
|
84970
|
+
// Cancelling the timers above drops the macrotask that would have reset
|
|
84971
|
+
// _clearBtnActivated, so reset it here too. Otherwise a disconnect inside
|
|
84972
|
+
// the clear-click -> macrotask window strands the flag `true`; instance
|
|
84973
|
+
// state survives reconnect, and the first matching input event (including
|
|
84974
|
+
// an SPA-preselect echo) would then bypass the guard in
|
|
84975
|
+
// handleInputValueChange and silently clear value/optionSelected (AB#1634257).
|
|
84976
|
+
this._clearBtnActivated = false;
|
|
84597
84977
|
}
|
|
84598
84978
|
|
|
84599
84979
|
firstUpdated() {
|
|
@@ -84692,6 +85072,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84692
85072
|
}
|
|
84693
85073
|
if (this.menu.value || this.menu.optionSelected) {
|
|
84694
85074
|
this.menu.reset();
|
|
85075
|
+
} else {
|
|
85076
|
+
// The menu's selection properties are already cleared, but option
|
|
85077
|
+
// elements can still carry a stale `selected` attribute (e.g. the menu
|
|
85078
|
+
// options were rebuilt after the value was set, orphaning the DOM from
|
|
85079
|
+
// the now-null optionSelected). reset() is skipped above in that case,
|
|
85080
|
+
// so re-sync the option DOM directly to guarantee no option renders as
|
|
85081
|
+
// selected once the field is cleared (AB#1634259).
|
|
85082
|
+
this.menu.clearSelection();
|
|
84695
85083
|
}
|
|
84696
85084
|
} finally {
|
|
84697
85085
|
this._clearing = false;
|
|
@@ -86326,6 +86714,22 @@ class AuroMenu extends AuroElement$2 {
|
|
|
86326
86714
|
this.value = undefined;
|
|
86327
86715
|
this._selectedKey = undefined;
|
|
86328
86716
|
this._index = -1;
|
|
86717
|
+
|
|
86718
|
+
// Eagerly sync the option DOM to the now-empty selection. Nulling the
|
|
86719
|
+
// reactive properties above normally schedules updated() → updateItemsState,
|
|
86720
|
+
// but that only runs when a property actually changes. If an option still
|
|
86721
|
+
// carries a stale `selected`/`aria-selected` attribute while these
|
|
86722
|
+
// properties are already undefined (e.g. options were rebuilt after a value
|
|
86723
|
+
// was set), no re-render fires and the option keeps rendering as selected.
|
|
86724
|
+
// Strip that state now so no option looks selected after a clear (AB#1634259).
|
|
86725
|
+
// Intentionally leaves `active`/`optionActive` untouched so a highlighted
|
|
86726
|
+
// option remains keyboard-re-selectable after emptying the value (AB#1606433).
|
|
86727
|
+
this.updateItemsState(new Map([
|
|
86728
|
+
[
|
|
86729
|
+
'optionSelected',
|
|
86730
|
+
true
|
|
86731
|
+
]
|
|
86732
|
+
]));
|
|
86329
86733
|
}
|
|
86330
86734
|
|
|
86331
86735
|
/**
|
|
@@ -92009,7 +92413,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
92009
92413
|
}
|
|
92010
92414
|
};
|
|
92011
92415
|
|
|
92012
|
-
var formkitVersion$1 = '
|
|
92416
|
+
var formkitVersion$1 = '202609021726';
|
|
92013
92417
|
|
|
92014
92418
|
/**
|
|
92015
92419
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -94182,7 +94586,7 @@ class AuroHelpText extends i$2 {
|
|
|
94182
94586
|
}
|
|
94183
94587
|
}
|
|
94184
94588
|
|
|
94185
|
-
var formkitVersion = '
|
|
94589
|
+
var formkitVersion = '202609021726';
|
|
94186
94590
|
|
|
94187
94591
|
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}`;
|
|
94188
94592
|
|