@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.1 → 0.0.0-pr1554.11
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 +121 -50
- package/components/combobox/demo/getting-started.min.js +121 -50
- package/components/combobox/demo/index.min.js +121 -50
- package/components/combobox/dist/index.js +121 -50
- package/components/combobox/dist/registered.js +121 -50
- package/components/counter/demo/customize.min.js +48 -7
- package/components/counter/demo/index.min.js +48 -7
- package/components/counter/dist/index.js +48 -7
- package/components/counter/dist/registered.js +48 -7
- package/components/datepicker/demo/customize.min.js +83 -23
- package/components/datepicker/demo/index.min.js +83 -23
- package/components/datepicker/dist/index.js +83 -23
- package/components/datepicker/dist/registered.js +83 -23
- package/components/dropdown/demo/customize.min.js +47 -6
- package/components/dropdown/demo/getting-started.min.js +47 -6
- package/components/dropdown/demo/index.min.js +47 -6
- package/components/dropdown/dist/auro-dropdown.d.ts +8 -1
- package/components/dropdown/dist/index.js +47 -6
- package/components/dropdown/dist/registered.js +47 -6
- package/components/form/demo/customize.min.js +337 -105
- package/components/form/demo/getting-started.min.js +337 -105
- package/components/form/demo/index.min.js +337 -105
- package/components/form/demo/registerDemoDeps.min.js +337 -105
- package/components/input/demo/customize.min.js +35 -16
- package/components/input/demo/getting-started.min.js +35 -16
- package/components/input/demo/index.min.js +35 -16
- package/components/input/dist/index.js +35 -16
- package/components/input/dist/registered.js +35 -16
- 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 +48 -7
- package/components/select/demo/getting-started.min.js +48 -7
- package/components/select/demo/index.min.js +48 -7
- package/components/select/dist/index.js +48 -7
- package/components/select/dist/registered.js +48 -7
- package/custom-elements.json +6 -0
- package/package.json +1 -1
|
@@ -11700,9 +11700,10 @@ let DomHandler$3 = class DomHandler {
|
|
|
11700
11700
|
let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
11701
11701
|
|
|
11702
11702
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
11703
|
-
//
|
|
11704
|
-
//
|
|
11705
|
-
//
|
|
11703
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
11704
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
11705
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
11706
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
11706
11707
|
static get shadowRootOptions() {
|
|
11707
11708
|
return {
|
|
11708
11709
|
...AuroElement$6.shadowRootOptions,
|
|
@@ -13379,7 +13380,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13379
13380
|
}
|
|
13380
13381
|
};
|
|
13381
13382
|
|
|
13382
|
-
var formkitVersion$8 = '
|
|
13383
|
+
var formkitVersion$8 = '202607160709';
|
|
13383
13384
|
|
|
13384
13385
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13385
13386
|
// See LICENSE in the project root for license information.
|
|
@@ -13665,24 +13666,42 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13665
13666
|
* @returns {void}
|
|
13666
13667
|
*/
|
|
13667
13668
|
checkDisplayValueSlotChange() {
|
|
13668
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
13669
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
13670
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
13671
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
13672
|
-
// discarded any siblings past the forwarder.
|
|
13673
13669
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
13674
13670
|
if (!slot) {
|
|
13675
|
-
// Shadow
|
|
13676
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
13677
|
-
//
|
|
13678
|
-
|
|
13679
|
-
|
|
13680
|
-
);
|
|
13671
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
13672
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
13673
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
13674
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
13675
|
+
// that render via shadow DOM with no text content).
|
|
13676
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
13677
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
13678
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
13679
|
+
lightDomContent.children.length > 0 ||
|
|
13680
|
+
lightDomContent.shadowRoot !== null
|
|
13681
|
+
));
|
|
13681
13682
|
return;
|
|
13682
13683
|
}
|
|
13683
13684
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
13684
13685
|
|
|
13685
|
-
|
|
13686
|
+
// Check for actual visible content, not just node existence.
|
|
13687
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
13688
|
+
// consumer should not be treated as "has content" — it causes the
|
|
13689
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
13690
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
13691
|
+
// being visible on preset/deeplink load.
|
|
13692
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
13693
|
+
// treated as content even when they have no text or light-DOM children.
|
|
13694
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
13695
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
13696
|
+
return node.textContent.trim().length > 0;
|
|
13697
|
+
}
|
|
13698
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
13699
|
+
return node.textContent.trim().length > 0 ||
|
|
13700
|
+
node.children.length > 0 ||
|
|
13701
|
+
node.shadowRoot !== null;
|
|
13702
|
+
}
|
|
13703
|
+
return false;
|
|
13704
|
+
});
|
|
13686
13705
|
}
|
|
13687
13706
|
|
|
13688
13707
|
firstUpdated() {
|
|
@@ -27785,7 +27804,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27785
27804
|
}
|
|
27786
27805
|
};
|
|
27787
27806
|
|
|
27788
|
-
var formkitVersion$2$1 = '
|
|
27807
|
+
var formkitVersion$2$1 = '202607160709';
|
|
27789
27808
|
|
|
27790
27809
|
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}
|
|
27791
27810
|
`,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}}
|
|
@@ -33513,7 +33532,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33513
33532
|
}
|
|
33514
33533
|
};
|
|
33515
33534
|
|
|
33516
|
-
var formkitVersion$1$3 = '
|
|
33535
|
+
var formkitVersion$1$3 = '202607160709';
|
|
33517
33536
|
|
|
33518
33537
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33519
33538
|
static get properties() {
|
|
@@ -33642,7 +33661,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33642
33661
|
static get shadowRootOptions() {
|
|
33643
33662
|
return {
|
|
33644
33663
|
...AuroElement$2$2.shadowRootOptions,
|
|
33645
|
-
delegatesFocus: true,
|
|
33646
33664
|
};
|
|
33647
33665
|
}
|
|
33648
33666
|
|
|
@@ -33809,7 +33827,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33809
33827
|
focusables[0].focus();
|
|
33810
33828
|
}
|
|
33811
33829
|
} else {
|
|
33830
|
+
this.focusTrigger();
|
|
33831
|
+
}
|
|
33832
|
+
}
|
|
33833
|
+
|
|
33834
|
+
/**
|
|
33835
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
33836
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
33837
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
33838
|
+
* @private
|
|
33839
|
+
*/
|
|
33840
|
+
focusTrigger() {
|
|
33841
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
33812
33842
|
this.trigger.focus();
|
|
33843
|
+
} else {
|
|
33844
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
33845
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
33846
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
33847
|
+
if (slot) {
|
|
33848
|
+
const assigned = slot.assignedElements();
|
|
33849
|
+
for (const el of assigned) {
|
|
33850
|
+
if (el.hasAttribute('disabled')) {
|
|
33851
|
+
continue;
|
|
33852
|
+
}
|
|
33853
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
33854
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
33855
|
+
// focusing the element directly (works for custom elements like
|
|
33856
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
33857
|
+
const descendants = getFocusableElements$4(el);
|
|
33858
|
+
if (descendants.length > 0) {
|
|
33859
|
+
descendants[0].focus();
|
|
33860
|
+
return;
|
|
33861
|
+
}
|
|
33862
|
+
el.focus();
|
|
33863
|
+
return;
|
|
33864
|
+
}
|
|
33865
|
+
}
|
|
33866
|
+
// Fallback: try DOM children (non-slotted content)
|
|
33867
|
+
const focusables = getFocusableElements$4(this.trigger);
|
|
33868
|
+
if (focusables.length > 0) {
|
|
33869
|
+
focusables[0].focus();
|
|
33870
|
+
}
|
|
33813
33871
|
}
|
|
33814
33872
|
}
|
|
33815
33873
|
|
|
@@ -34262,15 +34320,17 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34262
34320
|
}
|
|
34263
34321
|
|
|
34264
34322
|
const eventType = event.detail.eventType || "unknown";
|
|
34265
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
34266
|
-
this.
|
|
34323
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
|
|
34324
|
+
this.focusTrigger();
|
|
34267
34325
|
}
|
|
34268
34326
|
|
|
34269
34327
|
|
|
34270
34328
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
34271
34329
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
34272
34330
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
34273
|
-
|
|
34331
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
34332
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
34333
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
34274
34334
|
// wait til the bib gets fully closed and rendered
|
|
34275
34335
|
setTimeout(() => {
|
|
34276
34336
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -34282,7 +34342,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34282
34342
|
return;
|
|
34283
34343
|
}
|
|
34284
34344
|
// Restore focus to the trigger.
|
|
34285
|
-
this.
|
|
34345
|
+
this.focusTrigger();
|
|
34286
34346
|
});
|
|
34287
34347
|
}
|
|
34288
34348
|
}
|
|
@@ -45456,9 +45516,10 @@ let DomHandler$2 = class DomHandler {
|
|
|
45456
45516
|
let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
45457
45517
|
|
|
45458
45518
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
45459
|
-
//
|
|
45460
|
-
//
|
|
45461
|
-
//
|
|
45519
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
45520
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
45521
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
45522
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
45462
45523
|
static get shadowRootOptions() {
|
|
45463
45524
|
return {
|
|
45464
45525
|
...AuroElement$1$3.shadowRootOptions,
|
|
@@ -47135,7 +47196,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47135
47196
|
}
|
|
47136
47197
|
};
|
|
47137
47198
|
|
|
47138
|
-
var formkitVersion$7 = '
|
|
47199
|
+
var formkitVersion$7 = '202607160709';
|
|
47139
47200
|
|
|
47140
47201
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47141
47202
|
// See LICENSE in the project root for license information.
|
|
@@ -47421,24 +47482,42 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47421
47482
|
* @returns {void}
|
|
47422
47483
|
*/
|
|
47423
47484
|
checkDisplayValueSlotChange() {
|
|
47424
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
47425
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
47426
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
47427
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
47428
|
-
// discarded any siblings past the forwarder.
|
|
47429
47485
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
47430
47486
|
if (!slot) {
|
|
47431
|
-
// Shadow
|
|
47432
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
47433
|
-
//
|
|
47434
|
-
|
|
47435
|
-
|
|
47436
|
-
);
|
|
47487
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
47488
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
47489
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
47490
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
47491
|
+
// that render via shadow DOM with no text content).
|
|
47492
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
47493
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
47494
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
47495
|
+
lightDomContent.children.length > 0 ||
|
|
47496
|
+
lightDomContent.shadowRoot !== null
|
|
47497
|
+
));
|
|
47437
47498
|
return;
|
|
47438
47499
|
}
|
|
47439
47500
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
47440
47501
|
|
|
47441
|
-
|
|
47502
|
+
// Check for actual visible content, not just node existence.
|
|
47503
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
47504
|
+
// consumer should not be treated as "has content" — it causes the
|
|
47505
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
47506
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
47507
|
+
// being visible on preset/deeplink load.
|
|
47508
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
47509
|
+
// treated as content even when they have no text or light-DOM children.
|
|
47510
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
47511
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
47512
|
+
return node.textContent.trim().length > 0;
|
|
47513
|
+
}
|
|
47514
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
47515
|
+
return node.textContent.trim().length > 0 ||
|
|
47516
|
+
node.children.length > 0 ||
|
|
47517
|
+
node.shadowRoot !== null;
|
|
47518
|
+
}
|
|
47519
|
+
return false;
|
|
47520
|
+
});
|
|
47442
47521
|
}
|
|
47443
47522
|
|
|
47444
47523
|
firstUpdated() {
|
|
@@ -52085,7 +52164,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52085
52164
|
}
|
|
52086
52165
|
};
|
|
52087
52166
|
|
|
52088
|
-
var formkitVersion$1$2 = '
|
|
52167
|
+
var formkitVersion$1$2 = '202607160709';
|
|
52089
52168
|
|
|
52090
52169
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52091
52170
|
// See LICENSE in the project root for license information.
|
|
@@ -56233,7 +56312,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56233
56312
|
}
|
|
56234
56313
|
};
|
|
56235
56314
|
|
|
56236
|
-
var formkitVersion$6 = '
|
|
56315
|
+
var formkitVersion$6 = '202607160709';
|
|
56237
56316
|
|
|
56238
56317
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56239
56318
|
static get properties() {
|
|
@@ -56362,7 +56441,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56362
56441
|
static get shadowRootOptions() {
|
|
56363
56442
|
return {
|
|
56364
56443
|
...AuroElement$1$2.shadowRootOptions,
|
|
56365
|
-
delegatesFocus: true,
|
|
56366
56444
|
};
|
|
56367
56445
|
}
|
|
56368
56446
|
|
|
@@ -56529,7 +56607,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56529
56607
|
focusables[0].focus();
|
|
56530
56608
|
}
|
|
56531
56609
|
} else {
|
|
56610
|
+
this.focusTrigger();
|
|
56611
|
+
}
|
|
56612
|
+
}
|
|
56613
|
+
|
|
56614
|
+
/**
|
|
56615
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
56616
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
56617
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
56618
|
+
* @private
|
|
56619
|
+
*/
|
|
56620
|
+
focusTrigger() {
|
|
56621
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
56532
56622
|
this.trigger.focus();
|
|
56623
|
+
} else {
|
|
56624
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
56625
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
56626
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
56627
|
+
if (slot) {
|
|
56628
|
+
const assigned = slot.assignedElements();
|
|
56629
|
+
for (const el of assigned) {
|
|
56630
|
+
if (el.hasAttribute('disabled')) {
|
|
56631
|
+
continue;
|
|
56632
|
+
}
|
|
56633
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
56634
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
56635
|
+
// focusing the element directly (works for custom elements like
|
|
56636
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
56637
|
+
const descendants = getFocusableElements$3(el);
|
|
56638
|
+
if (descendants.length > 0) {
|
|
56639
|
+
descendants[0].focus();
|
|
56640
|
+
return;
|
|
56641
|
+
}
|
|
56642
|
+
el.focus();
|
|
56643
|
+
return;
|
|
56644
|
+
}
|
|
56645
|
+
}
|
|
56646
|
+
// Fallback: try DOM children (non-slotted content)
|
|
56647
|
+
const focusables = getFocusableElements$3(this.trigger);
|
|
56648
|
+
if (focusables.length > 0) {
|
|
56649
|
+
focusables[0].focus();
|
|
56650
|
+
}
|
|
56533
56651
|
}
|
|
56534
56652
|
}
|
|
56535
56653
|
|
|
@@ -56982,15 +57100,17 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56982
57100
|
}
|
|
56983
57101
|
|
|
56984
57102
|
const eventType = event.detail.eventType || "unknown";
|
|
56985
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
56986
|
-
this.
|
|
57103
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
|
|
57104
|
+
this.focusTrigger();
|
|
56987
57105
|
}
|
|
56988
57106
|
|
|
56989
57107
|
|
|
56990
57108
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
56991
57109
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
56992
57110
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
56993
|
-
|
|
57111
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
57112
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
57113
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
56994
57114
|
// wait til the bib gets fully closed and rendered
|
|
56995
57115
|
setTimeout(() => {
|
|
56996
57116
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -57002,7 +57122,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57002
57122
|
return;
|
|
57003
57123
|
}
|
|
57004
57124
|
// Restore focus to the trigger.
|
|
57005
|
-
this.
|
|
57125
|
+
this.focusTrigger();
|
|
57006
57126
|
});
|
|
57007
57127
|
}
|
|
57008
57128
|
}
|
|
@@ -60230,7 +60350,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60230
60350
|
}
|
|
60231
60351
|
};
|
|
60232
60352
|
|
|
60233
|
-
var formkitVersion$5 = '
|
|
60353
|
+
var formkitVersion$5 = '202607160709';
|
|
60234
60354
|
|
|
60235
60355
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60236
60356
|
// See LICENSE in the project root for license information.
|
|
@@ -61995,7 +62115,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
61995
62115
|
}
|
|
61996
62116
|
};
|
|
61997
62117
|
|
|
61998
|
-
var formkitVersion$4 = '
|
|
62118
|
+
var formkitVersion$4 = '202607160709';
|
|
61999
62119
|
|
|
62000
62120
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62001
62121
|
// See LICENSE in the project root for license information.
|
|
@@ -67308,7 +67428,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67308
67428
|
}
|
|
67309
67429
|
};
|
|
67310
67430
|
|
|
67311
|
-
var formkitVersion$2 = '
|
|
67431
|
+
var formkitVersion$2 = '202607160709';
|
|
67312
67432
|
|
|
67313
67433
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67314
67434
|
static get properties() {
|
|
@@ -67437,7 +67557,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67437
67557
|
static get shadowRootOptions() {
|
|
67438
67558
|
return {
|
|
67439
67559
|
...AuroElement$2$1.shadowRootOptions,
|
|
67440
|
-
delegatesFocus: true,
|
|
67441
67560
|
};
|
|
67442
67561
|
}
|
|
67443
67562
|
|
|
@@ -67604,7 +67723,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67604
67723
|
focusables[0].focus();
|
|
67605
67724
|
}
|
|
67606
67725
|
} else {
|
|
67726
|
+
this.focusTrigger();
|
|
67727
|
+
}
|
|
67728
|
+
}
|
|
67729
|
+
|
|
67730
|
+
/**
|
|
67731
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
67732
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
67733
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
67734
|
+
* @private
|
|
67735
|
+
*/
|
|
67736
|
+
focusTrigger() {
|
|
67737
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
67607
67738
|
this.trigger.focus();
|
|
67739
|
+
} else {
|
|
67740
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
67741
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
67742
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
67743
|
+
if (slot) {
|
|
67744
|
+
const assigned = slot.assignedElements();
|
|
67745
|
+
for (const el of assigned) {
|
|
67746
|
+
if (el.hasAttribute('disabled')) {
|
|
67747
|
+
continue;
|
|
67748
|
+
}
|
|
67749
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
67750
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
67751
|
+
// focusing the element directly (works for custom elements like
|
|
67752
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
67753
|
+
const descendants = getFocusableElements$2(el);
|
|
67754
|
+
if (descendants.length > 0) {
|
|
67755
|
+
descendants[0].focus();
|
|
67756
|
+
return;
|
|
67757
|
+
}
|
|
67758
|
+
el.focus();
|
|
67759
|
+
return;
|
|
67760
|
+
}
|
|
67761
|
+
}
|
|
67762
|
+
// Fallback: try DOM children (non-slotted content)
|
|
67763
|
+
const focusables = getFocusableElements$2(this.trigger);
|
|
67764
|
+
if (focusables.length > 0) {
|
|
67765
|
+
focusables[0].focus();
|
|
67766
|
+
}
|
|
67608
67767
|
}
|
|
67609
67768
|
}
|
|
67610
67769
|
|
|
@@ -68057,15 +68216,17 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68057
68216
|
}
|
|
68058
68217
|
|
|
68059
68218
|
const eventType = event.detail.eventType || "unknown";
|
|
68060
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
68061
|
-
this.
|
|
68219
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
|
|
68220
|
+
this.focusTrigger();
|
|
68062
68221
|
}
|
|
68063
68222
|
|
|
68064
68223
|
|
|
68065
68224
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
68066
68225
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
68067
68226
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
68068
|
-
|
|
68227
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
68228
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
68229
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
68069
68230
|
// wait til the bib gets fully closed and rendered
|
|
68070
68231
|
setTimeout(() => {
|
|
68071
68232
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -68077,7 +68238,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68077
68238
|
return;
|
|
68078
68239
|
}
|
|
68079
68240
|
// Restore focus to the trigger.
|
|
68080
|
-
this.
|
|
68241
|
+
this.focusTrigger();
|
|
68081
68242
|
});
|
|
68082
68243
|
}
|
|
68083
68244
|
}
|
|
@@ -79251,9 +79412,10 @@ class DomHandler {
|
|
|
79251
79412
|
class BaseInput extends AuroElement$1$1 {
|
|
79252
79413
|
|
|
79253
79414
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
79254
|
-
//
|
|
79255
|
-
//
|
|
79256
|
-
//
|
|
79415
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
79416
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
79417
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
79418
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
79257
79419
|
static get shadowRootOptions() {
|
|
79258
79420
|
return {
|
|
79259
79421
|
...AuroElement$1$1.shadowRootOptions,
|
|
@@ -80930,7 +81092,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
80930
81092
|
}
|
|
80931
81093
|
};
|
|
80932
81094
|
|
|
80933
|
-
var formkitVersion$1$1 = '
|
|
81095
|
+
var formkitVersion$1$1 = '202607160709';
|
|
80934
81096
|
|
|
80935
81097
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80936
81098
|
// See LICENSE in the project root for license information.
|
|
@@ -81216,24 +81378,42 @@ class AuroInput extends BaseInput {
|
|
|
81216
81378
|
* @returns {void}
|
|
81217
81379
|
*/
|
|
81218
81380
|
checkDisplayValueSlotChange() {
|
|
81219
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
81220
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
81221
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
81222
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
81223
|
-
// discarded any siblings past the forwarder.
|
|
81224
81381
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
81225
81382
|
if (!slot) {
|
|
81226
|
-
// Shadow
|
|
81227
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
81228
|
-
//
|
|
81229
|
-
|
|
81230
|
-
|
|
81231
|
-
);
|
|
81383
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
81384
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
81385
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
81386
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
81387
|
+
// that render via shadow DOM with no text content).
|
|
81388
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
81389
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
81390
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
81391
|
+
lightDomContent.children.length > 0 ||
|
|
81392
|
+
lightDomContent.shadowRoot !== null
|
|
81393
|
+
));
|
|
81232
81394
|
return;
|
|
81233
81395
|
}
|
|
81234
81396
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
81235
81397
|
|
|
81236
|
-
|
|
81398
|
+
// Check for actual visible content, not just node existence.
|
|
81399
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
81400
|
+
// consumer should not be treated as "has content" — it causes the
|
|
81401
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
81402
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
81403
|
+
// being visible on preset/deeplink load.
|
|
81404
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
81405
|
+
// treated as content even when they have no text or light-DOM children.
|
|
81406
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
81407
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
81408
|
+
return node.textContent.trim().length > 0;
|
|
81409
|
+
}
|
|
81410
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
81411
|
+
return node.textContent.trim().length > 0 ||
|
|
81412
|
+
node.children.length > 0 ||
|
|
81413
|
+
node.shadowRoot !== null;
|
|
81414
|
+
}
|
|
81415
|
+
return false;
|
|
81416
|
+
});
|
|
81237
81417
|
}
|
|
81238
81418
|
|
|
81239
81419
|
firstUpdated() {
|
|
@@ -82060,7 +82240,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82060
82240
|
}
|
|
82061
82241
|
};
|
|
82062
82242
|
|
|
82063
|
-
var formkitVersion$3 = '
|
|
82243
|
+
var formkitVersion$3 = '202607160709';
|
|
82064
82244
|
|
|
82065
82245
|
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}`;
|
|
82066
82246
|
|
|
@@ -83112,6 +83292,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83112
83292
|
// auroMenu-selectedOption event hasn't fired yet, or we're on remount
|
|
83113
83293
|
// with no options loaded). Synthesize a displayValue from the value so
|
|
83114
83294
|
// the overlay isn't blank.
|
|
83295
|
+
//
|
|
83296
|
+
// NOTE: This renders the raw machine value (e.g. "SEA"), not the
|
|
83297
|
+
// human-readable label (e.g. "Seattle, WA"). For consumers where
|
|
83298
|
+
// value ≠ label, this produces a brief flash of the raw value until
|
|
83299
|
+
// the option elements load and updateTriggerTextDisplay re-runs with
|
|
83300
|
+
// the correct label. This is intentionally preferred over a blank
|
|
83301
|
+
// state — the displayValueInTrigger.remove() cleanup above ensures
|
|
83302
|
+
// this placeholder is replaced once the real option is available.
|
|
83115
83303
|
const syntheticDV = document.createElement('span');
|
|
83116
83304
|
syntheticDV.setAttribute('slot', 'displayValue');
|
|
83117
83305
|
syntheticDV.textContent = this.value;
|
|
@@ -83364,7 +83552,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83364
83552
|
// after the dropdown layout settles.
|
|
83365
83553
|
|
|
83366
83554
|
doubleRaf$1(() => {
|
|
83367
|
-
this
|
|
83555
|
+
// Guard: skip if the dropdown closed before this rAF fired
|
|
83556
|
+
// (e.g. user selected an option immediately after the bib opened).
|
|
83557
|
+
if (this.dropdownOpen) {
|
|
83558
|
+
this.setInputFocus();
|
|
83559
|
+
}
|
|
83368
83560
|
if (this._inFullscreenTransition) {
|
|
83369
83561
|
this._inFullscreenTransition = false;
|
|
83370
83562
|
}
|
|
@@ -83411,7 +83603,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83411
83603
|
}
|
|
83412
83604
|
|
|
83413
83605
|
this._scheduleTimer(() => {
|
|
83414
|
-
this.
|
|
83606
|
+
if (this.dropdown.isPopoverVisible) {
|
|
83607
|
+
this.setInputFocus();
|
|
83608
|
+
}
|
|
83415
83609
|
}, 0);
|
|
83416
83610
|
});
|
|
83417
83611
|
}
|
|
@@ -83420,14 +83614,19 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83420
83614
|
* @private
|
|
83421
83615
|
*/
|
|
83422
83616
|
setClearBtnFocus() {
|
|
83423
|
-
|
|
83424
|
-
|
|
83425
|
-
//
|
|
83426
|
-
//
|
|
83427
|
-
|
|
83617
|
+
doubleRaf$1(() => {
|
|
83618
|
+
// First establish focus inside the input's shadow root.
|
|
83619
|
+
// Without this, clearBtn.focus() silently fails when focus is on
|
|
83620
|
+
// document.body (e.g. after a click selection closes the bib dialog).
|
|
83621
|
+
// delegatesFocus on BaseInput routes this to the native <input>.
|
|
83622
|
+
this.input.focus();
|
|
83623
|
+
|
|
83624
|
+
// Now move focus to the clear button within the same shadow root.
|
|
83625
|
+
const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
|
|
83626
|
+
if (clearBtn) {
|
|
83428
83627
|
clearBtn.focus();
|
|
83429
|
-
}
|
|
83430
|
-
}
|
|
83628
|
+
}
|
|
83629
|
+
});
|
|
83431
83630
|
}
|
|
83432
83631
|
|
|
83433
83632
|
/**
|
|
@@ -83638,6 +83837,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83638
83837
|
// only — fresh user selections take the existing hideBib path.
|
|
83639
83838
|
if (isEcho && this.menu.optionSelected) {
|
|
83640
83839
|
this._programmaticFilterRefresh = true;
|
|
83840
|
+
this.updateComplete.then(() => {
|
|
83841
|
+
this._programmaticFilterRefresh = false;
|
|
83842
|
+
});
|
|
83641
83843
|
}
|
|
83642
83844
|
});
|
|
83643
83845
|
|
|
@@ -83868,15 +84070,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83868
84070
|
* @returns {void}
|
|
83869
84071
|
*/
|
|
83870
84072
|
handleTriggerInputValueChange(event) {
|
|
83871
|
-
// Clear a stale _programmaticFilterRefresh when the user is genuinely
|
|
83872
|
-
// interacting. On mount, updated('value') sets the flag, but the early
|
|
83873
|
-
// return at `this.value === this.input.value` exits before clearing it.
|
|
83874
|
-
// Without this, the first keystroke after mount fails to set _userTyped
|
|
83875
|
-
// and the bib doesn't open.
|
|
83876
|
-
if (this._programmaticFilterRefresh && this.componentHasFocus) {
|
|
83877
|
-
this._programmaticFilterRefresh = false;
|
|
83878
|
-
}
|
|
83879
|
-
|
|
83880
84073
|
// 'input' fires for every user-initiated value change — typing, paste,
|
|
83881
84074
|
// IME composition end, dead-key composition, drag-drop. Flip _userTyped
|
|
83882
84075
|
// here so updated('availableOptions') auto-opens the bib for sources
|
|
@@ -83899,10 +84092,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83899
84092
|
if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
|
|
83900
84093
|
this.setInputFocus();
|
|
83901
84094
|
}
|
|
83902
|
-
|
|
83903
|
-
if (this._programmaticFilterRefresh) {
|
|
83904
|
-
this._programmaticFilterRefresh = false;
|
|
83905
|
-
}
|
|
83906
84095
|
}
|
|
83907
84096
|
|
|
83908
84097
|
/**
|
|
@@ -84101,6 +84290,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84101
84290
|
// setting the flag unconditionally here masks the user-typed open path.
|
|
84102
84291
|
if (!this._userTyped) {
|
|
84103
84292
|
this._programmaticFilterRefresh = true;
|
|
84293
|
+
// Self-clear after this update cycle completes. This collapses
|
|
84294
|
+
// the previous scattered clear-points into one and prevents the
|
|
84295
|
+
// flag from surviving into the next user interaction.
|
|
84296
|
+
this.updateComplete.then(() => {
|
|
84297
|
+
this._programmaticFilterRefresh = false;
|
|
84298
|
+
});
|
|
84104
84299
|
}
|
|
84105
84300
|
|
|
84106
84301
|
if (this.input.value !== this.value) {
|
|
@@ -84190,10 +84385,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84190
84385
|
} else if (!this.dropdown.isBibFullscreen) {
|
|
84191
84386
|
this.hideBib();
|
|
84192
84387
|
}
|
|
84193
|
-
|
|
84194
|
-
if (this._programmaticFilterRefresh) {
|
|
84195
|
-
this._programmaticFilterRefresh = false;
|
|
84196
|
-
}
|
|
84197
84388
|
}
|
|
84198
84389
|
|
|
84199
84390
|
if (changedProperties.has('error')) {
|
|
@@ -84375,7 +84566,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84375
84566
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
84376
84567
|
<${this.inputTag}
|
|
84377
84568
|
id="inputInBib"
|
|
84378
|
-
autofocus
|
|
84569
|
+
?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
|
|
84379
84570
|
@input="${this.handleInputValueChange}"
|
|
84380
84571
|
.a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
|
|
84381
84572
|
.a11yControls=${`${this.dropdownId}-floater-bib`}
|
|
@@ -90906,7 +91097,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
90906
91097
|
}
|
|
90907
91098
|
};
|
|
90908
91099
|
|
|
90909
|
-
var formkitVersion$1 = '
|
|
91100
|
+
var formkitVersion$1 = '202607160709';
|
|
90910
91101
|
|
|
90911
91102
|
class AuroElement extends i$3 {
|
|
90912
91103
|
static get properties() {
|
|
@@ -91035,7 +91226,6 @@ class AuroDropdown extends AuroElement {
|
|
|
91035
91226
|
static get shadowRootOptions() {
|
|
91036
91227
|
return {
|
|
91037
91228
|
...AuroElement.shadowRootOptions,
|
|
91038
|
-
delegatesFocus: true,
|
|
91039
91229
|
};
|
|
91040
91230
|
}
|
|
91041
91231
|
|
|
@@ -91202,7 +91392,47 @@ class AuroDropdown extends AuroElement {
|
|
|
91202
91392
|
focusables[0].focus();
|
|
91203
91393
|
}
|
|
91204
91394
|
} else {
|
|
91395
|
+
this.focusTrigger();
|
|
91396
|
+
}
|
|
91397
|
+
}
|
|
91398
|
+
|
|
91399
|
+
/**
|
|
91400
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
91401
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
91402
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
91403
|
+
* @private
|
|
91404
|
+
*/
|
|
91405
|
+
focusTrigger() {
|
|
91406
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
91205
91407
|
this.trigger.focus();
|
|
91408
|
+
} else {
|
|
91409
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
91410
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
91411
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
91412
|
+
if (slot) {
|
|
91413
|
+
const assigned = slot.assignedElements();
|
|
91414
|
+
for (const el of assigned) {
|
|
91415
|
+
if (el.hasAttribute('disabled')) {
|
|
91416
|
+
continue;
|
|
91417
|
+
}
|
|
91418
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
91419
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
91420
|
+
// focusing the element directly (works for custom elements like
|
|
91421
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
91422
|
+
const descendants = getFocusableElements(el);
|
|
91423
|
+
if (descendants.length > 0) {
|
|
91424
|
+
descendants[0].focus();
|
|
91425
|
+
return;
|
|
91426
|
+
}
|
|
91427
|
+
el.focus();
|
|
91428
|
+
return;
|
|
91429
|
+
}
|
|
91430
|
+
}
|
|
91431
|
+
// Fallback: try DOM children (non-slotted content)
|
|
91432
|
+
const focusables = getFocusableElements(this.trigger);
|
|
91433
|
+
if (focusables.length > 0) {
|
|
91434
|
+
focusables[0].focus();
|
|
91435
|
+
}
|
|
91206
91436
|
}
|
|
91207
91437
|
}
|
|
91208
91438
|
|
|
@@ -91655,15 +91885,17 @@ class AuroDropdown extends AuroElement {
|
|
|
91655
91885
|
}
|
|
91656
91886
|
|
|
91657
91887
|
const eventType = event.detail.eventType || "unknown";
|
|
91658
|
-
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
91659
|
-
this.
|
|
91888
|
+
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown" && !this.noHideOnThisFocusLoss) {
|
|
91889
|
+
this.focusTrigger();
|
|
91660
91890
|
}
|
|
91661
91891
|
|
|
91662
91892
|
|
|
91663
91893
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
91664
91894
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
91665
91895
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
91666
|
-
|
|
91896
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
91897
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
91898
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
91667
91899
|
// wait til the bib gets fully closed and rendered
|
|
91668
91900
|
setTimeout(() => {
|
|
91669
91901
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -91675,7 +91907,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91675
91907
|
return;
|
|
91676
91908
|
}
|
|
91677
91909
|
// Restore focus to the trigger.
|
|
91678
|
-
this.
|
|
91910
|
+
this.focusTrigger();
|
|
91679
91911
|
});
|
|
91680
91912
|
}
|
|
91681
91913
|
}
|
|
@@ -92949,7 +93181,7 @@ class AuroHelpText extends i$3 {
|
|
|
92949
93181
|
}
|
|
92950
93182
|
}
|
|
92951
93183
|
|
|
92952
|
-
var formkitVersion = '
|
|
93184
|
+
var formkitVersion = '202607160709';
|
|
92953
93185
|
|
|
92954
93186
|
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}`;
|
|
92955
93187
|
|