@aurodesignsystem-dev/auro-formkit 0.0.0-pr1346.3 → 0.0.0-pr1346.4
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 +224 -45
- package/components/combobox/demo/index.min.js +224 -45
- package/components/combobox/dist/auro-combobox.d.ts +2 -1
- package/components/combobox/dist/index.js +217 -42
- package/components/combobox/dist/registered.js +217 -42
- package/components/counter/demo/api.min.js +123 -11
- package/components/counter/demo/index.min.js +123 -11
- package/components/counter/dist/index.js +123 -11
- package/components/counter/dist/registered.js +123 -11
- package/components/datepicker/demo/api.min.js +133 -20
- package/components/datepicker/demo/index.min.js +133 -20
- package/components/datepicker/dist/index.js +133 -20
- package/components/datepicker/dist/registered.js +133 -20
- package/components/dropdown/demo/api.min.js +122 -10
- package/components/dropdown/demo/index.min.js +122 -10
- package/components/dropdown/dist/auro-dropdownBib.d.ts +18 -2
- package/components/dropdown/dist/index.js +122 -10
- package/components/dropdown/dist/registered.js +122 -10
- package/components/input/demo/api.min.js +10 -9
- package/components/input/demo/index.min.js +10 -9
- package/components/input/dist/index.js +10 -9
- package/components/input/dist/registered.js +10 -9
- package/components/menu/demo/api.min.js +7 -3
- package/components/menu/demo/index.min.js +7 -3
- package/components/menu/dist/index.js +7 -3
- package/components/menu/dist/registered.js +7 -3
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +159 -17
- package/components/select/demo/index.min.js +159 -17
- package/components/select/dist/index.js +152 -14
- package/components/select/dist/registered.js +152 -14
- package/custom-elements.json +35 -10
- package/package.json +1 -1
|
@@ -9278,7 +9278,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9278
9278
|
}
|
|
9279
9279
|
}
|
|
9280
9280
|
|
|
9281
|
-
var formkitVersion$2 = '
|
|
9281
|
+
var formkitVersion$2 = '202602260152';
|
|
9282
9282
|
|
|
9283
9283
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = 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$4 = 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$3=i$3`: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}
|
|
9284
9284
|
`,u$6=i$3`.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}}
|
|
@@ -12570,7 +12570,7 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
12570
12570
|
|
|
12571
12571
|
var iconVersion$2 = '9.1.2';
|
|
12572
12572
|
|
|
12573
|
-
var styleCss$2$1 = i$3`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{max-width:none;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:absolute;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
12573
|
+
var styleCss$2$1 = i$3`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{max-width:none;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:absolute;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
12574
12574
|
|
|
12575
12575
|
var colorCss$2 = i$3`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
12576
12576
|
|
|
@@ -12578,6 +12578,8 @@ var tokensCss$1$1 = i$3`:host(:not([ondark])),:host(:not([appearance=inverse])){
|
|
|
12578
12578
|
|
|
12579
12579
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12580
12580
|
// See LICENSE in the project root for license information.
|
|
12581
|
+
/* eslint-disable max-lines */
|
|
12582
|
+
// ---------------------------------------------------------------------
|
|
12581
12583
|
|
|
12582
12584
|
|
|
12583
12585
|
const DESIGN_TOKEN_BREAKPOINT_PREFIX = '--ds-grid-breakpoint-';
|
|
@@ -12753,22 +12755,63 @@ class AuroDropdownBib extends i$1 {
|
|
|
12753
12755
|
// Handle ESC key via dialog's cancel event
|
|
12754
12756
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12755
12757
|
dialog.addEventListener('cancel', (event) => {
|
|
12756
|
-
|
|
12758
|
+
// Let parent handle closing
|
|
12759
|
+
event.preventDefault();
|
|
12757
12760
|
this.dispatchEvent(new CustomEvent('auro-bib-cancel', {
|
|
12758
12761
|
bubbles: true,
|
|
12759
12762
|
composed: true
|
|
12760
12763
|
}));
|
|
12761
12764
|
});
|
|
12762
12765
|
|
|
12763
|
-
//
|
|
12764
|
-
//
|
|
12765
|
-
//
|
|
12766
|
-
//
|
|
12767
|
-
|
|
12766
|
+
// showModal() creates a closed focus scope — keyboard events inside
|
|
12767
|
+
// the dialog's shadow DOM do NOT bubble out to the combobox/select
|
|
12768
|
+
// keydown handlers in the parent shadow DOM. This handler bridges
|
|
12769
|
+
// that gap by re-dispatching navigation keys so they cross the
|
|
12770
|
+
// shadow boundary and reach the menu navigation logic in the parent
|
|
12771
|
+
// component.
|
|
12772
|
+
//
|
|
12773
|
+
// The trade-off: intercepting these keys means native keyboard
|
|
12774
|
+
// behaviors that would normally "just work" must be manually
|
|
12775
|
+
// re-implemented here:
|
|
12776
|
+
//
|
|
12777
|
+
// - Enter on buttons: Custom elements (auro-button) don't get the
|
|
12778
|
+
// native Enter→click that <button> provides, so we call .click()
|
|
12779
|
+
// directly when Enter is pressed on a button-like element.
|
|
12780
|
+
//
|
|
12781
|
+
// - Tab: NOT intercepted — left to the browser's native focus trap
|
|
12782
|
+
// provided by showModal(), which cycles Tab between focusable
|
|
12783
|
+
// elements inside the dialog (e.g. the input and close button).
|
|
12784
|
+
// Intercepting Tab would kill the native focus trap and break
|
|
12785
|
+
// focus management inside the dialog.
|
|
12786
|
+
//
|
|
12787
|
+
// - Escape: The native <dialog> fires a `cancel` event on ESC
|
|
12788
|
+
// (handled above), so the re-dispatched Escape is a secondary
|
|
12789
|
+
// path for parent components that also listen for Escape keydown.
|
|
12790
|
+
const navKeys = new Set([
|
|
12791
|
+
'ArrowUp',
|
|
12792
|
+
'ArrowDown',
|
|
12793
|
+
'Enter',
|
|
12794
|
+
'Escape'
|
|
12795
|
+
]);
|
|
12768
12796
|
dialog.addEventListener('keydown', (event) => {
|
|
12769
12797
|
if (!navKeys.has(event.key)) {
|
|
12770
12798
|
return;
|
|
12771
12799
|
}
|
|
12800
|
+
|
|
12801
|
+
// Custom elements (auro-button) don't get the native Enter→click
|
|
12802
|
+
// behavior that <button> has. Find the button in the composed path
|
|
12803
|
+
// and click it directly.
|
|
12804
|
+
if (event.key === 'Enter') {
|
|
12805
|
+
const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
|
|
12806
|
+
const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
|
|
12807
|
+
if (btn) {
|
|
12808
|
+
event.preventDefault();
|
|
12809
|
+
event.stopPropagation();
|
|
12810
|
+
btn.click();
|
|
12811
|
+
return;
|
|
12812
|
+
}
|
|
12813
|
+
}
|
|
12814
|
+
|
|
12772
12815
|
event.preventDefault();
|
|
12773
12816
|
event.stopPropagation();
|
|
12774
12817
|
const newEvent = new KeyboardEvent('keydown', {
|
|
@@ -12792,9 +12835,55 @@ class AuroDropdownBib extends i$1 {
|
|
|
12792
12835
|
}
|
|
12793
12836
|
|
|
12794
12837
|
/**
|
|
12795
|
-
*
|
|
12796
|
-
*
|
|
12838
|
+
* Blocks touch-driven page scroll while a fullscreen modal dialog is open.
|
|
12839
|
+
*
|
|
12840
|
+
* The showModal() function places the dialog in the browser's **top layer**,
|
|
12841
|
+
* which is a separate rendering layer above the normal DOM. On mobile, the
|
|
12842
|
+
* compositor processes visual-viewport panning before top-layer touch
|
|
12843
|
+
* handling. This means the entire viewport — including the top-layer dialog
|
|
12844
|
+
* — can be panned by a touch gesture, causing the page behind the dialog to
|
|
12845
|
+
* scroll into view. To prevent this, we add a touchmove listener that cancels
|
|
12846
|
+
* the event if the touch started outside the dialog or any scrollable child within it.
|
|
12847
|
+
*
|
|
12848
|
+
* @private
|
|
12797
12849
|
*/
|
|
12850
|
+
_lockTouchScroll() {
|
|
12851
|
+
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12852
|
+
|
|
12853
|
+
this._touchMoveHandler = (event) => {
|
|
12854
|
+
// Walk the composed path (which crosses shadow DOM boundaries) to
|
|
12855
|
+
// check whether the touch started inside a scrollable element that
|
|
12856
|
+
// lives within the dialog. If so, allow the scroll.
|
|
12857
|
+
for (const el of event.composedPath()) {
|
|
12858
|
+
if (el === dialog) {
|
|
12859
|
+
// Reached the dialog boundary without finding a scrollable child.
|
|
12860
|
+
break;
|
|
12861
|
+
}
|
|
12862
|
+
if (el instanceof HTMLElement && el.scrollHeight > el.clientHeight) {
|
|
12863
|
+
const { overflowY } = getComputedStyle(el);
|
|
12864
|
+
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
12865
|
+
return;
|
|
12866
|
+
}
|
|
12867
|
+
}
|
|
12868
|
+
}
|
|
12869
|
+
|
|
12870
|
+
event.preventDefault();
|
|
12871
|
+
};
|
|
12872
|
+
|
|
12873
|
+
document.addEventListener('touchmove', this._touchMoveHandler, { passive: false });
|
|
12874
|
+
}
|
|
12875
|
+
|
|
12876
|
+
/**
|
|
12877
|
+
* Removes the touchmove listener added by _lockTouchScroll().
|
|
12878
|
+
* @private
|
|
12879
|
+
*/
|
|
12880
|
+
_unlockTouchScroll() {
|
|
12881
|
+
if (this._touchMoveHandler) {
|
|
12882
|
+
document.removeEventListener('touchmove', this._touchMoveHandler);
|
|
12883
|
+
this._touchMoveHandler = undefined;
|
|
12884
|
+
}
|
|
12885
|
+
}
|
|
12886
|
+
|
|
12798
12887
|
open(modal = true) {
|
|
12799
12888
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12800
12889
|
if (dialog && !dialog.open) {
|
|
@@ -12811,6 +12900,8 @@ class AuroDropdownBib extends i$1 {
|
|
|
12811
12900
|
|
|
12812
12901
|
documentElement.style.overflow = prevOverflow;
|
|
12813
12902
|
|
|
12903
|
+
this._lockTouchScroll();
|
|
12904
|
+
|
|
12814
12905
|
} else {
|
|
12815
12906
|
// Use setAttribute instead of dialog.show() to avoid the dialog
|
|
12816
12907
|
// focusing steps which steal focus from the trigger and cause
|
|
@@ -12826,6 +12917,7 @@ class AuroDropdownBib extends i$1 {
|
|
|
12826
12917
|
close() {
|
|
12827
12918
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12828
12919
|
if (dialog && dialog.open) {
|
|
12920
|
+
this._unlockTouchScroll();
|
|
12829
12921
|
dialog.close();
|
|
12830
12922
|
}
|
|
12831
12923
|
}
|
|
@@ -13091,7 +13183,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
13091
13183
|
}
|
|
13092
13184
|
};
|
|
13093
13185
|
|
|
13094
|
-
var formkitVersion$1 = '
|
|
13186
|
+
var formkitVersion$1 = '202602260152';
|
|
13095
13187
|
|
|
13096
13188
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
13097
13189
|
static get properties() {
|
|
@@ -13364,6 +13456,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13364
13456
|
*/
|
|
13365
13457
|
show() {
|
|
13366
13458
|
this.floater.showBib();
|
|
13459
|
+
|
|
13460
|
+
// Open dialog synchronously so callers remain in the user gesture
|
|
13461
|
+
// chain. This is critical for mobile browsers (iOS Safari) to keep
|
|
13462
|
+
// the virtual keyboard open when transitioning from the trigger
|
|
13463
|
+
// input to an input inside the fullscreen dialog. Without this,
|
|
13464
|
+
// showModal() fires asynchronously via Lit's update cycle, which
|
|
13465
|
+
// falls outside the user activation window and causes iOS to
|
|
13466
|
+
// dismiss the keyboard.
|
|
13467
|
+
if (this.isBibFullscreen && this.bibElement && this.bibElement.value) {
|
|
13468
|
+
const useModal = !this.disableFocusTrap;
|
|
13469
|
+
this.bibElement.value.open(useModal);
|
|
13470
|
+
}
|
|
13367
13471
|
}
|
|
13368
13472
|
|
|
13369
13473
|
/**
|
|
@@ -13750,6 +13854,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13750
13854
|
this.bibElement.value.close();
|
|
13751
13855
|
}
|
|
13752
13856
|
}
|
|
13857
|
+
|
|
13858
|
+
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
13859
|
+
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
13860
|
+
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
13861
|
+
const useModal = this.isBibFullscreen && !this.disableFocusTrap;
|
|
13862
|
+
this.bibElement.value.close();
|
|
13863
|
+
this.bibElement.value.open(useModal);
|
|
13864
|
+
}
|
|
13753
13865
|
}
|
|
13754
13866
|
|
|
13755
13867
|
/**
|
|
@@ -19251,6 +19363,15 @@ class BaseInput extends AuroElement$1 {
|
|
|
19251
19363
|
constructor() {
|
|
19252
19364
|
super();
|
|
19253
19365
|
|
|
19366
|
+
// Delegate focus to the native <input> inside the shadow root so that
|
|
19367
|
+
// showModal()'s dialog focusing steps reach the input element.
|
|
19368
|
+
// This keeps the mobile virtual keyboard open when the fullscreen dialog
|
|
19369
|
+
// opens, because the browser sees an input-to-input focus transfer.
|
|
19370
|
+
this.constructor.shadowRootOptions = {
|
|
19371
|
+
...AuroElement$1.shadowRootOptions,
|
|
19372
|
+
delegatesFocus: true,
|
|
19373
|
+
};
|
|
19374
|
+
|
|
19254
19375
|
this._initializeDefaults();
|
|
19255
19376
|
}
|
|
19256
19377
|
|
|
@@ -19372,14 +19493,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
19372
19493
|
reflect: true
|
|
19373
19494
|
},
|
|
19374
19495
|
|
|
19375
|
-
/**
|
|
19376
|
-
* The value for the aria-controls attribute.
|
|
19377
|
-
*/
|
|
19378
|
-
a11yControls: {
|
|
19379
|
-
type: String,
|
|
19380
|
-
reflect: true
|
|
19381
|
-
},
|
|
19382
|
-
|
|
19383
19496
|
/**
|
|
19384
19497
|
* The value for the aria-activedescendant attribute.
|
|
19385
19498
|
* Points to the ID of the currently active/highlighted option in a listbox.
|
|
@@ -20799,7 +20912,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
20799
20912
|
}
|
|
20800
20913
|
};
|
|
20801
20914
|
|
|
20802
|
-
var formkitVersion = '
|
|
20915
|
+
var formkitVersion = '202602260152';
|
|
20803
20916
|
|
|
20804
20917
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20805
20918
|
// See LICENSE in the project root for license information.
|
|
@@ -9228,7 +9228,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9228
9228
|
}
|
|
9229
9229
|
}
|
|
9230
9230
|
|
|
9231
|
-
var formkitVersion$2 = '
|
|
9231
|
+
var formkitVersion$2 = '202602260152';
|
|
9232
9232
|
|
|
9233
9233
|
let l$1 = 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=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = 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 = 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=css`: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}
|
|
9234
9234
|
`,u$4=css`.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}}
|
|
@@ -12502,7 +12502,7 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
12502
12502
|
|
|
12503
12503
|
var iconVersion$2 = '9.1.2';
|
|
12504
12504
|
|
|
12505
|
-
var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{max-width:none;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:absolute;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
12505
|
+
var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{max-width:none;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:absolute;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
12506
12506
|
|
|
12507
12507
|
var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
12508
12508
|
|
|
@@ -12510,6 +12510,8 @@ var tokensCss$1$1 = css`:host(:not([ondark])),:host(:not([appearance=inverse])){
|
|
|
12510
12510
|
|
|
12511
12511
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12512
12512
|
// See LICENSE in the project root for license information.
|
|
12513
|
+
/* eslint-disable max-lines */
|
|
12514
|
+
// ---------------------------------------------------------------------
|
|
12513
12515
|
|
|
12514
12516
|
|
|
12515
12517
|
const DESIGN_TOKEN_BREAKPOINT_PREFIX = '--ds-grid-breakpoint-';
|
|
@@ -12685,22 +12687,63 @@ class AuroDropdownBib extends LitElement {
|
|
|
12685
12687
|
// Handle ESC key via dialog's cancel event
|
|
12686
12688
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12687
12689
|
dialog.addEventListener('cancel', (event) => {
|
|
12688
|
-
|
|
12690
|
+
// Let parent handle closing
|
|
12691
|
+
event.preventDefault();
|
|
12689
12692
|
this.dispatchEvent(new CustomEvent('auro-bib-cancel', {
|
|
12690
12693
|
bubbles: true,
|
|
12691
12694
|
composed: true
|
|
12692
12695
|
}));
|
|
12693
12696
|
});
|
|
12694
12697
|
|
|
12695
|
-
//
|
|
12696
|
-
//
|
|
12697
|
-
//
|
|
12698
|
-
//
|
|
12699
|
-
|
|
12698
|
+
// showModal() creates a closed focus scope — keyboard events inside
|
|
12699
|
+
// the dialog's shadow DOM do NOT bubble out to the combobox/select
|
|
12700
|
+
// keydown handlers in the parent shadow DOM. This handler bridges
|
|
12701
|
+
// that gap by re-dispatching navigation keys so they cross the
|
|
12702
|
+
// shadow boundary and reach the menu navigation logic in the parent
|
|
12703
|
+
// component.
|
|
12704
|
+
//
|
|
12705
|
+
// The trade-off: intercepting these keys means native keyboard
|
|
12706
|
+
// behaviors that would normally "just work" must be manually
|
|
12707
|
+
// re-implemented here:
|
|
12708
|
+
//
|
|
12709
|
+
// - Enter on buttons: Custom elements (auro-button) don't get the
|
|
12710
|
+
// native Enter→click that <button> provides, so we call .click()
|
|
12711
|
+
// directly when Enter is pressed on a button-like element.
|
|
12712
|
+
//
|
|
12713
|
+
// - Tab: NOT intercepted — left to the browser's native focus trap
|
|
12714
|
+
// provided by showModal(), which cycles Tab between focusable
|
|
12715
|
+
// elements inside the dialog (e.g. the input and close button).
|
|
12716
|
+
// Intercepting Tab would kill the native focus trap and break
|
|
12717
|
+
// focus management inside the dialog.
|
|
12718
|
+
//
|
|
12719
|
+
// - Escape: The native <dialog> fires a `cancel` event on ESC
|
|
12720
|
+
// (handled above), so the re-dispatched Escape is a secondary
|
|
12721
|
+
// path for parent components that also listen for Escape keydown.
|
|
12722
|
+
const navKeys = new Set([
|
|
12723
|
+
'ArrowUp',
|
|
12724
|
+
'ArrowDown',
|
|
12725
|
+
'Enter',
|
|
12726
|
+
'Escape'
|
|
12727
|
+
]);
|
|
12700
12728
|
dialog.addEventListener('keydown', (event) => {
|
|
12701
12729
|
if (!navKeys.has(event.key)) {
|
|
12702
12730
|
return;
|
|
12703
12731
|
}
|
|
12732
|
+
|
|
12733
|
+
// Custom elements (auro-button) don't get the native Enter→click
|
|
12734
|
+
// behavior that <button> has. Find the button in the composed path
|
|
12735
|
+
// and click it directly.
|
|
12736
|
+
if (event.key === 'Enter') {
|
|
12737
|
+
const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
|
|
12738
|
+
const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
|
|
12739
|
+
if (btn) {
|
|
12740
|
+
event.preventDefault();
|
|
12741
|
+
event.stopPropagation();
|
|
12742
|
+
btn.click();
|
|
12743
|
+
return;
|
|
12744
|
+
}
|
|
12745
|
+
}
|
|
12746
|
+
|
|
12704
12747
|
event.preventDefault();
|
|
12705
12748
|
event.stopPropagation();
|
|
12706
12749
|
const newEvent = new KeyboardEvent('keydown', {
|
|
@@ -12724,9 +12767,55 @@ class AuroDropdownBib extends LitElement {
|
|
|
12724
12767
|
}
|
|
12725
12768
|
|
|
12726
12769
|
/**
|
|
12727
|
-
*
|
|
12728
|
-
*
|
|
12770
|
+
* Blocks touch-driven page scroll while a fullscreen modal dialog is open.
|
|
12771
|
+
*
|
|
12772
|
+
* The showModal() function places the dialog in the browser's **top layer**,
|
|
12773
|
+
* which is a separate rendering layer above the normal DOM. On mobile, the
|
|
12774
|
+
* compositor processes visual-viewport panning before top-layer touch
|
|
12775
|
+
* handling. This means the entire viewport — including the top-layer dialog
|
|
12776
|
+
* — can be panned by a touch gesture, causing the page behind the dialog to
|
|
12777
|
+
* scroll into view. To prevent this, we add a touchmove listener that cancels
|
|
12778
|
+
* the event if the touch started outside the dialog or any scrollable child within it.
|
|
12779
|
+
*
|
|
12780
|
+
* @private
|
|
12729
12781
|
*/
|
|
12782
|
+
_lockTouchScroll() {
|
|
12783
|
+
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12784
|
+
|
|
12785
|
+
this._touchMoveHandler = (event) => {
|
|
12786
|
+
// Walk the composed path (which crosses shadow DOM boundaries) to
|
|
12787
|
+
// check whether the touch started inside a scrollable element that
|
|
12788
|
+
// lives within the dialog. If so, allow the scroll.
|
|
12789
|
+
for (const el of event.composedPath()) {
|
|
12790
|
+
if (el === dialog) {
|
|
12791
|
+
// Reached the dialog boundary without finding a scrollable child.
|
|
12792
|
+
break;
|
|
12793
|
+
}
|
|
12794
|
+
if (el instanceof HTMLElement && el.scrollHeight > el.clientHeight) {
|
|
12795
|
+
const { overflowY } = getComputedStyle(el);
|
|
12796
|
+
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
12797
|
+
return;
|
|
12798
|
+
}
|
|
12799
|
+
}
|
|
12800
|
+
}
|
|
12801
|
+
|
|
12802
|
+
event.preventDefault();
|
|
12803
|
+
};
|
|
12804
|
+
|
|
12805
|
+
document.addEventListener('touchmove', this._touchMoveHandler, { passive: false });
|
|
12806
|
+
}
|
|
12807
|
+
|
|
12808
|
+
/**
|
|
12809
|
+
* Removes the touchmove listener added by _lockTouchScroll().
|
|
12810
|
+
* @private
|
|
12811
|
+
*/
|
|
12812
|
+
_unlockTouchScroll() {
|
|
12813
|
+
if (this._touchMoveHandler) {
|
|
12814
|
+
document.removeEventListener('touchmove', this._touchMoveHandler);
|
|
12815
|
+
this._touchMoveHandler = undefined;
|
|
12816
|
+
}
|
|
12817
|
+
}
|
|
12818
|
+
|
|
12730
12819
|
open(modal = true) {
|
|
12731
12820
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12732
12821
|
if (dialog && !dialog.open) {
|
|
@@ -12743,6 +12832,8 @@ class AuroDropdownBib extends LitElement {
|
|
|
12743
12832
|
|
|
12744
12833
|
documentElement.style.overflow = prevOverflow;
|
|
12745
12834
|
|
|
12835
|
+
this._lockTouchScroll();
|
|
12836
|
+
|
|
12746
12837
|
} else {
|
|
12747
12838
|
// Use setAttribute instead of dialog.show() to avoid the dialog
|
|
12748
12839
|
// focusing steps which steal focus from the trigger and cause
|
|
@@ -12758,6 +12849,7 @@ class AuroDropdownBib extends LitElement {
|
|
|
12758
12849
|
close() {
|
|
12759
12850
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
12760
12851
|
if (dialog && dialog.open) {
|
|
12852
|
+
this._unlockTouchScroll();
|
|
12761
12853
|
dialog.close();
|
|
12762
12854
|
}
|
|
12763
12855
|
}
|
|
@@ -13023,7 +13115,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
13023
13115
|
}
|
|
13024
13116
|
};
|
|
13025
13117
|
|
|
13026
|
-
var formkitVersion$1 = '
|
|
13118
|
+
var formkitVersion$1 = '202602260152';
|
|
13027
13119
|
|
|
13028
13120
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
13029
13121
|
static get properties() {
|
|
@@ -13296,6 +13388,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13296
13388
|
*/
|
|
13297
13389
|
show() {
|
|
13298
13390
|
this.floater.showBib();
|
|
13391
|
+
|
|
13392
|
+
// Open dialog synchronously so callers remain in the user gesture
|
|
13393
|
+
// chain. This is critical for mobile browsers (iOS Safari) to keep
|
|
13394
|
+
// the virtual keyboard open when transitioning from the trigger
|
|
13395
|
+
// input to an input inside the fullscreen dialog. Without this,
|
|
13396
|
+
// showModal() fires asynchronously via Lit's update cycle, which
|
|
13397
|
+
// falls outside the user activation window and causes iOS to
|
|
13398
|
+
// dismiss the keyboard.
|
|
13399
|
+
if (this.isBibFullscreen && this.bibElement && this.bibElement.value) {
|
|
13400
|
+
const useModal = !this.disableFocusTrap;
|
|
13401
|
+
this.bibElement.value.open(useModal);
|
|
13402
|
+
}
|
|
13299
13403
|
}
|
|
13300
13404
|
|
|
13301
13405
|
/**
|
|
@@ -13682,6 +13786,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13682
13786
|
this.bibElement.value.close();
|
|
13683
13787
|
}
|
|
13684
13788
|
}
|
|
13789
|
+
|
|
13790
|
+
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
13791
|
+
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
13792
|
+
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
13793
|
+
const useModal = this.isBibFullscreen && !this.disableFocusTrap;
|
|
13794
|
+
this.bibElement.value.close();
|
|
13795
|
+
this.bibElement.value.open(useModal);
|
|
13796
|
+
}
|
|
13685
13797
|
}
|
|
13686
13798
|
|
|
13687
13799
|
/**
|
|
@@ -19176,6 +19288,15 @@ class BaseInput extends AuroElement$1 {
|
|
|
19176
19288
|
constructor() {
|
|
19177
19289
|
super();
|
|
19178
19290
|
|
|
19291
|
+
// Delegate focus to the native <input> inside the shadow root so that
|
|
19292
|
+
// showModal()'s dialog focusing steps reach the input element.
|
|
19293
|
+
// This keeps the mobile virtual keyboard open when the fullscreen dialog
|
|
19294
|
+
// opens, because the browser sees an input-to-input focus transfer.
|
|
19295
|
+
this.constructor.shadowRootOptions = {
|
|
19296
|
+
...AuroElement$1.shadowRootOptions,
|
|
19297
|
+
delegatesFocus: true,
|
|
19298
|
+
};
|
|
19299
|
+
|
|
19179
19300
|
this._initializeDefaults();
|
|
19180
19301
|
}
|
|
19181
19302
|
|
|
@@ -19297,14 +19418,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
19297
19418
|
reflect: true
|
|
19298
19419
|
},
|
|
19299
19420
|
|
|
19300
|
-
/**
|
|
19301
|
-
* The value for the aria-controls attribute.
|
|
19302
|
-
*/
|
|
19303
|
-
a11yControls: {
|
|
19304
|
-
type: String,
|
|
19305
|
-
reflect: true
|
|
19306
|
-
},
|
|
19307
|
-
|
|
19308
19421
|
/**
|
|
19309
19422
|
* The value for the aria-activedescendant attribute.
|
|
19310
19423
|
* Points to the ID of the currently active/highlighted option in a listbox.
|
|
@@ -20724,7 +20837,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
20724
20837
|
}
|
|
20725
20838
|
};
|
|
20726
20839
|
|
|
20727
|
-
var formkitVersion = '
|
|
20840
|
+
var formkitVersion = '202602260152';
|
|
20728
20841
|
|
|
20729
20842
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20730
20843
|
// See LICENSE in the project root for license information.
|