@aurodesignsystem-dev/auro-formkit 0.0.0-pr1576.7 → 0.0.0-pr1577.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.md +0 -40
- package/components/combobox/demo/customize.min.js +65 -359
- package/components/combobox/demo/getting-started.min.js +65 -359
- package/components/combobox/demo/index.min.js +65 -359
- package/components/combobox/dist/index.js +38 -56
- package/components/combobox/dist/registered.js +38 -56
- package/components/counter/demo/customize.min.js +11 -2
- package/components/counter/demo/index.min.js +11 -2
- package/components/counter/dist/index.js +11 -2
- package/components/counter/dist/registered.js +11 -2
- package/components/datepicker/demo/customize.min.js +12 -3
- package/components/datepicker/demo/index.min.js +12 -3
- package/components/datepicker/dist/index.js +12 -3
- package/components/datepicker/dist/registered.js +12 -3
- package/components/dropdown/demo/customize.min.js +10 -1
- package/components/dropdown/demo/getting-started.min.js +10 -1
- package/components/dropdown/demo/index.min.js +10 -1
- package/components/dropdown/dist/index.js +10 -1
- package/components/dropdown/dist/registered.js +10 -1
- package/components/form/demo/customize.min.js +102 -369
- package/components/form/demo/getting-started.min.js +102 -369
- package/components/form/demo/index.min.js +102 -369
- package/components/form/demo/registerDemoDeps.min.js +102 -369
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/index.min.js +27 -303
- package/components/menu/dist/auro-menu-utils.d.ts +0 -30
- package/components/menu/dist/auro-menu.d.ts +0 -23
- package/components/menu/dist/index.js +27 -303
- package/components/menu/dist/registered.js +27 -303
- 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.md +0 -72
- package/components/select/demo/customize.min.js +38 -305
- package/components/select/demo/getting-started.min.js +38 -305
- package/components/select/demo/index.min.js +38 -305
- package/components/select/dist/index.js +11 -2
- package/components/select/dist/registered.js +11 -2
- package/custom-elements.json +1511 -1614
- package/package.json +1 -1
|
@@ -12339,7 +12339,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12339
12339
|
}
|
|
12340
12340
|
};
|
|
12341
12341
|
|
|
12342
|
-
var formkitVersion$8 = '
|
|
12342
|
+
var formkitVersion$8 = '202608041712';
|
|
12343
12343
|
|
|
12344
12344
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12345
12345
|
// See LICENSE in the project root for license information.
|
|
@@ -26771,7 +26771,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26771
26771
|
}
|
|
26772
26772
|
};
|
|
26773
26773
|
|
|
26774
|
-
var formkitVersion$2$1 = '
|
|
26774
|
+
var formkitVersion$2$1 = '202608041712';
|
|
26775
26775
|
|
|
26776
26776
|
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}
|
|
26777
26777
|
`,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}}
|
|
@@ -32502,7 +32502,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32502
32502
|
}
|
|
32503
32503
|
};
|
|
32504
32504
|
|
|
32505
|
-
var formkitVersion$1$3 = '
|
|
32505
|
+
var formkitVersion$1$3 = '202608041712';
|
|
32506
32506
|
|
|
32507
32507
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32508
32508
|
static get properties() {
|
|
@@ -33204,6 +33204,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33204
33204
|
|
|
33205
33205
|
connectedCallback() {
|
|
33206
33206
|
super.connectedCallback();
|
|
33207
|
+
// Re-register trigger event listeners removed by floater.disconnect() in
|
|
33208
|
+
// disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
|
|
33209
|
+
// moves this element to a new DOM location. firstUpdated() won't re-run,
|
|
33210
|
+
// so without this the trigger click/keydown handlers are permanently gone.
|
|
33211
|
+
// Guard on floater.element so this is a no-op on the initial connect
|
|
33212
|
+
// (before firstUpdated() has called configure()).
|
|
33213
|
+
if (this.floater?.element) {
|
|
33214
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
33215
|
+
}
|
|
33207
33216
|
}
|
|
33208
33217
|
|
|
33209
33218
|
disconnectedCallback() {
|
|
@@ -46184,7 +46193,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46184
46193
|
}
|
|
46185
46194
|
};
|
|
46186
46195
|
|
|
46187
|
-
var formkitVersion$7 = '
|
|
46196
|
+
var formkitVersion$7 = '202608041712';
|
|
46188
46197
|
|
|
46189
46198
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46190
46199
|
// See LICENSE in the project root for license information.
|
|
@@ -51166,7 +51175,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51166
51175
|
}
|
|
51167
51176
|
};
|
|
51168
51177
|
|
|
51169
|
-
var formkitVersion$1$2 = '
|
|
51178
|
+
var formkitVersion$1$2 = '202608041712';
|
|
51170
51179
|
|
|
51171
51180
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51172
51181
|
// See LICENSE in the project root for license information.
|
|
@@ -55319,7 +55328,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55319
55328
|
}
|
|
55320
55329
|
};
|
|
55321
55330
|
|
|
55322
|
-
var formkitVersion$6 = '
|
|
55331
|
+
var formkitVersion$6 = '202608041712';
|
|
55323
55332
|
|
|
55324
55333
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55325
55334
|
static get properties() {
|
|
@@ -56021,6 +56030,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56021
56030
|
|
|
56022
56031
|
connectedCallback() {
|
|
56023
56032
|
super.connectedCallback();
|
|
56033
|
+
// Re-register trigger event listeners removed by floater.disconnect() in
|
|
56034
|
+
// disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
|
|
56035
|
+
// moves this element to a new DOM location. firstUpdated() won't re-run,
|
|
56036
|
+
// so without this the trigger click/keydown handlers are permanently gone.
|
|
56037
|
+
// Guard on floater.element so this is a no-op on the initial connect
|
|
56038
|
+
// (before firstUpdated() has called configure()).
|
|
56039
|
+
if (this.floater?.element) {
|
|
56040
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
56041
|
+
}
|
|
56024
56042
|
}
|
|
56025
56043
|
|
|
56026
56044
|
disconnectedCallback() {
|
|
@@ -59373,7 +59391,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59373
59391
|
}
|
|
59374
59392
|
};
|
|
59375
59393
|
|
|
59376
|
-
var formkitVersion$5 = '
|
|
59394
|
+
var formkitVersion$5 = '202608041712';
|
|
59377
59395
|
|
|
59378
59396
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59379
59397
|
// See LICENSE in the project root for license information.
|
|
@@ -61138,7 +61156,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
61138
61156
|
}
|
|
61139
61157
|
};
|
|
61140
61158
|
|
|
61141
|
-
var formkitVersion$4 = '
|
|
61159
|
+
var formkitVersion$4 = '202608041712';
|
|
61142
61160
|
|
|
61143
61161
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61144
61162
|
// See LICENSE in the project root for license information.
|
|
@@ -66457,7 +66475,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66457
66475
|
}
|
|
66458
66476
|
};
|
|
66459
66477
|
|
|
66460
|
-
var formkitVersion$2 = '
|
|
66478
|
+
var formkitVersion$2 = '202608041712';
|
|
66461
66479
|
|
|
66462
66480
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66463
66481
|
static get properties() {
|
|
@@ -67159,6 +67177,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67159
67177
|
|
|
67160
67178
|
connectedCallback() {
|
|
67161
67179
|
super.connectedCallback();
|
|
67180
|
+
// Re-register trigger event listeners removed by floater.disconnect() in
|
|
67181
|
+
// disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
|
|
67182
|
+
// moves this element to a new DOM location. firstUpdated() won't re-run,
|
|
67183
|
+
// so without this the trigger click/keydown handlers are permanently gone.
|
|
67184
|
+
// Guard on floater.element so this is a no-op on the initial connect
|
|
67185
|
+
// (before firstUpdated() has called configure()).
|
|
67186
|
+
if (this.floater?.element) {
|
|
67187
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
67188
|
+
}
|
|
67162
67189
|
}
|
|
67163
67190
|
|
|
67164
67191
|
disconnectedCallback() {
|
|
@@ -80139,7 +80166,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
80139
80166
|
}
|
|
80140
80167
|
};
|
|
80141
80168
|
|
|
80142
|
-
var formkitVersion$1$1 = '
|
|
80169
|
+
var formkitVersion$1$1 = '202608041712';
|
|
80143
80170
|
|
|
80144
80171
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80145
80172
|
// See LICENSE in the project root for license information.
|
|
@@ -81295,7 +81322,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81295
81322
|
}
|
|
81296
81323
|
};
|
|
81297
81324
|
|
|
81298
|
-
var formkitVersion$3 = '
|
|
81325
|
+
var formkitVersion$3 = '202608041712';
|
|
81299
81326
|
|
|
81300
81327
|
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}`;
|
|
81301
81328
|
|
|
@@ -83101,17 +83128,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83101
83128
|
return;
|
|
83102
83129
|
}
|
|
83103
83130
|
|
|
83104
|
-
|
|
83105
|
-
// the selected option's LABEL, which is not its machine value. When an
|
|
83106
|
-
// option's label differs from its value (and especially when several
|
|
83107
|
-
// options share a value but render distinct labels — AB#1602086), writing
|
|
83108
|
-
// the label back into this.value clobbers the machine value the selection
|
|
83109
|
-
// listener just set (this.value = optionSelected.value), collapsing the
|
|
83110
|
-
// selection. _syncingBibValue still tracks (that mirrors user-typed text
|
|
83111
|
-
// from the fullscreen bib, where value should follow the input).
|
|
83112
|
-
if (!this._syncingDisplayValue) {
|
|
83113
|
-
this.value = this.input.value;
|
|
83114
|
-
}
|
|
83131
|
+
this.value = this.input.value;
|
|
83115
83132
|
|
|
83116
83133
|
// Ignore re-entrant input events caused by programmatic value sets.
|
|
83117
83134
|
if (this._syncingBibValue || this._syncingDisplayValue) {
|
|
@@ -83375,50 +83392,33 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83375
83392
|
}
|
|
83376
83393
|
|
|
83377
83394
|
if (this.input.value !== this.value) {
|
|
83378
|
-
//
|
|
83379
|
-
//
|
|
83380
|
-
//
|
|
83381
|
-
//
|
|
83382
|
-
//
|
|
83383
|
-
|
|
83384
|
-
|
|
83385
|
-
|
|
83386
|
-
// So only treat the divergence as a stale menu when the selected option
|
|
83387
|
-
// does NOT match the new value.
|
|
83388
|
-
const menuSelectionMatchesValue =
|
|
83389
|
-
this.menu.optionSelected &&
|
|
83390
|
-
!Array.isArray(this.menu.optionSelected) &&
|
|
83391
|
-
this.menu.optionSelected.value === this.value;
|
|
83392
|
-
|
|
83393
|
-
if (!menuSelectionMatchesValue) {
|
|
83394
|
-
// Clear menu.value AND menu.optionSelected together. Clearing only
|
|
83395
|
-
// menu.value leaves the previously-selected option element pinned
|
|
83396
|
-
// as menu.optionSelected; a later auroMenu-selectedOption event
|
|
83397
|
-
// would then write its stale .value back into combobox.value
|
|
83398
|
-
// (e.g. Tab-after-Backspace re-selecting the prior option).
|
|
83399
|
-
if (this.menu.value || this.menu.optionSelected) {
|
|
83400
|
-
this.menu.clearSelection();
|
|
83401
|
-
}
|
|
83395
|
+
// Clear menu.value AND menu.optionSelected together. Clearing only
|
|
83396
|
+
// menu.value leaves the previously-selected option element pinned
|
|
83397
|
+
// as menu.optionSelected; a later auroMenu-selectedOption event
|
|
83398
|
+
// would then write its stale .value back into combobox.value
|
|
83399
|
+
// (e.g. Tab-after-Backspace re-selecting the prior option).
|
|
83400
|
+
if (this.menu.value || this.menu.optionSelected) {
|
|
83401
|
+
this.menu.clearSelection();
|
|
83402
|
+
}
|
|
83402
83403
|
|
|
83403
|
-
|
|
83404
|
-
|
|
83405
|
-
|
|
83404
|
+
if (!this.persistInput) {
|
|
83405
|
+
this.syncInputValuesAcrossTriggerAndBib(this.value || '');
|
|
83406
|
+
}
|
|
83406
83407
|
|
|
83407
|
-
|
|
83408
|
-
|
|
83409
|
-
|
|
83410
|
-
|
|
83411
|
-
|
|
83412
|
-
|
|
83413
|
-
|
|
83414
|
-
|
|
83415
|
-
|
|
83416
|
-
|
|
83417
|
-
|
|
83418
|
-
|
|
83419
|
-
|
|
83420
|
-
|
|
83421
|
-
}
|
|
83408
|
+
// Programmatic value with no matching option: updateFilter will close
|
|
83409
|
+
// the bib silently (see line 648 — no noMatchOption + 0 results
|
|
83410
|
+
// hides). Announce so screen-reader users hear the request was
|
|
83411
|
+
// dropped. Gated on `input.value !== this.value` so this never fires
|
|
83412
|
+
// for user typing — that path always reconciles input.value to
|
|
83413
|
+
// this.value before updated() runs.
|
|
83414
|
+
if (
|
|
83415
|
+
this.value &&
|
|
83416
|
+
this.menu &&
|
|
83417
|
+
this.menu.options &&
|
|
83418
|
+
this.menu.options.length > 0 &&
|
|
83419
|
+
!this.menu.options.some((opt) => opt.value === this.value)
|
|
83420
|
+
) {
|
|
83421
|
+
announceToScreenReader$1(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
|
|
83422
83422
|
}
|
|
83423
83423
|
}
|
|
83424
83424
|
|
|
@@ -83938,107 +83938,6 @@ function isSelectableByValue(option) {
|
|
|
83938
83938
|
!option.hasAttribute('static');
|
|
83939
83939
|
}
|
|
83940
83940
|
|
|
83941
|
-
/* eslint-disable no-underscore-dangle */
|
|
83942
|
-
/**
|
|
83943
|
-
* Resolves the single selected option for a given `value`, preferring the
|
|
83944
|
-
* option tracked by `selectedKey` (a user-initiated selection) over a
|
|
83945
|
-
* first-by-value match. When multiple options share the same `value`, matching
|
|
83946
|
-
* by `value` alone cannot distinguish which one the user picked; the key
|
|
83947
|
-
* disambiguates it.
|
|
83948
|
-
*
|
|
83949
|
-
* The key is trusted only when it still resolves to an option whose `value`
|
|
83950
|
-
* matches the requested `value`. If the key is stale (option removed) or the
|
|
83951
|
-
* value was changed programmatically, resolution falls back to value matching —
|
|
83952
|
-
* preserving backward-compatible behavior for preselection and `selectByValue`.
|
|
83953
|
-
* @private
|
|
83954
|
-
* @param {Array<HTMLElement>} items - The menu's flat option list.
|
|
83955
|
-
* @param {string} value - The value to resolve.
|
|
83956
|
-
* @param {string|undefined} selectedKey - The `_optionKey` of the user-selected option, if any.
|
|
83957
|
-
* @returns {HTMLElement|undefined} The resolved option, or undefined when none match.
|
|
83958
|
-
*/
|
|
83959
|
-
function resolveSelectedOption(items, value, selectedKey) {
|
|
83960
|
-
if (!items) {
|
|
83961
|
-
return undefined;
|
|
83962
|
-
}
|
|
83963
|
-
|
|
83964
|
-
if (selectedKey !== undefined) {
|
|
83965
|
-
const keyed = items.find((item) => item._optionKey === selectedKey);
|
|
83966
|
-
if (keyed && isSelectableByValue(keyed) && keyed.value === value) {
|
|
83967
|
-
return keyed;
|
|
83968
|
-
}
|
|
83969
|
-
// Key exists but the option is gone or its value no longer matches — fall
|
|
83970
|
-
// through to value-based matching.
|
|
83971
|
-
}
|
|
83972
|
-
|
|
83973
|
-
return items.find((item) => isSelectableByValue(item) && item.value === value);
|
|
83974
|
-
}
|
|
83975
|
-
|
|
83976
|
-
/**
|
|
83977
|
-
* Resolves the selected options for a multi-select `value` array, preferring
|
|
83978
|
-
* options tracked by `selectedKeys` (user-initiated selections) and falling
|
|
83979
|
-
* back to value matching for any values not resolved by key. The result is
|
|
83980
|
-
* always sorted into DOM order regardless of selection sequence.
|
|
83981
|
-
* @private
|
|
83982
|
-
* @param {Array<HTMLElement>} items - The menu's flat option list.
|
|
83983
|
-
* @param {Array<string>} valueArray - The selected values.
|
|
83984
|
-
* @param {Array<string>|undefined} selectedKeys - The `_optionKey`s of the user-selected options, if any.
|
|
83985
|
-
* @returns {Array<HTMLElement>} The resolved options in DOM order.
|
|
83986
|
-
*/
|
|
83987
|
-
function resolveSelectedOptions(items, valueArray, selectedKeys) {
|
|
83988
|
-
if (!items) {
|
|
83989
|
-
return [];
|
|
83990
|
-
}
|
|
83991
|
-
|
|
83992
|
-
const resolved = [];
|
|
83993
|
-
|
|
83994
|
-
// Track how many of each value are still available to resolve. A value that
|
|
83995
|
-
// appears N times in `valueArray` may be satisfied at most N times total across
|
|
83996
|
-
// the key pass and the value fallback below — matching by count, not presence,
|
|
83997
|
-
// on BOTH passes. This stops a duplicate value from being over-resolved: e.g.
|
|
83998
|
-
// two keyed options that both carry `SEA` cannot both match a single requested
|
|
83999
|
-
// `SEA` (which happens when `value` is set directly without clearing
|
|
84000
|
-
// `_selectedKey`, so more keys survive than the value set now asks for).
|
|
84001
|
-
const remaining = new Map();
|
|
84002
|
-
valueArray.forEach((val) => remaining.set(val, (remaining.get(val) || 0) + 1));
|
|
84003
|
-
|
|
84004
|
-
// Resolve by key first: trust a key only when its option is still selectable
|
|
84005
|
-
// and there is still an unmatched occurrence of its value in the request set.
|
|
84006
|
-
if (Array.isArray(selectedKeys)) {
|
|
84007
|
-
selectedKeys.forEach((key) => {
|
|
84008
|
-
const keyed = items.find((item) => item._optionKey === key);
|
|
84009
|
-
if (keyed && isSelectableByValue(keyed) && (remaining.get(keyed.value) || 0) > 0 && !resolved.includes(keyed)) {
|
|
84010
|
-
resolved.push(keyed);
|
|
84011
|
-
remaining.set(keyed.value, remaining.get(keyed.value) - 1);
|
|
84012
|
-
}
|
|
84013
|
-
});
|
|
84014
|
-
}
|
|
84015
|
-
|
|
84016
|
-
// Fall back to value matching for the occurrences not resolved by key. Iterate
|
|
84017
|
-
// the leftover per-value counts so a value that appears twice but was only
|
|
84018
|
-
// resolved once by key still matches its remaining occurrence(s).
|
|
84019
|
-
remaining.forEach((count, val) => {
|
|
84020
|
-
for (let occurrence = 0; occurrence < count; occurrence += 1) {
|
|
84021
|
-
const option = items.find((item) => isSelectableByValue(item) && item.value === val && !resolved.includes(item));
|
|
84022
|
-
if (option) {
|
|
84023
|
-
resolved.push(option);
|
|
84024
|
-
}
|
|
84025
|
-
}
|
|
84026
|
-
});
|
|
84027
|
-
|
|
84028
|
-
// Always return in DOM order so display is consistent regardless of the order
|
|
84029
|
-
// keys/values were selected. Every resolved option came from `items`, so an
|
|
84030
|
-
// O(1) index lookup mirrors `_sortSelectedByDomOrder` and avoids the O(n)
|
|
84031
|
-
// `items.indexOf` per comparison for large combobox option sets.
|
|
84032
|
-
const indexMap = new Map(items.map((item, index) => [
|
|
84033
|
-
item,
|
|
84034
|
-
index
|
|
84035
|
-
]));
|
|
84036
|
-
resolved.sort((optionA, optionB) => indexMap.get(optionA) - indexMap.get(optionB));
|
|
84037
|
-
|
|
84038
|
-
return resolved;
|
|
84039
|
-
}
|
|
84040
|
-
/* eslint-enable no-underscore-dangle */
|
|
84041
|
-
|
|
84042
83941
|
/**
|
|
84043
83942
|
* Helper method to dispatch custom events.
|
|
84044
83943
|
* @param {HTMLElement} element - Element to dispatch event from.
|
|
@@ -84064,14 +83963,6 @@ function dispatchMenuEvent(element, eventName, detail = null) {
|
|
|
84064
83963
|
// See LICENSE in the project root for license information.
|
|
84065
83964
|
|
|
84066
83965
|
|
|
84067
|
-
/**
|
|
84068
|
-
* Monotonically increasing counter used to give each menu instance a unique
|
|
84069
|
-
* `_menuInstanceId` prefix. Auto-generating the id (rather than using a random
|
|
84070
|
-
* string) keeps option keys deterministic and collision-free across menus.
|
|
84071
|
-
* @private
|
|
84072
|
-
*/
|
|
84073
|
-
let menuInstanceIdCounter = 0;
|
|
84074
|
-
|
|
84075
83966
|
|
|
84076
83967
|
/**
|
|
84077
83968
|
* The `auro-menu` element provides users a way to select from a list of options.
|
|
@@ -84143,8 +84034,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84143
84034
|
|
|
84144
84035
|
// Instance properties (non-reactive)
|
|
84145
84036
|
|
|
84146
|
-
|
|
84147
|
-
|
|
84037
|
+
/**
|
|
84038
|
+
* @private
|
|
84039
|
+
*/
|
|
84148
84040
|
Object.assign(this, {
|
|
84149
84041
|
// Root-level menu (true) or a nested submenu (false)
|
|
84150
84042
|
rootMenu: true,
|
|
@@ -84154,21 +84046,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84154
84046
|
nestingSpacer: '<span class="nestingSpacer"></span>',
|
|
84155
84047
|
// Loading indicator for slot elements
|
|
84156
84048
|
loadingSlots: null,
|
|
84157
|
-
// Unique id for this menu instance; prefixes every auto-generated option
|
|
84158
|
-
// key so keys never collide across menus in the same document.
|
|
84159
|
-
_menuInstanceId: `menu-${menuInstanceIdCounter}`,
|
|
84160
|
-
// Monotonically increasing counter for option key generation. Never
|
|
84161
|
-
// resets, so a key is never reused within this instance's lifetime.
|
|
84162
|
-
_optionKeyCounter: 0,
|
|
84163
|
-
// Key(s) of the option(s) the user has actively selected. A single string
|
|
84164
|
-
// in single-select, an array in multi-select, undefined when nothing is
|
|
84165
|
-
// user-selected. Used to disambiguate options that share a `value`.
|
|
84166
|
-
_selectedKey: undefined,
|
|
84167
|
-
// True only for the one updated() cycle following a user selection, so
|
|
84168
|
-
// reconciliation trusts `_selectedKey`. A `value` change from a consumer's
|
|
84169
|
-
// direct property assignment leaves this false, dropping the stale key so
|
|
84170
|
-
// reconciliation falls back to first-by-value (see updated()).
|
|
84171
|
-
_valueChangeFromSelection: false,
|
|
84172
84049
|
});
|
|
84173
84050
|
}
|
|
84174
84051
|
|
|
@@ -84388,13 +84265,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84388
84265
|
return;
|
|
84389
84266
|
}
|
|
84390
84267
|
|
|
84391
|
-
// A programmatic value set carries no positional intent, so drop any
|
|
84392
|
-
// `_selectedKey` left over from a prior user click. This makes reconciliation
|
|
84393
|
-
// in updated() fall back to first-by-value (single) / value-in-DOM-order
|
|
84394
|
-
// (multi), matching the documented contract for programmatic selection even
|
|
84395
|
-
// when a stale key would still resolve to a duplicate-value option.
|
|
84396
|
-
this._selectedKey = undefined;
|
|
84397
|
-
|
|
84398
84268
|
// `value` is a String property; stringify arrays so attribute reflection and `formattedValue` parsing stay correct.
|
|
84399
84269
|
this.value = Array.isArray(value) ? JSON.stringify(value) : value;
|
|
84400
84270
|
}
|
|
@@ -84442,17 +84312,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84442
84312
|
updated(changedProperties) {
|
|
84443
84313
|
super.updated(changedProperties);
|
|
84444
84314
|
|
|
84445
|
-
// Consume the selection-driven flag for THIS cycle up front. Clearing it
|
|
84446
|
-
// unconditionally — not only inside the `value` branch below — prevents it
|
|
84447
|
-
// from lingering `true` when a selection produces a serialized `value`
|
|
84448
|
-
// byte-identical to the current one, in which case Lit schedules no
|
|
84449
|
-
// `value`-change cycle to consume it. A lingering flag would misclassify a
|
|
84450
|
-
// later consumer's programmatic `value` set as selection-driven and keep a
|
|
84451
|
-
// stale `_selectedKey`. The reconcile path below re-sets the instance flag
|
|
84452
|
-
// after this point, so its intentional cross-cycle hand-off still works.
|
|
84453
|
-
const valueChangeFromSelection = this._valueChangeFromSelection;
|
|
84454
|
-
this._valueChangeFromSelection = false;
|
|
84455
|
-
|
|
84456
84315
|
// Single source of truth for 'auroMenu-selectedOption'. Selection handlers
|
|
84457
84316
|
// mutate optionSelected and let Lit's update cycle dispatch here; the prior
|
|
84458
84317
|
// .value comparison missed multi-select array changes and combined with the
|
|
@@ -84476,17 +84335,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84476
84335
|
this.initItems();
|
|
84477
84336
|
}
|
|
84478
84337
|
|
|
84479
|
-
// Distinguish a selection-driven `value` change (a user click, which set
|
|
84480
|
-
// the flag in handleSelectState / _sortSelectedByDomOrder) from a
|
|
84481
|
-
// programmatic assignment by a consumer. A programmatic set carries no
|
|
84482
|
-
// positional intent, so drop any leftover `_selectedKey` and let
|
|
84483
|
-
// reconciliation fall back to first-by-value (single) / value-in-DOM-order
|
|
84484
|
-
// (multi) — the same contract selectByValue() guarantees, even when a
|
|
84485
|
-
// stale key would otherwise still resolve to a duplicate-value option.
|
|
84486
|
-
if (!valueChangeFromSelection) {
|
|
84487
|
-
this._selectedKey = undefined;
|
|
84488
|
-
}
|
|
84489
|
-
|
|
84490
84338
|
// Set when reconciliation reassigns `value` below. That reassignment schedules a
|
|
84491
84339
|
// second updated() cycle, so the `event`-attribute dispatch is deferred to that
|
|
84492
84340
|
// cycle to avoid firing option custom events twice on the same selection.
|
|
@@ -84504,55 +84352,19 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84504
84352
|
// Defensive default: `formattedValue` can be undefined for unexpected value types,
|
|
84505
84353
|
// and calling `.includes` on undefined would throw during reconciliation.
|
|
84506
84354
|
const valueArray = this.formattedValue || [];
|
|
84507
|
-
|
|
84508
|
-
// value matching for any values not resolved by key — so pre-selection
|
|
84509
|
-
// and programmatic value sets keep working. Result is DOM-ordered.
|
|
84510
|
-
const matchingOptions = resolveSelectedOptions(this.items, valueArray, this._selectedKey);
|
|
84355
|
+
const matchingOptions = this.items ? this.items.filter((item) => isSelectableByValue(item) && valueArray.includes(item.value)) : [];
|
|
84511
84356
|
newSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
|
|
84512
84357
|
|
|
84513
|
-
// Reconcile `value` with the selectable set.
|
|
84514
|
-
//
|
|
84515
|
-
//
|
|
84516
|
-
//
|
|
84517
|
-
//
|
|
84518
|
-
|
|
84519
|
-
|
|
84520
|
-
|
|
84521
|
-
|
|
84522
|
-
|
|
84523
|
-
// resurface on the next select/deselect.
|
|
84524
|
-
const selectableByValue = new Map();
|
|
84525
|
-
const loadedValues = new Set();
|
|
84526
|
-
if (this.items) {
|
|
84527
|
-
this.items.forEach((item) => {
|
|
84528
|
-
loadedValues.add(item.value);
|
|
84529
|
-
if (isSelectableByValue(item)) {
|
|
84530
|
-
selectableByValue.set(item.value, (selectableByValue.get(item.value) || 0) + 1);
|
|
84531
|
-
}
|
|
84532
|
-
});
|
|
84533
|
-
}
|
|
84534
|
-
|
|
84535
|
-
const reconciled = valueArray.filter((val) => {
|
|
84536
|
-
// Not loaded yet (async preselection) — keep for a later cycle.
|
|
84537
|
-
if (!loadedValues.has(val)) {
|
|
84538
|
-
return true;
|
|
84539
|
-
}
|
|
84540
|
-
// Consume one selectable option per occurrence; drop once exhausted.
|
|
84541
|
-
const remaining = selectableByValue.get(val) || 0;
|
|
84542
|
-
if (remaining > 0) {
|
|
84543
|
-
selectableByValue.set(val, remaining - 1);
|
|
84544
|
-
return true;
|
|
84545
|
-
}
|
|
84546
|
-
return false;
|
|
84547
|
-
});
|
|
84548
|
-
|
|
84549
|
-
if (reconciled.length !== valueArray.length) {
|
|
84550
|
-
// This is an internal correction, not a consumer's programmatic set,
|
|
84551
|
-
// so preserve the selection-driven flag through the re-entrant
|
|
84552
|
-
// updated() cycle it schedules. Otherwise that cycle would treat the
|
|
84553
|
-
// reassignment as programmatic and drop `_selectedKey` mid-cascade,
|
|
84554
|
-
// flipping resolution and looping.
|
|
84555
|
-
this._valueChangeFromSelection = true;
|
|
84358
|
+
// Reconcile `value` with the selectable set. Drop only entries whose option is
|
|
84359
|
+
// loaded but non-selectable (disabled/static) — leaving them would desync `value`
|
|
84360
|
+
// from `optionSelected`, and the toggle handlers rebuild `value` from `formattedValue`,
|
|
84361
|
+
// so the rejected entry would resurface on the next select/deselect. Entries with no
|
|
84362
|
+
// matching item yet are preserved so async preselection still works once options render.
|
|
84363
|
+
const rejectedValues = this.items
|
|
84364
|
+
? this.items.filter((item) => !isSelectableByValue(item) && valueArray.includes(item.value)).map((item) => item.value)
|
|
84365
|
+
: [];
|
|
84366
|
+
if (rejectedValues.length > 0) {
|
|
84367
|
+
const reconciled = valueArray.filter((val) => !rejectedValues.includes(val));
|
|
84556
84368
|
this.value = serializeMultiSelectValue(reconciled);
|
|
84557
84369
|
valueReconciled = true;
|
|
84558
84370
|
}
|
|
@@ -84564,11 +84376,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84564
84376
|
// `hidden` is intentionally NOT excluded: the combobox toggles
|
|
84565
84377
|
// `hidden` as its type-ahead filter, so a filtered-out option is
|
|
84566
84378
|
// still a valid programmatic selection.
|
|
84567
|
-
|
|
84568
|
-
// `_selectedKey`) so a click on the second of two options sharing a
|
|
84569
|
-
// `value` resolves back to that exact element instead of the first
|
|
84570
|
-
// value match. Falls back to first-by-value for programmatic sets.
|
|
84571
|
-
const matchingOption = resolveSelectedOption(this.items, this.value, this._selectedKey);
|
|
84379
|
+
const matchingOption = this.items ? this.items.find((item) => isSelectableByValue(item) && item.value === this.value) : undefined;
|
|
84572
84380
|
|
|
84573
84381
|
if (matchingOption) {
|
|
84574
84382
|
newSelected = matchingOption;
|
|
@@ -84796,14 +84604,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84796
84604
|
}
|
|
84797
84605
|
});
|
|
84798
84606
|
|
|
84799
|
-
// Assign private keys once items are populated. Only the root menu assigns
|
|
84800
|
-
// keys: its `items` is a deep query that already includes nested submenu
|
|
84801
|
-
// options, so a single pass keys the entire tree. Nested menus skip this
|
|
84802
|
-
// and inherit keys from the root.
|
|
84803
|
-
if (this.rootMenu) {
|
|
84804
|
-
this._assignOptionKeys();
|
|
84805
|
-
}
|
|
84806
|
-
|
|
84807
84607
|
if (this.noCheckmark) {
|
|
84808
84608
|
this.updateItemsState(new Map([
|
|
84809
84609
|
[
|
|
@@ -84820,31 +84620,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84820
84620
|
}));
|
|
84821
84621
|
}
|
|
84822
84622
|
|
|
84823
|
-
/**
|
|
84824
|
-
* Assigns a private, auto-generated unique key (`_optionKey`) to each menu
|
|
84825
|
-
* option that does not already have one. Keys are internal state on the
|
|
84826
|
-
* element instance — never reflected as an attribute or exposed publicly —
|
|
84827
|
-
* and let selection tracking distinguish options that share the same `value`.
|
|
84828
|
-
*
|
|
84829
|
-
* The `_optionKey === undefined` guard makes this idempotent: options keep the
|
|
84830
|
-
* key they were first assigned across re-renders and slot changes, and if a
|
|
84831
|
-
* nested menu's lifecycle runs a pass before the root, options simply wait for
|
|
84832
|
-
* the root to key them (or keep whatever key they already hold).
|
|
84833
|
-
* @private
|
|
84834
|
-
*/
|
|
84835
|
-
_assignOptionKeys() {
|
|
84836
|
-
if (!this.items) {
|
|
84837
|
-
return;
|
|
84838
|
-
}
|
|
84839
|
-
|
|
84840
|
-
this.items.forEach((option) => {
|
|
84841
|
-
if (option._optionKey === undefined) {
|
|
84842
|
-
this._optionKeyCounter += 1;
|
|
84843
|
-
option._optionKey = `${this._menuInstanceId}-${this._optionKeyCounter}`;
|
|
84844
|
-
}
|
|
84845
|
-
});
|
|
84846
|
-
}
|
|
84847
|
-
|
|
84848
84623
|
// Logic Methods
|
|
84849
84624
|
|
|
84850
84625
|
/**
|
|
@@ -84854,28 +84629,24 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84854
84629
|
*/
|
|
84855
84630
|
handleSelectState(option) {
|
|
84856
84631
|
if (this.multiSelect) {
|
|
84632
|
+
const currentValue = this.formattedValue || [];
|
|
84857
84633
|
const currentSelected = this.optionSelected || [];
|
|
84858
84634
|
|
|
84635
|
+
if (!currentValue.includes(option.value)) {
|
|
84636
|
+
this.value = serializeMultiSelectValue([
|
|
84637
|
+
...currentValue,
|
|
84638
|
+
option.value
|
|
84639
|
+
]);
|
|
84640
|
+
}
|
|
84859
84641
|
if (!currentSelected.includes(option)) {
|
|
84860
84642
|
this.optionSelected = [
|
|
84861
84643
|
...currentSelected,
|
|
84862
84644
|
option
|
|
84863
84645
|
];
|
|
84864
84646
|
}
|
|
84865
|
-
|
|
84866
|
-
// Re-sort by DOM order and rebuild `_selectedKey`/`value` from the
|
|
84867
|
-
// selected set so display order stays consistent with the menu, not with
|
|
84868
|
-
// click order.
|
|
84869
|
-
this._sortSelectedByDomOrder();
|
|
84870
84647
|
} else {
|
|
84871
84648
|
this.value = option.value;
|
|
84872
84649
|
this.optionSelected = option;
|
|
84873
|
-
// Track the specific option the user selected so the value→option
|
|
84874
|
-
// reconciliation in updated() resolves back to this exact element even
|
|
84875
|
-
// when another option shares the same `value`.
|
|
84876
|
-
this._selectedKey = option._optionKey;
|
|
84877
|
-
// Mark this `value` change as selection-driven so updated() trusts the key.
|
|
84878
|
-
this._valueChangeFromSelection = true;
|
|
84879
84650
|
}
|
|
84880
84651
|
|
|
84881
84652
|
this._index = this.items.indexOf(option);
|
|
@@ -84888,22 +84659,18 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84888
84659
|
*/
|
|
84889
84660
|
handleDeselectState(option) {
|
|
84890
84661
|
if (this.multiSelect) {
|
|
84891
|
-
// Remove this
|
|
84892
|
-
|
|
84893
|
-
|
|
84894
|
-
|
|
84662
|
+
// Remove this option from array; an empty result collapses `value` to undefined.
|
|
84663
|
+
const newFormattedValue = (this.formattedValue || []).filter((val) => val !== option.value);
|
|
84664
|
+
this.value = serializeMultiSelectValue(newFormattedValue);
|
|
84665
|
+
|
|
84666
|
+
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
84895
84667
|
if (this.optionSelected.length === 0) {
|
|
84896
84668
|
this.optionSelected = undefined;
|
|
84897
|
-
this._selectedKey = undefined;
|
|
84898
|
-
this.value = undefined;
|
|
84899
|
-
} else {
|
|
84900
|
-
this._sortSelectedByDomOrder();
|
|
84901
84669
|
}
|
|
84902
84670
|
} else {
|
|
84903
84671
|
// For single-select: Back to undefined when deselected
|
|
84904
84672
|
this.value = undefined;
|
|
84905
84673
|
this.optionSelected = undefined;
|
|
84906
|
-
this._selectedKey = undefined;
|
|
84907
84674
|
}
|
|
84908
84675
|
|
|
84909
84676
|
// Update the index tracking
|
|
@@ -84927,38 +84694,9 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84927
84694
|
clearSelection() {
|
|
84928
84695
|
this.optionSelected = undefined;
|
|
84929
84696
|
this.value = undefined;
|
|
84930
|
-
this._selectedKey = undefined;
|
|
84931
84697
|
this._index = -1;
|
|
84932
84698
|
}
|
|
84933
84699
|
|
|
84934
|
-
/**
|
|
84935
|
-
* Re-sorts the multi-select selection into DOM order and rebuilds the derived
|
|
84936
|
-
* `_selectedKey` and `value` from `optionSelected`. Selection is always stored
|
|
84937
|
-
* and serialized in the order options appear in the menu, never in click
|
|
84938
|
-
* order — so selecting C then A yields `[A, C]`.
|
|
84939
|
-
* @private
|
|
84940
|
-
*/
|
|
84941
|
-
_sortSelectedByDomOrder() {
|
|
84942
|
-
if (!this.multiSelect || !Array.isArray(this.optionSelected) || !this.items) {
|
|
84943
|
-
return;
|
|
84944
|
-
}
|
|
84945
|
-
|
|
84946
|
-
const indexMap = new Map(this.items.map((item, index) => [
|
|
84947
|
-
item,
|
|
84948
|
-
index
|
|
84949
|
-
]));
|
|
84950
|
-
|
|
84951
|
-
// Sort any element no longer in `items` (a stale selection left over from a
|
|
84952
|
-
// dynamic rebuild that the consumer has not cleared) to the END rather than
|
|
84953
|
-
// the front, so it never displaces a live option to the head of the
|
|
84954
|
-
// serialized order. Value reconciliation drops it on the next updated() cycle.
|
|
84955
|
-
this.optionSelected.sort((optionA, optionB) => (indexMap.get(optionA) ?? this.items.length) - (indexMap.get(optionB) ?? this.items.length));
|
|
84956
|
-
this._selectedKey = this.optionSelected.map((option) => option._optionKey);
|
|
84957
|
-
this.value = serializeMultiSelectValue(this.optionSelected.map((option) => option.value));
|
|
84958
|
-
// Mark this `value` change as selection-driven so updated() trusts the keys.
|
|
84959
|
-
this._valueChangeFromSelection = true;
|
|
84960
|
-
}
|
|
84961
|
-
|
|
84962
84700
|
/**
|
|
84963
84701
|
* Resets the menu to its initial state.
|
|
84964
84702
|
* This is the only way to return value to undefined.
|
|
@@ -84968,7 +84706,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
84968
84706
|
// Reset to undefined - initial state
|
|
84969
84707
|
this.value = undefined;
|
|
84970
84708
|
this.optionSelected = undefined;
|
|
84971
|
-
this._selectedKey = undefined;
|
|
84972
84709
|
this._index = -1;
|
|
84973
84710
|
|
|
84974
84711
|
// Clear active option state so a follow-up open/navigation starts fresh
|
|
@@ -85030,19 +84767,6 @@ class AuroMenu extends AuroElement$2 {
|
|
|
85030
84767
|
this.initItems();
|
|
85031
84768
|
}
|
|
85032
84769
|
|
|
85033
|
-
// Recover `_index` from the highlighted option when it has been reset to -1.
|
|
85034
|
-
// In multi-select, deselecting the last remaining option collapses the value
|
|
85035
|
-
// to undefined, and the updated() reconciliation resets `_index = -1` even
|
|
85036
|
-
// though `optionActive` still points at the highlighted option. Without this,
|
|
85037
|
-
// reading `items[-1]` returns undefined and the re-select no-ops until the
|
|
85038
|
-
// highlight is moved away and back. Mirrors auro-combobox's reconcileMenuIndex.
|
|
85039
|
-
if (this._index < 0 && this.optionActive && this.items) {
|
|
85040
|
-
const activeIndex = this.items.indexOf(this.optionActive);
|
|
85041
|
-
if (activeIndex >= 0) {
|
|
85042
|
-
this._index = activeIndex;
|
|
85043
|
-
}
|
|
85044
|
-
}
|
|
85045
|
-
|
|
85046
84770
|
// Get currently selected menu option based on index
|
|
85047
84771
|
const option = this.items ? this.items[this._index] : undefined;
|
|
85048
84772
|
|
|
@@ -90473,7 +90197,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
90473
90197
|
}
|
|
90474
90198
|
};
|
|
90475
90199
|
|
|
90476
|
-
var formkitVersion$1 = '
|
|
90200
|
+
var formkitVersion$1 = '202608041712';
|
|
90477
90201
|
|
|
90478
90202
|
class AuroElement extends i$2 {
|
|
90479
90203
|
static get properties() {
|
|
@@ -91175,6 +90899,15 @@ class AuroDropdown extends AuroElement {
|
|
|
91175
90899
|
|
|
91176
90900
|
connectedCallback() {
|
|
91177
90901
|
super.connectedCallback();
|
|
90902
|
+
// Re-register trigger event listeners removed by floater.disconnect() in
|
|
90903
|
+
// disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
|
|
90904
|
+
// moves this element to a new DOM location. firstUpdated() won't re-run,
|
|
90905
|
+
// so without this the trigger click/keydown handlers are permanently gone.
|
|
90906
|
+
// Guard on floater.element so this is a no-op on the initial connect
|
|
90907
|
+
// (before firstUpdated() has called configure()).
|
|
90908
|
+
if (this.floater?.element) {
|
|
90909
|
+
this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
|
|
90910
|
+
}
|
|
91178
90911
|
}
|
|
91179
90912
|
|
|
91180
90913
|
disconnectedCallback() {
|
|
@@ -92575,7 +92308,7 @@ class AuroHelpText extends i$2 {
|
|
|
92575
92308
|
}
|
|
92576
92309
|
}
|
|
92577
92310
|
|
|
92578
|
-
var formkitVersion = '
|
|
92311
|
+
var formkitVersion = '202608041712';
|
|
92579
92312
|
|
|
92580
92313
|
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}`;
|
|
92581
92314
|
|