@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.0 → 0.0.0-pr1554.10
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 +123 -43
- package/components/combobox/demo/getting-started.min.js +123 -43
- package/components/combobox/demo/index.min.js +123 -43
- package/components/combobox/dist/index.js +123 -43
- package/components/combobox/dist/registered.js +123 -43
- package/components/counter/demo/customize.min.js +47 -6
- package/components/counter/demo/index.min.js +47 -6
- package/components/counter/dist/index.js +47 -6
- package/components/counter/dist/registered.js +47 -6
- package/components/datepicker/demo/customize.min.js +85 -16
- package/components/datepicker/demo/index.min.js +85 -16
- package/components/datepicker/dist/index.js +85 -16
- package/components/datepicker/dist/registered.js +85 -16
- package/components/dropdown/demo/customize.min.js +46 -5
- package/components/dropdown/demo/getting-started.min.js +46 -5
- package/components/dropdown/demo/index.min.js +46 -5
- package/components/dropdown/dist/auro-dropdown.d.ts +8 -1
- package/components/dropdown/dist/index.js +46 -5
- package/components/dropdown/dist/registered.js +46 -5
- package/components/form/demo/customize.min.js +342 -83
- package/components/form/demo/getting-started.min.js +342 -83
- package/components/form/demo/index.min.js +342 -83
- package/components/form/demo/registerDemoDeps.min.js +342 -83
- package/components/input/demo/customize.min.js +38 -10
- package/components/input/demo/getting-started.min.js +38 -10
- package/components/input/demo/index.min.js +38 -10
- package/components/input/dist/index.js +38 -10
- package/components/input/dist/registered.js +38 -10
- 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 +47 -6
- package/components/select/demo/getting-started.min.js +47 -6
- package/components/select/demo/index.min.js +47 -6
- package/components/select/dist/index.js +47 -6
- package/components/select/dist/registered.js +47 -6
- package/custom-elements.json +1783 -1777
- 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 = '202607160655';
|
|
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,18 +13666,45 @@ 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) {
|
|
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
|
+
));
|
|
13682
|
+
this.requestUpdate();
|
|
13675
13683
|
return;
|
|
13676
13684
|
}
|
|
13677
13685
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
13678
13686
|
|
|
13679
|
-
|
|
13687
|
+
// Check for actual visible content, not just node existence.
|
|
13688
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
13689
|
+
// consumer should not be treated as "has content" — it causes the
|
|
13690
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
13691
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
13692
|
+
// being visible on preset/deeplink load.
|
|
13693
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
13694
|
+
// treated as content even when they have no text or light-DOM children.
|
|
13695
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
13696
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
13697
|
+
return node.textContent.trim().length > 0;
|
|
13698
|
+
}
|
|
13699
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
13700
|
+
return node.textContent.trim().length > 0 ||
|
|
13701
|
+
node.children.length > 0 ||
|
|
13702
|
+
node.shadowRoot !== null;
|
|
13703
|
+
}
|
|
13704
|
+
return false;
|
|
13705
|
+
});
|
|
13706
|
+
|
|
13707
|
+
this.requestUpdate();
|
|
13680
13708
|
}
|
|
13681
13709
|
|
|
13682
13710
|
firstUpdated() {
|
|
@@ -27779,7 +27807,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27779
27807
|
}
|
|
27780
27808
|
};
|
|
27781
27809
|
|
|
27782
|
-
var formkitVersion$2$1 = '
|
|
27810
|
+
var formkitVersion$2$1 = '202607160655';
|
|
27783
27811
|
|
|
27784
27812
|
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}
|
|
27785
27813
|
`,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}}
|
|
@@ -33507,7 +33535,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33507
33535
|
}
|
|
33508
33536
|
};
|
|
33509
33537
|
|
|
33510
|
-
var formkitVersion$1$3 = '
|
|
33538
|
+
var formkitVersion$1$3 = '202607160655';
|
|
33511
33539
|
|
|
33512
33540
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33513
33541
|
static get properties() {
|
|
@@ -33636,7 +33664,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33636
33664
|
static get shadowRootOptions() {
|
|
33637
33665
|
return {
|
|
33638
33666
|
...AuroElement$2$2.shadowRootOptions,
|
|
33639
|
-
delegatesFocus: true,
|
|
33640
33667
|
};
|
|
33641
33668
|
}
|
|
33642
33669
|
|
|
@@ -33803,7 +33830,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33803
33830
|
focusables[0].focus();
|
|
33804
33831
|
}
|
|
33805
33832
|
} else {
|
|
33833
|
+
this.focusTrigger();
|
|
33834
|
+
}
|
|
33835
|
+
}
|
|
33836
|
+
|
|
33837
|
+
/**
|
|
33838
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
33839
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
33840
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
33841
|
+
* @private
|
|
33842
|
+
*/
|
|
33843
|
+
focusTrigger() {
|
|
33844
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
33806
33845
|
this.trigger.focus();
|
|
33846
|
+
} else {
|
|
33847
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
33848
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
33849
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
33850
|
+
if (slot) {
|
|
33851
|
+
const assigned = slot.assignedElements();
|
|
33852
|
+
for (const el of assigned) {
|
|
33853
|
+
if (el.hasAttribute('disabled')) {
|
|
33854
|
+
continue;
|
|
33855
|
+
}
|
|
33856
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
33857
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
33858
|
+
// focusing the element directly (works for custom elements like
|
|
33859
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
33860
|
+
const descendants = getFocusableElements$4(el);
|
|
33861
|
+
if (descendants.length > 0) {
|
|
33862
|
+
descendants[0].focus();
|
|
33863
|
+
return;
|
|
33864
|
+
}
|
|
33865
|
+
el.focus();
|
|
33866
|
+
return;
|
|
33867
|
+
}
|
|
33868
|
+
}
|
|
33869
|
+
// Fallback: try DOM children (non-slotted content)
|
|
33870
|
+
const focusables = getFocusableElements$4(this.trigger);
|
|
33871
|
+
if (focusables.length > 0) {
|
|
33872
|
+
focusables[0].focus();
|
|
33873
|
+
}
|
|
33807
33874
|
}
|
|
33808
33875
|
}
|
|
33809
33876
|
|
|
@@ -34257,14 +34324,16 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34257
34324
|
|
|
34258
34325
|
const eventType = event.detail.eventType || "unknown";
|
|
34259
34326
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
34260
|
-
this.
|
|
34327
|
+
this.focusTrigger();
|
|
34261
34328
|
}
|
|
34262
34329
|
|
|
34263
34330
|
|
|
34264
34331
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
34265
34332
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
34266
34333
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
34267
|
-
|
|
34334
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
34335
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
34336
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
34268
34337
|
// wait til the bib gets fully closed and rendered
|
|
34269
34338
|
setTimeout(() => {
|
|
34270
34339
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -34276,7 +34345,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34276
34345
|
return;
|
|
34277
34346
|
}
|
|
34278
34347
|
// Restore focus to the trigger.
|
|
34279
|
-
this.
|
|
34348
|
+
this.focusTrigger();
|
|
34280
34349
|
});
|
|
34281
34350
|
}
|
|
34282
34351
|
}
|
|
@@ -45450,9 +45519,10 @@ let DomHandler$2 = class DomHandler {
|
|
|
45450
45519
|
let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
45451
45520
|
|
|
45452
45521
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
45453
|
-
//
|
|
45454
|
-
//
|
|
45455
|
-
//
|
|
45522
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
45523
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
45524
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
45525
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
45456
45526
|
static get shadowRootOptions() {
|
|
45457
45527
|
return {
|
|
45458
45528
|
...AuroElement$1$3.shadowRootOptions,
|
|
@@ -47129,7 +47199,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47129
47199
|
}
|
|
47130
47200
|
};
|
|
47131
47201
|
|
|
47132
|
-
var formkitVersion$7 = '
|
|
47202
|
+
var formkitVersion$7 = '202607160655';
|
|
47133
47203
|
|
|
47134
47204
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47135
47205
|
// See LICENSE in the project root for license information.
|
|
@@ -47415,18 +47485,45 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47415
47485
|
* @returns {void}
|
|
47416
47486
|
*/
|
|
47417
47487
|
checkDisplayValueSlotChange() {
|
|
47418
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
47419
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
47420
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
47421
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
47422
|
-
// discarded any siblings past the forwarder.
|
|
47423
47488
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
47424
47489
|
if (!slot) {
|
|
47490
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
47491
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
47492
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
47493
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
47494
|
+
// that render via shadow DOM with no text content).
|
|
47495
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
47496
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
47497
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
47498
|
+
lightDomContent.children.length > 0 ||
|
|
47499
|
+
lightDomContent.shadowRoot !== null
|
|
47500
|
+
));
|
|
47501
|
+
this.requestUpdate();
|
|
47425
47502
|
return;
|
|
47426
47503
|
}
|
|
47427
47504
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
47428
47505
|
|
|
47429
|
-
|
|
47506
|
+
// Check for actual visible content, not just node existence.
|
|
47507
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
47508
|
+
// consumer should not be treated as "has content" — it causes the
|
|
47509
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
47510
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
47511
|
+
// being visible on preset/deeplink load.
|
|
47512
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
47513
|
+
// treated as content even when they have no text or light-DOM children.
|
|
47514
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
47515
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
47516
|
+
return node.textContent.trim().length > 0;
|
|
47517
|
+
}
|
|
47518
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
47519
|
+
return node.textContent.trim().length > 0 ||
|
|
47520
|
+
node.children.length > 0 ||
|
|
47521
|
+
node.shadowRoot !== null;
|
|
47522
|
+
}
|
|
47523
|
+
return false;
|
|
47524
|
+
});
|
|
47525
|
+
|
|
47526
|
+
this.requestUpdate();
|
|
47430
47527
|
}
|
|
47431
47528
|
|
|
47432
47529
|
firstUpdated() {
|
|
@@ -52073,7 +52170,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52073
52170
|
}
|
|
52074
52171
|
};
|
|
52075
52172
|
|
|
52076
|
-
var formkitVersion$1$2 = '
|
|
52173
|
+
var formkitVersion$1$2 = '202607160655';
|
|
52077
52174
|
|
|
52078
52175
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52079
52176
|
// See LICENSE in the project root for license information.
|
|
@@ -56221,7 +56318,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56221
56318
|
}
|
|
56222
56319
|
};
|
|
56223
56320
|
|
|
56224
|
-
var formkitVersion$6 = '
|
|
56321
|
+
var formkitVersion$6 = '202607160655';
|
|
56225
56322
|
|
|
56226
56323
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56227
56324
|
static get properties() {
|
|
@@ -56350,7 +56447,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56350
56447
|
static get shadowRootOptions() {
|
|
56351
56448
|
return {
|
|
56352
56449
|
...AuroElement$1$2.shadowRootOptions,
|
|
56353
|
-
delegatesFocus: true,
|
|
56354
56450
|
};
|
|
56355
56451
|
}
|
|
56356
56452
|
|
|
@@ -56517,7 +56613,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56517
56613
|
focusables[0].focus();
|
|
56518
56614
|
}
|
|
56519
56615
|
} else {
|
|
56616
|
+
this.focusTrigger();
|
|
56617
|
+
}
|
|
56618
|
+
}
|
|
56619
|
+
|
|
56620
|
+
/**
|
|
56621
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
56622
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
56623
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
56624
|
+
* @private
|
|
56625
|
+
*/
|
|
56626
|
+
focusTrigger() {
|
|
56627
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
56520
56628
|
this.trigger.focus();
|
|
56629
|
+
} else {
|
|
56630
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
56631
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
56632
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
56633
|
+
if (slot) {
|
|
56634
|
+
const assigned = slot.assignedElements();
|
|
56635
|
+
for (const el of assigned) {
|
|
56636
|
+
if (el.hasAttribute('disabled')) {
|
|
56637
|
+
continue;
|
|
56638
|
+
}
|
|
56639
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
56640
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
56641
|
+
// focusing the element directly (works for custom elements like
|
|
56642
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
56643
|
+
const descendants = getFocusableElements$3(el);
|
|
56644
|
+
if (descendants.length > 0) {
|
|
56645
|
+
descendants[0].focus();
|
|
56646
|
+
return;
|
|
56647
|
+
}
|
|
56648
|
+
el.focus();
|
|
56649
|
+
return;
|
|
56650
|
+
}
|
|
56651
|
+
}
|
|
56652
|
+
// Fallback: try DOM children (non-slotted content)
|
|
56653
|
+
const focusables = getFocusableElements$3(this.trigger);
|
|
56654
|
+
if (focusables.length > 0) {
|
|
56655
|
+
focusables[0].focus();
|
|
56656
|
+
}
|
|
56521
56657
|
}
|
|
56522
56658
|
}
|
|
56523
56659
|
|
|
@@ -56971,14 +57107,16 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56971
57107
|
|
|
56972
57108
|
const eventType = event.detail.eventType || "unknown";
|
|
56973
57109
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
56974
|
-
this.
|
|
57110
|
+
this.focusTrigger();
|
|
56975
57111
|
}
|
|
56976
57112
|
|
|
56977
57113
|
|
|
56978
57114
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
56979
57115
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
56980
57116
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
56981
|
-
|
|
57117
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
57118
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
57119
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
56982
57120
|
// wait til the bib gets fully closed and rendered
|
|
56983
57121
|
setTimeout(() => {
|
|
56984
57122
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -56990,7 +57128,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56990
57128
|
return;
|
|
56991
57129
|
}
|
|
56992
57130
|
// Restore focus to the trigger.
|
|
56993
|
-
this.
|
|
57131
|
+
this.focusTrigger();
|
|
56994
57132
|
});
|
|
56995
57133
|
}
|
|
56996
57134
|
}
|
|
@@ -60218,7 +60356,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60218
60356
|
}
|
|
60219
60357
|
};
|
|
60220
60358
|
|
|
60221
|
-
var formkitVersion$5 = '
|
|
60359
|
+
var formkitVersion$5 = '202607160655';
|
|
60222
60360
|
|
|
60223
60361
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60224
60362
|
// See LICENSE in the project root for license information.
|
|
@@ -61983,7 +62121,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
61983
62121
|
}
|
|
61984
62122
|
};
|
|
61985
62123
|
|
|
61986
|
-
var formkitVersion$4 = '
|
|
62124
|
+
var formkitVersion$4 = '202607160655';
|
|
61987
62125
|
|
|
61988
62126
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61989
62127
|
// See LICENSE in the project root for license information.
|
|
@@ -67296,7 +67434,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67296
67434
|
}
|
|
67297
67435
|
};
|
|
67298
67436
|
|
|
67299
|
-
var formkitVersion$2 = '
|
|
67437
|
+
var formkitVersion$2 = '202607160655';
|
|
67300
67438
|
|
|
67301
67439
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67302
67440
|
static get properties() {
|
|
@@ -67425,7 +67563,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67425
67563
|
static get shadowRootOptions() {
|
|
67426
67564
|
return {
|
|
67427
67565
|
...AuroElement$2$1.shadowRootOptions,
|
|
67428
|
-
delegatesFocus: true,
|
|
67429
67566
|
};
|
|
67430
67567
|
}
|
|
67431
67568
|
|
|
@@ -67592,7 +67729,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67592
67729
|
focusables[0].focus();
|
|
67593
67730
|
}
|
|
67594
67731
|
} else {
|
|
67732
|
+
this.focusTrigger();
|
|
67733
|
+
}
|
|
67734
|
+
}
|
|
67735
|
+
|
|
67736
|
+
/**
|
|
67737
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
67738
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
67739
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
67740
|
+
* @private
|
|
67741
|
+
*/
|
|
67742
|
+
focusTrigger() {
|
|
67743
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
67595
67744
|
this.trigger.focus();
|
|
67745
|
+
} else {
|
|
67746
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
67747
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
67748
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
67749
|
+
if (slot) {
|
|
67750
|
+
const assigned = slot.assignedElements();
|
|
67751
|
+
for (const el of assigned) {
|
|
67752
|
+
if (el.hasAttribute('disabled')) {
|
|
67753
|
+
continue;
|
|
67754
|
+
}
|
|
67755
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
67756
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
67757
|
+
// focusing the element directly (works for custom elements like
|
|
67758
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
67759
|
+
const descendants = getFocusableElements$2(el);
|
|
67760
|
+
if (descendants.length > 0) {
|
|
67761
|
+
descendants[0].focus();
|
|
67762
|
+
return;
|
|
67763
|
+
}
|
|
67764
|
+
el.focus();
|
|
67765
|
+
return;
|
|
67766
|
+
}
|
|
67767
|
+
}
|
|
67768
|
+
// Fallback: try DOM children (non-slotted content)
|
|
67769
|
+
const focusables = getFocusableElements$2(this.trigger);
|
|
67770
|
+
if (focusables.length > 0) {
|
|
67771
|
+
focusables[0].focus();
|
|
67772
|
+
}
|
|
67596
67773
|
}
|
|
67597
67774
|
}
|
|
67598
67775
|
|
|
@@ -68046,14 +68223,16 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68046
68223
|
|
|
68047
68224
|
const eventType = event.detail.eventType || "unknown";
|
|
68048
68225
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
68049
|
-
this.
|
|
68226
|
+
this.focusTrigger();
|
|
68050
68227
|
}
|
|
68051
68228
|
|
|
68052
68229
|
|
|
68053
68230
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
68054
68231
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
68055
68232
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
68056
|
-
|
|
68233
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
68234
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
68235
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
68057
68236
|
// wait til the bib gets fully closed and rendered
|
|
68058
68237
|
setTimeout(() => {
|
|
68059
68238
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -68065,7 +68244,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68065
68244
|
return;
|
|
68066
68245
|
}
|
|
68067
68246
|
// Restore focus to the trigger.
|
|
68068
|
-
this.
|
|
68247
|
+
this.focusTrigger();
|
|
68069
68248
|
});
|
|
68070
68249
|
}
|
|
68071
68250
|
}
|
|
@@ -79239,9 +79418,10 @@ class DomHandler {
|
|
|
79239
79418
|
class BaseInput extends AuroElement$1$1 {
|
|
79240
79419
|
|
|
79241
79420
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
79242
|
-
//
|
|
79243
|
-
//
|
|
79244
|
-
//
|
|
79421
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
79422
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
79423
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
79424
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
79245
79425
|
static get shadowRootOptions() {
|
|
79246
79426
|
return {
|
|
79247
79427
|
...AuroElement$1$1.shadowRootOptions,
|
|
@@ -80918,7 +81098,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
80918
81098
|
}
|
|
80919
81099
|
};
|
|
80920
81100
|
|
|
80921
|
-
var formkitVersion$1$1 = '
|
|
81101
|
+
var formkitVersion$1$1 = '202607160655';
|
|
80922
81102
|
|
|
80923
81103
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80924
81104
|
// See LICENSE in the project root for license information.
|
|
@@ -81204,18 +81384,45 @@ class AuroInput extends BaseInput {
|
|
|
81204
81384
|
* @returns {void}
|
|
81205
81385
|
*/
|
|
81206
81386
|
checkDisplayValueSlotChange() {
|
|
81207
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
81208
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
81209
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
81210
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
81211
|
-
// discarded any siblings past the forwarder.
|
|
81212
81387
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
81213
81388
|
if (!slot) {
|
|
81389
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
81390
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
81391
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
81392
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
81393
|
+
// that render via shadow DOM with no text content).
|
|
81394
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
81395
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
81396
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
81397
|
+
lightDomContent.children.length > 0 ||
|
|
81398
|
+
lightDomContent.shadowRoot !== null
|
|
81399
|
+
));
|
|
81400
|
+
this.requestUpdate();
|
|
81214
81401
|
return;
|
|
81215
81402
|
}
|
|
81216
81403
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
81217
81404
|
|
|
81218
|
-
|
|
81405
|
+
// Check for actual visible content, not just node existence.
|
|
81406
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
81407
|
+
// consumer should not be treated as "has content" — it causes the
|
|
81408
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
81409
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
81410
|
+
// being visible on preset/deeplink load.
|
|
81411
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
81412
|
+
// treated as content even when they have no text or light-DOM children.
|
|
81413
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
81414
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
81415
|
+
return node.textContent.trim().length > 0;
|
|
81416
|
+
}
|
|
81417
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
81418
|
+
return node.textContent.trim().length > 0 ||
|
|
81419
|
+
node.children.length > 0 ||
|
|
81420
|
+
node.shadowRoot !== null;
|
|
81421
|
+
}
|
|
81422
|
+
return false;
|
|
81423
|
+
});
|
|
81424
|
+
|
|
81425
|
+
this.requestUpdate();
|
|
81219
81426
|
}
|
|
81220
81427
|
|
|
81221
81428
|
firstUpdated() {
|
|
@@ -82042,7 +82249,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82042
82249
|
}
|
|
82043
82250
|
};
|
|
82044
82251
|
|
|
82045
|
-
var formkitVersion$3 = '
|
|
82252
|
+
var formkitVersion$3 = '202607160655';
|
|
82046
82253
|
|
|
82047
82254
|
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}`;
|
|
82048
82255
|
|
|
@@ -83094,6 +83301,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83094
83301
|
// auroMenu-selectedOption event hasn't fired yet, or we're on remount
|
|
83095
83302
|
// with no options loaded). Synthesize a displayValue from the value so
|
|
83096
83303
|
// the overlay isn't blank.
|
|
83304
|
+
//
|
|
83305
|
+
// NOTE: This renders the raw machine value (e.g. "SEA"), not the
|
|
83306
|
+
// human-readable label (e.g. "Seattle, WA"). For consumers where
|
|
83307
|
+
// value ≠ label, this produces a brief flash of the raw value until
|
|
83308
|
+
// the option elements load and updateTriggerTextDisplay re-runs with
|
|
83309
|
+
// the correct label. This is intentionally preferred over a blank
|
|
83310
|
+
// state — the displayValueInTrigger.remove() cleanup above ensures
|
|
83311
|
+
// this placeholder is replaced once the real option is available.
|
|
83097
83312
|
const syntheticDV = document.createElement('span');
|
|
83098
83313
|
syntheticDV.setAttribute('slot', 'displayValue');
|
|
83099
83314
|
syntheticDV.textContent = this.value;
|
|
@@ -83346,7 +83561,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83346
83561
|
// after the dropdown layout settles.
|
|
83347
83562
|
|
|
83348
83563
|
doubleRaf$1(() => {
|
|
83349
|
-
this
|
|
83564
|
+
// Guard: skip if the dropdown closed before this rAF fired
|
|
83565
|
+
// (e.g. user selected an option immediately after the bib opened).
|
|
83566
|
+
if (this.dropdownOpen) {
|
|
83567
|
+
this.setInputFocus();
|
|
83568
|
+
}
|
|
83350
83569
|
if (this._inFullscreenTransition) {
|
|
83351
83570
|
this._inFullscreenTransition = false;
|
|
83352
83571
|
}
|
|
@@ -83393,7 +83612,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83393
83612
|
}
|
|
83394
83613
|
|
|
83395
83614
|
this._scheduleTimer(() => {
|
|
83396
|
-
this.
|
|
83615
|
+
if (this.dropdown.isPopoverVisible) {
|
|
83616
|
+
this.setInputFocus();
|
|
83617
|
+
}
|
|
83397
83618
|
}, 0);
|
|
83398
83619
|
});
|
|
83399
83620
|
}
|
|
@@ -83402,14 +83623,19 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83402
83623
|
* @private
|
|
83403
83624
|
*/
|
|
83404
83625
|
setClearBtnFocus() {
|
|
83405
|
-
|
|
83406
|
-
|
|
83407
|
-
//
|
|
83408
|
-
//
|
|
83409
|
-
|
|
83626
|
+
doubleRaf$1(() => {
|
|
83627
|
+
// First establish focus inside the input's shadow root.
|
|
83628
|
+
// Without this, clearBtn.focus() silently fails when focus is on
|
|
83629
|
+
// document.body (e.g. after a click selection closes the bib dialog).
|
|
83630
|
+
// delegatesFocus on BaseInput routes this to the native <input>.
|
|
83631
|
+
this.input.focus();
|
|
83632
|
+
|
|
83633
|
+
// Now move focus to the clear button within the same shadow root.
|
|
83634
|
+
const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
|
|
83635
|
+
if (clearBtn) {
|
|
83410
83636
|
clearBtn.focus();
|
|
83411
|
-
}
|
|
83412
|
-
}
|
|
83637
|
+
}
|
|
83638
|
+
});
|
|
83413
83639
|
}
|
|
83414
83640
|
|
|
83415
83641
|
/**
|
|
@@ -83620,6 +83846,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83620
83846
|
// only — fresh user selections take the existing hideBib path.
|
|
83621
83847
|
if (isEcho && this.menu.optionSelected) {
|
|
83622
83848
|
this._programmaticFilterRefresh = true;
|
|
83849
|
+
this.updateComplete.then(() => {
|
|
83850
|
+
this._programmaticFilterRefresh = false;
|
|
83851
|
+
});
|
|
83623
83852
|
}
|
|
83624
83853
|
});
|
|
83625
83854
|
|
|
@@ -83850,15 +84079,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83850
84079
|
* @returns {void}
|
|
83851
84080
|
*/
|
|
83852
84081
|
handleTriggerInputValueChange(event) {
|
|
83853
|
-
// Clear a stale _programmaticFilterRefresh when the user is genuinely
|
|
83854
|
-
// interacting. On mount, updated('value') sets the flag, but the early
|
|
83855
|
-
// return at `this.value === this.input.value` exits before clearing it.
|
|
83856
|
-
// Without this, the first keystroke after mount fails to set _userTyped
|
|
83857
|
-
// and the bib doesn't open.
|
|
83858
|
-
if (this._programmaticFilterRefresh && this.componentHasFocus) {
|
|
83859
|
-
this._programmaticFilterRefresh = false;
|
|
83860
|
-
}
|
|
83861
|
-
|
|
83862
84082
|
// 'input' fires for every user-initiated value change — typing, paste,
|
|
83863
84083
|
// IME composition end, dead-key composition, drag-drop. Flip _userTyped
|
|
83864
84084
|
// here so updated('availableOptions') auto-opens the bib for sources
|
|
@@ -83881,10 +84101,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83881
84101
|
if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
|
|
83882
84102
|
this.setInputFocus();
|
|
83883
84103
|
}
|
|
83884
|
-
|
|
83885
|
-
if (this._programmaticFilterRefresh) {
|
|
83886
|
-
this._programmaticFilterRefresh = false;
|
|
83887
|
-
}
|
|
83888
84104
|
}
|
|
83889
84105
|
|
|
83890
84106
|
/**
|
|
@@ -84083,6 +84299,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84083
84299
|
// setting the flag unconditionally here masks the user-typed open path.
|
|
84084
84300
|
if (!this._userTyped) {
|
|
84085
84301
|
this._programmaticFilterRefresh = true;
|
|
84302
|
+
// Self-clear after this update cycle completes. This collapses
|
|
84303
|
+
// the previous scattered clear-points into one and prevents the
|
|
84304
|
+
// flag from surviving into the next user interaction.
|
|
84305
|
+
this.updateComplete.then(() => {
|
|
84306
|
+
this._programmaticFilterRefresh = false;
|
|
84307
|
+
});
|
|
84086
84308
|
}
|
|
84087
84309
|
|
|
84088
84310
|
if (this.input.value !== this.value) {
|
|
@@ -84172,10 +84394,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84172
84394
|
} else if (!this.dropdown.isBibFullscreen) {
|
|
84173
84395
|
this.hideBib();
|
|
84174
84396
|
}
|
|
84175
|
-
|
|
84176
|
-
if (this._programmaticFilterRefresh) {
|
|
84177
|
-
this._programmaticFilterRefresh = false;
|
|
84178
|
-
}
|
|
84179
84397
|
}
|
|
84180
84398
|
|
|
84181
84399
|
if (changedProperties.has('error')) {
|
|
@@ -84357,7 +84575,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84357
84575
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
84358
84576
|
<${this.inputTag}
|
|
84359
84577
|
id="inputInBib"
|
|
84360
|
-
autofocus
|
|
84578
|
+
?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
|
|
84361
84579
|
@input="${this.handleInputValueChange}"
|
|
84362
84580
|
.a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
|
|
84363
84581
|
.a11yControls=${`${this.dropdownId}-floater-bib`}
|
|
@@ -90888,7 +91106,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
90888
91106
|
}
|
|
90889
91107
|
};
|
|
90890
91108
|
|
|
90891
|
-
var formkitVersion$1 = '
|
|
91109
|
+
var formkitVersion$1 = '202607160655';
|
|
90892
91110
|
|
|
90893
91111
|
class AuroElement extends i$3 {
|
|
90894
91112
|
static get properties() {
|
|
@@ -91017,7 +91235,6 @@ class AuroDropdown extends AuroElement {
|
|
|
91017
91235
|
static get shadowRootOptions() {
|
|
91018
91236
|
return {
|
|
91019
91237
|
...AuroElement.shadowRootOptions,
|
|
91020
|
-
delegatesFocus: true,
|
|
91021
91238
|
};
|
|
91022
91239
|
}
|
|
91023
91240
|
|
|
@@ -91184,7 +91401,47 @@ class AuroDropdown extends AuroElement {
|
|
|
91184
91401
|
focusables[0].focus();
|
|
91185
91402
|
}
|
|
91186
91403
|
} else {
|
|
91404
|
+
this.focusTrigger();
|
|
91405
|
+
}
|
|
91406
|
+
}
|
|
91407
|
+
|
|
91408
|
+
/**
|
|
91409
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
91410
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
91411
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
91412
|
+
* @private
|
|
91413
|
+
*/
|
|
91414
|
+
focusTrigger() {
|
|
91415
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
91187
91416
|
this.trigger.focus();
|
|
91417
|
+
} else {
|
|
91418
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
91419
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
91420
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
91421
|
+
if (slot) {
|
|
91422
|
+
const assigned = slot.assignedElements();
|
|
91423
|
+
for (const el of assigned) {
|
|
91424
|
+
if (el.hasAttribute('disabled')) {
|
|
91425
|
+
continue;
|
|
91426
|
+
}
|
|
91427
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
91428
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
91429
|
+
// focusing the element directly (works for custom elements like
|
|
91430
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
91431
|
+
const descendants = getFocusableElements(el);
|
|
91432
|
+
if (descendants.length > 0) {
|
|
91433
|
+
descendants[0].focus();
|
|
91434
|
+
return;
|
|
91435
|
+
}
|
|
91436
|
+
el.focus();
|
|
91437
|
+
return;
|
|
91438
|
+
}
|
|
91439
|
+
}
|
|
91440
|
+
// Fallback: try DOM children (non-slotted content)
|
|
91441
|
+
const focusables = getFocusableElements(this.trigger);
|
|
91442
|
+
if (focusables.length > 0) {
|
|
91443
|
+
focusables[0].focus();
|
|
91444
|
+
}
|
|
91188
91445
|
}
|
|
91189
91446
|
}
|
|
91190
91447
|
|
|
@@ -91638,14 +91895,16 @@ class AuroDropdown extends AuroElement {
|
|
|
91638
91895
|
|
|
91639
91896
|
const eventType = event.detail.eventType || "unknown";
|
|
91640
91897
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
91641
|
-
this.
|
|
91898
|
+
this.focusTrigger();
|
|
91642
91899
|
}
|
|
91643
91900
|
|
|
91644
91901
|
|
|
91645
91902
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
91646
91903
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
91647
91904
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
91648
|
-
|
|
91905
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
91906
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
91907
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
91649
91908
|
// wait til the bib gets fully closed and rendered
|
|
91650
91909
|
setTimeout(() => {
|
|
91651
91910
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -91657,7 +91916,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91657
91916
|
return;
|
|
91658
91917
|
}
|
|
91659
91918
|
// Restore focus to the trigger.
|
|
91660
|
-
this.
|
|
91919
|
+
this.focusTrigger();
|
|
91661
91920
|
});
|
|
91662
91921
|
}
|
|
91663
91922
|
}
|
|
@@ -92931,7 +93190,7 @@ class AuroHelpText extends i$3 {
|
|
|
92931
93190
|
}
|
|
92932
93191
|
}
|
|
92933
93192
|
|
|
92934
|
-
var formkitVersion = '
|
|
93193
|
+
var formkitVersion = '202607160655';
|
|
92935
93194
|
|
|
92936
93195
|
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}`;
|
|
92937
93196
|
|