@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.0
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/api.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/api.min.js +5 -15
- package/components/combobox/demo/index.min.js +5 -15
- package/components/combobox/dist/index.js +4 -14
- package/components/combobox/dist/registered.js +4 -14
- package/components/counter/demo/api.min.js +3 -13
- package/components/counter/demo/index.min.js +3 -13
- package/components/counter/dist/index.js +3 -13
- package/components/counter/dist/registered.js +3 -13
- package/components/datepicker/demo/api.min.js +22 -135
- package/components/datepicker/demo/index.min.js +22 -135
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
- package/components/datepicker/dist/index.js +22 -135
- package/components/datepicker/dist/registered.js +22 -135
- package/components/dropdown/demo/api.md +28 -29
- package/components/dropdown/demo/api.min.js +2 -12
- package/components/dropdown/demo/index.min.js +2 -12
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
- package/components/dropdown/dist/index.js +2 -12
- package/components/dropdown/dist/registered.js +2 -12
- package/components/form/demo/api.min.js +59 -251
- package/components/form/demo/index.min.js +59 -251
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.min.js +1 -1
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/demo/keyboardBehavior.md +0 -0
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/keyboardBehavior.md +0 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +27 -86
- package/components/select/demo/index.min.js +27 -86
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +26 -85
- package/components/select/dist/registered.js +26 -85
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +1549 -1568
- package/package.json +3 -3
- /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
|
@@ -6759,7 +6759,7 @@ class AuroHelpText extends i$3 {
|
|
|
6759
6759
|
}
|
|
6760
6760
|
}
|
|
6761
6761
|
|
|
6762
|
-
var formkitVersion = '
|
|
6762
|
+
var formkitVersion = '202604021941';
|
|
6763
6763
|
|
|
6764
6764
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6765
6765
|
// See LICENSE in the project root for license information.
|
|
@@ -6684,7 +6684,7 @@ class AuroHelpText extends i$3 {
|
|
|
6684
6684
|
}
|
|
6685
6685
|
}
|
|
6686
6686
|
|
|
6687
|
-
var formkitVersion = '
|
|
6687
|
+
var formkitVersion = '202604021941';
|
|
6688
6688
|
|
|
6689
6689
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6690
6690
|
// See LICENSE in the project root for license information.
|
|
@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
|
|
|
6625
6625
|
}
|
|
6626
6626
|
}
|
|
6627
6627
|
|
|
6628
|
-
var formkitVersion = '
|
|
6628
|
+
var formkitVersion = '202604021941';
|
|
6629
6629
|
|
|
6630
6630
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6631
6631
|
// See LICENSE in the project root for license information.
|
|
@@ -6625,7 +6625,7 @@ class AuroHelpText extends LitElement {
|
|
|
6625
6625
|
}
|
|
6626
6626
|
}
|
|
6627
6627
|
|
|
6628
|
-
var formkitVersion = '
|
|
6628
|
+
var formkitVersion = '202604021941';
|
|
6629
6629
|
|
|
6630
6630
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6631
6631
|
// See LICENSE in the project root for license information.
|
|
@@ -965,7 +965,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
965
965
|
});
|
|
966
966
|
|
|
967
967
|
return u$1`
|
|
968
|
-
<div class="${classes}"
|
|
968
|
+
<div class="${classes}">
|
|
969
969
|
${this.selected && !this.noCheckmark
|
|
970
970
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
971
971
|
: undefined}
|
|
@@ -873,7 +873,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
873
873
|
});
|
|
874
874
|
|
|
875
875
|
return u$1`
|
|
876
|
-
<div class="${classes}"
|
|
876
|
+
<div class="${classes}">
|
|
877
877
|
${this.selected && !this.noCheckmark
|
|
878
878
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
879
879
|
: undefined}
|
|
File without changes
|
|
@@ -847,7 +847,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
847
847
|
});
|
|
848
848
|
|
|
849
849
|
return html$1`
|
|
850
|
-
<div class="${classes}"
|
|
850
|
+
<div class="${classes}">
|
|
851
851
|
${this.selected && !this.noCheckmark
|
|
852
852
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
853
853
|
: undefined}
|
|
@@ -794,7 +794,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
794
794
|
});
|
|
795
795
|
|
|
796
796
|
return html$1`
|
|
797
|
-
<div class="${classes}"
|
|
797
|
+
<div class="${classes}">
|
|
798
798
|
${this.selected && !this.noCheckmark
|
|
799
799
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
800
800
|
: undefined}
|
|
@@ -1645,7 +1645,7 @@ class AuroHelpText extends i$2 {
|
|
|
1645
1645
|
}
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
|
-
var formkitVersion = '
|
|
1648
|
+
var formkitVersion = '202604021941';
|
|
1649
1649
|
|
|
1650
1650
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1651
1651
|
// See LICENSE in the project root for license information.
|
|
@@ -1620,7 +1620,7 @@ class AuroHelpText extends i$2 {
|
|
|
1620
1620
|
}
|
|
1621
1621
|
}
|
|
1622
1622
|
|
|
1623
|
-
var formkitVersion = '
|
|
1623
|
+
var formkitVersion = '202604021941';
|
|
1624
1624
|
|
|
1625
1625
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1626
1626
|
// See LICENSE in the project root for license information.
|
|
File without changes
|
|
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
|
|
|
1573
1573
|
}
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
1576
|
-
var formkitVersion = '
|
|
1576
|
+
var formkitVersion = '202604021941';
|
|
1577
1577
|
|
|
1578
1578
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1579
1579
|
// See LICENSE in the project root for license information.
|
|
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
|
|
|
1573
1573
|
}
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
1576
|
-
var formkitVersion = '
|
|
1576
|
+
var formkitVersion = '202604021941';
|
|
1577
1577
|
|
|
1578
1578
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1579
1579
|
// See LICENSE in the project root for license information.
|
|
@@ -1363,16 +1363,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
1363
1363
|
}
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
|
-
/* eslint-disable new-cap */
|
|
1367
|
-
|
|
1368
1366
|
const selectKeyboardStrategy = {
|
|
1369
1367
|
ArrowUp(component, evt, ctx) {
|
|
1370
1368
|
evt.preventDefault();
|
|
1371
|
-
if (evt.altKey || evt.metaKey) {
|
|
1372
|
-
// navigate to first enabled option
|
|
1373
|
-
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
1374
|
-
return;
|
|
1375
|
-
}
|
|
1376
1369
|
navigateArrow(component, 'up', {
|
|
1377
1370
|
ctx,
|
|
1378
1371
|
showFn: () => component.dropdown.show(),
|
|
@@ -1381,34 +1374,30 @@ const selectKeyboardStrategy = {
|
|
|
1381
1374
|
|
|
1382
1375
|
ArrowDown(component, evt, ctx) {
|
|
1383
1376
|
evt.preventDefault();
|
|
1384
|
-
if (evt.altKey || evt.metaKey) {
|
|
1385
|
-
// navigate to last enabled option
|
|
1386
|
-
selectKeyboardStrategy.End(component, evt, ctx);
|
|
1387
|
-
return;
|
|
1388
|
-
}
|
|
1389
1377
|
navigateArrow(component, 'down', {
|
|
1390
1378
|
ctx,
|
|
1391
1379
|
showFn: () => component.dropdown.show(),
|
|
1392
1380
|
});
|
|
1393
1381
|
},
|
|
1394
1382
|
|
|
1395
|
-
Enter(component, evt
|
|
1396
|
-
|
|
1397
|
-
component.dropdown.show();
|
|
1398
|
-
return;
|
|
1399
|
-
}
|
|
1383
|
+
Enter(component, evt) {
|
|
1384
|
+
evt.preventDefault();
|
|
1400
1385
|
component.menu.makeSelection();
|
|
1401
1386
|
},
|
|
1402
1387
|
|
|
1403
|
-
|
|
1388
|
+
Tab(component, evt, ctx) {
|
|
1404
1389
|
if (!ctx.isExpanded) {
|
|
1405
1390
|
return;
|
|
1406
1391
|
}
|
|
1407
|
-
component.dropdown.hide();
|
|
1408
|
-
},
|
|
1409
1392
|
|
|
1410
|
-
|
|
1411
|
-
|
|
1393
|
+
// Shift+Tab moves the highlight to the first non-disabled option
|
|
1394
|
+
// without making a selection or closing the bib.
|
|
1395
|
+
if (evt.shiftKey) {
|
|
1396
|
+
evt.preventDefault();
|
|
1397
|
+
const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
|
|
1398
|
+
if (firstActive) {
|
|
1399
|
+
component.menu.updateActiveOption(firstActive);
|
|
1400
|
+
}
|
|
1412
1401
|
return;
|
|
1413
1402
|
}
|
|
1414
1403
|
|
|
@@ -1419,41 +1408,9 @@ const selectKeyboardStrategy = {
|
|
|
1419
1408
|
}
|
|
1420
1409
|
component.dropdown.hide();
|
|
1421
1410
|
},
|
|
1422
|
-
Home(component, evt, ctx) {
|
|
1423
|
-
if (!ctx.isExpanded) {
|
|
1424
|
-
return;
|
|
1425
|
-
}
|
|
1426
|
-
evt.preventDefault();
|
|
1427
|
-
evt.stopPropagation();
|
|
1428
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1429
|
-
if (firstOption) {
|
|
1430
|
-
component.menu.updateActiveOption(firstOption);
|
|
1431
|
-
}
|
|
1432
|
-
},
|
|
1433
|
-
|
|
1434
|
-
End(component, evt, ctx) {
|
|
1435
|
-
if (!ctx.isExpanded) {
|
|
1436
|
-
return;
|
|
1437
|
-
}
|
|
1438
|
-
evt.preventDefault();
|
|
1439
|
-
evt.stopPropagation();
|
|
1440
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1441
|
-
if (lastOption) {
|
|
1442
|
-
component.menu.updateActiveOption(lastOption);
|
|
1443
|
-
}
|
|
1444
|
-
},
|
|
1445
1411
|
|
|
1446
|
-
default(component, evt
|
|
1412
|
+
default(component, evt) {
|
|
1447
1413
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1448
|
-
if (evt.key === ' ') {
|
|
1449
|
-
evt.preventDefault();
|
|
1450
|
-
evt.stopPropagation();
|
|
1451
|
-
if (ctx.isExpanded) {
|
|
1452
|
-
component.dropdown.hide();
|
|
1453
|
-
return;
|
|
1454
|
-
}
|
|
1455
|
-
component.dropdown.show();
|
|
1456
|
-
}
|
|
1457
1414
|
},
|
|
1458
1415
|
};
|
|
1459
1416
|
|
|
@@ -5098,7 +5055,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5098
5055
|
}
|
|
5099
5056
|
};
|
|
5100
5057
|
|
|
5101
|
-
var formkitVersion$1 = '
|
|
5058
|
+
var formkitVersion$1 = '202604021941';
|
|
5102
5059
|
|
|
5103
5060
|
class AuroElement extends i$3 {
|
|
5104
5061
|
static get properties() {
|
|
@@ -5279,7 +5236,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5279
5236
|
this.appearance = 'default';
|
|
5280
5237
|
this.chevron = false;
|
|
5281
5238
|
this.disabled = false;
|
|
5282
|
-
this.disableKeyboardHandling = false;
|
|
5283
5239
|
this.error = false;
|
|
5284
5240
|
this.tabIndex = 0;
|
|
5285
5241
|
this.noToggle = false;
|
|
@@ -5491,14 +5447,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5491
5447
|
reflect: true
|
|
5492
5448
|
},
|
|
5493
5449
|
|
|
5494
|
-
/**
|
|
5495
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5496
|
-
*/
|
|
5497
|
-
disableKeyboardHandling: {
|
|
5498
|
-
type: Boolean,
|
|
5499
|
-
reflect: true
|
|
5500
|
-
},
|
|
5501
|
-
|
|
5502
5450
|
/**
|
|
5503
5451
|
* @private
|
|
5504
5452
|
*/
|
|
@@ -5804,7 +5752,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5804
5752
|
|
|
5805
5753
|
firstUpdated() {
|
|
5806
5754
|
// Configure the floater to, this will generate the ID for the bib
|
|
5807
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5755
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5808
5756
|
|
|
5809
5757
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5810
5758
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6112,7 +6060,6 @@ class AuroDropdown extends AuroElement {
|
|
|
6112
6060
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6113
6061
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6114
6062
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6115
|
-
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6116
6063
|
@focusin="${this.handleFocusin}"
|
|
6117
6064
|
@blur="${this.handleFocusOut}">
|
|
6118
6065
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6851,7 +6798,7 @@ class AuroHelpText extends i$3 {
|
|
|
6851
6798
|
}
|
|
6852
6799
|
}
|
|
6853
6800
|
|
|
6854
|
-
var formkitVersion = '
|
|
6801
|
+
var formkitVersion = '202604021941';
|
|
6855
6802
|
|
|
6856
6803
|
var styleCss$2 = 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);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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 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, 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}`;
|
|
6857
6804
|
|
|
@@ -7394,20 +7341,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7394
7341
|
if (this.dropdown.isPopoverVisible) {
|
|
7395
7342
|
this.updateMenuShapeSize();
|
|
7396
7343
|
|
|
7397
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7398
|
-
// No selection → first enabled option gets highlighted
|
|
7399
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7400
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7401
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7402
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7403
|
-
} else if (!this.menu.optionActive) {
|
|
7404
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7405
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7406
|
-
this.menu.updateActiveOption(firstActive);
|
|
7407
|
-
}
|
|
7408
|
-
|
|
7409
|
-
// Scroll the selected option into view when dropdown opens
|
|
7410
|
-
this.scrollSelectedOptionIntoView();
|
|
7411
7344
|
if (this.dropdown.isBibFullscreen) {
|
|
7412
7345
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7413
7346
|
// behind the fullscreen dialog
|
|
@@ -7419,6 +7352,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7419
7352
|
// multiple Lit update cycles before moving focus into the bib
|
|
7420
7353
|
doubleRaf(() => {
|
|
7421
7354
|
this.bibtemplate.focusCloseButton();
|
|
7355
|
+
|
|
7356
|
+
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7357
|
+
// No selection → no highlight
|
|
7358
|
+
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7359
|
+
this.menu.updateActiveOption(this.optionSelected);
|
|
7360
|
+
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7361
|
+
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7362
|
+
}
|
|
7363
|
+
|
|
7364
|
+
// Scroll the selected option into view when dropdown opens
|
|
7365
|
+
this.scrollSelectedOptionIntoView();
|
|
7422
7366
|
});
|
|
7423
7367
|
} else {
|
|
7424
7368
|
// wait til the bib gets fully rendered
|
|
@@ -8104,7 +8048,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8104
8048
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8105
8049
|
</div>
|
|
8106
8050
|
<${this.dropdownTag}
|
|
8107
|
-
disableKeyboardHandling
|
|
8108
8051
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8109
8052
|
.a11yRole=${"combobox"}
|
|
8110
8053
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8184,7 +8127,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8184
8127
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8185
8128
|
</div>
|
|
8186
8129
|
<${this.dropdownTag}
|
|
8187
|
-
disableKeyboardHandling
|
|
8188
8130
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8189
8131
|
.a11yRole=${"combobox"}
|
|
8190
8132
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8270,7 +8212,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8270
8212
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8271
8213
|
</div>
|
|
8272
8214
|
<${this.dropdownTag}
|
|
8273
|
-
disableKeyboardHandling
|
|
8274
8215
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8275
8216
|
.a11yRole=${"combobox"}
|
|
8276
8217
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8948,7 +8889,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8948
8889
|
});
|
|
8949
8890
|
|
|
8950
8891
|
return u$4`
|
|
8951
|
-
<div class="${classes}"
|
|
8892
|
+
<div class="${classes}">
|
|
8952
8893
|
${this.selected && !this.noCheckmark
|
|
8953
8894
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
8954
8895
|
: undefined}
|
|
@@ -1291,16 +1291,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
1291
1291
|
}
|
|
1292
1292
|
}
|
|
1293
1293
|
|
|
1294
|
-
/* eslint-disable new-cap */
|
|
1295
|
-
|
|
1296
1294
|
const selectKeyboardStrategy = {
|
|
1297
1295
|
ArrowUp(component, evt, ctx) {
|
|
1298
1296
|
evt.preventDefault();
|
|
1299
|
-
if (evt.altKey || evt.metaKey) {
|
|
1300
|
-
// navigate to first enabled option
|
|
1301
|
-
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
1302
|
-
return;
|
|
1303
|
-
}
|
|
1304
1297
|
navigateArrow(component, 'up', {
|
|
1305
1298
|
ctx,
|
|
1306
1299
|
showFn: () => component.dropdown.show(),
|
|
@@ -1309,34 +1302,30 @@ const selectKeyboardStrategy = {
|
|
|
1309
1302
|
|
|
1310
1303
|
ArrowDown(component, evt, ctx) {
|
|
1311
1304
|
evt.preventDefault();
|
|
1312
|
-
if (evt.altKey || evt.metaKey) {
|
|
1313
|
-
// navigate to last enabled option
|
|
1314
|
-
selectKeyboardStrategy.End(component, evt, ctx);
|
|
1315
|
-
return;
|
|
1316
|
-
}
|
|
1317
1305
|
navigateArrow(component, 'down', {
|
|
1318
1306
|
ctx,
|
|
1319
1307
|
showFn: () => component.dropdown.show(),
|
|
1320
1308
|
});
|
|
1321
1309
|
},
|
|
1322
1310
|
|
|
1323
|
-
Enter(component, evt
|
|
1324
|
-
|
|
1325
|
-
component.dropdown.show();
|
|
1326
|
-
return;
|
|
1327
|
-
}
|
|
1311
|
+
Enter(component, evt) {
|
|
1312
|
+
evt.preventDefault();
|
|
1328
1313
|
component.menu.makeSelection();
|
|
1329
1314
|
},
|
|
1330
1315
|
|
|
1331
|
-
|
|
1316
|
+
Tab(component, evt, ctx) {
|
|
1332
1317
|
if (!ctx.isExpanded) {
|
|
1333
1318
|
return;
|
|
1334
1319
|
}
|
|
1335
|
-
component.dropdown.hide();
|
|
1336
|
-
},
|
|
1337
1320
|
|
|
1338
|
-
|
|
1339
|
-
|
|
1321
|
+
// Shift+Tab moves the highlight to the first non-disabled option
|
|
1322
|
+
// without making a selection or closing the bib.
|
|
1323
|
+
if (evt.shiftKey) {
|
|
1324
|
+
evt.preventDefault();
|
|
1325
|
+
const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
|
|
1326
|
+
if (firstActive) {
|
|
1327
|
+
component.menu.updateActiveOption(firstActive);
|
|
1328
|
+
}
|
|
1340
1329
|
return;
|
|
1341
1330
|
}
|
|
1342
1331
|
|
|
@@ -1347,41 +1336,9 @@ const selectKeyboardStrategy = {
|
|
|
1347
1336
|
}
|
|
1348
1337
|
component.dropdown.hide();
|
|
1349
1338
|
},
|
|
1350
|
-
Home(component, evt, ctx) {
|
|
1351
|
-
if (!ctx.isExpanded) {
|
|
1352
|
-
return;
|
|
1353
|
-
}
|
|
1354
|
-
evt.preventDefault();
|
|
1355
|
-
evt.stopPropagation();
|
|
1356
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1357
|
-
if (firstOption) {
|
|
1358
|
-
component.menu.updateActiveOption(firstOption);
|
|
1359
|
-
}
|
|
1360
|
-
},
|
|
1361
|
-
|
|
1362
|
-
End(component, evt, ctx) {
|
|
1363
|
-
if (!ctx.isExpanded) {
|
|
1364
|
-
return;
|
|
1365
|
-
}
|
|
1366
|
-
evt.preventDefault();
|
|
1367
|
-
evt.stopPropagation();
|
|
1368
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1369
|
-
if (lastOption) {
|
|
1370
|
-
component.menu.updateActiveOption(lastOption);
|
|
1371
|
-
}
|
|
1372
|
-
},
|
|
1373
1339
|
|
|
1374
|
-
default(component, evt
|
|
1340
|
+
default(component, evt) {
|
|
1375
1341
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1376
|
-
if (evt.key === ' ') {
|
|
1377
|
-
evt.preventDefault();
|
|
1378
|
-
evt.stopPropagation();
|
|
1379
|
-
if (ctx.isExpanded) {
|
|
1380
|
-
component.dropdown.hide();
|
|
1381
|
-
return;
|
|
1382
|
-
}
|
|
1383
|
-
component.dropdown.show();
|
|
1384
|
-
}
|
|
1385
1342
|
},
|
|
1386
1343
|
};
|
|
1387
1344
|
|
|
@@ -5026,7 +4983,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5026
4983
|
}
|
|
5027
4984
|
};
|
|
5028
4985
|
|
|
5029
|
-
var formkitVersion$1 = '
|
|
4986
|
+
var formkitVersion$1 = '202604021941';
|
|
5030
4987
|
|
|
5031
4988
|
class AuroElement extends i$3 {
|
|
5032
4989
|
static get properties() {
|
|
@@ -5207,7 +5164,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5207
5164
|
this.appearance = 'default';
|
|
5208
5165
|
this.chevron = false;
|
|
5209
5166
|
this.disabled = false;
|
|
5210
|
-
this.disableKeyboardHandling = false;
|
|
5211
5167
|
this.error = false;
|
|
5212
5168
|
this.tabIndex = 0;
|
|
5213
5169
|
this.noToggle = false;
|
|
@@ -5419,14 +5375,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5419
5375
|
reflect: true
|
|
5420
5376
|
},
|
|
5421
5377
|
|
|
5422
|
-
/**
|
|
5423
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5424
|
-
*/
|
|
5425
|
-
disableKeyboardHandling: {
|
|
5426
|
-
type: Boolean,
|
|
5427
|
-
reflect: true
|
|
5428
|
-
},
|
|
5429
|
-
|
|
5430
5378
|
/**
|
|
5431
5379
|
* @private
|
|
5432
5380
|
*/
|
|
@@ -5732,7 +5680,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5732
5680
|
|
|
5733
5681
|
firstUpdated() {
|
|
5734
5682
|
// Configure the floater to, this will generate the ID for the bib
|
|
5735
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5683
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5736
5684
|
|
|
5737
5685
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5738
5686
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6040,7 +5988,6 @@ class AuroDropdown extends AuroElement {
|
|
|
6040
5988
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6041
5989
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6042
5990
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6043
|
-
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6044
5991
|
@focusin="${this.handleFocusin}"
|
|
6045
5992
|
@blur="${this.handleFocusOut}">
|
|
6046
5993
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6779,7 +6726,7 @@ class AuroHelpText extends i$3 {
|
|
|
6779
6726
|
}
|
|
6780
6727
|
}
|
|
6781
6728
|
|
|
6782
|
-
var formkitVersion = '
|
|
6729
|
+
var formkitVersion = '202604021941';
|
|
6783
6730
|
|
|
6784
6731
|
var styleCss$2 = 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);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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 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, 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}`;
|
|
6785
6732
|
|
|
@@ -7322,20 +7269,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7322
7269
|
if (this.dropdown.isPopoverVisible) {
|
|
7323
7270
|
this.updateMenuShapeSize();
|
|
7324
7271
|
|
|
7325
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7326
|
-
// No selection → first enabled option gets highlighted
|
|
7327
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7328
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7329
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7330
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7331
|
-
} else if (!this.menu.optionActive) {
|
|
7332
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7333
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7334
|
-
this.menu.updateActiveOption(firstActive);
|
|
7335
|
-
}
|
|
7336
|
-
|
|
7337
|
-
// Scroll the selected option into view when dropdown opens
|
|
7338
|
-
this.scrollSelectedOptionIntoView();
|
|
7339
7272
|
if (this.dropdown.isBibFullscreen) {
|
|
7340
7273
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7341
7274
|
// behind the fullscreen dialog
|
|
@@ -7347,6 +7280,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7347
7280
|
// multiple Lit update cycles before moving focus into the bib
|
|
7348
7281
|
doubleRaf(() => {
|
|
7349
7282
|
this.bibtemplate.focusCloseButton();
|
|
7283
|
+
|
|
7284
|
+
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7285
|
+
// No selection → no highlight
|
|
7286
|
+
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7287
|
+
this.menu.updateActiveOption(this.optionSelected);
|
|
7288
|
+
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7289
|
+
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7290
|
+
}
|
|
7291
|
+
|
|
7292
|
+
// Scroll the selected option into view when dropdown opens
|
|
7293
|
+
this.scrollSelectedOptionIntoView();
|
|
7350
7294
|
});
|
|
7351
7295
|
} else {
|
|
7352
7296
|
// wait til the bib gets fully rendered
|
|
@@ -8032,7 +7976,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8032
7976
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8033
7977
|
</div>
|
|
8034
7978
|
<${this.dropdownTag}
|
|
8035
|
-
disableKeyboardHandling
|
|
8036
7979
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8037
7980
|
.a11yRole=${"combobox"}
|
|
8038
7981
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8112,7 +8055,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8112
8055
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8113
8056
|
</div>
|
|
8114
8057
|
<${this.dropdownTag}
|
|
8115
|
-
disableKeyboardHandling
|
|
8116
8058
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8117
8059
|
.a11yRole=${"combobox"}
|
|
8118
8060
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8198,7 +8140,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8198
8140
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8199
8141
|
</div>
|
|
8200
8142
|
<${this.dropdownTag}
|
|
8201
|
-
disableKeyboardHandling
|
|
8202
8143
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8203
8144
|
.a11yRole=${"combobox"}
|
|
8204
8145
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8876,7 +8817,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8876
8817
|
});
|
|
8877
8818
|
|
|
8878
8819
|
return u$4`
|
|
8879
|
-
<div class="${classes}"
|
|
8820
|
+
<div class="${classes}">
|
|
8880
8821
|
${this.selected && !this.noCheckmark
|
|
8881
8822
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
8882
8823
|
: undefined}
|