@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
|
@@ -10659,9 +10659,10 @@ let DomHandler$3 = class DomHandler {
|
|
|
10659
10659
|
let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
10660
10660
|
|
|
10661
10661
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
10662
|
-
//
|
|
10663
|
-
//
|
|
10664
|
-
//
|
|
10662
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
10663
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
10664
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
10665
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
10665
10666
|
static get shadowRootOptions() {
|
|
10666
10667
|
return {
|
|
10667
10668
|
...AuroElement$6.shadowRootOptions,
|
|
@@ -12338,7 +12339,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12338
12339
|
}
|
|
12339
12340
|
};
|
|
12340
12341
|
|
|
12341
|
-
var formkitVersion$8 = '
|
|
12342
|
+
var formkitVersion$8 = '202607160655';
|
|
12342
12343
|
|
|
12343
12344
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12344
12345
|
// See LICENSE in the project root for license information.
|
|
@@ -12624,18 +12625,45 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12624
12625
|
* @returns {void}
|
|
12625
12626
|
*/
|
|
12626
12627
|
checkDisplayValueSlotChange() {
|
|
12627
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
12628
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
12629
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
12630
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
12631
|
-
// discarded any siblings past the forwarder.
|
|
12632
12628
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
12633
12629
|
if (!slot) {
|
|
12630
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
12631
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
12632
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
12633
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
12634
|
+
// that render via shadow DOM with no text content).
|
|
12635
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
12636
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
12637
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
12638
|
+
lightDomContent.children.length > 0 ||
|
|
12639
|
+
lightDomContent.shadowRoot !== null
|
|
12640
|
+
));
|
|
12641
|
+
this.requestUpdate();
|
|
12634
12642
|
return;
|
|
12635
12643
|
}
|
|
12636
12644
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
12637
12645
|
|
|
12638
|
-
|
|
12646
|
+
// Check for actual visible content, not just node existence.
|
|
12647
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
12648
|
+
// consumer should not be treated as "has content" — it causes the
|
|
12649
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
12650
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
12651
|
+
// being visible on preset/deeplink load.
|
|
12652
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
12653
|
+
// treated as content even when they have no text or light-DOM children.
|
|
12654
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
12655
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
12656
|
+
return node.textContent.trim().length > 0;
|
|
12657
|
+
}
|
|
12658
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
12659
|
+
return node.textContent.trim().length > 0 ||
|
|
12660
|
+
node.children.length > 0 ||
|
|
12661
|
+
node.shadowRoot !== null;
|
|
12662
|
+
}
|
|
12663
|
+
return false;
|
|
12664
|
+
});
|
|
12665
|
+
|
|
12666
|
+
this.requestUpdate();
|
|
12639
12667
|
}
|
|
12640
12668
|
|
|
12641
12669
|
firstUpdated() {
|
|
@@ -26738,7 +26766,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26738
26766
|
}
|
|
26739
26767
|
};
|
|
26740
26768
|
|
|
26741
|
-
var formkitVersion$2$1 = '
|
|
26769
|
+
var formkitVersion$2$1 = '202607160655';
|
|
26742
26770
|
|
|
26743
26771
|
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$5`${s$5(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$4`: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}
|
|
26744
26772
|
`,u$4$2=i$4`.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}}
|
|
@@ -32466,7 +32494,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32466
32494
|
}
|
|
32467
32495
|
};
|
|
32468
32496
|
|
|
32469
|
-
var formkitVersion$1$3 = '
|
|
32497
|
+
var formkitVersion$1$3 = '202607160655';
|
|
32470
32498
|
|
|
32471
32499
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32472
32500
|
static get properties() {
|
|
@@ -32595,7 +32623,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
32595
32623
|
static get shadowRootOptions() {
|
|
32596
32624
|
return {
|
|
32597
32625
|
...AuroElement$2$2.shadowRootOptions,
|
|
32598
|
-
delegatesFocus: true,
|
|
32599
32626
|
};
|
|
32600
32627
|
}
|
|
32601
32628
|
|
|
@@ -32762,7 +32789,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
32762
32789
|
focusables[0].focus();
|
|
32763
32790
|
}
|
|
32764
32791
|
} else {
|
|
32792
|
+
this.focusTrigger();
|
|
32793
|
+
}
|
|
32794
|
+
}
|
|
32795
|
+
|
|
32796
|
+
/**
|
|
32797
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
32798
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
32799
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
32800
|
+
* @private
|
|
32801
|
+
*/
|
|
32802
|
+
focusTrigger() {
|
|
32803
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
32765
32804
|
this.trigger.focus();
|
|
32805
|
+
} else {
|
|
32806
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
32807
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
32808
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
32809
|
+
if (slot) {
|
|
32810
|
+
const assigned = slot.assignedElements();
|
|
32811
|
+
for (const el of assigned) {
|
|
32812
|
+
if (el.hasAttribute('disabled')) {
|
|
32813
|
+
continue;
|
|
32814
|
+
}
|
|
32815
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
32816
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
32817
|
+
// focusing the element directly (works for custom elements like
|
|
32818
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
32819
|
+
const descendants = getFocusableElements$4(el);
|
|
32820
|
+
if (descendants.length > 0) {
|
|
32821
|
+
descendants[0].focus();
|
|
32822
|
+
return;
|
|
32823
|
+
}
|
|
32824
|
+
el.focus();
|
|
32825
|
+
return;
|
|
32826
|
+
}
|
|
32827
|
+
}
|
|
32828
|
+
// Fallback: try DOM children (non-slotted content)
|
|
32829
|
+
const focusables = getFocusableElements$4(this.trigger);
|
|
32830
|
+
if (focusables.length > 0) {
|
|
32831
|
+
focusables[0].focus();
|
|
32832
|
+
}
|
|
32766
32833
|
}
|
|
32767
32834
|
}
|
|
32768
32835
|
|
|
@@ -33216,14 +33283,16 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33216
33283
|
|
|
33217
33284
|
const eventType = event.detail.eventType || "unknown";
|
|
33218
33285
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
33219
|
-
this.
|
|
33286
|
+
this.focusTrigger();
|
|
33220
33287
|
}
|
|
33221
33288
|
|
|
33222
33289
|
|
|
33223
33290
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
33224
33291
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
33225
33292
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
33226
|
-
|
|
33293
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
33294
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
33295
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
33227
33296
|
// wait til the bib gets fully closed and rendered
|
|
33228
33297
|
setTimeout(() => {
|
|
33229
33298
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -33235,7 +33304,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33235
33304
|
return;
|
|
33236
33305
|
}
|
|
33237
33306
|
// Restore focus to the trigger.
|
|
33238
|
-
this.
|
|
33307
|
+
this.focusTrigger();
|
|
33239
33308
|
});
|
|
33240
33309
|
}
|
|
33241
33310
|
}
|
|
@@ -44409,9 +44478,10 @@ let DomHandler$2 = class DomHandler {
|
|
|
44409
44478
|
let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
44410
44479
|
|
|
44411
44480
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
44412
|
-
//
|
|
44413
|
-
//
|
|
44414
|
-
//
|
|
44481
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
44482
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
44483
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
44484
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
44415
44485
|
static get shadowRootOptions() {
|
|
44416
44486
|
return {
|
|
44417
44487
|
...AuroElement$1$3.shadowRootOptions,
|
|
@@ -46088,7 +46158,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
46088
46158
|
}
|
|
46089
46159
|
};
|
|
46090
46160
|
|
|
46091
|
-
var formkitVersion$7 = '
|
|
46161
|
+
var formkitVersion$7 = '202607160655';
|
|
46092
46162
|
|
|
46093
46163
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
46094
46164
|
// See LICENSE in the project root for license information.
|
|
@@ -46374,18 +46444,45 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46374
46444
|
* @returns {void}
|
|
46375
46445
|
*/
|
|
46376
46446
|
checkDisplayValueSlotChange() {
|
|
46377
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
46378
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
46379
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
46380
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
46381
|
-
// discarded any siblings past the forwarder.
|
|
46382
46447
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
46383
46448
|
if (!slot) {
|
|
46449
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
46450
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
46451
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
46452
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
46453
|
+
// that render via shadow DOM with no text content).
|
|
46454
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
46455
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
46456
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
46457
|
+
lightDomContent.children.length > 0 ||
|
|
46458
|
+
lightDomContent.shadowRoot !== null
|
|
46459
|
+
));
|
|
46460
|
+
this.requestUpdate();
|
|
46384
46461
|
return;
|
|
46385
46462
|
}
|
|
46386
46463
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
46387
46464
|
|
|
46388
|
-
|
|
46465
|
+
// Check for actual visible content, not just node existence.
|
|
46466
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
46467
|
+
// consumer should not be treated as "has content" — it causes the
|
|
46468
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
46469
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
46470
|
+
// being visible on preset/deeplink load.
|
|
46471
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
46472
|
+
// treated as content even when they have no text or light-DOM children.
|
|
46473
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
46474
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
46475
|
+
return node.textContent.trim().length > 0;
|
|
46476
|
+
}
|
|
46477
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
46478
|
+
return node.textContent.trim().length > 0 ||
|
|
46479
|
+
node.children.length > 0 ||
|
|
46480
|
+
node.shadowRoot !== null;
|
|
46481
|
+
}
|
|
46482
|
+
return false;
|
|
46483
|
+
});
|
|
46484
|
+
|
|
46485
|
+
this.requestUpdate();
|
|
46389
46486
|
}
|
|
46390
46487
|
|
|
46391
46488
|
firstUpdated() {
|
|
@@ -51032,7 +51129,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
51032
51129
|
}
|
|
51033
51130
|
};
|
|
51034
51131
|
|
|
51035
|
-
var formkitVersion$1$2 = '
|
|
51132
|
+
var formkitVersion$1$2 = '202607160655';
|
|
51036
51133
|
|
|
51037
51134
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51038
51135
|
// See LICENSE in the project root for license information.
|
|
@@ -55180,7 +55277,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55180
55277
|
}
|
|
55181
55278
|
};
|
|
55182
55279
|
|
|
55183
|
-
var formkitVersion$6 = '
|
|
55280
|
+
var formkitVersion$6 = '202607160655';
|
|
55184
55281
|
|
|
55185
55282
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55186
55283
|
static get properties() {
|
|
@@ -55309,7 +55406,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
55309
55406
|
static get shadowRootOptions() {
|
|
55310
55407
|
return {
|
|
55311
55408
|
...AuroElement$1$2.shadowRootOptions,
|
|
55312
|
-
delegatesFocus: true,
|
|
55313
55409
|
};
|
|
55314
55410
|
}
|
|
55315
55411
|
|
|
@@ -55476,7 +55572,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
55476
55572
|
focusables[0].focus();
|
|
55477
55573
|
}
|
|
55478
55574
|
} else {
|
|
55575
|
+
this.focusTrigger();
|
|
55576
|
+
}
|
|
55577
|
+
}
|
|
55578
|
+
|
|
55579
|
+
/**
|
|
55580
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
55581
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
55582
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
55583
|
+
* @private
|
|
55584
|
+
*/
|
|
55585
|
+
focusTrigger() {
|
|
55586
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
55479
55587
|
this.trigger.focus();
|
|
55588
|
+
} else {
|
|
55589
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
55590
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
55591
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
55592
|
+
if (slot) {
|
|
55593
|
+
const assigned = slot.assignedElements();
|
|
55594
|
+
for (const el of assigned) {
|
|
55595
|
+
if (el.hasAttribute('disabled')) {
|
|
55596
|
+
continue;
|
|
55597
|
+
}
|
|
55598
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
55599
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
55600
|
+
// focusing the element directly (works for custom elements like
|
|
55601
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
55602
|
+
const descendants = getFocusableElements$3(el);
|
|
55603
|
+
if (descendants.length > 0) {
|
|
55604
|
+
descendants[0].focus();
|
|
55605
|
+
return;
|
|
55606
|
+
}
|
|
55607
|
+
el.focus();
|
|
55608
|
+
return;
|
|
55609
|
+
}
|
|
55610
|
+
}
|
|
55611
|
+
// Fallback: try DOM children (non-slotted content)
|
|
55612
|
+
const focusables = getFocusableElements$3(this.trigger);
|
|
55613
|
+
if (focusables.length > 0) {
|
|
55614
|
+
focusables[0].focus();
|
|
55615
|
+
}
|
|
55480
55616
|
}
|
|
55481
55617
|
}
|
|
55482
55618
|
|
|
@@ -55930,14 +56066,16 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
55930
56066
|
|
|
55931
56067
|
const eventType = event.detail.eventType || "unknown";
|
|
55932
56068
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
55933
|
-
this.
|
|
56069
|
+
this.focusTrigger();
|
|
55934
56070
|
}
|
|
55935
56071
|
|
|
55936
56072
|
|
|
55937
56073
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
55938
56074
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
55939
56075
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
55940
|
-
|
|
56076
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
56077
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
56078
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
55941
56079
|
// wait til the bib gets fully closed and rendered
|
|
55942
56080
|
setTimeout(() => {
|
|
55943
56081
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -55949,7 +56087,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
55949
56087
|
return;
|
|
55950
56088
|
}
|
|
55951
56089
|
// Restore focus to the trigger.
|
|
55952
|
-
this.
|
|
56090
|
+
this.focusTrigger();
|
|
55953
56091
|
});
|
|
55954
56092
|
}
|
|
55955
56093
|
}
|
|
@@ -59177,7 +59315,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59177
59315
|
}
|
|
59178
59316
|
};
|
|
59179
59317
|
|
|
59180
|
-
var formkitVersion$5 = '
|
|
59318
|
+
var formkitVersion$5 = '202607160655';
|
|
59181
59319
|
|
|
59182
59320
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59183
59321
|
// See LICENSE in the project root for license information.
|
|
@@ -60942,7 +61080,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
60942
61080
|
}
|
|
60943
61081
|
};
|
|
60944
61082
|
|
|
60945
|
-
var formkitVersion$4 = '
|
|
61083
|
+
var formkitVersion$4 = '202607160655';
|
|
60946
61084
|
|
|
60947
61085
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
60948
61086
|
// See LICENSE in the project root for license information.
|
|
@@ -66255,7 +66393,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66255
66393
|
}
|
|
66256
66394
|
};
|
|
66257
66395
|
|
|
66258
|
-
var formkitVersion$2 = '
|
|
66396
|
+
var formkitVersion$2 = '202607160655';
|
|
66259
66397
|
|
|
66260
66398
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66261
66399
|
static get properties() {
|
|
@@ -66384,7 +66522,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
66384
66522
|
static get shadowRootOptions() {
|
|
66385
66523
|
return {
|
|
66386
66524
|
...AuroElement$2$1.shadowRootOptions,
|
|
66387
|
-
delegatesFocus: true,
|
|
66388
66525
|
};
|
|
66389
66526
|
}
|
|
66390
66527
|
|
|
@@ -66551,7 +66688,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
66551
66688
|
focusables[0].focus();
|
|
66552
66689
|
}
|
|
66553
66690
|
} else {
|
|
66691
|
+
this.focusTrigger();
|
|
66692
|
+
}
|
|
66693
|
+
}
|
|
66694
|
+
|
|
66695
|
+
/**
|
|
66696
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
66697
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
66698
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
66699
|
+
* @private
|
|
66700
|
+
*/
|
|
66701
|
+
focusTrigger() {
|
|
66702
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
66554
66703
|
this.trigger.focus();
|
|
66704
|
+
} else {
|
|
66705
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
66706
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
66707
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
66708
|
+
if (slot) {
|
|
66709
|
+
const assigned = slot.assignedElements();
|
|
66710
|
+
for (const el of assigned) {
|
|
66711
|
+
if (el.hasAttribute('disabled')) {
|
|
66712
|
+
continue;
|
|
66713
|
+
}
|
|
66714
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
66715
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
66716
|
+
// focusing the element directly (works for custom elements like
|
|
66717
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
66718
|
+
const descendants = getFocusableElements$2(el);
|
|
66719
|
+
if (descendants.length > 0) {
|
|
66720
|
+
descendants[0].focus();
|
|
66721
|
+
return;
|
|
66722
|
+
}
|
|
66723
|
+
el.focus();
|
|
66724
|
+
return;
|
|
66725
|
+
}
|
|
66726
|
+
}
|
|
66727
|
+
// Fallback: try DOM children (non-slotted content)
|
|
66728
|
+
const focusables = getFocusableElements$2(this.trigger);
|
|
66729
|
+
if (focusables.length > 0) {
|
|
66730
|
+
focusables[0].focus();
|
|
66731
|
+
}
|
|
66555
66732
|
}
|
|
66556
66733
|
}
|
|
66557
66734
|
|
|
@@ -67005,14 +67182,16 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67005
67182
|
|
|
67006
67183
|
const eventType = event.detail.eventType || "unknown";
|
|
67007
67184
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
67008
|
-
this.
|
|
67185
|
+
this.focusTrigger();
|
|
67009
67186
|
}
|
|
67010
67187
|
|
|
67011
67188
|
|
|
67012
67189
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
67013
67190
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
67014
67191
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
67015
|
-
|
|
67192
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
67193
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
67194
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
67016
67195
|
// wait til the bib gets fully closed and rendered
|
|
67017
67196
|
setTimeout(() => {
|
|
67018
67197
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -67024,7 +67203,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67024
67203
|
return;
|
|
67025
67204
|
}
|
|
67026
67205
|
// Restore focus to the trigger.
|
|
67027
|
-
this.
|
|
67206
|
+
this.focusTrigger();
|
|
67028
67207
|
});
|
|
67029
67208
|
}
|
|
67030
67209
|
}
|
|
@@ -78198,9 +78377,10 @@ class DomHandler {
|
|
|
78198
78377
|
class BaseInput extends AuroElement$1$1 {
|
|
78199
78378
|
|
|
78200
78379
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
78201
|
-
//
|
|
78202
|
-
//
|
|
78203
|
-
//
|
|
78380
|
+
// clicking anywhere on the input wrapper focuses the native input, and
|
|
78381
|
+
// programmatic .focus() calls on elements in the shadow DOM work correctly.
|
|
78382
|
+
// The initial-load focus theft was caused by the static `autofocus`
|
|
78383
|
+
// attribute on the bib input (now conditional), not by delegatesFocus.
|
|
78204
78384
|
static get shadowRootOptions() {
|
|
78205
78385
|
return {
|
|
78206
78386
|
...AuroElement$1$1.shadowRootOptions,
|
|
@@ -79877,7 +80057,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
79877
80057
|
}
|
|
79878
80058
|
};
|
|
79879
80059
|
|
|
79880
|
-
var formkitVersion$1$1 = '
|
|
80060
|
+
var formkitVersion$1$1 = '202607160655';
|
|
79881
80061
|
|
|
79882
80062
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
79883
80063
|
// See LICENSE in the project root for license information.
|
|
@@ -80163,18 +80343,45 @@ class AuroInput extends BaseInput {
|
|
|
80163
80343
|
* @returns {void}
|
|
80164
80344
|
*/
|
|
80165
80345
|
checkDisplayValueSlotChange() {
|
|
80166
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
80167
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
80168
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
80169
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
80170
|
-
// discarded any siblings past the forwarder.
|
|
80171
80346
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
80172
80347
|
if (!slot) {
|
|
80348
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
80349
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
80350
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
80351
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
80352
|
+
// that render via shadow DOM with no text content).
|
|
80353
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
80354
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
80355
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
80356
|
+
lightDomContent.children.length > 0 ||
|
|
80357
|
+
lightDomContent.shadowRoot !== null
|
|
80358
|
+
));
|
|
80359
|
+
this.requestUpdate();
|
|
80173
80360
|
return;
|
|
80174
80361
|
}
|
|
80175
80362
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
80176
80363
|
|
|
80177
|
-
|
|
80364
|
+
// Check for actual visible content, not just node existence.
|
|
80365
|
+
// An empty <span slot="displayValue"></span> forwarded from the
|
|
80366
|
+
// consumer should not be treated as "has content" — it causes the
|
|
80367
|
+
// displayValue wrapper to render (with hasContent class) but show
|
|
80368
|
+
// nothing, blocking the combobox's synthetic displayValue from
|
|
80369
|
+
// being visible on preset/deeplink load.
|
|
80370
|
+
// Custom elements (e.g. <auro-icon>) that render via shadow DOM are
|
|
80371
|
+
// treated as content even when they have no text or light-DOM children.
|
|
80372
|
+
this.hasDisplayValueContent = nodes.some((node) => {
|
|
80373
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
80374
|
+
return node.textContent.trim().length > 0;
|
|
80375
|
+
}
|
|
80376
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
80377
|
+
return node.textContent.trim().length > 0 ||
|
|
80378
|
+
node.children.length > 0 ||
|
|
80379
|
+
node.shadowRoot !== null;
|
|
80380
|
+
}
|
|
80381
|
+
return false;
|
|
80382
|
+
});
|
|
80383
|
+
|
|
80384
|
+
this.requestUpdate();
|
|
80178
80385
|
}
|
|
80179
80386
|
|
|
80180
80387
|
firstUpdated() {
|
|
@@ -81001,7 +81208,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
81001
81208
|
}
|
|
81002
81209
|
};
|
|
81003
81210
|
|
|
81004
|
-
var formkitVersion$3 = '
|
|
81211
|
+
var formkitVersion$3 = '202607160655';
|
|
81005
81212
|
|
|
81006
81213
|
var styleCss$1$3 = i$4`.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}`;
|
|
81007
81214
|
|
|
@@ -82053,6 +82260,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82053
82260
|
// auroMenu-selectedOption event hasn't fired yet, or we're on remount
|
|
82054
82261
|
// with no options loaded). Synthesize a displayValue from the value so
|
|
82055
82262
|
// the overlay isn't blank.
|
|
82263
|
+
//
|
|
82264
|
+
// NOTE: This renders the raw machine value (e.g. "SEA"), not the
|
|
82265
|
+
// human-readable label (e.g. "Seattle, WA"). For consumers where
|
|
82266
|
+
// value ≠ label, this produces a brief flash of the raw value until
|
|
82267
|
+
// the option elements load and updateTriggerTextDisplay re-runs with
|
|
82268
|
+
// the correct label. This is intentionally preferred over a blank
|
|
82269
|
+
// state — the displayValueInTrigger.remove() cleanup above ensures
|
|
82270
|
+
// this placeholder is replaced once the real option is available.
|
|
82056
82271
|
const syntheticDV = document.createElement('span');
|
|
82057
82272
|
syntheticDV.setAttribute('slot', 'displayValue');
|
|
82058
82273
|
syntheticDV.textContent = this.value;
|
|
@@ -82305,7 +82520,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82305
82520
|
// after the dropdown layout settles.
|
|
82306
82521
|
|
|
82307
82522
|
doubleRaf$1(() => {
|
|
82308
|
-
this
|
|
82523
|
+
// Guard: skip if the dropdown closed before this rAF fired
|
|
82524
|
+
// (e.g. user selected an option immediately after the bib opened).
|
|
82525
|
+
if (this.dropdownOpen) {
|
|
82526
|
+
this.setInputFocus();
|
|
82527
|
+
}
|
|
82309
82528
|
if (this._inFullscreenTransition) {
|
|
82310
82529
|
this._inFullscreenTransition = false;
|
|
82311
82530
|
}
|
|
@@ -82352,7 +82571,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82352
82571
|
}
|
|
82353
82572
|
|
|
82354
82573
|
this._scheduleTimer(() => {
|
|
82355
|
-
this.
|
|
82574
|
+
if (this.dropdown.isPopoverVisible) {
|
|
82575
|
+
this.setInputFocus();
|
|
82576
|
+
}
|
|
82356
82577
|
}, 0);
|
|
82357
82578
|
});
|
|
82358
82579
|
}
|
|
@@ -82361,14 +82582,19 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82361
82582
|
* @private
|
|
82362
82583
|
*/
|
|
82363
82584
|
setClearBtnFocus() {
|
|
82364
|
-
|
|
82365
|
-
|
|
82366
|
-
//
|
|
82367
|
-
//
|
|
82368
|
-
|
|
82585
|
+
doubleRaf$1(() => {
|
|
82586
|
+
// First establish focus inside the input's shadow root.
|
|
82587
|
+
// Without this, clearBtn.focus() silently fails when focus is on
|
|
82588
|
+
// document.body (e.g. after a click selection closes the bib dialog).
|
|
82589
|
+
// delegatesFocus on BaseInput routes this to the native <input>.
|
|
82590
|
+
this.input.focus();
|
|
82591
|
+
|
|
82592
|
+
// Now move focus to the clear button within the same shadow root.
|
|
82593
|
+
const clearBtn = this.input.shadowRoot.querySelector('.clearBtn');
|
|
82594
|
+
if (clearBtn) {
|
|
82369
82595
|
clearBtn.focus();
|
|
82370
|
-
}
|
|
82371
|
-
}
|
|
82596
|
+
}
|
|
82597
|
+
});
|
|
82372
82598
|
}
|
|
82373
82599
|
|
|
82374
82600
|
/**
|
|
@@ -82579,6 +82805,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82579
82805
|
// only — fresh user selections take the existing hideBib path.
|
|
82580
82806
|
if (isEcho && this.menu.optionSelected) {
|
|
82581
82807
|
this._programmaticFilterRefresh = true;
|
|
82808
|
+
this.updateComplete.then(() => {
|
|
82809
|
+
this._programmaticFilterRefresh = false;
|
|
82810
|
+
});
|
|
82582
82811
|
}
|
|
82583
82812
|
});
|
|
82584
82813
|
|
|
@@ -82809,15 +83038,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82809
83038
|
* @returns {void}
|
|
82810
83039
|
*/
|
|
82811
83040
|
handleTriggerInputValueChange(event) {
|
|
82812
|
-
// Clear a stale _programmaticFilterRefresh when the user is genuinely
|
|
82813
|
-
// interacting. On mount, updated('value') sets the flag, but the early
|
|
82814
|
-
// return at `this.value === this.input.value` exits before clearing it.
|
|
82815
|
-
// Without this, the first keystroke after mount fails to set _userTyped
|
|
82816
|
-
// and the bib doesn't open.
|
|
82817
|
-
if (this._programmaticFilterRefresh && this.componentHasFocus) {
|
|
82818
|
-
this._programmaticFilterRefresh = false;
|
|
82819
|
-
}
|
|
82820
|
-
|
|
82821
83041
|
// 'input' fires for every user-initiated value change — typing, paste,
|
|
82822
83042
|
// IME composition end, dead-key composition, drag-drop. Flip _userTyped
|
|
82823
83043
|
// here so updated('availableOptions') auto-opens the bib for sources
|
|
@@ -82840,10 +83060,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82840
83060
|
if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
|
|
82841
83061
|
this.setInputFocus();
|
|
82842
83062
|
}
|
|
82843
|
-
|
|
82844
|
-
if (this._programmaticFilterRefresh) {
|
|
82845
|
-
this._programmaticFilterRefresh = false;
|
|
82846
|
-
}
|
|
82847
83063
|
}
|
|
82848
83064
|
|
|
82849
83065
|
/**
|
|
@@ -83042,6 +83258,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83042
83258
|
// setting the flag unconditionally here masks the user-typed open path.
|
|
83043
83259
|
if (!this._userTyped) {
|
|
83044
83260
|
this._programmaticFilterRefresh = true;
|
|
83261
|
+
// Self-clear after this update cycle completes. This collapses
|
|
83262
|
+
// the previous scattered clear-points into one and prevents the
|
|
83263
|
+
// flag from surviving into the next user interaction.
|
|
83264
|
+
this.updateComplete.then(() => {
|
|
83265
|
+
this._programmaticFilterRefresh = false;
|
|
83266
|
+
});
|
|
83045
83267
|
}
|
|
83046
83268
|
|
|
83047
83269
|
if (this.input.value !== this.value) {
|
|
@@ -83131,10 +83353,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83131
83353
|
} else if (!this.dropdown.isBibFullscreen) {
|
|
83132
83354
|
this.hideBib();
|
|
83133
83355
|
}
|
|
83134
|
-
|
|
83135
|
-
if (this._programmaticFilterRefresh) {
|
|
83136
|
-
this._programmaticFilterRefresh = false;
|
|
83137
|
-
}
|
|
83138
83356
|
}
|
|
83139
83357
|
|
|
83140
83358
|
if (changedProperties.has('error')) {
|
|
@@ -83316,7 +83534,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83316
83534
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
83317
83535
|
<${this.inputTag}
|
|
83318
83536
|
id="inputInBib"
|
|
83319
|
-
autofocus
|
|
83537
|
+
?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
|
|
83320
83538
|
@input="${this.handleInputValueChange}"
|
|
83321
83539
|
.a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
|
|
83322
83540
|
.a11yControls=${`${this.dropdownId}-floater-bib`}
|
|
@@ -89847,7 +90065,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
89847
90065
|
}
|
|
89848
90066
|
};
|
|
89849
90067
|
|
|
89850
|
-
var formkitVersion$1 = '
|
|
90068
|
+
var formkitVersion$1 = '202607160655';
|
|
89851
90069
|
|
|
89852
90070
|
class AuroElement extends i$2 {
|
|
89853
90071
|
static get properties() {
|
|
@@ -89976,7 +90194,6 @@ class AuroDropdown extends AuroElement {
|
|
|
89976
90194
|
static get shadowRootOptions() {
|
|
89977
90195
|
return {
|
|
89978
90196
|
...AuroElement.shadowRootOptions,
|
|
89979
|
-
delegatesFocus: true,
|
|
89980
90197
|
};
|
|
89981
90198
|
}
|
|
89982
90199
|
|
|
@@ -90143,7 +90360,47 @@ class AuroDropdown extends AuroElement {
|
|
|
90143
90360
|
focusables[0].focus();
|
|
90144
90361
|
}
|
|
90145
90362
|
} else {
|
|
90363
|
+
this.focusTrigger();
|
|
90364
|
+
}
|
|
90365
|
+
}
|
|
90366
|
+
|
|
90367
|
+
/**
|
|
90368
|
+
* Focus the trigger content. When the trigger wrapper itself is focusable
|
|
90369
|
+
* (has tabindex), focus it directly. Otherwise, focus the first focusable
|
|
90370
|
+
* element slotted into the trigger slot (e.g. the auro-input).
|
|
90371
|
+
* @private
|
|
90372
|
+
*/
|
|
90373
|
+
focusTrigger() {
|
|
90374
|
+
if (this.trigger.hasAttribute('tabindex')) {
|
|
90146
90375
|
this.trigger.focus();
|
|
90376
|
+
} else {
|
|
90377
|
+
// Slotted content isn't a DOM child of the trigger div, so
|
|
90378
|
+
// getFocusableElements can't find it. Query assigned nodes directly.
|
|
90379
|
+
const slot = this.trigger.querySelector('slot[name="trigger"]');
|
|
90380
|
+
if (slot) {
|
|
90381
|
+
const assigned = slot.assignedElements();
|
|
90382
|
+
for (const el of assigned) {
|
|
90383
|
+
if (el.hasAttribute('disabled')) {
|
|
90384
|
+
continue;
|
|
90385
|
+
}
|
|
90386
|
+
// Try finding a focusable descendant first (handles non-focusable
|
|
90387
|
+
// wrappers like <div> containing a <button>). If none found, try
|
|
90388
|
+
// focusing the element directly (works for custom elements like
|
|
90389
|
+
// auro-input that have delegatesFocus or a custom focus() method).
|
|
90390
|
+
const descendants = getFocusableElements(el);
|
|
90391
|
+
if (descendants.length > 0) {
|
|
90392
|
+
descendants[0].focus();
|
|
90393
|
+
return;
|
|
90394
|
+
}
|
|
90395
|
+
el.focus();
|
|
90396
|
+
return;
|
|
90397
|
+
}
|
|
90398
|
+
}
|
|
90399
|
+
// Fallback: try DOM children (non-slotted content)
|
|
90400
|
+
const focusables = getFocusableElements(this.trigger);
|
|
90401
|
+
if (focusables.length > 0) {
|
|
90402
|
+
focusables[0].focus();
|
|
90403
|
+
}
|
|
90147
90404
|
}
|
|
90148
90405
|
}
|
|
90149
90406
|
|
|
@@ -90597,14 +90854,16 @@ class AuroDropdown extends AuroElement {
|
|
|
90597
90854
|
|
|
90598
90855
|
const eventType = event.detail.eventType || "unknown";
|
|
90599
90856
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
90600
|
-
this.
|
|
90857
|
+
this.focusTrigger();
|
|
90601
90858
|
}
|
|
90602
90859
|
|
|
90603
90860
|
|
|
90604
90861
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
90605
90862
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
90606
90863
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
90607
|
-
|
|
90864
|
+
// When noHideOnThisFocusLoss is true, the consumer (e.g. combobox) manages
|
|
90865
|
+
// its own focus restoration — skip the generic trigger focus to avoid races.
|
|
90866
|
+
if (!this.isPopoverVisible && eventType !== "focusloss" && !this.noHideOnThisFocusLoss) {
|
|
90608
90867
|
// wait til the bib gets fully closed and rendered
|
|
90609
90868
|
setTimeout(() => {
|
|
90610
90869
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -90616,7 +90875,7 @@ class AuroDropdown extends AuroElement {
|
|
|
90616
90875
|
return;
|
|
90617
90876
|
}
|
|
90618
90877
|
// Restore focus to the trigger.
|
|
90619
|
-
this.
|
|
90878
|
+
this.focusTrigger();
|
|
90620
90879
|
});
|
|
90621
90880
|
}
|
|
90622
90881
|
}
|
|
@@ -91890,7 +92149,7 @@ class AuroHelpText extends i$2 {
|
|
|
91890
92149
|
}
|
|
91891
92150
|
}
|
|
91892
92151
|
|
|
91893
|
-
var formkitVersion = '
|
|
92152
|
+
var formkitVersion = '202607160655';
|
|
91894
92153
|
|
|
91895
92154
|
var styleCss = i$4`.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}`;
|
|
91896
92155
|
|