@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.1 → 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 -49
- package/components/combobox/demo/getting-started.min.js +123 -49
- package/components/combobox/demo/index.min.js +123 -49
- package/components/combobox/dist/index.js +123 -49
- package/components/combobox/dist/registered.js +123 -49
- 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 -22
- package/components/datepicker/demo/index.min.js +85 -22
- package/components/datepicker/dist/index.js +85 -22
- package/components/datepicker/dist/registered.js +85 -22
- 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 -101
- package/components/form/demo/getting-started.min.js +342 -101
- package/components/form/demo/index.min.js +342 -101
- package/components/form/demo/registerDemoDeps.min.js +342 -101
- package/components/input/demo/customize.min.js +38 -16
- package/components/input/demo/getting-started.min.js +38 -16
- package/components/input/demo/index.min.js +38 -16
- package/components/input/dist/index.js +38 -16
- package/components/input/dist/registered.js +38 -16
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +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 +1529 -1523
- 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,24 +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) {
|
|
13675
|
-
// Shadow
|
|
13676
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
13677
|
-
//
|
|
13678
|
-
|
|
13679
|
-
|
|
13680
|
-
);
|
|
13671
|
+
// Shadow slot not yet rendered — fall back to checking light-DOM
|
|
13672
|
+
// children so hasDisplayValueContent isn't stuck false when called
|
|
13673
|
+
// before firstUpdated (e.g. from auro-combobox during mount).
|
|
13674
|
+
// Check for any element (including custom elements like <auro-icon>
|
|
13675
|
+
// that render via shadow DOM with no text content).
|
|
13676
|
+
const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
|
|
13677
|
+
this.hasDisplayValueContent = Boolean(lightDomContent && (
|
|
13678
|
+
lightDomContent.textContent.trim().length > 0 ||
|
|
13679
|
+
lightDomContent.children.length > 0 ||
|
|
13680
|
+
lightDomContent.shadowRoot !== null
|
|
13681
|
+
));
|
|
13682
|
+
this.requestUpdate();
|
|
13681
13683
|
return;
|
|
13682
13684
|
}
|
|
13683
13685
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
13684
13686
|
|
|
13685
|
-
|
|
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();
|
|
13686
13708
|
}
|
|
13687
13709
|
|
|
13688
13710
|
firstUpdated() {
|
|
@@ -27785,7 +27807,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27785
27807
|
}
|
|
27786
27808
|
};
|
|
27787
27809
|
|
|
27788
|
-
var formkitVersion$2$1 = '
|
|
27810
|
+
var formkitVersion$2$1 = '202607160655';
|
|
27789
27811
|
|
|
27790
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}
|
|
27791
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}}
|
|
@@ -33513,7 +33535,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33513
33535
|
}
|
|
33514
33536
|
};
|
|
33515
33537
|
|
|
33516
|
-
var formkitVersion$1$3 = '
|
|
33538
|
+
var formkitVersion$1$3 = '202607160655';
|
|
33517
33539
|
|
|
33518
33540
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33519
33541
|
static get properties() {
|
|
@@ -33642,7 +33664,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33642
33664
|
static get shadowRootOptions() {
|
|
33643
33665
|
return {
|
|
33644
33666
|
...AuroElement$2$2.shadowRootOptions,
|
|
33645
|
-
delegatesFocus: true,
|
|
33646
33667
|
};
|
|
33647
33668
|
}
|
|
33648
33669
|
|
|
@@ -33809,7 +33830,47 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33809
33830
|
focusables[0].focus();
|
|
33810
33831
|
}
|
|
33811
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')) {
|
|
33812
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
|
+
}
|
|
33813
33874
|
}
|
|
33814
33875
|
}
|
|
33815
33876
|
|
|
@@ -34263,14 +34324,16 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34263
34324
|
|
|
34264
34325
|
const eventType = event.detail.eventType || "unknown";
|
|
34265
34326
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
34266
|
-
this.
|
|
34327
|
+
this.focusTrigger();
|
|
34267
34328
|
}
|
|
34268
34329
|
|
|
34269
34330
|
|
|
34270
34331
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
34271
34332
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
34272
34333
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
34273
|
-
|
|
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) {
|
|
34274
34337
|
// wait til the bib gets fully closed and rendered
|
|
34275
34338
|
setTimeout(() => {
|
|
34276
34339
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -34282,7 +34345,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34282
34345
|
return;
|
|
34283
34346
|
}
|
|
34284
34347
|
// Restore focus to the trigger.
|
|
34285
|
-
this.
|
|
34348
|
+
this.focusTrigger();
|
|
34286
34349
|
});
|
|
34287
34350
|
}
|
|
34288
34351
|
}
|
|
@@ -45456,9 +45519,10 @@ let DomHandler$2 = class DomHandler {
|
|
|
45456
45519
|
let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
45457
45520
|
|
|
45458
45521
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
45459
|
-
//
|
|
45460
|
-
//
|
|
45461
|
-
//
|
|
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.
|
|
45462
45526
|
static get shadowRootOptions() {
|
|
45463
45527
|
return {
|
|
45464
45528
|
...AuroElement$1$3.shadowRootOptions,
|
|
@@ -47135,7 +47199,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47135
47199
|
}
|
|
47136
47200
|
};
|
|
47137
47201
|
|
|
47138
|
-
var formkitVersion$7 = '
|
|
47202
|
+
var formkitVersion$7 = '202607160655';
|
|
47139
47203
|
|
|
47140
47204
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47141
47205
|
// See LICENSE in the project root for license information.
|
|
@@ -47421,24 +47485,45 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47421
47485
|
* @returns {void}
|
|
47422
47486
|
*/
|
|
47423
47487
|
checkDisplayValueSlotChange() {
|
|
47424
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
47425
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
47426
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
47427
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
47428
|
-
// discarded any siblings past the forwarder.
|
|
47429
47488
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
47430
47489
|
if (!slot) {
|
|
47431
|
-
// Shadow
|
|
47432
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
47433
|
-
//
|
|
47434
|
-
|
|
47435
|
-
|
|
47436
|
-
);
|
|
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();
|
|
47437
47502
|
return;
|
|
47438
47503
|
}
|
|
47439
47504
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
47440
47505
|
|
|
47441
|
-
|
|
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();
|
|
47442
47527
|
}
|
|
47443
47528
|
|
|
47444
47529
|
firstUpdated() {
|
|
@@ -52085,7 +52170,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52085
52170
|
}
|
|
52086
52171
|
};
|
|
52087
52172
|
|
|
52088
|
-
var formkitVersion$1$2 = '
|
|
52173
|
+
var formkitVersion$1$2 = '202607160655';
|
|
52089
52174
|
|
|
52090
52175
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52091
52176
|
// See LICENSE in the project root for license information.
|
|
@@ -56233,7 +56318,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56233
56318
|
}
|
|
56234
56319
|
};
|
|
56235
56320
|
|
|
56236
|
-
var formkitVersion$6 = '
|
|
56321
|
+
var formkitVersion$6 = '202607160655';
|
|
56237
56322
|
|
|
56238
56323
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56239
56324
|
static get properties() {
|
|
@@ -56362,7 +56447,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56362
56447
|
static get shadowRootOptions() {
|
|
56363
56448
|
return {
|
|
56364
56449
|
...AuroElement$1$2.shadowRootOptions,
|
|
56365
|
-
delegatesFocus: true,
|
|
56366
56450
|
};
|
|
56367
56451
|
}
|
|
56368
56452
|
|
|
@@ -56529,7 +56613,47 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56529
56613
|
focusables[0].focus();
|
|
56530
56614
|
}
|
|
56531
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')) {
|
|
56532
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
|
+
}
|
|
56533
56657
|
}
|
|
56534
56658
|
}
|
|
56535
56659
|
|
|
@@ -56983,14 +57107,16 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56983
57107
|
|
|
56984
57108
|
const eventType = event.detail.eventType || "unknown";
|
|
56985
57109
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
56986
|
-
this.
|
|
57110
|
+
this.focusTrigger();
|
|
56987
57111
|
}
|
|
56988
57112
|
|
|
56989
57113
|
|
|
56990
57114
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
56991
57115
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
56992
57116
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
56993
|
-
|
|
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) {
|
|
56994
57120
|
// wait til the bib gets fully closed and rendered
|
|
56995
57121
|
setTimeout(() => {
|
|
56996
57122
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -57002,7 +57128,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57002
57128
|
return;
|
|
57003
57129
|
}
|
|
57004
57130
|
// Restore focus to the trigger.
|
|
57005
|
-
this.
|
|
57131
|
+
this.focusTrigger();
|
|
57006
57132
|
});
|
|
57007
57133
|
}
|
|
57008
57134
|
}
|
|
@@ -60230,7 +60356,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60230
60356
|
}
|
|
60231
60357
|
};
|
|
60232
60358
|
|
|
60233
|
-
var formkitVersion$5 = '
|
|
60359
|
+
var formkitVersion$5 = '202607160655';
|
|
60234
60360
|
|
|
60235
60361
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60236
60362
|
// See LICENSE in the project root for license information.
|
|
@@ -61995,7 +62121,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
61995
62121
|
}
|
|
61996
62122
|
};
|
|
61997
62123
|
|
|
61998
|
-
var formkitVersion$4 = '
|
|
62124
|
+
var formkitVersion$4 = '202607160655';
|
|
61999
62125
|
|
|
62000
62126
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62001
62127
|
// See LICENSE in the project root for license information.
|
|
@@ -67308,7 +67434,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67308
67434
|
}
|
|
67309
67435
|
};
|
|
67310
67436
|
|
|
67311
|
-
var formkitVersion$2 = '
|
|
67437
|
+
var formkitVersion$2 = '202607160655';
|
|
67312
67438
|
|
|
67313
67439
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67314
67440
|
static get properties() {
|
|
@@ -67437,7 +67563,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67437
67563
|
static get shadowRootOptions() {
|
|
67438
67564
|
return {
|
|
67439
67565
|
...AuroElement$2$1.shadowRootOptions,
|
|
67440
|
-
delegatesFocus: true,
|
|
67441
67566
|
};
|
|
67442
67567
|
}
|
|
67443
67568
|
|
|
@@ -67604,7 +67729,47 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67604
67729
|
focusables[0].focus();
|
|
67605
67730
|
}
|
|
67606
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')) {
|
|
67607
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
|
+
}
|
|
67608
67773
|
}
|
|
67609
67774
|
}
|
|
67610
67775
|
|
|
@@ -68058,14 +68223,16 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68058
68223
|
|
|
68059
68224
|
const eventType = event.detail.eventType || "unknown";
|
|
68060
68225
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
68061
|
-
this.
|
|
68226
|
+
this.focusTrigger();
|
|
68062
68227
|
}
|
|
68063
68228
|
|
|
68064
68229
|
|
|
68065
68230
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
68066
68231
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
68067
68232
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
68068
|
-
|
|
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) {
|
|
68069
68236
|
// wait til the bib gets fully closed and rendered
|
|
68070
68237
|
setTimeout(() => {
|
|
68071
68238
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -68077,7 +68244,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68077
68244
|
return;
|
|
68078
68245
|
}
|
|
68079
68246
|
// Restore focus to the trigger.
|
|
68080
|
-
this.
|
|
68247
|
+
this.focusTrigger();
|
|
68081
68248
|
});
|
|
68082
68249
|
}
|
|
68083
68250
|
}
|
|
@@ -79251,9 +79418,10 @@ class DomHandler {
|
|
|
79251
79418
|
class BaseInput extends AuroElement$1$1 {
|
|
79252
79419
|
|
|
79253
79420
|
// Delegate focus to the native <input> inside the shadow root so that
|
|
79254
|
-
//
|
|
79255
|
-
//
|
|
79256
|
-
//
|
|
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.
|
|
79257
79425
|
static get shadowRootOptions() {
|
|
79258
79426
|
return {
|
|
79259
79427
|
...AuroElement$1$1.shadowRootOptions,
|
|
@@ -80930,7 +81098,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
80930
81098
|
}
|
|
80931
81099
|
};
|
|
80932
81100
|
|
|
80933
|
-
var formkitVersion$1$1 = '
|
|
81101
|
+
var formkitVersion$1$1 = '202607160655';
|
|
80934
81102
|
|
|
80935
81103
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80936
81104
|
// See LICENSE in the project root for license information.
|
|
@@ -81216,24 +81384,45 @@ class AuroInput extends BaseInput {
|
|
|
81216
81384
|
* @returns {void}
|
|
81217
81385
|
*/
|
|
81218
81386
|
checkDisplayValueSlotChange() {
|
|
81219
|
-
// flatten:true resolves through auro-combobox's forwarding slot
|
|
81220
|
-
// (<slot name="displayValue" slot="displayValue">) so a clone appended
|
|
81221
|
-
// directly to auro-input's light DOM alongside the forwarder still
|
|
81222
|
-
// counts as content. The prior nodes[0].tagName === 'SLOT' recursion
|
|
81223
|
-
// discarded any siblings past the forwarder.
|
|
81224
81387
|
const slot = this.shadowRoot?.querySelector('slot[name="displayValue"]');
|
|
81225
81388
|
if (!slot) {
|
|
81226
|
-
// Shadow
|
|
81227
|
-
// children so hasDisplayValueContent isn't stuck false
|
|
81228
|
-
//
|
|
81229
|
-
|
|
81230
|
-
|
|
81231
|
-
);
|
|
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();
|
|
81232
81401
|
return;
|
|
81233
81402
|
}
|
|
81234
81403
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
81235
81404
|
|
|
81236
|
-
|
|
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();
|
|
81237
81426
|
}
|
|
81238
81427
|
|
|
81239
81428
|
firstUpdated() {
|
|
@@ -82060,7 +82249,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82060
82249
|
}
|
|
82061
82250
|
};
|
|
82062
82251
|
|
|
82063
|
-
var formkitVersion$3 = '
|
|
82252
|
+
var formkitVersion$3 = '202607160655';
|
|
82064
82253
|
|
|
82065
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}`;
|
|
82066
82255
|
|
|
@@ -83112,6 +83301,14 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83112
83301
|
// auroMenu-selectedOption event hasn't fired yet, or we're on remount
|
|
83113
83302
|
// with no options loaded). Synthesize a displayValue from the value so
|
|
83114
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.
|
|
83115
83312
|
const syntheticDV = document.createElement('span');
|
|
83116
83313
|
syntheticDV.setAttribute('slot', 'displayValue');
|
|
83117
83314
|
syntheticDV.textContent = this.value;
|
|
@@ -83364,7 +83561,11 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83364
83561
|
// after the dropdown layout settles.
|
|
83365
83562
|
|
|
83366
83563
|
doubleRaf$1(() => {
|
|
83367
|
-
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
|
+
}
|
|
83368
83569
|
if (this._inFullscreenTransition) {
|
|
83369
83570
|
this._inFullscreenTransition = false;
|
|
83370
83571
|
}
|
|
@@ -83411,7 +83612,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83411
83612
|
}
|
|
83412
83613
|
|
|
83413
83614
|
this._scheduleTimer(() => {
|
|
83414
|
-
this.
|
|
83615
|
+
if (this.dropdown.isPopoverVisible) {
|
|
83616
|
+
this.setInputFocus();
|
|
83617
|
+
}
|
|
83415
83618
|
}, 0);
|
|
83416
83619
|
});
|
|
83417
83620
|
}
|
|
@@ -83420,14 +83623,19 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83420
83623
|
* @private
|
|
83421
83624
|
*/
|
|
83422
83625
|
setClearBtnFocus() {
|
|
83423
|
-
|
|
83424
|
-
|
|
83425
|
-
//
|
|
83426
|
-
//
|
|
83427
|
-
|
|
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) {
|
|
83428
83636
|
clearBtn.focus();
|
|
83429
|
-
}
|
|
83430
|
-
}
|
|
83637
|
+
}
|
|
83638
|
+
});
|
|
83431
83639
|
}
|
|
83432
83640
|
|
|
83433
83641
|
/**
|
|
@@ -83638,6 +83846,9 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83638
83846
|
// only — fresh user selections take the existing hideBib path.
|
|
83639
83847
|
if (isEcho && this.menu.optionSelected) {
|
|
83640
83848
|
this._programmaticFilterRefresh = true;
|
|
83849
|
+
this.updateComplete.then(() => {
|
|
83850
|
+
this._programmaticFilterRefresh = false;
|
|
83851
|
+
});
|
|
83641
83852
|
}
|
|
83642
83853
|
});
|
|
83643
83854
|
|
|
@@ -83868,15 +84079,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83868
84079
|
* @returns {void}
|
|
83869
84080
|
*/
|
|
83870
84081
|
handleTriggerInputValueChange(event) {
|
|
83871
|
-
// Clear a stale _programmaticFilterRefresh when the user is genuinely
|
|
83872
|
-
// interacting. On mount, updated('value') sets the flag, but the early
|
|
83873
|
-
// return at `this.value === this.input.value` exits before clearing it.
|
|
83874
|
-
// Without this, the first keystroke after mount fails to set _userTyped
|
|
83875
|
-
// and the bib doesn't open.
|
|
83876
|
-
if (this._programmaticFilterRefresh && this.componentHasFocus) {
|
|
83877
|
-
this._programmaticFilterRefresh = false;
|
|
83878
|
-
}
|
|
83879
|
-
|
|
83880
84082
|
// 'input' fires for every user-initiated value change — typing, paste,
|
|
83881
84083
|
// IME composition end, dead-key composition, drag-drop. Flip _userTyped
|
|
83882
84084
|
// here so updated('availableOptions') auto-opens the bib for sources
|
|
@@ -83899,10 +84101,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
83899
84101
|
if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0 && this.dropdown.isPopoverVisible) {
|
|
83900
84102
|
this.setInputFocus();
|
|
83901
84103
|
}
|
|
83902
|
-
|
|
83903
|
-
if (this._programmaticFilterRefresh) {
|
|
83904
|
-
this._programmaticFilterRefresh = false;
|
|
83905
|
-
}
|
|
83906
84104
|
}
|
|
83907
84105
|
|
|
83908
84106
|
/**
|
|
@@ -84101,6 +84299,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84101
84299
|
// setting the flag unconditionally here masks the user-typed open path.
|
|
84102
84300
|
if (!this._userTyped) {
|
|
84103
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
|
+
});
|
|
84104
84308
|
}
|
|
84105
84309
|
|
|
84106
84310
|
if (this.input.value !== this.value) {
|
|
@@ -84190,10 +84394,6 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84190
84394
|
} else if (!this.dropdown.isBibFullscreen) {
|
|
84191
84395
|
this.hideBib();
|
|
84192
84396
|
}
|
|
84193
|
-
|
|
84194
|
-
if (this._programmaticFilterRefresh) {
|
|
84195
|
-
this._programmaticFilterRefresh = false;
|
|
84196
|
-
}
|
|
84197
84397
|
}
|
|
84198
84398
|
|
|
84199
84399
|
if (changedProperties.has('error')) {
|
|
@@ -84375,7 +84575,7 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
84375
84575
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
84376
84576
|
<${this.inputTag}
|
|
84377
84577
|
id="inputInBib"
|
|
84378
|
-
autofocus
|
|
84578
|
+
?autofocus="${this.dropdownOpen && this.dropdown?.isBibFullscreen}"
|
|
84379
84579
|
@input="${this.handleInputValueChange}"
|
|
84380
84580
|
.a11yActivedescendant="${this.dropdownOpen && this.optionActive ? this.optionActive.id : undefined}"
|
|
84381
84581
|
.a11yControls=${`${this.dropdownId}-floater-bib`}
|
|
@@ -90906,7 +91106,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
90906
91106
|
}
|
|
90907
91107
|
};
|
|
90908
91108
|
|
|
90909
|
-
var formkitVersion$1 = '
|
|
91109
|
+
var formkitVersion$1 = '202607160655';
|
|
90910
91110
|
|
|
90911
91111
|
class AuroElement extends i$3 {
|
|
90912
91112
|
static get properties() {
|
|
@@ -91035,7 +91235,6 @@ class AuroDropdown extends AuroElement {
|
|
|
91035
91235
|
static get shadowRootOptions() {
|
|
91036
91236
|
return {
|
|
91037
91237
|
...AuroElement.shadowRootOptions,
|
|
91038
|
-
delegatesFocus: true,
|
|
91039
91238
|
};
|
|
91040
91239
|
}
|
|
91041
91240
|
|
|
@@ -91202,7 +91401,47 @@ class AuroDropdown extends AuroElement {
|
|
|
91202
91401
|
focusables[0].focus();
|
|
91203
91402
|
}
|
|
91204
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')) {
|
|
91205
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
|
+
}
|
|
91206
91445
|
}
|
|
91207
91446
|
}
|
|
91208
91447
|
|
|
@@ -91656,14 +91895,16 @@ class AuroDropdown extends AuroElement {
|
|
|
91656
91895
|
|
|
91657
91896
|
const eventType = event.detail.eventType || "unknown";
|
|
91658
91897
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
91659
|
-
this.
|
|
91898
|
+
this.focusTrigger();
|
|
91660
91899
|
}
|
|
91661
91900
|
|
|
91662
91901
|
|
|
91663
91902
|
// On Tab-driven close (eventType "focusloss"), let focus advance naturally
|
|
91664
91903
|
// — restoring to the trigger would trap the user on this dropdown, forcing
|
|
91665
91904
|
// an extra Tab to move on. Escape and outside-click still restore.
|
|
91666
|
-
|
|
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) {
|
|
91667
91908
|
// wait til the bib gets fully closed and rendered
|
|
91668
91909
|
setTimeout(() => {
|
|
91669
91910
|
// Skip if the bib re-opened, or if focus moved intentionally outside the dropdown (not to body).
|
|
@@ -91675,7 +91916,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91675
91916
|
return;
|
|
91676
91917
|
}
|
|
91677
91918
|
// Restore focus to the trigger.
|
|
91678
|
-
this.
|
|
91919
|
+
this.focusTrigger();
|
|
91679
91920
|
});
|
|
91680
91921
|
}
|
|
91681
91922
|
}
|
|
@@ -92949,7 +93190,7 @@ class AuroHelpText extends i$3 {
|
|
|
92949
93190
|
}
|
|
92950
93191
|
}
|
|
92951
93192
|
|
|
92952
|
-
var formkitVersion = '
|
|
93193
|
+
var formkitVersion = '202607160655';
|
|
92953
93194
|
|
|
92954
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}`;
|
|
92955
93196
|
|