@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
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
<td>
|
|
164
164
|
The current <code>focused</code> option is selected.
|
|
165
165
|
<div class="note">
|
|
166
|
-
<strong>Note:</strong> the page will also navigate to the next focusable element in the tabindex
|
|
166
|
+
<strong>Note:</strong> the page will also navigate to the next focusable element in the tabindex order.
|
|
167
167
|
</div>
|
|
168
168
|
</td>
|
|
169
169
|
</tr>
|
|
@@ -172,9 +172,9 @@
|
|
|
172
172
|
<td>Expanded</td>
|
|
173
173
|
<td>Trigger element</td>
|
|
174
174
|
<td>
|
|
175
|
-
|
|
175
|
+
Advances the <code>focused</code> option to the first enabled option in the list.
|
|
176
176
|
<div class="note">
|
|
177
|
-
<strong>Note:</strong> the page will
|
|
177
|
+
<strong>Note:</strong> the page will <strong>NOT</strong> navigate to the previous focusable element in the tabindex order.
|
|
178
178
|
</div>
|
|
179
179
|
</td>
|
|
180
180
|
</tr>
|
|
@@ -1248,16 +1248,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
1250
1250
|
|
|
1251
|
-
/* eslint-disable new-cap */
|
|
1252
|
-
|
|
1253
1251
|
const selectKeyboardStrategy = {
|
|
1254
1252
|
ArrowUp(component, evt, ctx) {
|
|
1255
1253
|
evt.preventDefault();
|
|
1256
|
-
if (evt.altKey || evt.metaKey) {
|
|
1257
|
-
// navigate to first enabled option
|
|
1258
|
-
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
1259
|
-
return;
|
|
1260
|
-
}
|
|
1261
1254
|
navigateArrow(component, 'up', {
|
|
1262
1255
|
ctx,
|
|
1263
1256
|
showFn: () => component.dropdown.show(),
|
|
@@ -1266,36 +1259,30 @@ const selectKeyboardStrategy = {
|
|
|
1266
1259
|
|
|
1267
1260
|
ArrowDown(component, evt, ctx) {
|
|
1268
1261
|
evt.preventDefault();
|
|
1269
|
-
if (evt.altKey || evt.metaKey) {
|
|
1270
|
-
// navigate to last enabled option
|
|
1271
|
-
selectKeyboardStrategy.End(component, evt, ctx);
|
|
1272
|
-
return;
|
|
1273
|
-
}
|
|
1274
1262
|
navigateArrow(component, 'down', {
|
|
1275
1263
|
ctx,
|
|
1276
1264
|
showFn: () => component.dropdown.show(),
|
|
1277
1265
|
});
|
|
1278
1266
|
},
|
|
1279
1267
|
|
|
1280
|
-
Enter(component, evt
|
|
1268
|
+
Enter(component, evt) {
|
|
1281
1269
|
evt.preventDefault();
|
|
1282
|
-
evt.stopPropagation();
|
|
1283
|
-
if (!ctx.isExpanded) {
|
|
1284
|
-
component.dropdown.show();
|
|
1285
|
-
return;
|
|
1286
|
-
}
|
|
1287
1270
|
component.menu.makeSelection();
|
|
1288
1271
|
},
|
|
1289
1272
|
|
|
1290
|
-
|
|
1273
|
+
Tab(component, evt, ctx) {
|
|
1291
1274
|
if (!ctx.isExpanded) {
|
|
1292
1275
|
return;
|
|
1293
1276
|
}
|
|
1294
|
-
component.dropdown.hide();
|
|
1295
|
-
},
|
|
1296
1277
|
|
|
1297
|
-
|
|
1298
|
-
|
|
1278
|
+
// Shift+Tab moves the highlight to the first non-disabled option
|
|
1279
|
+
// without making a selection or closing the bib.
|
|
1280
|
+
if (evt.shiftKey) {
|
|
1281
|
+
evt.preventDefault();
|
|
1282
|
+
const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
|
|
1283
|
+
if (firstActive) {
|
|
1284
|
+
component.menu.updateActiveOption(firstActive);
|
|
1285
|
+
}
|
|
1299
1286
|
return;
|
|
1300
1287
|
}
|
|
1301
1288
|
|
|
@@ -1306,41 +1293,9 @@ const selectKeyboardStrategy = {
|
|
|
1306
1293
|
}
|
|
1307
1294
|
component.dropdown.hide();
|
|
1308
1295
|
},
|
|
1309
|
-
Home(component, evt, ctx) {
|
|
1310
|
-
if (!ctx.isExpanded) {
|
|
1311
|
-
return;
|
|
1312
|
-
}
|
|
1313
|
-
evt.preventDefault();
|
|
1314
|
-
evt.stopPropagation();
|
|
1315
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1316
|
-
if (firstOption) {
|
|
1317
|
-
component.menu.updateActiveOption(firstOption);
|
|
1318
|
-
}
|
|
1319
|
-
},
|
|
1320
1296
|
|
|
1321
|
-
|
|
1322
|
-
if (!ctx.isExpanded) {
|
|
1323
|
-
return;
|
|
1324
|
-
}
|
|
1325
|
-
evt.preventDefault();
|
|
1326
|
-
evt.stopPropagation();
|
|
1327
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1328
|
-
if (lastOption) {
|
|
1329
|
-
component.menu.updateActiveOption(lastOption);
|
|
1330
|
-
}
|
|
1331
|
-
},
|
|
1332
|
-
|
|
1333
|
-
default(component, evt, ctx) {
|
|
1297
|
+
default(component, evt) {
|
|
1334
1298
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1335
|
-
if (evt.key === ' ') {
|
|
1336
|
-
evt.preventDefault();
|
|
1337
|
-
evt.stopPropagation();
|
|
1338
|
-
if (ctx.isExpanded) {
|
|
1339
|
-
component.dropdown.hide();
|
|
1340
|
-
return;
|
|
1341
|
-
}
|
|
1342
|
-
component.dropdown.show();
|
|
1343
|
-
}
|
|
1344
1299
|
},
|
|
1345
1300
|
};
|
|
1346
1301
|
|
|
@@ -4961,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4961
4916
|
}
|
|
4962
4917
|
};
|
|
4963
4918
|
|
|
4964
|
-
var formkitVersion$1 = '
|
|
4919
|
+
var formkitVersion$1 = '202604021941';
|
|
4965
4920
|
|
|
4966
4921
|
class AuroElement extends LitElement {
|
|
4967
4922
|
static get properties() {
|
|
@@ -5142,7 +5097,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5142
5097
|
this.appearance = 'default';
|
|
5143
5098
|
this.chevron = false;
|
|
5144
5099
|
this.disabled = false;
|
|
5145
|
-
this.disableKeyboardHandling = false;
|
|
5146
5100
|
this.error = false;
|
|
5147
5101
|
this.tabIndex = 0;
|
|
5148
5102
|
this.noToggle = false;
|
|
@@ -5354,14 +5308,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5354
5308
|
reflect: true
|
|
5355
5309
|
},
|
|
5356
5310
|
|
|
5357
|
-
/**
|
|
5358
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5359
|
-
*/
|
|
5360
|
-
disableKeyboardHandling: {
|
|
5361
|
-
type: Boolean,
|
|
5362
|
-
reflect: true
|
|
5363
|
-
},
|
|
5364
|
-
|
|
5365
5311
|
/**
|
|
5366
5312
|
* @private
|
|
5367
5313
|
*/
|
|
@@ -5667,7 +5613,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5667
5613
|
|
|
5668
5614
|
firstUpdated() {
|
|
5669
5615
|
// Configure the floater to, this will generate the ID for the bib
|
|
5670
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5616
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5671
5617
|
|
|
5672
5618
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5673
5619
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5975,7 +5921,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5975
5921
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5976
5922
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5977
5923
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5978
|
-
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5979
5924
|
@focusin="${this.handleFocusin}"
|
|
5980
5925
|
@blur="${this.handleFocusOut}">
|
|
5981
5926
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6714,7 +6659,7 @@ class AuroHelpText extends LitElement {
|
|
|
6714
6659
|
}
|
|
6715
6660
|
}
|
|
6716
6661
|
|
|
6717
|
-
var formkitVersion = '
|
|
6662
|
+
var formkitVersion = '202604021941';
|
|
6718
6663
|
|
|
6719
6664
|
var styleCss = css`.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}`;
|
|
6720
6665
|
|
|
@@ -7257,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7257
7202
|
if (this.dropdown.isPopoverVisible) {
|
|
7258
7203
|
this.updateMenuShapeSize();
|
|
7259
7204
|
|
|
7260
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7261
|
-
// No selection → first enabled option gets highlighted
|
|
7262
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7263
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7264
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7265
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7266
|
-
} else if (!this.menu.optionActive) {
|
|
7267
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7268
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7269
|
-
this.menu.updateActiveOption(firstActive);
|
|
7270
|
-
}
|
|
7271
|
-
|
|
7272
|
-
// Scroll the selected option into view when dropdown opens
|
|
7273
|
-
this.scrollSelectedOptionIntoView();
|
|
7274
7205
|
if (this.dropdown.isBibFullscreen) {
|
|
7275
7206
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7276
7207
|
// behind the fullscreen dialog
|
|
@@ -7282,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7282
7213
|
// multiple Lit update cycles before moving focus into the bib
|
|
7283
7214
|
doubleRaf(() => {
|
|
7284
7215
|
this.bibtemplate.focusCloseButton();
|
|
7216
|
+
|
|
7217
|
+
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7218
|
+
// No selection → no highlight
|
|
7219
|
+
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7220
|
+
this.menu.updateActiveOption(this.optionSelected);
|
|
7221
|
+
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7222
|
+
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7223
|
+
}
|
|
7224
|
+
|
|
7225
|
+
// Scroll the selected option into view when dropdown opens
|
|
7226
|
+
this.scrollSelectedOptionIntoView();
|
|
7285
7227
|
});
|
|
7286
7228
|
} else {
|
|
7287
7229
|
// wait til the bib gets fully rendered
|
|
@@ -7967,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7967
7909
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
7968
7910
|
</div>
|
|
7969
7911
|
<${this.dropdownTag}
|
|
7970
|
-
disableKeyboardHandling
|
|
7971
7912
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
7972
7913
|
.a11yRole=${"combobox"}
|
|
7973
7914
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8047,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8047
7988
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8048
7989
|
</div>
|
|
8049
7990
|
<${this.dropdownTag}
|
|
8050
|
-
disableKeyboardHandling
|
|
8051
7991
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8052
7992
|
.a11yRole=${"combobox"}
|
|
8053
7993
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8133,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8133
8073
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8134
8074
|
</div>
|
|
8135
8075
|
<${this.dropdownTag}
|
|
8136
|
-
disableKeyboardHandling
|
|
8137
8076
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8138
8077
|
.a11yRole=${"combobox"}
|
|
8139
8078
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -1248,16 +1248,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
1250
1250
|
|
|
1251
|
-
/* eslint-disable new-cap */
|
|
1252
|
-
|
|
1253
1251
|
const selectKeyboardStrategy = {
|
|
1254
1252
|
ArrowUp(component, evt, ctx) {
|
|
1255
1253
|
evt.preventDefault();
|
|
1256
|
-
if (evt.altKey || evt.metaKey) {
|
|
1257
|
-
// navigate to first enabled option
|
|
1258
|
-
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
1259
|
-
return;
|
|
1260
|
-
}
|
|
1261
1254
|
navigateArrow(component, 'up', {
|
|
1262
1255
|
ctx,
|
|
1263
1256
|
showFn: () => component.dropdown.show(),
|
|
@@ -1266,36 +1259,30 @@ const selectKeyboardStrategy = {
|
|
|
1266
1259
|
|
|
1267
1260
|
ArrowDown(component, evt, ctx) {
|
|
1268
1261
|
evt.preventDefault();
|
|
1269
|
-
if (evt.altKey || evt.metaKey) {
|
|
1270
|
-
// navigate to last enabled option
|
|
1271
|
-
selectKeyboardStrategy.End(component, evt, ctx);
|
|
1272
|
-
return;
|
|
1273
|
-
}
|
|
1274
1262
|
navigateArrow(component, 'down', {
|
|
1275
1263
|
ctx,
|
|
1276
1264
|
showFn: () => component.dropdown.show(),
|
|
1277
1265
|
});
|
|
1278
1266
|
},
|
|
1279
1267
|
|
|
1280
|
-
Enter(component, evt
|
|
1268
|
+
Enter(component, evt) {
|
|
1281
1269
|
evt.preventDefault();
|
|
1282
|
-
evt.stopPropagation();
|
|
1283
|
-
if (!ctx.isExpanded) {
|
|
1284
|
-
component.dropdown.show();
|
|
1285
|
-
return;
|
|
1286
|
-
}
|
|
1287
1270
|
component.menu.makeSelection();
|
|
1288
1271
|
},
|
|
1289
1272
|
|
|
1290
|
-
|
|
1273
|
+
Tab(component, evt, ctx) {
|
|
1291
1274
|
if (!ctx.isExpanded) {
|
|
1292
1275
|
return;
|
|
1293
1276
|
}
|
|
1294
|
-
component.dropdown.hide();
|
|
1295
|
-
},
|
|
1296
1277
|
|
|
1297
|
-
|
|
1298
|
-
|
|
1278
|
+
// Shift+Tab moves the highlight to the first non-disabled option
|
|
1279
|
+
// without making a selection or closing the bib.
|
|
1280
|
+
if (evt.shiftKey) {
|
|
1281
|
+
evt.preventDefault();
|
|
1282
|
+
const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive);
|
|
1283
|
+
if (firstActive) {
|
|
1284
|
+
component.menu.updateActiveOption(firstActive);
|
|
1285
|
+
}
|
|
1299
1286
|
return;
|
|
1300
1287
|
}
|
|
1301
1288
|
|
|
@@ -1306,41 +1293,9 @@ const selectKeyboardStrategy = {
|
|
|
1306
1293
|
}
|
|
1307
1294
|
component.dropdown.hide();
|
|
1308
1295
|
},
|
|
1309
|
-
Home(component, evt, ctx) {
|
|
1310
|
-
if (!ctx.isExpanded) {
|
|
1311
|
-
return;
|
|
1312
|
-
}
|
|
1313
|
-
evt.preventDefault();
|
|
1314
|
-
evt.stopPropagation();
|
|
1315
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1316
|
-
if (firstOption) {
|
|
1317
|
-
component.menu.updateActiveOption(firstOption);
|
|
1318
|
-
}
|
|
1319
|
-
},
|
|
1320
1296
|
|
|
1321
|
-
|
|
1322
|
-
if (!ctx.isExpanded) {
|
|
1323
|
-
return;
|
|
1324
|
-
}
|
|
1325
|
-
evt.preventDefault();
|
|
1326
|
-
evt.stopPropagation();
|
|
1327
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1328
|
-
if (lastOption) {
|
|
1329
|
-
component.menu.updateActiveOption(lastOption);
|
|
1330
|
-
}
|
|
1331
|
-
},
|
|
1332
|
-
|
|
1333
|
-
default(component, evt, ctx) {
|
|
1297
|
+
default(component, evt) {
|
|
1334
1298
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1335
|
-
if (evt.key === ' ') {
|
|
1336
|
-
evt.preventDefault();
|
|
1337
|
-
evt.stopPropagation();
|
|
1338
|
-
if (ctx.isExpanded) {
|
|
1339
|
-
component.dropdown.hide();
|
|
1340
|
-
return;
|
|
1341
|
-
}
|
|
1342
|
-
component.dropdown.show();
|
|
1343
|
-
}
|
|
1344
1299
|
},
|
|
1345
1300
|
};
|
|
1346
1301
|
|
|
@@ -4961,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4961
4916
|
}
|
|
4962
4917
|
};
|
|
4963
4918
|
|
|
4964
|
-
var formkitVersion$1 = '
|
|
4919
|
+
var formkitVersion$1 = '202604021941';
|
|
4965
4920
|
|
|
4966
4921
|
class AuroElement extends LitElement {
|
|
4967
4922
|
static get properties() {
|
|
@@ -5142,7 +5097,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5142
5097
|
this.appearance = 'default';
|
|
5143
5098
|
this.chevron = false;
|
|
5144
5099
|
this.disabled = false;
|
|
5145
|
-
this.disableKeyboardHandling = false;
|
|
5146
5100
|
this.error = false;
|
|
5147
5101
|
this.tabIndex = 0;
|
|
5148
5102
|
this.noToggle = false;
|
|
@@ -5354,14 +5308,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5354
5308
|
reflect: true
|
|
5355
5309
|
},
|
|
5356
5310
|
|
|
5357
|
-
/**
|
|
5358
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5359
|
-
*/
|
|
5360
|
-
disableKeyboardHandling: {
|
|
5361
|
-
type: Boolean,
|
|
5362
|
-
reflect: true
|
|
5363
|
-
},
|
|
5364
|
-
|
|
5365
5311
|
/**
|
|
5366
5312
|
* @private
|
|
5367
5313
|
*/
|
|
@@ -5667,7 +5613,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5667
5613
|
|
|
5668
5614
|
firstUpdated() {
|
|
5669
5615
|
// Configure the floater to, this will generate the ID for the bib
|
|
5670
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5616
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5671
5617
|
|
|
5672
5618
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5673
5619
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5975,7 +5921,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5975
5921
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5976
5922
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5977
5923
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5978
|
-
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5979
5924
|
@focusin="${this.handleFocusin}"
|
|
5980
5925
|
@blur="${this.handleFocusOut}">
|
|
5981
5926
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6714,7 +6659,7 @@ class AuroHelpText extends LitElement {
|
|
|
6714
6659
|
}
|
|
6715
6660
|
}
|
|
6716
6661
|
|
|
6717
|
-
var formkitVersion = '
|
|
6662
|
+
var formkitVersion = '202604021941';
|
|
6718
6663
|
|
|
6719
6664
|
var styleCss = css`.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}`;
|
|
6720
6665
|
|
|
@@ -7257,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7257
7202
|
if (this.dropdown.isPopoverVisible) {
|
|
7258
7203
|
this.updateMenuShapeSize();
|
|
7259
7204
|
|
|
7260
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7261
|
-
// No selection → first enabled option gets highlighted
|
|
7262
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7263
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7264
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7265
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7266
|
-
} else if (!this.menu.optionActive) {
|
|
7267
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7268
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7269
|
-
this.menu.updateActiveOption(firstActive);
|
|
7270
|
-
}
|
|
7271
|
-
|
|
7272
|
-
// Scroll the selected option into view when dropdown opens
|
|
7273
|
-
this.scrollSelectedOptionIntoView();
|
|
7274
7205
|
if (this.dropdown.isBibFullscreen) {
|
|
7275
7206
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7276
7207
|
// behind the fullscreen dialog
|
|
@@ -7282,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7282
7213
|
// multiple Lit update cycles before moving focus into the bib
|
|
7283
7214
|
doubleRaf(() => {
|
|
7284
7215
|
this.bibtemplate.focusCloseButton();
|
|
7216
|
+
|
|
7217
|
+
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7218
|
+
// No selection → no highlight
|
|
7219
|
+
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7220
|
+
this.menu.updateActiveOption(this.optionSelected);
|
|
7221
|
+
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7222
|
+
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7223
|
+
}
|
|
7224
|
+
|
|
7225
|
+
// Scroll the selected option into view when dropdown opens
|
|
7226
|
+
this.scrollSelectedOptionIntoView();
|
|
7285
7227
|
});
|
|
7286
7228
|
} else {
|
|
7287
7229
|
// wait til the bib gets fully rendered
|
|
@@ -7967,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7967
7909
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
7968
7910
|
</div>
|
|
7969
7911
|
<${this.dropdownTag}
|
|
7970
|
-
disableKeyboardHandling
|
|
7971
7912
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
7972
7913
|
.a11yRole=${"combobox"}
|
|
7973
7914
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8047,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8047
7988
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8048
7989
|
</div>
|
|
8049
7990
|
<${this.dropdownTag}
|
|
8050
|
-
disableKeyboardHandling
|
|
8051
7991
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8052
7992
|
.a11yRole=${"combobox"}
|
|
8053
7993
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8133,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8133
8073
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8134
8074
|
</div>
|
|
8135
8075
|
<${this.dropdownTag}
|
|
8136
|
-
disableKeyboardHandling
|
|
8137
8076
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8138
8077
|
.a11yRole=${"combobox"}
|
|
8139
8078
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
export namespace selectKeyboardStrategy {
|
|
2
2
|
export function ArrowUp(component: any, evt: any, ctx: any): void;
|
|
3
3
|
export function ArrowDown(component: any, evt: any, ctx: any): void;
|
|
4
|
-
export function Enter(component: any, evt: any
|
|
5
|
-
export function Escape(component: any, evt: any, ctx: any): void;
|
|
4
|
+
export function Enter(component: any, evt: any): void;
|
|
6
5
|
export function Tab(component: any, evt: any, ctx: any): void;
|
|
7
|
-
|
|
8
|
-
export function End(component: any, evt: any, ctx: any): void;
|
|
9
|
-
function _default(component: any, evt: any, ctx: any): void;
|
|
6
|
+
function _default(component: any, evt: any): void;
|
|
10
7
|
export { _default as default };
|
|
11
8
|
}
|