@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.3 → 0.0.0-pr1413.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/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +5 -15
- package/components/combobox/demo/index.min.js +5 -15
- package/components/combobox/dist/index.js +4 -14
- package/components/combobox/dist/registered.js +4 -14
- package/components/counter/demo/api.min.js +3 -13
- package/components/counter/demo/index.min.js +3 -13
- package/components/counter/dist/index.js +3 -13
- package/components/counter/dist/registered.js +3 -13
- package/components/datepicker/demo/api.min.js +22 -135
- package/components/datepicker/demo/index.min.js +22 -135
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
- package/components/datepicker/dist/index.js +22 -135
- package/components/datepicker/dist/registered.js +22 -135
- package/components/dropdown/demo/api.md +28 -29
- package/components/dropdown/demo/api.min.js +2 -12
- package/components/dropdown/demo/index.min.js +2 -12
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
- package/components/dropdown/dist/index.js +2 -12
- package/components/dropdown/dist/registered.js +2 -12
- package/components/form/demo/api.min.js +58 -252
- package/components/form/demo/index.min.js +58 -252
- package/components/input/demo/api.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/api.min.js +1 -1
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/demo/keyboardBehavior.md +0 -0
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/keyboardBehavior.md +0 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +26 -87
- package/components/select/demo/index.min.js +26 -87
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +25 -86
- package/components/select/dist/registered.js +25 -86
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +246 -265
- package/package.json +3 -3
- /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
|
@@ -7458,7 +7458,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$4 {
|
|
|
7458
7458
|
}
|
|
7459
7459
|
};
|
|
7460
7460
|
|
|
7461
|
-
var formkitVersion$8 = '
|
|
7461
|
+
var formkitVersion$8 = '202604021941';
|
|
7462
7462
|
|
|
7463
7463
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7464
7464
|
// See LICENSE in the project root for license information.
|
|
@@ -17366,7 +17366,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17366
17366
|
}
|
|
17367
17367
|
};
|
|
17368
17368
|
|
|
17369
|
-
var formkitVersion$2$1 = '
|
|
17369
|
+
var formkitVersion$2$1 = '202604021941';
|
|
17370
17370
|
|
|
17371
17371
|
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$3`${s$6(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$7`: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}
|
|
17372
17372
|
`,u$4$2=i$7`.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}}
|
|
@@ -17820,12 +17820,12 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17820
17820
|
</div>
|
|
17821
17821
|
<div class="calendarNavButtons">
|
|
17822
17822
|
${this.showPrevMonthBtn ? u$c`
|
|
17823
|
-
<button class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
17823
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
17824
17824
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17825
17825
|
</button>
|
|
17826
17826
|
` : undefined}
|
|
17827
17827
|
${this.showNextMonthBtn ? u$c`
|
|
17828
|
-
<button class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
17828
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
17829
17829
|
${this.util.generateIconHtml(chevronRight)}
|
|
17830
17830
|
</button>
|
|
17831
17831
|
` : undefined}
|
|
@@ -20754,7 +20754,7 @@ var iconVersion$2$3 = '9.1.2';
|
|
|
20754
20754
|
* @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
|
|
20755
20755
|
* isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
|
|
20756
20756
|
*/
|
|
20757
|
-
function createDisplayContext$
|
|
20757
|
+
function createDisplayContext$4(component, options = {}) {
|
|
20758
20758
|
const dd = options.dropdown || component.dropdown;
|
|
20759
20759
|
// isPopoverVisible reflects as the `open` attribute.
|
|
20760
20760
|
// It reports whether the bib is open in any mode (popover or modal).
|
|
@@ -20784,11 +20784,11 @@ function createDisplayContext$1$3(component, options = {}) {
|
|
|
20784
20784
|
* @param {Object} strategy - Map of key names to handler functions.
|
|
20785
20785
|
* @param {Object} [options] - Optional config passed to createDisplayContext.
|
|
20786
20786
|
*/
|
|
20787
|
-
function applyKeyboardStrategy$
|
|
20787
|
+
function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
20788
20788
|
component.addEventListener('keydown', async (evt) => {
|
|
20789
20789
|
const handler = strategy[evt.key] || strategy.default;
|
|
20790
20790
|
if (typeof handler === 'function') {
|
|
20791
|
-
const ctx = createDisplayContext$
|
|
20791
|
+
const ctx = createDisplayContext$4(component, options);
|
|
20792
20792
|
await handler(component, evt, ctx);
|
|
20793
20793
|
}
|
|
20794
20794
|
});
|
|
@@ -21018,7 +21018,7 @@ let AuroDropdownBib$3 = class AuroDropdownBib extends i$4 {
|
|
|
21018
21018
|
|
|
21019
21019
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
21020
21020
|
this._setupCancelHandler(dialog);
|
|
21021
|
-
applyKeyboardStrategy$
|
|
21021
|
+
applyKeyboardStrategy$4(dialog, createDropdownBibKeyboardStrategy$3());
|
|
21022
21022
|
|
|
21023
21023
|
this.dispatchEvent(new CustomEvent('auro-dropdownbib-connected', {
|
|
21024
21024
|
bubbles: true,
|
|
@@ -21419,7 +21419,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
21419
21419
|
}
|
|
21420
21420
|
};
|
|
21421
21421
|
|
|
21422
|
-
var formkitVersion$1$3 = '
|
|
21422
|
+
var formkitVersion$1$3 = '202604021941';
|
|
21423
21423
|
|
|
21424
21424
|
let AuroElement$2$2 = class AuroElement extends i$4 {
|
|
21425
21425
|
static get properties() {
|
|
@@ -21600,7 +21600,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21600
21600
|
this.appearance = 'default';
|
|
21601
21601
|
this.chevron = false;
|
|
21602
21602
|
this.disabled = false;
|
|
21603
|
-
this.disableKeyboardHandling = false;
|
|
21604
21603
|
this.error = false;
|
|
21605
21604
|
this.tabIndex = 0;
|
|
21606
21605
|
this.noToggle = false;
|
|
@@ -21812,14 +21811,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21812
21811
|
reflect: true
|
|
21813
21812
|
},
|
|
21814
21813
|
|
|
21815
|
-
/**
|
|
21816
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
21817
|
-
*/
|
|
21818
|
-
disableKeyboardHandling: {
|
|
21819
|
-
type: Boolean,
|
|
21820
|
-
reflect: true
|
|
21821
|
-
},
|
|
21822
|
-
|
|
21823
21814
|
/**
|
|
21824
21815
|
* @private
|
|
21825
21816
|
*/
|
|
@@ -22125,7 +22116,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22125
22116
|
|
|
22126
22117
|
firstUpdated() {
|
|
22127
22118
|
// Configure the floater to, this will generate the ID for the bib
|
|
22128
|
-
this.floater.configure(this, 'auroDropdown'
|
|
22119
|
+
this.floater.configure(this, 'auroDropdown');
|
|
22129
22120
|
|
|
22130
22121
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
22131
22122
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -22433,7 +22424,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22433
22424
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
22434
22425
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
22435
22426
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
22436
|
-
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
22437
22427
|
@focusin="${this.handleFocusin}"
|
|
22438
22428
|
@blur="${this.handleFocusOut}">
|
|
22439
22429
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -29176,7 +29166,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$4 {
|
|
|
29176
29166
|
}
|
|
29177
29167
|
};
|
|
29178
29168
|
|
|
29179
|
-
var formkitVersion$7 = '
|
|
29169
|
+
var formkitVersion$7 = '202604021941';
|
|
29180
29170
|
|
|
29181
29171
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
29182
29172
|
// See LICENSE in the project root for license information.
|
|
@@ -30347,99 +30337,6 @@ function guardTouchPassthrough$2(element) {
|
|
|
30347
30337
|
}, { once: true });
|
|
30348
30338
|
}
|
|
30349
30339
|
|
|
30350
|
-
/**
|
|
30351
|
-
* Restores the dropdown trigger after a fullscreen dialog closes.
|
|
30352
|
-
*
|
|
30353
|
-
* Removes the `inert` attribute from the trigger so it is accessible again,
|
|
30354
|
-
* and restores focus to the given target after one animation frame. The rAF
|
|
30355
|
-
* delay lets Lit's microtask update cycle call `dialog.close()` first —
|
|
30356
|
-
* without it the browser's native dialog focus restoration can conflict.
|
|
30357
|
-
*
|
|
30358
|
-
* The focus is only applied if the dropdown is still closed at the time the
|
|
30359
|
-
* rAF fires, guarding against a rapid close-then-reopen race.
|
|
30360
|
-
*
|
|
30361
|
-
* @param {HTMLElement} dropdown - The `auro-dropdown` element.
|
|
30362
|
-
* @param {HTMLElement} focusTarget - The element to focus (e.g. trigger or input).
|
|
30363
|
-
*/
|
|
30364
|
-
function restoreTriggerAfterClose$2(dropdown, focusTarget) {
|
|
30365
|
-
dropdown.trigger.inert = false;
|
|
30366
|
-
|
|
30367
|
-
requestAnimationFrame(() => {
|
|
30368
|
-
if (!dropdown.isPopoverVisible) {
|
|
30369
|
-
focusTarget.focus();
|
|
30370
|
-
}
|
|
30371
|
-
});
|
|
30372
|
-
}
|
|
30373
|
-
|
|
30374
|
-
/**
|
|
30375
|
-
* Computes display state once per keydown event.
|
|
30376
|
-
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
30377
|
-
*
|
|
30378
|
-
* @param {HTMLElement} component - The component with a dropdown reference.
|
|
30379
|
-
* @param {Object} [options] - Optional config.
|
|
30380
|
-
* @param {HTMLElement} [options.dropdown] - Explicit dropdown reference. Falls back to component.dropdown.
|
|
30381
|
-
* @param {Function} [options.inputResolver] - Called with (component, ctx) to resolve the active input element.
|
|
30382
|
-
* @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
|
|
30383
|
-
* isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
|
|
30384
|
-
*/
|
|
30385
|
-
function createDisplayContext$4(component, options = {}) {
|
|
30386
|
-
const dd = options.dropdown || component.dropdown;
|
|
30387
|
-
// isPopoverVisible reflects as the `open` attribute.
|
|
30388
|
-
// It reports whether the bib is open in any mode (popover or modal).
|
|
30389
|
-
const isExpanded = Boolean(dd && dd.isPopoverVisible);
|
|
30390
|
-
const isFullscreen = Boolean(dd && dd.isBibFullscreen);
|
|
30391
|
-
|
|
30392
|
-
const ctx = {
|
|
30393
|
-
isExpanded,
|
|
30394
|
-
isModal: isFullscreen,
|
|
30395
|
-
isPopover: !isFullscreen,
|
|
30396
|
-
activeInput: null,
|
|
30397
|
-
};
|
|
30398
|
-
|
|
30399
|
-
if (options.inputResolver) {
|
|
30400
|
-
const resolvedInput = options.inputResolver(component, ctx);
|
|
30401
|
-
// Guard against resolvers returning undefined or non-HTMLElement values.
|
|
30402
|
-
ctx.activeInput = resolvedInput instanceof HTMLElement ? resolvedInput : null;
|
|
30403
|
-
}
|
|
30404
|
-
|
|
30405
|
-
return ctx;
|
|
30406
|
-
}
|
|
30407
|
-
|
|
30408
|
-
/**
|
|
30409
|
-
* Wires up a keydown listener that dispatches to strategy[evt.key] or strategy.default.
|
|
30410
|
-
* Handles both sync and async handlers.
|
|
30411
|
-
* @param {HTMLElement} component - The component to attach the listener to.
|
|
30412
|
-
* @param {Object} strategy - Map of key names to handler functions.
|
|
30413
|
-
* @param {Object} [options] - Optional config passed to createDisplayContext.
|
|
30414
|
-
*/
|
|
30415
|
-
function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
30416
|
-
component.addEventListener('keydown', async (evt) => {
|
|
30417
|
-
const handler = strategy[evt.key] || strategy.default;
|
|
30418
|
-
if (typeof handler === 'function') {
|
|
30419
|
-
const ctx = createDisplayContext$4(component, options);
|
|
30420
|
-
await handler(component, evt, ctx);
|
|
30421
|
-
}
|
|
30422
|
-
});
|
|
30423
|
-
}
|
|
30424
|
-
|
|
30425
|
-
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
30426
|
-
// See LICENSE in the project root for license information.
|
|
30427
|
-
|
|
30428
|
-
const datepickerKeyboardStrategy = {
|
|
30429
|
-
Enter(component, evt, ctx) {
|
|
30430
|
-
if (!ctx.isExpanded) {
|
|
30431
|
-
evt.preventDefault();
|
|
30432
|
-
component.dropdown.show();
|
|
30433
|
-
}
|
|
30434
|
-
},
|
|
30435
|
-
|
|
30436
|
-
Tab(component, _evt, ctx) {
|
|
30437
|
-
if (ctx.isExpanded && ctx.isModal) {
|
|
30438
|
-
component.dropdown.hide();
|
|
30439
|
-
}
|
|
30440
|
-
},
|
|
30441
|
-
};
|
|
30442
|
-
|
|
30443
30340
|
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
30444
30341
|
// See LICENSE in the project root for license information.
|
|
30445
30342
|
|
|
@@ -31235,13 +31132,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
31235
31132
|
configureDropdown() {
|
|
31236
31133
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
31237
31134
|
|
|
31238
|
-
// Prevent dropdown from closing on focus loss during fullscreen transitions.
|
|
31239
|
-
// When trigger.inert is set to true (to hide the trigger from assistive
|
|
31240
|
-
// technology behind the fullscreen dialog), focus leaves the trigger, which
|
|
31241
|
-
// fires a focusout event. The floater's handleFocusLoss() would interpret
|
|
31242
|
-
// this as "close the bib" without this flag.
|
|
31243
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
31244
|
-
|
|
31245
31135
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
31246
31136
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
31247
31137
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -31250,12 +31140,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
31250
31140
|
this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
|
|
31251
31141
|
}
|
|
31252
31142
|
|
|
31253
|
-
// Tab closes the fullscreen dialog (same pattern as select).
|
|
31254
|
-
// The dialog event bridge intercepts Tab and re-dispatches it as a
|
|
31255
|
-
// composed keydown; this listener catches the re-dispatched event.
|
|
31256
|
-
// Enter opens the bib when it is closed.
|
|
31257
|
-
applyKeyboardStrategy$4(this, datepickerKeyboardStrategy);
|
|
31258
|
-
|
|
31259
31143
|
this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
|
|
31260
31144
|
if (!this.isPopoverVisible) {
|
|
31261
31145
|
this.dropdown.show();
|
|
@@ -31305,7 +31189,17 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
31305
31189
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
31306
31190
|
}
|
|
31307
31191
|
} else {
|
|
31308
|
-
|
|
31192
|
+
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
31193
|
+
// still has focus (e.g. Escape, date selected) — not when the user tabbed away,
|
|
31194
|
+
// which would pull them back and require extra Tab presses to escape.
|
|
31195
|
+
this.dropdown.trigger.inert = false;
|
|
31196
|
+
if (this.hasFocus) {
|
|
31197
|
+
requestAnimationFrame(() => {
|
|
31198
|
+
if (!this.dropdown.isPopoverVisible) {
|
|
31199
|
+
this.inputList[0].focus();
|
|
31200
|
+
}
|
|
31201
|
+
});
|
|
31202
|
+
}
|
|
31309
31203
|
}
|
|
31310
31204
|
|
|
31311
31205
|
// If on mobile, and the calendar is opened, scroll the focus date into view if the flag is set
|
|
@@ -31348,7 +31242,7 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
31348
31242
|
}
|
|
31349
31243
|
});
|
|
31350
31244
|
}
|
|
31351
|
-
|
|
31245
|
+
|
|
31352
31246
|
/**
|
|
31353
31247
|
* Binds all behavior needed to the input after rendering.
|
|
31354
31248
|
* @private
|
|
@@ -31360,13 +31254,6 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
31360
31254
|
this.inputList = [...this.dropdown.querySelectorAll(this.inputTag._$litStatic$)];
|
|
31361
31255
|
|
|
31362
31256
|
this.inputList.forEach((input, index) => {
|
|
31363
|
-
// auto-show bib when manually editing the input value
|
|
31364
|
-
input.addEventListener('keyup', (evt) => {
|
|
31365
|
-
if (evt.key === " ") {
|
|
31366
|
-
this.dropdown.show();
|
|
31367
|
-
}
|
|
31368
|
-
});
|
|
31369
|
-
|
|
31370
31257
|
input.addEventListener('input', () => {
|
|
31371
31258
|
if (index === 0) {
|
|
31372
31259
|
this.value = input.value;
|
|
@@ -33822,7 +33709,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
33822
33709
|
}
|
|
33823
33710
|
};
|
|
33824
33711
|
|
|
33825
|
-
var formkitVersion$1$2 = '
|
|
33712
|
+
var formkitVersion$1$2 = '202604021941';
|
|
33826
33713
|
|
|
33827
33714
|
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33828
33715
|
// See LICENSE in the project root for license information.
|
|
@@ -37863,7 +37750,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
|
37863
37750
|
}
|
|
37864
37751
|
};
|
|
37865
37752
|
|
|
37866
|
-
var formkitVersion$6 = '
|
|
37753
|
+
var formkitVersion$6 = '202604021941';
|
|
37867
37754
|
|
|
37868
37755
|
let AuroElement$1$2 = class AuroElement extends i$4 {
|
|
37869
37756
|
static get properties() {
|
|
@@ -38044,7 +37931,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
38044
37931
|
this.appearance = 'default';
|
|
38045
37932
|
this.chevron = false;
|
|
38046
37933
|
this.disabled = false;
|
|
38047
|
-
this.disableKeyboardHandling = false;
|
|
38048
37934
|
this.error = false;
|
|
38049
37935
|
this.tabIndex = 0;
|
|
38050
37936
|
this.noToggle = false;
|
|
@@ -38256,14 +38142,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
38256
38142
|
reflect: true
|
|
38257
38143
|
},
|
|
38258
38144
|
|
|
38259
|
-
/**
|
|
38260
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
38261
|
-
*/
|
|
38262
|
-
disableKeyboardHandling: {
|
|
38263
|
-
type: Boolean,
|
|
38264
|
-
reflect: true
|
|
38265
|
-
},
|
|
38266
|
-
|
|
38267
38145
|
/**
|
|
38268
38146
|
* @private
|
|
38269
38147
|
*/
|
|
@@ -38569,7 +38447,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
38569
38447
|
|
|
38570
38448
|
firstUpdated() {
|
|
38571
38449
|
// Configure the floater to, this will generate the ID for the bib
|
|
38572
|
-
this.floater.configure(this, 'auroDropdown'
|
|
38450
|
+
this.floater.configure(this, 'auroDropdown');
|
|
38573
38451
|
|
|
38574
38452
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
38575
38453
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -38877,7 +38755,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
38877
38755
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
38878
38756
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
38879
38757
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
38880
|
-
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
38881
38758
|
@focusin="${this.handleFocusin}"
|
|
38882
38759
|
@blur="${this.handleFocusOut}">
|
|
38883
38760
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -41933,7 +41810,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
|
|
|
41933
41810
|
}
|
|
41934
41811
|
};
|
|
41935
41812
|
|
|
41936
|
-
var formkitVersion$5 = '
|
|
41813
|
+
var formkitVersion$5 = '202604021941';
|
|
41937
41814
|
|
|
41938
41815
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
41939
41816
|
// See LICENSE in the project root for license information.
|
|
@@ -44102,7 +43979,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
|
|
|
44102
43979
|
}
|
|
44103
43980
|
};
|
|
44104
43981
|
|
|
44105
|
-
var formkitVersion$4 = '
|
|
43982
|
+
var formkitVersion$4 = '202604021941';
|
|
44106
43983
|
|
|
44107
43984
|
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
44108
43985
|
// See LICENSE in the project root for license information.
|
|
@@ -49433,7 +49310,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
49433
49310
|
}
|
|
49434
49311
|
};
|
|
49435
49312
|
|
|
49436
|
-
var formkitVersion$2 = '
|
|
49313
|
+
var formkitVersion$2 = '202604021941';
|
|
49437
49314
|
|
|
49438
49315
|
let AuroElement$2$1 = class AuroElement extends i$4 {
|
|
49439
49316
|
static get properties() {
|
|
@@ -49614,7 +49491,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49614
49491
|
this.appearance = 'default';
|
|
49615
49492
|
this.chevron = false;
|
|
49616
49493
|
this.disabled = false;
|
|
49617
|
-
this.disableKeyboardHandling = false;
|
|
49618
49494
|
this.error = false;
|
|
49619
49495
|
this.tabIndex = 0;
|
|
49620
49496
|
this.noToggle = false;
|
|
@@ -49826,14 +49702,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49826
49702
|
reflect: true
|
|
49827
49703
|
},
|
|
49828
49704
|
|
|
49829
|
-
/**
|
|
49830
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
49831
|
-
*/
|
|
49832
|
-
disableKeyboardHandling: {
|
|
49833
|
-
type: Boolean,
|
|
49834
|
-
reflect: true
|
|
49835
|
-
},
|
|
49836
|
-
|
|
49837
49705
|
/**
|
|
49838
49706
|
* @private
|
|
49839
49707
|
*/
|
|
@@ -50139,7 +50007,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50139
50007
|
|
|
50140
50008
|
firstUpdated() {
|
|
50141
50009
|
// Configure the floater to, this will generate the ID for the bib
|
|
50142
|
-
this.floater.configure(this, 'auroDropdown'
|
|
50010
|
+
this.floater.configure(this, 'auroDropdown');
|
|
50143
50011
|
|
|
50144
50012
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
50145
50013
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -50447,7 +50315,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50447
50315
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
50448
50316
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
50449
50317
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
50450
|
-
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
50451
50318
|
@focusin="${this.handleFocusin}"
|
|
50452
50319
|
@blur="${this.handleFocusOut}">
|
|
50453
50320
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -57190,7 +57057,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
|
|
|
57190
57057
|
}
|
|
57191
57058
|
};
|
|
57192
57059
|
|
|
57193
|
-
var formkitVersion$1$1 = '
|
|
57060
|
+
var formkitVersion$1$1 = '202604021941';
|
|
57194
57061
|
|
|
57195
57062
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
57196
57063
|
// See LICENSE in the project root for license information.
|
|
@@ -58229,7 +58096,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
58229
58096
|
}
|
|
58230
58097
|
};
|
|
58231
58098
|
|
|
58232
|
-
var formkitVersion$3 = '
|
|
58099
|
+
var formkitVersion$3 = '202604021941';
|
|
58233
58100
|
|
|
58234
58101
|
var styleCss$1$3 = i$7`.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}`;
|
|
58235
58102
|
|
|
@@ -60955,7 +60822,7 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
60955
60822
|
});
|
|
60956
60823
|
|
|
60957
60824
|
return u$c`
|
|
60958
|
-
<div class="${classes}"
|
|
60825
|
+
<div class="${classes}">
|
|
60959
60826
|
${this.selected && !this.noCheckmark
|
|
60960
60827
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
60961
60828
|
: undefined}
|
|
@@ -63615,16 +63482,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
63615
63482
|
}
|
|
63616
63483
|
}
|
|
63617
63484
|
|
|
63618
|
-
/* eslint-disable new-cap */
|
|
63619
|
-
|
|
63620
63485
|
const selectKeyboardStrategy = {
|
|
63621
63486
|
ArrowUp(component, evt, ctx) {
|
|
63622
63487
|
evt.preventDefault();
|
|
63623
|
-
if (evt.altKey || evt.metaKey) {
|
|
63624
|
-
// navigate to first enabled option
|
|
63625
|
-
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
63626
|
-
return;
|
|
63627
|
-
}
|
|
63628
63488
|
navigateArrow(component, 'up', {
|
|
63629
63489
|
ctx,
|
|
63630
63490
|
showFn: () => component.dropdown.show(),
|
|
@@ -63633,36 +63493,30 @@ const selectKeyboardStrategy = {
|
|
|
63633
63493
|
|
|
63634
63494
|
ArrowDown(component, evt, ctx) {
|
|
63635
63495
|
evt.preventDefault();
|
|
63636
|
-
if (evt.altKey || evt.metaKey) {
|
|
63637
|
-
// navigate to last enabled option
|
|
63638
|
-
selectKeyboardStrategy.End(component, evt, ctx);
|
|
63639
|
-
return;
|
|
63640
|
-
}
|
|
63641
63496
|
navigateArrow(component, 'down', {
|
|
63642
63497
|
ctx,
|
|
63643
63498
|
showFn: () => component.dropdown.show(),
|
|
63644
63499
|
});
|
|
63645
63500
|
},
|
|
63646
63501
|
|
|
63647
|
-
Enter(component, evt
|
|
63502
|
+
Enter(component, evt) {
|
|
63648
63503
|
evt.preventDefault();
|
|
63649
|
-
evt.stopPropagation();
|
|
63650
|
-
if (!ctx.isExpanded) {
|
|
63651
|
-
component.dropdown.show();
|
|
63652
|
-
return;
|
|
63653
|
-
}
|
|
63654
63504
|
component.menu.makeSelection();
|
|
63655
63505
|
},
|
|
63656
63506
|
|
|
63657
|
-
|
|
63507
|
+
Tab(component, evt, ctx) {
|
|
63658
63508
|
if (!ctx.isExpanded) {
|
|
63659
63509
|
return;
|
|
63660
63510
|
}
|
|
63661
|
-
component.dropdown.hide();
|
|
63662
|
-
},
|
|
63663
63511
|
|
|
63664
|
-
|
|
63665
|
-
|
|
63512
|
+
// Shift+Tab moves the highlight to the first non-disabled option
|
|
63513
|
+
// without making a selection or closing the bib.
|
|
63514
|
+
if (evt.shiftKey) {
|
|
63515
|
+
evt.preventDefault();
|
|
63516
|
+
const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
|
|
63517
|
+
if (firstActive) {
|
|
63518
|
+
component.menu.updateActiveOption(firstActive);
|
|
63519
|
+
}
|
|
63666
63520
|
return;
|
|
63667
63521
|
}
|
|
63668
63522
|
|
|
@@ -63673,41 +63527,9 @@ const selectKeyboardStrategy = {
|
|
|
63673
63527
|
}
|
|
63674
63528
|
component.dropdown.hide();
|
|
63675
63529
|
},
|
|
63676
|
-
Home(component, evt, ctx) {
|
|
63677
|
-
if (!ctx.isExpanded) {
|
|
63678
|
-
return;
|
|
63679
|
-
}
|
|
63680
|
-
evt.preventDefault();
|
|
63681
|
-
evt.stopPropagation();
|
|
63682
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
63683
|
-
if (firstOption) {
|
|
63684
|
-
component.menu.updateActiveOption(firstOption);
|
|
63685
|
-
}
|
|
63686
|
-
},
|
|
63687
|
-
|
|
63688
|
-
End(component, evt, ctx) {
|
|
63689
|
-
if (!ctx.isExpanded) {
|
|
63690
|
-
return;
|
|
63691
|
-
}
|
|
63692
|
-
evt.preventDefault();
|
|
63693
|
-
evt.stopPropagation();
|
|
63694
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
63695
|
-
if (lastOption) {
|
|
63696
|
-
component.menu.updateActiveOption(lastOption);
|
|
63697
|
-
}
|
|
63698
|
-
},
|
|
63699
63530
|
|
|
63700
|
-
default(component, evt
|
|
63531
|
+
default(component, evt) {
|
|
63701
63532
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
63702
|
-
if (evt.key === ' ') {
|
|
63703
|
-
evt.preventDefault();
|
|
63704
|
-
evt.stopPropagation();
|
|
63705
|
-
if (ctx.isExpanded) {
|
|
63706
|
-
component.dropdown.hide();
|
|
63707
|
-
return;
|
|
63708
|
-
}
|
|
63709
|
-
component.dropdown.show();
|
|
63710
|
-
}
|
|
63711
63533
|
},
|
|
63712
63534
|
};
|
|
63713
63535
|
|
|
@@ -67328,7 +67150,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
67328
67150
|
}
|
|
67329
67151
|
};
|
|
67330
67152
|
|
|
67331
|
-
var formkitVersion$1 = '
|
|
67153
|
+
var formkitVersion$1 = '202604021941';
|
|
67332
67154
|
|
|
67333
67155
|
class AuroElement extends i$4 {
|
|
67334
67156
|
static get properties() {
|
|
@@ -67509,7 +67331,6 @@ class AuroDropdown extends AuroElement {
|
|
|
67509
67331
|
this.appearance = 'default';
|
|
67510
67332
|
this.chevron = false;
|
|
67511
67333
|
this.disabled = false;
|
|
67512
|
-
this.disableKeyboardHandling = false;
|
|
67513
67334
|
this.error = false;
|
|
67514
67335
|
this.tabIndex = 0;
|
|
67515
67336
|
this.noToggle = false;
|
|
@@ -67721,14 +67542,6 @@ class AuroDropdown extends AuroElement {
|
|
|
67721
67542
|
reflect: true
|
|
67722
67543
|
},
|
|
67723
67544
|
|
|
67724
|
-
/**
|
|
67725
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
67726
|
-
*/
|
|
67727
|
-
disableKeyboardHandling: {
|
|
67728
|
-
type: Boolean,
|
|
67729
|
-
reflect: true
|
|
67730
|
-
},
|
|
67731
|
-
|
|
67732
67545
|
/**
|
|
67733
67546
|
* @private
|
|
67734
67547
|
*/
|
|
@@ -68034,7 +67847,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68034
67847
|
|
|
68035
67848
|
firstUpdated() {
|
|
68036
67849
|
// Configure the floater to, this will generate the ID for the bib
|
|
68037
|
-
this.floater.configure(this, 'auroDropdown'
|
|
67850
|
+
this.floater.configure(this, 'auroDropdown');
|
|
68038
67851
|
|
|
68039
67852
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
68040
67853
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -68342,7 +68155,6 @@ class AuroDropdown extends AuroElement {
|
|
|
68342
68155
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
68343
68156
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
68344
68157
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
68345
|
-
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
68346
68158
|
@focusin="${this.handleFocusin}"
|
|
68347
68159
|
@blur="${this.handleFocusOut}">
|
|
68348
68160
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -69081,7 +68893,7 @@ class AuroHelpText extends i$4 {
|
|
|
69081
68893
|
}
|
|
69082
68894
|
}
|
|
69083
68895
|
|
|
69084
|
-
var formkitVersion = '
|
|
68896
|
+
var formkitVersion = '202604021941';
|
|
69085
68897
|
|
|
69086
68898
|
var styleCss = i$7`.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);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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 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, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
69087
68899
|
|
|
@@ -69624,20 +69436,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
69624
69436
|
if (this.dropdown.isPopoverVisible) {
|
|
69625
69437
|
this.updateMenuShapeSize();
|
|
69626
69438
|
|
|
69627
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
69628
|
-
// No selection → first enabled option gets highlighted
|
|
69629
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
69630
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
69631
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
69632
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
69633
|
-
} else if (!this.menu.optionActive) {
|
|
69634
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
69635
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
69636
|
-
this.menu.updateActiveOption(firstActive);
|
|
69637
|
-
}
|
|
69638
|
-
|
|
69639
|
-
// Scroll the selected option into view when dropdown opens
|
|
69640
|
-
this.scrollSelectedOptionIntoView();
|
|
69641
69439
|
if (this.dropdown.isBibFullscreen) {
|
|
69642
69440
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
69643
69441
|
// behind the fullscreen dialog
|
|
@@ -69649,6 +69447,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
69649
69447
|
// multiple Lit update cycles before moving focus into the bib
|
|
69650
69448
|
doubleRaf(() => {
|
|
69651
69449
|
this.bibtemplate.focusCloseButton();
|
|
69450
|
+
|
|
69451
|
+
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
69452
|
+
// No selection → no highlight
|
|
69453
|
+
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
69454
|
+
this.menu.updateActiveOption(this.optionSelected);
|
|
69455
|
+
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
69456
|
+
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
69457
|
+
}
|
|
69458
|
+
|
|
69459
|
+
// Scroll the selected option into view when dropdown opens
|
|
69460
|
+
this.scrollSelectedOptionIntoView();
|
|
69652
69461
|
});
|
|
69653
69462
|
} else {
|
|
69654
69463
|
// wait til the bib gets fully rendered
|
|
@@ -70334,7 +70143,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70334
70143
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70335
70144
|
</div>
|
|
70336
70145
|
<${this.dropdownTag}
|
|
70337
|
-
disableKeyboardHandling
|
|
70338
70146
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70339
70147
|
.a11yRole=${"combobox"}
|
|
70340
70148
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -70414,7 +70222,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70414
70222
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70415
70223
|
</div>
|
|
70416
70224
|
<${this.dropdownTag}
|
|
70417
|
-
disableKeyboardHandling
|
|
70418
70225
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70419
70226
|
.a11yRole=${"combobox"}
|
|
70420
70227
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -70500,7 +70307,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70500
70307
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70501
70308
|
</div>
|
|
70502
70309
|
<${this.dropdownTag}
|
|
70503
|
-
disableKeyboardHandling
|
|
70504
70310
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70505
70311
|
.a11yRole=${"combobox"}
|
|
70506
70312
|
?autoPlacement="${this.autoPlacement}"
|