@aurodesignsystem-dev/auro-formkit 0.0.0-pr1511.0 → 0.0.0-pr1511.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.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/customize.min.js +4 -4
- package/components/combobox/demo/getting-started.min.js +4 -4
- package/components/combobox/demo/index.min.js +4 -4
- package/components/combobox/dist/index.js +4 -4
- package/components/combobox/dist/registered.js +4 -4
- package/components/counter/demo/customize.min.js +10 -3
- package/components/counter/demo/index.min.js +10 -3
- package/components/counter/dist/index.js +10 -3
- package/components/counter/dist/registered.js +10 -3
- package/components/datepicker/demo/accessibility.md +2 -1
- package/components/datepicker/demo/api.md +63 -62
- package/components/datepicker/demo/customize.md +12 -1
- package/components/datepicker/demo/customize.min.js +609 -200
- package/components/datepicker/demo/index.min.js +609 -200
- package/components/datepicker/dist/{src/auro-calendar-cell.d.ts → auro-calendar-cell.d.ts} +14 -3
- package/components/datepicker/dist/{src/auro-calendar.d.ts → auro-calendar.d.ts} +90 -6
- package/components/datepicker/dist/{src/auro-datepicker.d.ts → auro-datepicker.d.ts} +78 -5
- package/components/datepicker/dist/blackoutUtils.d.ts +43 -0
- package/components/datepicker/dist/index.js +609 -200
- package/components/datepicker/dist/registered.js +609 -200
- package/components/dropdown/demo/customize.min.js +2 -2
- package/components/dropdown/demo/getting-started.min.js +2 -2
- package/components/dropdown/demo/index.min.js +2 -2
- package/components/dropdown/dist/index.js +2 -2
- package/components/dropdown/dist/registered.js +2 -2
- package/components/form/demo/customize.min.js +695 -232
- package/components/form/demo/getting-started.min.js +695 -232
- package/components/form/demo/index.min.js +695 -232
- package/components/form/demo/registerDemoDeps.min.js +695 -232
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.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/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +63 -16
- package/components/select/demo/getting-started.min.js +63 -16
- package/components/select/demo/index.min.js +63 -16
- package/components/select/dist/index.js +63 -16
- package/components/select/dist/registered.js +63 -16
- package/custom-elements.json +1750 -1468
- package/package.json +6 -2
- package/components/checkbox/demo/customize.js +0 -22
- package/components/checkbox/demo/demo-support.js +0 -1
- package/components/checkbox/demo/getting-started.js +0 -22
- package/components/checkbox/demo/index.js +0 -8
- package/components/checkbox/demo/styles.scss +0 -1
- package/components/combobox/demo/customize.js +0 -24
- package/components/combobox/demo/demo-support.js +0 -1
- package/components/combobox/demo/getting-started.js +0 -21
- package/components/combobox/demo/index.js +0 -23
- package/components/combobox/demo/styles.scss +0 -1
- package/components/counter/demo/customize.js +0 -21
- package/components/counter/demo/demo-support.js +0 -1
- package/components/counter/demo/index.js +0 -21
- package/components/counter/demo/styles.scss +0 -1
- package/components/datepicker/demo/customize.js +0 -17
- package/components/datepicker/demo/demo-support.js +0 -1
- package/components/datepicker/demo/index.js +0 -23
- package/components/datepicker/demo/styles.scss +0 -1
- package/components/dropdown/demo/customize.js +0 -9
- package/components/dropdown/demo/demo-support.js +0 -1
- package/components/dropdown/demo/getting-started.js +0 -9
- package/components/dropdown/demo/index.js +0 -16
- package/components/dropdown/demo/styles.scss +0 -1
- package/components/form/demo/customize.js +0 -28
- package/components/form/demo/demo-support.js +0 -1
- package/components/form/demo/getting-started.js +0 -9
- package/components/form/demo/index.js +0 -5
- package/components/form/demo/registerDemoDeps.js +0 -23
- package/components/form/demo/styles.scss +0 -1
- package/components/input/demo/customize.js +0 -25
- package/components/input/demo/demo-support.js +0 -1
- package/components/input/demo/getting-started.js +0 -8
- package/components/input/demo/index.js +0 -8
- package/components/input/demo/styles.css +0 -974
- package/components/input/demo/styles.scss +0 -1
- package/components/menu/demo/demo-support.js +0 -1
- package/components/menu/demo/index.js +0 -25
- package/components/menu/demo/styles.scss +0 -1
- package/components/radio/demo/customize.js +0 -22
- package/components/radio/demo/demo-support.js +0 -1
- package/components/radio/demo/getting-started.js +0 -24
- package/components/radio/demo/index.js +0 -8
- package/components/radio/demo/styles.scss +0 -1
- package/components/select/demo/customize.js +0 -11
- package/components/select/demo/demo-support.js +0 -1
- package/components/select/demo/getting-started.js +0 -26
- package/components/select/demo/index.js +0 -11
- package/components/select/demo/styles.scss +0 -1
- /package/components/datepicker/dist/{src/auro-calendar-month.d.ts → auro-calendar-month.d.ts} +0 -0
- /package/components/datepicker/dist/{src/buttonVersion.d.ts → buttonVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/datepickerKeyboardStrategy.d.ts → datepickerKeyboardStrategy.d.ts} +0 -0
- /package/components/datepicker/dist/{src/iconVersion.d.ts → iconVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/index.d.ts → index.d.ts} +0 -0
- /package/components/datepicker/dist/{src/popoverVersion.d.ts → popoverVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/classic/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/classic/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-calendar-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-cell-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-month-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/shapeSize-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/snowflake/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/snowflake/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-cell-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-month-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/tokens-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/utilities.d.ts → utilities.d.ts} +0 -0
- /package/components/datepicker/dist/{src/utilitiesCalendar.d.ts → utilitiesCalendar.d.ts} +0 -0
- /package/components/datepicker/dist/{src/utilitiesCalendarRender.d.ts → utilitiesCalendarRender.d.ts} +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/day.d.ts +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-cell.d.ts +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker.d.ts +0 -0
|
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
|
|
|
12260
12260
|
}
|
|
12261
12261
|
}
|
|
12262
12262
|
|
|
12263
|
-
var formkitVersion = '
|
|
12263
|
+
var formkitVersion = '202606261928';
|
|
12264
12264
|
|
|
12265
12265
|
/**
|
|
12266
12266
|
* @license
|
|
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
|
|
|
12260
12260
|
}
|
|
12261
12261
|
}
|
|
12262
12262
|
|
|
12263
|
-
var formkitVersion = '
|
|
12263
|
+
var formkitVersion = '202606261928';
|
|
12264
12264
|
|
|
12265
12265
|
/**
|
|
12266
12266
|
* @license
|
|
@@ -12260,7 +12260,7 @@ class AuroHelpText extends i$3 {
|
|
|
12260
12260
|
}
|
|
12261
12261
|
}
|
|
12262
12262
|
|
|
12263
|
-
var formkitVersion = '
|
|
12263
|
+
var formkitVersion = '202606261928';
|
|
12264
12264
|
|
|
12265
12265
|
/**
|
|
12266
12266
|
* @license
|
|
@@ -12202,7 +12202,7 @@ class AuroHelpText extends LitElement {
|
|
|
12202
12202
|
}
|
|
12203
12203
|
}
|
|
12204
12204
|
|
|
12205
|
-
var formkitVersion = '
|
|
12205
|
+
var formkitVersion = '202606261928';
|
|
12206
12206
|
|
|
12207
12207
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12208
12208
|
// See LICENSE in the project root for license information.
|
|
@@ -12202,7 +12202,7 @@ class AuroHelpText extends LitElement {
|
|
|
12202
12202
|
}
|
|
12203
12203
|
}
|
|
12204
12204
|
|
|
12205
|
-
var formkitVersion = '
|
|
12205
|
+
var formkitVersion = '202606261928';
|
|
12206
12206
|
|
|
12207
12207
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12208
12208
|
// See LICENSE in the project root for license information.
|
|
@@ -1212,7 +1212,7 @@ class AuroHelpText extends i$2 {
|
|
|
1212
1212
|
}
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
var formkitVersion = '
|
|
1215
|
+
var formkitVersion = '202606261928';
|
|
1216
1216
|
|
|
1217
1217
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1218
1218
|
// See LICENSE in the project root for license information.
|
|
@@ -1212,7 +1212,7 @@ class AuroHelpText extends i$2 {
|
|
|
1212
1212
|
}
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
var formkitVersion = '
|
|
1215
|
+
var formkitVersion = '202606261928';
|
|
1216
1216
|
|
|
1217
1217
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1218
1218
|
// See LICENSE in the project root for license information.
|
|
@@ -1212,7 +1212,7 @@ class AuroHelpText extends i$2 {
|
|
|
1212
1212
|
}
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
var formkitVersion = '
|
|
1215
|
+
var formkitVersion = '202606261928';
|
|
1216
1216
|
|
|
1217
1217
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1218
1218
|
// See LICENSE in the project root for license information.
|
|
@@ -1151,7 +1151,7 @@ class AuroHelpText extends LitElement {
|
|
|
1151
1151
|
}
|
|
1152
1152
|
}
|
|
1153
1153
|
|
|
1154
|
-
var formkitVersion = '
|
|
1154
|
+
var formkitVersion = '202606261928';
|
|
1155
1155
|
|
|
1156
1156
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1157
1157
|
// See LICENSE in the project root for license information.
|
|
@@ -1151,7 +1151,7 @@ class AuroHelpText extends LitElement {
|
|
|
1151
1151
|
}
|
|
1152
1152
|
}
|
|
1153
1153
|
|
|
1154
|
-
var formkitVersion = '
|
|
1154
|
+
var formkitVersion = '202606261928';
|
|
1155
1155
|
|
|
1156
1156
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1157
1157
|
// See LICENSE in the project root for license information.
|
|
@@ -966,10 +966,14 @@ const selectKeyboardStrategy = {
|
|
|
966
966
|
if (!lastOption) {
|
|
967
967
|
return;
|
|
968
968
|
}
|
|
969
|
+
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
970
|
+
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
971
|
+
// otherwise show() synchronously fires the handler and writes
|
|
972
|
+
// aria-activedescendant once before we overwrite it.
|
|
973
|
+
component.menu.updateActiveOption(lastOption);
|
|
969
974
|
if (!ctx.isExpanded) {
|
|
970
975
|
component.dropdown.show();
|
|
971
976
|
}
|
|
972
|
-
component.menu.updateActiveOption(lastOption);
|
|
973
977
|
},
|
|
974
978
|
|
|
975
979
|
Enter(component, evt, ctx) {
|
|
@@ -993,10 +997,11 @@ const selectKeyboardStrategy = {
|
|
|
993
997
|
if (!firstOption) {
|
|
994
998
|
return;
|
|
995
999
|
}
|
|
1000
|
+
// See End() for why this must run before show().
|
|
1001
|
+
component.menu.updateActiveOption(firstOption);
|
|
996
1002
|
if (!ctx.isExpanded) {
|
|
997
1003
|
component.dropdown.show();
|
|
998
1004
|
}
|
|
999
|
-
component.menu.updateActiveOption(firstOption);
|
|
1000
1005
|
},
|
|
1001
1006
|
|
|
1002
1007
|
Tab(component, evt, ctx) {
|
|
@@ -4967,7 +4972,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
4967
4972
|
}
|
|
4968
4973
|
};
|
|
4969
4974
|
|
|
4970
|
-
var formkitVersion$1 = '
|
|
4975
|
+
var formkitVersion$1 = '202606261928';
|
|
4971
4976
|
|
|
4972
4977
|
class AuroElement extends i$2 {
|
|
4973
4978
|
static get properties() {
|
|
@@ -6239,7 +6244,7 @@ class AuroDropdown extends AuroElement {
|
|
|
6239
6244
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
6240
6245
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6241
6246
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6242
|
-
aria-haspopup="${o(this.a11yRole === 'combobox' ? 'listbox' : undefined)}"
|
|
6247
|
+
aria-haspopup="${o(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
6243
6248
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6244
6249
|
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6245
6250
|
@focusin="${this.handleFocusin}"
|
|
@@ -6989,7 +6994,7 @@ class AuroHelpText extends i$2 {
|
|
|
6989
6994
|
}
|
|
6990
6995
|
}
|
|
6991
6996
|
|
|
6992
|
-
var formkitVersion = '
|
|
6997
|
+
var formkitVersion = '202606261928';
|
|
6993
6998
|
|
|
6994
6999
|
var styleCss$2 = i$5`.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);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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, 300);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, 300);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}`;
|
|
6995
7000
|
|
|
@@ -7865,10 +7870,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7865
7870
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
7866
7871
|
}
|
|
7867
7872
|
|
|
7868
|
-
//
|
|
7869
|
-
//
|
|
7870
|
-
//
|
|
7871
|
-
//
|
|
7873
|
+
// Live-region announce only for [not selected] options. For activations
|
|
7874
|
+
// on an already-selected option — auto-activation on bib open, arrow
|
|
7875
|
+
// navigation back to the selection, or click in multiSelect — rely on
|
|
7876
|
+
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
7877
|
+
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
7878
|
+
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
7879
|
+
// when Enter on the active+selected option re-fires
|
|
7880
|
+
// auroMenu-selectedOption (see 03b289e39).
|
|
7872
7881
|
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
7873
7882
|
const optionText = this.optionActive.textContent.trim();
|
|
7874
7883
|
const message = `${optionText}, not selected`;
|
|
@@ -7889,6 +7898,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7889
7898
|
});
|
|
7890
7899
|
|
|
7891
7900
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
7901
|
+
const previousSelected = this.optionSelected;
|
|
7892
7902
|
|
|
7893
7903
|
// Update the displayed value
|
|
7894
7904
|
this.updateDisplayedValue();
|
|
@@ -7908,13 +7918,32 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7908
7918
|
this.dropdown.trigger.focus();
|
|
7909
7919
|
}
|
|
7910
7920
|
|
|
7911
|
-
//
|
|
7912
|
-
//
|
|
7913
|
-
|
|
7914
|
-
|
|
7915
|
-
|
|
7916
|
-
|
|
7917
|
-
|
|
7921
|
+
// Describe the actual change. In multiSelect, currentLabel is the
|
|
7922
|
+
// concatenated remaining list — announcing "{list}, selected" after a
|
|
7923
|
+
// deselect would falsely claim every remaining label was just added.
|
|
7924
|
+
// Diff previous vs next to recover the toggled option.
|
|
7925
|
+
let announcement = '';
|
|
7926
|
+
if (this.multiSelect) {
|
|
7927
|
+
const prev = Array.isArray(previousSelected) ? previousSelected : [];
|
|
7928
|
+
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
7929
|
+
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
7930
|
+
if (removed) {
|
|
7931
|
+
announcement = `${removed.textContent.trim()}, not selected`;
|
|
7932
|
+
} else if (added) {
|
|
7933
|
+
announcement = `${added.textContent.trim()}, selected`;
|
|
7934
|
+
}
|
|
7935
|
+
} else {
|
|
7936
|
+
announcement = `${this.menu.currentLabel}, selected`;
|
|
7937
|
+
}
|
|
7938
|
+
|
|
7939
|
+
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
7940
|
+
// announcement from aria-expanded when the dropdown closes.
|
|
7941
|
+
if (announcement) {
|
|
7942
|
+
const announcementDelay = 300;
|
|
7943
|
+
setTimeout(() => {
|
|
7944
|
+
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
7945
|
+
}, announcementDelay);
|
|
7946
|
+
}
|
|
7918
7947
|
});
|
|
7919
7948
|
}
|
|
7920
7949
|
|
|
@@ -8166,6 +8195,18 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8166
8195
|
}
|
|
8167
8196
|
}
|
|
8168
8197
|
|
|
8198
|
+
connectedCallback() {
|
|
8199
|
+
super.connectedCallback();
|
|
8200
|
+
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
8201
|
+
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
8202
|
+
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
8203
|
+
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
8204
|
+
// unless we re-wire the observer here.
|
|
8205
|
+
if (this.hasUpdated) {
|
|
8206
|
+
this._observeLabelChanges();
|
|
8207
|
+
}
|
|
8208
|
+
}
|
|
8209
|
+
|
|
8169
8210
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
8170
8211
|
firstUpdated() {
|
|
8171
8212
|
// Add the tag name as an attribute if it is different than the component name
|
|
@@ -8307,6 +8348,12 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8307
8348
|
* @private
|
|
8308
8349
|
*/
|
|
8309
8350
|
_handleNativeSelectChange(event) {
|
|
8351
|
+
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
8352
|
+
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
8353
|
+
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
8354
|
+
// form control even with aria-hidden/tabindex=-1.
|
|
8355
|
+
if (this.multiSelect) return;
|
|
8356
|
+
|
|
8310
8357
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
8311
8358
|
if (!selectedOption) return;
|
|
8312
8359
|
const selectedValue = selectedOption.value;
|
|
@@ -997,10 +997,14 @@ const selectKeyboardStrategy = {
|
|
|
997
997
|
if (!lastOption) {
|
|
998
998
|
return;
|
|
999
999
|
}
|
|
1000
|
+
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
1001
|
+
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
1002
|
+
// otherwise show() synchronously fires the handler and writes
|
|
1003
|
+
// aria-activedescendant once before we overwrite it.
|
|
1004
|
+
component.menu.updateActiveOption(lastOption);
|
|
1000
1005
|
if (!ctx.isExpanded) {
|
|
1001
1006
|
component.dropdown.show();
|
|
1002
1007
|
}
|
|
1003
|
-
component.menu.updateActiveOption(lastOption);
|
|
1004
1008
|
},
|
|
1005
1009
|
|
|
1006
1010
|
Enter(component, evt, ctx) {
|
|
@@ -1024,10 +1028,11 @@ const selectKeyboardStrategy = {
|
|
|
1024
1028
|
if (!firstOption) {
|
|
1025
1029
|
return;
|
|
1026
1030
|
}
|
|
1031
|
+
// See End() for why this must run before show().
|
|
1032
|
+
component.menu.updateActiveOption(firstOption);
|
|
1027
1033
|
if (!ctx.isExpanded) {
|
|
1028
1034
|
component.dropdown.show();
|
|
1029
1035
|
}
|
|
1030
|
-
component.menu.updateActiveOption(firstOption);
|
|
1031
1036
|
},
|
|
1032
1037
|
|
|
1033
1038
|
Tab(component, evt, ctx) {
|
|
@@ -4998,7 +5003,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
4998
5003
|
}
|
|
4999
5004
|
};
|
|
5000
5005
|
|
|
5001
|
-
var formkitVersion$1 = '
|
|
5006
|
+
var formkitVersion$1 = '202606261928';
|
|
5002
5007
|
|
|
5003
5008
|
class AuroElement extends i$2 {
|
|
5004
5009
|
static get properties() {
|
|
@@ -6270,7 +6275,7 @@ class AuroDropdown extends AuroElement {
|
|
|
6270
6275
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
6271
6276
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
6272
6277
|
aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
6273
|
-
aria-haspopup="${o(this.a11yRole === 'combobox' ? 'listbox' : undefined)}"
|
|
6278
|
+
aria-haspopup="${o(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
6274
6279
|
aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
6275
6280
|
aria-disabled="${o(this.disabled ? 'true' : undefined)}"
|
|
6276
6281
|
@focusin="${this.handleFocusin}"
|
|
@@ -7020,7 +7025,7 @@ class AuroHelpText extends i$2 {
|
|
|
7020
7025
|
}
|
|
7021
7026
|
}
|
|
7022
7027
|
|
|
7023
|
-
var formkitVersion = '
|
|
7028
|
+
var formkitVersion = '202606261928';
|
|
7024
7029
|
|
|
7025
7030
|
var styleCss$2 = i$5`.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);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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, 300);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, 300);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}`;
|
|
7026
7031
|
|
|
@@ -7896,10 +7901,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7896
7901
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
7897
7902
|
}
|
|
7898
7903
|
|
|
7899
|
-
//
|
|
7900
|
-
//
|
|
7901
|
-
//
|
|
7902
|
-
//
|
|
7904
|
+
// Live-region announce only for [not selected] options. For activations
|
|
7905
|
+
// on an already-selected option — auto-activation on bib open, arrow
|
|
7906
|
+
// navigation back to the selection, or click in multiSelect — rely on
|
|
7907
|
+
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
7908
|
+
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
7909
|
+
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
7910
|
+
// when Enter on the active+selected option re-fires
|
|
7911
|
+
// auroMenu-selectedOption (see 03b289e39).
|
|
7903
7912
|
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
7904
7913
|
const optionText = this.optionActive.textContent.trim();
|
|
7905
7914
|
const message = `${optionText}, not selected`;
|
|
@@ -7920,6 +7929,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7920
7929
|
});
|
|
7921
7930
|
|
|
7922
7931
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
7932
|
+
const previousSelected = this.optionSelected;
|
|
7923
7933
|
|
|
7924
7934
|
// Update the displayed value
|
|
7925
7935
|
this.updateDisplayedValue();
|
|
@@ -7939,13 +7949,32 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7939
7949
|
this.dropdown.trigger.focus();
|
|
7940
7950
|
}
|
|
7941
7951
|
|
|
7942
|
-
//
|
|
7943
|
-
//
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
|
|
7947
|
-
|
|
7948
|
-
|
|
7952
|
+
// Describe the actual change. In multiSelect, currentLabel is the
|
|
7953
|
+
// concatenated remaining list — announcing "{list}, selected" after a
|
|
7954
|
+
// deselect would falsely claim every remaining label was just added.
|
|
7955
|
+
// Diff previous vs next to recover the toggled option.
|
|
7956
|
+
let announcement = '';
|
|
7957
|
+
if (this.multiSelect) {
|
|
7958
|
+
const prev = Array.isArray(previousSelected) ? previousSelected : [];
|
|
7959
|
+
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
7960
|
+
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
7961
|
+
if (removed) {
|
|
7962
|
+
announcement = `${removed.textContent.trim()}, not selected`;
|
|
7963
|
+
} else if (added) {
|
|
7964
|
+
announcement = `${added.textContent.trim()}, selected`;
|
|
7965
|
+
}
|
|
7966
|
+
} else {
|
|
7967
|
+
announcement = `${this.menu.currentLabel}, selected`;
|
|
7968
|
+
}
|
|
7969
|
+
|
|
7970
|
+
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
7971
|
+
// announcement from aria-expanded when the dropdown closes.
|
|
7972
|
+
if (announcement) {
|
|
7973
|
+
const announcementDelay = 300;
|
|
7974
|
+
setTimeout(() => {
|
|
7975
|
+
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
7976
|
+
}, announcementDelay);
|
|
7977
|
+
}
|
|
7949
7978
|
});
|
|
7950
7979
|
}
|
|
7951
7980
|
|
|
@@ -8197,6 +8226,18 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8197
8226
|
}
|
|
8198
8227
|
}
|
|
8199
8228
|
|
|
8229
|
+
connectedCallback() {
|
|
8230
|
+
super.connectedCallback();
|
|
8231
|
+
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
8232
|
+
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
8233
|
+
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
8234
|
+
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
8235
|
+
// unless we re-wire the observer here.
|
|
8236
|
+
if (this.hasUpdated) {
|
|
8237
|
+
this._observeLabelChanges();
|
|
8238
|
+
}
|
|
8239
|
+
}
|
|
8240
|
+
|
|
8200
8241
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
8201
8242
|
firstUpdated() {
|
|
8202
8243
|
// Add the tag name as an attribute if it is different than the component name
|
|
@@ -8338,6 +8379,12 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8338
8379
|
* @private
|
|
8339
8380
|
*/
|
|
8340
8381
|
_handleNativeSelectChange(event) {
|
|
8382
|
+
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
8383
|
+
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
8384
|
+
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
8385
|
+
// form control even with aria-hidden/tabindex=-1.
|
|
8386
|
+
if (this.multiSelect) return;
|
|
8387
|
+
|
|
8341
8388
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
8342
8389
|
if (!selectedOption) return;
|
|
8343
8390
|
const selectedValue = selectedOption.value;
|