@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.3 → 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 +58 -252
- package/components/form/demo/index.min.js +58 -252
- 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 +26 -87
- package/components/select/demo/index.min.js +26 -87
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +25 -86
- package/components/select/dist/registered.js +25 -86
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +246 -265
- 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,36 +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
|
|
1383
|
+
Enter(component, evt) {
|
|
1396
1384
|
evt.preventDefault();
|
|
1397
|
-
evt.stopPropagation();
|
|
1398
|
-
if (!ctx.isExpanded) {
|
|
1399
|
-
component.dropdown.show();
|
|
1400
|
-
return;
|
|
1401
|
-
}
|
|
1402
1385
|
component.menu.makeSelection();
|
|
1403
1386
|
},
|
|
1404
1387
|
|
|
1405
|
-
|
|
1388
|
+
Tab(component, evt, ctx) {
|
|
1406
1389
|
if (!ctx.isExpanded) {
|
|
1407
1390
|
return;
|
|
1408
1391
|
}
|
|
1409
|
-
component.dropdown.hide();
|
|
1410
|
-
},
|
|
1411
1392
|
|
|
1412
|
-
|
|
1413
|
-
|
|
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
|
+
}
|
|
1414
1401
|
return;
|
|
1415
1402
|
}
|
|
1416
1403
|
|
|
@@ -1421,41 +1408,9 @@ const selectKeyboardStrategy = {
|
|
|
1421
1408
|
}
|
|
1422
1409
|
component.dropdown.hide();
|
|
1423
1410
|
},
|
|
1424
|
-
Home(component, evt, ctx) {
|
|
1425
|
-
if (!ctx.isExpanded) {
|
|
1426
|
-
return;
|
|
1427
|
-
}
|
|
1428
|
-
evt.preventDefault();
|
|
1429
|
-
evt.stopPropagation();
|
|
1430
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1431
|
-
if (firstOption) {
|
|
1432
|
-
component.menu.updateActiveOption(firstOption);
|
|
1433
|
-
}
|
|
1434
|
-
},
|
|
1435
1411
|
|
|
1436
|
-
|
|
1437
|
-
if (!ctx.isExpanded) {
|
|
1438
|
-
return;
|
|
1439
|
-
}
|
|
1440
|
-
evt.preventDefault();
|
|
1441
|
-
evt.stopPropagation();
|
|
1442
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1443
|
-
if (lastOption) {
|
|
1444
|
-
component.menu.updateActiveOption(lastOption);
|
|
1445
|
-
}
|
|
1446
|
-
},
|
|
1447
|
-
|
|
1448
|
-
default(component, evt, ctx) {
|
|
1412
|
+
default(component, evt) {
|
|
1449
1413
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1450
|
-
if (evt.key === ' ') {
|
|
1451
|
-
evt.preventDefault();
|
|
1452
|
-
evt.stopPropagation();
|
|
1453
|
-
if (ctx.isExpanded) {
|
|
1454
|
-
component.dropdown.hide();
|
|
1455
|
-
return;
|
|
1456
|
-
}
|
|
1457
|
-
component.dropdown.show();
|
|
1458
|
-
}
|
|
1459
1414
|
},
|
|
1460
1415
|
};
|
|
1461
1416
|
|
|
@@ -5100,7 +5055,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5100
5055
|
}
|
|
5101
5056
|
};
|
|
5102
5057
|
|
|
5103
|
-
var formkitVersion$1 = '
|
|
5058
|
+
var formkitVersion$1 = '202604021941';
|
|
5104
5059
|
|
|
5105
5060
|
class AuroElement extends i$3 {
|
|
5106
5061
|
static get properties() {
|
|
@@ -5281,7 +5236,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5281
5236
|
this.appearance = 'default';
|
|
5282
5237
|
this.chevron = false;
|
|
5283
5238
|
this.disabled = false;
|
|
5284
|
-
this.disableKeyboardHandling = false;
|
|
5285
5239
|
this.error = false;
|
|
5286
5240
|
this.tabIndex = 0;
|
|
5287
5241
|
this.noToggle = false;
|
|
@@ -5493,14 +5447,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5493
5447
|
reflect: true
|
|
5494
5448
|
},
|
|
5495
5449
|
|
|
5496
|
-
/**
|
|
5497
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5498
|
-
*/
|
|
5499
|
-
disableKeyboardHandling: {
|
|
5500
|
-
type: Boolean,
|
|
5501
|
-
reflect: true
|
|
5502
|
-
},
|
|
5503
|
-
|
|
5504
5450
|
/**
|
|
5505
5451
|
* @private
|
|
5506
5452
|
*/
|
|
@@ -5806,7 +5752,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5806
5752
|
|
|
5807
5753
|
firstUpdated() {
|
|
5808
5754
|
// Configure the floater to, this will generate the ID for the bib
|
|
5809
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5755
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5810
5756
|
|
|
5811
5757
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5812
5758
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6114,7 +6060,6 @@ class AuroDropdown extends AuroElement {
|
|
|
6114
6060
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6115
6061
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6116
6062
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6117
|
-
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6118
6063
|
@focusin="${this.handleFocusin}"
|
|
6119
6064
|
@blur="${this.handleFocusOut}">
|
|
6120
6065
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6853,7 +6798,7 @@ class AuroHelpText extends i$3 {
|
|
|
6853
6798
|
}
|
|
6854
6799
|
}
|
|
6855
6800
|
|
|
6856
|
-
var formkitVersion = '
|
|
6801
|
+
var formkitVersion = '202604021941';
|
|
6857
6802
|
|
|
6858
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}`;
|
|
6859
6804
|
|
|
@@ -7396,20 +7341,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7396
7341
|
if (this.dropdown.isPopoverVisible) {
|
|
7397
7342
|
this.updateMenuShapeSize();
|
|
7398
7343
|
|
|
7399
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7400
|
-
// No selection → first enabled option gets highlighted
|
|
7401
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7402
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7403
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7404
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7405
|
-
} else if (!this.menu.optionActive) {
|
|
7406
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7407
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7408
|
-
this.menu.updateActiveOption(firstActive);
|
|
7409
|
-
}
|
|
7410
|
-
|
|
7411
|
-
// Scroll the selected option into view when dropdown opens
|
|
7412
|
-
this.scrollSelectedOptionIntoView();
|
|
7413
7344
|
if (this.dropdown.isBibFullscreen) {
|
|
7414
7345
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7415
7346
|
// behind the fullscreen dialog
|
|
@@ -7421,6 +7352,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7421
7352
|
// multiple Lit update cycles before moving focus into the bib
|
|
7422
7353
|
doubleRaf(() => {
|
|
7423
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();
|
|
7424
7366
|
});
|
|
7425
7367
|
} else {
|
|
7426
7368
|
// wait til the bib gets fully rendered
|
|
@@ -8106,7 +8048,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8106
8048
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8107
8049
|
</div>
|
|
8108
8050
|
<${this.dropdownTag}
|
|
8109
|
-
disableKeyboardHandling
|
|
8110
8051
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8111
8052
|
.a11yRole=${"combobox"}
|
|
8112
8053
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8186,7 +8127,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8186
8127
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8187
8128
|
</div>
|
|
8188
8129
|
<${this.dropdownTag}
|
|
8189
|
-
disableKeyboardHandling
|
|
8190
8130
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8191
8131
|
.a11yRole=${"combobox"}
|
|
8192
8132
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8272,7 +8212,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8272
8212
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8273
8213
|
</div>
|
|
8274
8214
|
<${this.dropdownTag}
|
|
8275
|
-
disableKeyboardHandling
|
|
8276
8215
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8277
8216
|
.a11yRole=${"combobox"}
|
|
8278
8217
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8950,7 +8889,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8950
8889
|
});
|
|
8951
8890
|
|
|
8952
8891
|
return u$4`
|
|
8953
|
-
<div class="${classes}"
|
|
8892
|
+
<div class="${classes}">
|
|
8954
8893
|
${this.selected && !this.noCheckmark
|
|
8955
8894
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
8956
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,36 +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
|
|
1311
|
+
Enter(component, evt) {
|
|
1324
1312
|
evt.preventDefault();
|
|
1325
|
-
evt.stopPropagation();
|
|
1326
|
-
if (!ctx.isExpanded) {
|
|
1327
|
-
component.dropdown.show();
|
|
1328
|
-
return;
|
|
1329
|
-
}
|
|
1330
1313
|
component.menu.makeSelection();
|
|
1331
1314
|
},
|
|
1332
1315
|
|
|
1333
|
-
|
|
1316
|
+
Tab(component, evt, ctx) {
|
|
1334
1317
|
if (!ctx.isExpanded) {
|
|
1335
1318
|
return;
|
|
1336
1319
|
}
|
|
1337
|
-
component.dropdown.hide();
|
|
1338
|
-
},
|
|
1339
1320
|
|
|
1340
|
-
|
|
1341
|
-
|
|
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
|
+
}
|
|
1342
1329
|
return;
|
|
1343
1330
|
}
|
|
1344
1331
|
|
|
@@ -1349,41 +1336,9 @@ const selectKeyboardStrategy = {
|
|
|
1349
1336
|
}
|
|
1350
1337
|
component.dropdown.hide();
|
|
1351
1338
|
},
|
|
1352
|
-
Home(component, evt, ctx) {
|
|
1353
|
-
if (!ctx.isExpanded) {
|
|
1354
|
-
return;
|
|
1355
|
-
}
|
|
1356
|
-
evt.preventDefault();
|
|
1357
|
-
evt.stopPropagation();
|
|
1358
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1359
|
-
if (firstOption) {
|
|
1360
|
-
component.menu.updateActiveOption(firstOption);
|
|
1361
|
-
}
|
|
1362
|
-
},
|
|
1363
1339
|
|
|
1364
|
-
|
|
1365
|
-
if (!ctx.isExpanded) {
|
|
1366
|
-
return;
|
|
1367
|
-
}
|
|
1368
|
-
evt.preventDefault();
|
|
1369
|
-
evt.stopPropagation();
|
|
1370
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1371
|
-
if (lastOption) {
|
|
1372
|
-
component.menu.updateActiveOption(lastOption);
|
|
1373
|
-
}
|
|
1374
|
-
},
|
|
1375
|
-
|
|
1376
|
-
default(component, evt, ctx) {
|
|
1340
|
+
default(component, evt) {
|
|
1377
1341
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1378
|
-
if (evt.key === ' ') {
|
|
1379
|
-
evt.preventDefault();
|
|
1380
|
-
evt.stopPropagation();
|
|
1381
|
-
if (ctx.isExpanded) {
|
|
1382
|
-
component.dropdown.hide();
|
|
1383
|
-
return;
|
|
1384
|
-
}
|
|
1385
|
-
component.dropdown.show();
|
|
1386
|
-
}
|
|
1387
1342
|
},
|
|
1388
1343
|
};
|
|
1389
1344
|
|
|
@@ -5028,7 +4983,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5028
4983
|
}
|
|
5029
4984
|
};
|
|
5030
4985
|
|
|
5031
|
-
var formkitVersion$1 = '
|
|
4986
|
+
var formkitVersion$1 = '202604021941';
|
|
5032
4987
|
|
|
5033
4988
|
class AuroElement extends i$3 {
|
|
5034
4989
|
static get properties() {
|
|
@@ -5209,7 +5164,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5209
5164
|
this.appearance = 'default';
|
|
5210
5165
|
this.chevron = false;
|
|
5211
5166
|
this.disabled = false;
|
|
5212
|
-
this.disableKeyboardHandling = false;
|
|
5213
5167
|
this.error = false;
|
|
5214
5168
|
this.tabIndex = 0;
|
|
5215
5169
|
this.noToggle = false;
|
|
@@ -5421,14 +5375,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5421
5375
|
reflect: true
|
|
5422
5376
|
},
|
|
5423
5377
|
|
|
5424
|
-
/**
|
|
5425
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5426
|
-
*/
|
|
5427
|
-
disableKeyboardHandling: {
|
|
5428
|
-
type: Boolean,
|
|
5429
|
-
reflect: true
|
|
5430
|
-
},
|
|
5431
|
-
|
|
5432
5378
|
/**
|
|
5433
5379
|
* @private
|
|
5434
5380
|
*/
|
|
@@ -5734,7 +5680,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5734
5680
|
|
|
5735
5681
|
firstUpdated() {
|
|
5736
5682
|
// Configure the floater to, this will generate the ID for the bib
|
|
5737
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5683
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5738
5684
|
|
|
5739
5685
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5740
5686
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -6042,7 +5988,6 @@ class AuroDropdown extends AuroElement {
|
|
|
6042
5988
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6043
5989
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6044
5990
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6045
|
-
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6046
5991
|
@focusin="${this.handleFocusin}"
|
|
6047
5992
|
@blur="${this.handleFocusOut}">
|
|
6048
5993
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6781,7 +6726,7 @@ class AuroHelpText extends i$3 {
|
|
|
6781
6726
|
}
|
|
6782
6727
|
}
|
|
6783
6728
|
|
|
6784
|
-
var formkitVersion = '
|
|
6729
|
+
var formkitVersion = '202604021941';
|
|
6785
6730
|
|
|
6786
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}`;
|
|
6787
6732
|
|
|
@@ -7324,20 +7269,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7324
7269
|
if (this.dropdown.isPopoverVisible) {
|
|
7325
7270
|
this.updateMenuShapeSize();
|
|
7326
7271
|
|
|
7327
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7328
|
-
// No selection → first enabled option gets highlighted
|
|
7329
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7330
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7331
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7332
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7333
|
-
} else if (!this.menu.optionActive) {
|
|
7334
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7335
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7336
|
-
this.menu.updateActiveOption(firstActive);
|
|
7337
|
-
}
|
|
7338
|
-
|
|
7339
|
-
// Scroll the selected option into view when dropdown opens
|
|
7340
|
-
this.scrollSelectedOptionIntoView();
|
|
7341
7272
|
if (this.dropdown.isBibFullscreen) {
|
|
7342
7273
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7343
7274
|
// behind the fullscreen dialog
|
|
@@ -7349,6 +7280,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7349
7280
|
// multiple Lit update cycles before moving focus into the bib
|
|
7350
7281
|
doubleRaf(() => {
|
|
7351
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();
|
|
7352
7294
|
});
|
|
7353
7295
|
} else {
|
|
7354
7296
|
// wait til the bib gets fully rendered
|
|
@@ -8034,7 +7976,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8034
7976
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8035
7977
|
</div>
|
|
8036
7978
|
<${this.dropdownTag}
|
|
8037
|
-
disableKeyboardHandling
|
|
8038
7979
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8039
7980
|
.a11yRole=${"combobox"}
|
|
8040
7981
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8114,7 +8055,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8114
8055
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8115
8056
|
</div>
|
|
8116
8057
|
<${this.dropdownTag}
|
|
8117
|
-
disableKeyboardHandling
|
|
8118
8058
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8119
8059
|
.a11yRole=${"combobox"}
|
|
8120
8060
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8200,7 +8140,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8200
8140
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8201
8141
|
</div>
|
|
8202
8142
|
<${this.dropdownTag}
|
|
8203
|
-
disableKeyboardHandling
|
|
8204
8143
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8205
8144
|
.a11yRole=${"combobox"}
|
|
8206
8145
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8878,7 +8817,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8878
8817
|
});
|
|
8879
8818
|
|
|
8880
8819
|
return u$4`
|
|
8881
|
-
<div class="${classes}"
|
|
8820
|
+
<div class="${classes}">
|
|
8882
8821
|
${this.selected && !this.noCheckmark
|
|
8883
8822
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
8884
8823
|
: undefined}
|