@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 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 +59 -251
- package/components/form/demo/index.min.js +59 -251
- 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 +27 -86
- package/components/select/demo/index.min.js +27 -86
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +26 -85
- package/components/select/dist/registered.js +26 -85
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +1549 -1568
- 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,34 +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
|
|
63648
|
-
|
|
63649
|
-
component.dropdown.show();
|
|
63650
|
-
return;
|
|
63651
|
-
}
|
|
63502
|
+
Enter(component, evt) {
|
|
63503
|
+
evt.preventDefault();
|
|
63652
63504
|
component.menu.makeSelection();
|
|
63653
63505
|
},
|
|
63654
63506
|
|
|
63655
|
-
|
|
63507
|
+
Tab(component, evt, ctx) {
|
|
63656
63508
|
if (!ctx.isExpanded) {
|
|
63657
63509
|
return;
|
|
63658
63510
|
}
|
|
63659
|
-
component.dropdown.hide();
|
|
63660
|
-
},
|
|
63661
63511
|
|
|
63662
|
-
|
|
63663
|
-
|
|
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
|
+
}
|
|
63664
63520
|
return;
|
|
63665
63521
|
}
|
|
63666
63522
|
|
|
@@ -63671,41 +63527,9 @@ const selectKeyboardStrategy = {
|
|
|
63671
63527
|
}
|
|
63672
63528
|
component.dropdown.hide();
|
|
63673
63529
|
},
|
|
63674
|
-
Home(component, evt, ctx) {
|
|
63675
|
-
if (!ctx.isExpanded) {
|
|
63676
|
-
return;
|
|
63677
|
-
}
|
|
63678
|
-
evt.preventDefault();
|
|
63679
|
-
evt.stopPropagation();
|
|
63680
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
63681
|
-
if (firstOption) {
|
|
63682
|
-
component.menu.updateActiveOption(firstOption);
|
|
63683
|
-
}
|
|
63684
|
-
},
|
|
63685
63530
|
|
|
63686
|
-
|
|
63687
|
-
if (!ctx.isExpanded) {
|
|
63688
|
-
return;
|
|
63689
|
-
}
|
|
63690
|
-
evt.preventDefault();
|
|
63691
|
-
evt.stopPropagation();
|
|
63692
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
63693
|
-
if (lastOption) {
|
|
63694
|
-
component.menu.updateActiveOption(lastOption);
|
|
63695
|
-
}
|
|
63696
|
-
},
|
|
63697
|
-
|
|
63698
|
-
default(component, evt, ctx) {
|
|
63531
|
+
default(component, evt) {
|
|
63699
63532
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
63700
|
-
if (evt.key === ' ') {
|
|
63701
|
-
evt.preventDefault();
|
|
63702
|
-
evt.stopPropagation();
|
|
63703
|
-
if (ctx.isExpanded) {
|
|
63704
|
-
component.dropdown.hide();
|
|
63705
|
-
return;
|
|
63706
|
-
}
|
|
63707
|
-
component.dropdown.show();
|
|
63708
|
-
}
|
|
63709
63533
|
},
|
|
63710
63534
|
};
|
|
63711
63535
|
|
|
@@ -67326,7 +67150,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
67326
67150
|
}
|
|
67327
67151
|
};
|
|
67328
67152
|
|
|
67329
|
-
var formkitVersion$1 = '
|
|
67153
|
+
var formkitVersion$1 = '202604021941';
|
|
67330
67154
|
|
|
67331
67155
|
class AuroElement extends i$4 {
|
|
67332
67156
|
static get properties() {
|
|
@@ -67507,7 +67331,6 @@ class AuroDropdown extends AuroElement {
|
|
|
67507
67331
|
this.appearance = 'default';
|
|
67508
67332
|
this.chevron = false;
|
|
67509
67333
|
this.disabled = false;
|
|
67510
|
-
this.disableKeyboardHandling = false;
|
|
67511
67334
|
this.error = false;
|
|
67512
67335
|
this.tabIndex = 0;
|
|
67513
67336
|
this.noToggle = false;
|
|
@@ -67719,14 +67542,6 @@ class AuroDropdown extends AuroElement {
|
|
|
67719
67542
|
reflect: true
|
|
67720
67543
|
},
|
|
67721
67544
|
|
|
67722
|
-
/**
|
|
67723
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
67724
|
-
*/
|
|
67725
|
-
disableKeyboardHandling: {
|
|
67726
|
-
type: Boolean,
|
|
67727
|
-
reflect: true
|
|
67728
|
-
},
|
|
67729
|
-
|
|
67730
67545
|
/**
|
|
67731
67546
|
* @private
|
|
67732
67547
|
*/
|
|
@@ -68032,7 +67847,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68032
67847
|
|
|
68033
67848
|
firstUpdated() {
|
|
68034
67849
|
// Configure the floater to, this will generate the ID for the bib
|
|
68035
|
-
this.floater.configure(this, 'auroDropdown'
|
|
67850
|
+
this.floater.configure(this, 'auroDropdown');
|
|
68036
67851
|
|
|
68037
67852
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
68038
67853
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -68340,7 +68155,6 @@ class AuroDropdown extends AuroElement {
|
|
|
68340
68155
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
68341
68156
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
68342
68157
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
68343
|
-
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
68344
68158
|
@focusin="${this.handleFocusin}"
|
|
68345
68159
|
@blur="${this.handleFocusOut}">
|
|
68346
68160
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -69079,7 +68893,7 @@ class AuroHelpText extends i$4 {
|
|
|
69079
68893
|
}
|
|
69080
68894
|
}
|
|
69081
68895
|
|
|
69082
|
-
var formkitVersion = '
|
|
68896
|
+
var formkitVersion = '202604021941';
|
|
69083
68897
|
|
|
69084
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}`;
|
|
69085
68899
|
|
|
@@ -69622,20 +69436,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
69622
69436
|
if (this.dropdown.isPopoverVisible) {
|
|
69623
69437
|
this.updateMenuShapeSize();
|
|
69624
69438
|
|
|
69625
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
69626
|
-
// No selection → first enabled option gets highlighted
|
|
69627
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
69628
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
69629
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
69630
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
69631
|
-
} else if (!this.menu.optionActive) {
|
|
69632
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
69633
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
69634
|
-
this.menu.updateActiveOption(firstActive);
|
|
69635
|
-
}
|
|
69636
|
-
|
|
69637
|
-
// Scroll the selected option into view when dropdown opens
|
|
69638
|
-
this.scrollSelectedOptionIntoView();
|
|
69639
69439
|
if (this.dropdown.isBibFullscreen) {
|
|
69640
69440
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
69641
69441
|
// behind the fullscreen dialog
|
|
@@ -69647,6 +69447,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
69647
69447
|
// multiple Lit update cycles before moving focus into the bib
|
|
69648
69448
|
doubleRaf(() => {
|
|
69649
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();
|
|
69650
69461
|
});
|
|
69651
69462
|
} else {
|
|
69652
69463
|
// wait til the bib gets fully rendered
|
|
@@ -70332,7 +70143,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70332
70143
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70333
70144
|
</div>
|
|
70334
70145
|
<${this.dropdownTag}
|
|
70335
|
-
disableKeyboardHandling
|
|
70336
70146
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70337
70147
|
.a11yRole=${"combobox"}
|
|
70338
70148
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -70412,7 +70222,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70412
70222
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70413
70223
|
</div>
|
|
70414
70224
|
<${this.dropdownTag}
|
|
70415
|
-
disableKeyboardHandling
|
|
70416
70225
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70417
70226
|
.a11yRole=${"combobox"}
|
|
70418
70227
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -70498,7 +70307,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
70498
70307
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
70499
70308
|
</div>
|
|
70500
70309
|
<${this.dropdownTag}
|
|
70501
|
-
disableKeyboardHandling
|
|
70502
70310
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
70503
70311
|
.a11yRole=${"combobox"}
|
|
70504
70312
|
?autoPlacement="${this.autoPlacement}"
|