@aurodesignsystem-dev/auro-formkit 0.0.0-pr1530.2 → 0.0.0-pr1531.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/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 +15 -6
- package/components/combobox/demo/getting-started.min.js +15 -6
- package/components/combobox/demo/index.min.js +15 -6
- package/components/combobox/dist/index.js +15 -6
- package/components/combobox/dist/registered.js +15 -6
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/accessibility.md +8 -17
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +41 -178
- package/components/datepicker/demo/index.min.js +41 -178
- package/components/datepicker/demo/keyboard-behavior.md +3 -3
- package/components/datepicker/demo/voiceover.md +4 -4
- package/components/datepicker/demo/why-datepicker.md +2 -2
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -11
- package/components/datepicker/dist/auro-calendar.d.ts +2 -26
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -9
- package/components/datepicker/dist/index.js +41 -178
- package/components/datepicker/dist/registered.js +41 -178
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +89 -254
- package/components/form/demo/getting-started.min.js +89 -254
- package/components/form/demo/index.min.js +89 -254
- package/components/form/demo/registerDemoDeps.min.js +89 -254
- package/components/input/demo/customize.min.js +13 -4
- package/components/input/demo/getting-started.min.js +13 -4
- package/components/input/demo/index.min.js +13 -4
- package/components/input/dist/index.js +13 -4
- package/components/input/dist/registered.js +13 -4
- 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 +16 -62
- package/components/select/demo/getting-started.min.js +16 -62
- package/components/select/demo/index.min.js +16 -62
- package/components/select/dist/auro-select.d.ts +0 -6
- package/components/select/dist/index.js +16 -62
- package/components/select/dist/registered.js +16 -62
- package/custom-elements.json +1480 -1510
- package/package.json +1 -1
|
@@ -861,6 +861,9 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
861
861
|
* @param {HTMLElement | null | undefined} menu - The auro-menu element.
|
|
862
862
|
* @returns {Array<HTMLElement>} Non-disabled options, empty array when none.
|
|
863
863
|
*/
|
|
864
|
+
function getEnabledOptions(menu) {
|
|
865
|
+
return (menu?.options || []).filter((option) => !option.disabled);
|
|
866
|
+
}
|
|
864
867
|
|
|
865
868
|
/**
|
|
866
869
|
* Returns the active (selectable + visible) options for type-ahead navigation.
|
|
@@ -930,10 +933,8 @@ const selectKeyboardStrategy = {
|
|
|
930
933
|
End(component, evt, ctx) {
|
|
931
934
|
evt.preventDefault();
|
|
932
935
|
evt.stopPropagation();
|
|
933
|
-
// `pop()` is safe here:
|
|
934
|
-
|
|
935
|
-
// reader must not announce as focused — are skipped.
|
|
936
|
-
const lastOption = getActiveOptions(component.menu).pop();
|
|
936
|
+
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
937
|
+
const lastOption = getEnabledOptions(component.menu).pop();
|
|
937
938
|
if (!lastOption) {
|
|
938
939
|
return;
|
|
939
940
|
}
|
|
@@ -964,7 +965,7 @@ const selectKeyboardStrategy = {
|
|
|
964
965
|
Home(component, evt, ctx) {
|
|
965
966
|
evt.preventDefault();
|
|
966
967
|
evt.stopPropagation();
|
|
967
|
-
const [firstOption] =
|
|
968
|
+
const [firstOption] = getEnabledOptions(component.menu);
|
|
968
969
|
if (!firstOption) {
|
|
969
970
|
return;
|
|
970
971
|
}
|
|
@@ -989,15 +990,6 @@ const selectKeyboardStrategy = {
|
|
|
989
990
|
},
|
|
990
991
|
|
|
991
992
|
default(component, evt, ctx) {
|
|
992
|
-
// Ignore keys chorded with Ctrl/Meta/Alt so browser/OS shortcuts
|
|
993
|
-
// (Cmd+C, Ctrl+V, Alt+X, Cmd+Space, …) don't leak into typeahead
|
|
994
|
-
// or toggle the bib. Native <select> ignores modified keys.
|
|
995
|
-
// ArrowUp/ArrowDown handle modifier+arrow explicitly above; this
|
|
996
|
-
// guard only affects the default (printable/Space) branch.
|
|
997
|
-
if (evt.ctrlKey || evt.metaKey || evt.altKey) {
|
|
998
|
-
return;
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
993
|
// Space resolves to either typeahead-buffer extension or bib toggle
|
|
1002
994
|
// depending on whether a type-ahead buffer is active. Mirrors native
|
|
1003
995
|
// <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space
|
|
@@ -4928,7 +4920,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4928
4920
|
}
|
|
4929
4921
|
};
|
|
4930
4922
|
|
|
4931
|
-
var formkitVersion$1 = '
|
|
4923
|
+
var formkitVersion$1 = '202607022131';
|
|
4932
4924
|
|
|
4933
4925
|
class AuroElement extends LitElement {
|
|
4934
4926
|
static get properties() {
|
|
@@ -6967,7 +6959,7 @@ class AuroHelpText extends LitElement {
|
|
|
6967
6959
|
}
|
|
6968
6960
|
}
|
|
6969
6961
|
|
|
6970
|
-
var formkitVersion = '
|
|
6962
|
+
var formkitVersion = '202607022131';
|
|
6971
6963
|
|
|
6972
6964
|
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);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}`;
|
|
6973
6965
|
|
|
@@ -7531,11 +7523,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7531
7523
|
} else if (this.multiSelect && Array.isArray(this.optionSelected) && this.optionSelected.length > 0) {
|
|
7532
7524
|
this.menu.updateActiveOption(this.optionSelected[0]);
|
|
7533
7525
|
} else {
|
|
7534
|
-
// If no activeOption has yet to be set, make the first active
|
|
7535
|
-
|
|
7536
|
-
// not just "enabled" — so hidden rows and static placeholders never
|
|
7537
|
-
// land in aria-activedescendant on open.
|
|
7538
|
-
const [firstActive] = getActiveOptions(this.menu);
|
|
7526
|
+
// If no activeOption has yet to be set, then make the first enabled option active by default
|
|
7527
|
+
const [firstActive] = getEnabledOptions(this.menu);
|
|
7539
7528
|
this.menu.updateActiveOption(firstActive);
|
|
7540
7529
|
}
|
|
7541
7530
|
}
|
|
@@ -7781,12 +7770,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7781
7770
|
|
|
7782
7771
|
/**
|
|
7783
7772
|
* Binds all behavior needed to the menu after rendering.
|
|
7784
|
-
*
|
|
7785
|
-
* The `<auro-menu>` reference is captured once and not re-targeted on
|
|
7786
|
-
* `slotchange`. Runtime option mutations are covered via
|
|
7787
|
-
* `auroMenu-optionsChange`, so swap options inside the menu freely; do not
|
|
7788
|
-
* swap the `<auro-menu>` element itself under a live select — remount the
|
|
7789
|
-
* parent `<auro-select>` instead.
|
|
7790
7773
|
* @private
|
|
7791
7774
|
* @returns {void}
|
|
7792
7775
|
*/
|
|
@@ -7845,15 +7828,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7845
7828
|
if (this.menu.optionSelected !== undefined) {
|
|
7846
7829
|
return;
|
|
7847
7830
|
}
|
|
7848
|
-
// Skip when the select is already cleared (valueless click with no
|
|
7849
|
-
// prior selection): value/optionSelected are already empty and there
|
|
7850
|
-
// is no stale trigger text to refresh, so updateDisplayedValue would
|
|
7851
|
-
// just churn the DOM and request a needless dropdown re-render.
|
|
7852
|
-
const hasStaleState = this.value !== undefined ||
|
|
7853
|
-
(this.multiSelect ? this.optionSelected?.length > 0 : this.optionSelected !== undefined);
|
|
7854
|
-
if (!hasStaleState) {
|
|
7855
|
-
return;
|
|
7856
|
-
}
|
|
7857
7831
|
this.value = undefined;
|
|
7858
7832
|
this.optionSelected = this.multiSelect ? [] : undefined;
|
|
7859
7833
|
// The trigger label is rendered imperatively into #value, so a property
|
|
@@ -7883,15 +7857,10 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7883
7857
|
if (this.dropdown.isPopoverVisible) {
|
|
7884
7858
|
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
7885
7859
|
} else {
|
|
7886
|
-
// Typeahead-on-closed
|
|
7887
|
-
//
|
|
7888
|
-
//
|
|
7889
|
-
//
|
|
7890
|
-
// microtask queue only drains once _handleTypeahead unwinds, by
|
|
7891
|
-
// which point _getAnnouncementRoot() resolves to the bib's shadow
|
|
7892
|
-
// root inside the now-open modal. Do NOT switch to auroDropdown-toggled
|
|
7893
|
-
// — it fires before showModal(), landing the announcement in the
|
|
7894
|
-
// host root while the dialog is still not-yet-modal.
|
|
7860
|
+
// Typeahead-on-closed fires this event before `show()` flips
|
|
7861
|
+
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
7862
|
+
// live region once the fullscreen <dialog> opens — otherwise it
|
|
7863
|
+
// lands in the host root, which is inert under the active modal.
|
|
7895
7864
|
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
7896
7865
|
}
|
|
7897
7866
|
}
|
|
@@ -8285,13 +8254,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8285
8254
|
}
|
|
8286
8255
|
|
|
8287
8256
|
if (changedProperties.has('value')) {
|
|
8288
|
-
// A value change ends the current interaction — whether it came from a
|
|
8289
|
-
// user commit, programmatic assignment, or reset(). Clear the buffer so
|
|
8290
|
-
// a stale prefix does not concatenate onto the next keystroke while the
|
|
8291
|
-
// host still has focus (the blur listener would otherwise be the only
|
|
8292
|
-
// focus-retained clear point, and hideBib() below does not blur).
|
|
8293
|
-
this._clearTypeaheadBuffer();
|
|
8294
|
-
|
|
8295
8257
|
this.setMenuValue(this.value);
|
|
8296
8258
|
|
|
8297
8259
|
this._updateNativeSelect();
|
|
@@ -8347,9 +8309,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8347
8309
|
* @returns {void}
|
|
8348
8310
|
*/
|
|
8349
8311
|
reset() {
|
|
8350
|
-
// Defense-in-depth: updated()'s value-change branch also clears, but
|
|
8351
|
-
// reset-to-same-value (e.g. undefined → undefined) skips that path.
|
|
8352
|
-
this._clearTypeaheadBuffer();
|
|
8353
8312
|
this.menu.reset();
|
|
8354
8313
|
this.validation.reset(this);
|
|
8355
8314
|
}
|
|
@@ -8372,13 +8331,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8372
8331
|
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
8373
8332
|
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
8374
8333
|
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
8375
|
-
// form control even with aria-hidden/tabindex=-1
|
|
8376
|
-
|
|
8377
|
-
// silently submit the autofilled scalar under `name`.
|
|
8378
|
-
if (this.multiSelect) {
|
|
8379
|
-
this._updateNativeSelect();
|
|
8380
|
-
return;
|
|
8381
|
-
}
|
|
8334
|
+
// form control even with aria-hidden/tabindex=-1.
|
|
8335
|
+
if (this.multiSelect) return;
|
|
8382
8336
|
|
|
8383
8337
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
8384
8338
|
if (!selectedOption) return;
|