@aurodesignsystem-dev/auro-formkit 0.0.0-pr1504.0 → 0.0.0-pr1506.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 +2 -2
- package/components/checkbox/demo/getting-started.min.js +2 -2
- package/components/checkbox/demo/index.min.js +2 -2
- package/components/checkbox/dist/index.js +2 -2
- package/components/checkbox/dist/registered.js +2 -2
- package/components/combobox/demo/customize.md +7 -3
- package/components/combobox/demo/customize.min.js +1435 -1666
- package/components/combobox/demo/getting-started.min.js +1435 -1666
- package/components/combobox/demo/index.min.js +1435 -1666
- package/components/combobox/dist/auro-combobox.d.ts +14 -0
- package/components/combobox/dist/index.js +489 -145
- package/components/combobox/dist/registered.js +489 -145
- package/components/counter/demo/customize.min.js +3 -3
- package/components/counter/demo/index.min.js +3 -3
- package/components/counter/dist/index.js +3 -3
- package/components/counter/dist/registered.js +3 -3
- package/components/datepicker/demo/customize.min.js +140 -61
- package/components/datepicker/demo/index.min.js +140 -61
- package/components/datepicker/dist/index.js +140 -61
- package/components/datepicker/dist/registered.js +140 -61
- 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 +2336 -2269
- package/components/form/demo/getting-started.min.js +2336 -2269
- package/components/form/demo/index.min.js +2336 -2269
- package/components/form/demo/registerDemoDeps.min.js +2334 -2267
- package/components/input/demo/customize.min.js +138 -57
- package/components/input/demo/getting-started.min.js +138 -57
- package/components/input/demo/index.min.js +138 -57
- package/components/input/dist/base-input.d.ts +16 -0
- package/components/input/dist/index.js +138 -57
- package/components/input/dist/registered.js +138 -57
- package/components/menu/demo/api.md +41 -45
- package/components/menu/demo/customize.md +0 -28
- package/components/menu/demo/index.min.js +779 -1354
- package/components/menu/dist/auro-menu.d.ts +95 -110
- package/components/menu/dist/auro-menuoption.d.ts +32 -138
- package/components/menu/dist/index.js +753 -1308
- package/components/menu/dist/registered.js +765 -1308
- package/components/radio/demo/customize.min.js +2 -2
- package/components/radio/demo/getting-started.min.js +2 -2
- package/components/radio/demo/index.min.js +2 -2
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.md +1 -0
- package/components/select/demo/customize.md +78 -3
- package/components/select/demo/customize.min.js +1140 -1577
- package/components/select/demo/getting-started.min.js +1140 -1577
- package/components/select/demo/index.min.js +1140 -1577
- package/components/select/demo/keyboard-behavior.md +18 -0
- package/components/select/dist/auro-select.d.ts +38 -2
- package/components/select/dist/index.js +177 -39
- package/components/select/dist/registered.js +177 -39
- package/components/select/dist/selectUtils.d.ts +24 -0
- package/custom-elements.json +503 -1037
- package/package.json +1 -1
- package/components/menu/dist/auro-menu.context.d.ts +0 -238
package/custom-elements.json
CHANGED
|
@@ -1256,6 +1256,26 @@
|
|
|
1256
1256
|
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1257
1257
|
"privacy": "private"
|
|
1258
1258
|
},
|
|
1259
|
+
{
|
|
1260
|
+
"kind": "method",
|
|
1261
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
1262
|
+
"parameters": [
|
|
1263
|
+
{
|
|
1264
|
+
"name": "nextValue",
|
|
1265
|
+
"description": "The value to write to both inputs.",
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "string"
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1270
|
+
],
|
|
1271
|
+
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
1272
|
+
"return": {
|
|
1273
|
+
"type": {
|
|
1274
|
+
"text": "Promise<void> | null"
|
|
1275
|
+
}
|
|
1276
|
+
},
|
|
1277
|
+
"privacy": "private"
|
|
1278
|
+
},
|
|
1259
1279
|
{
|
|
1260
1280
|
"kind": "method",
|
|
1261
1281
|
"name": "handleMenuOptions",
|
|
@@ -2454,7 +2474,7 @@
|
|
|
2454
2474
|
"type": {
|
|
2455
2475
|
"text": "object"
|
|
2456
2476
|
},
|
|
2457
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
2477
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
2458
2478
|
}
|
|
2459
2479
|
],
|
|
2460
2480
|
"exports": [
|
|
@@ -11696,6 +11716,30 @@
|
|
|
11696
11716
|
"module": "components/input/src/base-input.js"
|
|
11697
11717
|
}
|
|
11698
11718
|
},
|
|
11719
|
+
{
|
|
11720
|
+
"kind": "method",
|
|
11721
|
+
"name": "_computeDateObjectFallback",
|
|
11722
|
+
"parameters": [
|
|
11723
|
+
{
|
|
11724
|
+
"name": "dateStr",
|
|
11725
|
+
"description": "ISO date string from `value`/`min`/`max`.",
|
|
11726
|
+
"type": {
|
|
11727
|
+
"text": "string|undefined"
|
|
11728
|
+
}
|
|
11729
|
+
}
|
|
11730
|
+
],
|
|
11731
|
+
"description": "Parses a date string into a Date object when the corresponding `_*Object`\nfield hasn't been synced yet by `updated()`. Returns undefined when the\ninput type/format isn't a full date or the string is not a valid date.\n\nWhy this exists: a parent (datepicker) can call `inputN.validate()` from\ninside its own `updated()` before this input's `updated()` has run\n`syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`\nand range checks would otherwise silently no-op (flipping the result to\n`valid` or `patternMismatch`).",
|
|
11732
|
+
"privacy": "private",
|
|
11733
|
+
"return": {
|
|
11734
|
+
"type": {
|
|
11735
|
+
"text": "Date|undefined"
|
|
11736
|
+
}
|
|
11737
|
+
},
|
|
11738
|
+
"inheritedFrom": {
|
|
11739
|
+
"name": "BaseInput",
|
|
11740
|
+
"module": "components/input/src/base-input.js"
|
|
11741
|
+
}
|
|
11742
|
+
},
|
|
11699
11743
|
{
|
|
11700
11744
|
"kind": "method",
|
|
11701
11745
|
"name": "setDateObjectProperty",
|
|
@@ -13783,6 +13827,26 @@
|
|
|
13783
13827
|
},
|
|
13784
13828
|
"readonly": true
|
|
13785
13829
|
},
|
|
13830
|
+
{
|
|
13831
|
+
"kind": "method",
|
|
13832
|
+
"name": "_computeDateObjectFallback",
|
|
13833
|
+
"parameters": [
|
|
13834
|
+
{
|
|
13835
|
+
"name": "dateStr",
|
|
13836
|
+
"description": "ISO date string from `value`/`min`/`max`.",
|
|
13837
|
+
"type": {
|
|
13838
|
+
"text": "string|undefined"
|
|
13839
|
+
}
|
|
13840
|
+
}
|
|
13841
|
+
],
|
|
13842
|
+
"description": "Parses a date string into a Date object when the corresponding `_*Object`\nfield hasn't been synced yet by `updated()`. Returns undefined when the\ninput type/format isn't a full date or the string is not a valid date.\n\nWhy this exists: a parent (datepicker) can call `inputN.validate()` from\ninside its own `updated()` before this input's `updated()` has run\n`syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`\nand range checks would otherwise silently no-op (flipping the result to\n`valid` or `patternMismatch`).",
|
|
13843
|
+
"privacy": "private",
|
|
13844
|
+
"return": {
|
|
13845
|
+
"type": {
|
|
13846
|
+
"text": "Date|undefined"
|
|
13847
|
+
}
|
|
13848
|
+
}
|
|
13849
|
+
},
|
|
13786
13850
|
{
|
|
13787
13851
|
"kind": "method",
|
|
13788
13852
|
"name": "setDateObjectProperty",
|
|
@@ -15969,882 +16033,386 @@
|
|
|
15969
16033
|
},
|
|
15970
16034
|
{
|
|
15971
16035
|
"kind": "javascript-module",
|
|
15972
|
-
"path": "components/menu/src/auro-menu.
|
|
16036
|
+
"path": "components/menu/src/auro-menu.js",
|
|
15973
16037
|
"declarations": [
|
|
15974
16038
|
{
|
|
15975
16039
|
"kind": "class",
|
|
15976
|
-
"description": "",
|
|
15977
|
-
"name": "
|
|
16040
|
+
"description": "The `auro-menu` element provides users a way to select from a list of options.",
|
|
16041
|
+
"name": "AuroMenu",
|
|
16042
|
+
"slots": [
|
|
16043
|
+
{
|
|
16044
|
+
"description": "Text to show while loading attribute is set",
|
|
16045
|
+
"name": "loadingText"
|
|
16046
|
+
},
|
|
16047
|
+
{
|
|
16048
|
+
"description": "Icon to show while loading attribute is set",
|
|
16049
|
+
"name": "loadingIcon"
|
|
16050
|
+
},
|
|
16051
|
+
{
|
|
16052
|
+
"description": "Slot for insertion of menu options.",
|
|
16053
|
+
"name": ""
|
|
16054
|
+
}
|
|
16055
|
+
],
|
|
15978
16056
|
"members": [
|
|
16057
|
+
{
|
|
16058
|
+
"kind": "method",
|
|
16059
|
+
"name": "register",
|
|
16060
|
+
"static": true,
|
|
16061
|
+
"parameters": [
|
|
16062
|
+
{
|
|
16063
|
+
"name": "name",
|
|
16064
|
+
"default": "\"auro-menu\"",
|
|
16065
|
+
"description": "The name of element that you want to register to.",
|
|
16066
|
+
"optional": true,
|
|
16067
|
+
"type": {
|
|
16068
|
+
"text": "string"
|
|
16069
|
+
}
|
|
16070
|
+
}
|
|
16071
|
+
],
|
|
16072
|
+
"description": "This will register this element with the browser."
|
|
16073
|
+
},
|
|
15979
16074
|
{
|
|
15980
16075
|
"kind": "field",
|
|
15981
|
-
"name": "
|
|
15982
|
-
"
|
|
16076
|
+
"name": "options",
|
|
16077
|
+
"readonly": true,
|
|
15983
16078
|
"return": {
|
|
15984
16079
|
"type": {
|
|
15985
|
-
"text": "
|
|
16080
|
+
"text": "Array<HTMLElement>"
|
|
15986
16081
|
}
|
|
15987
|
-
}
|
|
15988
|
-
"readonly": true
|
|
16082
|
+
}
|
|
15989
16083
|
},
|
|
15990
16084
|
{
|
|
15991
16085
|
"kind": "field",
|
|
15992
|
-
"name": "
|
|
15993
|
-
"description": "Gets the currently highlighted option.",
|
|
16086
|
+
"name": "index",
|
|
15994
16087
|
"return": {
|
|
15995
16088
|
"type": {
|
|
15996
|
-
"text": "
|
|
16089
|
+
"text": "number"
|
|
15997
16090
|
}
|
|
15998
16091
|
},
|
|
15999
|
-
"
|
|
16092
|
+
"parameters": [
|
|
16093
|
+
{
|
|
16094
|
+
"description": "Sets the index of the currently active option.",
|
|
16095
|
+
"name": "value",
|
|
16096
|
+
"type": {
|
|
16097
|
+
"text": "number"
|
|
16098
|
+
}
|
|
16099
|
+
}
|
|
16100
|
+
]
|
|
16000
16101
|
},
|
|
16001
16102
|
{
|
|
16002
16103
|
"kind": "field",
|
|
16003
|
-
"name": "
|
|
16004
|
-
"description": "Gets the
|
|
16104
|
+
"name": "selectedOptions",
|
|
16105
|
+
"description": "Gets the currently selected options as an array.",
|
|
16005
16106
|
"return": {
|
|
16006
16107
|
"type": {
|
|
16007
|
-
"text": "
|
|
16108
|
+
"text": "Array<HTMLElement>"
|
|
16008
16109
|
}
|
|
16009
16110
|
},
|
|
16010
16111
|
"readonly": true
|
|
16011
16112
|
},
|
|
16012
16113
|
{
|
|
16013
16114
|
"kind": "field",
|
|
16014
|
-
"name": "
|
|
16015
|
-
"description": "Gets the
|
|
16115
|
+
"name": "selectedOption",
|
|
16116
|
+
"description": "Gets the first selected option, or null if none.",
|
|
16016
16117
|
"return": {
|
|
16017
16118
|
"type": {
|
|
16018
|
-
"text": "
|
|
16119
|
+
"text": "HTMLElement|null"
|
|
16019
16120
|
}
|
|
16020
16121
|
},
|
|
16021
16122
|
"readonly": true
|
|
16022
16123
|
},
|
|
16023
16124
|
{
|
|
16024
16125
|
"kind": "field",
|
|
16025
|
-
"name": "
|
|
16026
|
-
"
|
|
16126
|
+
"name": "currentLabel",
|
|
16127
|
+
"readonly": true,
|
|
16027
16128
|
"return": {
|
|
16028
16129
|
"type": {
|
|
16029
|
-
"text": "string
|
|
16130
|
+
"text": "string"
|
|
16030
16131
|
}
|
|
16031
|
-
}
|
|
16032
|
-
"readonly": true
|
|
16132
|
+
}
|
|
16033
16133
|
},
|
|
16034
16134
|
{
|
|
16035
16135
|
"kind": "field",
|
|
16036
|
-
"name": "
|
|
16037
|
-
"description": "
|
|
16136
|
+
"name": "formattedValue",
|
|
16137
|
+
"description": "Formatted value based on `multiSelect` state.\nDefault type is `String`, changing to `Array<String>` when `multiSelect` is true.",
|
|
16138
|
+
"privacy": "private",
|
|
16038
16139
|
"return": {
|
|
16039
16140
|
"type": {
|
|
16040
|
-
"text": "
|
|
16141
|
+
"text": "String|Array<String>"
|
|
16041
16142
|
}
|
|
16042
16143
|
},
|
|
16043
16144
|
"readonly": true
|
|
16044
16145
|
},
|
|
16045
16146
|
{
|
|
16046
16147
|
"kind": "method",
|
|
16047
|
-
"name": "
|
|
16048
|
-
"
|
|
16049
|
-
|
|
16050
|
-
|
|
16051
|
-
|
|
16052
|
-
|
|
16053
|
-
|
|
16148
|
+
"name": "selectByValue",
|
|
16149
|
+
"parameters": [
|
|
16150
|
+
{
|
|
16151
|
+
"name": "value",
|
|
16152
|
+
"description": "The value(s) to select.",
|
|
16153
|
+
"type": {
|
|
16154
|
+
"text": "string|string[]|undefined|null"
|
|
16155
|
+
}
|
|
16156
|
+
}
|
|
16157
|
+
],
|
|
16158
|
+
"description": "Selects options by value.",
|
|
16159
|
+
"privacy": "public"
|
|
16054
16160
|
},
|
|
16055
16161
|
{
|
|
16056
16162
|
"kind": "method",
|
|
16057
|
-
"name": "
|
|
16163
|
+
"name": "setTagAttribute",
|
|
16058
16164
|
"parameters": [
|
|
16059
16165
|
{
|
|
16060
|
-
"name": "
|
|
16166
|
+
"name": "tagName",
|
|
16167
|
+
"description": "The tag name to set as an attribute.",
|
|
16061
16168
|
"type": {
|
|
16062
16169
|
"text": "string"
|
|
16063
16170
|
}
|
|
16064
|
-
},
|
|
16065
|
-
{
|
|
16066
|
-
"name": "value",
|
|
16067
|
-
"type": {
|
|
16068
|
-
"text": "any"
|
|
16069
|
-
}
|
|
16070
16171
|
}
|
|
16071
16172
|
],
|
|
16072
|
-
"description": "Sets
|
|
16173
|
+
"description": "Sets an attribute that matches the default tag name if the tag name is not the default.",
|
|
16174
|
+
"privacy": "private"
|
|
16073
16175
|
},
|
|
16074
16176
|
{
|
|
16075
16177
|
"kind": "method",
|
|
16076
|
-
"name": "
|
|
16178
|
+
"name": "updateItemsState",
|
|
16077
16179
|
"parameters": [
|
|
16078
16180
|
{
|
|
16079
|
-
"name": "
|
|
16080
|
-
"description": "
|
|
16181
|
+
"name": "changedProperties",
|
|
16182
|
+
"description": "LitElement's changed properties map.",
|
|
16081
16183
|
"type": {
|
|
16082
|
-
"text": "
|
|
16184
|
+
"text": "Map<string, boolean>"
|
|
16083
16185
|
}
|
|
16084
16186
|
}
|
|
16085
16187
|
],
|
|
16086
|
-
"description": "
|
|
16188
|
+
"description": "Updates the UI state and appearance of menu items based on changed properties.",
|
|
16189
|
+
"privacy": "private"
|
|
16087
16190
|
},
|
|
16088
16191
|
{
|
|
16089
16192
|
"kind": "method",
|
|
16090
|
-
"name": "
|
|
16091
|
-
"description": "
|
|
16193
|
+
"name": "initializeMenu",
|
|
16194
|
+
"description": "Initializes the menu's state and structure.",
|
|
16195
|
+
"privacy": "private"
|
|
16092
16196
|
},
|
|
16093
16197
|
{
|
|
16094
16198
|
"kind": "method",
|
|
16095
|
-
"name": "
|
|
16096
|
-
"description": "
|
|
16199
|
+
"name": "initItems",
|
|
16200
|
+
"description": "Initializes menu items and their attributes.",
|
|
16201
|
+
"privacy": "private"
|
|
16097
16202
|
},
|
|
16098
16203
|
{
|
|
16099
16204
|
"kind": "method",
|
|
16100
|
-
"name": "
|
|
16205
|
+
"name": "handleSelectState",
|
|
16101
16206
|
"parameters": [
|
|
16102
16207
|
{
|
|
16103
|
-
"name": "
|
|
16104
|
-
"description": "The
|
|
16208
|
+
"name": "option",
|
|
16209
|
+
"description": "The option element to select.",
|
|
16105
16210
|
"type": {
|
|
16106
|
-
"text": "
|
|
16211
|
+
"text": "HTMLElement"
|
|
16107
16212
|
}
|
|
16108
16213
|
}
|
|
16109
16214
|
],
|
|
16110
|
-
"description": "
|
|
16215
|
+
"description": "Updates menu state when an option is selected.",
|
|
16216
|
+
"privacy": "private"
|
|
16111
16217
|
},
|
|
16112
16218
|
{
|
|
16113
16219
|
"kind": "method",
|
|
16114
|
-
"name": "
|
|
16220
|
+
"name": "handleDeselectState",
|
|
16115
16221
|
"parameters": [
|
|
16116
16222
|
{
|
|
16117
16223
|
"name": "option",
|
|
16118
|
-
"description": "The
|
|
16224
|
+
"description": "The menuoption to be deselected.",
|
|
16119
16225
|
"type": {
|
|
16120
|
-
"text": "
|
|
16226
|
+
"text": "HTMLElement"
|
|
16121
16227
|
}
|
|
16122
16228
|
}
|
|
16123
16229
|
],
|
|
16124
|
-
"description": "
|
|
16230
|
+
"description": "Deselects a menu option and updates related state.",
|
|
16231
|
+
"privacy": "private"
|
|
16125
16232
|
},
|
|
16126
16233
|
{
|
|
16127
16234
|
"kind": "method",
|
|
16128
|
-
"name": "
|
|
16129
|
-
"
|
|
16130
|
-
|
|
16131
|
-
"name": "index",
|
|
16132
|
-
"type": {
|
|
16133
|
-
"text": "number"
|
|
16134
|
-
}
|
|
16135
|
-
}
|
|
16136
|
-
],
|
|
16137
|
-
"description": "Sets the highlighted option to the option at the specified index if it exists."
|
|
16235
|
+
"name": "clearSelection",
|
|
16236
|
+
"description": "Resets all options to their default state.",
|
|
16237
|
+
"privacy": "private"
|
|
16138
16238
|
},
|
|
16139
16239
|
{
|
|
16140
16240
|
"kind": "method",
|
|
16141
|
-
"name": "
|
|
16142
|
-
"description": "
|
|
16241
|
+
"name": "reset",
|
|
16242
|
+
"description": "Resets the menu to its initial state.\nThis is the only way to return value to undefined.",
|
|
16243
|
+
"privacy": "public"
|
|
16143
16244
|
},
|
|
16144
16245
|
{
|
|
16145
16246
|
"kind": "method",
|
|
16146
|
-
"name": "
|
|
16247
|
+
"name": "handleNestedMenus",
|
|
16147
16248
|
"parameters": [
|
|
16148
16249
|
{
|
|
16149
|
-
"name": "
|
|
16150
|
-
"description": "
|
|
16250
|
+
"name": "menu",
|
|
16251
|
+
"description": "Root menu element.",
|
|
16151
16252
|
"type": {
|
|
16152
|
-
"text": "
|
|
16253
|
+
"text": "HTMLElement"
|
|
16153
16254
|
}
|
|
16154
16255
|
}
|
|
16155
16256
|
],
|
|
16156
|
-
"description": "
|
|
16257
|
+
"description": "Handles nested menu structure.",
|
|
16258
|
+
"privacy": "private"
|
|
16157
16259
|
},
|
|
16158
16260
|
{
|
|
16159
16261
|
"kind": "method",
|
|
16160
|
-
"name": "
|
|
16161
|
-
"
|
|
16162
|
-
|
|
16163
|
-
"name": "options",
|
|
16164
|
-
"description": "Single option or array of options to deselect",
|
|
16165
|
-
"type": {
|
|
16166
|
-
"text": "AuroMenuOption|AuroMenuOption[]"
|
|
16167
|
-
}
|
|
16168
|
-
}
|
|
16169
|
-
],
|
|
16170
|
-
"description": "Deselects one or more options in a batch operation"
|
|
16262
|
+
"name": "makeSelection",
|
|
16263
|
+
"description": "Makes a selection based on the current index.",
|
|
16264
|
+
"privacy": "private"
|
|
16171
16265
|
},
|
|
16172
16266
|
{
|
|
16173
16267
|
"kind": "method",
|
|
16174
|
-
"name": "
|
|
16268
|
+
"name": "toggleOption",
|
|
16175
16269
|
"parameters": [
|
|
16176
16270
|
{
|
|
16177
16271
|
"name": "option",
|
|
16272
|
+
"description": "The menuoption to toggle.",
|
|
16178
16273
|
"type": {
|
|
16179
|
-
"text": "
|
|
16274
|
+
"text": "HTMLElement"
|
|
16180
16275
|
}
|
|
16181
16276
|
}
|
|
16182
16277
|
],
|
|
16183
|
-
"description": "
|
|
16278
|
+
"description": "Toggle the selection state of the menuoption.",
|
|
16279
|
+
"privacy": "private"
|
|
16184
16280
|
},
|
|
16185
16281
|
{
|
|
16186
16282
|
"kind": "method",
|
|
16187
|
-
"name": "
|
|
16283
|
+
"name": "handleKeyDown",
|
|
16188
16284
|
"parameters": [
|
|
16189
16285
|
{
|
|
16190
|
-
"name": "
|
|
16286
|
+
"name": "event",
|
|
16287
|
+
"description": "The keydown event.",
|
|
16191
16288
|
"type": {
|
|
16192
|
-
"text": "
|
|
16289
|
+
"text": "KeyboardEvent"
|
|
16193
16290
|
}
|
|
16194
16291
|
}
|
|
16195
16292
|
],
|
|
16196
|
-
"description": "
|
|
16293
|
+
"description": "Handles keyboard navigation and selection.",
|
|
16294
|
+
"privacy": "private"
|
|
16197
16295
|
},
|
|
16198
16296
|
{
|
|
16199
16297
|
"kind": "method",
|
|
16200
|
-
"name": "
|
|
16298
|
+
"name": "handleMouseSelect",
|
|
16201
16299
|
"parameters": [
|
|
16202
16300
|
{
|
|
16203
|
-
"name": "
|
|
16301
|
+
"name": "event",
|
|
16302
|
+
"description": "The auroMenuOption-click event.",
|
|
16204
16303
|
"type": {
|
|
16205
|
-
"text": "
|
|
16304
|
+
"text": "CustomEvent"
|
|
16206
16305
|
}
|
|
16207
16306
|
}
|
|
16208
16307
|
],
|
|
16209
|
-
"description": "
|
|
16308
|
+
"description": "Handles option selection via click events from menuoptions.",
|
|
16309
|
+
"privacy": "private"
|
|
16210
16310
|
},
|
|
16211
16311
|
{
|
|
16212
16312
|
"kind": "method",
|
|
16213
|
-
"name": "
|
|
16313
|
+
"name": "handleOptionHover",
|
|
16214
16314
|
"parameters": [
|
|
16215
16315
|
{
|
|
16216
|
-
"name": "
|
|
16217
|
-
"description": "
|
|
16316
|
+
"name": "event",
|
|
16317
|
+
"description": "Event object from the browser.",
|
|
16218
16318
|
"type": {
|
|
16219
|
-
"text": "
|
|
16319
|
+
"text": "CustomEvent"
|
|
16220
16320
|
}
|
|
16221
16321
|
}
|
|
16222
16322
|
],
|
|
16223
|
-
"description": "
|
|
16323
|
+
"description": "Handles option hover events.",
|
|
16324
|
+
"privacy": "private"
|
|
16325
|
+
},
|
|
16326
|
+
{
|
|
16327
|
+
"kind": "method",
|
|
16328
|
+
"name": "handleSlotChange",
|
|
16329
|
+
"description": "Handles slot change events.",
|
|
16330
|
+
"privacy": "private"
|
|
16224
16331
|
},
|
|
16225
16332
|
{
|
|
16226
16333
|
"kind": "method",
|
|
16227
|
-
"name": "
|
|
16334
|
+
"name": "navigateOptions",
|
|
16228
16335
|
"parameters": [
|
|
16229
16336
|
{
|
|
16230
|
-
"name": "
|
|
16231
|
-
"description": "
|
|
16337
|
+
"name": "direction",
|
|
16338
|
+
"description": "'up' or 'down'.",
|
|
16232
16339
|
"type": {
|
|
16233
|
-
"text": "string
|
|
16340
|
+
"text": "string"
|
|
16234
16341
|
}
|
|
16235
16342
|
}
|
|
16236
16343
|
],
|
|
16237
|
-
"description": "
|
|
16238
|
-
},
|
|
16239
|
-
{
|
|
16240
|
-
"kind": "method",
|
|
16241
|
-
"name": "clearPendingValue",
|
|
16242
|
-
"description": "Clears pending retry state."
|
|
16243
|
-
},
|
|
16244
|
-
{
|
|
16245
|
-
"kind": "method",
|
|
16246
|
-
"name": "reset",
|
|
16247
|
-
"description": "Resets the selected options to an empty array."
|
|
16344
|
+
"description": "Navigates through options using keyboard."
|
|
16248
16345
|
},
|
|
16249
16346
|
{
|
|
16250
16347
|
"kind": "method",
|
|
16251
|
-
"name": "
|
|
16348
|
+
"name": "updateActiveOption",
|
|
16252
16349
|
"parameters": [
|
|
16253
16350
|
{
|
|
16254
|
-
"name": "
|
|
16255
|
-
"description": "
|
|
16351
|
+
"name": "indexOrOption",
|
|
16352
|
+
"description": "Index of the option or the option element to make active.",
|
|
16256
16353
|
"type": {
|
|
16257
|
-
"text": "
|
|
16354
|
+
"text": "number|HTMLElement"
|
|
16258
16355
|
}
|
|
16259
16356
|
}
|
|
16260
16357
|
],
|
|
16261
|
-
"description": "
|
|
16358
|
+
"description": "Updates the active option state and dispatches events.\nAccepts either a numeric index or an HTMLElement option."
|
|
16262
16359
|
},
|
|
16263
16360
|
{
|
|
16264
16361
|
"kind": "method",
|
|
16265
|
-
"name": "
|
|
16362
|
+
"name": "handleCustomEvent",
|
|
16266
16363
|
"parameters": [
|
|
16267
16364
|
{
|
|
16268
|
-
"name": "
|
|
16365
|
+
"name": "option",
|
|
16366
|
+
"description": "Option with custom event.",
|
|
16269
16367
|
"type": {
|
|
16270
|
-
"text": "
|
|
16368
|
+
"text": "HTMLElement"
|
|
16271
16369
|
}
|
|
16272
16370
|
}
|
|
16273
16371
|
],
|
|
16274
|
-
"description": "
|
|
16372
|
+
"description": "Handles custom events defined on options.",
|
|
16373
|
+
"privacy": "private"
|
|
16275
16374
|
},
|
|
16276
16375
|
{
|
|
16277
16376
|
"kind": "method",
|
|
16278
|
-
"name": "
|
|
16377
|
+
"name": "notifySelectionChange",
|
|
16279
16378
|
"parameters": [
|
|
16280
16379
|
{
|
|
16281
|
-
"name": "
|
|
16282
|
-
"default": "
|
|
16380
|
+
"name": "source",
|
|
16381
|
+
"default": "undefined",
|
|
16382
|
+
"description": "The source that triggers this event.",
|
|
16383
|
+
"type": {
|
|
16384
|
+
"text": "any"
|
|
16385
|
+
}
|
|
16283
16386
|
}
|
|
16284
16387
|
],
|
|
16285
|
-
"description": "
|
|
16388
|
+
"description": "Notifies selection change to parent components.",
|
|
16389
|
+
"privacy": "private"
|
|
16286
16390
|
},
|
|
16287
16391
|
{
|
|
16288
16392
|
"kind": "method",
|
|
16289
|
-
"name": "
|
|
16393
|
+
"name": "selectionEquals",
|
|
16290
16394
|
"parameters": [
|
|
16291
16395
|
{
|
|
16292
|
-
"name": "
|
|
16293
|
-
"description": "
|
|
16396
|
+
"name": "current",
|
|
16397
|
+
"description": "Current selection.",
|
|
16294
16398
|
"type": {
|
|
16295
|
-
"text": "
|
|
16399
|
+
"text": "any"
|
|
16400
|
+
}
|
|
16401
|
+
},
|
|
16402
|
+
{
|
|
16403
|
+
"name": "next",
|
|
16404
|
+
"description": "New selection to compare.",
|
|
16405
|
+
"type": {
|
|
16406
|
+
"text": "any"
|
|
16296
16407
|
}
|
|
16297
16408
|
}
|
|
16298
16409
|
],
|
|
16299
|
-
"
|
|
16300
|
-
|
|
16301
|
-
|
|
16302
|
-
|
|
16303
|
-
|
|
16304
|
-
|
|
16305
|
-
{
|
|
16306
|
-
"name": "meta",
|
|
16307
|
-
"default": "{}"
|
|
16308
|
-
}
|
|
16309
|
-
],
|
|
16310
|
-
"description": "Notifies subscribers of a state change (selected options has changed)."
|
|
16311
|
-
},
|
|
16312
|
-
{
|
|
16313
|
-
"kind": "method",
|
|
16314
|
-
"name": "notifyValueChange",
|
|
16315
|
-
"parameters": [
|
|
16316
|
-
{
|
|
16317
|
-
"name": "meta",
|
|
16318
|
-
"default": "{}"
|
|
16319
|
-
}
|
|
16320
|
-
],
|
|
16321
|
-
"description": "Notifies subscribers of a value change (current value has changed)."
|
|
16322
|
-
},
|
|
16323
|
-
{
|
|
16324
|
-
"kind": "method",
|
|
16325
|
-
"name": "dispatchChangeEvent",
|
|
16326
|
-
"parameters": [
|
|
16327
|
-
{
|
|
16328
|
-
"name": "eventName",
|
|
16329
|
-
"type": {
|
|
16330
|
-
"text": "string"
|
|
16331
|
-
}
|
|
16332
|
-
},
|
|
16333
|
-
{
|
|
16334
|
-
"name": "detail",
|
|
16335
|
-
"type": {
|
|
16336
|
-
"text": "any"
|
|
16337
|
-
}
|
|
16338
|
-
}
|
|
16339
|
-
],
|
|
16340
|
-
"description": "Dispatches a custom event from the host element."
|
|
16341
|
-
},
|
|
16342
|
-
{
|
|
16343
|
-
"kind": "method",
|
|
16344
|
-
"name": "addMenuOption",
|
|
16345
|
-
"parameters": [
|
|
16346
|
-
{
|
|
16347
|
-
"name": "option",
|
|
16348
|
-
"description": "the option to track",
|
|
16349
|
-
"type": {
|
|
16350
|
-
"text": "AuroMenuOption"
|
|
16351
|
-
}
|
|
16352
|
-
}
|
|
16353
|
-
],
|
|
16354
|
-
"description": "Adds a menu option to the service's list."
|
|
16355
|
-
},
|
|
16356
|
-
{
|
|
16357
|
-
"kind": "method",
|
|
16358
|
-
"name": "removeMenuOption",
|
|
16359
|
-
"parameters": [
|
|
16360
|
-
{
|
|
16361
|
-
"name": "option",
|
|
16362
|
-
"description": "the option to remove",
|
|
16363
|
-
"type": {
|
|
16364
|
-
"text": "AuroMenuOption"
|
|
16365
|
-
}
|
|
16366
|
-
}
|
|
16367
|
-
],
|
|
16368
|
-
"description": "Removes a menu option from the service's list."
|
|
16369
|
-
},
|
|
16370
|
-
{
|
|
16371
|
-
"kind": "method",
|
|
16372
|
-
"name": "_getNormalizedValues",
|
|
16373
|
-
"parameters": [
|
|
16374
|
-
{
|
|
16375
|
-
"name": "value",
|
|
16376
|
-
"description": "The value(s) to normalize.",
|
|
16377
|
-
"type": {
|
|
16378
|
-
"text": "string|number|Array<string|number>"
|
|
16379
|
-
}
|
|
16380
|
-
}
|
|
16381
|
-
],
|
|
16382
|
-
"description": "Normalizes a value or array of values into an array of strings for option selection.\nThis function ensures that input values are consistently formatted for matching menu options.",
|
|
16383
|
-
"return": {
|
|
16384
|
-
"type": {
|
|
16385
|
-
"text": "Array<string>"
|
|
16386
|
-
}
|
|
16387
|
-
}
|
|
16388
|
-
},
|
|
16389
|
-
{
|
|
16390
|
-
"kind": "method",
|
|
16391
|
-
"name": "optionsArraysMatch",
|
|
16392
|
-
"parameters": [
|
|
16393
|
-
{
|
|
16394
|
-
"name": "arr1",
|
|
16395
|
-
"description": "First array of options.",
|
|
16396
|
-
"type": {
|
|
16397
|
-
"text": "AuroMenuOption[]"
|
|
16398
|
-
}
|
|
16399
|
-
},
|
|
16400
|
-
{
|
|
16401
|
-
"name": "arr2",
|
|
16402
|
-
"description": "Second array of options.",
|
|
16403
|
-
"type": {
|
|
16404
|
-
"text": "AuroMenuOption[]"
|
|
16405
|
-
}
|
|
16406
|
-
}
|
|
16407
|
-
],
|
|
16408
|
-
"description": "Returns whether two arrays of options contain the same elements.",
|
|
16409
|
-
"return": {
|
|
16410
|
-
"type": {
|
|
16411
|
-
"text": "boolean"
|
|
16412
|
-
}
|
|
16413
|
-
}
|
|
16414
|
-
},
|
|
16415
|
-
{
|
|
16416
|
-
"kind": "field",
|
|
16417
|
-
"name": "host",
|
|
16418
|
-
"default": "host"
|
|
16419
|
-
},
|
|
16420
|
-
{
|
|
16421
|
-
"kind": "field",
|
|
16422
|
-
"name": "size",
|
|
16423
|
-
"default": "undefined"
|
|
16424
|
-
},
|
|
16425
|
-
{
|
|
16426
|
-
"kind": "field",
|
|
16427
|
-
"name": "shape",
|
|
16428
|
-
"default": "undefined"
|
|
16429
|
-
},
|
|
16430
|
-
{
|
|
16431
|
-
"kind": "field",
|
|
16432
|
-
"name": "noCheckmark",
|
|
16433
|
-
"default": "undefined"
|
|
16434
|
-
},
|
|
16435
|
-
{
|
|
16436
|
-
"kind": "field",
|
|
16437
|
-
"name": "disabled",
|
|
16438
|
-
"default": "undefined"
|
|
16439
|
-
},
|
|
16440
|
-
{
|
|
16441
|
-
"kind": "field",
|
|
16442
|
-
"name": "matchWord",
|
|
16443
|
-
"default": "undefined"
|
|
16444
|
-
},
|
|
16445
|
-
{
|
|
16446
|
-
"kind": "field",
|
|
16447
|
-
"name": "multiSelect",
|
|
16448
|
-
"default": "undefined"
|
|
16449
|
-
},
|
|
16450
|
-
{
|
|
16451
|
-
"kind": "field",
|
|
16452
|
-
"name": "allowDeselect",
|
|
16453
|
-
"default": "undefined"
|
|
16454
|
-
},
|
|
16455
|
-
{
|
|
16456
|
-
"kind": "field",
|
|
16457
|
-
"name": "selectAllMatchingOptions",
|
|
16458
|
-
"default": "undefined"
|
|
16459
|
-
},
|
|
16460
|
-
{
|
|
16461
|
-
"kind": "field",
|
|
16462
|
-
"name": "highlightedIndex",
|
|
16463
|
-
"type": {
|
|
16464
|
-
"text": "number"
|
|
16465
|
-
},
|
|
16466
|
-
"default": "-1"
|
|
16467
|
-
},
|
|
16468
|
-
{
|
|
16469
|
-
"kind": "field",
|
|
16470
|
-
"name": "_menuOptions",
|
|
16471
|
-
"type": {
|
|
16472
|
-
"text": "array"
|
|
16473
|
-
},
|
|
16474
|
-
"default": "[]"
|
|
16475
|
-
},
|
|
16476
|
-
{
|
|
16477
|
-
"kind": "field",
|
|
16478
|
-
"name": "_subscribers",
|
|
16479
|
-
"type": {
|
|
16480
|
-
"text": "array"
|
|
16481
|
-
},
|
|
16482
|
-
"default": "[]"
|
|
16483
|
-
},
|
|
16484
|
-
{
|
|
16485
|
-
"kind": "field",
|
|
16486
|
-
"name": "internalUpdateInProgress",
|
|
16487
|
-
"type": {
|
|
16488
|
-
"text": "boolean"
|
|
16489
|
-
},
|
|
16490
|
-
"default": "false"
|
|
16491
|
-
},
|
|
16492
|
-
{
|
|
16493
|
-
"kind": "field",
|
|
16494
|
-
"name": "selectedOptions",
|
|
16495
|
-
"type": {
|
|
16496
|
-
"text": "array"
|
|
16497
|
-
},
|
|
16498
|
-
"default": "[]"
|
|
16499
|
-
},
|
|
16500
|
-
{
|
|
16501
|
-
"kind": "field",
|
|
16502
|
-
"name": "_pendingValue",
|
|
16503
|
-
"type": {
|
|
16504
|
-
"text": "null"
|
|
16505
|
-
},
|
|
16506
|
-
"default": "null"
|
|
16507
|
-
},
|
|
16508
|
-
{
|
|
16509
|
-
"kind": "field",
|
|
16510
|
-
"name": "_pendingRetryScheduled",
|
|
16511
|
-
"type": {
|
|
16512
|
-
"text": "boolean"
|
|
16513
|
-
},
|
|
16514
|
-
"default": "false"
|
|
16515
|
-
},
|
|
16516
|
-
{
|
|
16517
|
-
"kind": "field",
|
|
16518
|
-
"name": "_pendingRetryCount",
|
|
16519
|
-
"type": {
|
|
16520
|
-
"text": "number"
|
|
16521
|
-
},
|
|
16522
|
-
"default": "0"
|
|
16523
|
-
}
|
|
16524
|
-
]
|
|
16525
|
-
},
|
|
16526
|
-
{
|
|
16527
|
-
"kind": "variable",
|
|
16528
|
-
"name": "MenuContext"
|
|
16529
|
-
}
|
|
16530
|
-
],
|
|
16531
|
-
"exports": [
|
|
16532
|
-
{
|
|
16533
|
-
"kind": "js",
|
|
16534
|
-
"name": "MenuService",
|
|
16535
|
-
"declaration": {
|
|
16536
|
-
"name": "MenuService",
|
|
16537
|
-
"module": "components/menu/src/auro-menu.context.js"
|
|
16538
|
-
}
|
|
16539
|
-
},
|
|
16540
|
-
{
|
|
16541
|
-
"kind": "js",
|
|
16542
|
-
"name": "MenuContext",
|
|
16543
|
-
"declaration": {
|
|
16544
|
-
"name": "MenuContext",
|
|
16545
|
-
"module": "components/menu/src/auro-menu.context.js"
|
|
16546
|
-
}
|
|
16547
|
-
}
|
|
16548
|
-
]
|
|
16549
|
-
},
|
|
16550
|
-
{
|
|
16551
|
-
"kind": "javascript-module",
|
|
16552
|
-
"path": "components/menu/src/auro-menu.js",
|
|
16553
|
-
"declarations": [
|
|
16554
|
-
{
|
|
16555
|
-
"kind": "class",
|
|
16556
|
-
"description": "The `auro-menu` element provides users a way to select from a list of options.",
|
|
16557
|
-
"name": "AuroMenu",
|
|
16558
|
-
"slots": [
|
|
16559
|
-
{
|
|
16560
|
-
"description": "Text to show while loading attribute is set",
|
|
16561
|
-
"name": "loadingText"
|
|
16562
|
-
},
|
|
16563
|
-
{
|
|
16564
|
-
"description": "Icon to show while loading attribute is set",
|
|
16565
|
-
"name": "loadingIcon"
|
|
16566
|
-
},
|
|
16567
|
-
{
|
|
16568
|
-
"description": "Slot for insertion of menu options.",
|
|
16569
|
-
"name": ""
|
|
16570
|
-
}
|
|
16571
|
-
],
|
|
16572
|
-
"members": [
|
|
16573
|
-
{
|
|
16574
|
-
"kind": "field",
|
|
16575
|
-
"name": "currentLabel",
|
|
16576
|
-
"readonly": true,
|
|
16577
|
-
"return": {
|
|
16578
|
-
"type": {
|
|
16579
|
-
"text": "string"
|
|
16580
|
-
}
|
|
16581
|
-
}
|
|
16582
|
-
},
|
|
16583
|
-
{
|
|
16584
|
-
"kind": "field",
|
|
16585
|
-
"name": "items",
|
|
16586
|
-
"readonly": true,
|
|
16587
|
-
"return": {
|
|
16588
|
-
"type": {
|
|
16589
|
-
"text": "Array<HTMLElement>"
|
|
16590
|
-
}
|
|
16591
|
-
},
|
|
16592
|
-
"deprecated": "Use `options` property instead."
|
|
16593
|
-
},
|
|
16594
|
-
{
|
|
16595
|
-
"kind": "field",
|
|
16596
|
-
"name": "index",
|
|
16597
|
-
"return": {
|
|
16598
|
-
"type": {
|
|
16599
|
-
"text": "number"
|
|
16600
|
-
}
|
|
16601
|
-
},
|
|
16602
|
-
"parameters": [
|
|
16603
|
-
{
|
|
16604
|
-
"description": "Sets the index of the currently active option.",
|
|
16605
|
-
"name": "value",
|
|
16606
|
-
"type": {
|
|
16607
|
-
"text": "number"
|
|
16608
|
-
}
|
|
16609
|
-
}
|
|
16610
|
-
]
|
|
16611
|
-
},
|
|
16612
|
-
{
|
|
16613
|
-
"kind": "method",
|
|
16614
|
-
"name": "register",
|
|
16615
|
-
"static": true,
|
|
16616
|
-
"parameters": [
|
|
16617
|
-
{
|
|
16618
|
-
"name": "name",
|
|
16619
|
-
"default": "\"auro-menu\"",
|
|
16620
|
-
"description": "The name of the element that you want to register.",
|
|
16621
|
-
"optional": true,
|
|
16622
|
-
"type": {
|
|
16623
|
-
"text": "string"
|
|
16624
|
-
}
|
|
16625
|
-
}
|
|
16626
|
-
],
|
|
16627
|
-
"description": "This will register this element with the browser."
|
|
16628
|
-
},
|
|
16629
|
-
{
|
|
16630
|
-
"kind": "field",
|
|
16631
|
-
"name": "formattedValue",
|
|
16632
|
-
"description": "Formatted value based on `multiSelect` state.\nDefault type is `String`, changing to `Array<String>` when `multiSelect` is true.",
|
|
16633
|
-
"privacy": "private",
|
|
16634
|
-
"return": {
|
|
16635
|
-
"type": {
|
|
16636
|
-
"text": "String|Array<String>"
|
|
16637
|
-
}
|
|
16638
|
-
},
|
|
16639
|
-
"readonly": true
|
|
16640
|
-
},
|
|
16641
|
-
{
|
|
16642
|
-
"kind": "field",
|
|
16643
|
-
"name": "propertyValues",
|
|
16644
|
-
"description": "Gets the current property values for the menu service.",
|
|
16645
|
-
"privacy": "private",
|
|
16646
|
-
"return": {
|
|
16647
|
-
"type": {
|
|
16648
|
-
"text": "Object"
|
|
16649
|
-
}
|
|
16650
|
-
},
|
|
16651
|
-
"readonly": true
|
|
16652
|
-
},
|
|
16653
|
-
{
|
|
16654
|
-
"kind": "method",
|
|
16655
|
-
"name": "provideContext",
|
|
16656
|
-
"description": "Provides the menu context to child components.\nInitializes the MenuService and subscribes to menu changes.",
|
|
16657
|
-
"privacy": "protected"
|
|
16658
|
-
},
|
|
16659
|
-
{
|
|
16660
|
-
"kind": "method",
|
|
16661
|
-
"name": "updateActiveOption",
|
|
16662
|
-
"parameters": [
|
|
16663
|
-
{
|
|
16664
|
-
"name": "option",
|
|
16665
|
-
"description": "The option to set as active.",
|
|
16666
|
-
"type": {
|
|
16667
|
-
"text": "HTMLElement"
|
|
16668
|
-
}
|
|
16669
|
-
}
|
|
16670
|
-
],
|
|
16671
|
-
"description": "Updates the currently active option in the menu."
|
|
16672
|
-
},
|
|
16673
|
-
{
|
|
16674
|
-
"kind": "method",
|
|
16675
|
-
"name": "setInternalValue",
|
|
16676
|
-
"parameters": [
|
|
16677
|
-
{
|
|
16678
|
-
"name": "value",
|
|
16679
|
-
"description": "The value to set.",
|
|
16680
|
-
"type": {
|
|
16681
|
-
"text": "String|Array<String>"
|
|
16682
|
-
}
|
|
16683
|
-
}
|
|
16684
|
-
],
|
|
16685
|
-
"description": "Sets the internal value and manages update state.",
|
|
16686
|
-
"privacy": "protected"
|
|
16687
|
-
},
|
|
16688
|
-
{
|
|
16689
|
-
"kind": "method",
|
|
16690
|
-
"name": "handleMenuChange",
|
|
16691
|
-
"parameters": [
|
|
16692
|
-
{
|
|
16693
|
-
"name": "event",
|
|
16694
|
-
"description": "The event object from the menu service.",
|
|
16695
|
-
"type": {
|
|
16696
|
-
"text": "Object"
|
|
16697
|
-
}
|
|
16698
|
-
}
|
|
16699
|
-
],
|
|
16700
|
-
"description": "Handles changes from the menu service and updates component state.",
|
|
16701
|
-
"privacy": "protected"
|
|
16702
|
-
},
|
|
16703
|
-
{
|
|
16704
|
-
"kind": "field",
|
|
16705
|
-
"name": "selectedOptions",
|
|
16706
|
-
"description": "Gets the currently selected options.",
|
|
16707
|
-
"return": {
|
|
16708
|
-
"type": {
|
|
16709
|
-
"text": "Array<HTMLElement>"
|
|
16710
|
-
}
|
|
16711
|
-
},
|
|
16712
|
-
"readonly": true
|
|
16713
|
-
},
|
|
16714
|
-
{
|
|
16715
|
-
"kind": "field",
|
|
16716
|
-
"name": "selectedOption",
|
|
16717
|
-
"description": "Gets the first selected option, or null if none.",
|
|
16718
|
-
"return": {
|
|
16719
|
-
"type": {
|
|
16720
|
-
"text": "HTMLElement|null"
|
|
16721
|
-
}
|
|
16722
|
-
},
|
|
16723
|
-
"readonly": true
|
|
16724
|
-
},
|
|
16725
|
-
{
|
|
16726
|
-
"kind": "method",
|
|
16727
|
-
"name": "setTagAttribute",
|
|
16728
|
-
"parameters": [
|
|
16729
|
-
{
|
|
16730
|
-
"name": "tagName",
|
|
16731
|
-
"description": "The tag name to set as an attribute.",
|
|
16732
|
-
"type": {
|
|
16733
|
-
"text": "string"
|
|
16734
|
-
}
|
|
16735
|
-
}
|
|
16736
|
-
],
|
|
16737
|
-
"description": "Sets an attribute that matches the default tag name if the tag name is not the default.",
|
|
16738
|
-
"privacy": "private"
|
|
16739
|
-
},
|
|
16740
|
-
{
|
|
16741
|
-
"kind": "method",
|
|
16742
|
-
"name": "setLoadingState",
|
|
16743
|
-
"parameters": [
|
|
16744
|
-
{
|
|
16745
|
-
"name": "isLoading",
|
|
16746
|
-
"description": "Whether the menu is loading.",
|
|
16747
|
-
"type": {
|
|
16748
|
-
"text": "boolean"
|
|
16749
|
-
}
|
|
16750
|
-
}
|
|
16751
|
-
],
|
|
16752
|
-
"description": "Sets the loading state and dispatches a loading change event.",
|
|
16753
|
-
"privacy": "protected"
|
|
16754
|
-
},
|
|
16755
|
-
{
|
|
16756
|
-
"kind": "method",
|
|
16757
|
-
"name": "initializeMenu",
|
|
16758
|
-
"description": "Initializes the menu's state and structure.",
|
|
16759
|
-
"privacy": "private"
|
|
16760
|
-
},
|
|
16761
|
-
{
|
|
16762
|
-
"kind": "method",
|
|
16763
|
-
"name": "makeSelection",
|
|
16764
|
-
"description": "Selects the currently highlighted option.",
|
|
16765
|
-
"privacy": "protected"
|
|
16766
|
-
},
|
|
16767
|
-
{
|
|
16768
|
-
"kind": "method",
|
|
16769
|
-
"name": "clearSelection",
|
|
16770
|
-
"description": "Resets all options to their default state.",
|
|
16771
|
-
"privacy": "private"
|
|
16772
|
-
},
|
|
16773
|
-
{
|
|
16774
|
-
"kind": "method",
|
|
16775
|
-
"name": "reset",
|
|
16776
|
-
"description": "Resets the menu to its initial state.\nThis is the only way to return value to undefined.",
|
|
16777
|
-
"privacy": "public"
|
|
16778
|
-
},
|
|
16779
|
-
{
|
|
16780
|
-
"kind": "method",
|
|
16781
|
-
"name": "handleNestedMenus",
|
|
16782
|
-
"parameters": [
|
|
16783
|
-
{
|
|
16784
|
-
"name": "menu",
|
|
16785
|
-
"description": "Root menu element.",
|
|
16786
|
-
"type": {
|
|
16787
|
-
"text": "HTMLElement"
|
|
16788
|
-
}
|
|
16789
|
-
}
|
|
16790
|
-
],
|
|
16791
|
-
"description": "Handles nested menu structure.",
|
|
16792
|
-
"privacy": "private"
|
|
16793
|
-
},
|
|
16794
|
-
{
|
|
16795
|
-
"kind": "method",
|
|
16796
|
-
"name": "navigateOptions",
|
|
16797
|
-
"parameters": [
|
|
16798
|
-
{
|
|
16799
|
-
"name": "direction",
|
|
16800
|
-
"description": "The direction to navigate.",
|
|
16801
|
-
"type": {
|
|
16802
|
-
"text": "'up'|'down'"
|
|
16803
|
-
}
|
|
16804
|
-
}
|
|
16805
|
-
],
|
|
16806
|
-
"description": "Navigates the menu options in the specified direction.",
|
|
16807
|
-
"privacy": "protected"
|
|
16808
|
-
},
|
|
16809
|
-
{
|
|
16810
|
-
"kind": "method",
|
|
16811
|
-
"name": "handleSlotChange",
|
|
16812
|
-
"description": "Handles slot change events.",
|
|
16813
|
-
"privacy": "private"
|
|
16814
|
-
},
|
|
16815
|
-
{
|
|
16816
|
-
"kind": "method",
|
|
16817
|
-
"name": "handleCustomEvent",
|
|
16818
|
-
"parameters": [
|
|
16819
|
-
{
|
|
16820
|
-
"name": "option",
|
|
16821
|
-
"description": "Option with custom event.",
|
|
16822
|
-
"type": {
|
|
16823
|
-
"text": "HTMLElement"
|
|
16824
|
-
}
|
|
16825
|
-
}
|
|
16826
|
-
],
|
|
16827
|
-
"description": "Handles custom events defined on options.",
|
|
16828
|
-
"privacy": "private"
|
|
16829
|
-
},
|
|
16830
|
-
{
|
|
16831
|
-
"kind": "method",
|
|
16832
|
-
"name": "notifySelectionChange",
|
|
16833
|
-
"parameters": [
|
|
16834
|
-
{
|
|
16835
|
-
"name": "{value, stringValue, keys, options, reason}",
|
|
16836
|
-
"default": "{}"
|
|
16837
|
-
},
|
|
16838
|
-
{
|
|
16839
|
-
"description": "The source that triggers this event.",
|
|
16840
|
-
"name": "source",
|
|
16841
|
-
"type": {
|
|
16842
|
-
"text": "any"
|
|
16843
|
-
}
|
|
16844
|
-
}
|
|
16845
|
-
],
|
|
16846
|
-
"description": "Notifies selection change to parent components.",
|
|
16847
|
-
"privacy": "private"
|
|
16410
|
+
"privacy": "private",
|
|
16411
|
+
"return": {
|
|
16412
|
+
"type": {
|
|
16413
|
+
"text": "boolean"
|
|
16414
|
+
}
|
|
16415
|
+
}
|
|
16848
16416
|
},
|
|
16849
16417
|
{
|
|
16850
16418
|
"kind": "method",
|
|
@@ -16869,18 +16437,13 @@
|
|
|
16869
16437
|
{
|
|
16870
16438
|
"kind": "field",
|
|
16871
16439
|
"name": "hasLoadingPlaceholder",
|
|
16872
|
-
"privacy": "public",
|
|
16873
|
-
"type": {
|
|
16874
|
-
"text": "boolean"
|
|
16875
|
-
},
|
|
16876
16440
|
"description": "Getter for loading placeholder state.",
|
|
16877
16441
|
"return": {
|
|
16878
16442
|
"type": {
|
|
16879
16443
|
"text": "boolean"
|
|
16880
16444
|
}
|
|
16881
16445
|
},
|
|
16882
|
-
"readonly": true
|
|
16883
|
-
"attribute": "hasLoadingPlaceholder"
|
|
16446
|
+
"readonly": true
|
|
16884
16447
|
},
|
|
16885
16448
|
{
|
|
16886
16449
|
"kind": "field",
|
|
@@ -16914,7 +16477,6 @@
|
|
|
16914
16477
|
},
|
|
16915
16478
|
"attribute": "shape",
|
|
16916
16479
|
"reflects": true,
|
|
16917
|
-
"description": "Sets the shape of the menu.",
|
|
16918
16480
|
"default": "\"box\"",
|
|
16919
16481
|
"inheritedFrom": {
|
|
16920
16482
|
"name": "AuroElement",
|
|
@@ -16930,13 +16492,24 @@
|
|
|
16930
16492
|
},
|
|
16931
16493
|
"attribute": "size",
|
|
16932
16494
|
"reflects": true,
|
|
16933
|
-
"description": "Sets the size of the menu.",
|
|
16934
16495
|
"default": "\"sm\"",
|
|
16935
16496
|
"inheritedFrom": {
|
|
16936
16497
|
"name": "AuroElement",
|
|
16937
16498
|
"module": "components/layoutElement/src/auroElement.js"
|
|
16938
16499
|
}
|
|
16939
16500
|
},
|
|
16501
|
+
{
|
|
16502
|
+
"kind": "field",
|
|
16503
|
+
"name": "value",
|
|
16504
|
+
"privacy": "public",
|
|
16505
|
+
"type": {
|
|
16506
|
+
"text": "string"
|
|
16507
|
+
},
|
|
16508
|
+
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.",
|
|
16509
|
+
"default": "undefined",
|
|
16510
|
+
"attribute": "value",
|
|
16511
|
+
"reflects": true
|
|
16512
|
+
},
|
|
16940
16513
|
{
|
|
16941
16514
|
"kind": "field",
|
|
16942
16515
|
"name": "optionSelected",
|
|
@@ -17006,30 +16579,6 @@
|
|
|
17006
16579
|
"attribute": "multiselect",
|
|
17007
16580
|
"reflects": true
|
|
17008
16581
|
},
|
|
17009
|
-
{
|
|
17010
|
-
"kind": "field",
|
|
17011
|
-
"name": "allowDeselect",
|
|
17012
|
-
"privacy": "public",
|
|
17013
|
-
"type": {
|
|
17014
|
-
"text": "boolean"
|
|
17015
|
-
},
|
|
17016
|
-
"description": "Allows deselecting an already selected option when clicked again in single-select mode.",
|
|
17017
|
-
"default": "false",
|
|
17018
|
-
"attribute": "allowDeselect",
|
|
17019
|
-
"reflects": true
|
|
17020
|
-
},
|
|
17021
|
-
{
|
|
17022
|
-
"kind": "field",
|
|
17023
|
-
"name": "selectAllMatchingOptions",
|
|
17024
|
-
"privacy": "public",
|
|
17025
|
-
"type": {
|
|
17026
|
-
"text": "boolean"
|
|
17027
|
-
},
|
|
17028
|
-
"description": "When true, selects all options that match the provided value/key when setting value and multiselect is enabled.",
|
|
17029
|
-
"default": "false",
|
|
17030
|
-
"attribute": "selectAllMatchingOptions",
|
|
17031
|
-
"reflects": true
|
|
17032
|
-
},
|
|
17033
16582
|
{
|
|
17034
16583
|
"kind": "field",
|
|
17035
16584
|
"name": "disabled",
|
|
@@ -17041,22 +16590,6 @@
|
|
|
17041
16590
|
"attribute": "disabled",
|
|
17042
16591
|
"reflects": true
|
|
17043
16592
|
},
|
|
17044
|
-
{
|
|
17045
|
-
"kind": "field",
|
|
17046
|
-
"name": "layout",
|
|
17047
|
-
"privacy": "public",
|
|
17048
|
-
"type": {
|
|
17049
|
-
"text": "string"
|
|
17050
|
-
},
|
|
17051
|
-
"description": "Defines the language of an element.",
|
|
17052
|
-
"default": "{'default'}",
|
|
17053
|
-
"attribute": "layout",
|
|
17054
|
-
"reflects": true,
|
|
17055
|
-
"inheritedFrom": {
|
|
17056
|
-
"name": "AuroElement",
|
|
17057
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
17058
|
-
}
|
|
17059
|
-
},
|
|
17060
16593
|
{
|
|
17061
16594
|
"kind": "field",
|
|
17062
16595
|
"name": "level",
|
|
@@ -17066,27 +16599,6 @@
|
|
|
17066
16599
|
},
|
|
17067
16600
|
"description": "Indent level for submenus."
|
|
17068
16601
|
},
|
|
17069
|
-
{
|
|
17070
|
-
"kind": "field",
|
|
17071
|
-
"name": "options",
|
|
17072
|
-
"privacy": "public",
|
|
17073
|
-
"type": {
|
|
17074
|
-
"text": "array"
|
|
17075
|
-
},
|
|
17076
|
-
"description": "Available menu options.",
|
|
17077
|
-
"readonly": true
|
|
17078
|
-
},
|
|
17079
|
-
{
|
|
17080
|
-
"kind": "field",
|
|
17081
|
-
"name": "value",
|
|
17082
|
-
"privacy": "public",
|
|
17083
|
-
"type": {
|
|
17084
|
-
"text": "string"
|
|
17085
|
-
},
|
|
17086
|
-
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.",
|
|
17087
|
-
"attribute": "value",
|
|
17088
|
-
"reflects": true
|
|
17089
|
-
},
|
|
17090
16602
|
{
|
|
17091
16603
|
"kind": "field",
|
|
17092
16604
|
"name": "componentHasFocus",
|
|
@@ -17127,6 +16639,22 @@
|
|
|
17127
16639
|
"module": "components/layoutElement/src/auroElement.js"
|
|
17128
16640
|
}
|
|
17129
16641
|
},
|
|
16642
|
+
{
|
|
16643
|
+
"kind": "field",
|
|
16644
|
+
"name": "layout",
|
|
16645
|
+
"privacy": "public",
|
|
16646
|
+
"type": {
|
|
16647
|
+
"text": "string"
|
|
16648
|
+
},
|
|
16649
|
+
"description": "Defines the language of an element.",
|
|
16650
|
+
"default": "{'default'}",
|
|
16651
|
+
"attribute": "layout",
|
|
16652
|
+
"reflects": true,
|
|
16653
|
+
"inheritedFrom": {
|
|
16654
|
+
"name": "AuroElement",
|
|
16655
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
16656
|
+
}
|
|
16657
|
+
},
|
|
17130
16658
|
{
|
|
17131
16659
|
"kind": "field",
|
|
17132
16660
|
"name": "onDark",
|
|
@@ -17177,13 +16705,6 @@
|
|
|
17177
16705
|
"description": "Notifies that an attempt to select a menuoption by matching a value has failed.",
|
|
17178
16706
|
"name": "auroMenu-selectValueFailure"
|
|
17179
16707
|
},
|
|
17180
|
-
{
|
|
17181
|
-
"type": {
|
|
17182
|
-
"text": "CustomEvent<{ values: HTMLElement[] }>"
|
|
17183
|
-
},
|
|
17184
|
-
"description": "Notifies that deselection was prevented and includes the affected options in `detail.values`.",
|
|
17185
|
-
"name": "auroMenu-deselectPrevented"
|
|
17186
|
-
},
|
|
17187
16708
|
{
|
|
17188
16709
|
"type": {
|
|
17189
16710
|
"text": "CustomEvent<any>"
|
|
@@ -17200,15 +16721,6 @@
|
|
|
17200
16721
|
}
|
|
17201
16722
|
],
|
|
17202
16723
|
"attributes": [
|
|
17203
|
-
{
|
|
17204
|
-
"name": "allowDeselect",
|
|
17205
|
-
"type": {
|
|
17206
|
-
"text": "boolean"
|
|
17207
|
-
},
|
|
17208
|
-
"description": "Allows deselecting an already selected option when clicked again in single-select mode.",
|
|
17209
|
-
"default": "false",
|
|
17210
|
-
"fieldName": "allowDeselect"
|
|
17211
|
-
},
|
|
17212
16724
|
{
|
|
17213
16725
|
"name": "disabled",
|
|
17214
16726
|
"type": {
|
|
@@ -17217,33 +16729,6 @@
|
|
|
17217
16729
|
"description": "When true, the entire menu and all options are disabled.",
|
|
17218
16730
|
"fieldName": "disabled"
|
|
17219
16731
|
},
|
|
17220
|
-
{
|
|
17221
|
-
"name": "hasLoadingPlaceholder",
|
|
17222
|
-
"type": {
|
|
17223
|
-
"text": "boolean"
|
|
17224
|
-
},
|
|
17225
|
-
"description": "Getter for loading placeholder state.",
|
|
17226
|
-
"return": {
|
|
17227
|
-
"type": {
|
|
17228
|
-
"text": "boolean"
|
|
17229
|
-
}
|
|
17230
|
-
},
|
|
17231
|
-
"readonly": true,
|
|
17232
|
-
"fieldName": "hasLoadingPlaceholder"
|
|
17233
|
-
},
|
|
17234
|
-
{
|
|
17235
|
-
"name": "layout",
|
|
17236
|
-
"type": {
|
|
17237
|
-
"text": "string"
|
|
17238
|
-
},
|
|
17239
|
-
"description": "Defines the language of an element.",
|
|
17240
|
-
"default": "{'default'}",
|
|
17241
|
-
"fieldName": "layout",
|
|
17242
|
-
"inheritedFrom": {
|
|
17243
|
-
"name": "AuroElement",
|
|
17244
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
17245
|
-
}
|
|
17246
|
-
},
|
|
17247
16732
|
{
|
|
17248
16733
|
"name": "loading",
|
|
17249
16734
|
"type": {
|
|
@@ -17299,26 +16784,26 @@
|
|
|
17299
16784
|
"fieldName": "optionSelected"
|
|
17300
16785
|
},
|
|
17301
16786
|
{
|
|
17302
|
-
"name": "
|
|
16787
|
+
"name": "value",
|
|
17303
16788
|
"type": {
|
|
17304
16789
|
"text": "string"
|
|
17305
16790
|
},
|
|
17306
|
-
"
|
|
17307
|
-
"
|
|
17308
|
-
"
|
|
17309
|
-
"inheritedFrom": {
|
|
17310
|
-
"name": "AuroElement",
|
|
17311
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
17312
|
-
}
|
|
16791
|
+
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.",
|
|
16792
|
+
"default": "undefined",
|
|
16793
|
+
"fieldName": "value"
|
|
17313
16794
|
},
|
|
17314
16795
|
{
|
|
17315
|
-
"name": "
|
|
16796
|
+
"name": "layout",
|
|
17316
16797
|
"type": {
|
|
17317
|
-
"text": "
|
|
16798
|
+
"text": "string"
|
|
17318
16799
|
},
|
|
17319
|
-
"description": "
|
|
17320
|
-
"default": "
|
|
17321
|
-
"fieldName": "
|
|
16800
|
+
"description": "Defines the language of an element.",
|
|
16801
|
+
"default": "{'default'}",
|
|
16802
|
+
"fieldName": "layout",
|
|
16803
|
+
"inheritedFrom": {
|
|
16804
|
+
"name": "AuroElement",
|
|
16805
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
16806
|
+
}
|
|
17322
16807
|
},
|
|
17323
16808
|
{
|
|
17324
16809
|
"name": "shape",
|
|
@@ -17326,20 +16811,21 @@
|
|
|
17326
16811
|
"text": "string"
|
|
17327
16812
|
},
|
|
17328
16813
|
"fieldName": "shape",
|
|
17329
|
-
"description": "Sets the shape of the menu.",
|
|
17330
|
-
"default": "\"box\"",
|
|
17331
16814
|
"inheritedFrom": {
|
|
17332
16815
|
"name": "AuroElement",
|
|
17333
16816
|
"module": "components/layoutElement/src/auroElement.js"
|
|
17334
16817
|
}
|
|
17335
16818
|
},
|
|
17336
16819
|
{
|
|
17337
|
-
"name": "
|
|
16820
|
+
"name": "size",
|
|
17338
16821
|
"type": {
|
|
17339
16822
|
"text": "string"
|
|
17340
16823
|
},
|
|
17341
|
-
"
|
|
17342
|
-
"
|
|
16824
|
+
"fieldName": "size",
|
|
16825
|
+
"inheritedFrom": {
|
|
16826
|
+
"name": "AuroElement",
|
|
16827
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
16828
|
+
}
|
|
17343
16829
|
},
|
|
17344
16830
|
{
|
|
17345
16831
|
"name": "ondark",
|
|
@@ -17395,7 +16881,7 @@
|
|
|
17395
16881
|
{
|
|
17396
16882
|
"name": "name",
|
|
17397
16883
|
"default": "\"auro-menuoption\"",
|
|
17398
|
-
"description": "The name of
|
|
16884
|
+
"description": "The name of element that you want to register to.",
|
|
17399
16885
|
"optional": true,
|
|
17400
16886
|
"type": {
|
|
17401
16887
|
"text": "string"
|
|
@@ -17407,7 +16893,7 @@
|
|
|
17407
16893
|
{
|
|
17408
16894
|
"kind": "field",
|
|
17409
16895
|
"name": "isActive",
|
|
17410
|
-
"description": "Returns whether the menu option is currently active and selectable
|
|
16896
|
+
"description": "Returns whether the menu option is currently active and selectable.",
|
|
17411
16897
|
"return": {
|
|
17412
16898
|
"type": {
|
|
17413
16899
|
"text": "boolean"
|
|
@@ -17417,115 +16903,34 @@
|
|
|
17417
16903
|
},
|
|
17418
16904
|
{
|
|
17419
16905
|
"kind": "method",
|
|
17420
|
-
"name": "
|
|
17421
|
-
"description": "Sets up event listeners for user interaction with the menu option.\nThis function enables click and mouse enter events to trigger selection and highlighting logic."
|
|
17422
|
-
},
|
|
17423
|
-
{
|
|
17424
|
-
"kind": "method",
|
|
17425
|
-
"name": "attachTo",
|
|
17426
|
-
"parameters": [
|
|
17427
|
-
{
|
|
17428
|
-
"name": "service",
|
|
17429
|
-
"description": "The menu service instance to attach to.",
|
|
17430
|
-
"type": {
|
|
17431
|
-
"text": "Object"
|
|
17432
|
-
}
|
|
17433
|
-
}
|
|
17434
|
-
],
|
|
17435
|
-
"description": "Attaches this menu option to a menu service and subscribes to its events.\nThis method enables the option to participate in menu selection and highlighting logic."
|
|
17436
|
-
},
|
|
17437
|
-
{
|
|
17438
|
-
"kind": "method",
|
|
17439
|
-
"name": "handleMenuChange",
|
|
17440
|
-
"parameters": [
|
|
17441
|
-
{
|
|
17442
|
-
"name": "event",
|
|
17443
|
-
"description": "The event object from the menu service.",
|
|
17444
|
-
"type": {
|
|
17445
|
-
"text": "Object"
|
|
17446
|
-
}
|
|
17447
|
-
}
|
|
17448
|
-
],
|
|
17449
|
-
"description": "Handles changes from the menu service and updates the option's state.\nThis function synchronizes the option's properties and selection/highlight state with menu events."
|
|
17450
|
-
},
|
|
17451
|
-
{
|
|
17452
|
-
"kind": "method",
|
|
17453
|
-
"name": "setInternalSelected",
|
|
17454
|
-
"parameters": [
|
|
17455
|
-
{
|
|
17456
|
-
"name": "isSelected",
|
|
17457
|
-
"description": "Whether the option should be marked as selected.",
|
|
17458
|
-
"type": {
|
|
17459
|
-
"text": "boolean"
|
|
17460
|
-
}
|
|
17461
|
-
}
|
|
17462
|
-
],
|
|
17463
|
-
"description": "Updates the internal selected state of the menu option bypassing 'updated' and triggers custom events if selected.\nThis function ensures the option's selection state is synchronized with menu logic and notifies listeners."
|
|
16906
|
+
"name": "handleMenuChange"
|
|
17464
16907
|
},
|
|
17465
16908
|
{
|
|
17466
16909
|
"kind": "method",
|
|
17467
16910
|
"name": "setSelected",
|
|
17468
16911
|
"parameters": [
|
|
17469
16912
|
{
|
|
17470
|
-
"name": "
|
|
17471
|
-
"description": "Whether the option should be marked as selected.",
|
|
17472
|
-
"type": {
|
|
17473
|
-
"text": "boolean"
|
|
17474
|
-
}
|
|
17475
|
-
}
|
|
17476
|
-
],
|
|
17477
|
-
"description": "Sets the selected state of the menu option.\nThis function updates whether the option is currently selected.",
|
|
17478
|
-
"deprecated": "Simply modify the `selected` property directly instead."
|
|
17479
|
-
},
|
|
17480
|
-
{
|
|
17481
|
-
"kind": "method",
|
|
17482
|
-
"name": "updateActive",
|
|
17483
|
-
"parameters": [
|
|
17484
|
-
{
|
|
17485
|
-
"name": "isActive",
|
|
17486
|
-
"description": "Whether the option should be marked as active.",
|
|
17487
|
-
"type": {
|
|
17488
|
-
"text": "boolean"
|
|
17489
|
-
}
|
|
16913
|
+
"name": "value"
|
|
17490
16914
|
}
|
|
17491
|
-
]
|
|
17492
|
-
"description": "Updates the active state and visual highlighting of the menu option.\nThis function toggles the option's active status and applies or removes the active CSS class.",
|
|
17493
|
-
"deprecated": "Simply modify the `active` property directly instead."
|
|
17494
|
-
},
|
|
17495
|
-
{
|
|
17496
|
-
"kind": "method",
|
|
17497
|
-
"name": "updateActiveClasses",
|
|
17498
|
-
"description": "Updates the CSS class for the menu option based on its active state.\nThis function adds or removes the 'active' class to visually indicate the option's active status.",
|
|
17499
|
-
"privacy": "private"
|
|
17500
|
-
},
|
|
17501
|
-
{
|
|
17502
|
-
"kind": "method",
|
|
17503
|
-
"name": "updateTextHighlight",
|
|
17504
|
-
"description": "Updates the visual highlighting of text within the menu option based on the current match word.\nThis function highlights matching text segments and manages nested spacers for display formatting.",
|
|
17505
|
-
"privacy": "private"
|
|
17506
|
-
},
|
|
17507
|
-
{
|
|
17508
|
-
"kind": "method",
|
|
17509
|
-
"name": "handleClick",
|
|
17510
|
-
"description": "Handles click events on the menu option, toggling its selected state.\nThis function dispatches a click event and updates selection if the option is not disabled.",
|
|
17511
|
-
"privacy": "private"
|
|
16915
|
+
]
|
|
17512
16916
|
},
|
|
17513
16917
|
{
|
|
17514
16918
|
"kind": "method",
|
|
17515
|
-
"name": "
|
|
17516
|
-
"
|
|
17517
|
-
|
|
16919
|
+
"name": "updateActive",
|
|
16920
|
+
"parameters": [
|
|
16921
|
+
{
|
|
16922
|
+
"name": "active"
|
|
16923
|
+
}
|
|
16924
|
+
]
|
|
17518
16925
|
},
|
|
17519
16926
|
{
|
|
17520
16927
|
"kind": "method",
|
|
17521
|
-
"name": "
|
|
17522
|
-
"description": "Dispatches custom events defined for this menu option.\nThis function notifies listeners when a custom event is triggered by the option.",
|
|
17523
|
-
"privacy": "private"
|
|
16928
|
+
"name": "attachTo"
|
|
17524
16929
|
},
|
|
17525
16930
|
{
|
|
17526
16931
|
"kind": "method",
|
|
17527
|
-
"name": "
|
|
17528
|
-
"description": "
|
|
16932
|
+
"name": "handleClick",
|
|
16933
|
+
"description": "Handles click events on the menu option.",
|
|
17529
16934
|
"privacy": "private"
|
|
17530
16935
|
},
|
|
17531
16936
|
{
|
|
@@ -17600,7 +17005,6 @@
|
|
|
17600
17005
|
"type": {
|
|
17601
17006
|
"text": "boolean"
|
|
17602
17007
|
},
|
|
17603
|
-
"description": "Specifies that an option is selected.",
|
|
17604
17008
|
"default": "false",
|
|
17605
17009
|
"attribute": "selected",
|
|
17606
17010
|
"reflects": true
|
|
@@ -17608,7 +17012,7 @@
|
|
|
17608
17012
|
{
|
|
17609
17013
|
"kind": "field",
|
|
17610
17014
|
"name": "noCheckmark",
|
|
17611
|
-
"privacy": "
|
|
17015
|
+
"privacy": "public",
|
|
17612
17016
|
"type": {
|
|
17613
17017
|
"text": "boolean"
|
|
17614
17018
|
},
|
|
@@ -17623,7 +17027,6 @@
|
|
|
17623
17027
|
"type": {
|
|
17624
17028
|
"text": "boolean"
|
|
17625
17029
|
},
|
|
17626
|
-
"description": "When true, disables the menu option.",
|
|
17627
17030
|
"default": "false",
|
|
17628
17031
|
"attribute": "disabled",
|
|
17629
17032
|
"reflects": true
|
|
@@ -17635,101 +17038,46 @@
|
|
|
17635
17038
|
"type": {
|
|
17636
17039
|
"text": "boolean"
|
|
17637
17040
|
},
|
|
17638
|
-
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox
|
|
17041
|
+
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox\nwhen the user's input does not match any available options.",
|
|
17639
17042
|
"default": "false",
|
|
17640
17043
|
"attribute": "nomatch",
|
|
17641
17044
|
"reflects": true
|
|
17642
17045
|
},
|
|
17643
17046
|
{
|
|
17644
17047
|
"kind": "field",
|
|
17645
|
-
"name": "
|
|
17646
|
-
"privacy": "private",
|
|
17647
|
-
"default": "new AuroLibraryRuntimeUtils()"
|
|
17648
|
-
},
|
|
17649
|
-
{
|
|
17650
|
-
"kind": "field",
|
|
17651
|
-
"name": "menuService",
|
|
17652
|
-
"privacy": "private",
|
|
17653
|
-
"type": {
|
|
17654
|
-
"text": "null"
|
|
17655
|
-
},
|
|
17656
|
-
"default": "null",
|
|
17657
|
-
"attribute": "menuService"
|
|
17658
|
-
},
|
|
17659
|
-
{
|
|
17660
|
-
"kind": "field",
|
|
17661
|
-
"name": "unsubscribe",
|
|
17662
|
-
"type": {
|
|
17663
|
-
"text": "null"
|
|
17664
|
-
},
|
|
17665
|
-
"default": "null"
|
|
17666
|
-
},
|
|
17667
|
-
{
|
|
17668
|
-
"kind": "field",
|
|
17669
|
-
"name": "event",
|
|
17048
|
+
"name": "tabIndex",
|
|
17670
17049
|
"privacy": "private",
|
|
17671
17050
|
"type": {
|
|
17672
|
-
"text": "
|
|
17051
|
+
"text": "number"
|
|
17673
17052
|
},
|
|
17674
|
-
"
|
|
17053
|
+
"default": "-1",
|
|
17054
|
+
"attribute": "tabIndex",
|
|
17675
17055
|
"reflects": true
|
|
17676
17056
|
},
|
|
17677
17057
|
{
|
|
17678
17058
|
"kind": "field",
|
|
17679
|
-
"name": "
|
|
17680
|
-
"privacy": "
|
|
17681
|
-
"
|
|
17682
|
-
"text": "string"
|
|
17683
|
-
},
|
|
17684
|
-
"description": "Defines the language of an element.",
|
|
17685
|
-
"default": "{'default'}",
|
|
17686
|
-
"attribute": "layout",
|
|
17687
|
-
"reflects": true,
|
|
17688
|
-
"inheritedFrom": {
|
|
17689
|
-
"name": "AuroElement",
|
|
17690
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
17691
|
-
}
|
|
17059
|
+
"name": "runtimeUtils",
|
|
17060
|
+
"privacy": "private",
|
|
17061
|
+
"default": "new AuroLibraryRuntimeUtils()"
|
|
17692
17062
|
},
|
|
17693
17063
|
{
|
|
17694
17064
|
"kind": "field",
|
|
17695
|
-
"name": "
|
|
17065
|
+
"name": "value",
|
|
17696
17066
|
"privacy": "public",
|
|
17697
17067
|
"type": {
|
|
17698
17068
|
"text": "string"
|
|
17699
17069
|
},
|
|
17700
|
-
"
|
|
17701
|
-
"attribute": "key",
|
|
17070
|
+
"attribute": "value",
|
|
17702
17071
|
"reflects": true
|
|
17703
17072
|
},
|
|
17704
17073
|
{
|
|
17705
17074
|
"kind": "field",
|
|
17706
|
-
"name": "
|
|
17075
|
+
"name": "event",
|
|
17707
17076
|
"privacy": "private",
|
|
17708
17077
|
"type": {
|
|
17709
17078
|
"text": "string"
|
|
17710
17079
|
},
|
|
17711
|
-
"attribute": "
|
|
17712
|
-
},
|
|
17713
|
-
{
|
|
17714
|
-
"kind": "field",
|
|
17715
|
-
"name": "tabIndex",
|
|
17716
|
-
"privacy": "public",
|
|
17717
|
-
"type": {
|
|
17718
|
-
"text": "number"
|
|
17719
|
-
},
|
|
17720
|
-
"description": "Specifies the tab index of the menu option.",
|
|
17721
|
-
"attribute": "tabIndex",
|
|
17722
|
-
"reflects": true
|
|
17723
|
-
},
|
|
17724
|
-
{
|
|
17725
|
-
"kind": "field",
|
|
17726
|
-
"name": "value",
|
|
17727
|
-
"privacy": "public",
|
|
17728
|
-
"type": {
|
|
17729
|
-
"text": "string"
|
|
17730
|
-
},
|
|
17731
|
-
"description": "Specifies the value to be sent to a server.",
|
|
17732
|
-
"attribute": "value",
|
|
17080
|
+
"attribute": "event",
|
|
17733
17081
|
"reflects": true
|
|
17734
17082
|
},
|
|
17735
17083
|
{
|
|
@@ -17772,6 +17120,22 @@
|
|
|
17772
17120
|
"module": "components/layoutElement/src/auroElement.js"
|
|
17773
17121
|
}
|
|
17774
17122
|
},
|
|
17123
|
+
{
|
|
17124
|
+
"kind": "field",
|
|
17125
|
+
"name": "layout",
|
|
17126
|
+
"privacy": "public",
|
|
17127
|
+
"type": {
|
|
17128
|
+
"text": "string"
|
|
17129
|
+
},
|
|
17130
|
+
"description": "Defines the language of an element.",
|
|
17131
|
+
"default": "{'default'}",
|
|
17132
|
+
"attribute": "layout",
|
|
17133
|
+
"reflects": true,
|
|
17134
|
+
"inheritedFrom": {
|
|
17135
|
+
"name": "AuroElement",
|
|
17136
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
17137
|
+
}
|
|
17138
|
+
},
|
|
17775
17139
|
{
|
|
17776
17140
|
"kind": "field",
|
|
17777
17141
|
"name": "onDark",
|
|
@@ -17799,103 +17163,78 @@
|
|
|
17799
17163
|
"name": "auroMenuOption-click",
|
|
17800
17164
|
"type": {
|
|
17801
17165
|
"text": "CustomEvent"
|
|
17802
|
-
}
|
|
17166
|
+
},
|
|
17167
|
+
"description": "Notifies that this option has been clicked."
|
|
17803
17168
|
}
|
|
17804
17169
|
],
|
|
17805
17170
|
"attributes": [
|
|
17806
17171
|
{
|
|
17807
|
-
"name": "
|
|
17172
|
+
"name": "noCheckmark",
|
|
17808
17173
|
"type": {
|
|
17809
17174
|
"text": "boolean"
|
|
17810
17175
|
},
|
|
17811
|
-
"description": "When true, disables the menu option.",
|
|
17812
17176
|
"default": "false",
|
|
17813
|
-
"fieldName": "
|
|
17177
|
+
"fieldName": "noCheckmark"
|
|
17814
17178
|
},
|
|
17815
17179
|
{
|
|
17816
|
-
"name": "
|
|
17180
|
+
"name": "selected",
|
|
17817
17181
|
"type": {
|
|
17818
|
-
"text": "
|
|
17182
|
+
"text": "boolean"
|
|
17819
17183
|
},
|
|
17820
|
-
"
|
|
17184
|
+
"default": "false",
|
|
17185
|
+
"fieldName": "selected"
|
|
17821
17186
|
},
|
|
17822
17187
|
{
|
|
17823
|
-
"name": "
|
|
17188
|
+
"name": "disabled",
|
|
17824
17189
|
"type": {
|
|
17825
|
-
"text": "
|
|
17190
|
+
"text": "boolean"
|
|
17826
17191
|
},
|
|
17827
|
-
"
|
|
17828
|
-
"
|
|
17829
|
-
"fieldName": "layout",
|
|
17830
|
-
"inheritedFrom": {
|
|
17831
|
-
"name": "AuroElement",
|
|
17832
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
17833
|
-
}
|
|
17192
|
+
"default": "false",
|
|
17193
|
+
"fieldName": "disabled"
|
|
17834
17194
|
},
|
|
17835
17195
|
{
|
|
17836
|
-
"name": "
|
|
17196
|
+
"name": "value",
|
|
17837
17197
|
"type": {
|
|
17838
17198
|
"text": "string"
|
|
17839
17199
|
},
|
|
17840
|
-
"
|
|
17841
|
-
"fieldName": "key"
|
|
17200
|
+
"fieldName": "value"
|
|
17842
17201
|
},
|
|
17843
17202
|
{
|
|
17844
|
-
"name": "
|
|
17203
|
+
"name": "tabIndex",
|
|
17845
17204
|
"type": {
|
|
17846
|
-
"text": "
|
|
17205
|
+
"text": "number"
|
|
17847
17206
|
},
|
|
17848
|
-
"default": "
|
|
17849
|
-
"fieldName": "
|
|
17207
|
+
"default": "-1",
|
|
17208
|
+
"fieldName": "tabIndex"
|
|
17850
17209
|
},
|
|
17851
17210
|
{
|
|
17852
|
-
"name": "
|
|
17211
|
+
"name": "event",
|
|
17853
17212
|
"type": {
|
|
17854
17213
|
"text": "string"
|
|
17855
17214
|
},
|
|
17856
|
-
"fieldName": "
|
|
17857
|
-
},
|
|
17858
|
-
{
|
|
17859
|
-
"name": "noCheckmark",
|
|
17860
|
-
"type": {
|
|
17861
|
-
"text": "boolean"
|
|
17862
|
-
},
|
|
17863
|
-
"default": "false",
|
|
17864
|
-
"fieldName": "noCheckmark"
|
|
17215
|
+
"fieldName": "event"
|
|
17865
17216
|
},
|
|
17866
17217
|
{
|
|
17867
17218
|
"name": "nomatch",
|
|
17868
17219
|
"type": {
|
|
17869
17220
|
"text": "boolean"
|
|
17870
17221
|
},
|
|
17871
|
-
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox
|
|
17222
|
+
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox\nwhen the user's input does not match any available options.",
|
|
17872
17223
|
"default": "false",
|
|
17873
17224
|
"fieldName": "noMatch"
|
|
17874
17225
|
},
|
|
17875
17226
|
{
|
|
17876
|
-
"name": "
|
|
17877
|
-
"type": {
|
|
17878
|
-
"text": "boolean"
|
|
17879
|
-
},
|
|
17880
|
-
"description": "Specifies that an option is selected.",
|
|
17881
|
-
"default": "false",
|
|
17882
|
-
"fieldName": "selected"
|
|
17883
|
-
},
|
|
17884
|
-
{
|
|
17885
|
-
"name": "tabIndex",
|
|
17886
|
-
"type": {
|
|
17887
|
-
"text": "number"
|
|
17888
|
-
},
|
|
17889
|
-
"description": "Specifies the tab index of the menu option.",
|
|
17890
|
-
"fieldName": "tabIndex"
|
|
17891
|
-
},
|
|
17892
|
-
{
|
|
17893
|
-
"name": "value",
|
|
17227
|
+
"name": "layout",
|
|
17894
17228
|
"type": {
|
|
17895
17229
|
"text": "string"
|
|
17896
17230
|
},
|
|
17897
|
-
"description": "
|
|
17898
|
-
"
|
|
17231
|
+
"description": "Defines the language of an element.",
|
|
17232
|
+
"default": "{'default'}",
|
|
17233
|
+
"fieldName": "layout",
|
|
17234
|
+
"inheritedFrom": {
|
|
17235
|
+
"name": "AuroElement",
|
|
17236
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
17237
|
+
}
|
|
17899
17238
|
},
|
|
17900
17239
|
{
|
|
17901
17240
|
"name": "shape",
|
|
@@ -19279,6 +18618,32 @@
|
|
|
19279
18618
|
],
|
|
19280
18619
|
"description": "Updates the active option in the menu."
|
|
19281
18620
|
},
|
|
18621
|
+
{
|
|
18622
|
+
"kind": "method",
|
|
18623
|
+
"name": "_getOptionDisplayText",
|
|
18624
|
+
"parameters": [
|
|
18625
|
+
{
|
|
18626
|
+
"name": "option",
|
|
18627
|
+
"description": "The menu option element.",
|
|
18628
|
+
"type": {
|
|
18629
|
+
"text": "HTMLElement"
|
|
18630
|
+
}
|
|
18631
|
+
}
|
|
18632
|
+
],
|
|
18633
|
+
"description": "Returns the lowercase, trimmed text content of a menu option.",
|
|
18634
|
+
"privacy": "private",
|
|
18635
|
+
"return": {
|
|
18636
|
+
"type": {
|
|
18637
|
+
"text": "string"
|
|
18638
|
+
}
|
|
18639
|
+
}
|
|
18640
|
+
},
|
|
18641
|
+
{
|
|
18642
|
+
"kind": "method",
|
|
18643
|
+
"name": "_clearTypeaheadBuffer",
|
|
18644
|
+
"description": "Empties the type-ahead buffer and cancels any pending reset timeout.\nCalled when focus leaves the component, when Escape closes the bib, and on disconnect\nso a stale buffer never bridges into a fresh interaction.",
|
|
18645
|
+
"privacy": "private"
|
|
18646
|
+
},
|
|
19282
18647
|
{
|
|
19283
18648
|
"kind": "method",
|
|
19284
18649
|
"name": "updateActiveOptionBasedOnKey",
|
|
@@ -19291,7 +18656,7 @@
|
|
|
19291
18656
|
}
|
|
19292
18657
|
}
|
|
19293
18658
|
],
|
|
19294
|
-
"description": "Updates the active option in the menu based on keyboard input.",
|
|
18659
|
+
"description": "Updates the active option in the menu based on keyboard input.\n\nImplements the WAI-ARIA APG Listbox type-ahead pattern: accumulates printable\nkeystrokes into a buffer that resets after `typeaheadTimeoutMs` of inactivity.\nA multi-character buffer matches the first option whose displayed text starts\nwith the buffer; repeating a single character cycles through options that start\nwith that character.",
|
|
19295
18660
|
"privacy": "private",
|
|
19296
18661
|
"return": {
|
|
19297
18662
|
"type": {
|
|
@@ -19687,6 +19052,24 @@
|
|
|
19687
19052
|
},
|
|
19688
19053
|
"default": "false"
|
|
19689
19054
|
},
|
|
19055
|
+
{
|
|
19056
|
+
"kind": "field",
|
|
19057
|
+
"name": "typeaheadBuffer",
|
|
19058
|
+
"type": {
|
|
19059
|
+
"text": "string"
|
|
19060
|
+
},
|
|
19061
|
+
"privacy": "private",
|
|
19062
|
+
"default": "''"
|
|
19063
|
+
},
|
|
19064
|
+
{
|
|
19065
|
+
"kind": "field",
|
|
19066
|
+
"name": "_typeaheadTimeout",
|
|
19067
|
+
"type": {
|
|
19068
|
+
"text": "null"
|
|
19069
|
+
},
|
|
19070
|
+
"privacy": "private",
|
|
19071
|
+
"default": "null"
|
|
19072
|
+
},
|
|
19690
19073
|
{
|
|
19691
19074
|
"kind": "field",
|
|
19692
19075
|
"name": "appearance",
|
|
@@ -19971,6 +19354,18 @@
|
|
|
19971
19354
|
},
|
|
19972
19355
|
"description": "Indicates whether the input is in a dirty state (has been interacted with)."
|
|
19973
19356
|
},
|
|
19357
|
+
{
|
|
19358
|
+
"kind": "field",
|
|
19359
|
+
"name": "typeaheadTimeoutMs",
|
|
19360
|
+
"privacy": "public",
|
|
19361
|
+
"type": {
|
|
19362
|
+
"text": "number"
|
|
19363
|
+
},
|
|
19364
|
+
"description": "Milliseconds of keyboard inactivity before the type-ahead buffer resets.\nIncrease for users who type slowly.",
|
|
19365
|
+
"default": "500",
|
|
19366
|
+
"attribute": "typeaheadTimeoutMs",
|
|
19367
|
+
"reflects": true
|
|
19368
|
+
},
|
|
19974
19369
|
{
|
|
19975
19370
|
"kind": "field",
|
|
19976
19371
|
"name": "validity",
|
|
@@ -20323,6 +19718,15 @@
|
|
|
20323
19718
|
"module": "components/layoutElement/src/auroElement.js"
|
|
20324
19719
|
}
|
|
20325
19720
|
},
|
|
19721
|
+
{
|
|
19722
|
+
"name": "typeaheadTimeoutMs",
|
|
19723
|
+
"type": {
|
|
19724
|
+
"text": "number"
|
|
19725
|
+
},
|
|
19726
|
+
"description": "Milliseconds of keyboard inactivity before the type-ahead buffer resets.\nIncrease for users who type slowly.",
|
|
19727
|
+
"default": "500",
|
|
19728
|
+
"fieldName": "typeaheadTimeoutMs"
|
|
19729
|
+
},
|
|
20326
19730
|
{
|
|
20327
19731
|
"name": "validity",
|
|
20328
19732
|
"type": {
|
|
@@ -20401,7 +19805,7 @@
|
|
|
20401
19805
|
"type": {
|
|
20402
19806
|
"text": "object"
|
|
20403
19807
|
},
|
|
20404
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption =
|
|
19808
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
|
|
20405
19809
|
}
|
|
20406
19810
|
],
|
|
20407
19811
|
"exports": [
|
|
@@ -20414,6 +19818,68 @@
|
|
|
20414
19818
|
}
|
|
20415
19819
|
}
|
|
20416
19820
|
]
|
|
19821
|
+
},
|
|
19822
|
+
{
|
|
19823
|
+
"kind": "javascript-module",
|
|
19824
|
+
"path": "components/select/src/selectUtils.js",
|
|
19825
|
+
"declarations": [
|
|
19826
|
+
{
|
|
19827
|
+
"kind": "function",
|
|
19828
|
+
"name": "getEnabledOptions",
|
|
19829
|
+
"parameters": [
|
|
19830
|
+
{
|
|
19831
|
+
"name": "menu",
|
|
19832
|
+
"description": "The auro-menu element.",
|
|
19833
|
+
"type": {
|
|
19834
|
+
"text": "HTMLElement | null | undefined"
|
|
19835
|
+
}
|
|
19836
|
+
}
|
|
19837
|
+
],
|
|
19838
|
+
"description": "Returns the enabled (non-disabled) options for a menu, safely.\n\nAuro-menu's `options` getter returns `undefined` when the menu has no items\n(initItems sets `items` to undefined for empty menus). Callers that reach for\n`.find()` / `[...spread]` would otherwise crash; this helper normalizes the\nempty case to `[]` so array methods are always safe.",
|
|
19839
|
+
"return": {
|
|
19840
|
+
"type": {
|
|
19841
|
+
"text": "Array<HTMLElement>"
|
|
19842
|
+
}
|
|
19843
|
+
}
|
|
19844
|
+
},
|
|
19845
|
+
{
|
|
19846
|
+
"kind": "function",
|
|
19847
|
+
"name": "getActiveOptions",
|
|
19848
|
+
"parameters": [
|
|
19849
|
+
{
|
|
19850
|
+
"name": "menu",
|
|
19851
|
+
"description": "The auro-menu element.",
|
|
19852
|
+
"type": {
|
|
19853
|
+
"text": "HTMLElement | null | undefined"
|
|
19854
|
+
}
|
|
19855
|
+
}
|
|
19856
|
+
],
|
|
19857
|
+
"description": "Returns the active (selectable + visible) options for type-ahead navigation.\n\nUses auro-menuoption's `isActive` getter, which excludes disabled, hidden,\nand static options (e.g. `static nomatch` placeholders) so the type-ahead\ncursor never lands on a non-actionable item. Same empty-safe handling as\n`getEnabledOptions`.",
|
|
19858
|
+
"return": {
|
|
19859
|
+
"type": {
|
|
19860
|
+
"text": "Array<HTMLElement>"
|
|
19861
|
+
}
|
|
19862
|
+
}
|
|
19863
|
+
}
|
|
19864
|
+
],
|
|
19865
|
+
"exports": [
|
|
19866
|
+
{
|
|
19867
|
+
"kind": "js",
|
|
19868
|
+
"name": "getEnabledOptions",
|
|
19869
|
+
"declaration": {
|
|
19870
|
+
"name": "getEnabledOptions",
|
|
19871
|
+
"module": "components/select/src/selectUtils.js"
|
|
19872
|
+
}
|
|
19873
|
+
},
|
|
19874
|
+
{
|
|
19875
|
+
"kind": "js",
|
|
19876
|
+
"name": "getActiveOptions",
|
|
19877
|
+
"declaration": {
|
|
19878
|
+
"name": "getActiveOptions",
|
|
19879
|
+
"module": "components/select/src/selectUtils.js"
|
|
19880
|
+
}
|
|
19881
|
+
}
|
|
19882
|
+
]
|
|
20417
19883
|
}
|
|
20418
19884
|
]
|
|
20419
19885
|
}
|