@aurodesignsystem-dev/auro-formkit 0.0.0-pr1451.1 → 0.0.0-pr1451.2
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/README.md +23 -37
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/readme.md +0 -2
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/README.md +43 -57
- package/components/combobox/demo/accessibility.html +22 -11
- package/components/combobox/demo/api.html +27 -16
- package/components/combobox/demo/api.min.js +4 -4
- package/components/combobox/demo/design.html +27 -16
- package/components/combobox/demo/index.html +28 -22
- package/components/combobox/demo/index.min.js +4 -4
- package/components/combobox/demo/install.html +26 -16
- package/components/combobox/demo/install.md +0 -2
- package/components/combobox/demo/install.min.js +4 -4
- package/components/combobox/demo/keyboard-behavior.html +22 -11
- package/components/combobox/demo/readme.html +27 -16
- package/components/combobox/demo/readme.md +0 -2
- package/components/combobox/demo/styles.css +911 -71
- package/components/combobox/demo/voiceover.html +22 -11
- package/components/combobox/dist/index.js +4 -4
- package/components/combobox/dist/registered.js +4 -4
- package/components/counter/README.md +39 -53
- package/components/counter/demo/api.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/demo/readme.md +0 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/README.md +19 -33
- package/components/datepicker/demo/api.min.js +4 -4
- package/components/datepicker/demo/index.min.js +4 -4
- package/components/datepicker/demo/readme.md +0 -2
- package/components/datepicker/dist/index.js +4 -4
- package/components/datepicker/dist/registered.js +4 -4
- package/components/dropdown/README.md +39 -53
- package/components/dropdown/demo/api.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/demo/readme.md +0 -2
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/README.md +14 -30
- package/components/form/demo/api.min.js +16 -16
- package/components/form/demo/index.min.js +16 -16
- package/components/form/demo/readme.md +0 -2
- package/components/input/README.md +17 -31
- package/components/input/demo/api.min.js +2 -2
- package/components/input/demo/index.min.js +2 -2
- package/components/input/demo/readme.md +0 -2
- package/components/input/dist/index.js +2 -2
- package/components/input/dist/registered.js +2 -2
- package/components/menu/README.md +23 -37
- package/components/menu/demo/readme.md +0 -2
- package/components/radio/README.md +21 -35
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/readme.md +0 -2
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/README.md +41 -73
- package/components/select/demo/accessibility.html +23 -20
- package/components/select/demo/api.html +45 -10
- package/components/select/demo/api.min.js +2 -2
- package/components/select/demo/design.html +94 -0
- package/components/select/demo/design.md +391 -0
- package/components/select/demo/getting-started.html +125 -0
- package/components/select/demo/getting-started.js +9 -0
- package/components/select/demo/getting-started.md +1020 -0
- package/components/select/demo/getting-started.min.js +10490 -0
- package/components/select/demo/index.html +55 -241
- package/components/select/demo/index.md +38 -98
- package/components/select/demo/index.min.js +2 -2
- package/components/select/demo/install.md +92 -0
- package/components/select/demo/keyboard-behavior.html +23 -11
- package/components/select/demo/keyboard-behavior.md +247 -36
- package/components/select/demo/keyboardBehavior.html +22 -11
- package/components/select/demo/layout.html +45 -10
- package/components/select/demo/layout.md +71 -260
- package/components/select/demo/readme.html +46 -11
- package/components/select/demo/readme.md +25 -45
- package/components/select/demo/styles.css +1026 -0
- package/components/select/demo/voiceover.html +23 -11
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1667 -1667
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -4,35 +4,35 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
7
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "The `auro-
|
|
12
|
-
"name": "
|
|
11
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
12
|
+
"name": "AuroCheckboxGroup",
|
|
13
13
|
"slots": [
|
|
14
14
|
{
|
|
15
|
-
"description": "
|
|
16
|
-
"name": "
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "Slot for the header content.",
|
|
20
|
-
"name": "header"
|
|
15
|
+
"description": "Allows for the legend to be overridden.",
|
|
16
|
+
"name": "legend"
|
|
21
17
|
},
|
|
22
18
|
{
|
|
23
|
-
"description": "
|
|
24
|
-
"name": "
|
|
19
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
20
|
+
"name": "optionalLabel"
|
|
25
21
|
},
|
|
26
22
|
{
|
|
27
|
-
"description": "
|
|
28
|
-
"name": "
|
|
23
|
+
"description": "Allows for the helper text to be overridden.",
|
|
24
|
+
"name": "helpText"
|
|
29
25
|
},
|
|
30
26
|
{
|
|
31
|
-
"description": "
|
|
32
|
-
"name": "
|
|
27
|
+
"description": "The default slot for the checkbox items.",
|
|
28
|
+
"name": "default"
|
|
33
29
|
}
|
|
34
30
|
],
|
|
35
31
|
"members": [
|
|
32
|
+
{
|
|
33
|
+
"kind": "method",
|
|
34
|
+
"name": "_initializeDefaults"
|
|
35
|
+
},
|
|
36
36
|
{
|
|
37
37
|
"kind": "method",
|
|
38
38
|
"name": "register",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"parameters": [
|
|
41
41
|
{
|
|
42
42
|
"name": "name",
|
|
43
|
-
"default": "\"auro-
|
|
44
|
-
"description": "The name of element that you want to register
|
|
43
|
+
"default": "\"auro-checkbox-group\"",
|
|
44
|
+
"description": "The name of the element that you want to register.",
|
|
45
45
|
"optional": true,
|
|
46
46
|
"type": {
|
|
47
47
|
"text": "string"
|
|
@@ -52,17 +52,25 @@
|
|
|
52
52
|
},
|
|
53
53
|
{
|
|
54
54
|
"kind": "method",
|
|
55
|
-
"name": "
|
|
55
|
+
"name": "handleValueUpdate",
|
|
56
56
|
"parameters": [
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "The
|
|
58
|
+
"name": "value",
|
|
59
|
+
"description": "The value of the checkbox.",
|
|
60
60
|
"type": {
|
|
61
|
-
"text": "
|
|
61
|
+
"text": "String"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "selected",
|
|
66
|
+
"description": "The checked state of the checkbox.",
|
|
67
|
+
"type": {
|
|
68
|
+
"text": "Boolean"
|
|
62
69
|
}
|
|
63
70
|
}
|
|
64
71
|
],
|
|
65
|
-
"description": "
|
|
72
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
73
|
+
"privacy": "private",
|
|
66
74
|
"return": {
|
|
67
75
|
"type": {
|
|
68
76
|
"text": "void"
|
|
@@ -71,8 +79,9 @@
|
|
|
71
79
|
},
|
|
72
80
|
{
|
|
73
81
|
"kind": "method",
|
|
74
|
-
"name": "
|
|
75
|
-
"description": "
|
|
82
|
+
"name": "handlePreselectedItems",
|
|
83
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
84
|
+
"privacy": "private",
|
|
76
85
|
"return": {
|
|
77
86
|
"type": {
|
|
78
87
|
"text": "void"
|
|
@@ -81,247 +90,315 @@
|
|
|
81
90
|
},
|
|
82
91
|
{
|
|
83
92
|
"kind": "method",
|
|
84
|
-
"name": "
|
|
93
|
+
"name": "handleItems",
|
|
94
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
95
|
+
"privacy": "private",
|
|
96
|
+
"return": {
|
|
97
|
+
"type": {
|
|
98
|
+
"text": "void"
|
|
99
|
+
}
|
|
100
|
+
}
|
|
85
101
|
},
|
|
86
102
|
{
|
|
87
103
|
"kind": "method",
|
|
88
|
-
"name": "
|
|
89
|
-
"description": "
|
|
104
|
+
"name": "reset",
|
|
105
|
+
"description": "Resets component to initial state.",
|
|
90
106
|
"return": {
|
|
91
107
|
"type": {
|
|
92
108
|
"text": "void"
|
|
93
109
|
}
|
|
94
110
|
}
|
|
95
111
|
},
|
|
112
|
+
{
|
|
113
|
+
"kind": "method",
|
|
114
|
+
"name": "validate",
|
|
115
|
+
"parameters": [
|
|
116
|
+
{
|
|
117
|
+
"name": "force",
|
|
118
|
+
"default": "false",
|
|
119
|
+
"description": "Whether to force validation.",
|
|
120
|
+
"optional": true,
|
|
121
|
+
"type": {
|
|
122
|
+
"text": "boolean"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
],
|
|
126
|
+
"description": "Validates value."
|
|
127
|
+
},
|
|
96
128
|
{
|
|
97
129
|
"kind": "field",
|
|
98
|
-
"name": "
|
|
130
|
+
"name": "appearance",
|
|
131
|
+
"privacy": "public",
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "'default' | 'inverse'"
|
|
134
|
+
},
|
|
135
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
136
|
+
"default": "'default'",
|
|
137
|
+
"attribute": "appearance",
|
|
138
|
+
"reflects": true
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"kind": "field",
|
|
142
|
+
"name": "disabled",
|
|
99
143
|
"privacy": "public",
|
|
100
144
|
"type": {
|
|
101
145
|
"text": "boolean"
|
|
102
146
|
},
|
|
103
|
-
"
|
|
104
|
-
"attribute": "
|
|
147
|
+
"description": "If set, disables the checkbox group.",
|
|
148
|
+
"attribute": "disabled",
|
|
105
149
|
"reflects": true
|
|
106
150
|
},
|
|
107
151
|
{
|
|
108
152
|
"kind": "field",
|
|
109
|
-
"name": "
|
|
110
|
-
"privacy": "
|
|
153
|
+
"name": "error",
|
|
154
|
+
"privacy": "public",
|
|
155
|
+
"type": {
|
|
156
|
+
"text": "string"
|
|
157
|
+
},
|
|
158
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
159
|
+
"attribute": "error",
|
|
160
|
+
"reflects": true
|
|
111
161
|
},
|
|
112
162
|
{
|
|
113
163
|
"kind": "field",
|
|
114
|
-
"name": "
|
|
115
|
-
"privacy": "
|
|
164
|
+
"name": "horizontal",
|
|
165
|
+
"privacy": "public",
|
|
166
|
+
"type": {
|
|
167
|
+
"text": "boolean"
|
|
168
|
+
},
|
|
169
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
170
|
+
"attribute": "horizontal",
|
|
171
|
+
"reflects": true
|
|
116
172
|
},
|
|
117
173
|
{
|
|
118
174
|
"kind": "field",
|
|
119
|
-
"name": "
|
|
120
|
-
"privacy": "
|
|
175
|
+
"name": "noValidate",
|
|
176
|
+
"privacy": "public",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "boolean"
|
|
179
|
+
},
|
|
180
|
+
"description": "If set, disables auto-validation on blur.",
|
|
181
|
+
"attribute": "noValidate",
|
|
182
|
+
"reflects": true
|
|
121
183
|
},
|
|
122
184
|
{
|
|
123
185
|
"kind": "field",
|
|
124
|
-
"name": "
|
|
186
|
+
"name": "onDark",
|
|
125
187
|
"privacy": "public",
|
|
126
188
|
"type": {
|
|
127
189
|
"text": "boolean"
|
|
128
190
|
},
|
|
129
|
-
"
|
|
191
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
192
|
+
"attribute": "onDark",
|
|
193
|
+
"reflects": true
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"kind": "field",
|
|
197
|
+
"name": "required",
|
|
198
|
+
"privacy": "public",
|
|
199
|
+
"type": {
|
|
200
|
+
"text": "boolean"
|
|
201
|
+
},
|
|
202
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
203
|
+
"attribute": "required",
|
|
204
|
+
"reflects": true
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"kind": "field",
|
|
208
|
+
"name": "setCustomValidity",
|
|
209
|
+
"privacy": "public",
|
|
210
|
+
"type": {
|
|
211
|
+
"text": "string"
|
|
212
|
+
},
|
|
213
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
214
|
+
"attribute": "setCustomValidity"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"kind": "field",
|
|
218
|
+
"name": "setCustomValidityCustomError",
|
|
219
|
+
"privacy": "public",
|
|
220
|
+
"type": {
|
|
221
|
+
"text": "string"
|
|
222
|
+
},
|
|
223
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
224
|
+
"attribute": "setCustomValidityCustomError"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"kind": "field",
|
|
228
|
+
"name": "setCustomValidityValueMissing",
|
|
229
|
+
"privacy": "public",
|
|
230
|
+
"type": {
|
|
231
|
+
"text": "string"
|
|
232
|
+
},
|
|
233
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
234
|
+
"attribute": "setCustomValidityValueMissing"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"kind": "field",
|
|
238
|
+
"name": "validity",
|
|
239
|
+
"privacy": "public",
|
|
240
|
+
"type": {
|
|
241
|
+
"text": "string"
|
|
242
|
+
},
|
|
243
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
244
|
+
"attribute": "validity",
|
|
130
245
|
"reflects": true
|
|
131
246
|
}
|
|
132
247
|
],
|
|
133
248
|
"events": [
|
|
134
249
|
{
|
|
135
|
-
"name": "
|
|
250
|
+
"name": "input",
|
|
136
251
|
"type": {
|
|
137
|
-
"text": "
|
|
252
|
+
"text": "CustomEvent"
|
|
138
253
|
}
|
|
139
254
|
},
|
|
140
255
|
{
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
-
"text": "CustomEvent"
|
|
144
|
-
}
|
|
256
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
257
|
+
"name": "auroFormElement-validated"
|
|
145
258
|
}
|
|
146
259
|
],
|
|
147
260
|
"attributes": [
|
|
148
261
|
{
|
|
149
|
-
"name": "
|
|
262
|
+
"name": "appearance",
|
|
263
|
+
"type": {
|
|
264
|
+
"text": "'default' | 'inverse'"
|
|
265
|
+
},
|
|
266
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
267
|
+
"default": "'default'",
|
|
268
|
+
"fieldName": "appearance"
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"name": "disabled",
|
|
150
272
|
"type": {
|
|
151
273
|
"text": "boolean"
|
|
152
274
|
},
|
|
153
|
-
"
|
|
275
|
+
"description": "If set, disables the checkbox group.",
|
|
276
|
+
"fieldName": "disabled"
|
|
154
277
|
},
|
|
155
278
|
{
|
|
156
|
-
"name": "
|
|
279
|
+
"name": "error",
|
|
280
|
+
"type": {
|
|
281
|
+
"text": "string"
|
|
282
|
+
},
|
|
283
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
284
|
+
"fieldName": "error"
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"name": "horizontal",
|
|
157
288
|
"type": {
|
|
158
289
|
"text": "boolean"
|
|
159
290
|
},
|
|
160
|
-
"
|
|
161
|
-
"fieldName": "
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
"
|
|
221
|
-
|
|
222
|
-
"
|
|
223
|
-
|
|
224
|
-
|
|
291
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
292
|
+
"fieldName": "horizontal"
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "noValidate",
|
|
296
|
+
"type": {
|
|
297
|
+
"text": "boolean"
|
|
298
|
+
},
|
|
299
|
+
"description": "If set, disables auto-validation on blur.",
|
|
300
|
+
"fieldName": "noValidate"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "onDark",
|
|
304
|
+
"type": {
|
|
305
|
+
"text": "boolean"
|
|
306
|
+
},
|
|
307
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
308
|
+
"fieldName": "onDark"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "required",
|
|
312
|
+
"type": {
|
|
313
|
+
"text": "boolean"
|
|
314
|
+
},
|
|
315
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
316
|
+
"fieldName": "required"
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"name": "setCustomValidity",
|
|
320
|
+
"type": {
|
|
321
|
+
"text": "string"
|
|
322
|
+
},
|
|
323
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
324
|
+
"fieldName": "setCustomValidity"
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"name": "setCustomValidityCustomError",
|
|
328
|
+
"type": {
|
|
329
|
+
"text": "string"
|
|
330
|
+
},
|
|
331
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
332
|
+
"fieldName": "setCustomValidityCustomError"
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"name": "setCustomValidityValueMissing",
|
|
336
|
+
"type": {
|
|
337
|
+
"text": "string"
|
|
338
|
+
},
|
|
339
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
340
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
341
|
+
},
|
|
342
|
+
{
|
|
343
|
+
"name": "validity",
|
|
344
|
+
"type": {
|
|
345
|
+
"text": "string"
|
|
346
|
+
},
|
|
347
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
348
|
+
"fieldName": "validity"
|
|
349
|
+
}
|
|
350
|
+
],
|
|
351
|
+
"superclass": {
|
|
352
|
+
"name": "LitElement",
|
|
353
|
+
"package": "lit"
|
|
354
|
+
},
|
|
355
|
+
"tagName": "auro-checkbox-group",
|
|
356
|
+
"customElement": true
|
|
225
357
|
}
|
|
226
|
-
]
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
"kind": "javascript-module",
|
|
230
|
-
"path": "components/bibtemplate/src/index.js",
|
|
231
|
-
"declarations": [],
|
|
358
|
+
],
|
|
232
359
|
"exports": [
|
|
233
360
|
{
|
|
234
361
|
"kind": "js",
|
|
235
|
-
"name": "
|
|
362
|
+
"name": "AuroCheckboxGroup",
|
|
236
363
|
"declaration": {
|
|
237
|
-
"name": "
|
|
238
|
-
"module": "components/
|
|
364
|
+
"name": "AuroCheckboxGroup",
|
|
365
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
239
366
|
}
|
|
240
367
|
}
|
|
241
368
|
]
|
|
242
369
|
},
|
|
243
370
|
{
|
|
244
371
|
"kind": "javascript-module",
|
|
245
|
-
"path": "components/
|
|
246
|
-
"declarations": [],
|
|
247
|
-
"exports": []
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
"kind": "javascript-module",
|
|
251
|
-
"path": "components/combobox/src/auro-combobox.js",
|
|
372
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
252
373
|
"declarations": [
|
|
253
374
|
{
|
|
254
375
|
"kind": "class",
|
|
255
|
-
"description": "The `auro-
|
|
256
|
-
"name": "
|
|
257
|
-
"
|
|
258
|
-
{
|
|
259
|
-
"description": "Default slot for the menu content.",
|
|
260
|
-
"name": ""
|
|
261
|
-
},
|
|
262
|
-
{
|
|
263
|
-
"type": {
|
|
264
|
-
"text": "HTMLSlotElement"
|
|
265
|
-
},
|
|
266
|
-
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
267
|
-
"name": "optionalLabel"
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
"description": "Sets aria-label on clear button",
|
|
271
|
-
"name": "ariaLabel.input.clear"
|
|
272
|
-
},
|
|
273
|
-
{
|
|
274
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
275
|
-
"name": "ariaLabel.bib.close"
|
|
276
|
-
},
|
|
376
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
377
|
+
"name": "AuroCheckbox",
|
|
378
|
+
"cssParts": [
|
|
277
379
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": "
|
|
380
|
+
"description": "apply css to a specific checkbox.",
|
|
381
|
+
"name": "checkbox"
|
|
280
382
|
},
|
|
281
383
|
{
|
|
282
|
-
"description": "
|
|
283
|
-
"name": "
|
|
384
|
+
"description": "apply css to a specific checkbox's input.",
|
|
385
|
+
"name": "checkbox-input"
|
|
284
386
|
},
|
|
285
387
|
{
|
|
286
|
-
"description": "
|
|
287
|
-
"name": "
|
|
288
|
-
}
|
|
388
|
+
"description": "apply css to a specific checkbox's label.",
|
|
389
|
+
"name": "checkbox-label"
|
|
390
|
+
}
|
|
391
|
+
],
|
|
392
|
+
"slots": [
|
|
289
393
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
394
|
+
"description": "The default slot for the checkbox label.",
|
|
395
|
+
"name": "default"
|
|
292
396
|
}
|
|
293
397
|
],
|
|
294
398
|
"members": [
|
|
295
399
|
{
|
|
296
400
|
"kind": "method",
|
|
297
|
-
"name": "_initializeDefaults"
|
|
298
|
-
"privacy": "private",
|
|
299
|
-
"return": {
|
|
300
|
-
"type": {
|
|
301
|
-
"text": "void"
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
},
|
|
305
|
-
{
|
|
306
|
-
"kind": "field",
|
|
307
|
-
"name": "inputValue",
|
|
308
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
309
|
-
"return": {
|
|
310
|
-
"type": {
|
|
311
|
-
"text": "string|undefined"
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
"readonly": true
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
"kind": "method",
|
|
318
|
-
"name": "isValid",
|
|
319
|
-
"description": "Checks if the element is valid.",
|
|
320
|
-
"return": {
|
|
321
|
-
"type": {
|
|
322
|
-
"text": "boolean"
|
|
323
|
-
}
|
|
324
|
-
}
|
|
401
|
+
"name": "_initializeDefaults"
|
|
325
402
|
},
|
|
326
403
|
{
|
|
327
404
|
"kind": "method",
|
|
@@ -330,8 +407,8 @@
|
|
|
330
407
|
"parameters": [
|
|
331
408
|
{
|
|
332
409
|
"name": "name",
|
|
333
|
-
"default": "
|
|
334
|
-
"description": "The name of
|
|
410
|
+
"default": "\"auro-checkbox\"",
|
|
411
|
+
"description": "The name of element that you want to register to.",
|
|
335
412
|
"optional": true,
|
|
336
413
|
"type": {
|
|
337
414
|
"text": "string"
|
|
@@ -342,8 +419,17 @@
|
|
|
342
419
|
},
|
|
343
420
|
{
|
|
344
421
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"
|
|
422
|
+
"name": "handleChange",
|
|
423
|
+
"parameters": [
|
|
424
|
+
{
|
|
425
|
+
"name": "event",
|
|
426
|
+
"description": "The change event from the checkbox input.",
|
|
427
|
+
"type": {
|
|
428
|
+
"text": "Event"
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
],
|
|
432
|
+
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
347
433
|
"privacy": "private",
|
|
348
434
|
"return": {
|
|
349
435
|
"type": {
|
|
@@ -353,8 +439,17 @@
|
|
|
353
439
|
},
|
|
354
440
|
{
|
|
355
441
|
"kind": "method",
|
|
356
|
-
"name": "
|
|
357
|
-
"
|
|
442
|
+
"name": "handleInput",
|
|
443
|
+
"parameters": [
|
|
444
|
+
{
|
|
445
|
+
"name": "event",
|
|
446
|
+
"description": "The input event from the checkbox input.",
|
|
447
|
+
"type": {
|
|
448
|
+
"text": "Event"
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
],
|
|
452
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
358
453
|
"privacy": "private",
|
|
359
454
|
"return": {
|
|
360
455
|
"type": {
|
|
@@ -364,14 +459,8 @@
|
|
|
364
459
|
},
|
|
365
460
|
{
|
|
366
461
|
"kind": "method",
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
369
|
-
"privacy": "private"
|
|
370
|
-
},
|
|
371
|
-
{
|
|
372
|
-
"kind": "method",
|
|
373
|
-
"name": "syncValuesAndStates",
|
|
374
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
462
|
+
"name": "handleFocusin",
|
|
463
|
+
"description": "Function to support",
|
|
375
464
|
"privacy": "private",
|
|
376
465
|
"return": {
|
|
377
466
|
"type": {
|
|
@@ -381,35 +470,19 @@
|
|
|
381
470
|
},
|
|
382
471
|
{
|
|
383
472
|
"kind": "method",
|
|
384
|
-
"name": "
|
|
385
|
-
"
|
|
386
|
-
{
|
|
387
|
-
"name": "label",
|
|
388
|
-
"description": "The label of the selected option.",
|
|
389
|
-
"type": {
|
|
390
|
-
"text": "string"
|
|
391
|
-
}
|
|
392
|
-
}
|
|
393
|
-
],
|
|
394
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
395
|
-
"privacy": "private"
|
|
396
|
-
},
|
|
397
|
-
{
|
|
398
|
-
"kind": "method",
|
|
399
|
-
"name": "handleMenuOptions",
|
|
400
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
473
|
+
"name": "generateIconHtml",
|
|
474
|
+
"description": "Function to generate checkmark svg.",
|
|
401
475
|
"privacy": "private",
|
|
402
476
|
"return": {
|
|
403
477
|
"type": {
|
|
404
|
-
"text": "
|
|
478
|
+
"text": "HTMLElement"
|
|
405
479
|
}
|
|
406
480
|
}
|
|
407
481
|
},
|
|
408
482
|
{
|
|
409
483
|
"kind": "method",
|
|
410
|
-
"name": "
|
|
411
|
-
"description": "
|
|
412
|
-
"privacy": "private",
|
|
484
|
+
"name": "reset",
|
|
485
|
+
"description": "Resets component to initial state.",
|
|
413
486
|
"return": {
|
|
414
487
|
"type": {
|
|
415
488
|
"text": "void"
|
|
@@ -418,8 +491,9 @@
|
|
|
418
491
|
},
|
|
419
492
|
{
|
|
420
493
|
"kind": "method",
|
|
421
|
-
"name": "
|
|
422
|
-
"description": "
|
|
494
|
+
"name": "updateAriaLabel",
|
|
495
|
+
"description": "Updates the aria-label based on slot content.",
|
|
496
|
+
"privacy": "private",
|
|
423
497
|
"return": {
|
|
424
498
|
"type": {
|
|
425
499
|
"text": "void"
|
|
@@ -428,18 +502,17 @@
|
|
|
428
502
|
},
|
|
429
503
|
{
|
|
430
504
|
"kind": "method",
|
|
431
|
-
"name": "
|
|
432
|
-
"
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
"
|
|
505
|
+
"name": "handleKeyDown",
|
|
506
|
+
"parameters": [
|
|
507
|
+
{
|
|
508
|
+
"name": "event",
|
|
509
|
+
"description": "The keydown event from the checkbox input.",
|
|
510
|
+
"type": {
|
|
511
|
+
"text": "KeyboardEvent"
|
|
512
|
+
}
|
|
436
513
|
}
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
{
|
|
440
|
-
"kind": "method",
|
|
441
|
-
"name": "configureDropdown",
|
|
442
|
-
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
514
|
+
],
|
|
515
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
443
516
|
"privacy": "private",
|
|
444
517
|
"return": {
|
|
445
518
|
"type": {
|
|
@@ -448,1263 +521,922 @@
|
|
|
448
521
|
}
|
|
449
522
|
},
|
|
450
523
|
{
|
|
451
|
-
"kind": "
|
|
452
|
-
"name": "
|
|
453
|
-
"privacy": "
|
|
524
|
+
"kind": "field",
|
|
525
|
+
"name": "appearance",
|
|
526
|
+
"privacy": "public",
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "'default' | 'inverse'"
|
|
529
|
+
},
|
|
530
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
531
|
+
"default": "'default'",
|
|
532
|
+
"attribute": "appearance",
|
|
533
|
+
"reflects": true
|
|
454
534
|
},
|
|
455
535
|
{
|
|
456
|
-
"kind": "
|
|
457
|
-
"name": "
|
|
458
|
-
"privacy": "
|
|
536
|
+
"kind": "field",
|
|
537
|
+
"name": "checked",
|
|
538
|
+
"privacy": "public",
|
|
539
|
+
"type": {
|
|
540
|
+
"text": "boolean"
|
|
541
|
+
},
|
|
542
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
543
|
+
"attribute": "checked",
|
|
544
|
+
"reflects": true
|
|
459
545
|
},
|
|
460
546
|
{
|
|
461
|
-
"kind": "
|
|
462
|
-
"name": "
|
|
463
|
-
"privacy": "
|
|
547
|
+
"kind": "field",
|
|
548
|
+
"name": "disabled",
|
|
549
|
+
"privacy": "public",
|
|
550
|
+
"type": {
|
|
551
|
+
"text": "boolean"
|
|
552
|
+
},
|
|
553
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
554
|
+
"attribute": "disabled",
|
|
555
|
+
"reflects": true
|
|
464
556
|
},
|
|
465
557
|
{
|
|
466
|
-
"kind": "
|
|
467
|
-
"name": "
|
|
468
|
-
"
|
|
469
|
-
"
|
|
558
|
+
"kind": "field",
|
|
559
|
+
"name": "error",
|
|
560
|
+
"privacy": "public",
|
|
561
|
+
"type": {
|
|
562
|
+
"text": "boolean"
|
|
563
|
+
},
|
|
564
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
565
|
+
"attribute": "error",
|
|
566
|
+
"reflects": true
|
|
470
567
|
},
|
|
471
568
|
{
|
|
472
|
-
"kind": "
|
|
473
|
-
"name": "
|
|
474
|
-
"
|
|
475
|
-
"
|
|
569
|
+
"kind": "field",
|
|
570
|
+
"name": "id",
|
|
571
|
+
"privacy": "public",
|
|
572
|
+
"type": {
|
|
573
|
+
"text": "string"
|
|
574
|
+
},
|
|
575
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
576
|
+
"attribute": "id"
|
|
476
577
|
},
|
|
477
578
|
{
|
|
478
|
-
"kind": "
|
|
479
|
-
"name": "
|
|
480
|
-
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
579
|
+
"kind": "field",
|
|
580
|
+
"name": "inputId",
|
|
481
581
|
"privacy": "private",
|
|
482
|
-
"
|
|
483
|
-
"
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
}
|
|
582
|
+
"type": {
|
|
583
|
+
"text": "string"
|
|
584
|
+
},
|
|
585
|
+
"description": "The id for input node."
|
|
487
586
|
},
|
|
488
587
|
{
|
|
489
|
-
"kind": "
|
|
490
|
-
"name": "
|
|
491
|
-
"
|
|
588
|
+
"kind": "field",
|
|
589
|
+
"name": "name",
|
|
590
|
+
"privacy": "public",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "string"
|
|
593
|
+
},
|
|
594
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
595
|
+
"attribute": "name"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"kind": "field",
|
|
599
|
+
"name": "onDark",
|
|
600
|
+
"privacy": "public",
|
|
601
|
+
"type": {
|
|
602
|
+
"text": "boolean"
|
|
603
|
+
},
|
|
604
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
605
|
+
"attribute": "onDark",
|
|
606
|
+
"reflects": true
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"kind": "field",
|
|
610
|
+
"name": "touched",
|
|
492
611
|
"privacy": "private",
|
|
493
|
-
"
|
|
494
|
-
"
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
}
|
|
612
|
+
"type": {
|
|
613
|
+
"text": "boolean"
|
|
614
|
+
},
|
|
615
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
498
616
|
},
|
|
499
617
|
{
|
|
500
|
-
"kind": "
|
|
501
|
-
"name": "
|
|
502
|
-
"
|
|
618
|
+
"kind": "field",
|
|
619
|
+
"name": "value",
|
|
620
|
+
"privacy": "public",
|
|
621
|
+
"type": {
|
|
622
|
+
"text": "string"
|
|
623
|
+
},
|
|
624
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
625
|
+
"attribute": "value"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"kind": "field",
|
|
629
|
+
"name": "tabIndex",
|
|
503
630
|
"privacy": "private",
|
|
504
|
-
"
|
|
505
|
-
"
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
631
|
+
"type": {
|
|
632
|
+
"text": "number"
|
|
633
|
+
},
|
|
634
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
635
|
+
"attribute": "tabindex",
|
|
636
|
+
"reflects": true
|
|
509
637
|
},
|
|
510
638
|
{
|
|
511
|
-
"kind": "
|
|
512
|
-
"name": "
|
|
513
|
-
"parameters": [
|
|
514
|
-
{
|
|
515
|
-
"name": "event",
|
|
516
|
-
"description": "The event object containing details about the loading state change.",
|
|
517
|
-
"type": {
|
|
518
|
-
"text": "CustomEvent"
|
|
519
|
-
}
|
|
520
|
-
},
|
|
521
|
-
{
|
|
522
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
523
|
-
"name": "event.detail.loading",
|
|
524
|
-
"type": {
|
|
525
|
-
"text": "boolean"
|
|
526
|
-
}
|
|
527
|
-
},
|
|
528
|
-
{
|
|
529
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
530
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
531
|
-
"type": {
|
|
532
|
-
"text": "boolean"
|
|
533
|
-
}
|
|
534
|
-
}
|
|
535
|
-
],
|
|
536
|
-
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
639
|
+
"kind": "field",
|
|
640
|
+
"name": "ariaChecked",
|
|
537
641
|
"privacy": "private",
|
|
538
|
-
"
|
|
539
|
-
"
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
642
|
+
"type": {
|
|
643
|
+
"text": "string"
|
|
644
|
+
},
|
|
645
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
646
|
+
"attribute": "aria-checked",
|
|
647
|
+
"reflects": true
|
|
543
648
|
},
|
|
544
649
|
{
|
|
545
|
-
"kind": "
|
|
546
|
-
"name": "
|
|
547
|
-
"parameters": [
|
|
548
|
-
{
|
|
549
|
-
"name": "event",
|
|
550
|
-
"description": "The input event triggered by the input element.",
|
|
551
|
-
"type": {
|
|
552
|
-
"text": "Event"
|
|
553
|
-
}
|
|
554
|
-
}
|
|
555
|
-
],
|
|
556
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
650
|
+
"kind": "field",
|
|
651
|
+
"name": "ariaDisabled",
|
|
557
652
|
"privacy": "private",
|
|
558
|
-
"
|
|
559
|
-
"
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
653
|
+
"type": {
|
|
654
|
+
"text": "string"
|
|
655
|
+
},
|
|
656
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
657
|
+
"attribute": "aria-disabled",
|
|
658
|
+
"reflects": true
|
|
563
659
|
},
|
|
564
660
|
{
|
|
565
|
-
"kind": "
|
|
566
|
-
"name": "
|
|
567
|
-
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
661
|
+
"kind": "field",
|
|
662
|
+
"name": "role",
|
|
568
663
|
"privacy": "private",
|
|
569
|
-
"
|
|
570
|
-
"
|
|
571
|
-
|
|
572
|
-
|
|
664
|
+
"type": {
|
|
665
|
+
"text": "string"
|
|
666
|
+
},
|
|
667
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
668
|
+
"attribute": "role",
|
|
669
|
+
"reflects": true
|
|
670
|
+
}
|
|
671
|
+
],
|
|
672
|
+
"events": [
|
|
673
|
+
{
|
|
674
|
+
"name": "auroCheckbox-input",
|
|
675
|
+
"type": {
|
|
676
|
+
"text": "CustomEvent"
|
|
573
677
|
}
|
|
574
678
|
},
|
|
575
679
|
{
|
|
576
|
-
"
|
|
577
|
-
"
|
|
578
|
-
|
|
579
|
-
"return": {
|
|
580
|
-
"type": {
|
|
581
|
-
"text": "void"
|
|
582
|
-
}
|
|
583
|
-
}
|
|
584
|
-
},
|
|
585
|
-
{
|
|
586
|
-
"kind": "method",
|
|
587
|
-
"name": "setMenuValue",
|
|
588
|
-
"parameters": [
|
|
589
|
-
{
|
|
590
|
-
"name": "value",
|
|
591
|
-
"description": "The value to set on the menu.",
|
|
592
|
-
"type": {
|
|
593
|
-
"text": "string"
|
|
594
|
-
}
|
|
595
|
-
}
|
|
596
|
-
],
|
|
597
|
-
"description": "Sets the menu value if menu is available.",
|
|
598
|
-
"return": {
|
|
599
|
-
"type": {
|
|
600
|
-
"text": "void"
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"kind": "method",
|
|
606
|
-
"name": "reset",
|
|
607
|
-
"description": "Resets component to initial state.",
|
|
608
|
-
"return": {
|
|
609
|
-
"type": {
|
|
610
|
-
"text": "void"
|
|
611
|
-
}
|
|
612
|
-
}
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"kind": "method",
|
|
616
|
-
"name": "clear",
|
|
617
|
-
"description": "Clears the current value of the combobox.",
|
|
618
|
-
"return": {
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "void"
|
|
621
|
-
}
|
|
680
|
+
"name": "auroCheckbox-focusin",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "CustomEvent"
|
|
622
683
|
}
|
|
623
684
|
},
|
|
624
685
|
{
|
|
625
|
-
"
|
|
626
|
-
"
|
|
627
|
-
|
|
628
|
-
{
|
|
629
|
-
"name": "force",
|
|
630
|
-
"default": "false",
|
|
631
|
-
"description": "Whether to force validation.",
|
|
632
|
-
"optional": true,
|
|
633
|
-
"type": {
|
|
634
|
-
"text": "boolean"
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
|
-
],
|
|
638
|
-
"description": "Validates value."
|
|
639
|
-
},
|
|
640
|
-
{
|
|
641
|
-
"kind": "method",
|
|
642
|
-
"name": "transportAssignedNodes",
|
|
643
|
-
"parameters": [
|
|
644
|
-
{
|
|
645
|
-
"name": "slot",
|
|
646
|
-
"description": "The slot element containing the nodes to apply.",
|
|
647
|
-
"type": {
|
|
648
|
-
"text": "HTMLSlotElement"
|
|
649
|
-
}
|
|
650
|
-
},
|
|
651
|
-
{
|
|
652
|
-
"name": "target",
|
|
653
|
-
"description": "The target element to apply the nodes to.",
|
|
654
|
-
"type": {
|
|
655
|
-
"text": "HTMLElement"
|
|
656
|
-
}
|
|
657
|
-
},
|
|
658
|
-
{
|
|
659
|
-
"name": "newSlotName",
|
|
660
|
-
"description": "The new slot name for the applied nodes.",
|
|
661
|
-
"type": {
|
|
662
|
-
"text": "string"
|
|
663
|
-
}
|
|
664
|
-
}
|
|
665
|
-
],
|
|
666
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
667
|
-
"privacy": "private",
|
|
668
|
-
"return": {
|
|
669
|
-
"type": {
|
|
670
|
-
"text": "void"
|
|
671
|
-
}
|
|
686
|
+
"name": "auroCheckbox-focusout",
|
|
687
|
+
"type": {
|
|
688
|
+
"text": "CustomEvent"
|
|
672
689
|
}
|
|
673
690
|
},
|
|
674
691
|
{
|
|
675
|
-
"
|
|
676
|
-
"name": "
|
|
677
|
-
"parameters": [
|
|
678
|
-
{
|
|
679
|
-
"name": "index",
|
|
680
|
-
"description": "Index of the option to make active.",
|
|
681
|
-
"type": {
|
|
682
|
-
"text": "number"
|
|
683
|
-
}
|
|
684
|
-
}
|
|
685
|
-
],
|
|
686
|
-
"description": "Updates the active option in the menu."
|
|
692
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
693
|
+
"name": "change"
|
|
687
694
|
},
|
|
688
695
|
{
|
|
689
|
-
"
|
|
690
|
-
"name": "
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
"description": "`slotchange` event.",
|
|
695
|
-
"type": {
|
|
696
|
-
"text": "Event"
|
|
697
|
-
}
|
|
698
|
-
}
|
|
699
|
-
],
|
|
700
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
701
|
-
"privacy": "private",
|
|
702
|
-
"return": {
|
|
703
|
-
"type": {
|
|
704
|
-
"text": "void"
|
|
705
|
-
}
|
|
706
|
-
}
|
|
707
|
-
},
|
|
696
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
697
|
+
"name": "input"
|
|
698
|
+
}
|
|
699
|
+
],
|
|
700
|
+
"attributes": [
|
|
708
701
|
{
|
|
709
|
-
"kind": "field",
|
|
710
702
|
"name": "appearance",
|
|
711
|
-
"privacy": "public",
|
|
712
703
|
"type": {
|
|
713
|
-
"text": "
|
|
704
|
+
"text": "'default' | 'inverse'"
|
|
714
705
|
},
|
|
715
706
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
716
707
|
"default": "'default'",
|
|
717
|
-
"
|
|
718
|
-
"reflects": true
|
|
708
|
+
"fieldName": "appearance"
|
|
719
709
|
},
|
|
720
710
|
{
|
|
721
|
-
"
|
|
722
|
-
"name": "autocomplete",
|
|
723
|
-
"privacy": "public",
|
|
711
|
+
"name": "checked",
|
|
724
712
|
"type": {
|
|
725
|
-
"text": "
|
|
713
|
+
"text": "boolean"
|
|
726
714
|
},
|
|
727
|
-
"description": "
|
|
728
|
-
"
|
|
729
|
-
"reflects": true
|
|
715
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
716
|
+
"fieldName": "checked"
|
|
730
717
|
},
|
|
731
718
|
{
|
|
732
|
-
"
|
|
733
|
-
"name": "autoPlacement",
|
|
734
|
-
"privacy": "public",
|
|
719
|
+
"name": "disabled",
|
|
735
720
|
"type": {
|
|
736
721
|
"text": "boolean"
|
|
737
722
|
},
|
|
738
|
-
"description": "If
|
|
739
|
-
"
|
|
740
|
-
"reflects": true
|
|
723
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
724
|
+
"fieldName": "disabled"
|
|
741
725
|
},
|
|
742
726
|
{
|
|
743
|
-
"
|
|
744
|
-
"name": "availableOptions",
|
|
745
|
-
"privacy": "private",
|
|
727
|
+
"name": "error",
|
|
746
728
|
"type": {
|
|
747
|
-
"text": "
|
|
729
|
+
"text": "boolean"
|
|
748
730
|
},
|
|
749
|
-
"description": "
|
|
750
|
-
"
|
|
731
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
732
|
+
"fieldName": "error"
|
|
751
733
|
},
|
|
752
734
|
{
|
|
753
|
-
"
|
|
754
|
-
"name": "behavior",
|
|
755
|
-
"privacy": "public",
|
|
735
|
+
"name": "id",
|
|
756
736
|
"type": {
|
|
757
|
-
"text": "
|
|
737
|
+
"text": "string"
|
|
758
738
|
},
|
|
759
|
-
"description": "
|
|
760
|
-
"
|
|
761
|
-
"attribute": "behavior",
|
|
762
|
-
"reflects": true
|
|
739
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
740
|
+
"fieldName": "id"
|
|
763
741
|
},
|
|
764
742
|
{
|
|
765
|
-
"
|
|
766
|
-
"name": "checkmark",
|
|
767
|
-
"privacy": "public",
|
|
743
|
+
"name": "name",
|
|
768
744
|
"type": {
|
|
769
|
-
"text": "
|
|
745
|
+
"text": "string"
|
|
770
746
|
},
|
|
771
|
-
"description": "
|
|
772
|
-
"
|
|
773
|
-
"reflects": true
|
|
747
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
748
|
+
"fieldName": "name"
|
|
774
749
|
},
|
|
775
750
|
{
|
|
776
|
-
"
|
|
777
|
-
"name": "disabled",
|
|
778
|
-
"privacy": "public",
|
|
751
|
+
"name": "onDark",
|
|
779
752
|
"type": {
|
|
780
753
|
"text": "boolean"
|
|
781
754
|
},
|
|
782
|
-
"description": "
|
|
783
|
-
"
|
|
784
|
-
"reflects": true
|
|
755
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
756
|
+
"fieldName": "onDark"
|
|
785
757
|
},
|
|
786
758
|
{
|
|
787
|
-
"
|
|
788
|
-
"name": "dropdownId",
|
|
789
|
-
"privacy": "private",
|
|
759
|
+
"name": "value",
|
|
790
760
|
"type": {
|
|
791
761
|
"text": "string"
|
|
792
762
|
},
|
|
793
|
-
"description": "
|
|
794
|
-
|
|
795
|
-
{
|
|
796
|
-
"kind": "field",
|
|
797
|
-
"name": "dropdownOpen",
|
|
798
|
-
"privacy": "private",
|
|
799
|
-
"type": {
|
|
800
|
-
"text": "boolean"
|
|
801
|
-
},
|
|
802
|
-
"description": "Whether or not the dropdown is open."
|
|
763
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
764
|
+
"fieldName": "value"
|
|
803
765
|
},
|
|
804
766
|
{
|
|
805
|
-
"
|
|
806
|
-
"name": "dvInputOnly",
|
|
807
|
-
"privacy": "public",
|
|
767
|
+
"name": "tabindex",
|
|
808
768
|
"type": {
|
|
809
|
-
"text": "
|
|
769
|
+
"text": "number"
|
|
810
770
|
},
|
|
811
|
-
"description": "
|
|
812
|
-
"
|
|
813
|
-
"reflects": true
|
|
771
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
772
|
+
"fieldName": "tabIndex"
|
|
814
773
|
},
|
|
815
774
|
{
|
|
816
|
-
"
|
|
817
|
-
"name": "error",
|
|
818
|
-
"privacy": "public",
|
|
775
|
+
"name": "aria-checked",
|
|
819
776
|
"type": {
|
|
820
777
|
"text": "string"
|
|
821
778
|
},
|
|
822
|
-
"description": "
|
|
823
|
-
"
|
|
824
|
-
"reflects": true
|
|
779
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
780
|
+
"fieldName": "ariaChecked"
|
|
825
781
|
},
|
|
826
782
|
{
|
|
827
|
-
"
|
|
828
|
-
"name": "format",
|
|
829
|
-
"privacy": "public",
|
|
783
|
+
"name": "aria-disabled",
|
|
830
784
|
"type": {
|
|
831
785
|
"text": "string"
|
|
832
786
|
},
|
|
833
|
-
"description": "
|
|
834
|
-
"
|
|
835
|
-
"reflects": true
|
|
787
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
788
|
+
"fieldName": "ariaDisabled"
|
|
836
789
|
},
|
|
837
790
|
{
|
|
838
|
-
"
|
|
839
|
-
"name": "inputmode",
|
|
840
|
-
"privacy": "public",
|
|
791
|
+
"name": "role",
|
|
841
792
|
"type": {
|
|
842
793
|
"text": "string"
|
|
843
794
|
},
|
|
844
|
-
"description": "
|
|
845
|
-
"
|
|
846
|
-
|
|
795
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
796
|
+
"fieldName": "role"
|
|
797
|
+
}
|
|
798
|
+
],
|
|
799
|
+
"superclass": {
|
|
800
|
+
"name": "LitElement",
|
|
801
|
+
"package": "lit"
|
|
802
|
+
},
|
|
803
|
+
"tagName": "auro-checkbox",
|
|
804
|
+
"customElement": true
|
|
805
|
+
}
|
|
806
|
+
],
|
|
807
|
+
"exports": [
|
|
808
|
+
{
|
|
809
|
+
"kind": "js",
|
|
810
|
+
"name": "AuroCheckbox",
|
|
811
|
+
"declaration": {
|
|
812
|
+
"name": "AuroCheckbox",
|
|
813
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
814
|
+
}
|
|
815
|
+
}
|
|
816
|
+
]
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"kind": "javascript-module",
|
|
820
|
+
"path": "components/checkbox/src/index.js",
|
|
821
|
+
"declarations": [],
|
|
822
|
+
"exports": [
|
|
823
|
+
{
|
|
824
|
+
"kind": "js",
|
|
825
|
+
"name": "AuroCheckbox",
|
|
826
|
+
"declaration": {
|
|
827
|
+
"name": "AuroCheckbox",
|
|
828
|
+
"module": "components/checkbox/src/index.js"
|
|
829
|
+
}
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"kind": "js",
|
|
833
|
+
"name": "AuroCheckboxGroup",
|
|
834
|
+
"declaration": {
|
|
835
|
+
"name": "AuroCheckboxGroup",
|
|
836
|
+
"module": "components/checkbox/src/index.js"
|
|
837
|
+
}
|
|
838
|
+
}
|
|
839
|
+
]
|
|
840
|
+
},
|
|
841
|
+
{
|
|
842
|
+
"kind": "javascript-module",
|
|
843
|
+
"path": "components/checkbox/src/registered.js",
|
|
844
|
+
"declarations": [],
|
|
845
|
+
"exports": []
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"kind": "javascript-module",
|
|
849
|
+
"path": "components/bibtemplate/src/auro-bibtemplate.js",
|
|
850
|
+
"declarations": [
|
|
851
|
+
{
|
|
852
|
+
"kind": "class",
|
|
853
|
+
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
854
|
+
"name": "AuroBibtemplate",
|
|
855
|
+
"slots": [
|
|
856
|
+
{
|
|
857
|
+
"description": "The default slot for the main content.",
|
|
858
|
+
"name": "default"
|
|
847
859
|
},
|
|
848
860
|
{
|
|
849
|
-
"
|
|
850
|
-
"name": "
|
|
851
|
-
"privacy": "public",
|
|
852
|
-
"type": {
|
|
853
|
-
"text": "string"
|
|
854
|
-
},
|
|
855
|
-
"description": "Sets the layout of the combobox.",
|
|
856
|
-
"default": "'classic'",
|
|
857
|
-
"attribute": "layout",
|
|
858
|
-
"reflects": true,
|
|
859
|
-
"inheritedFrom": {
|
|
860
|
-
"name": "AuroElement",
|
|
861
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
862
|
-
}
|
|
861
|
+
"description": "Slot for the header content.",
|
|
862
|
+
"name": "header"
|
|
863
863
|
},
|
|
864
864
|
{
|
|
865
|
-
"
|
|
866
|
-
"name": "
|
|
867
|
-
"privacy": "private",
|
|
868
|
-
"type": {
|
|
869
|
-
"text": "boolean"
|
|
870
|
-
},
|
|
871
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
872
|
-
"attribute": "matchWidth",
|
|
873
|
-
"reflects": true
|
|
865
|
+
"description": "Slot for the subheader content.",
|
|
866
|
+
"name": "subheader"
|
|
874
867
|
},
|
|
875
868
|
{
|
|
876
|
-
"
|
|
877
|
-
"name": "
|
|
878
|
-
"privacy": "public",
|
|
879
|
-
"type": {
|
|
880
|
-
"text": "boolean"
|
|
881
|
-
},
|
|
882
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
883
|
-
"attribute": "noFilter",
|
|
884
|
-
"reflects": true
|
|
869
|
+
"description": "Slot for the footer content.",
|
|
870
|
+
"name": "footer"
|
|
885
871
|
},
|
|
886
872
|
{
|
|
887
|
-
"
|
|
888
|
-
"name": "
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
"
|
|
894
|
-
"
|
|
895
|
-
"
|
|
873
|
+
"description": "Slot for the close button aria-label.",
|
|
874
|
+
"name": "ariaLabel.close"
|
|
875
|
+
}
|
|
876
|
+
],
|
|
877
|
+
"members": [
|
|
878
|
+
{
|
|
879
|
+
"kind": "method",
|
|
880
|
+
"name": "register",
|
|
881
|
+
"static": true,
|
|
882
|
+
"parameters": [
|
|
883
|
+
{
|
|
884
|
+
"name": "name",
|
|
885
|
+
"default": "\"auro-bibtemplate\"",
|
|
886
|
+
"description": "The name of element that you want to register to.",
|
|
887
|
+
"optional": true,
|
|
888
|
+
"type": {
|
|
889
|
+
"text": "string"
|
|
890
|
+
}
|
|
891
|
+
}
|
|
892
|
+
],
|
|
893
|
+
"description": "This will register this element with the browser."
|
|
896
894
|
},
|
|
897
895
|
{
|
|
898
|
-
"kind": "
|
|
899
|
-
"name": "
|
|
900
|
-
"
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
896
|
+
"kind": "method",
|
|
897
|
+
"name": "preventBodyScroll",
|
|
898
|
+
"parameters": [
|
|
899
|
+
{
|
|
900
|
+
"name": "event",
|
|
901
|
+
"description": "The touchmove event.",
|
|
902
|
+
"type": {
|
|
903
|
+
"text": "Event"
|
|
904
|
+
}
|
|
905
|
+
}
|
|
906
|
+
],
|
|
907
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
908
|
+
"return": {
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "void"
|
|
911
|
+
}
|
|
912
|
+
}
|
|
907
913
|
},
|
|
908
914
|
{
|
|
909
|
-
"kind": "
|
|
910
|
-
"name": "
|
|
911
|
-
"
|
|
912
|
-
"
|
|
913
|
-
"
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
"reflects": true
|
|
915
|
+
"kind": "method",
|
|
916
|
+
"name": "focusCloseButton",
|
|
917
|
+
"description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
|
|
918
|
+
"return": {
|
|
919
|
+
"type": {
|
|
920
|
+
"text": "void"
|
|
921
|
+
}
|
|
922
|
+
}
|
|
918
923
|
},
|
|
919
924
|
{
|
|
920
|
-
"kind": "
|
|
921
|
-
"name": "
|
|
922
|
-
"privacy": "public",
|
|
923
|
-
"type": {
|
|
924
|
-
"text": "number"
|
|
925
|
-
},
|
|
926
|
-
"description": "Gap between the trigger element and bib.",
|
|
927
|
-
"default": "0",
|
|
928
|
-
"attribute": "offset",
|
|
929
|
-
"reflects": true
|
|
925
|
+
"kind": "method",
|
|
926
|
+
"name": "onCloseButtonClick"
|
|
930
927
|
},
|
|
931
928
|
{
|
|
932
|
-
"kind": "
|
|
933
|
-
"name": "
|
|
934
|
-
"
|
|
935
|
-
"
|
|
936
|
-
"
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
"reflects": true,
|
|
940
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
941
|
-
"inheritedFrom": {
|
|
942
|
-
"name": "AuroElement",
|
|
943
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
929
|
+
"kind": "method",
|
|
930
|
+
"name": "exposeCssParts",
|
|
931
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
932
|
+
"return": {
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "void"
|
|
935
|
+
}
|
|
944
936
|
}
|
|
945
937
|
},
|
|
946
938
|
{
|
|
947
939
|
"kind": "field",
|
|
948
|
-
"name": "
|
|
940
|
+
"name": "large",
|
|
949
941
|
"privacy": "public",
|
|
950
942
|
"type": {
|
|
951
|
-
"text": "
|
|
943
|
+
"text": "boolean"
|
|
952
944
|
},
|
|
953
|
-
"
|
|
954
|
-
"attribute": "
|
|
945
|
+
"default": "false",
|
|
946
|
+
"attribute": "large",
|
|
947
|
+
"reflects": true
|
|
955
948
|
},
|
|
956
949
|
{
|
|
957
950
|
"kind": "field",
|
|
958
|
-
"name": "
|
|
959
|
-
"privacy": "
|
|
960
|
-
"type": {
|
|
961
|
-
"text": "boolean"
|
|
962
|
-
},
|
|
963
|
-
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
964
|
-
"attribute": "persistInput",
|
|
965
|
-
"reflects": true
|
|
951
|
+
"name": "iconTag",
|
|
952
|
+
"privacy": "private"
|
|
966
953
|
},
|
|
967
954
|
{
|
|
968
955
|
"kind": "field",
|
|
969
|
-
"name": "
|
|
970
|
-
"privacy": "
|
|
971
|
-
"type": {
|
|
972
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
973
|
-
},
|
|
974
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
975
|
-
"default": "'bottom-start'",
|
|
976
|
-
"attribute": "placement",
|
|
977
|
-
"reflects": true
|
|
956
|
+
"name": "headerTag",
|
|
957
|
+
"privacy": "private"
|
|
978
958
|
},
|
|
979
959
|
{
|
|
980
960
|
"kind": "field",
|
|
981
|
-
"name": "
|
|
982
|
-
"privacy": "
|
|
983
|
-
"type": {
|
|
984
|
-
"text": "string"
|
|
985
|
-
},
|
|
986
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
987
|
-
"attribute": "placeholder",
|
|
988
|
-
"reflects": true
|
|
961
|
+
"name": "buttonTag",
|
|
962
|
+
"privacy": "private"
|
|
989
963
|
},
|
|
990
964
|
{
|
|
991
965
|
"kind": "field",
|
|
992
|
-
"name": "
|
|
966
|
+
"name": "isFullscreen",
|
|
993
967
|
"privacy": "public",
|
|
994
968
|
"type": {
|
|
995
969
|
"text": "boolean"
|
|
996
970
|
},
|
|
997
|
-
"
|
|
998
|
-
"attribute": "required",
|
|
971
|
+
"attribute": "isFullscreen",
|
|
999
972
|
"reflects": true
|
|
1000
|
-
}
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
"name": "setCustomValidity",
|
|
1004
|
-
"privacy": "public",
|
|
1005
|
-
"type": {
|
|
1006
|
-
"text": "string"
|
|
1007
|
-
},
|
|
1008
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1009
|
-
"attribute": "setCustomValidity"
|
|
1010
|
-
},
|
|
1011
|
-
{
|
|
1012
|
-
"kind": "field",
|
|
1013
|
-
"name": "setCustomValidityCustomError",
|
|
1014
|
-
"privacy": "public",
|
|
1015
|
-
"type": {
|
|
1016
|
-
"text": "string"
|
|
1017
|
-
},
|
|
1018
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1019
|
-
"attribute": "setCustomValidityCustomError"
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"kind": "field",
|
|
1023
|
-
"name": "setCustomValidityValueMissing",
|
|
1024
|
-
"privacy": "public",
|
|
1025
|
-
"type": {
|
|
1026
|
-
"text": "string"
|
|
1027
|
-
},
|
|
1028
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1029
|
-
"attribute": "setCustomValidityValueMissing"
|
|
1030
|
-
},
|
|
1031
|
-
{
|
|
1032
|
-
"kind": "field",
|
|
1033
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1034
|
-
"privacy": "public",
|
|
1035
|
-
"type": {
|
|
1036
|
-
"text": "string"
|
|
1037
|
-
},
|
|
1038
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1039
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1040
|
-
},
|
|
1041
|
-
{
|
|
1042
|
-
"kind": "field",
|
|
1043
|
-
"name": "touched",
|
|
1044
|
-
"privacy": "private",
|
|
1045
|
-
"type": {
|
|
1046
|
-
"text": "boolean"
|
|
1047
|
-
},
|
|
1048
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "field",
|
|
1052
|
-
"name": "triggerIcon",
|
|
1053
|
-
"privacy": "public",
|
|
1054
|
-
"type": {
|
|
1055
|
-
"text": "boolean"
|
|
1056
|
-
},
|
|
1057
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1058
|
-
"attribute": "triggerIcon",
|
|
1059
|
-
"reflects": true
|
|
1060
|
-
},
|
|
1061
|
-
{
|
|
1062
|
-
"kind": "field",
|
|
1063
|
-
"name": "type",
|
|
1064
|
-
"privacy": "public",
|
|
1065
|
-
"type": {
|
|
1066
|
-
"text": "string"
|
|
1067
|
-
},
|
|
1068
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1069
|
-
"attribute": "type",
|
|
1070
|
-
"reflects": true
|
|
1071
|
-
},
|
|
1072
|
-
{
|
|
1073
|
-
"kind": "field",
|
|
1074
|
-
"name": "typedValue",
|
|
1075
|
-
"privacy": "public",
|
|
1076
|
-
"type": {
|
|
1077
|
-
"text": "string"
|
|
1078
|
-
},
|
|
1079
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1080
|
-
"attribute": "typedValue",
|
|
1081
|
-
"reflects": true
|
|
1082
|
-
},
|
|
1083
|
-
{
|
|
1084
|
-
"kind": "field",
|
|
1085
|
-
"name": "validity",
|
|
1086
|
-
"privacy": "public",
|
|
1087
|
-
"type": {
|
|
1088
|
-
"text": "string"
|
|
1089
|
-
},
|
|
1090
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1091
|
-
"attribute": "validity",
|
|
1092
|
-
"reflects": true
|
|
1093
|
-
},
|
|
1094
|
-
{
|
|
1095
|
-
"kind": "field",
|
|
1096
|
-
"name": "value",
|
|
1097
|
-
"privacy": "public",
|
|
1098
|
-
"type": {
|
|
1099
|
-
"text": "string"
|
|
1100
|
-
},
|
|
1101
|
-
"description": "Value selected for the dropdown menu.",
|
|
1102
|
-
"attribute": "value"
|
|
1103
|
-
},
|
|
1104
|
-
{
|
|
1105
|
-
"kind": "field",
|
|
1106
|
-
"name": "largeFullscreenHeadline",
|
|
1107
|
-
"privacy": "public",
|
|
1108
|
-
"type": {
|
|
1109
|
-
"text": "boolean"
|
|
1110
|
-
},
|
|
1111
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1112
|
-
"attribute": "largeFullscreenHeadline",
|
|
1113
|
-
"reflects": true
|
|
1114
|
-
},
|
|
1115
|
-
{
|
|
1116
|
-
"kind": "field",
|
|
1117
|
-
"name": "fullscreenBreakpoint",
|
|
1118
|
-
"privacy": "public",
|
|
1119
|
-
"type": {
|
|
1120
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1121
|
-
},
|
|
1122
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1123
|
-
"default": "'sm'",
|
|
1124
|
-
"attribute": "fullscreenBreakpoint",
|
|
1125
|
-
"reflects": true
|
|
1126
|
-
},
|
|
1127
|
-
{
|
|
1128
|
-
"kind": "field",
|
|
1129
|
-
"name": "optionActive",
|
|
1130
|
-
"privacy": "private",
|
|
1131
|
-
"type": {
|
|
1132
|
-
"text": "object"
|
|
1133
|
-
},
|
|
1134
|
-
"description": "Specifies the currently active option."
|
|
1135
|
-
},
|
|
1136
|
-
{
|
|
1137
|
-
"kind": "field",
|
|
1138
|
-
"name": "triggerExpandedState",
|
|
1139
|
-
"privacy": "private",
|
|
1140
|
-
"type": {
|
|
1141
|
-
"text": "boolean"
|
|
1142
|
-
},
|
|
1143
|
-
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1144
|
-
},
|
|
1145
|
-
{
|
|
1146
|
-
"kind": "field",
|
|
1147
|
-
"name": "componentHasFocus",
|
|
1148
|
-
"description": "Returns true if the element has focus.",
|
|
1149
|
-
"privacy": "private",
|
|
1150
|
-
"return": {
|
|
1151
|
-
"type": {
|
|
1152
|
-
"text": "boolean"
|
|
1153
|
-
}
|
|
1154
|
-
},
|
|
1155
|
-
"readonly": true,
|
|
1156
|
-
"inheritedFrom": {
|
|
1157
|
-
"name": "AuroElement",
|
|
1158
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1159
|
-
}
|
|
1160
|
-
},
|
|
1161
|
-
{
|
|
1162
|
-
"kind": "method",
|
|
1163
|
-
"name": "resetShapeClasses",
|
|
1164
|
-
"inheritedFrom": {
|
|
1165
|
-
"name": "AuroElement",
|
|
1166
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1167
|
-
}
|
|
1168
|
-
},
|
|
1169
|
-
{
|
|
1170
|
-
"kind": "method",
|
|
1171
|
-
"name": "resetLayoutClasses",
|
|
1172
|
-
"inheritedFrom": {
|
|
1173
|
-
"name": "AuroElement",
|
|
1174
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1175
|
-
}
|
|
1176
|
-
},
|
|
1177
|
-
{
|
|
1178
|
-
"kind": "method",
|
|
1179
|
-
"name": "updateComponentArchitecture",
|
|
1180
|
-
"inheritedFrom": {
|
|
1181
|
-
"name": "AuroElement",
|
|
1182
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1183
|
-
}
|
|
1184
|
-
},
|
|
1185
|
-
{
|
|
1186
|
-
"kind": "field",
|
|
1187
|
-
"name": "shape",
|
|
1188
|
-
"privacy": "public",
|
|
1189
|
-
"type": {
|
|
1190
|
-
"text": "string"
|
|
1191
|
-
},
|
|
1192
|
-
"attribute": "shape",
|
|
1193
|
-
"reflects": true,
|
|
1194
|
-
"inheritedFrom": {
|
|
1195
|
-
"name": "AuroElement",
|
|
1196
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1197
|
-
}
|
|
1198
|
-
},
|
|
1199
|
-
{
|
|
1200
|
-
"kind": "field",
|
|
1201
|
-
"name": "size",
|
|
1202
|
-
"privacy": "public",
|
|
1203
|
-
"type": {
|
|
1204
|
-
"text": "string"
|
|
1205
|
-
},
|
|
1206
|
-
"attribute": "size",
|
|
1207
|
-
"reflects": true,
|
|
1208
|
-
"inheritedFrom": {
|
|
1209
|
-
"name": "AuroElement",
|
|
1210
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1211
|
-
}
|
|
1212
|
-
}
|
|
1213
|
-
],
|
|
1214
|
-
"events": [
|
|
1215
|
-
{
|
|
1216
|
-
"name": "inputValue",
|
|
1217
|
-
"type": {
|
|
1218
|
-
"text": "CustomEvent"
|
|
1219
|
-
},
|
|
1220
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1221
|
-
},
|
|
1222
|
-
{
|
|
1223
|
-
"name": "input",
|
|
1224
|
-
"type": {
|
|
1225
|
-
"text": "CustomEvent"
|
|
1226
|
-
},
|
|
1227
|
-
"description": "Notifies that the component has a new value set."
|
|
1228
|
-
},
|
|
1229
|
-
{
|
|
1230
|
-
"name": "auroCombobox-valueSet",
|
|
1231
|
-
"type": {
|
|
1232
|
-
"text": "CustomEvent"
|
|
1233
|
-
},
|
|
1234
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1235
|
-
},
|
|
1236
|
-
{
|
|
1237
|
-
"description": "Notifies that the component value(s) have been validated.",
|
|
1238
|
-
"name": "auroFormElement-validated"
|
|
1239
|
-
}
|
|
1240
|
-
],
|
|
1241
|
-
"attributes": [
|
|
1242
|
-
{
|
|
1243
|
-
"name": "appearance",
|
|
1244
|
-
"type": {
|
|
1245
|
-
"text": "string"
|
|
1246
|
-
},
|
|
1247
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1248
|
-
"default": "'default'",
|
|
1249
|
-
"fieldName": "appearance"
|
|
1250
|
-
},
|
|
1251
|
-
{
|
|
1252
|
-
"name": "autocomplete",
|
|
1253
|
-
"type": {
|
|
1254
|
-
"text": "string"
|
|
1255
|
-
},
|
|
1256
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1257
|
-
"fieldName": "autocomplete"
|
|
1258
|
-
},
|
|
1259
|
-
{
|
|
1260
|
-
"name": "autoPlacement",
|
|
1261
|
-
"type": {
|
|
1262
|
-
"text": "boolean"
|
|
1263
|
-
},
|
|
1264
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1265
|
-
"fieldName": "autoPlacement"
|
|
1266
|
-
},
|
|
1267
|
-
{
|
|
1268
|
-
"name": "availableOptions",
|
|
1269
|
-
"type": {
|
|
1270
|
-
"text": "array"
|
|
1271
|
-
},
|
|
1272
|
-
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1273
|
-
"fieldName": "availableOptions"
|
|
1274
|
-
},
|
|
1275
|
-
{
|
|
1276
|
-
"name": "behavior",
|
|
1277
|
-
"type": {
|
|
1278
|
-
"text": "'filter' | 'suggestion'"
|
|
1279
|
-
},
|
|
1280
|
-
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1281
|
-
"default": "'suggestion'",
|
|
1282
|
-
"fieldName": "behavior"
|
|
1283
|
-
},
|
|
1284
|
-
{
|
|
1285
|
-
"name": "checkmark",
|
|
1286
|
-
"type": {
|
|
1287
|
-
"text": "boolean"
|
|
1288
|
-
},
|
|
1289
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1290
|
-
"fieldName": "checkmark"
|
|
1291
|
-
},
|
|
1292
|
-
{
|
|
1293
|
-
"name": "disabled",
|
|
1294
|
-
"type": {
|
|
1295
|
-
"text": "boolean"
|
|
1296
|
-
},
|
|
1297
|
-
"description": "If set, disables the combobox.",
|
|
1298
|
-
"fieldName": "disabled"
|
|
1299
|
-
},
|
|
1300
|
-
{
|
|
1301
|
-
"name": "dvInputOnly",
|
|
1302
|
-
"type": {
|
|
1303
|
-
"text": "boolean"
|
|
1304
|
-
},
|
|
1305
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1306
|
-
"fieldName": "dvInputOnly"
|
|
1307
|
-
},
|
|
1308
|
-
{
|
|
1309
|
-
"name": "error",
|
|
1310
|
-
"type": {
|
|
1311
|
-
"text": "string"
|
|
1312
|
-
},
|
|
1313
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1314
|
-
"fieldName": "error"
|
|
1315
|
-
},
|
|
1316
|
-
{
|
|
1317
|
-
"name": "format",
|
|
1318
|
-
"type": {
|
|
1319
|
-
"text": "string"
|
|
1320
|
-
},
|
|
1321
|
-
"description": "Specifies the input mask format.",
|
|
1322
|
-
"fieldName": "format"
|
|
1323
|
-
},
|
|
1324
|
-
{
|
|
1325
|
-
"name": "inputmode",
|
|
1326
|
-
"type": {
|
|
1327
|
-
"text": "string"
|
|
1328
|
-
},
|
|
1329
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1330
|
-
"fieldName": "inputmode"
|
|
1331
|
-
},
|
|
1332
|
-
{
|
|
1333
|
-
"name": "layout",
|
|
1334
|
-
"type": {
|
|
1335
|
-
"text": "string"
|
|
1336
|
-
},
|
|
1337
|
-
"description": "Sets the layout of the combobox.",
|
|
1338
|
-
"default": "'classic'",
|
|
1339
|
-
"fieldName": "layout",
|
|
1340
|
-
"inheritedFrom": {
|
|
1341
|
-
"name": "AuroElement",
|
|
1342
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1343
|
-
}
|
|
1344
|
-
},
|
|
1345
|
-
{
|
|
1346
|
-
"name": "matchWidth",
|
|
1347
|
-
"type": {
|
|
1348
|
-
"text": "boolean"
|
|
1349
|
-
},
|
|
1350
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1351
|
-
"fieldName": "matchWidth"
|
|
1352
|
-
},
|
|
1353
|
-
{
|
|
1354
|
-
"name": "noFilter",
|
|
1355
|
-
"type": {
|
|
1356
|
-
"text": "boolean"
|
|
1357
|
-
},
|
|
1358
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1359
|
-
"fieldName": "noFilter"
|
|
1360
|
-
},
|
|
1361
|
-
{
|
|
1362
|
-
"name": "noFlip",
|
|
1363
|
-
"type": {
|
|
1364
|
-
"text": "boolean"
|
|
1365
|
-
},
|
|
1366
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1367
|
-
"fieldName": "noFlip"
|
|
1368
|
-
},
|
|
1369
|
-
{
|
|
1370
|
-
"name": "shift",
|
|
1371
|
-
"type": {
|
|
1372
|
-
"text": "boolean"
|
|
1373
|
-
},
|
|
1374
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1375
|
-
"fieldName": "shift"
|
|
1376
|
-
},
|
|
1377
|
-
{
|
|
1378
|
-
"name": "noValidate",
|
|
1379
|
-
"type": {
|
|
1380
|
-
"text": "boolean"
|
|
1381
|
-
},
|
|
1382
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1383
|
-
"fieldName": "noValidate"
|
|
1384
|
-
},
|
|
1385
|
-
{
|
|
1386
|
-
"name": "offset",
|
|
1387
|
-
"type": {
|
|
1388
|
-
"text": "number"
|
|
1389
|
-
},
|
|
1390
|
-
"description": "Gap between the trigger element and bib.",
|
|
1391
|
-
"default": "0",
|
|
1392
|
-
"fieldName": "offset"
|
|
1393
|
-
},
|
|
1394
|
-
{
|
|
1395
|
-
"name": "onDark",
|
|
1396
|
-
"type": {
|
|
1397
|
-
"text": "boolean"
|
|
1398
|
-
},
|
|
1399
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1400
|
-
"fieldName": "onDark"
|
|
1401
|
-
},
|
|
1402
|
-
{
|
|
1403
|
-
"name": "optionSelected",
|
|
1404
|
-
"type": {
|
|
1405
|
-
"text": "HTMLElement"
|
|
1406
|
-
},
|
|
1407
|
-
"description": "Specifies the current selected option.",
|
|
1408
|
-
"fieldName": "optionSelected"
|
|
1409
|
-
},
|
|
1410
|
-
{
|
|
1411
|
-
"name": "persistInput",
|
|
1412
|
-
"type": {
|
|
1413
|
-
"text": "boolean"
|
|
1414
|
-
},
|
|
1415
|
-
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1416
|
-
"fieldName": "persistInput"
|
|
1417
|
-
},
|
|
1418
|
-
{
|
|
1419
|
-
"name": "placement",
|
|
1420
|
-
"type": {
|
|
1421
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1422
|
-
},
|
|
1423
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1424
|
-
"default": "'bottom-start'",
|
|
1425
|
-
"fieldName": "placement"
|
|
1426
|
-
},
|
|
1427
|
-
{
|
|
1428
|
-
"name": "placeholder",
|
|
1429
|
-
"type": {
|
|
1430
|
-
"text": "string"
|
|
1431
|
-
},
|
|
1432
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1433
|
-
"fieldName": "placeholder"
|
|
1434
|
-
},
|
|
1435
|
-
{
|
|
1436
|
-
"name": "required",
|
|
1437
|
-
"type": {
|
|
1438
|
-
"text": "boolean"
|
|
1439
|
-
},
|
|
1440
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1441
|
-
"fieldName": "required"
|
|
1442
|
-
},
|
|
1443
|
-
{
|
|
1444
|
-
"name": "setCustomValidity",
|
|
1445
|
-
"type": {
|
|
1446
|
-
"text": "string"
|
|
1447
|
-
},
|
|
1448
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1449
|
-
"fieldName": "setCustomValidity"
|
|
1450
|
-
},
|
|
1451
|
-
{
|
|
1452
|
-
"name": "setCustomValidityCustomError",
|
|
1453
|
-
"type": {
|
|
1454
|
-
"text": "string"
|
|
1455
|
-
},
|
|
1456
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1457
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1458
|
-
},
|
|
1459
|
-
{
|
|
1460
|
-
"name": "setCustomValidityValueMissing",
|
|
1461
|
-
"type": {
|
|
1462
|
-
"text": "string"
|
|
1463
|
-
},
|
|
1464
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1465
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1466
|
-
},
|
|
1467
|
-
{
|
|
1468
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1469
|
-
"type": {
|
|
1470
|
-
"text": "string"
|
|
1471
|
-
},
|
|
1472
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1473
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1474
|
-
},
|
|
1475
|
-
{
|
|
1476
|
-
"name": "triggerIcon",
|
|
1477
|
-
"type": {
|
|
1478
|
-
"text": "boolean"
|
|
1479
|
-
},
|
|
1480
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1481
|
-
"fieldName": "triggerIcon"
|
|
1482
|
-
},
|
|
1483
|
-
{
|
|
1484
|
-
"name": "type",
|
|
1485
|
-
"type": {
|
|
1486
|
-
"text": "string"
|
|
1487
|
-
},
|
|
1488
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1489
|
-
"fieldName": "type"
|
|
1490
|
-
},
|
|
1491
|
-
{
|
|
1492
|
-
"name": "typedValue",
|
|
1493
|
-
"type": {
|
|
1494
|
-
"text": "string"
|
|
1495
|
-
},
|
|
1496
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1497
|
-
"fieldName": "typedValue"
|
|
1498
|
-
},
|
|
1499
|
-
{
|
|
1500
|
-
"name": "validity",
|
|
1501
|
-
"type": {
|
|
1502
|
-
"text": "string"
|
|
1503
|
-
},
|
|
1504
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1505
|
-
"fieldName": "validity"
|
|
1506
|
-
},
|
|
1507
|
-
{
|
|
1508
|
-
"name": "value",
|
|
1509
|
-
"type": {
|
|
1510
|
-
"text": "string"
|
|
1511
|
-
},
|
|
1512
|
-
"description": "Value selected for the dropdown menu.",
|
|
1513
|
-
"fieldName": "value"
|
|
1514
|
-
},
|
|
1515
|
-
{
|
|
1516
|
-
"name": "largeFullscreenHeadline",
|
|
1517
|
-
"type": {
|
|
1518
|
-
"text": "boolean"
|
|
1519
|
-
},
|
|
1520
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1521
|
-
"fieldName": "largeFullscreenHeadline"
|
|
1522
|
-
},
|
|
973
|
+
}
|
|
974
|
+
],
|
|
975
|
+
"events": [
|
|
1523
976
|
{
|
|
1524
|
-
"name": "
|
|
977
|
+
"name": "close-click",
|
|
1525
978
|
"type": {
|
|
1526
|
-
"text": "
|
|
1527
|
-
}
|
|
1528
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1529
|
-
"default": "'sm'",
|
|
1530
|
-
"fieldName": "fullscreenBreakpoint"
|
|
979
|
+
"text": "Event"
|
|
980
|
+
}
|
|
1531
981
|
},
|
|
1532
982
|
{
|
|
1533
|
-
"name": "
|
|
983
|
+
"name": "auro-bibtemplate-connected",
|
|
1534
984
|
"type": {
|
|
1535
|
-
"text": "
|
|
1536
|
-
},
|
|
1537
|
-
"fieldName": "shape",
|
|
1538
|
-
"inheritedFrom": {
|
|
1539
|
-
"name": "AuroElement",
|
|
1540
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
985
|
+
"text": "CustomEvent"
|
|
1541
986
|
}
|
|
1542
|
-
}
|
|
987
|
+
}
|
|
988
|
+
],
|
|
989
|
+
"attributes": [
|
|
1543
990
|
{
|
|
1544
|
-
"name": "
|
|
991
|
+
"name": "isFullscreen",
|
|
1545
992
|
"type": {
|
|
1546
|
-
"text": "
|
|
993
|
+
"text": "boolean"
|
|
1547
994
|
},
|
|
1548
|
-
"fieldName": "
|
|
1549
|
-
"inheritedFrom": {
|
|
1550
|
-
"name": "AuroElement",
|
|
1551
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1552
|
-
}
|
|
995
|
+
"fieldName": "isFullscreen"
|
|
1553
996
|
},
|
|
1554
997
|
{
|
|
1555
|
-
"name": "
|
|
998
|
+
"name": "large",
|
|
1556
999
|
"type": {
|
|
1557
1000
|
"text": "boolean"
|
|
1558
1001
|
},
|
|
1559
|
-
"
|
|
1560
|
-
"
|
|
1561
|
-
"name": "AuroElement",
|
|
1562
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1563
|
-
}
|
|
1002
|
+
"default": "false",
|
|
1003
|
+
"fieldName": "large"
|
|
1564
1004
|
}
|
|
1565
1005
|
],
|
|
1566
1006
|
"superclass": {
|
|
1567
|
-
"name": "
|
|
1568
|
-
"
|
|
1007
|
+
"name": "LitElement",
|
|
1008
|
+
"package": "lit"
|
|
1569
1009
|
},
|
|
1570
|
-
"tagName": "auro-
|
|
1010
|
+
"tagName": "auro-bibtemplate",
|
|
1571
1011
|
"customElement": true
|
|
1572
1012
|
}
|
|
1573
1013
|
],
|
|
1574
1014
|
"exports": [
|
|
1575
1015
|
{
|
|
1576
1016
|
"kind": "js",
|
|
1577
|
-
"name": "
|
|
1017
|
+
"name": "AuroBibtemplate",
|
|
1578
1018
|
"declaration": {
|
|
1579
|
-
"name": "
|
|
1580
|
-
"module": "components/
|
|
1019
|
+
"name": "AuroBibtemplate",
|
|
1020
|
+
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
1581
1021
|
}
|
|
1582
1022
|
}
|
|
1583
1023
|
]
|
|
1584
1024
|
},
|
|
1585
1025
|
{
|
|
1586
1026
|
"kind": "javascript-module",
|
|
1587
|
-
"path": "components/
|
|
1588
|
-
"declarations": [
|
|
1027
|
+
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
1028
|
+
"declarations": [],
|
|
1029
|
+
"exports": [
|
|
1589
1030
|
{
|
|
1590
|
-
"kind": "
|
|
1591
|
-
"name": "
|
|
1592
|
-
"
|
|
1593
|
-
"
|
|
1594
|
-
|
|
1595
|
-
|
|
1031
|
+
"kind": "js",
|
|
1032
|
+
"name": "default",
|
|
1033
|
+
"declaration": {
|
|
1034
|
+
"name": "12.3.2",
|
|
1035
|
+
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
1036
|
+
}
|
|
1596
1037
|
}
|
|
1597
|
-
]
|
|
1038
|
+
]
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"kind": "javascript-module",
|
|
1042
|
+
"path": "components/bibtemplate/src/headerVersion.js",
|
|
1043
|
+
"declarations": [],
|
|
1598
1044
|
"exports": [
|
|
1599
1045
|
{
|
|
1600
1046
|
"kind": "js",
|
|
1601
|
-
"name": "
|
|
1047
|
+
"name": "default",
|
|
1602
1048
|
"declaration": {
|
|
1603
|
-
"name": "
|
|
1604
|
-
"module": "components/
|
|
1049
|
+
"name": "5.0.1",
|
|
1050
|
+
"module": "components/bibtemplate/src/headerVersion.js"
|
|
1605
1051
|
}
|
|
1606
1052
|
}
|
|
1607
1053
|
]
|
|
1608
1054
|
},
|
|
1609
1055
|
{
|
|
1610
1056
|
"kind": "javascript-module",
|
|
1611
|
-
"path": "components/
|
|
1057
|
+
"path": "components/bibtemplate/src/iconVersion.js",
|
|
1612
1058
|
"declarations": [],
|
|
1613
1059
|
"exports": [
|
|
1614
1060
|
{
|
|
1615
1061
|
"kind": "js",
|
|
1616
|
-
"name": "
|
|
1062
|
+
"name": "default",
|
|
1617
1063
|
"declaration": {
|
|
1618
|
-
"name": "
|
|
1619
|
-
"module": "components/
|
|
1064
|
+
"name": "9.1.2",
|
|
1065
|
+
"module": "components/bibtemplate/src/iconVersion.js"
|
|
1620
1066
|
}
|
|
1621
1067
|
}
|
|
1622
1068
|
]
|
|
1623
1069
|
},
|
|
1624
1070
|
{
|
|
1625
1071
|
"kind": "javascript-module",
|
|
1626
|
-
"path": "components/
|
|
1072
|
+
"path": "components/bibtemplate/src/index.js",
|
|
1627
1073
|
"declarations": [],
|
|
1628
1074
|
"exports": [
|
|
1629
1075
|
{
|
|
1630
1076
|
"kind": "js",
|
|
1631
|
-
"name": "
|
|
1077
|
+
"name": "AuroBibtemplate",
|
|
1632
1078
|
"declaration": {
|
|
1633
|
-
"name": "
|
|
1634
|
-
"module": "components/
|
|
1079
|
+
"name": "AuroBibtemplate",
|
|
1080
|
+
"module": "components/bibtemplate/src/index.js"
|
|
1635
1081
|
}
|
|
1636
1082
|
}
|
|
1637
1083
|
]
|
|
1638
1084
|
},
|
|
1639
1085
|
{
|
|
1640
1086
|
"kind": "javascript-module",
|
|
1641
|
-
"path": "components/
|
|
1087
|
+
"path": "components/bibtemplate/src/registered.js",
|
|
1088
|
+
"declarations": [],
|
|
1089
|
+
"exports": []
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"kind": "javascript-module",
|
|
1093
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1642
1094
|
"declarations": [
|
|
1643
1095
|
{
|
|
1644
1096
|
"kind": "class",
|
|
1645
|
-
"description": "The `auro-
|
|
1646
|
-
"name": "
|
|
1097
|
+
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
1098
|
+
"name": "AuroCombobox",
|
|
1647
1099
|
"slots": [
|
|
1648
1100
|
{
|
|
1649
|
-
"description": "
|
|
1650
|
-
"name": "
|
|
1101
|
+
"description": "Default slot for the menu content.",
|
|
1102
|
+
"name": ""
|
|
1103
|
+
},
|
|
1104
|
+
{
|
|
1105
|
+
"type": {
|
|
1106
|
+
"text": "HTMLSlotElement"
|
|
1107
|
+
},
|
|
1108
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1109
|
+
"name": "optionalLabel"
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"description": "Sets aria-label on clear button",
|
|
1113
|
+
"name": "ariaLabel.input.clear"
|
|
1114
|
+
},
|
|
1115
|
+
{
|
|
1116
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1117
|
+
"name": "ariaLabel.bib.close"
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"description": "Defines the headline to display above menu-options",
|
|
1121
|
+
"name": "bib.fullscreen.headline"
|
|
1122
|
+
},
|
|
1123
|
+
{
|
|
1124
|
+
"description": "Defines the content of the label.",
|
|
1125
|
+
"name": "label"
|
|
1126
|
+
},
|
|
1127
|
+
{
|
|
1128
|
+
"description": "Defines the content of the helpText.",
|
|
1129
|
+
"name": "helpText"
|
|
1130
|
+
},
|
|
1131
|
+
{
|
|
1132
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1133
|
+
"name": "displayValue"
|
|
1134
|
+
}
|
|
1135
|
+
],
|
|
1136
|
+
"members": [
|
|
1137
|
+
{
|
|
1138
|
+
"kind": "method",
|
|
1139
|
+
"name": "_initializeDefaults",
|
|
1140
|
+
"privacy": "private",
|
|
1141
|
+
"return": {
|
|
1142
|
+
"type": {
|
|
1143
|
+
"text": "void"
|
|
1144
|
+
}
|
|
1145
|
+
}
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"kind": "field",
|
|
1149
|
+
"name": "inputValue",
|
|
1150
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1151
|
+
"return": {
|
|
1152
|
+
"type": {
|
|
1153
|
+
"text": "string|undefined"
|
|
1154
|
+
}
|
|
1155
|
+
},
|
|
1156
|
+
"readonly": true
|
|
1157
|
+
},
|
|
1158
|
+
{
|
|
1159
|
+
"kind": "method",
|
|
1160
|
+
"name": "isValid",
|
|
1161
|
+
"description": "Checks if the element is valid.",
|
|
1162
|
+
"return": {
|
|
1163
|
+
"type": {
|
|
1164
|
+
"text": "boolean"
|
|
1165
|
+
}
|
|
1166
|
+
}
|
|
1167
|
+
},
|
|
1168
|
+
{
|
|
1169
|
+
"kind": "method",
|
|
1170
|
+
"name": "register",
|
|
1171
|
+
"static": true,
|
|
1172
|
+
"parameters": [
|
|
1173
|
+
{
|
|
1174
|
+
"name": "name",
|
|
1175
|
+
"default": "'auro-combobox'",
|
|
1176
|
+
"description": "The name of the element that you want to register.",
|
|
1177
|
+
"optional": true,
|
|
1178
|
+
"type": {
|
|
1179
|
+
"text": "string"
|
|
1180
|
+
}
|
|
1181
|
+
}
|
|
1182
|
+
],
|
|
1183
|
+
"description": "This will register this element with the browser."
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"kind": "method",
|
|
1187
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1188
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1189
|
+
"privacy": "private",
|
|
1190
|
+
"return": {
|
|
1191
|
+
"type": {
|
|
1192
|
+
"text": "void"
|
|
1193
|
+
}
|
|
1194
|
+
}
|
|
1195
|
+
},
|
|
1196
|
+
{
|
|
1197
|
+
"kind": "method",
|
|
1198
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1199
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1200
|
+
"privacy": "private",
|
|
1201
|
+
"return": {
|
|
1202
|
+
"type": {
|
|
1203
|
+
"text": "void"
|
|
1204
|
+
}
|
|
1205
|
+
}
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"kind": "method",
|
|
1209
|
+
"name": "updateFilter",
|
|
1210
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1211
|
+
"privacy": "private"
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
"kind": "method",
|
|
1215
|
+
"name": "syncValuesAndStates",
|
|
1216
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1217
|
+
"privacy": "private",
|
|
1218
|
+
"return": {
|
|
1219
|
+
"type": {
|
|
1220
|
+
"text": "void"
|
|
1221
|
+
}
|
|
1222
|
+
}
|
|
1223
|
+
},
|
|
1224
|
+
{
|
|
1225
|
+
"kind": "method",
|
|
1226
|
+
"name": "updateTriggerTextDisplay",
|
|
1227
|
+
"parameters": [
|
|
1228
|
+
{
|
|
1229
|
+
"name": "label",
|
|
1230
|
+
"description": "The label of the selected option.",
|
|
1231
|
+
"type": {
|
|
1232
|
+
"text": "string"
|
|
1233
|
+
}
|
|
1234
|
+
}
|
|
1235
|
+
],
|
|
1236
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1237
|
+
"privacy": "private"
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"kind": "method",
|
|
1241
|
+
"name": "handleMenuOptions",
|
|
1242
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1243
|
+
"privacy": "private",
|
|
1244
|
+
"return": {
|
|
1245
|
+
"type": {
|
|
1246
|
+
"text": "void"
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"kind": "method",
|
|
1252
|
+
"name": "generateOptionsArray",
|
|
1253
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1254
|
+
"privacy": "private",
|
|
1255
|
+
"return": {
|
|
1256
|
+
"type": {
|
|
1257
|
+
"text": "void"
|
|
1258
|
+
}
|
|
1259
|
+
}
|
|
1651
1260
|
},
|
|
1652
1261
|
{
|
|
1653
|
-
"
|
|
1654
|
-
"name": "
|
|
1262
|
+
"kind": "method",
|
|
1263
|
+
"name": "hideBib",
|
|
1264
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1265
|
+
"return": {
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "void"
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1655
1270
|
},
|
|
1656
1271
|
{
|
|
1657
|
-
"
|
|
1658
|
-
"name": "
|
|
1272
|
+
"kind": "method",
|
|
1273
|
+
"name": "showBib",
|
|
1274
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1275
|
+
"return": {
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "void"
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1659
1280
|
},
|
|
1660
1281
|
{
|
|
1661
|
-
"
|
|
1662
|
-
"name": "
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "configureDropdown",
|
|
1284
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1285
|
+
"privacy": "private",
|
|
1286
|
+
"return": {
|
|
1287
|
+
"type": {
|
|
1288
|
+
"text": "void"
|
|
1289
|
+
}
|
|
1290
|
+
}
|
|
1291
|
+
},
|
|
1666
1292
|
{
|
|
1667
1293
|
"kind": "method",
|
|
1668
|
-
"name": "
|
|
1294
|
+
"name": "setClearBtnFocus",
|
|
1295
|
+
"privacy": "private"
|
|
1669
1296
|
},
|
|
1670
1297
|
{
|
|
1671
1298
|
"kind": "method",
|
|
1672
|
-
"name": "
|
|
1673
|
-
"
|
|
1299
|
+
"name": "setTriggerInputFocus",
|
|
1300
|
+
"privacy": "private"
|
|
1301
|
+
},
|
|
1302
|
+
{
|
|
1303
|
+
"kind": "method",
|
|
1304
|
+
"name": "setInputFocus",
|
|
1305
|
+
"privacy": "private"
|
|
1306
|
+
},
|
|
1307
|
+
{
|
|
1308
|
+
"kind": "method",
|
|
1309
|
+
"name": "updateBibDialogRole",
|
|
1310
|
+
"description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
|
|
1311
|
+
"privacy": "private"
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"kind": "method",
|
|
1315
|
+
"name": "updateMenuShapeSize",
|
|
1316
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1317
|
+
"privacy": "private"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"kind": "method",
|
|
1321
|
+
"name": "_getAnnouncementRoot",
|
|
1322
|
+
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
1323
|
+
"privacy": "private",
|
|
1324
|
+
"return": {
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "ShadowRoot"
|
|
1327
|
+
}
|
|
1328
|
+
}
|
|
1329
|
+
},
|
|
1330
|
+
{
|
|
1331
|
+
"kind": "method",
|
|
1332
|
+
"name": "configureMenu",
|
|
1333
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1334
|
+
"privacy": "private",
|
|
1335
|
+
"return": {
|
|
1336
|
+
"type": {
|
|
1337
|
+
"text": "void"
|
|
1338
|
+
}
|
|
1339
|
+
}
|
|
1340
|
+
},
|
|
1341
|
+
{
|
|
1342
|
+
"kind": "method",
|
|
1343
|
+
"name": "configureInput",
|
|
1344
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1345
|
+
"privacy": "private",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
"kind": "method",
|
|
1354
|
+
"name": "handleMenuLoadingChange",
|
|
1674
1355
|
"parameters": [
|
|
1675
1356
|
{
|
|
1676
|
-
"name": "
|
|
1677
|
-
"
|
|
1678
|
-
"description": "The name of the element that you want to register.",
|
|
1679
|
-
"optional": true,
|
|
1357
|
+
"name": "event",
|
|
1358
|
+
"description": "The event object containing details about the loading state change.",
|
|
1680
1359
|
"type": {
|
|
1681
|
-
"text": "
|
|
1360
|
+
"text": "CustomEvent"
|
|
1361
|
+
}
|
|
1362
|
+
},
|
|
1363
|
+
{
|
|
1364
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1365
|
+
"name": "event.detail.loading",
|
|
1366
|
+
"type": {
|
|
1367
|
+
"text": "boolean"
|
|
1368
|
+
}
|
|
1369
|
+
},
|
|
1370
|
+
{
|
|
1371
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1372
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1373
|
+
"type": {
|
|
1374
|
+
"text": "boolean"
|
|
1682
1375
|
}
|
|
1683
1376
|
}
|
|
1684
1377
|
],
|
|
1685
|
-
"description": "
|
|
1378
|
+
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1379
|
+
"privacy": "private",
|
|
1380
|
+
"return": {
|
|
1381
|
+
"type": {
|
|
1382
|
+
"text": "void"
|
|
1383
|
+
}
|
|
1384
|
+
}
|
|
1686
1385
|
},
|
|
1687
1386
|
{
|
|
1688
1387
|
"kind": "method",
|
|
1689
|
-
"name": "
|
|
1388
|
+
"name": "handleInputValueChange",
|
|
1690
1389
|
"parameters": [
|
|
1691
1390
|
{
|
|
1692
|
-
"name": "
|
|
1693
|
-
"description": "The
|
|
1391
|
+
"name": "event",
|
|
1392
|
+
"description": "The input event triggered by the input element.",
|
|
1694
1393
|
"type": {
|
|
1695
|
-
"text": "
|
|
1394
|
+
"text": "Event"
|
|
1696
1395
|
}
|
|
1697
|
-
}
|
|
1396
|
+
}
|
|
1397
|
+
],
|
|
1398
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1399
|
+
"privacy": "private",
|
|
1400
|
+
"return": {
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "void"
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"kind": "method",
|
|
1408
|
+
"name": "configureCombobox",
|
|
1409
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1410
|
+
"privacy": "private",
|
|
1411
|
+
"return": {
|
|
1412
|
+
"type": {
|
|
1413
|
+
"text": "void"
|
|
1414
|
+
}
|
|
1415
|
+
}
|
|
1416
|
+
},
|
|
1417
|
+
{
|
|
1418
|
+
"kind": "method",
|
|
1419
|
+
"name": "focus",
|
|
1420
|
+
"description": "Focuses the combobox trigger input.",
|
|
1421
|
+
"return": {
|
|
1422
|
+
"type": {
|
|
1423
|
+
"text": "void"
|
|
1424
|
+
}
|
|
1425
|
+
}
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"kind": "method",
|
|
1429
|
+
"name": "setMenuValue",
|
|
1430
|
+
"parameters": [
|
|
1698
1431
|
{
|
|
1699
|
-
"name": "
|
|
1700
|
-
"description": "The
|
|
1432
|
+
"name": "value",
|
|
1433
|
+
"description": "The value to set on the menu.",
|
|
1701
1434
|
"type": {
|
|
1702
|
-
"text": "
|
|
1435
|
+
"text": "string"
|
|
1703
1436
|
}
|
|
1704
1437
|
}
|
|
1705
1438
|
],
|
|
1706
|
-
"description": "
|
|
1707
|
-
"privacy": "private",
|
|
1439
|
+
"description": "Sets the menu value if menu is available.",
|
|
1708
1440
|
"return": {
|
|
1709
1441
|
"type": {
|
|
1710
1442
|
"text": "void"
|
|
@@ -1713,9 +1445,8 @@
|
|
|
1713
1445
|
},
|
|
1714
1446
|
{
|
|
1715
1447
|
"kind": "method",
|
|
1716
|
-
"name": "
|
|
1717
|
-
"description": "
|
|
1718
|
-
"privacy": "private",
|
|
1448
|
+
"name": "reset",
|
|
1449
|
+
"description": "Resets component to initial state.",
|
|
1719
1450
|
"return": {
|
|
1720
1451
|
"type": {
|
|
1721
1452
|
"text": "void"
|
|
@@ -1724,8 +1455,57 @@
|
|
|
1724
1455
|
},
|
|
1725
1456
|
{
|
|
1726
1457
|
"kind": "method",
|
|
1727
|
-
"name": "
|
|
1728
|
-
"description": "
|
|
1458
|
+
"name": "clear",
|
|
1459
|
+
"description": "Clears the current value of the combobox.",
|
|
1460
|
+
"return": {
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "void"
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"kind": "method",
|
|
1468
|
+
"name": "validate",
|
|
1469
|
+
"parameters": [
|
|
1470
|
+
{
|
|
1471
|
+
"name": "force",
|
|
1472
|
+
"default": "false",
|
|
1473
|
+
"description": "Whether to force validation.",
|
|
1474
|
+
"optional": true,
|
|
1475
|
+
"type": {
|
|
1476
|
+
"text": "boolean"
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
],
|
|
1480
|
+
"description": "Validates value."
|
|
1481
|
+
},
|
|
1482
|
+
{
|
|
1483
|
+
"kind": "method",
|
|
1484
|
+
"name": "transportAssignedNodes",
|
|
1485
|
+
"parameters": [
|
|
1486
|
+
{
|
|
1487
|
+
"name": "slot",
|
|
1488
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "HTMLSlotElement"
|
|
1491
|
+
}
|
|
1492
|
+
},
|
|
1493
|
+
{
|
|
1494
|
+
"name": "target",
|
|
1495
|
+
"description": "The target element to apply the nodes to.",
|
|
1496
|
+
"type": {
|
|
1497
|
+
"text": "HTMLElement"
|
|
1498
|
+
}
|
|
1499
|
+
},
|
|
1500
|
+
{
|
|
1501
|
+
"name": "newSlotName",
|
|
1502
|
+
"description": "The new slot name for the applied nodes.",
|
|
1503
|
+
"type": {
|
|
1504
|
+
"text": "string"
|
|
1505
|
+
}
|
|
1506
|
+
}
|
|
1507
|
+
],
|
|
1508
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1729
1509
|
"privacy": "private",
|
|
1730
1510
|
"return": {
|
|
1731
1511
|
"type": {
|
|
@@ -1735,42 +1515,105 @@
|
|
|
1735
1515
|
},
|
|
1736
1516
|
{
|
|
1737
1517
|
"kind": "method",
|
|
1738
|
-
"name": "
|
|
1739
|
-
"
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
"
|
|
1518
|
+
"name": "updateActiveOption",
|
|
1519
|
+
"parameters": [
|
|
1520
|
+
{
|
|
1521
|
+
"name": "index",
|
|
1522
|
+
"description": "Index of the option to make active.",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "number"
|
|
1525
|
+
}
|
|
1743
1526
|
}
|
|
1744
|
-
|
|
1527
|
+
],
|
|
1528
|
+
"description": "Updates the active option in the menu."
|
|
1745
1529
|
},
|
|
1746
1530
|
{
|
|
1747
1531
|
"kind": "method",
|
|
1748
|
-
"name": "
|
|
1532
|
+
"name": "handleSlotChange",
|
|
1749
1533
|
"parameters": [
|
|
1750
1534
|
{
|
|
1751
|
-
"name": "
|
|
1752
|
-
"
|
|
1753
|
-
"description": "Whether to force validation.",
|
|
1754
|
-
"optional": true,
|
|
1535
|
+
"name": "event",
|
|
1536
|
+
"description": "`slotchange` event.",
|
|
1755
1537
|
"type": {
|
|
1756
|
-
"text": "
|
|
1538
|
+
"text": "Event"
|
|
1757
1539
|
}
|
|
1758
1540
|
}
|
|
1759
1541
|
],
|
|
1760
|
-
"description": "
|
|
1542
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1543
|
+
"privacy": "private",
|
|
1544
|
+
"return": {
|
|
1545
|
+
"type": {
|
|
1546
|
+
"text": "void"
|
|
1547
|
+
}
|
|
1548
|
+
}
|
|
1761
1549
|
},
|
|
1762
1550
|
{
|
|
1763
1551
|
"kind": "field",
|
|
1764
1552
|
"name": "appearance",
|
|
1765
1553
|
"privacy": "public",
|
|
1766
1554
|
"type": {
|
|
1767
|
-
"text": "
|
|
1555
|
+
"text": "string"
|
|
1768
1556
|
},
|
|
1769
1557
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1770
1558
|
"default": "'default'",
|
|
1771
1559
|
"attribute": "appearance",
|
|
1772
1560
|
"reflects": true
|
|
1773
1561
|
},
|
|
1562
|
+
{
|
|
1563
|
+
"kind": "field",
|
|
1564
|
+
"name": "autocomplete",
|
|
1565
|
+
"privacy": "public",
|
|
1566
|
+
"type": {
|
|
1567
|
+
"text": "string"
|
|
1568
|
+
},
|
|
1569
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1570
|
+
"attribute": "autocomplete",
|
|
1571
|
+
"reflects": true
|
|
1572
|
+
},
|
|
1573
|
+
{
|
|
1574
|
+
"kind": "field",
|
|
1575
|
+
"name": "autoPlacement",
|
|
1576
|
+
"privacy": "public",
|
|
1577
|
+
"type": {
|
|
1578
|
+
"text": "boolean"
|
|
1579
|
+
},
|
|
1580
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1581
|
+
"attribute": "autoPlacement",
|
|
1582
|
+
"reflects": true
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"kind": "field",
|
|
1586
|
+
"name": "availableOptions",
|
|
1587
|
+
"privacy": "private",
|
|
1588
|
+
"type": {
|
|
1589
|
+
"text": "array"
|
|
1590
|
+
},
|
|
1591
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1592
|
+
"attribute": "availableOptions"
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"kind": "field",
|
|
1596
|
+
"name": "behavior",
|
|
1597
|
+
"privacy": "public",
|
|
1598
|
+
"type": {
|
|
1599
|
+
"text": "'filter' | 'suggestion'"
|
|
1600
|
+
},
|
|
1601
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1602
|
+
"default": "'suggestion'",
|
|
1603
|
+
"attribute": "behavior",
|
|
1604
|
+
"reflects": true
|
|
1605
|
+
},
|
|
1606
|
+
{
|
|
1607
|
+
"kind": "field",
|
|
1608
|
+
"name": "checkmark",
|
|
1609
|
+
"privacy": "public",
|
|
1610
|
+
"type": {
|
|
1611
|
+
"text": "boolean"
|
|
1612
|
+
},
|
|
1613
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1614
|
+
"attribute": "checkmark",
|
|
1615
|
+
"reflects": true
|
|
1616
|
+
},
|
|
1774
1617
|
{
|
|
1775
1618
|
"kind": "field",
|
|
1776
1619
|
"name": "disabled",
|
|
@@ -1778,10 +1621,39 @@
|
|
|
1778
1621
|
"type": {
|
|
1779
1622
|
"text": "boolean"
|
|
1780
1623
|
},
|
|
1781
|
-
"description": "If set, disables the
|
|
1624
|
+
"description": "If set, disables the combobox.",
|
|
1782
1625
|
"attribute": "disabled",
|
|
1783
1626
|
"reflects": true
|
|
1784
1627
|
},
|
|
1628
|
+
{
|
|
1629
|
+
"kind": "field",
|
|
1630
|
+
"name": "dropdownId",
|
|
1631
|
+
"privacy": "private",
|
|
1632
|
+
"type": {
|
|
1633
|
+
"text": "string"
|
|
1634
|
+
},
|
|
1635
|
+
"description": "ID for the dropdown."
|
|
1636
|
+
},
|
|
1637
|
+
{
|
|
1638
|
+
"kind": "field",
|
|
1639
|
+
"name": "dropdownOpen",
|
|
1640
|
+
"privacy": "private",
|
|
1641
|
+
"type": {
|
|
1642
|
+
"text": "boolean"
|
|
1643
|
+
},
|
|
1644
|
+
"description": "Whether or not the dropdown is open."
|
|
1645
|
+
},
|
|
1646
|
+
{
|
|
1647
|
+
"kind": "field",
|
|
1648
|
+
"name": "dvInputOnly",
|
|
1649
|
+
"privacy": "public",
|
|
1650
|
+
"type": {
|
|
1651
|
+
"text": "boolean"
|
|
1652
|
+
},
|
|
1653
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1654
|
+
"attribute": "dvInputOnly",
|
|
1655
|
+
"reflects": true
|
|
1656
|
+
},
|
|
1785
1657
|
{
|
|
1786
1658
|
"kind": "field",
|
|
1787
1659
|
"name": "error",
|
|
@@ -1795,13 +1667,84 @@
|
|
|
1795
1667
|
},
|
|
1796
1668
|
{
|
|
1797
1669
|
"kind": "field",
|
|
1798
|
-
"name": "
|
|
1670
|
+
"name": "format",
|
|
1671
|
+
"privacy": "public",
|
|
1672
|
+
"type": {
|
|
1673
|
+
"text": "string"
|
|
1674
|
+
},
|
|
1675
|
+
"description": "Specifies the input mask format.",
|
|
1676
|
+
"attribute": "format",
|
|
1677
|
+
"reflects": true
|
|
1678
|
+
},
|
|
1679
|
+
{
|
|
1680
|
+
"kind": "field",
|
|
1681
|
+
"name": "inputmode",
|
|
1682
|
+
"privacy": "public",
|
|
1683
|
+
"type": {
|
|
1684
|
+
"text": "string"
|
|
1685
|
+
},
|
|
1686
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1687
|
+
"attribute": "inputmode",
|
|
1688
|
+
"reflects": true
|
|
1689
|
+
},
|
|
1690
|
+
{
|
|
1691
|
+
"kind": "field",
|
|
1692
|
+
"name": "layout",
|
|
1693
|
+
"privacy": "public",
|
|
1694
|
+
"type": {
|
|
1695
|
+
"text": "string"
|
|
1696
|
+
},
|
|
1697
|
+
"description": "Sets the layout of the combobox.",
|
|
1698
|
+
"default": "'classic'",
|
|
1699
|
+
"attribute": "layout",
|
|
1700
|
+
"reflects": true,
|
|
1701
|
+
"inheritedFrom": {
|
|
1702
|
+
"name": "AuroElement",
|
|
1703
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1704
|
+
}
|
|
1705
|
+
},
|
|
1706
|
+
{
|
|
1707
|
+
"kind": "field",
|
|
1708
|
+
"name": "matchWidth",
|
|
1709
|
+
"privacy": "private",
|
|
1710
|
+
"type": {
|
|
1711
|
+
"text": "boolean"
|
|
1712
|
+
},
|
|
1713
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1714
|
+
"attribute": "matchWidth",
|
|
1715
|
+
"reflects": true
|
|
1716
|
+
},
|
|
1717
|
+
{
|
|
1718
|
+
"kind": "field",
|
|
1719
|
+
"name": "noFilter",
|
|
1799
1720
|
"privacy": "public",
|
|
1800
1721
|
"type": {
|
|
1801
1722
|
"text": "boolean"
|
|
1802
1723
|
},
|
|
1803
|
-
"description": "If set,
|
|
1804
|
-
"attribute": "
|
|
1724
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1725
|
+
"attribute": "noFilter",
|
|
1726
|
+
"reflects": true
|
|
1727
|
+
},
|
|
1728
|
+
{
|
|
1729
|
+
"kind": "field",
|
|
1730
|
+
"name": "noFlip",
|
|
1731
|
+
"privacy": "public",
|
|
1732
|
+
"type": {
|
|
1733
|
+
"text": "boolean"
|
|
1734
|
+
},
|
|
1735
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1736
|
+
"attribute": "noFlip",
|
|
1737
|
+
"reflects": true
|
|
1738
|
+
},
|
|
1739
|
+
{
|
|
1740
|
+
"kind": "field",
|
|
1741
|
+
"name": "shift",
|
|
1742
|
+
"privacy": "public",
|
|
1743
|
+
"type": {
|
|
1744
|
+
"text": "boolean"
|
|
1745
|
+
},
|
|
1746
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1747
|
+
"attribute": "shift",
|
|
1805
1748
|
"reflects": true
|
|
1806
1749
|
},
|
|
1807
1750
|
{
|
|
@@ -1817,13 +1760,73 @@
|
|
|
1817
1760
|
},
|
|
1818
1761
|
{
|
|
1819
1762
|
"kind": "field",
|
|
1820
|
-
"name": "
|
|
1763
|
+
"name": "offset",
|
|
1764
|
+
"privacy": "public",
|
|
1765
|
+
"type": {
|
|
1766
|
+
"text": "number"
|
|
1767
|
+
},
|
|
1768
|
+
"description": "Gap between the trigger element and bib.",
|
|
1769
|
+
"default": "0",
|
|
1770
|
+
"attribute": "offset",
|
|
1771
|
+
"reflects": true
|
|
1772
|
+
},
|
|
1773
|
+
{
|
|
1774
|
+
"kind": "field",
|
|
1775
|
+
"name": "onDark",
|
|
1776
|
+
"privacy": "public",
|
|
1777
|
+
"type": {
|
|
1778
|
+
"text": "boolean"
|
|
1779
|
+
},
|
|
1780
|
+
"attribute": "onDark",
|
|
1781
|
+
"reflects": true,
|
|
1782
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1783
|
+
"inheritedFrom": {
|
|
1784
|
+
"name": "AuroElement",
|
|
1785
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1786
|
+
}
|
|
1787
|
+
},
|
|
1788
|
+
{
|
|
1789
|
+
"kind": "field",
|
|
1790
|
+
"name": "optionSelected",
|
|
1791
|
+
"privacy": "public",
|
|
1792
|
+
"type": {
|
|
1793
|
+
"text": "HTMLElement"
|
|
1794
|
+
},
|
|
1795
|
+
"description": "Specifies the current selected option.",
|
|
1796
|
+
"attribute": "optionSelected"
|
|
1797
|
+
},
|
|
1798
|
+
{
|
|
1799
|
+
"kind": "field",
|
|
1800
|
+
"name": "persistInput",
|
|
1801
|
+
"privacy": "public",
|
|
1802
|
+
"type": {
|
|
1803
|
+
"text": "boolean"
|
|
1804
|
+
},
|
|
1805
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1806
|
+
"attribute": "persistInput",
|
|
1807
|
+
"reflects": true
|
|
1808
|
+
},
|
|
1809
|
+
{
|
|
1810
|
+
"kind": "field",
|
|
1811
|
+
"name": "placement",
|
|
1812
|
+
"privacy": "public",
|
|
1813
|
+
"type": {
|
|
1814
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1815
|
+
},
|
|
1816
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1817
|
+
"default": "'bottom-start'",
|
|
1818
|
+
"attribute": "placement",
|
|
1819
|
+
"reflects": true
|
|
1820
|
+
},
|
|
1821
|
+
{
|
|
1822
|
+
"kind": "field",
|
|
1823
|
+
"name": "placeholder",
|
|
1821
1824
|
"privacy": "public",
|
|
1822
1825
|
"type": {
|
|
1823
|
-
"text": "
|
|
1826
|
+
"text": "string"
|
|
1824
1827
|
},
|
|
1825
|
-
"description": "
|
|
1826
|
-
"attribute": "
|
|
1828
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1829
|
+
"attribute": "placeholder",
|
|
1827
1830
|
"reflects": true
|
|
1828
1831
|
},
|
|
1829
1832
|
{
|
|
@@ -1833,7 +1836,7 @@
|
|
|
1833
1836
|
"type": {
|
|
1834
1837
|
"text": "boolean"
|
|
1835
1838
|
},
|
|
1836
|
-
"description": "Populates the `required` attribute on the
|
|
1839
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1837
1840
|
"attribute": "required",
|
|
1838
1841
|
"reflects": true
|
|
1839
1842
|
},
|
|
@@ -1869,614 +1872,611 @@
|
|
|
1869
1872
|
},
|
|
1870
1873
|
{
|
|
1871
1874
|
"kind": "field",
|
|
1872
|
-
"name": "
|
|
1875
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1873
1876
|
"privacy": "public",
|
|
1874
1877
|
"type": {
|
|
1875
1878
|
"text": "string"
|
|
1876
1879
|
},
|
|
1877
|
-
"description": "
|
|
1878
|
-
"attribute": "
|
|
1879
|
-
"reflects": true
|
|
1880
|
-
}
|
|
1881
|
-
],
|
|
1882
|
-
"events": [
|
|
1883
|
-
{
|
|
1884
|
-
"name": "input",
|
|
1885
|
-
"type": {
|
|
1886
|
-
"text": "CustomEvent"
|
|
1887
|
-
}
|
|
1880
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1881
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1888
1882
|
},
|
|
1889
1883
|
{
|
|
1890
|
-
"
|
|
1891
|
-
"name": "
|
|
1892
|
-
|
|
1893
|
-
],
|
|
1894
|
-
"attributes": [
|
|
1895
|
-
{
|
|
1896
|
-
"name": "appearance",
|
|
1884
|
+
"kind": "field",
|
|
1885
|
+
"name": "touched",
|
|
1886
|
+
"privacy": "private",
|
|
1897
1887
|
"type": {
|
|
1898
|
-
"text": "
|
|
1888
|
+
"text": "boolean"
|
|
1899
1889
|
},
|
|
1900
|
-
"description": "
|
|
1901
|
-
"default": "'default'",
|
|
1902
|
-
"fieldName": "appearance"
|
|
1890
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1903
1891
|
},
|
|
1904
1892
|
{
|
|
1905
|
-
"
|
|
1893
|
+
"kind": "field",
|
|
1894
|
+
"name": "triggerIcon",
|
|
1895
|
+
"privacy": "public",
|
|
1906
1896
|
"type": {
|
|
1907
1897
|
"text": "boolean"
|
|
1908
1898
|
},
|
|
1909
|
-
"description": "If set,
|
|
1910
|
-
"
|
|
1899
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1900
|
+
"attribute": "triggerIcon",
|
|
1901
|
+
"reflects": true
|
|
1911
1902
|
},
|
|
1912
1903
|
{
|
|
1913
|
-
"
|
|
1904
|
+
"kind": "field",
|
|
1905
|
+
"name": "type",
|
|
1906
|
+
"privacy": "public",
|
|
1914
1907
|
"type": {
|
|
1915
1908
|
"text": "string"
|
|
1916
1909
|
},
|
|
1917
|
-
"description": "
|
|
1918
|
-
"
|
|
1910
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1911
|
+
"attribute": "type",
|
|
1912
|
+
"reflects": true
|
|
1919
1913
|
},
|
|
1920
1914
|
{
|
|
1921
|
-
"
|
|
1915
|
+
"kind": "field",
|
|
1916
|
+
"name": "typedValue",
|
|
1917
|
+
"privacy": "public",
|
|
1922
1918
|
"type": {
|
|
1923
|
-
"text": "
|
|
1919
|
+
"text": "string"
|
|
1924
1920
|
},
|
|
1925
|
-
"description": "
|
|
1926
|
-
"
|
|
1921
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1922
|
+
"attribute": "typedValue",
|
|
1923
|
+
"reflects": true
|
|
1927
1924
|
},
|
|
1928
1925
|
{
|
|
1929
|
-
"
|
|
1926
|
+
"kind": "field",
|
|
1927
|
+
"name": "validity",
|
|
1928
|
+
"privacy": "public",
|
|
1930
1929
|
"type": {
|
|
1931
|
-
"text": "
|
|
1930
|
+
"text": "string"
|
|
1932
1931
|
},
|
|
1933
|
-
"description": "
|
|
1934
|
-
"
|
|
1932
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1933
|
+
"attribute": "validity",
|
|
1934
|
+
"reflects": true
|
|
1935
1935
|
},
|
|
1936
1936
|
{
|
|
1937
|
-
"
|
|
1937
|
+
"kind": "field",
|
|
1938
|
+
"name": "value",
|
|
1939
|
+
"privacy": "public",
|
|
1938
1940
|
"type": {
|
|
1939
|
-
"text": "
|
|
1941
|
+
"text": "string"
|
|
1940
1942
|
},
|
|
1941
|
-
"description": "
|
|
1942
|
-
"
|
|
1943
|
+
"description": "Value selected for the dropdown menu.",
|
|
1944
|
+
"attribute": "value"
|
|
1943
1945
|
},
|
|
1944
1946
|
{
|
|
1945
|
-
"
|
|
1947
|
+
"kind": "field",
|
|
1948
|
+
"name": "largeFullscreenHeadline",
|
|
1949
|
+
"privacy": "public",
|
|
1946
1950
|
"type": {
|
|
1947
1951
|
"text": "boolean"
|
|
1948
1952
|
},
|
|
1949
|
-
"description": "
|
|
1950
|
-
"
|
|
1951
|
-
|
|
1952
|
-
{
|
|
1953
|
-
"name": "setCustomValidity",
|
|
1954
|
-
"type": {
|
|
1955
|
-
"text": "string"
|
|
1956
|
-
},
|
|
1957
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1958
|
-
"fieldName": "setCustomValidity"
|
|
1953
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1954
|
+
"attribute": "largeFullscreenHeadline",
|
|
1955
|
+
"reflects": true
|
|
1959
1956
|
},
|
|
1960
1957
|
{
|
|
1961
|
-
"
|
|
1958
|
+
"kind": "field",
|
|
1959
|
+
"name": "fullscreenBreakpoint",
|
|
1960
|
+
"privacy": "public",
|
|
1962
1961
|
"type": {
|
|
1963
|
-
"text": "
|
|
1962
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1964
1963
|
},
|
|
1965
|
-
"description": "
|
|
1966
|
-
"
|
|
1964
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1965
|
+
"default": "'sm'",
|
|
1966
|
+
"attribute": "fullscreenBreakpoint",
|
|
1967
|
+
"reflects": true
|
|
1967
1968
|
},
|
|
1968
1969
|
{
|
|
1969
|
-
"
|
|
1970
|
+
"kind": "field",
|
|
1971
|
+
"name": "optionActive",
|
|
1972
|
+
"privacy": "private",
|
|
1970
1973
|
"type": {
|
|
1971
|
-
"text": "
|
|
1974
|
+
"text": "object"
|
|
1972
1975
|
},
|
|
1973
|
-
"description": "
|
|
1974
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1976
|
+
"description": "Specifies the currently active option."
|
|
1975
1977
|
},
|
|
1976
1978
|
{
|
|
1977
|
-
"
|
|
1979
|
+
"kind": "field",
|
|
1980
|
+
"name": "triggerExpandedState",
|
|
1981
|
+
"privacy": "private",
|
|
1978
1982
|
"type": {
|
|
1979
|
-
"text": "
|
|
1983
|
+
"text": "boolean"
|
|
1980
1984
|
},
|
|
1981
|
-
"description": "
|
|
1982
|
-
"fieldName": "validity"
|
|
1983
|
-
}
|
|
1984
|
-
],
|
|
1985
|
-
"superclass": {
|
|
1986
|
-
"name": "LitElement",
|
|
1987
|
-
"package": "lit"
|
|
1988
|
-
},
|
|
1989
|
-
"tagName": "auro-checkbox-group",
|
|
1990
|
-
"customElement": true
|
|
1991
|
-
}
|
|
1992
|
-
],
|
|
1993
|
-
"exports": [
|
|
1994
|
-
{
|
|
1995
|
-
"kind": "js",
|
|
1996
|
-
"name": "AuroCheckboxGroup",
|
|
1997
|
-
"declaration": {
|
|
1998
|
-
"name": "AuroCheckboxGroup",
|
|
1999
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2000
|
-
}
|
|
2001
|
-
}
|
|
2002
|
-
]
|
|
2003
|
-
},
|
|
2004
|
-
{
|
|
2005
|
-
"kind": "javascript-module",
|
|
2006
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2007
|
-
"declarations": [
|
|
2008
|
-
{
|
|
2009
|
-
"kind": "class",
|
|
2010
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2011
|
-
"name": "AuroCheckbox",
|
|
2012
|
-
"cssParts": [
|
|
2013
|
-
{
|
|
2014
|
-
"description": "apply css to a specific checkbox.",
|
|
2015
|
-
"name": "checkbox"
|
|
2016
|
-
},
|
|
2017
|
-
{
|
|
2018
|
-
"description": "apply css to a specific checkbox's input.",
|
|
2019
|
-
"name": "checkbox-input"
|
|
2020
|
-
},
|
|
2021
|
-
{
|
|
2022
|
-
"description": "apply css to a specific checkbox's label.",
|
|
2023
|
-
"name": "checkbox-label"
|
|
2024
|
-
}
|
|
2025
|
-
],
|
|
2026
|
-
"slots": [
|
|
2027
|
-
{
|
|
2028
|
-
"description": "The default slot for the checkbox label.",
|
|
2029
|
-
"name": "default"
|
|
2030
|
-
}
|
|
2031
|
-
],
|
|
2032
|
-
"members": [
|
|
2033
|
-
{
|
|
2034
|
-
"kind": "method",
|
|
2035
|
-
"name": "_initializeDefaults"
|
|
2036
|
-
},
|
|
2037
|
-
{
|
|
2038
|
-
"kind": "method",
|
|
2039
|
-
"name": "register",
|
|
2040
|
-
"static": true,
|
|
2041
|
-
"parameters": [
|
|
2042
|
-
{
|
|
2043
|
-
"name": "name",
|
|
2044
|
-
"default": "\"auro-checkbox\"",
|
|
2045
|
-
"description": "The name of element that you want to register to.",
|
|
2046
|
-
"optional": true,
|
|
2047
|
-
"type": {
|
|
2048
|
-
"text": "string"
|
|
2049
|
-
}
|
|
2050
|
-
}
|
|
2051
|
-
],
|
|
2052
|
-
"description": "This will register this element with the browser."
|
|
2053
|
-
},
|
|
2054
|
-
{
|
|
2055
|
-
"kind": "method",
|
|
2056
|
-
"name": "handleChange",
|
|
2057
|
-
"parameters": [
|
|
2058
|
-
{
|
|
2059
|
-
"name": "event",
|
|
2060
|
-
"description": "The change event from the checkbox input.",
|
|
2061
|
-
"type": {
|
|
2062
|
-
"text": "Event"
|
|
2063
|
-
}
|
|
2064
|
-
}
|
|
2065
|
-
],
|
|
2066
|
-
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
2067
|
-
"privacy": "private",
|
|
2068
|
-
"return": {
|
|
2069
|
-
"type": {
|
|
2070
|
-
"text": "void"
|
|
2071
|
-
}
|
|
2072
|
-
}
|
|
2073
|
-
},
|
|
2074
|
-
{
|
|
2075
|
-
"kind": "method",
|
|
2076
|
-
"name": "handleInput",
|
|
2077
|
-
"parameters": [
|
|
2078
|
-
{
|
|
2079
|
-
"name": "event",
|
|
2080
|
-
"description": "The input event from the checkbox input.",
|
|
2081
|
-
"type": {
|
|
2082
|
-
"text": "Event"
|
|
2083
|
-
}
|
|
2084
|
-
}
|
|
2085
|
-
],
|
|
2086
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2087
|
-
"privacy": "private",
|
|
2088
|
-
"return": {
|
|
2089
|
-
"type": {
|
|
2090
|
-
"text": "void"
|
|
2091
|
-
}
|
|
2092
|
-
}
|
|
1985
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
2093
1986
|
},
|
|
2094
1987
|
{
|
|
2095
|
-
"kind": "
|
|
2096
|
-
"name": "
|
|
2097
|
-
"description": "
|
|
1988
|
+
"kind": "field",
|
|
1989
|
+
"name": "componentHasFocus",
|
|
1990
|
+
"description": "Returns true if the element has focus.",
|
|
2098
1991
|
"privacy": "private",
|
|
2099
1992
|
"return": {
|
|
2100
1993
|
"type": {
|
|
2101
|
-
"text": "
|
|
1994
|
+
"text": "boolean"
|
|
2102
1995
|
}
|
|
1996
|
+
},
|
|
1997
|
+
"readonly": true,
|
|
1998
|
+
"inheritedFrom": {
|
|
1999
|
+
"name": "AuroElement",
|
|
2000
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2103
2001
|
}
|
|
2104
2002
|
},
|
|
2105
2003
|
{
|
|
2106
2004
|
"kind": "method",
|
|
2107
|
-
"name": "
|
|
2108
|
-
"
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
"type": {
|
|
2112
|
-
"text": "HTMLElement"
|
|
2113
|
-
}
|
|
2005
|
+
"name": "resetShapeClasses",
|
|
2006
|
+
"inheritedFrom": {
|
|
2007
|
+
"name": "AuroElement",
|
|
2008
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2114
2009
|
}
|
|
2115
2010
|
},
|
|
2116
2011
|
{
|
|
2117
2012
|
"kind": "method",
|
|
2118
|
-
"name": "
|
|
2119
|
-
"
|
|
2120
|
-
|
|
2121
|
-
"
|
|
2122
|
-
"text": "void"
|
|
2123
|
-
}
|
|
2013
|
+
"name": "resetLayoutClasses",
|
|
2014
|
+
"inheritedFrom": {
|
|
2015
|
+
"name": "AuroElement",
|
|
2016
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2124
2017
|
}
|
|
2125
2018
|
},
|
|
2126
2019
|
{
|
|
2127
2020
|
"kind": "method",
|
|
2128
|
-
"name": "
|
|
2129
|
-
"
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
"type": {
|
|
2133
|
-
"text": "void"
|
|
2134
|
-
}
|
|
2021
|
+
"name": "updateComponentArchitecture",
|
|
2022
|
+
"inheritedFrom": {
|
|
2023
|
+
"name": "AuroElement",
|
|
2024
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2135
2025
|
}
|
|
2136
2026
|
},
|
|
2137
2027
|
{
|
|
2138
|
-
"kind": "
|
|
2139
|
-
"name": "
|
|
2140
|
-
"
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2150
|
-
"privacy": "private",
|
|
2151
|
-
"return": {
|
|
2152
|
-
"type": {
|
|
2153
|
-
"text": "void"
|
|
2154
|
-
}
|
|
2028
|
+
"kind": "field",
|
|
2029
|
+
"name": "shape",
|
|
2030
|
+
"privacy": "public",
|
|
2031
|
+
"type": {
|
|
2032
|
+
"text": "string"
|
|
2033
|
+
},
|
|
2034
|
+
"attribute": "shape",
|
|
2035
|
+
"reflects": true,
|
|
2036
|
+
"inheritedFrom": {
|
|
2037
|
+
"name": "AuroElement",
|
|
2038
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2155
2039
|
}
|
|
2156
2040
|
},
|
|
2157
2041
|
{
|
|
2158
2042
|
"kind": "field",
|
|
2159
|
-
"name": "
|
|
2043
|
+
"name": "size",
|
|
2160
2044
|
"privacy": "public",
|
|
2161
2045
|
"type": {
|
|
2162
|
-
"text": "
|
|
2046
|
+
"text": "string"
|
|
2047
|
+
},
|
|
2048
|
+
"attribute": "size",
|
|
2049
|
+
"reflects": true,
|
|
2050
|
+
"inheritedFrom": {
|
|
2051
|
+
"name": "AuroElement",
|
|
2052
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2053
|
+
}
|
|
2054
|
+
}
|
|
2055
|
+
],
|
|
2056
|
+
"events": [
|
|
2057
|
+
{
|
|
2058
|
+
"name": "inputValue",
|
|
2059
|
+
"type": {
|
|
2060
|
+
"text": "CustomEvent"
|
|
2061
|
+
},
|
|
2062
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2063
|
+
},
|
|
2064
|
+
{
|
|
2065
|
+
"name": "input",
|
|
2066
|
+
"type": {
|
|
2067
|
+
"text": "CustomEvent"
|
|
2068
|
+
},
|
|
2069
|
+
"description": "Notifies that the component has a new value set."
|
|
2070
|
+
},
|
|
2071
|
+
{
|
|
2072
|
+
"name": "auroCombobox-valueSet",
|
|
2073
|
+
"type": {
|
|
2074
|
+
"text": "CustomEvent"
|
|
2075
|
+
},
|
|
2076
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2077
|
+
},
|
|
2078
|
+
{
|
|
2079
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2080
|
+
"name": "auroFormElement-validated"
|
|
2081
|
+
}
|
|
2082
|
+
],
|
|
2083
|
+
"attributes": [
|
|
2084
|
+
{
|
|
2085
|
+
"name": "appearance",
|
|
2086
|
+
"type": {
|
|
2087
|
+
"text": "string"
|
|
2163
2088
|
},
|
|
2164
2089
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2165
2090
|
"default": "'default'",
|
|
2166
|
-
"
|
|
2167
|
-
"reflects": true
|
|
2091
|
+
"fieldName": "appearance"
|
|
2168
2092
|
},
|
|
2169
2093
|
{
|
|
2170
|
-
"
|
|
2171
|
-
"
|
|
2172
|
-
|
|
2094
|
+
"name": "autocomplete",
|
|
2095
|
+
"type": {
|
|
2096
|
+
"text": "string"
|
|
2097
|
+
},
|
|
2098
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2099
|
+
"fieldName": "autocomplete"
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
"name": "autoPlacement",
|
|
2173
2103
|
"type": {
|
|
2174
2104
|
"text": "boolean"
|
|
2175
2105
|
},
|
|
2176
|
-
"description": "If
|
|
2177
|
-
"
|
|
2178
|
-
|
|
2106
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2107
|
+
"fieldName": "autoPlacement"
|
|
2108
|
+
},
|
|
2109
|
+
{
|
|
2110
|
+
"name": "availableOptions",
|
|
2111
|
+
"type": {
|
|
2112
|
+
"text": "array"
|
|
2113
|
+
},
|
|
2114
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
2115
|
+
"fieldName": "availableOptions"
|
|
2116
|
+
},
|
|
2117
|
+
{
|
|
2118
|
+
"name": "behavior",
|
|
2119
|
+
"type": {
|
|
2120
|
+
"text": "'filter' | 'suggestion'"
|
|
2121
|
+
},
|
|
2122
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
2123
|
+
"default": "'suggestion'",
|
|
2124
|
+
"fieldName": "behavior"
|
|
2125
|
+
},
|
|
2126
|
+
{
|
|
2127
|
+
"name": "checkmark",
|
|
2128
|
+
"type": {
|
|
2129
|
+
"text": "boolean"
|
|
2130
|
+
},
|
|
2131
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2132
|
+
"fieldName": "checkmark"
|
|
2179
2133
|
},
|
|
2180
2134
|
{
|
|
2181
|
-
"kind": "field",
|
|
2182
2135
|
"name": "disabled",
|
|
2183
|
-
"privacy": "public",
|
|
2184
2136
|
"type": {
|
|
2185
2137
|
"text": "boolean"
|
|
2186
2138
|
},
|
|
2187
|
-
"description": "If set
|
|
2188
|
-
"
|
|
2189
|
-
"reflects": true
|
|
2139
|
+
"description": "If set, disables the combobox.",
|
|
2140
|
+
"fieldName": "disabled"
|
|
2190
2141
|
},
|
|
2191
2142
|
{
|
|
2192
|
-
"
|
|
2193
|
-
"name": "error",
|
|
2194
|
-
"privacy": "public",
|
|
2143
|
+
"name": "dvInputOnly",
|
|
2195
2144
|
"type": {
|
|
2196
2145
|
"text": "boolean"
|
|
2197
2146
|
},
|
|
2198
|
-
"description": "If
|
|
2199
|
-
"
|
|
2200
|
-
"reflects": true
|
|
2147
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2148
|
+
"fieldName": "dvInputOnly"
|
|
2201
2149
|
},
|
|
2202
2150
|
{
|
|
2203
|
-
"
|
|
2204
|
-
"name": "id",
|
|
2205
|
-
"privacy": "public",
|
|
2151
|
+
"name": "error",
|
|
2206
2152
|
"type": {
|
|
2207
2153
|
"text": "string"
|
|
2208
2154
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2155
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2156
|
+
"fieldName": "error"
|
|
2211
2157
|
},
|
|
2212
2158
|
{
|
|
2213
|
-
"
|
|
2214
|
-
"name": "inputId",
|
|
2215
|
-
"privacy": "private",
|
|
2159
|
+
"name": "format",
|
|
2216
2160
|
"type": {
|
|
2217
2161
|
"text": "string"
|
|
2218
2162
|
},
|
|
2219
|
-
"description": "
|
|
2163
|
+
"description": "Specifies the input mask format.",
|
|
2164
|
+
"fieldName": "format"
|
|
2220
2165
|
},
|
|
2221
2166
|
{
|
|
2222
|
-
"
|
|
2223
|
-
"name": "name",
|
|
2224
|
-
"privacy": "public",
|
|
2167
|
+
"name": "inputmode",
|
|
2225
2168
|
"type": {
|
|
2226
2169
|
"text": "string"
|
|
2227
2170
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2171
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2172
|
+
"fieldName": "inputmode"
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"name": "layout",
|
|
2176
|
+
"type": {
|
|
2177
|
+
"text": "string"
|
|
2178
|
+
},
|
|
2179
|
+
"description": "Sets the layout of the combobox.",
|
|
2180
|
+
"default": "'classic'",
|
|
2181
|
+
"fieldName": "layout",
|
|
2182
|
+
"inheritedFrom": {
|
|
2183
|
+
"name": "AuroElement",
|
|
2184
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2185
|
+
}
|
|
2186
|
+
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "matchWidth",
|
|
2189
|
+
"type": {
|
|
2190
|
+
"text": "boolean"
|
|
2191
|
+
},
|
|
2192
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2193
|
+
"fieldName": "matchWidth"
|
|
2194
|
+
},
|
|
2195
|
+
{
|
|
2196
|
+
"name": "noFilter",
|
|
2197
|
+
"type": {
|
|
2198
|
+
"text": "boolean"
|
|
2199
|
+
},
|
|
2200
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2201
|
+
"fieldName": "noFilter"
|
|
2202
|
+
},
|
|
2203
|
+
{
|
|
2204
|
+
"name": "noFlip",
|
|
2205
|
+
"type": {
|
|
2206
|
+
"text": "boolean"
|
|
2207
|
+
},
|
|
2208
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2209
|
+
"fieldName": "noFlip"
|
|
2210
|
+
},
|
|
2211
|
+
{
|
|
2212
|
+
"name": "shift",
|
|
2213
|
+
"type": {
|
|
2214
|
+
"text": "boolean"
|
|
2215
|
+
},
|
|
2216
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2217
|
+
"fieldName": "shift"
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "noValidate",
|
|
2221
|
+
"type": {
|
|
2222
|
+
"text": "boolean"
|
|
2223
|
+
},
|
|
2224
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2225
|
+
"fieldName": "noValidate"
|
|
2226
|
+
},
|
|
2227
|
+
{
|
|
2228
|
+
"name": "offset",
|
|
2229
|
+
"type": {
|
|
2230
|
+
"text": "number"
|
|
2231
|
+
},
|
|
2232
|
+
"description": "Gap between the trigger element and bib.",
|
|
2233
|
+
"default": "0",
|
|
2234
|
+
"fieldName": "offset"
|
|
2230
2235
|
},
|
|
2231
2236
|
{
|
|
2232
|
-
"kind": "field",
|
|
2233
2237
|
"name": "onDark",
|
|
2234
|
-
"privacy": "public",
|
|
2235
2238
|
"type": {
|
|
2236
2239
|
"text": "boolean"
|
|
2237
2240
|
},
|
|
2238
2241
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2239
|
-
"
|
|
2240
|
-
"reflects": true
|
|
2242
|
+
"fieldName": "onDark"
|
|
2241
2243
|
},
|
|
2242
2244
|
{
|
|
2243
|
-
"
|
|
2244
|
-
"name": "touched",
|
|
2245
|
-
"privacy": "private",
|
|
2245
|
+
"name": "optionSelected",
|
|
2246
2246
|
"type": {
|
|
2247
|
-
"text": "
|
|
2247
|
+
"text": "HTMLElement"
|
|
2248
2248
|
},
|
|
2249
|
-
"description": "
|
|
2249
|
+
"description": "Specifies the current selected option.",
|
|
2250
|
+
"fieldName": "optionSelected"
|
|
2250
2251
|
},
|
|
2251
2252
|
{
|
|
2252
|
-
"
|
|
2253
|
-
"name": "value",
|
|
2254
|
-
"privacy": "public",
|
|
2253
|
+
"name": "persistInput",
|
|
2255
2254
|
"type": {
|
|
2256
|
-
"text": "
|
|
2255
|
+
"text": "boolean"
|
|
2257
2256
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2257
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
2258
|
+
"fieldName": "persistInput"
|
|
2260
2259
|
},
|
|
2261
2260
|
{
|
|
2262
|
-
"
|
|
2263
|
-
"name": "tabIndex",
|
|
2264
|
-
"privacy": "private",
|
|
2261
|
+
"name": "placement",
|
|
2265
2262
|
"type": {
|
|
2266
|
-
"text": "
|
|
2263
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2267
2264
|
},
|
|
2268
|
-
"description": "
|
|
2269
|
-
"
|
|
2270
|
-
"
|
|
2265
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2266
|
+
"default": "'bottom-start'",
|
|
2267
|
+
"fieldName": "placement"
|
|
2271
2268
|
},
|
|
2272
2269
|
{
|
|
2273
|
-
"
|
|
2274
|
-
"name": "ariaChecked",
|
|
2275
|
-
"privacy": "private",
|
|
2270
|
+
"name": "placeholder",
|
|
2276
2271
|
"type": {
|
|
2277
2272
|
"text": "string"
|
|
2278
2273
|
},
|
|
2279
|
-
"description": "
|
|
2280
|
-
"
|
|
2281
|
-
"reflects": true
|
|
2274
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2275
|
+
"fieldName": "placeholder"
|
|
2282
2276
|
},
|
|
2283
2277
|
{
|
|
2284
|
-
"
|
|
2285
|
-
"name": "ariaDisabled",
|
|
2286
|
-
"privacy": "private",
|
|
2278
|
+
"name": "required",
|
|
2287
2279
|
"type": {
|
|
2288
|
-
"text": "
|
|
2280
|
+
"text": "boolean"
|
|
2289
2281
|
},
|
|
2290
|
-
"description": "
|
|
2291
|
-
"
|
|
2292
|
-
"reflects": true
|
|
2282
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2283
|
+
"fieldName": "required"
|
|
2293
2284
|
},
|
|
2294
2285
|
{
|
|
2295
|
-
"
|
|
2296
|
-
"name": "role",
|
|
2297
|
-
"privacy": "private",
|
|
2286
|
+
"name": "setCustomValidity",
|
|
2298
2287
|
"type": {
|
|
2299
2288
|
"text": "string"
|
|
2300
2289
|
},
|
|
2301
|
-
"description": "
|
|
2302
|
-
"
|
|
2303
|
-
"reflects": true
|
|
2304
|
-
}
|
|
2305
|
-
],
|
|
2306
|
-
"events": [
|
|
2307
|
-
{
|
|
2308
|
-
"name": "auroCheckbox-input",
|
|
2309
|
-
"type": {
|
|
2310
|
-
"text": "CustomEvent"
|
|
2311
|
-
}
|
|
2312
|
-
},
|
|
2313
|
-
{
|
|
2314
|
-
"name": "auroCheckbox-focusin",
|
|
2315
|
-
"type": {
|
|
2316
|
-
"text": "CustomEvent"
|
|
2317
|
-
}
|
|
2318
|
-
},
|
|
2319
|
-
{
|
|
2320
|
-
"name": "auroCheckbox-focusout",
|
|
2321
|
-
"type": {
|
|
2322
|
-
"text": "CustomEvent"
|
|
2323
|
-
}
|
|
2324
|
-
},
|
|
2325
|
-
{
|
|
2326
|
-
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2327
|
-
"name": "change"
|
|
2290
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2291
|
+
"fieldName": "setCustomValidity"
|
|
2328
2292
|
},
|
|
2329
2293
|
{
|
|
2330
|
-
"
|
|
2331
|
-
"name": "input"
|
|
2332
|
-
}
|
|
2333
|
-
],
|
|
2334
|
-
"attributes": [
|
|
2335
|
-
{
|
|
2336
|
-
"name": "appearance",
|
|
2294
|
+
"name": "setCustomValidityCustomError",
|
|
2337
2295
|
"type": {
|
|
2338
|
-
"text": "
|
|
2296
|
+
"text": "string"
|
|
2339
2297
|
},
|
|
2340
|
-
"description": "
|
|
2341
|
-
"
|
|
2342
|
-
"fieldName": "appearance"
|
|
2298
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2299
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2343
2300
|
},
|
|
2344
2301
|
{
|
|
2345
|
-
"name": "
|
|
2302
|
+
"name": "setCustomValidityValueMissing",
|
|
2346
2303
|
"type": {
|
|
2347
|
-
"text": "
|
|
2304
|
+
"text": "string"
|
|
2348
2305
|
},
|
|
2349
|
-
"description": "
|
|
2350
|
-
"fieldName": "
|
|
2306
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2307
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2351
2308
|
},
|
|
2352
2309
|
{
|
|
2353
|
-
"name": "
|
|
2310
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2354
2311
|
"type": {
|
|
2355
|
-
"text": "
|
|
2312
|
+
"text": "string"
|
|
2356
2313
|
},
|
|
2357
|
-
"description": "
|
|
2358
|
-
"fieldName": "
|
|
2314
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2315
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2359
2316
|
},
|
|
2360
2317
|
{
|
|
2361
|
-
"name": "
|
|
2318
|
+
"name": "triggerIcon",
|
|
2362
2319
|
"type": {
|
|
2363
2320
|
"text": "boolean"
|
|
2364
2321
|
},
|
|
2365
|
-
"description": "If set
|
|
2366
|
-
"fieldName": "
|
|
2322
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2323
|
+
"fieldName": "triggerIcon"
|
|
2367
2324
|
},
|
|
2368
2325
|
{
|
|
2369
|
-
"name": "
|
|
2326
|
+
"name": "type",
|
|
2370
2327
|
"type": {
|
|
2371
2328
|
"text": "string"
|
|
2372
2329
|
},
|
|
2373
|
-
"description": "
|
|
2374
|
-
"fieldName": "
|
|
2330
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2331
|
+
"fieldName": "type"
|
|
2375
2332
|
},
|
|
2376
2333
|
{
|
|
2377
|
-
"name": "
|
|
2334
|
+
"name": "typedValue",
|
|
2378
2335
|
"type": {
|
|
2379
2336
|
"text": "string"
|
|
2380
2337
|
},
|
|
2381
|
-
"description": "
|
|
2382
|
-
"fieldName": "
|
|
2338
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2339
|
+
"fieldName": "typedValue"
|
|
2383
2340
|
},
|
|
2384
2341
|
{
|
|
2385
|
-
"name": "
|
|
2342
|
+
"name": "validity",
|
|
2386
2343
|
"type": {
|
|
2387
|
-
"text": "
|
|
2344
|
+
"text": "string"
|
|
2388
2345
|
},
|
|
2389
|
-
"description": "
|
|
2390
|
-
"fieldName": "
|
|
2346
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2347
|
+
"fieldName": "validity"
|
|
2391
2348
|
},
|
|
2392
2349
|
{
|
|
2393
2350
|
"name": "value",
|
|
2394
2351
|
"type": {
|
|
2395
2352
|
"text": "string"
|
|
2396
2353
|
},
|
|
2397
|
-
"description": "
|
|
2354
|
+
"description": "Value selected for the dropdown menu.",
|
|
2398
2355
|
"fieldName": "value"
|
|
2399
2356
|
},
|
|
2400
2357
|
{
|
|
2401
|
-
"name": "
|
|
2358
|
+
"name": "largeFullscreenHeadline",
|
|
2402
2359
|
"type": {
|
|
2403
|
-
"text": "
|
|
2360
|
+
"text": "boolean"
|
|
2404
2361
|
},
|
|
2405
|
-
"description": "
|
|
2406
|
-
"fieldName": "
|
|
2362
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2363
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2407
2364
|
},
|
|
2408
2365
|
{
|
|
2409
|
-
"name": "
|
|
2366
|
+
"name": "fullscreenBreakpoint",
|
|
2410
2367
|
"type": {
|
|
2411
|
-
"text": "
|
|
2368
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2412
2369
|
},
|
|
2413
|
-
"description": "
|
|
2414
|
-
"
|
|
2370
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
2371
|
+
"default": "'sm'",
|
|
2372
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2415
2373
|
},
|
|
2416
2374
|
{
|
|
2417
|
-
"name": "
|
|
2375
|
+
"name": "shape",
|
|
2418
2376
|
"type": {
|
|
2419
2377
|
"text": "string"
|
|
2420
2378
|
},
|
|
2421
|
-
"
|
|
2422
|
-
"
|
|
2379
|
+
"fieldName": "shape",
|
|
2380
|
+
"inheritedFrom": {
|
|
2381
|
+
"name": "AuroElement",
|
|
2382
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2383
|
+
}
|
|
2423
2384
|
},
|
|
2424
2385
|
{
|
|
2425
|
-
"name": "
|
|
2386
|
+
"name": "size",
|
|
2426
2387
|
"type": {
|
|
2427
2388
|
"text": "string"
|
|
2428
2389
|
},
|
|
2429
|
-
"
|
|
2430
|
-
"
|
|
2390
|
+
"fieldName": "size",
|
|
2391
|
+
"inheritedFrom": {
|
|
2392
|
+
"name": "AuroElement",
|
|
2393
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2394
|
+
}
|
|
2395
|
+
},
|
|
2396
|
+
{
|
|
2397
|
+
"name": "ondark",
|
|
2398
|
+
"type": {
|
|
2399
|
+
"text": "boolean"
|
|
2400
|
+
},
|
|
2401
|
+
"fieldName": "onDark",
|
|
2402
|
+
"inheritedFrom": {
|
|
2403
|
+
"name": "AuroElement",
|
|
2404
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2405
|
+
}
|
|
2431
2406
|
}
|
|
2432
2407
|
],
|
|
2433
2408
|
"superclass": {
|
|
2434
|
-
"name": "
|
|
2435
|
-
"
|
|
2409
|
+
"name": "AuroElement",
|
|
2410
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2436
2411
|
},
|
|
2437
|
-
"tagName": "auro-
|
|
2412
|
+
"tagName": "auro-combobox",
|
|
2438
2413
|
"customElement": true
|
|
2439
2414
|
}
|
|
2440
2415
|
],
|
|
2441
2416
|
"exports": [
|
|
2442
2417
|
{
|
|
2443
2418
|
"kind": "js",
|
|
2444
|
-
"name": "
|
|
2419
|
+
"name": "AuroCombobox",
|
|
2445
2420
|
"declaration": {
|
|
2446
|
-
"name": "
|
|
2447
|
-
"module": "components/
|
|
2421
|
+
"name": "AuroCombobox",
|
|
2422
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2448
2423
|
}
|
|
2449
2424
|
}
|
|
2450
2425
|
]
|
|
2451
2426
|
},
|
|
2452
2427
|
{
|
|
2453
2428
|
"kind": "javascript-module",
|
|
2454
|
-
"path": "components/
|
|
2455
|
-
"declarations": [
|
|
2429
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2430
|
+
"declarations": [
|
|
2431
|
+
{
|
|
2432
|
+
"kind": "variable",
|
|
2433
|
+
"name": "comboboxKeyboardStrategy",
|
|
2434
|
+
"type": {
|
|
2435
|
+
"text": "object"
|
|
2436
|
+
},
|
|
2437
|
+
"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.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.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(); } } }, }"
|
|
2438
|
+
}
|
|
2439
|
+
],
|
|
2456
2440
|
"exports": [
|
|
2457
2441
|
{
|
|
2458
2442
|
"kind": "js",
|
|
2459
|
-
"name": "
|
|
2443
|
+
"name": "comboboxKeyboardStrategy",
|
|
2460
2444
|
"declaration": {
|
|
2461
|
-
"name": "
|
|
2462
|
-
"module": "components/
|
|
2445
|
+
"name": "comboboxKeyboardStrategy",
|
|
2446
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2463
2447
|
}
|
|
2464
|
-
}
|
|
2448
|
+
}
|
|
2449
|
+
]
|
|
2450
|
+
},
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "javascript-module",
|
|
2453
|
+
"path": "components/combobox/src/index.js",
|
|
2454
|
+
"declarations": [],
|
|
2455
|
+
"exports": [
|
|
2465
2456
|
{
|
|
2466
2457
|
"kind": "js",
|
|
2467
|
-
"name": "
|
|
2458
|
+
"name": "AuroCombobox",
|
|
2468
2459
|
"declaration": {
|
|
2469
|
-
"name": "
|
|
2470
|
-
"module": "components/
|
|
2460
|
+
"name": "AuroCombobox",
|
|
2461
|
+
"module": "components/combobox/src/index.js"
|
|
2471
2462
|
}
|
|
2472
2463
|
}
|
|
2473
2464
|
]
|
|
2474
2465
|
},
|
|
2475
2466
|
{
|
|
2476
2467
|
"kind": "javascript-module",
|
|
2477
|
-
"path": "components/
|
|
2468
|
+
"path": "components/combobox/src/registered.js",
|
|
2478
2469
|
"declarations": [],
|
|
2479
|
-
"exports": [
|
|
2470
|
+
"exports": [
|
|
2471
|
+
{
|
|
2472
|
+
"kind": "js",
|
|
2473
|
+
"name": "AuroCombobox",
|
|
2474
|
+
"declaration": {
|
|
2475
|
+
"name": "AuroCombobox",
|
|
2476
|
+
"module": "components/combobox/src/registered.js"
|
|
2477
|
+
}
|
|
2478
|
+
}
|
|
2479
|
+
]
|
|
2480
2480
|
},
|
|
2481
2481
|
{
|
|
2482
2482
|
"kind": "javascript-module",
|