@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +5 -15
- package/components/combobox/demo/index.min.js +5 -15
- package/components/combobox/dist/index.js +4 -14
- package/components/combobox/dist/registered.js +4 -14
- package/components/counter/demo/api.min.js +3 -13
- package/components/counter/demo/index.min.js +3 -13
- package/components/counter/dist/index.js +3 -13
- package/components/counter/dist/registered.js +3 -13
- package/components/datepicker/demo/api.min.js +22 -135
- package/components/datepicker/demo/index.min.js +22 -135
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
- package/components/datepicker/dist/index.js +22 -135
- package/components/datepicker/dist/registered.js +22 -135
- package/components/dropdown/demo/api.md +28 -29
- package/components/dropdown/demo/api.min.js +2 -12
- package/components/dropdown/demo/index.min.js +2 -12
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
- package/components/dropdown/dist/index.js +2 -12
- package/components/dropdown/dist/registered.js +2 -12
- package/components/form/demo/api.min.js +59 -251
- package/components/form/demo/index.min.js +59 -251
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.min.js +1 -1
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/demo/keyboardBehavior.md +0 -0
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/keyboardBehavior.md +0 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +27 -86
- package/components/select/demo/index.min.js +27 -86
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +26 -85
- package/components/select/dist/registered.js +26 -85
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +1549 -1568
- package/package.json +3 -3
- /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
|
@@ -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,34 +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
|
|
1281
|
-
|
|
1282
|
-
component.dropdown.show();
|
|
1283
|
-
return;
|
|
1284
|
-
}
|
|
1268
|
+
Enter(component, evt) {
|
|
1269
|
+
evt.preventDefault();
|
|
1285
1270
|
component.menu.makeSelection();
|
|
1286
1271
|
},
|
|
1287
1272
|
|
|
1288
|
-
|
|
1273
|
+
Tab(component, evt, ctx) {
|
|
1289
1274
|
if (!ctx.isExpanded) {
|
|
1290
1275
|
return;
|
|
1291
1276
|
}
|
|
1292
|
-
component.dropdown.hide();
|
|
1293
|
-
},
|
|
1294
1277
|
|
|
1295
|
-
|
|
1296
|
-
|
|
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
|
+
}
|
|
1297
1286
|
return;
|
|
1298
1287
|
}
|
|
1299
1288
|
|
|
@@ -1304,41 +1293,9 @@ const selectKeyboardStrategy = {
|
|
|
1304
1293
|
}
|
|
1305
1294
|
component.dropdown.hide();
|
|
1306
1295
|
},
|
|
1307
|
-
Home(component, evt, ctx) {
|
|
1308
|
-
if (!ctx.isExpanded) {
|
|
1309
|
-
return;
|
|
1310
|
-
}
|
|
1311
|
-
evt.preventDefault();
|
|
1312
|
-
evt.stopPropagation();
|
|
1313
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1314
|
-
if (firstOption) {
|
|
1315
|
-
component.menu.updateActiveOption(firstOption);
|
|
1316
|
-
}
|
|
1317
|
-
},
|
|
1318
|
-
|
|
1319
|
-
End(component, evt, ctx) {
|
|
1320
|
-
if (!ctx.isExpanded) {
|
|
1321
|
-
return;
|
|
1322
|
-
}
|
|
1323
|
-
evt.preventDefault();
|
|
1324
|
-
evt.stopPropagation();
|
|
1325
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1326
|
-
if (lastOption) {
|
|
1327
|
-
component.menu.updateActiveOption(lastOption);
|
|
1328
|
-
}
|
|
1329
|
-
},
|
|
1330
1296
|
|
|
1331
|
-
default(component, evt
|
|
1297
|
+
default(component, evt) {
|
|
1332
1298
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1333
|
-
if (evt.key === ' ') {
|
|
1334
|
-
evt.preventDefault();
|
|
1335
|
-
evt.stopPropagation();
|
|
1336
|
-
if (ctx.isExpanded) {
|
|
1337
|
-
component.dropdown.hide();
|
|
1338
|
-
return;
|
|
1339
|
-
}
|
|
1340
|
-
component.dropdown.show();
|
|
1341
|
-
}
|
|
1342
1299
|
},
|
|
1343
1300
|
};
|
|
1344
1301
|
|
|
@@ -4959,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4959
4916
|
}
|
|
4960
4917
|
};
|
|
4961
4918
|
|
|
4962
|
-
var formkitVersion$1 = '
|
|
4919
|
+
var formkitVersion$1 = '202604021941';
|
|
4963
4920
|
|
|
4964
4921
|
class AuroElement extends LitElement {
|
|
4965
4922
|
static get properties() {
|
|
@@ -5140,7 +5097,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5140
5097
|
this.appearance = 'default';
|
|
5141
5098
|
this.chevron = false;
|
|
5142
5099
|
this.disabled = false;
|
|
5143
|
-
this.disableKeyboardHandling = false;
|
|
5144
5100
|
this.error = false;
|
|
5145
5101
|
this.tabIndex = 0;
|
|
5146
5102
|
this.noToggle = false;
|
|
@@ -5352,14 +5308,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5352
5308
|
reflect: true
|
|
5353
5309
|
},
|
|
5354
5310
|
|
|
5355
|
-
/**
|
|
5356
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5357
|
-
*/
|
|
5358
|
-
disableKeyboardHandling: {
|
|
5359
|
-
type: Boolean,
|
|
5360
|
-
reflect: true
|
|
5361
|
-
},
|
|
5362
|
-
|
|
5363
5311
|
/**
|
|
5364
5312
|
* @private
|
|
5365
5313
|
*/
|
|
@@ -5665,7 +5613,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5665
5613
|
|
|
5666
5614
|
firstUpdated() {
|
|
5667
5615
|
// Configure the floater to, this will generate the ID for the bib
|
|
5668
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5616
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5669
5617
|
|
|
5670
5618
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5671
5619
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5973,7 +5921,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5973
5921
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5974
5922
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5975
5923
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5976
|
-
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5977
5924
|
@focusin="${this.handleFocusin}"
|
|
5978
5925
|
@blur="${this.handleFocusOut}">
|
|
5979
5926
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6712,7 +6659,7 @@ class AuroHelpText extends LitElement {
|
|
|
6712
6659
|
}
|
|
6713
6660
|
}
|
|
6714
6661
|
|
|
6715
|
-
var formkitVersion = '
|
|
6662
|
+
var formkitVersion = '202604021941';
|
|
6716
6663
|
|
|
6717
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}`;
|
|
6718
6665
|
|
|
@@ -7255,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7255
7202
|
if (this.dropdown.isPopoverVisible) {
|
|
7256
7203
|
this.updateMenuShapeSize();
|
|
7257
7204
|
|
|
7258
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7259
|
-
// No selection → first enabled option gets highlighted
|
|
7260
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7261
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7262
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7263
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7264
|
-
} else if (!this.menu.optionActive) {
|
|
7265
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7266
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7267
|
-
this.menu.updateActiveOption(firstActive);
|
|
7268
|
-
}
|
|
7269
|
-
|
|
7270
|
-
// Scroll the selected option into view when dropdown opens
|
|
7271
|
-
this.scrollSelectedOptionIntoView();
|
|
7272
7205
|
if (this.dropdown.isBibFullscreen) {
|
|
7273
7206
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7274
7207
|
// behind the fullscreen dialog
|
|
@@ -7280,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7280
7213
|
// multiple Lit update cycles before moving focus into the bib
|
|
7281
7214
|
doubleRaf(() => {
|
|
7282
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();
|
|
7283
7227
|
});
|
|
7284
7228
|
} else {
|
|
7285
7229
|
// wait til the bib gets fully rendered
|
|
@@ -7965,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7965
7909
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
7966
7910
|
</div>
|
|
7967
7911
|
<${this.dropdownTag}
|
|
7968
|
-
disableKeyboardHandling
|
|
7969
7912
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
7970
7913
|
.a11yRole=${"combobox"}
|
|
7971
7914
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8045,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8045
7988
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8046
7989
|
</div>
|
|
8047
7990
|
<${this.dropdownTag}
|
|
8048
|
-
disableKeyboardHandling
|
|
8049
7991
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8050
7992
|
.a11yRole=${"combobox"}
|
|
8051
7993
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8131,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8131
8073
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8132
8074
|
</div>
|
|
8133
8075
|
<${this.dropdownTag}
|
|
8134
|
-
disableKeyboardHandling
|
|
8135
8076
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8136
8077
|
.a11yRole=${"combobox"}
|
|
8137
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,34 +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
|
|
1281
|
-
|
|
1282
|
-
component.dropdown.show();
|
|
1283
|
-
return;
|
|
1284
|
-
}
|
|
1268
|
+
Enter(component, evt) {
|
|
1269
|
+
evt.preventDefault();
|
|
1285
1270
|
component.menu.makeSelection();
|
|
1286
1271
|
},
|
|
1287
1272
|
|
|
1288
|
-
|
|
1273
|
+
Tab(component, evt, ctx) {
|
|
1289
1274
|
if (!ctx.isExpanded) {
|
|
1290
1275
|
return;
|
|
1291
1276
|
}
|
|
1292
|
-
component.dropdown.hide();
|
|
1293
|
-
},
|
|
1294
1277
|
|
|
1295
|
-
|
|
1296
|
-
|
|
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
|
+
}
|
|
1297
1286
|
return;
|
|
1298
1287
|
}
|
|
1299
1288
|
|
|
@@ -1304,41 +1293,9 @@ const selectKeyboardStrategy = {
|
|
|
1304
1293
|
}
|
|
1305
1294
|
component.dropdown.hide();
|
|
1306
1295
|
},
|
|
1307
|
-
Home(component, evt, ctx) {
|
|
1308
|
-
if (!ctx.isExpanded) {
|
|
1309
|
-
return;
|
|
1310
|
-
}
|
|
1311
|
-
evt.preventDefault();
|
|
1312
|
-
evt.stopPropagation();
|
|
1313
|
-
const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
1314
|
-
if (firstOption) {
|
|
1315
|
-
component.menu.updateActiveOption(firstOption);
|
|
1316
|
-
}
|
|
1317
|
-
},
|
|
1318
|
-
|
|
1319
|
-
End(component, evt, ctx) {
|
|
1320
|
-
if (!ctx.isExpanded) {
|
|
1321
|
-
return;
|
|
1322
|
-
}
|
|
1323
|
-
evt.preventDefault();
|
|
1324
|
-
evt.stopPropagation();
|
|
1325
|
-
const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled);
|
|
1326
|
-
if (lastOption) {
|
|
1327
|
-
component.menu.updateActiveOption(lastOption);
|
|
1328
|
-
}
|
|
1329
|
-
},
|
|
1330
1296
|
|
|
1331
|
-
default(component, evt
|
|
1297
|
+
default(component, evt) {
|
|
1332
1298
|
component.updateActiveOptionBasedOnKey(evt.key);
|
|
1333
|
-
if (evt.key === ' ') {
|
|
1334
|
-
evt.preventDefault();
|
|
1335
|
-
evt.stopPropagation();
|
|
1336
|
-
if (ctx.isExpanded) {
|
|
1337
|
-
component.dropdown.hide();
|
|
1338
|
-
return;
|
|
1339
|
-
}
|
|
1340
|
-
component.dropdown.show();
|
|
1341
|
-
}
|
|
1342
1299
|
},
|
|
1343
1300
|
};
|
|
1344
1301
|
|
|
@@ -4959,7 +4916,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4959
4916
|
}
|
|
4960
4917
|
};
|
|
4961
4918
|
|
|
4962
|
-
var formkitVersion$1 = '
|
|
4919
|
+
var formkitVersion$1 = '202604021941';
|
|
4963
4920
|
|
|
4964
4921
|
class AuroElement extends LitElement {
|
|
4965
4922
|
static get properties() {
|
|
@@ -5140,7 +5097,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5140
5097
|
this.appearance = 'default';
|
|
5141
5098
|
this.chevron = false;
|
|
5142
5099
|
this.disabled = false;
|
|
5143
|
-
this.disableKeyboardHandling = false;
|
|
5144
5100
|
this.error = false;
|
|
5145
5101
|
this.tabIndex = 0;
|
|
5146
5102
|
this.noToggle = false;
|
|
@@ -5352,14 +5308,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5352
5308
|
reflect: true
|
|
5353
5309
|
},
|
|
5354
5310
|
|
|
5355
|
-
/**
|
|
5356
|
-
* If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
|
|
5357
|
-
*/
|
|
5358
|
-
disableKeyboardHandling: {
|
|
5359
|
-
type: Boolean,
|
|
5360
|
-
reflect: true
|
|
5361
|
-
},
|
|
5362
|
-
|
|
5363
5311
|
/**
|
|
5364
5312
|
* @private
|
|
5365
5313
|
*/
|
|
@@ -5665,7 +5613,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5665
5613
|
|
|
5666
5614
|
firstUpdated() {
|
|
5667
5615
|
// Configure the floater to, this will generate the ID for the bib
|
|
5668
|
-
this.floater.configure(this, 'auroDropdown'
|
|
5616
|
+
this.floater.configure(this, 'auroDropdown');
|
|
5669
5617
|
|
|
5670
5618
|
// Prevent `contain: layout` on the dropdown host. Layout containment
|
|
5671
5619
|
// creates a containing block for position:fixed descendants (the bib),
|
|
@@ -5973,7 +5921,6 @@ class AuroDropdown extends AuroElement {
|
|
|
5973
5921
|
aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
5974
5922
|
aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
5975
5923
|
aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
5976
|
-
aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
|
|
5977
5924
|
@focusin="${this.handleFocusin}"
|
|
5978
5925
|
@blur="${this.handleFocusOut}">
|
|
5979
5926
|
<div class="triggerContentWrapper" id="triggerLabel">
|
|
@@ -6712,7 +6659,7 @@ class AuroHelpText extends LitElement {
|
|
|
6712
6659
|
}
|
|
6713
6660
|
}
|
|
6714
6661
|
|
|
6715
|
-
var formkitVersion = '
|
|
6662
|
+
var formkitVersion = '202604021941';
|
|
6716
6663
|
|
|
6717
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}`;
|
|
6718
6665
|
|
|
@@ -7255,20 +7202,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7255
7202
|
if (this.dropdown.isPopoverVisible) {
|
|
7256
7203
|
this.updateMenuShapeSize();
|
|
7257
7204
|
|
|
7258
|
-
// If there's a selected option, highlight it (per W3C APG combobox-select-only pattern)
|
|
7259
|
-
// No selection → first enabled option gets highlighted
|
|
7260
|
-
if (this.optionSelected && !Array.isArray(this.optionSelected)) {
|
|
7261
|
-
this.menu.updateActiveOption(this.optionSelected);
|
|
7262
|
-
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7263
|
-
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7264
|
-
} else if (!this.menu.optionActive) {
|
|
7265
|
-
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7266
|
-
const firstActive = this.menu.menuService.menuOptions.find((option) => !option.disabled);
|
|
7267
|
-
this.menu.updateActiveOption(firstActive);
|
|
7268
|
-
}
|
|
7269
|
-
|
|
7270
|
-
// Scroll the selected option into view when dropdown opens
|
|
7271
|
-
this.scrollSelectedOptionIntoView();
|
|
7272
7205
|
if (this.dropdown.isBibFullscreen) {
|
|
7273
7206
|
// Hide the trigger from assistive technology so VoiceOver cannot reach it
|
|
7274
7207
|
// behind the fullscreen dialog
|
|
@@ -7280,6 +7213,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7280
7213
|
// multiple Lit update cycles before moving focus into the bib
|
|
7281
7214
|
doubleRaf(() => {
|
|
7282
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();
|
|
7283
7227
|
});
|
|
7284
7228
|
} else {
|
|
7285
7229
|
// wait til the bib gets fully rendered
|
|
@@ -7965,7 +7909,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7965
7909
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
7966
7910
|
</div>
|
|
7967
7911
|
<${this.dropdownTag}
|
|
7968
|
-
disableKeyboardHandling
|
|
7969
7912
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
7970
7913
|
.a11yRole=${"combobox"}
|
|
7971
7914
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8045,7 +7988,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8045
7988
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8046
7989
|
</div>
|
|
8047
7990
|
<${this.dropdownTag}
|
|
8048
|
-
disableKeyboardHandling
|
|
8049
7991
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8050
7992
|
.a11yRole=${"combobox"}
|
|
8051
7993
|
?autoPlacement="${this.autoPlacement}"
|
|
@@ -8131,7 +8073,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8131
8073
|
<slot name="bib.fullscreen.headline" @slotchange="${this.handleSlotChange}"></slot>
|
|
8132
8074
|
</div>
|
|
8133
8075
|
<${this.dropdownTag}
|
|
8134
|
-
disableKeyboardHandling
|
|
8135
8076
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
8136
8077
|
.a11yRole=${"combobox"}
|
|
8137
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
|
}
|