@aurodesignsystem-dev/auro-formkit 0.0.0-pr1545.0 → 0.0.0-pr1546.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +276 -33
- package/components/combobox/demo/getting-started.min.js +276 -33
- package/components/combobox/demo/index.min.js +276 -33
- package/components/combobox/demo/keyboard-behavior.md +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +1 -0
- package/components/combobox/dist/index.js +276 -33
- package/components/combobox/dist/registered.js +276 -33
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +340 -97
- package/components/form/demo/getting-started.min.js +340 -97
- package/components/form/demo/index.min.js +340 -97
- package/components/form/demo/registerDemoDeps.min.js +340 -97
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1507 -1507
- package/package.json +1 -1
|
@@ -13379,7 +13379,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13379
13379
|
}
|
|
13380
13380
|
};
|
|
13381
13381
|
|
|
13382
|
-
var formkitVersion$8 = '
|
|
13382
|
+
var formkitVersion$8 = '202607090129';
|
|
13383
13383
|
|
|
13384
13384
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13385
13385
|
// See LICENSE in the project root for license information.
|
|
@@ -27776,7 +27776,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27776
27776
|
}
|
|
27777
27777
|
};
|
|
27778
27778
|
|
|
27779
|
-
var formkitVersion$2$1 = '
|
|
27779
|
+
var formkitVersion$2$1 = '202607090129';
|
|
27780
27780
|
|
|
27781
27781
|
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$2`${s$3(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$6`: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}
|
|
27782
27782
|
`,u$4$2=i$6`.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}}
|
|
@@ -32547,7 +32547,7 @@ let AuroFloatingUI$3 = class AuroFloatingUI {
|
|
|
32547
32547
|
};
|
|
32548
32548
|
|
|
32549
32549
|
// Selectors for focusable elements
|
|
32550
|
-
const FOCUSABLE_SELECTORS$
|
|
32550
|
+
const FOCUSABLE_SELECTORS$4 = [
|
|
32551
32551
|
"a[href]",
|
|
32552
32552
|
"button:not([disabled])",
|
|
32553
32553
|
"textarea:not([disabled])",
|
|
@@ -32561,7 +32561,7 @@ const FOCUSABLE_SELECTORS$3 = [
|
|
|
32561
32561
|
];
|
|
32562
32562
|
|
|
32563
32563
|
// List of custom components that are known to be focusable
|
|
32564
|
-
const FOCUSABLE_COMPONENTS$
|
|
32564
|
+
const FOCUSABLE_COMPONENTS$4 = [
|
|
32565
32565
|
"auro-checkbox",
|
|
32566
32566
|
"auro-radio",
|
|
32567
32567
|
"auro-dropdown",
|
|
@@ -32583,12 +32583,12 @@ const FOCUSABLE_COMPONENTS$3 = [
|
|
|
32583
32583
|
* @param {HTMLElement} element The element to check for focusability.
|
|
32584
32584
|
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
32585
32585
|
*/
|
|
32586
|
-
function isFocusableComponent$
|
|
32586
|
+
function isFocusableComponent$4(element) {
|
|
32587
32587
|
const componentName = element.tagName.toLowerCase();
|
|
32588
32588
|
|
|
32589
32589
|
// Guard Clause: Element is a focusable component
|
|
32590
32590
|
if (
|
|
32591
|
-
!FOCUSABLE_COMPONENTS$
|
|
32591
|
+
!FOCUSABLE_COMPONENTS$4.some(
|
|
32592
32592
|
(name) => element.hasAttribute(name) || componentName === name,
|
|
32593
32593
|
)
|
|
32594
32594
|
)
|
|
@@ -32612,7 +32612,7 @@ function isFocusableComponent$3(element) {
|
|
|
32612
32612
|
* @param {HTMLElement} element The element whose tabindex to read.
|
|
32613
32613
|
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
32614
32614
|
*/
|
|
32615
|
-
function getNumericTabIndex$
|
|
32615
|
+
function getNumericTabIndex$4(element) {
|
|
32616
32616
|
const raw = element.getAttribute("tabindex");
|
|
32617
32617
|
if (raw == null) return null;
|
|
32618
32618
|
|
|
@@ -32628,7 +32628,7 @@ function getNumericTabIndex$3(element) {
|
|
|
32628
32628
|
* @param {HTMLElement} container The container to search within
|
|
32629
32629
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
32630
32630
|
*/
|
|
32631
|
-
function getFocusableElements$
|
|
32631
|
+
function getFocusableElements$4(container) {
|
|
32632
32632
|
// Get elements in DOM order by walking the tree
|
|
32633
32633
|
const orderedFocusableElements = [];
|
|
32634
32634
|
|
|
@@ -32637,7 +32637,7 @@ function getFocusableElements$3(container) {
|
|
|
32637
32637
|
// Check if current element is focusable
|
|
32638
32638
|
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
32639
32639
|
// Check if this is a custom component that is focusable
|
|
32640
|
-
const isComponentFocusable = isFocusableComponent$
|
|
32640
|
+
const isComponentFocusable = isFocusableComponent$4(root);
|
|
32641
32641
|
|
|
32642
32642
|
if (isComponentFocusable) {
|
|
32643
32643
|
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
@@ -32646,7 +32646,7 @@ function getFocusableElements$3(container) {
|
|
|
32646
32646
|
}
|
|
32647
32647
|
|
|
32648
32648
|
// Check if the element itself matches any selector
|
|
32649
|
-
for (const selector of FOCUSABLE_SELECTORS$
|
|
32649
|
+
for (const selector of FOCUSABLE_SELECTORS$4) {
|
|
32650
32650
|
if (root.matches?.(selector)) {
|
|
32651
32651
|
orderedFocusableElements.push(root);
|
|
32652
32652
|
break; // Once we know it's focusable, no need to check other selectors
|
|
@@ -32700,20 +32700,20 @@ function getFocusableElements$3(container) {
|
|
|
32700
32700
|
|
|
32701
32701
|
// First extract elements with valid positive tabindex
|
|
32702
32702
|
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
32703
|
-
const tabindex = getNumericTabIndex$
|
|
32703
|
+
const tabindex = getNumericTabIndex$4(el);
|
|
32704
32704
|
return tabindex !== null && tabindex > 0;
|
|
32705
32705
|
});
|
|
32706
32706
|
|
|
32707
32707
|
// Sort these elements by their tabindex value
|
|
32708
32708
|
elementsWithTabindex.sort((a, b) => {
|
|
32709
|
-
const aIndex = getNumericTabIndex$
|
|
32710
|
-
const bIndex = getNumericTabIndex$
|
|
32709
|
+
const aIndex = getNumericTabIndex$4(a) ?? 0;
|
|
32710
|
+
const bIndex = getNumericTabIndex$4(b) ?? 0;
|
|
32711
32711
|
return aIndex - bIndex;
|
|
32712
32712
|
});
|
|
32713
32713
|
|
|
32714
32714
|
// Elements without tabindex (preserving their original order)
|
|
32715
32715
|
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
32716
|
-
const tabindex = getNumericTabIndex$
|
|
32716
|
+
const tabindex = getNumericTabIndex$4(el);
|
|
32717
32717
|
|
|
32718
32718
|
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
32719
32719
|
return tabindex === null || tabindex === 0;
|
|
@@ -32884,7 +32884,7 @@ let FocusTrap$3 = class FocusTrap {
|
|
|
32884
32884
|
*/
|
|
32885
32885
|
_getFocusableElements() {
|
|
32886
32886
|
// Use the imported utility function to get focusable elements
|
|
32887
|
-
const elements = getFocusableElements$
|
|
32887
|
+
const elements = getFocusableElements$4(this.container);
|
|
32888
32888
|
|
|
32889
32889
|
// Return the elements found
|
|
32890
32890
|
return elements;
|
|
@@ -33669,7 +33669,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33669
33669
|
}
|
|
33670
33670
|
};
|
|
33671
33671
|
|
|
33672
|
-
var formkitVersion$1$3 = '
|
|
33672
|
+
var formkitVersion$1$3 = '202607090129';
|
|
33673
33673
|
|
|
33674
33674
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33675
33675
|
static get properties() {
|
|
@@ -33960,7 +33960,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33960
33960
|
*/
|
|
33961
33961
|
focus() {
|
|
33962
33962
|
if (this.isPopoverVisible && this.bibContent) {
|
|
33963
|
-
const focusables = getFocusableElements$
|
|
33963
|
+
const focusables = getFocusableElements$4(this.bibContent);
|
|
33964
33964
|
if (focusables.length > 0) {
|
|
33965
33965
|
focusables[0].focus();
|
|
33966
33966
|
}
|
|
@@ -34578,7 +34578,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34578
34578
|
}
|
|
34579
34579
|
|
|
34580
34580
|
// Collect focusable elements from the bib content.
|
|
34581
|
-
const focusables = getFocusableElements$
|
|
34581
|
+
const focusables = getFocusableElements$4(this.bibContent);
|
|
34582
34582
|
|
|
34583
34583
|
// Fallback: try from slotted content directly
|
|
34584
34584
|
if (!focusables.length) {
|
|
@@ -34587,7 +34587,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34587
34587
|
|
|
34588
34588
|
for (const node of assignedNodes) {
|
|
34589
34589
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
34590
|
-
focusables.push(...getFocusableElements$
|
|
34590
|
+
focusables.push(...getFocusableElements$4(node));
|
|
34591
34591
|
}
|
|
34592
34592
|
}
|
|
34593
34593
|
}
|
|
@@ -34647,7 +34647,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34647
34647
|
|
|
34648
34648
|
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
34649
34649
|
requestAnimationFrame(() => {
|
|
34650
|
-
const focusables = getFocusableElements$
|
|
34650
|
+
const focusables = getFocusableElements$4(this.bibContent);
|
|
34651
34651
|
if (focusables.length) {
|
|
34652
34652
|
focusables[0].focus();
|
|
34653
34653
|
}
|
|
@@ -34877,7 +34877,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34877
34877
|
if (triggerContentNodes) {
|
|
34878
34878
|
|
|
34879
34879
|
// See if any of them are focusable elements
|
|
34880
|
-
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$
|
|
34880
|
+
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$4(node).length > 0);
|
|
34881
34881
|
|
|
34882
34882
|
// If any of them are focusable elements
|
|
34883
34883
|
if (this.triggerContentFocusable) {
|
|
@@ -47287,7 +47287,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47287
47287
|
}
|
|
47288
47288
|
};
|
|
47289
47289
|
|
|
47290
|
-
var formkitVersion$7 = '
|
|
47290
|
+
var formkitVersion$7 = '202607090129';
|
|
47291
47291
|
|
|
47292
47292
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47293
47293
|
// See LICENSE in the project root for license information.
|
|
@@ -52203,7 +52203,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52203
52203
|
}
|
|
52204
52204
|
};
|
|
52205
52205
|
|
|
52206
|
-
var formkitVersion$1$2 = '
|
|
52206
|
+
var formkitVersion$1$2 = '202607090129';
|
|
52207
52207
|
|
|
52208
52208
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52209
52209
|
// See LICENSE in the project root for license information.
|
|
@@ -55409,7 +55409,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
|
|
|
55409
55409
|
};
|
|
55410
55410
|
|
|
55411
55411
|
// Selectors for focusable elements
|
|
55412
|
-
const FOCUSABLE_SELECTORS$
|
|
55412
|
+
const FOCUSABLE_SELECTORS$3 = [
|
|
55413
55413
|
"a[href]",
|
|
55414
55414
|
"button:not([disabled])",
|
|
55415
55415
|
"textarea:not([disabled])",
|
|
@@ -55423,7 +55423,7 @@ const FOCUSABLE_SELECTORS$2 = [
|
|
|
55423
55423
|
];
|
|
55424
55424
|
|
|
55425
55425
|
// List of custom components that are known to be focusable
|
|
55426
|
-
const FOCUSABLE_COMPONENTS$
|
|
55426
|
+
const FOCUSABLE_COMPONENTS$3 = [
|
|
55427
55427
|
"auro-checkbox",
|
|
55428
55428
|
"auro-radio",
|
|
55429
55429
|
"auro-dropdown",
|
|
@@ -55445,12 +55445,12 @@ const FOCUSABLE_COMPONENTS$2 = [
|
|
|
55445
55445
|
* @param {HTMLElement} element The element to check for focusability.
|
|
55446
55446
|
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
55447
55447
|
*/
|
|
55448
|
-
function isFocusableComponent$
|
|
55448
|
+
function isFocusableComponent$3(element) {
|
|
55449
55449
|
const componentName = element.tagName.toLowerCase();
|
|
55450
55450
|
|
|
55451
55451
|
// Guard Clause: Element is a focusable component
|
|
55452
55452
|
if (
|
|
55453
|
-
!FOCUSABLE_COMPONENTS$
|
|
55453
|
+
!FOCUSABLE_COMPONENTS$3.some(
|
|
55454
55454
|
(name) => element.hasAttribute(name) || componentName === name,
|
|
55455
55455
|
)
|
|
55456
55456
|
)
|
|
@@ -55474,7 +55474,7 @@ function isFocusableComponent$2(element) {
|
|
|
55474
55474
|
* @param {HTMLElement} element The element whose tabindex to read.
|
|
55475
55475
|
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
55476
55476
|
*/
|
|
55477
|
-
function getNumericTabIndex$
|
|
55477
|
+
function getNumericTabIndex$3(element) {
|
|
55478
55478
|
const raw = element.getAttribute("tabindex");
|
|
55479
55479
|
if (raw == null) return null;
|
|
55480
55480
|
|
|
@@ -55490,7 +55490,7 @@ function getNumericTabIndex$2(element) {
|
|
|
55490
55490
|
* @param {HTMLElement} container The container to search within
|
|
55491
55491
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
55492
55492
|
*/
|
|
55493
|
-
function getFocusableElements$
|
|
55493
|
+
function getFocusableElements$3(container) {
|
|
55494
55494
|
// Get elements in DOM order by walking the tree
|
|
55495
55495
|
const orderedFocusableElements = [];
|
|
55496
55496
|
|
|
@@ -55499,7 +55499,7 @@ function getFocusableElements$2(container) {
|
|
|
55499
55499
|
// Check if current element is focusable
|
|
55500
55500
|
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
55501
55501
|
// Check if this is a custom component that is focusable
|
|
55502
|
-
const isComponentFocusable = isFocusableComponent$
|
|
55502
|
+
const isComponentFocusable = isFocusableComponent$3(root);
|
|
55503
55503
|
|
|
55504
55504
|
if (isComponentFocusable) {
|
|
55505
55505
|
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
@@ -55508,7 +55508,7 @@ function getFocusableElements$2(container) {
|
|
|
55508
55508
|
}
|
|
55509
55509
|
|
|
55510
55510
|
// Check if the element itself matches any selector
|
|
55511
|
-
for (const selector of FOCUSABLE_SELECTORS$
|
|
55511
|
+
for (const selector of FOCUSABLE_SELECTORS$3) {
|
|
55512
55512
|
if (root.matches?.(selector)) {
|
|
55513
55513
|
orderedFocusableElements.push(root);
|
|
55514
55514
|
break; // Once we know it's focusable, no need to check other selectors
|
|
@@ -55562,20 +55562,20 @@ function getFocusableElements$2(container) {
|
|
|
55562
55562
|
|
|
55563
55563
|
// First extract elements with valid positive tabindex
|
|
55564
55564
|
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
55565
|
-
const tabindex = getNumericTabIndex$
|
|
55565
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
55566
55566
|
return tabindex !== null && tabindex > 0;
|
|
55567
55567
|
});
|
|
55568
55568
|
|
|
55569
55569
|
// Sort these elements by their tabindex value
|
|
55570
55570
|
elementsWithTabindex.sort((a, b) => {
|
|
55571
|
-
const aIndex = getNumericTabIndex$
|
|
55572
|
-
const bIndex = getNumericTabIndex$
|
|
55571
|
+
const aIndex = getNumericTabIndex$3(a) ?? 0;
|
|
55572
|
+
const bIndex = getNumericTabIndex$3(b) ?? 0;
|
|
55573
55573
|
return aIndex - bIndex;
|
|
55574
55574
|
});
|
|
55575
55575
|
|
|
55576
55576
|
// Elements without tabindex (preserving their original order)
|
|
55577
55577
|
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
55578
|
-
const tabindex = getNumericTabIndex$
|
|
55578
|
+
const tabindex = getNumericTabIndex$3(el);
|
|
55579
55579
|
|
|
55580
55580
|
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
55581
55581
|
return tabindex === null || tabindex === 0;
|
|
@@ -55746,7 +55746,7 @@ let FocusTrap$2 = class FocusTrap {
|
|
|
55746
55746
|
*/
|
|
55747
55747
|
_getFocusableElements() {
|
|
55748
55748
|
// Use the imported utility function to get focusable elements
|
|
55749
|
-
const elements = getFocusableElements$
|
|
55749
|
+
const elements = getFocusableElements$3(this.container);
|
|
55750
55750
|
|
|
55751
55751
|
// Return the elements found
|
|
55752
55752
|
return elements;
|
|
@@ -56531,7 +56531,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56531
56531
|
}
|
|
56532
56532
|
};
|
|
56533
56533
|
|
|
56534
|
-
var formkitVersion$6 = '
|
|
56534
|
+
var formkitVersion$6 = '202607090129';
|
|
56535
56535
|
|
|
56536
56536
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56537
56537
|
static get properties() {
|
|
@@ -56822,7 +56822,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56822
56822
|
*/
|
|
56823
56823
|
focus() {
|
|
56824
56824
|
if (this.isPopoverVisible && this.bibContent) {
|
|
56825
|
-
const focusables = getFocusableElements$
|
|
56825
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
56826
56826
|
if (focusables.length > 0) {
|
|
56827
56827
|
focusables[0].focus();
|
|
56828
56828
|
}
|
|
@@ -57440,7 +57440,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57440
57440
|
}
|
|
57441
57441
|
|
|
57442
57442
|
// Collect focusable elements from the bib content.
|
|
57443
|
-
const focusables = getFocusableElements$
|
|
57443
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
57444
57444
|
|
|
57445
57445
|
// Fallback: try from slotted content directly
|
|
57446
57446
|
if (!focusables.length) {
|
|
@@ -57449,7 +57449,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57449
57449
|
|
|
57450
57450
|
for (const node of assignedNodes) {
|
|
57451
57451
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
57452
|
-
focusables.push(...getFocusableElements$
|
|
57452
|
+
focusables.push(...getFocusableElements$3(node));
|
|
57453
57453
|
}
|
|
57454
57454
|
}
|
|
57455
57455
|
}
|
|
@@ -57509,7 +57509,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57509
57509
|
|
|
57510
57510
|
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
57511
57511
|
requestAnimationFrame(() => {
|
|
57512
|
-
const focusables = getFocusableElements$
|
|
57512
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
57513
57513
|
if (focusables.length) {
|
|
57514
57514
|
focusables[0].focus();
|
|
57515
57515
|
}
|
|
@@ -57739,7 +57739,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57739
57739
|
if (triggerContentNodes) {
|
|
57740
57740
|
|
|
57741
57741
|
// See if any of them are focusable elements
|
|
57742
|
-
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$
|
|
57742
|
+
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
|
|
57743
57743
|
|
|
57744
57744
|
// If any of them are focusable elements
|
|
57745
57745
|
if (this.triggerContentFocusable) {
|
|
@@ -60511,7 +60511,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60511
60511
|
}
|
|
60512
60512
|
};
|
|
60513
60513
|
|
|
60514
|
-
var formkitVersion$5 = '
|
|
60514
|
+
var formkitVersion$5 = '202607090129';
|
|
60515
60515
|
|
|
60516
60516
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60517
60517
|
// See LICENSE in the project root for license information.
|
|
@@ -62276,7 +62276,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
62276
62276
|
}
|
|
62277
62277
|
};
|
|
62278
62278
|
|
|
62279
|
-
var formkitVersion$4 = '
|
|
62279
|
+
var formkitVersion$4 = '202607090129';
|
|
62280
62280
|
|
|
62281
62281
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62282
62282
|
// See LICENSE in the project root for license information.
|
|
@@ -63467,6 +63467,188 @@ function navigateArrow$1(component, direction, options = {}) {
|
|
|
63467
63467
|
}
|
|
63468
63468
|
}
|
|
63469
63469
|
|
|
63470
|
+
// Selectors for focusable elements
|
|
63471
|
+
const FOCUSABLE_SELECTORS$1 = [
|
|
63472
|
+
"a[href]",
|
|
63473
|
+
"button:not([disabled])",
|
|
63474
|
+
"textarea:not([disabled])",
|
|
63475
|
+
"input:not([disabled])",
|
|
63476
|
+
"select:not([disabled])",
|
|
63477
|
+
'[role="tab"]:not([disabled])',
|
|
63478
|
+
'[role="link"]:not([disabled])',
|
|
63479
|
+
'[role="button"]:not([disabled])',
|
|
63480
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
63481
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
63482
|
+
];
|
|
63483
|
+
|
|
63484
|
+
// List of custom components that are known to be focusable
|
|
63485
|
+
const FOCUSABLE_COMPONENTS$1 = [
|
|
63486
|
+
"auro-checkbox",
|
|
63487
|
+
"auro-radio",
|
|
63488
|
+
"auro-dropdown",
|
|
63489
|
+
"auro-button",
|
|
63490
|
+
"auro-combobox",
|
|
63491
|
+
"auro-input",
|
|
63492
|
+
"auro-counter",
|
|
63493
|
+
// 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
|
|
63494
|
+
"auro-select",
|
|
63495
|
+
"auro-datepicker",
|
|
63496
|
+
"auro-hyperlink",
|
|
63497
|
+
"auro-accordion",
|
|
63498
|
+
];
|
|
63499
|
+
|
|
63500
|
+
/**
|
|
63501
|
+
* Determines if a given element is a custom focusable component.
|
|
63502
|
+
* Returns true if the element matches a known focusable component and is not disabled.
|
|
63503
|
+
*
|
|
63504
|
+
* @param {HTMLElement} element The element to check for focusability.
|
|
63505
|
+
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
63506
|
+
*/
|
|
63507
|
+
function isFocusableComponent$1(element) {
|
|
63508
|
+
const componentName = element.tagName.toLowerCase();
|
|
63509
|
+
|
|
63510
|
+
// Guard Clause: Element is a focusable component
|
|
63511
|
+
if (
|
|
63512
|
+
!FOCUSABLE_COMPONENTS$1.some(
|
|
63513
|
+
(name) => element.hasAttribute(name) || componentName === name,
|
|
63514
|
+
)
|
|
63515
|
+
)
|
|
63516
|
+
return false;
|
|
63517
|
+
|
|
63518
|
+
// Guard Clause: Element is not disabled
|
|
63519
|
+
if (element.hasAttribute("disabled")) return false;
|
|
63520
|
+
|
|
63521
|
+
// Guard Clause: The element is a hyperlink and has no href attribute
|
|
63522
|
+
if (componentName.match("hyperlink") && !element.hasAttribute("href"))
|
|
63523
|
+
return false;
|
|
63524
|
+
|
|
63525
|
+
// If all guard clauses pass, the element is a focusable component
|
|
63526
|
+
return true;
|
|
63527
|
+
}
|
|
63528
|
+
|
|
63529
|
+
/**
|
|
63530
|
+
* Safely get a numeric tabindex for an element.
|
|
63531
|
+
* Returns a number if the tabindex is a valid integer, otherwise null.
|
|
63532
|
+
*
|
|
63533
|
+
* @param {HTMLElement} element The element whose tabindex to read.
|
|
63534
|
+
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
63535
|
+
*/
|
|
63536
|
+
function getNumericTabIndex$1(element) {
|
|
63537
|
+
const raw = element.getAttribute("tabindex");
|
|
63538
|
+
if (raw == null) return null;
|
|
63539
|
+
|
|
63540
|
+
const value = Number.parseInt(raw, 10);
|
|
63541
|
+
return Number.isNaN(value) ? null : value;
|
|
63542
|
+
}
|
|
63543
|
+
|
|
63544
|
+
/**
|
|
63545
|
+
* Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
|
|
63546
|
+
* Returns a unique, ordered array of elements that can receive focus.
|
|
63547
|
+
* Also sorts elements with tabindex first, preserving their order.
|
|
63548
|
+
*
|
|
63549
|
+
* @param {HTMLElement} container The container to search within
|
|
63550
|
+
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
63551
|
+
*/
|
|
63552
|
+
function getFocusableElements$1(container) {
|
|
63553
|
+
// Get elements in DOM order by walking the tree
|
|
63554
|
+
const orderedFocusableElements = [];
|
|
63555
|
+
|
|
63556
|
+
// Define a recursive function to collect focusable elements in DOM order
|
|
63557
|
+
const collectFocusableElements = (root) => {
|
|
63558
|
+
// Check if current element is focusable
|
|
63559
|
+
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
63560
|
+
// Check if this is a custom component that is focusable
|
|
63561
|
+
const isComponentFocusable = isFocusableComponent$1(root);
|
|
63562
|
+
|
|
63563
|
+
if (isComponentFocusable) {
|
|
63564
|
+
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
63565
|
+
orderedFocusableElements.push(root);
|
|
63566
|
+
return; // Skip traversing inside this component
|
|
63567
|
+
}
|
|
63568
|
+
|
|
63569
|
+
// Check if the element itself matches any selector
|
|
63570
|
+
for (const selector of FOCUSABLE_SELECTORS$1) {
|
|
63571
|
+
if (root.matches?.(selector)) {
|
|
63572
|
+
orderedFocusableElements.push(root);
|
|
63573
|
+
break; // Once we know it's focusable, no need to check other selectors
|
|
63574
|
+
}
|
|
63575
|
+
}
|
|
63576
|
+
|
|
63577
|
+
// Process shadow DOM only for non-Auro components
|
|
63578
|
+
if (root.shadowRoot) {
|
|
63579
|
+
// Process shadow DOM children in order
|
|
63580
|
+
if (root.shadowRoot.children) {
|
|
63581
|
+
Array.from(root.shadowRoot.children).forEach((child) => {
|
|
63582
|
+
collectFocusableElements(child);
|
|
63583
|
+
});
|
|
63584
|
+
}
|
|
63585
|
+
}
|
|
63586
|
+
|
|
63587
|
+
// Process slots and their assigned nodes in order
|
|
63588
|
+
if (root.tagName === "SLOT") {
|
|
63589
|
+
const assignedNodes = root.assignedNodes({ flatten: true });
|
|
63590
|
+
for (const node of assignedNodes) {
|
|
63591
|
+
collectFocusableElements(node);
|
|
63592
|
+
}
|
|
63593
|
+
} else {
|
|
63594
|
+
// Process light DOM children in order
|
|
63595
|
+
if (root.children) {
|
|
63596
|
+
Array.from(root.children).forEach((child) => {
|
|
63597
|
+
collectFocusableElements(child);
|
|
63598
|
+
});
|
|
63599
|
+
}
|
|
63600
|
+
}
|
|
63601
|
+
}
|
|
63602
|
+
};
|
|
63603
|
+
|
|
63604
|
+
// Start the traversal from the container
|
|
63605
|
+
collectFocusableElements(container);
|
|
63606
|
+
|
|
63607
|
+
// Remove duplicates that might have been collected through different paths
|
|
63608
|
+
// while preserving order
|
|
63609
|
+
const uniqueElements = [];
|
|
63610
|
+
const seen = new Set();
|
|
63611
|
+
|
|
63612
|
+
for (const element of orderedFocusableElements) {
|
|
63613
|
+
if (!seen.has(element)) {
|
|
63614
|
+
seen.add(element);
|
|
63615
|
+
uniqueElements.push(element);
|
|
63616
|
+
}
|
|
63617
|
+
}
|
|
63618
|
+
|
|
63619
|
+
// Move tab-indexed elements to the front while preserving their order
|
|
63620
|
+
// This ensures that elements with tabindex are prioritized in the focus order
|
|
63621
|
+
|
|
63622
|
+
// First extract elements with valid positive tabindex
|
|
63623
|
+
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
63624
|
+
const tabindex = getNumericTabIndex$1(el);
|
|
63625
|
+
return tabindex !== null && tabindex > 0;
|
|
63626
|
+
});
|
|
63627
|
+
|
|
63628
|
+
// Sort these elements by their tabindex value
|
|
63629
|
+
elementsWithTabindex.sort((a, b) => {
|
|
63630
|
+
const aIndex = getNumericTabIndex$1(a) ?? 0;
|
|
63631
|
+
const bIndex = getNumericTabIndex$1(b) ?? 0;
|
|
63632
|
+
return aIndex - bIndex;
|
|
63633
|
+
});
|
|
63634
|
+
|
|
63635
|
+
// Elements without tabindex (preserving their original order)
|
|
63636
|
+
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
63637
|
+
const tabindex = getNumericTabIndex$1(el);
|
|
63638
|
+
|
|
63639
|
+
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
63640
|
+
return tabindex === null || tabindex === 0;
|
|
63641
|
+
});
|
|
63642
|
+
|
|
63643
|
+
// Combine both arrays with tabindex elements first
|
|
63644
|
+
const tabIndexedUniqueElements = [
|
|
63645
|
+
...elementsWithTabindex,
|
|
63646
|
+
...elementsWithoutTabindex,
|
|
63647
|
+
];
|
|
63648
|
+
|
|
63649
|
+
return tabIndexedUniqueElements;
|
|
63650
|
+
}
|
|
63651
|
+
|
|
63470
63652
|
/* eslint-disable no-underscore-dangle */
|
|
63471
63653
|
|
|
63472
63654
|
/**
|
|
@@ -63512,6 +63694,82 @@ function reconcileMenuIndex(menu) {
|
|
|
63512
63694
|
}
|
|
63513
63695
|
}
|
|
63514
63696
|
|
|
63697
|
+
/**
|
|
63698
|
+
* Commit the highlighted option and close the bib.
|
|
63699
|
+
* @param {Element} component - The auro-combobox host element.
|
|
63700
|
+
*/
|
|
63701
|
+
function selectAndClose(component) {
|
|
63702
|
+
reconcileMenuIndex(component.menu);
|
|
63703
|
+
component.menu.makeSelection();
|
|
63704
|
+
component.hideBib();
|
|
63705
|
+
}
|
|
63706
|
+
|
|
63707
|
+
/**
|
|
63708
|
+
* Whether `el` is currently visible enough to receive focus. Prefers the
|
|
63709
|
+
* browser's `checkVisibility()` (Chrome/Safari; Firefox behind a flag until
|
|
63710
|
+
* recently); otherwise combines a display/visibility check with an
|
|
63711
|
+
* ancestor-hidden probe that keeps position:fixed elements visible.
|
|
63712
|
+
* @param {Element} el - The element to test.
|
|
63713
|
+
* @returns {boolean}
|
|
63714
|
+
*/
|
|
63715
|
+
function isVisibleForFocus(el) {
|
|
63716
|
+
if (typeof el.checkVisibility === 'function') {
|
|
63717
|
+
return el.checkVisibility();
|
|
63718
|
+
}
|
|
63719
|
+
const style = el.ownerDocument.defaultView.getComputedStyle(el);
|
|
63720
|
+
if (style.display === 'none' || style.visibility === 'hidden') {
|
|
63721
|
+
return false;
|
|
63722
|
+
}
|
|
63723
|
+
return el.offsetParent !== null || style.position === 'fixed';
|
|
63724
|
+
}
|
|
63725
|
+
|
|
63726
|
+
/**
|
|
63727
|
+
* Return the tab stop that comes before `component` in page tab order,
|
|
63728
|
+
* skipping any hidden entries the walker doesn't filter itself.
|
|
63729
|
+
* @param {Element} component - The auro-combobox host element.
|
|
63730
|
+
* @returns {Element|null}
|
|
63731
|
+
*/
|
|
63732
|
+
function getPreviousTabStop(component) {
|
|
63733
|
+
const tabStops = getFocusableElements$1(component.ownerDocument.body);
|
|
63734
|
+
const componentIndex = tabStops.indexOf(component);
|
|
63735
|
+
for (let index = componentIndex - 1; index >= 0; index -= 1) {
|
|
63736
|
+
if (isVisibleForFocus(tabStops[index])) {
|
|
63737
|
+
return tabStops[index];
|
|
63738
|
+
}
|
|
63739
|
+
}
|
|
63740
|
+
return null;
|
|
63741
|
+
}
|
|
63742
|
+
|
|
63743
|
+
/**
|
|
63744
|
+
* Commit the highlighted option, close the bib, and move focus to the tab
|
|
63745
|
+
* stop before the combobox — the Shift+Tab exit path (AB#1592239).
|
|
63746
|
+
* Returns true when this function moved focus and the caller should
|
|
63747
|
+
* preventDefault; false when no previous tab stop was found and the browser's
|
|
63748
|
+
* native traversal should run.
|
|
63749
|
+
* @param {Element} component - The auro-combobox host element.
|
|
63750
|
+
* @returns {boolean}
|
|
63751
|
+
*/
|
|
63752
|
+
function selectAndExitBackward(component) {
|
|
63753
|
+
const previousTabStop = getPreviousTabStop(component);
|
|
63754
|
+
|
|
63755
|
+
// Opts this selection out of setClearBtnFocus so the focus move below
|
|
63756
|
+
// isn't clobbered. Consumed by auro-combobox's selection listener; also
|
|
63757
|
+
// cleared via microtask in case makeSelection is a no-op and the listener
|
|
63758
|
+
// never fires (microtasks run before the next user event, so this can't
|
|
63759
|
+
// leak into an unrelated selection).
|
|
63760
|
+
component._suppressClearBtnFocusOnSelection = true;
|
|
63761
|
+
selectAndClose(component);
|
|
63762
|
+
queueMicrotask(() => {
|
|
63763
|
+
component._suppressClearBtnFocusOnSelection = false;
|
|
63764
|
+
});
|
|
63765
|
+
|
|
63766
|
+
if (!previousTabStop) {
|
|
63767
|
+
return false;
|
|
63768
|
+
}
|
|
63769
|
+
doubleRaf$1(() => previousTabStop.focus());
|
|
63770
|
+
return true;
|
|
63771
|
+
}
|
|
63772
|
+
|
|
63515
63773
|
const comboboxKeyboardStrategy = {
|
|
63516
63774
|
ArrowDown(component, evt, ctx) {
|
|
63517
63775
|
// If the clear button has focus, let the browser handle ArrowDown normally.
|
|
@@ -63610,36 +63868,18 @@ const comboboxKeyboardStrategy = {
|
|
|
63610
63868
|
},
|
|
63611
63869
|
|
|
63612
63870
|
Tab(component, evt, ctx) {
|
|
63613
|
-
// Runs for both Tab and Shift+Tab.
|
|
63614
|
-
//
|
|
63615
|
-
// Current behavior:
|
|
63616
|
-
// Tab — select the active option, close the bib, and (in fullscreen
|
|
63617
|
-
// modal mode only) explicitly move focus to the trigger's
|
|
63618
|
-
// clear button. In desktop popover mode the browser's native
|
|
63619
|
-
// tab traversal takes focus forward from the input.
|
|
63620
|
-
// Shift+Tab — select the active option and close the bib. Focus then
|
|
63621
|
-
// lands on the trigger's clear button as a byproduct of the
|
|
63622
|
-
// shadow-DOM tab order, so keyboard users must press
|
|
63623
|
-
// Shift+Tab three times to exit the component (clear button
|
|
63624
|
-
// → input → previous element on the page).
|
|
63625
|
-
//
|
|
63626
|
-
// Intended behavior for Shift+Tab (per team decision, tracked in
|
|
63627
|
-
// AB#1590650): a single Shift+Tab should select the active option, close
|
|
63628
|
-
// the bib, and move focus directly to the previous focusable element on
|
|
63629
|
-
// the page — symmetric with Tab.
|
|
63630
63871
|
if (ctx.isExpanded && !isClearBtnFocused(ctx)) {
|
|
63631
|
-
|
|
63632
|
-
|
|
63633
|
-
|
|
63634
|
-
|
|
63635
|
-
|
|
63636
|
-
|
|
63872
|
+
if (evt.shiftKey) {
|
|
63873
|
+
if (selectAndExitBackward(component)) {
|
|
63874
|
+
evt.preventDefault();
|
|
63875
|
+
}
|
|
63876
|
+
return;
|
|
63877
|
+
}
|
|
63878
|
+
|
|
63879
|
+
selectAndClose(component);
|
|
63637
63880
|
|
|
63638
|
-
|
|
63639
|
-
|
|
63640
|
-
// Explicitly move focus to the trigger's clear button so the
|
|
63641
|
-
// user can continues tabbing through the page normally.
|
|
63642
|
-
if (ctx.isModal && !evt.shiftKey) {
|
|
63881
|
+
if (ctx.isModal) {
|
|
63882
|
+
// Fullscreen close does not automatically restore focus to the input.
|
|
63643
63883
|
component.setClearBtnFocus();
|
|
63644
63884
|
}
|
|
63645
63885
|
}
|
|
@@ -66392,7 +66632,7 @@ let AuroFloatingUI$1 = class AuroFloatingUI {
|
|
|
66392
66632
|
};
|
|
66393
66633
|
|
|
66394
66634
|
// Selectors for focusable elements
|
|
66395
|
-
const FOCUSABLE_SELECTORS$
|
|
66635
|
+
const FOCUSABLE_SELECTORS$2 = [
|
|
66396
66636
|
"a[href]",
|
|
66397
66637
|
"button:not([disabled])",
|
|
66398
66638
|
"textarea:not([disabled])",
|
|
@@ -66406,7 +66646,7 @@ const FOCUSABLE_SELECTORS$1 = [
|
|
|
66406
66646
|
];
|
|
66407
66647
|
|
|
66408
66648
|
// List of custom components that are known to be focusable
|
|
66409
|
-
const FOCUSABLE_COMPONENTS$
|
|
66649
|
+
const FOCUSABLE_COMPONENTS$2 = [
|
|
66410
66650
|
"auro-checkbox",
|
|
66411
66651
|
"auro-radio",
|
|
66412
66652
|
"auro-dropdown",
|
|
@@ -66428,12 +66668,12 @@ const FOCUSABLE_COMPONENTS$1 = [
|
|
|
66428
66668
|
* @param {HTMLElement} element The element to check for focusability.
|
|
66429
66669
|
* @returns {boolean} True if the element is a focusable custom component, false otherwise.
|
|
66430
66670
|
*/
|
|
66431
|
-
function isFocusableComponent$
|
|
66671
|
+
function isFocusableComponent$2(element) {
|
|
66432
66672
|
const componentName = element.tagName.toLowerCase();
|
|
66433
66673
|
|
|
66434
66674
|
// Guard Clause: Element is a focusable component
|
|
66435
66675
|
if (
|
|
66436
|
-
!FOCUSABLE_COMPONENTS$
|
|
66676
|
+
!FOCUSABLE_COMPONENTS$2.some(
|
|
66437
66677
|
(name) => element.hasAttribute(name) || componentName === name,
|
|
66438
66678
|
)
|
|
66439
66679
|
)
|
|
@@ -66457,7 +66697,7 @@ function isFocusableComponent$1(element) {
|
|
|
66457
66697
|
* @param {HTMLElement} element The element whose tabindex to read.
|
|
66458
66698
|
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
66459
66699
|
*/
|
|
66460
|
-
function getNumericTabIndex$
|
|
66700
|
+
function getNumericTabIndex$2(element) {
|
|
66461
66701
|
const raw = element.getAttribute("tabindex");
|
|
66462
66702
|
if (raw == null) return null;
|
|
66463
66703
|
|
|
@@ -66473,7 +66713,7 @@ function getNumericTabIndex$1(element) {
|
|
|
66473
66713
|
* @param {HTMLElement} container The container to search within
|
|
66474
66714
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
66475
66715
|
*/
|
|
66476
|
-
function getFocusableElements$
|
|
66716
|
+
function getFocusableElements$2(container) {
|
|
66477
66717
|
// Get elements in DOM order by walking the tree
|
|
66478
66718
|
const orderedFocusableElements = [];
|
|
66479
66719
|
|
|
@@ -66482,7 +66722,7 @@ function getFocusableElements$1(container) {
|
|
|
66482
66722
|
// Check if current element is focusable
|
|
66483
66723
|
if (root.nodeType === Node.ELEMENT_NODE) {
|
|
66484
66724
|
// Check if this is a custom component that is focusable
|
|
66485
|
-
const isComponentFocusable = isFocusableComponent$
|
|
66725
|
+
const isComponentFocusable = isFocusableComponent$2(root);
|
|
66486
66726
|
|
|
66487
66727
|
if (isComponentFocusable) {
|
|
66488
66728
|
// Add the component itself as a focusable element and don't traverse its shadow DOM
|
|
@@ -66491,7 +66731,7 @@ function getFocusableElements$1(container) {
|
|
|
66491
66731
|
}
|
|
66492
66732
|
|
|
66493
66733
|
// Check if the element itself matches any selector
|
|
66494
|
-
for (const selector of FOCUSABLE_SELECTORS$
|
|
66734
|
+
for (const selector of FOCUSABLE_SELECTORS$2) {
|
|
66495
66735
|
if (root.matches?.(selector)) {
|
|
66496
66736
|
orderedFocusableElements.push(root);
|
|
66497
66737
|
break; // Once we know it's focusable, no need to check other selectors
|
|
@@ -66545,20 +66785,20 @@ function getFocusableElements$1(container) {
|
|
|
66545
66785
|
|
|
66546
66786
|
// First extract elements with valid positive tabindex
|
|
66547
66787
|
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
66548
|
-
const tabindex = getNumericTabIndex$
|
|
66788
|
+
const tabindex = getNumericTabIndex$2(el);
|
|
66549
66789
|
return tabindex !== null && tabindex > 0;
|
|
66550
66790
|
});
|
|
66551
66791
|
|
|
66552
66792
|
// Sort these elements by their tabindex value
|
|
66553
66793
|
elementsWithTabindex.sort((a, b) => {
|
|
66554
|
-
const aIndex = getNumericTabIndex$
|
|
66555
|
-
const bIndex = getNumericTabIndex$
|
|
66794
|
+
const aIndex = getNumericTabIndex$2(a) ?? 0;
|
|
66795
|
+
const bIndex = getNumericTabIndex$2(b) ?? 0;
|
|
66556
66796
|
return aIndex - bIndex;
|
|
66557
66797
|
});
|
|
66558
66798
|
|
|
66559
66799
|
// Elements without tabindex (preserving their original order)
|
|
66560
66800
|
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
66561
|
-
const tabindex = getNumericTabIndex$
|
|
66801
|
+
const tabindex = getNumericTabIndex$2(el);
|
|
66562
66802
|
|
|
66563
66803
|
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
66564
66804
|
return tabindex === null || tabindex === 0;
|
|
@@ -66729,7 +66969,7 @@ let FocusTrap$1 = class FocusTrap {
|
|
|
66729
66969
|
*/
|
|
66730
66970
|
_getFocusableElements() {
|
|
66731
66971
|
// Use the imported utility function to get focusable elements
|
|
66732
|
-
const elements = getFocusableElements$
|
|
66972
|
+
const elements = getFocusableElements$2(this.container);
|
|
66733
66973
|
|
|
66734
66974
|
// Return the elements found
|
|
66735
66975
|
return elements;
|
|
@@ -67514,7 +67754,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67514
67754
|
}
|
|
67515
67755
|
};
|
|
67516
67756
|
|
|
67517
|
-
var formkitVersion$2 = '
|
|
67757
|
+
var formkitVersion$2 = '202607090129';
|
|
67518
67758
|
|
|
67519
67759
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67520
67760
|
static get properties() {
|
|
@@ -67805,7 +68045,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67805
68045
|
*/
|
|
67806
68046
|
focus() {
|
|
67807
68047
|
if (this.isPopoverVisible && this.bibContent) {
|
|
67808
|
-
const focusables = getFocusableElements$
|
|
68048
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
67809
68049
|
if (focusables.length > 0) {
|
|
67810
68050
|
focusables[0].focus();
|
|
67811
68051
|
}
|
|
@@ -68423,7 +68663,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68423
68663
|
}
|
|
68424
68664
|
|
|
68425
68665
|
// Collect focusable elements from the bib content.
|
|
68426
|
-
const focusables = getFocusableElements$
|
|
68666
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
68427
68667
|
|
|
68428
68668
|
// Fallback: try from slotted content directly
|
|
68429
68669
|
if (!focusables.length) {
|
|
@@ -68432,7 +68672,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68432
68672
|
|
|
68433
68673
|
for (const node of assignedNodes) {
|
|
68434
68674
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
68435
|
-
focusables.push(...getFocusableElements$
|
|
68675
|
+
focusables.push(...getFocusableElements$2(node));
|
|
68436
68676
|
}
|
|
68437
68677
|
}
|
|
68438
68678
|
}
|
|
@@ -68492,7 +68732,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68492
68732
|
|
|
68493
68733
|
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
68494
68734
|
requestAnimationFrame(() => {
|
|
68495
|
-
const focusables = getFocusableElements$
|
|
68735
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
68496
68736
|
if (focusables.length) {
|
|
68497
68737
|
focusables[0].focus();
|
|
68498
68738
|
}
|
|
@@ -68722,7 +68962,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68722
68962
|
if (triggerContentNodes) {
|
|
68723
68963
|
|
|
68724
68964
|
// See if any of them are focusable elements
|
|
68725
|
-
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$
|
|
68965
|
+
this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
|
|
68726
68966
|
|
|
68727
68967
|
// If any of them are focusable elements
|
|
68728
68968
|
if (this.triggerContentFocusable) {
|
|
@@ -81132,7 +81372,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
81132
81372
|
}
|
|
81133
81373
|
};
|
|
81134
81374
|
|
|
81135
|
-
var formkitVersion$1$1 = '
|
|
81375
|
+
var formkitVersion$1$1 = '202607090129';
|
|
81136
81376
|
|
|
81137
81377
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81138
81378
|
// See LICENSE in the project root for license information.
|
|
@@ -82253,7 +82493,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82253
82493
|
}
|
|
82254
82494
|
};
|
|
82255
82495
|
|
|
82256
|
-
var formkitVersion$3 = '
|
|
82496
|
+
var formkitVersion$3 = '202607090129';
|
|
82257
82497
|
|
|
82258
82498
|
var styleCss$1$3 = i$6`.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}`;
|
|
82259
82499
|
|
|
@@ -83785,8 +84025,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83785
84025
|
// do not close while typing in suggestion mode with no value selected, to allow freeform input
|
|
83786
84026
|
this.hideBib();
|
|
83787
84027
|
|
|
83788
|
-
// Move focus to the clear button when the user makes a selection
|
|
83789
|
-
|
|
84028
|
+
// Move focus to the clear button when the user makes a selection,
|
|
84029
|
+
// unless the Shift+Tab handler opted this selection out.
|
|
84030
|
+
if (this._suppressClearBtnFocusOnSelection) {
|
|
84031
|
+
this._suppressClearBtnFocusOnSelection = false;
|
|
84032
|
+
} else if (!isEcho && this.menu.value !== undefined) {
|
|
83790
84033
|
this.setClearBtnFocus();
|
|
83791
84034
|
}
|
|
83792
84035
|
|
|
@@ -91231,7 +91474,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
91231
91474
|
}
|
|
91232
91475
|
};
|
|
91233
91476
|
|
|
91234
|
-
var formkitVersion$1 = '
|
|
91477
|
+
var formkitVersion$1 = '202607090129';
|
|
91235
91478
|
|
|
91236
91479
|
class AuroElement extends i$3 {
|
|
91237
91480
|
static get properties() {
|
|
@@ -93270,7 +93513,7 @@ class AuroHelpText extends i$3 {
|
|
|
93270
93513
|
}
|
|
93271
93514
|
}
|
|
93272
93515
|
|
|
93273
|
-
var formkitVersion = '
|
|
93516
|
+
var formkitVersion = '202607090129';
|
|
93274
93517
|
|
|
93275
93518
|
var styleCss = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [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}`;
|
|
93276
93519
|
|