@aurodesignsystem-dev/auro-formkit 0.0.0-pr1624.0 → 0.0.0-pr1624.1
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 +7 -3
- package/components/checkbox/demo/getting-started.min.js +7 -3
- package/components/checkbox/demo/index.min.js +7 -3
- package/components/checkbox/dist/index.js +7 -3
- package/components/checkbox/dist/registered.js +7 -3
- package/components/combobox/demo/customize.min.js +139 -21
- package/components/combobox/demo/getting-started.min.js +139 -21
- package/components/combobox/demo/index.min.js +139 -21
- package/components/combobox/dist/auro-combobox.d.ts +14 -0
- package/components/combobox/dist/index.js +47 -9
- package/components/combobox/dist/registered.js +47 -9
- package/components/counter/demo/customize.min.js +8 -4
- package/components/counter/demo/getting-started.min.js +8 -4
- package/components/counter/demo/index.min.js +8 -4
- package/components/counter/dist/index.js +8 -4
- package/components/counter/dist/registered.js +8 -4
- package/components/datepicker/demo/customize.min.js +15 -7
- package/components/datepicker/demo/getting-started.min.js +15 -7
- package/components/datepicker/demo/index.min.js +15 -7
- package/components/datepicker/dist/index.js +15 -7
- package/components/datepicker/dist/registered.js +15 -7
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +8 -4
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +201 -54
- package/components/form/demo/getting-started.min.js +201 -54
- package/components/form/demo/index.min.js +201 -54
- package/components/form/demo/registerDemoDeps.min.js +201 -54
- package/components/input/demo/customize.min.js +7 -3
- package/components/input/demo/getting-started.min.js +7 -3
- package/components/input/demo/index.min.js +7 -3
- package/components/input/dist/index.js +7 -3
- package/components/input/dist/registered.js +7 -3
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/index.min.js +92 -12
- package/components/menu/dist/auro-menu-utils.d.ts +15 -2
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +92 -12
- package/components/menu/dist/registered.js +92 -12
- package/components/radio/demo/customize.min.js +7 -3
- package/components/radio/demo/getting-started.min.js +7 -3
- package/components/radio/demo/index.min.js +7 -3
- package/components/radio/dist/index.js +7 -3
- package/components/radio/dist/registered.js +7 -3
- package/components/select/demo/customize.min.js +110 -25
- package/components/select/demo/getting-started.min.js +110 -25
- package/components/select/demo/index.min.js +110 -25
- package/components/select/dist/index.js +18 -13
- package/components/select/dist/registered.js +18 -13
- package/custom-elements.json +1547 -1500
- package/package.json +1 -1
|
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
|
|
|
4416
4416
|
( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
|
|
4417
4417
|
);
|
|
4418
4418
|
|
|
4419
|
-
|
|
4419
|
+
// auro-counter-group derives its error state solely from its child counters,
|
|
4420
|
+
// so an `error` attribute on the group itself is ignored.
|
|
4421
|
+
const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
|
|
4422
|
+
|
|
4423
|
+
if (hasCustomError) {
|
|
4420
4424
|
elem.validity = 'customError';
|
|
4421
4425
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
4422
4426
|
validationShouldRun = false;
|
|
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
|
|
|
4511
4515
|
}
|
|
4512
4516
|
}
|
|
4513
4517
|
|
|
4514
|
-
if (validationShouldRun ||
|
|
4518
|
+
if (validationShouldRun || hasCustomError) {
|
|
4515
4519
|
// Use the validity message override if it is declared
|
|
4516
4520
|
if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
|
|
4517
4521
|
elem.errorMessage = elem.ValidityMessageOverride;
|
|
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12400
|
}
|
|
12397
12401
|
}
|
|
12398
12402
|
|
|
12399
|
-
var formkitVersion = '
|
|
12403
|
+
var formkitVersion = '202610071520';
|
|
12400
12404
|
|
|
12401
12405
|
/**
|
|
12402
12406
|
* @license
|
|
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
|
|
|
4416
4416
|
( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
|
|
4417
4417
|
);
|
|
4418
4418
|
|
|
4419
|
-
|
|
4419
|
+
// auro-counter-group derives its error state solely from its child counters,
|
|
4420
|
+
// so an `error` attribute on the group itself is ignored.
|
|
4421
|
+
const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
|
|
4422
|
+
|
|
4423
|
+
if (hasCustomError) {
|
|
4420
4424
|
elem.validity = 'customError';
|
|
4421
4425
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
4422
4426
|
validationShouldRun = false;
|
|
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
|
|
|
4511
4515
|
}
|
|
4512
4516
|
}
|
|
4513
4517
|
|
|
4514
|
-
if (validationShouldRun ||
|
|
4518
|
+
if (validationShouldRun || hasCustomError) {
|
|
4515
4519
|
// Use the validity message override if it is declared
|
|
4516
4520
|
if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
|
|
4517
4521
|
elem.errorMessage = elem.ValidityMessageOverride;
|
|
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12400
|
}
|
|
12397
12401
|
}
|
|
12398
12402
|
|
|
12399
|
-
var formkitVersion = '
|
|
12403
|
+
var formkitVersion = '202610071520';
|
|
12400
12404
|
|
|
12401
12405
|
/**
|
|
12402
12406
|
* @license
|
|
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
|
|
|
4416
4416
|
( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
|
|
4417
4417
|
);
|
|
4418
4418
|
|
|
4419
|
-
|
|
4419
|
+
// auro-counter-group derives its error state solely from its child counters,
|
|
4420
|
+
// so an `error` attribute on the group itself is ignored.
|
|
4421
|
+
const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
|
|
4422
|
+
|
|
4423
|
+
if (hasCustomError) {
|
|
4420
4424
|
elem.validity = 'customError';
|
|
4421
4425
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
4422
4426
|
validationShouldRun = false;
|
|
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
|
|
|
4511
4515
|
}
|
|
4512
4516
|
}
|
|
4513
4517
|
|
|
4514
|
-
if (validationShouldRun ||
|
|
4518
|
+
if (validationShouldRun || hasCustomError) {
|
|
4515
4519
|
// Use the validity message override if it is declared
|
|
4516
4520
|
if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
|
|
4517
4521
|
elem.errorMessage = elem.ValidityMessageOverride;
|
|
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
|
|
|
12396
12400
|
}
|
|
12397
12401
|
}
|
|
12398
12402
|
|
|
12399
|
-
var formkitVersion = '
|
|
12403
|
+
var formkitVersion = '202610071520';
|
|
12400
12404
|
|
|
12401
12405
|
/**
|
|
12402
12406
|
* @license
|
|
@@ -4358,7 +4358,11 @@ class AuroFormValidation {
|
|
|
4358
4358
|
( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
|
|
4359
4359
|
);
|
|
4360
4360
|
|
|
4361
|
-
|
|
4361
|
+
// auro-counter-group derives its error state solely from its child counters,
|
|
4362
|
+
// so an `error` attribute on the group itself is ignored.
|
|
4363
|
+
const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
|
|
4364
|
+
|
|
4365
|
+
if (hasCustomError) {
|
|
4362
4366
|
elem.validity = 'customError';
|
|
4363
4367
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
4364
4368
|
validationShouldRun = false;
|
|
@@ -4453,7 +4457,7 @@ class AuroFormValidation {
|
|
|
4453
4457
|
}
|
|
4454
4458
|
}
|
|
4455
4459
|
|
|
4456
|
-
if (validationShouldRun ||
|
|
4460
|
+
if (validationShouldRun || hasCustomError) {
|
|
4457
4461
|
// Use the validity message override if it is declared
|
|
4458
4462
|
if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
|
|
4459
4463
|
elem.errorMessage = elem.ValidityMessageOverride;
|
|
@@ -12338,7 +12342,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12342
|
}
|
|
12339
12343
|
}
|
|
12340
12344
|
|
|
12341
|
-
var formkitVersion = '
|
|
12345
|
+
var formkitVersion = '202610071520';
|
|
12342
12346
|
|
|
12343
12347
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12344
12348
|
// See LICENSE in the project root for license information.
|
|
@@ -4358,7 +4358,11 @@ class AuroFormValidation {
|
|
|
4358
4358
|
( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
|
|
4359
4359
|
);
|
|
4360
4360
|
|
|
4361
|
-
|
|
4361
|
+
// auro-counter-group derives its error state solely from its child counters,
|
|
4362
|
+
// so an `error` attribute on the group itself is ignored.
|
|
4363
|
+
const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
|
|
4364
|
+
|
|
4365
|
+
if (hasCustomError) {
|
|
4362
4366
|
elem.validity = 'customError';
|
|
4363
4367
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
4364
4368
|
validationShouldRun = false;
|
|
@@ -4453,7 +4457,7 @@ class AuroFormValidation {
|
|
|
4453
4457
|
}
|
|
4454
4458
|
}
|
|
4455
4459
|
|
|
4456
|
-
if (validationShouldRun ||
|
|
4460
|
+
if (validationShouldRun || hasCustomError) {
|
|
4457
4461
|
// Use the validity message override if it is declared
|
|
4458
4462
|
if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
|
|
4459
4463
|
elem.errorMessage = elem.ValidityMessageOverride;
|
|
@@ -12338,7 +12342,7 @@ class AuroHelpText extends LitElement {
|
|
|
12338
12342
|
}
|
|
12339
12343
|
}
|
|
12340
12344
|
|
|
12341
|
-
var formkitVersion = '
|
|
12345
|
+
var formkitVersion = '202610071520';
|
|
12342
12346
|
|
|
12343
12347
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12344
12348
|
// See LICENSE in the project root for license information.
|
|
@@ -10,7 +10,7 @@ The `auro-menu` element provides users a way to select from a list of options.
|
|
|
10
10
|
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
11
11
|
|-------------------------|---------------|-----------|----------------------------------------|-------------|--------------------------------------------------|
|
|
12
12
|
| `currentLabel` | | readonly | `string` | | |
|
|
13
|
-
| `disabled` | `disabled` | | `boolean` | | When true, the entire menu
|
|
13
|
+
| `disabled` | `disabled` | | `boolean` | | When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state. |
|
|
14
14
|
| `hasLoadingPlaceholder` | | readonly | `boolean` | | Getter for loading placeholder state. |
|
|
15
15
|
| `index` | | | `number` | | |
|
|
16
16
|
| `layout` | `layout` | | `string` | | Applies a named layout variant to the menu. Free-form string consumed by the shared architecture helpers; menu defines no closed value set. |
|
|
@@ -24,9 +24,9 @@ const t$1=globalThis,i$3=t=>t,s$2=t$1.trustedTypes,e$2=s$2?s$2.createPolicy("lit
|
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
25
|
*/const s$1=globalThis;let i$2 = class i extends y$2{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E}};i$2._$litElement$=true,i$2["finalized"]=true,s$1.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$1.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$1.litElementVersions??=[]).push("4.2.2");
|
|
26
26
|
|
|
27
|
-
var styleCss$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-variant-ligatures:none;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-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-variant-ligatures:none;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-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-variant-ligatures:none;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-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-variant-ligatures:none;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-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-variant-ligatures:none;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-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-variant-ligatures:none;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-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-variant-ligatures:none;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-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-variant-ligatures:none;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-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-variant-ligatures:none;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-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-variant-ligatures:none;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-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-variant-ligatures:none;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-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-variant-ligatures:none;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-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-variant-ligatures:none;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-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-variant-ligatures:none;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-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-variant-ligatures:none;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-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-variant-ligatures:none;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-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-variant-ligatures:none;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-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-variant-ligatures:none;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-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-variant-ligatures:none;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-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-variant-ligatures:none;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-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-variant-ligatures:none;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-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-variant-ligatures:none;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-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-variant-ligatures:none;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-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{display:block;line-height:0;overflow-y:auto}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder]{padding:var(--ds-size-150, 0.75rem) 0}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] .loadingWrapper{display:flex;align-items:center;justify-content:center;gap:var(--ds-size-150, 0.75rem)}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}`;
|
|
27
|
+
var styleCss$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-variant-ligatures:none;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-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-variant-ligatures:none;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-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-variant-ligatures:none;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-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-variant-ligatures:none;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-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-variant-ligatures:none;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-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-variant-ligatures:none;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-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-variant-ligatures:none;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-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-variant-ligatures:none;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-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-variant-ligatures:none;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-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-variant-ligatures:none;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-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-variant-ligatures:none;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-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-variant-ligatures:none;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-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-variant-ligatures:none;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-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-variant-ligatures:none;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-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-variant-ligatures:none;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-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-variant-ligatures:none;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-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-variant-ligatures:none;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-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-variant-ligatures:none;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-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-variant-ligatures:none;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-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-variant-ligatures:none;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-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-variant-ligatures:none;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-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-variant-ligatures:none;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-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-variant-ligatures:none;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-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{display:block;line-height:0;overflow-y:auto}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder]{padding:var(--ds-size-150, 0.75rem) 0}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] .loadingWrapper{display:flex;align-items:center;justify-content:center;gap:var(--ds-size-150, 0.75rem)}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}:host([disabled]) .menuWrapper{pointer-events:none}`;
|
|
28
28
|
|
|
29
|
-
var colorCss$1 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}`;
|
|
29
|
+
var colorCss$1 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}:host([disabled]){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([disabled]) ::slotted(auro-menuoption),:host([disabled]) ::slotted([auro-menuoption]){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-default, #ffffff) !important;--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0) !important;--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0) !important}`;
|
|
30
30
|
|
|
31
31
|
var tokensCss = i$5`:host{--ds-auro-menu-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-menu-loader-color: var(--ds-basic-color-brand-primary, #01426a);--ds-auro-menu-loader-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-menuoption-container-color: transparent;--ds-auro-menuoption-container-border-color: var(--ds-auro-menuoption-container-color);--ds-auro-menuoption-icon-color: transparent;--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}`;
|
|
32
32
|
|
|
@@ -233,6 +233,31 @@ function serializeMultiSelectValue(values) {
|
|
|
233
233
|
return values && values.length > 0 ? JSON.stringify(values) : undefined;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
+
/**
|
|
237
|
+
* Walks up through every ancestor `auro-menu` (root and any nested submenus
|
|
238
|
+
* the option is slotted inside) and checks whether any of them is disabled.
|
|
239
|
+
* A menu's `disabled` is never written onto its options (AB#1566578), so an
|
|
240
|
+
* option's interactivity must be resolved at check-time against its owning
|
|
241
|
+
* menu chain instead of a mutated attribute. Exported so every "is this
|
|
242
|
+
* option interactive" check agrees — `auro-menuoption`'s `isActive` getter
|
|
243
|
+
* uses it too (consumed by `auro-select`/`auro-combobox`), not just this
|
|
244
|
+
* module's own `isOptionInteractive`/`isSelectableByValue`.
|
|
245
|
+
* @param {HTMLElement} option - The option to check.
|
|
246
|
+
* @returns {boolean} True if any ancestor menu (root or nested) is disabled.
|
|
247
|
+
*/
|
|
248
|
+
function hasDisabledAncestorMenu(option) {
|
|
249
|
+
let ancestor = option.closest('auro-menu, [auro-menu]');
|
|
250
|
+
|
|
251
|
+
while (ancestor) {
|
|
252
|
+
if (ancestor.disabled) {
|
|
253
|
+
return true;
|
|
254
|
+
}
|
|
255
|
+
ancestor = ancestor.parentElement ? ancestor.parentElement.closest('auro-menu, [auro-menu]') : null;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
return false;
|
|
259
|
+
}
|
|
260
|
+
|
|
236
261
|
/**
|
|
237
262
|
* Validates if an option can be interacted with.
|
|
238
263
|
* @private
|
|
@@ -242,21 +267,23 @@ function serializeMultiSelectValue(values) {
|
|
|
242
267
|
function isOptionInteractive(option) {
|
|
243
268
|
return !option.hasAttribute('hidden') &&
|
|
244
269
|
!option.hasAttribute('disabled') &&
|
|
245
|
-
!option.hasAttribute('static')
|
|
270
|
+
!option.hasAttribute('static') &&
|
|
271
|
+
!hasDisabledAncestorMenu(option);
|
|
246
272
|
}
|
|
247
273
|
|
|
248
274
|
/**
|
|
249
275
|
* Validates if an option may be selected by matching a programmatic value.
|
|
250
276
|
* Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
|
|
251
277
|
* `hidden` as its type-ahead filter, so a filtered-out option is still a
|
|
252
|
-
* valid programmatic selection.
|
|
253
|
-
* never selectable — are rejected.
|
|
278
|
+
* valid programmatic selection. Disabled (its own or an ancestor menu's) and
|
|
279
|
+
* static options — which are never selectable — are rejected.
|
|
254
280
|
* @param {HTMLElement} option - The option to check.
|
|
255
281
|
* @returns {boolean} True if option can be selected by value.
|
|
256
282
|
*/
|
|
257
283
|
function isSelectableByValue(option) {
|
|
258
284
|
return !option.hasAttribute('disabled') &&
|
|
259
|
-
!option.hasAttribute('static')
|
|
285
|
+
!option.hasAttribute('static') &&
|
|
286
|
+
!hasDisabledAncestorMenu(option);
|
|
260
287
|
}
|
|
261
288
|
|
|
262
289
|
/* eslint-disable no-underscore-dangle */
|
|
@@ -551,7 +578,7 @@ class AuroMenu extends AuroElement {
|
|
|
551
578
|
},
|
|
552
579
|
|
|
553
580
|
/**
|
|
554
|
-
* When true, the entire menu
|
|
581
|
+
* When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state.
|
|
555
582
|
*/
|
|
556
583
|
disabled: {
|
|
557
584
|
type: Boolean,
|
|
@@ -1123,9 +1150,21 @@ class AuroMenu extends AuroElement {
|
|
|
1123
1150
|
}
|
|
1124
1151
|
}
|
|
1125
1152
|
|
|
1126
|
-
//
|
|
1153
|
+
// Announce menu-level disabled to assistive tech. `disabled` is never
|
|
1154
|
+
// written onto the option (AB#1566578), but aria-disabled has to be
|
|
1155
|
+
// pushed proactively — unlike interactivity checks, AT reads it
|
|
1156
|
+
// directly off the DOM rather than through a JS getter. Only clear it
|
|
1157
|
+
// on re-enable when the option isn't itself authored `disabled` AND no
|
|
1158
|
+
// other ancestor menu in its chain is still disabled — `this.items` is
|
|
1159
|
+
// a deep query, so toggling an unrelated root back on must not strip
|
|
1160
|
+
// aria-disabled from a nested submenu's options that are still
|
|
1161
|
+
// independently disabled.
|
|
1127
1162
|
if (changedProperties.has('disabled')) {
|
|
1128
|
-
|
|
1163
|
+
if (this.disabled) {
|
|
1164
|
+
option.setAttribute('aria-disabled', 'true');
|
|
1165
|
+
} else if (!option.disabled && !hasDisabledAncestorMenu(option)) {
|
|
1166
|
+
option.removeAttribute('aria-disabled');
|
|
1167
|
+
}
|
|
1129
1168
|
}
|
|
1130
1169
|
});
|
|
1131
1170
|
|
|
@@ -1189,6 +1228,22 @@ class AuroMenu extends AuroElement {
|
|
|
1189
1228
|
]));
|
|
1190
1229
|
}
|
|
1191
1230
|
|
|
1231
|
+
// Options slotted in (or re-initialized) while the menu is already
|
|
1232
|
+
// disabled never went through the `disabled`-change branch that pushes
|
|
1233
|
+
// `aria-disabled` (AB#1566578) — re-apply it here the same way
|
|
1234
|
+
// `noCheckmark` already re-applies above. Only the `true` case needs
|
|
1235
|
+
// replaying: re-enabling the menu already clears existing items via the
|
|
1236
|
+
// normal `disabled`-change path, and a newly-added item that isn't
|
|
1237
|
+
// disabled has no `aria-disabled` to clear yet.
|
|
1238
|
+
if (this.disabled) {
|
|
1239
|
+
this.updateItemsState(new Map([
|
|
1240
|
+
[
|
|
1241
|
+
'disabled',
|
|
1242
|
+
true
|
|
1243
|
+
]
|
|
1244
|
+
]));
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1192
1247
|
this.dispatchEvent(new CustomEvent('auroMenu-optionsChange', {
|
|
1193
1248
|
detail: {
|
|
1194
1249
|
options: this.items
|
|
@@ -1426,6 +1481,13 @@ class AuroMenu extends AuroElement {
|
|
|
1426
1481
|
* @private
|
|
1427
1482
|
*/
|
|
1428
1483
|
makeSelection() {
|
|
1484
|
+
// A disabled menu is inert — called directly by auro-select/auro-combobox
|
|
1485
|
+
// keyboard strategies as well as this menu's own handleKeyDown, so the
|
|
1486
|
+
// guard lives here rather than only at the keydown entry point.
|
|
1487
|
+
if (this.disabled) {
|
|
1488
|
+
return;
|
|
1489
|
+
}
|
|
1490
|
+
|
|
1429
1491
|
if (!this.items) {
|
|
1430
1492
|
this.initItems();
|
|
1431
1493
|
}
|
|
@@ -1544,6 +1606,15 @@ class AuroMenu extends AuroElement {
|
|
|
1544
1606
|
*/
|
|
1545
1607
|
handleOptionHover(event) {
|
|
1546
1608
|
const option = event.detail;
|
|
1609
|
+
|
|
1610
|
+
// `pointer-events: none` normally keeps a real hover from ever reaching
|
|
1611
|
+
// a disabled-ancestor option, but this guard protects the few paths
|
|
1612
|
+
// that don't rely on pointer hit-testing (a synthetic `mouseover`
|
|
1613
|
+
// dispatch, test automation) from still activating it.
|
|
1614
|
+
if (!option || !isOptionInteractive(option)) {
|
|
1615
|
+
return;
|
|
1616
|
+
}
|
|
1617
|
+
|
|
1547
1618
|
if (this.items) {
|
|
1548
1619
|
const idx = this.items.indexOf(option);
|
|
1549
1620
|
if (idx >= 0) {
|
|
@@ -1581,6 +1652,11 @@ class AuroMenu extends AuroElement {
|
|
|
1581
1652
|
* @param {string} direction - 'up' or 'down'.
|
|
1582
1653
|
*/
|
|
1583
1654
|
navigateOptions(direction) {
|
|
1655
|
+
// A disabled menu is inert — no option becomes active via keyboard.
|
|
1656
|
+
if (this.disabled) {
|
|
1657
|
+
return;
|
|
1658
|
+
}
|
|
1659
|
+
|
|
1584
1660
|
// Return early if no items exist
|
|
1585
1661
|
if (!this.items || !this.items.length) {
|
|
1586
1662
|
return;
|
|
@@ -2022,7 +2098,8 @@ class AuroMenuOption extends AuroElement {
|
|
|
2022
2098
|
get isActive() {
|
|
2023
2099
|
return !this.hasAttribute('hidden') &&
|
|
2024
2100
|
!this.disabled &&
|
|
2025
|
-
!this.hasAttribute('static')
|
|
2101
|
+
!this.hasAttribute('static') &&
|
|
2102
|
+
!hasDisabledAncestorMenu(this);
|
|
2026
2103
|
}
|
|
2027
2104
|
|
|
2028
2105
|
connectedCallback() {
|
|
@@ -2073,7 +2150,10 @@ class AuroMenuOption extends AuroElement {
|
|
|
2073
2150
|
if (changedProperties.has('disabled')) {
|
|
2074
2151
|
if (this.disabled) {
|
|
2075
2152
|
this.setAttribute('aria-disabled', 'true');
|
|
2076
|
-
} else {
|
|
2153
|
+
} else if (!hasDisabledAncestorMenu(this)) {
|
|
2154
|
+
// Authored `disabled` just turned off, but if an ancestor menu is
|
|
2155
|
+
// still disabled (AB#1566578) this option is still inert — don't
|
|
2156
|
+
// clear the announcement a still-disabled ancestor is responsible for.
|
|
2077
2157
|
this.removeAttribute('aria-disabled');
|
|
2078
2158
|
}
|
|
2079
2159
|
}
|
|
@@ -2105,7 +2185,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
2105
2185
|
* @private
|
|
2106
2186
|
*/
|
|
2107
2187
|
handleClick() {
|
|
2108
|
-
if (!this.disabled) {
|
|
2188
|
+
if (!this.disabled && !hasDisabledAncestorMenu(this)) {
|
|
2109
2189
|
// Pure event emitter: the parent menu owns selection state and will
|
|
2110
2190
|
// update `selected` via setSelected(). Toggling here desyncs the option
|
|
2111
2191
|
// UI from auro-menu.optionSelected (e.g. single-select re-click on the
|
|
@@ -27,6 +27,19 @@ export function serializeMultiSelectValue(values: Array<string> | undefined): st
|
|
|
27
27
|
* @returns {boolean} True if arrays are equal.
|
|
28
28
|
*/
|
|
29
29
|
export function arraysAreEqual(arr1: any[], arr2: any[]): boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Walks up through every ancestor `auro-menu` (root and any nested submenus
|
|
32
|
+
* the option is slotted inside) and checks whether any of them is disabled.
|
|
33
|
+
* A menu's `disabled` is never written onto its options (AB#1566578), so an
|
|
34
|
+
* option's interactivity must be resolved at check-time against its owning
|
|
35
|
+
* menu chain instead of a mutated attribute. Exported so every "is this
|
|
36
|
+
* option interactive" check agrees — `auro-menuoption`'s `isActive` getter
|
|
37
|
+
* uses it too (consumed by `auro-select`/`auro-combobox`), not just this
|
|
38
|
+
* module's own `isOptionInteractive`/`isSelectableByValue`.
|
|
39
|
+
* @param {HTMLElement} option - The option to check.
|
|
40
|
+
* @returns {boolean} True if any ancestor menu (root or nested) is disabled.
|
|
41
|
+
*/
|
|
42
|
+
export function hasDisabledAncestorMenu(option: HTMLElement): boolean;
|
|
30
43
|
/**
|
|
31
44
|
* Validates if an option can be interacted with.
|
|
32
45
|
* @private
|
|
@@ -38,8 +51,8 @@ export function isOptionInteractive(option: HTMLElement): boolean;
|
|
|
38
51
|
* Validates if an option may be selected by matching a programmatic value.
|
|
39
52
|
* Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
|
|
40
53
|
* `hidden` as its type-ahead filter, so a filtered-out option is still a
|
|
41
|
-
* valid programmatic selection.
|
|
42
|
-
* never selectable — are rejected.
|
|
54
|
+
* valid programmatic selection. Disabled (its own or an ancestor menu's) and
|
|
55
|
+
* static options — which are never selectable — are rejected.
|
|
43
56
|
* @param {HTMLElement} option - The option to check.
|
|
44
57
|
* @returns {boolean} True if option can be selected by value.
|
|
45
58
|
*/
|
|
@@ -36,7 +36,7 @@ export class AuroMenu extends AuroElement {
|
|
|
36
36
|
*/
|
|
37
37
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
38
38
|
/**
|
|
39
|
-
* When true, the entire menu
|
|
39
|
+
* When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state.
|
|
40
40
|
*/
|
|
41
41
|
disabled: {
|
|
42
42
|
type: BooleanConstructor;
|