@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +5 -15
- package/components/combobox/demo/index.min.js +5 -15
- package/components/combobox/dist/index.js +4 -14
- package/components/combobox/dist/registered.js +4 -14
- package/components/counter/demo/api.min.js +3 -13
- package/components/counter/demo/index.min.js +3 -13
- package/components/counter/dist/index.js +3 -13
- package/components/counter/dist/registered.js +3 -13
- package/components/datepicker/demo/api.min.js +22 -135
- package/components/datepicker/demo/index.min.js +22 -135
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
- package/components/datepicker/dist/index.js +22 -135
- package/components/datepicker/dist/registered.js +22 -135
- package/components/dropdown/demo/api.md +28 -29
- package/components/dropdown/demo/api.min.js +2 -12
- package/components/dropdown/demo/index.min.js +2 -12
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
- package/components/dropdown/dist/index.js +2 -12
- package/components/dropdown/dist/registered.js +2 -12
- package/components/form/demo/api.min.js +59 -251
- package/components/form/demo/index.min.js +59 -251
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.min.js +1 -1
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/demo/keyboardBehavior.md +0 -0
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/keyboardBehavior.md +0 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +27 -86
- package/components/select/demo/index.min.js +27 -86
- package/components/select/demo/keyboardBehavior.md +3 -3
- package/components/select/dist/index.js +26 -85
- package/components/select/dist/registered.js +26 -85
- package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
- package/custom-elements.json +1549 -1568
- package/package.json +3 -3
- /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
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,14 +419,17 @@
|
|
|
342
419
|
},
|
|
343
420
|
{
|
|
344
421
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
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.",
|
|
353
433
|
"privacy": "private",
|
|
354
434
|
"return": {
|
|
355
435
|
"type": {
|
|
@@ -359,23 +439,17 @@
|
|
|
359
439
|
},
|
|
360
440
|
{
|
|
361
441
|
"kind": "method",
|
|
362
|
-
"name": "
|
|
442
|
+
"name": "handleInput",
|
|
363
443
|
"parameters": [
|
|
364
444
|
{
|
|
365
|
-
"name": "
|
|
366
|
-
"description": "The
|
|
445
|
+
"name": "event",
|
|
446
|
+
"description": "The input event from the checkbox input.",
|
|
367
447
|
"type": {
|
|
368
|
-
"text": "
|
|
448
|
+
"text": "Event"
|
|
369
449
|
}
|
|
370
450
|
}
|
|
371
451
|
],
|
|
372
|
-
"description": "
|
|
373
|
-
"privacy": "private"
|
|
374
|
-
},
|
|
375
|
-
{
|
|
376
|
-
"kind": "method",
|
|
377
|
-
"name": "handleMenuOptions",
|
|
378
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
452
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
379
453
|
"privacy": "private",
|
|
380
454
|
"return": {
|
|
381
455
|
"type": {
|
|
@@ -385,8 +459,8 @@
|
|
|
385
459
|
},
|
|
386
460
|
{
|
|
387
461
|
"kind": "method",
|
|
388
|
-
"name": "
|
|
389
|
-
"description": "
|
|
462
|
+
"name": "handleFocusin",
|
|
463
|
+
"description": "Function to support",
|
|
390
464
|
"privacy": "private",
|
|
391
465
|
"return": {
|
|
392
466
|
"type": {
|
|
@@ -396,18 +470,19 @@
|
|
|
396
470
|
},
|
|
397
471
|
{
|
|
398
472
|
"kind": "method",
|
|
399
|
-
"name": "
|
|
400
|
-
"description": "
|
|
473
|
+
"name": "generateIconHtml",
|
|
474
|
+
"description": "Function to generate checkmark svg.",
|
|
475
|
+
"privacy": "private",
|
|
401
476
|
"return": {
|
|
402
477
|
"type": {
|
|
403
|
-
"text": "
|
|
478
|
+
"text": "HTMLElement"
|
|
404
479
|
}
|
|
405
480
|
}
|
|
406
481
|
},
|
|
407
482
|
{
|
|
408
483
|
"kind": "method",
|
|
409
|
-
"name": "
|
|
410
|
-
"description": "
|
|
484
|
+
"name": "reset",
|
|
485
|
+
"description": "Resets component to initial state.",
|
|
411
486
|
"return": {
|
|
412
487
|
"type": {
|
|
413
488
|
"text": "void"
|
|
@@ -416,8 +491,8 @@
|
|
|
416
491
|
},
|
|
417
492
|
{
|
|
418
493
|
"kind": "method",
|
|
419
|
-
"name": "
|
|
420
|
-
"description": "
|
|
494
|
+
"name": "updateAriaLabel",
|
|
495
|
+
"description": "Updates the aria-label based on slot content.",
|
|
421
496
|
"privacy": "private",
|
|
422
497
|
"return": {
|
|
423
498
|
"type": {
|
|
@@ -427,239 +502,17 @@
|
|
|
427
502
|
},
|
|
428
503
|
{
|
|
429
504
|
"kind": "method",
|
|
430
|
-
"name": "
|
|
431
|
-
"privacy": "private"
|
|
432
|
-
},
|
|
433
|
-
{
|
|
434
|
-
"kind": "method",
|
|
435
|
-
"name": "setInputFocus",
|
|
436
|
-
"privacy": "private"
|
|
437
|
-
},
|
|
438
|
-
{
|
|
439
|
-
"kind": "method",
|
|
440
|
-
"name": "updateBibDialogRole",
|
|
441
|
-
"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.",
|
|
442
|
-
"privacy": "private"
|
|
443
|
-
},
|
|
444
|
-
{
|
|
445
|
-
"kind": "method",
|
|
446
|
-
"name": "updateMenuShapeSize",
|
|
447
|
-
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
448
|
-
"privacy": "private"
|
|
449
|
-
},
|
|
450
|
-
{
|
|
451
|
-
"kind": "method",
|
|
452
|
-
"name": "configureMenu",
|
|
453
|
-
"description": "Binds all behavior needed to the menu after rendering.",
|
|
454
|
-
"privacy": "private",
|
|
455
|
-
"return": {
|
|
456
|
-
"type": {
|
|
457
|
-
"text": "void"
|
|
458
|
-
}
|
|
459
|
-
}
|
|
460
|
-
},
|
|
461
|
-
{
|
|
462
|
-
"kind": "method",
|
|
463
|
-
"name": "configureInput",
|
|
464
|
-
"description": "Binds all behavior needed to the input after rendering.",
|
|
465
|
-
"privacy": "private",
|
|
466
|
-
"return": {
|
|
467
|
-
"type": {
|
|
468
|
-
"text": "void"
|
|
469
|
-
}
|
|
470
|
-
}
|
|
471
|
-
},
|
|
472
|
-
{
|
|
473
|
-
"kind": "method",
|
|
474
|
-
"name": "handleMenuLoadingChange",
|
|
475
|
-
"parameters": [
|
|
476
|
-
{
|
|
477
|
-
"name": "event",
|
|
478
|
-
"description": "The event object containing details about the loading state change.",
|
|
479
|
-
"type": {
|
|
480
|
-
"text": "CustomEvent"
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
{
|
|
484
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
485
|
-
"name": "event.detail.loading",
|
|
486
|
-
"type": {
|
|
487
|
-
"text": "boolean"
|
|
488
|
-
}
|
|
489
|
-
},
|
|
490
|
-
{
|
|
491
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
492
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
493
|
-
"type": {
|
|
494
|
-
"text": "boolean"
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
],
|
|
498
|
-
"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.",
|
|
499
|
-
"privacy": "private",
|
|
500
|
-
"return": {
|
|
501
|
-
"type": {
|
|
502
|
-
"text": "void"
|
|
503
|
-
}
|
|
504
|
-
}
|
|
505
|
-
},
|
|
506
|
-
{
|
|
507
|
-
"kind": "method",
|
|
508
|
-
"name": "handleInputValueChange",
|
|
509
|
-
"parameters": [
|
|
510
|
-
{
|
|
511
|
-
"name": "event",
|
|
512
|
-
"description": "The input event triggered by the input element.",
|
|
513
|
-
"type": {
|
|
514
|
-
"text": "Event"
|
|
515
|
-
}
|
|
516
|
-
}
|
|
517
|
-
],
|
|
518
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
519
|
-
"privacy": "private",
|
|
520
|
-
"return": {
|
|
521
|
-
"type": {
|
|
522
|
-
"text": "void"
|
|
523
|
-
}
|
|
524
|
-
}
|
|
525
|
-
},
|
|
526
|
-
{
|
|
527
|
-
"kind": "method",
|
|
528
|
-
"name": "configureCombobox",
|
|
529
|
-
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
530
|
-
"privacy": "private",
|
|
531
|
-
"return": {
|
|
532
|
-
"type": {
|
|
533
|
-
"text": "void"
|
|
534
|
-
}
|
|
535
|
-
}
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"kind": "method",
|
|
539
|
-
"name": "focus",
|
|
540
|
-
"description": "Focuses the combobox trigger input.",
|
|
541
|
-
"return": {
|
|
542
|
-
"type": {
|
|
543
|
-
"text": "void"
|
|
544
|
-
}
|
|
545
|
-
}
|
|
546
|
-
},
|
|
547
|
-
{
|
|
548
|
-
"kind": "method",
|
|
549
|
-
"name": "setMenuValue",
|
|
550
|
-
"parameters": [
|
|
551
|
-
{
|
|
552
|
-
"name": "value",
|
|
553
|
-
"description": "The value to set on the menu.",
|
|
554
|
-
"type": {
|
|
555
|
-
"text": "string"
|
|
556
|
-
}
|
|
557
|
-
}
|
|
558
|
-
],
|
|
559
|
-
"description": "Sets the menu value if menu is available.",
|
|
560
|
-
"return": {
|
|
561
|
-
"type": {
|
|
562
|
-
"text": "void"
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
},
|
|
566
|
-
{
|
|
567
|
-
"kind": "method",
|
|
568
|
-
"name": "reset",
|
|
569
|
-
"description": "Resets component to initial state.",
|
|
570
|
-
"return": {
|
|
571
|
-
"type": {
|
|
572
|
-
"text": "void"
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
},
|
|
576
|
-
{
|
|
577
|
-
"kind": "method",
|
|
578
|
-
"name": "clear",
|
|
579
|
-
"description": "Clears the current value of the combobox.",
|
|
580
|
-
"return": {
|
|
581
|
-
"type": {
|
|
582
|
-
"text": "void"
|
|
583
|
-
}
|
|
584
|
-
}
|
|
585
|
-
},
|
|
586
|
-
{
|
|
587
|
-
"kind": "method",
|
|
588
|
-
"name": "validate",
|
|
589
|
-
"parameters": [
|
|
590
|
-
{
|
|
591
|
-
"name": "force",
|
|
592
|
-
"default": "false",
|
|
593
|
-
"description": "Whether to force validation.",
|
|
594
|
-
"optional": true,
|
|
595
|
-
"type": {
|
|
596
|
-
"text": "boolean"
|
|
597
|
-
}
|
|
598
|
-
}
|
|
599
|
-
],
|
|
600
|
-
"description": "Validates value."
|
|
601
|
-
},
|
|
602
|
-
{
|
|
603
|
-
"kind": "method",
|
|
604
|
-
"name": "transportAssignedNodes",
|
|
605
|
-
"parameters": [
|
|
606
|
-
{
|
|
607
|
-
"name": "slot",
|
|
608
|
-
"description": "The slot element containing the nodes to apply.",
|
|
609
|
-
"type": {
|
|
610
|
-
"text": "HTMLSlotElement"
|
|
611
|
-
}
|
|
612
|
-
},
|
|
613
|
-
{
|
|
614
|
-
"name": "target",
|
|
615
|
-
"description": "The target element to apply the nodes to.",
|
|
616
|
-
"type": {
|
|
617
|
-
"text": "HTMLElement"
|
|
618
|
-
}
|
|
619
|
-
},
|
|
620
|
-
{
|
|
621
|
-
"name": "newSlotName",
|
|
622
|
-
"description": "The new slot name for the applied nodes.",
|
|
623
|
-
"type": {
|
|
624
|
-
"text": "string"
|
|
625
|
-
}
|
|
626
|
-
}
|
|
627
|
-
],
|
|
628
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
629
|
-
"privacy": "private",
|
|
630
|
-
"return": {
|
|
631
|
-
"type": {
|
|
632
|
-
"text": "void"
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
},
|
|
636
|
-
{
|
|
637
|
-
"kind": "method",
|
|
638
|
-
"name": "updateActiveOption",
|
|
639
|
-
"parameters": [
|
|
640
|
-
{
|
|
641
|
-
"name": "index",
|
|
642
|
-
"description": "Index of the option to make active.",
|
|
643
|
-
"type": {
|
|
644
|
-
"text": "number"
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
],
|
|
648
|
-
"description": "Updates the active option in the menu."
|
|
649
|
-
},
|
|
650
|
-
{
|
|
651
|
-
"kind": "method",
|
|
652
|
-
"name": "handleSlotChange",
|
|
505
|
+
"name": "handleKeyDown",
|
|
653
506
|
"parameters": [
|
|
654
507
|
{
|
|
655
508
|
"name": "event",
|
|
656
|
-
"description": "
|
|
509
|
+
"description": "The keydown event from the checkbox input.",
|
|
657
510
|
"type": {
|
|
658
|
-
"text": "
|
|
511
|
+
"text": "KeyboardEvent"
|
|
659
512
|
}
|
|
660
513
|
}
|
|
661
514
|
],
|
|
662
|
-
"description": "
|
|
515
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
663
516
|
"privacy": "private",
|
|
664
517
|
"return": {
|
|
665
518
|
"type": {
|
|
@@ -672,7 +525,7 @@
|
|
|
672
525
|
"name": "appearance",
|
|
673
526
|
"privacy": "public",
|
|
674
527
|
"type": {
|
|
675
|
-
"text": "
|
|
528
|
+
"text": "'default' | 'inverse'"
|
|
676
529
|
},
|
|
677
530
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
678
531
|
"default": "'default'",
|
|
@@ -681,992 +534,877 @@
|
|
|
681
534
|
},
|
|
682
535
|
{
|
|
683
536
|
"kind": "field",
|
|
684
|
-
"name": "
|
|
537
|
+
"name": "checked",
|
|
685
538
|
"privacy": "public",
|
|
686
539
|
"type": {
|
|
687
|
-
"text": "
|
|
540
|
+
"text": "boolean"
|
|
688
541
|
},
|
|
689
|
-
"description": "
|
|
690
|
-
"attribute": "
|
|
542
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
543
|
+
"attribute": "checked",
|
|
691
544
|
"reflects": true
|
|
692
545
|
},
|
|
693
546
|
{
|
|
694
547
|
"kind": "field",
|
|
695
|
-
"name": "
|
|
548
|
+
"name": "disabled",
|
|
696
549
|
"privacy": "public",
|
|
697
550
|
"type": {
|
|
698
551
|
"text": "boolean"
|
|
699
552
|
},
|
|
700
|
-
"description": "If
|
|
701
|
-
"attribute": "
|
|
553
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
554
|
+
"attribute": "disabled",
|
|
702
555
|
"reflects": true
|
|
703
556
|
},
|
|
704
557
|
{
|
|
705
558
|
"kind": "field",
|
|
706
|
-
"name": "
|
|
707
|
-
"privacy": "
|
|
559
|
+
"name": "error",
|
|
560
|
+
"privacy": "public",
|
|
708
561
|
"type": {
|
|
709
|
-
"text": "
|
|
562
|
+
"text": "boolean"
|
|
710
563
|
},
|
|
711
|
-
"description": "
|
|
712
|
-
"attribute": "
|
|
564
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
565
|
+
"attribute": "error",
|
|
566
|
+
"reflects": true
|
|
713
567
|
},
|
|
714
568
|
{
|
|
715
569
|
"kind": "field",
|
|
716
|
-
"name": "
|
|
570
|
+
"name": "id",
|
|
717
571
|
"privacy": "public",
|
|
718
572
|
"type": {
|
|
719
|
-
"text": "
|
|
573
|
+
"text": "string"
|
|
720
574
|
},
|
|
721
|
-
"description": "
|
|
722
|
-
"
|
|
723
|
-
"attribute": "behavior",
|
|
724
|
-
"reflects": true
|
|
575
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
576
|
+
"attribute": "id"
|
|
725
577
|
},
|
|
726
578
|
{
|
|
727
579
|
"kind": "field",
|
|
728
|
-
"name": "
|
|
729
|
-
"privacy": "
|
|
580
|
+
"name": "inputId",
|
|
581
|
+
"privacy": "private",
|
|
730
582
|
"type": {
|
|
731
|
-
"text": "
|
|
583
|
+
"text": "string"
|
|
732
584
|
},
|
|
733
|
-
"description": "
|
|
734
|
-
"attribute": "checkmark",
|
|
735
|
-
"reflects": true
|
|
585
|
+
"description": "The id for input node."
|
|
736
586
|
},
|
|
737
587
|
{
|
|
738
588
|
"kind": "field",
|
|
739
|
-
"name": "
|
|
589
|
+
"name": "name",
|
|
740
590
|
"privacy": "public",
|
|
741
|
-
"type": {
|
|
742
|
-
"text": "boolean"
|
|
743
|
-
},
|
|
744
|
-
"description": "If set, disables the combobox.",
|
|
745
|
-
"attribute": "disabled",
|
|
746
|
-
"reflects": true
|
|
747
|
-
},
|
|
748
|
-
{
|
|
749
|
-
"kind": "field",
|
|
750
|
-
"name": "dropdownId",
|
|
751
|
-
"privacy": "private",
|
|
752
591
|
"type": {
|
|
753
592
|
"text": "string"
|
|
754
593
|
},
|
|
755
|
-
"description": "
|
|
594
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
595
|
+
"attribute": "name"
|
|
756
596
|
},
|
|
757
597
|
{
|
|
758
598
|
"kind": "field",
|
|
759
|
-
"name": "
|
|
760
|
-
"privacy": "
|
|
599
|
+
"name": "onDark",
|
|
600
|
+
"privacy": "public",
|
|
761
601
|
"type": {
|
|
762
602
|
"text": "boolean"
|
|
763
603
|
},
|
|
764
|
-
"description": "
|
|
604
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
605
|
+
"attribute": "onDark",
|
|
606
|
+
"reflects": true
|
|
765
607
|
},
|
|
766
608
|
{
|
|
767
609
|
"kind": "field",
|
|
768
|
-
"name": "
|
|
769
|
-
"privacy": "
|
|
610
|
+
"name": "touched",
|
|
611
|
+
"privacy": "private",
|
|
770
612
|
"type": {
|
|
771
613
|
"text": "boolean"
|
|
772
614
|
},
|
|
773
|
-
"description": "
|
|
774
|
-
"attribute": "dvInputOnly",
|
|
775
|
-
"reflects": true
|
|
615
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
776
616
|
},
|
|
777
617
|
{
|
|
778
618
|
"kind": "field",
|
|
779
|
-
"name": "
|
|
619
|
+
"name": "value",
|
|
780
620
|
"privacy": "public",
|
|
781
621
|
"type": {
|
|
782
622
|
"text": "string"
|
|
783
623
|
},
|
|
784
|
-
"description": "
|
|
785
|
-
"attribute": "
|
|
786
|
-
"reflects": true
|
|
624
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
625
|
+
"attribute": "value"
|
|
787
626
|
},
|
|
788
627
|
{
|
|
789
628
|
"kind": "field",
|
|
790
|
-
"name": "
|
|
791
|
-
"privacy": "
|
|
629
|
+
"name": "tabIndex",
|
|
630
|
+
"privacy": "private",
|
|
792
631
|
"type": {
|
|
793
|
-
"text": "
|
|
632
|
+
"text": "number"
|
|
794
633
|
},
|
|
795
|
-
"description": "
|
|
796
|
-
"attribute": "
|
|
634
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
635
|
+
"attribute": "tabindex",
|
|
797
636
|
"reflects": true
|
|
798
637
|
},
|
|
799
638
|
{
|
|
800
639
|
"kind": "field",
|
|
801
|
-
"name": "
|
|
802
|
-
"privacy": "
|
|
640
|
+
"name": "ariaChecked",
|
|
641
|
+
"privacy": "private",
|
|
803
642
|
"type": {
|
|
804
643
|
"text": "string"
|
|
805
644
|
},
|
|
806
|
-
"description": "
|
|
807
|
-
"attribute": "
|
|
645
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
646
|
+
"attribute": "aria-checked",
|
|
808
647
|
"reflects": true
|
|
809
648
|
},
|
|
810
649
|
{
|
|
811
650
|
"kind": "field",
|
|
812
|
-
"name": "
|
|
813
|
-
"privacy": "
|
|
651
|
+
"name": "ariaDisabled",
|
|
652
|
+
"privacy": "private",
|
|
814
653
|
"type": {
|
|
815
654
|
"text": "string"
|
|
816
655
|
},
|
|
817
|
-
"description": "
|
|
818
|
-
"
|
|
819
|
-
"
|
|
820
|
-
"reflects": true,
|
|
821
|
-
"inheritedFrom": {
|
|
822
|
-
"name": "AuroElement",
|
|
823
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
824
|
-
}
|
|
656
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
657
|
+
"attribute": "aria-disabled",
|
|
658
|
+
"reflects": true
|
|
825
659
|
},
|
|
826
660
|
{
|
|
827
661
|
"kind": "field",
|
|
828
|
-
"name": "
|
|
662
|
+
"name": "role",
|
|
829
663
|
"privacy": "private",
|
|
830
664
|
"type": {
|
|
831
|
-
"text": "
|
|
665
|
+
"text": "string"
|
|
832
666
|
},
|
|
833
|
-
"description": "
|
|
834
|
-
"attribute": "
|
|
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",
|
|
835
669
|
"reflects": true
|
|
670
|
+
}
|
|
671
|
+
],
|
|
672
|
+
"events": [
|
|
673
|
+
{
|
|
674
|
+
"name": "auroCheckbox-input",
|
|
675
|
+
"type": {
|
|
676
|
+
"text": "CustomEvent"
|
|
677
|
+
}
|
|
836
678
|
},
|
|
837
679
|
{
|
|
838
|
-
"
|
|
839
|
-
"name": "noFilter",
|
|
840
|
-
"privacy": "public",
|
|
680
|
+
"name": "auroCheckbox-focusin",
|
|
841
681
|
"type": {
|
|
842
|
-
"text": "
|
|
843
|
-
}
|
|
844
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
845
|
-
"attribute": "noFilter",
|
|
846
|
-
"reflects": true
|
|
682
|
+
"text": "CustomEvent"
|
|
683
|
+
}
|
|
847
684
|
},
|
|
848
685
|
{
|
|
849
|
-
"
|
|
850
|
-
"name": "noFlip",
|
|
851
|
-
"privacy": "public",
|
|
686
|
+
"name": "auroCheckbox-focusout",
|
|
852
687
|
"type": {
|
|
853
|
-
"text": "
|
|
854
|
-
}
|
|
855
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
856
|
-
"attribute": "noFlip",
|
|
857
|
-
"reflects": true
|
|
688
|
+
"text": "CustomEvent"
|
|
689
|
+
}
|
|
858
690
|
},
|
|
859
691
|
{
|
|
860
|
-
"kind": "field",
|
|
861
|
-
"name": "shift",
|
|
862
|
-
"privacy": "public",
|
|
863
692
|
"type": {
|
|
864
|
-
"text": "
|
|
693
|
+
"text": "CustomEvent<any>"
|
|
865
694
|
},
|
|
866
|
-
"description": "
|
|
867
|
-
"
|
|
868
|
-
"reflects": true
|
|
695
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
696
|
+
"name": "change"
|
|
869
697
|
},
|
|
870
698
|
{
|
|
871
|
-
"kind": "field",
|
|
872
|
-
"name": "noValidate",
|
|
873
|
-
"privacy": "public",
|
|
874
699
|
"type": {
|
|
875
|
-
"text": "
|
|
700
|
+
"text": "InputEvent"
|
|
876
701
|
},
|
|
877
|
-
"description": "
|
|
878
|
-
"
|
|
879
|
-
|
|
880
|
-
|
|
702
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
703
|
+
"name": "input"
|
|
704
|
+
}
|
|
705
|
+
],
|
|
706
|
+
"attributes": [
|
|
881
707
|
{
|
|
882
|
-
"
|
|
883
|
-
"name": "offset",
|
|
884
|
-
"privacy": "public",
|
|
708
|
+
"name": "appearance",
|
|
885
709
|
"type": {
|
|
886
|
-
"text": "
|
|
710
|
+
"text": "'default' | 'inverse'"
|
|
887
711
|
},
|
|
888
|
-
"description": "
|
|
889
|
-
"default": "
|
|
890
|
-
"
|
|
891
|
-
"reflects": true
|
|
712
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
713
|
+
"default": "'default'",
|
|
714
|
+
"fieldName": "appearance"
|
|
892
715
|
},
|
|
893
716
|
{
|
|
894
|
-
"
|
|
895
|
-
"name": "onDark",
|
|
896
|
-
"privacy": "public",
|
|
717
|
+
"name": "checked",
|
|
897
718
|
"type": {
|
|
898
719
|
"text": "boolean"
|
|
899
720
|
},
|
|
900
|
-
"
|
|
901
|
-
"
|
|
902
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
903
|
-
"inheritedFrom": {
|
|
904
|
-
"name": "AuroElement",
|
|
905
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
906
|
-
}
|
|
721
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
722
|
+
"fieldName": "checked"
|
|
907
723
|
},
|
|
908
724
|
{
|
|
909
|
-
"
|
|
910
|
-
"name": "optionSelected",
|
|
911
|
-
"privacy": "public",
|
|
725
|
+
"name": "disabled",
|
|
912
726
|
"type": {
|
|
913
|
-
"text": "
|
|
727
|
+
"text": "boolean"
|
|
914
728
|
},
|
|
915
|
-
"description": "
|
|
916
|
-
"
|
|
729
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
730
|
+
"fieldName": "disabled"
|
|
917
731
|
},
|
|
918
732
|
{
|
|
919
|
-
"
|
|
920
|
-
"name": "persistInput",
|
|
921
|
-
"privacy": "public",
|
|
733
|
+
"name": "error",
|
|
922
734
|
"type": {
|
|
923
735
|
"text": "boolean"
|
|
924
736
|
},
|
|
925
|
-
"description": "If
|
|
926
|
-
"
|
|
927
|
-
"reflects": true
|
|
737
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
738
|
+
"fieldName": "error"
|
|
928
739
|
},
|
|
929
740
|
{
|
|
930
|
-
"
|
|
931
|
-
"name": "placement",
|
|
932
|
-
"privacy": "public",
|
|
741
|
+
"name": "id",
|
|
933
742
|
"type": {
|
|
934
|
-
"text": "
|
|
743
|
+
"text": "string"
|
|
935
744
|
},
|
|
936
|
-
"description": "
|
|
937
|
-
"
|
|
938
|
-
"attribute": "placement",
|
|
939
|
-
"reflects": true
|
|
745
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
746
|
+
"fieldName": "id"
|
|
940
747
|
},
|
|
941
748
|
{
|
|
942
|
-
"
|
|
943
|
-
"name": "placeholder",
|
|
944
|
-
"privacy": "public",
|
|
749
|
+
"name": "name",
|
|
945
750
|
"type": {
|
|
946
751
|
"text": "string"
|
|
947
752
|
},
|
|
948
|
-
"description": "
|
|
949
|
-
"
|
|
950
|
-
"reflects": true
|
|
753
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
754
|
+
"fieldName": "name"
|
|
951
755
|
},
|
|
952
756
|
{
|
|
953
|
-
"
|
|
954
|
-
"name": "required",
|
|
955
|
-
"privacy": "public",
|
|
757
|
+
"name": "onDark",
|
|
956
758
|
"type": {
|
|
957
759
|
"text": "boolean"
|
|
958
760
|
},
|
|
959
|
-
"description": "
|
|
960
|
-
"
|
|
961
|
-
"reflects": true
|
|
761
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
762
|
+
"fieldName": "onDark"
|
|
962
763
|
},
|
|
963
764
|
{
|
|
964
|
-
"
|
|
965
|
-
"name": "setCustomValidity",
|
|
966
|
-
"privacy": "public",
|
|
765
|
+
"name": "value",
|
|
967
766
|
"type": {
|
|
968
767
|
"text": "string"
|
|
969
768
|
},
|
|
970
|
-
"description": "Sets
|
|
971
|
-
"
|
|
769
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
770
|
+
"fieldName": "value"
|
|
972
771
|
},
|
|
973
772
|
{
|
|
974
|
-
"
|
|
975
|
-
"name": "setCustomValidityCustomError",
|
|
976
|
-
"privacy": "public",
|
|
773
|
+
"name": "tabindex",
|
|
977
774
|
"type": {
|
|
978
|
-
"text": "
|
|
775
|
+
"text": "number"
|
|
979
776
|
},
|
|
980
|
-
"description": "
|
|
981
|
-
"
|
|
777
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
778
|
+
"fieldName": "tabIndex"
|
|
982
779
|
},
|
|
983
780
|
{
|
|
984
|
-
"
|
|
985
|
-
"name": "setCustomValidityValueMissing",
|
|
986
|
-
"privacy": "public",
|
|
781
|
+
"name": "aria-checked",
|
|
987
782
|
"type": {
|
|
988
783
|
"text": "string"
|
|
989
784
|
},
|
|
990
|
-
"description": "
|
|
991
|
-
"
|
|
785
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
786
|
+
"fieldName": "ariaChecked"
|
|
992
787
|
},
|
|
993
788
|
{
|
|
994
|
-
"
|
|
995
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
996
|
-
"privacy": "public",
|
|
997
|
-
"type": {
|
|
998
|
-
"text": "string"
|
|
999
|
-
},
|
|
1000
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1001
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1002
|
-
},
|
|
1003
|
-
{
|
|
1004
|
-
"kind": "field",
|
|
1005
|
-
"name": "touched",
|
|
1006
|
-
"privacy": "private",
|
|
1007
|
-
"type": {
|
|
1008
|
-
"text": "boolean"
|
|
1009
|
-
},
|
|
1010
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1011
|
-
},
|
|
1012
|
-
{
|
|
1013
|
-
"kind": "field",
|
|
1014
|
-
"name": "triggerIcon",
|
|
1015
|
-
"privacy": "public",
|
|
1016
|
-
"type": {
|
|
1017
|
-
"text": "boolean"
|
|
1018
|
-
},
|
|
1019
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1020
|
-
"attribute": "triggerIcon",
|
|
1021
|
-
"reflects": true
|
|
1022
|
-
},
|
|
1023
|
-
{
|
|
1024
|
-
"kind": "field",
|
|
1025
|
-
"name": "type",
|
|
1026
|
-
"privacy": "public",
|
|
789
|
+
"name": "aria-disabled",
|
|
1027
790
|
"type": {
|
|
1028
791
|
"text": "string"
|
|
1029
792
|
},
|
|
1030
|
-
"description": "
|
|
1031
|
-
"
|
|
1032
|
-
"reflects": true
|
|
793
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
794
|
+
"fieldName": "ariaDisabled"
|
|
1033
795
|
},
|
|
1034
796
|
{
|
|
1035
|
-
"
|
|
1036
|
-
"name": "typedValue",
|
|
1037
|
-
"privacy": "public",
|
|
797
|
+
"name": "role",
|
|
1038
798
|
"type": {
|
|
1039
799
|
"text": "string"
|
|
1040
800
|
},
|
|
1041
|
-
"description": "
|
|
1042
|
-
"
|
|
1043
|
-
|
|
1044
|
-
|
|
801
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
802
|
+
"fieldName": "role"
|
|
803
|
+
}
|
|
804
|
+
],
|
|
805
|
+
"superclass": {
|
|
806
|
+
"name": "LitElement",
|
|
807
|
+
"package": "lit"
|
|
808
|
+
},
|
|
809
|
+
"tagName": "auro-checkbox",
|
|
810
|
+
"customElement": true
|
|
811
|
+
}
|
|
812
|
+
],
|
|
813
|
+
"exports": [
|
|
814
|
+
{
|
|
815
|
+
"kind": "js",
|
|
816
|
+
"name": "AuroCheckbox",
|
|
817
|
+
"declaration": {
|
|
818
|
+
"name": "AuroCheckbox",
|
|
819
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
820
|
+
}
|
|
821
|
+
}
|
|
822
|
+
]
|
|
823
|
+
},
|
|
824
|
+
{
|
|
825
|
+
"kind": "javascript-module",
|
|
826
|
+
"path": "components/checkbox/src/index.js",
|
|
827
|
+
"declarations": [],
|
|
828
|
+
"exports": [
|
|
829
|
+
{
|
|
830
|
+
"kind": "js",
|
|
831
|
+
"name": "AuroCheckbox",
|
|
832
|
+
"declaration": {
|
|
833
|
+
"name": "AuroCheckbox",
|
|
834
|
+
"module": "components/checkbox/src/index.js"
|
|
835
|
+
}
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"kind": "js",
|
|
839
|
+
"name": "AuroCheckboxGroup",
|
|
840
|
+
"declaration": {
|
|
841
|
+
"name": "AuroCheckboxGroup",
|
|
842
|
+
"module": "components/checkbox/src/index.js"
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
]
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"kind": "javascript-module",
|
|
849
|
+
"path": "components/checkbox/src/registered.js",
|
|
850
|
+
"declarations": [],
|
|
851
|
+
"exports": []
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"kind": "javascript-module",
|
|
855
|
+
"path": "components/bibtemplate/src/auro-bibtemplate.js",
|
|
856
|
+
"declarations": [
|
|
857
|
+
{
|
|
858
|
+
"kind": "class",
|
|
859
|
+
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
860
|
+
"name": "AuroBibtemplate",
|
|
861
|
+
"slots": [
|
|
1045
862
|
{
|
|
1046
|
-
"
|
|
1047
|
-
"name": "
|
|
1048
|
-
"privacy": "public",
|
|
1049
|
-
"type": {
|
|
1050
|
-
"text": "string"
|
|
1051
|
-
},
|
|
1052
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1053
|
-
"attribute": "validity",
|
|
1054
|
-
"reflects": true
|
|
863
|
+
"description": "The default slot for the main content.",
|
|
864
|
+
"name": "default"
|
|
1055
865
|
},
|
|
1056
866
|
{
|
|
1057
|
-
"
|
|
1058
|
-
"name": "
|
|
1059
|
-
"privacy": "public",
|
|
1060
|
-
"type": {
|
|
1061
|
-
"text": "string"
|
|
1062
|
-
},
|
|
1063
|
-
"description": "Value selected for the dropdown menu.",
|
|
1064
|
-
"attribute": "value"
|
|
867
|
+
"description": "Slot for the header content.",
|
|
868
|
+
"name": "header"
|
|
1065
869
|
},
|
|
1066
870
|
{
|
|
1067
|
-
"
|
|
1068
|
-
"name": "
|
|
1069
|
-
"privacy": "public",
|
|
1070
|
-
"type": {
|
|
1071
|
-
"text": "boolean"
|
|
1072
|
-
},
|
|
1073
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1074
|
-
"attribute": "largeFullscreenHeadline",
|
|
1075
|
-
"reflects": true
|
|
871
|
+
"description": "Slot for the subheader content.",
|
|
872
|
+
"name": "subheader"
|
|
1076
873
|
},
|
|
1077
874
|
{
|
|
1078
|
-
"
|
|
1079
|
-
"name": "
|
|
1080
|
-
"privacy": "public",
|
|
1081
|
-
"type": {
|
|
1082
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1083
|
-
},
|
|
1084
|
-
"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.",
|
|
1085
|
-
"default": "'sm'",
|
|
1086
|
-
"attribute": "fullscreenBreakpoint",
|
|
1087
|
-
"reflects": true
|
|
875
|
+
"description": "Slot for the footer content.",
|
|
876
|
+
"name": "footer"
|
|
1088
877
|
},
|
|
1089
878
|
{
|
|
1090
|
-
"
|
|
1091
|
-
"name": "
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
},
|
|
1096
|
-
"description": "Specifies the currently active option."
|
|
1097
|
-
},
|
|
879
|
+
"description": "Slot for the close button aria-label.",
|
|
880
|
+
"name": "ariaLabel.close"
|
|
881
|
+
}
|
|
882
|
+
],
|
|
883
|
+
"members": [
|
|
1098
884
|
{
|
|
1099
|
-
"kind": "
|
|
1100
|
-
"name": "
|
|
1101
|
-
"
|
|
1102
|
-
"
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
885
|
+
"kind": "method",
|
|
886
|
+
"name": "register",
|
|
887
|
+
"static": true,
|
|
888
|
+
"parameters": [
|
|
889
|
+
{
|
|
890
|
+
"name": "name",
|
|
891
|
+
"default": "\"auro-bibtemplate\"",
|
|
892
|
+
"description": "The name of element that you want to register to.",
|
|
893
|
+
"optional": true,
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "string"
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
],
|
|
899
|
+
"description": "This will register this element with the browser."
|
|
1106
900
|
},
|
|
1107
901
|
{
|
|
1108
|
-
"kind": "
|
|
1109
|
-
"name": "
|
|
1110
|
-
"
|
|
1111
|
-
|
|
902
|
+
"kind": "method",
|
|
903
|
+
"name": "preventBodyScroll",
|
|
904
|
+
"parameters": [
|
|
905
|
+
{
|
|
906
|
+
"name": "event",
|
|
907
|
+
"description": "The touchmove event.",
|
|
908
|
+
"type": {
|
|
909
|
+
"text": "Event"
|
|
910
|
+
}
|
|
911
|
+
}
|
|
912
|
+
],
|
|
913
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
1112
914
|
"return": {
|
|
1113
915
|
"type": {
|
|
1114
|
-
"text": "
|
|
916
|
+
"text": "void"
|
|
1115
917
|
}
|
|
1116
|
-
},
|
|
1117
|
-
"readonly": true,
|
|
1118
|
-
"inheritedFrom": {
|
|
1119
|
-
"name": "AuroElement",
|
|
1120
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1121
918
|
}
|
|
1122
919
|
},
|
|
1123
920
|
{
|
|
1124
921
|
"kind": "method",
|
|
1125
|
-
"name": "
|
|
1126
|
-
"
|
|
1127
|
-
|
|
1128
|
-
"
|
|
922
|
+
"name": "focusCloseButton",
|
|
923
|
+
"description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
|
|
924
|
+
"return": {
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "void"
|
|
927
|
+
}
|
|
1129
928
|
}
|
|
1130
929
|
},
|
|
1131
930
|
{
|
|
1132
931
|
"kind": "method",
|
|
1133
|
-
"name": "
|
|
1134
|
-
"inheritedFrom": {
|
|
1135
|
-
"name": "AuroElement",
|
|
1136
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1137
|
-
}
|
|
932
|
+
"name": "onCloseButtonClick"
|
|
1138
933
|
},
|
|
1139
934
|
{
|
|
1140
935
|
"kind": "method",
|
|
1141
|
-
"name": "
|
|
1142
|
-
"
|
|
1143
|
-
|
|
1144
|
-
"
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
{
|
|
1148
|
-
"kind": "field",
|
|
1149
|
-
"name": "shape",
|
|
1150
|
-
"privacy": "public",
|
|
1151
|
-
"type": {
|
|
1152
|
-
"text": "string"
|
|
1153
|
-
},
|
|
1154
|
-
"attribute": "shape",
|
|
1155
|
-
"reflects": true,
|
|
1156
|
-
"inheritedFrom": {
|
|
1157
|
-
"name": "AuroElement",
|
|
1158
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
936
|
+
"name": "exposeCssParts",
|
|
937
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
938
|
+
"return": {
|
|
939
|
+
"type": {
|
|
940
|
+
"text": "void"
|
|
941
|
+
}
|
|
1159
942
|
}
|
|
1160
943
|
},
|
|
1161
944
|
{
|
|
1162
|
-
"kind": "field",
|
|
1163
|
-
"name": "
|
|
1164
|
-
"privacy": "public",
|
|
1165
|
-
"type": {
|
|
1166
|
-
"text": "string"
|
|
1167
|
-
},
|
|
1168
|
-
"attribute": "size",
|
|
1169
|
-
"reflects": true,
|
|
1170
|
-
"inheritedFrom": {
|
|
1171
|
-
"name": "AuroElement",
|
|
1172
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
],
|
|
1176
|
-
"events": [
|
|
1177
|
-
{
|
|
1178
|
-
"name": "inputValue",
|
|
1179
|
-
"type": {
|
|
1180
|
-
"text": "CustomEvent"
|
|
1181
|
-
},
|
|
1182
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1183
|
-
},
|
|
1184
|
-
{
|
|
1185
|
-
"name": "input",
|
|
1186
|
-
"type": {
|
|
1187
|
-
"text": "CustomEvent"
|
|
1188
|
-
},
|
|
1189
|
-
"description": "Notifies that the component has a new value set."
|
|
1190
|
-
},
|
|
1191
|
-
{
|
|
1192
|
-
"name": "auroCombobox-valueSet",
|
|
1193
|
-
"type": {
|
|
1194
|
-
"text": "CustomEvent"
|
|
1195
|
-
},
|
|
1196
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1197
|
-
},
|
|
1198
|
-
{
|
|
1199
|
-
"description": "Notifies that the component value(s) have been validated.",
|
|
1200
|
-
"name": "auroFormElement-validated"
|
|
1201
|
-
}
|
|
1202
|
-
],
|
|
1203
|
-
"attributes": [
|
|
1204
|
-
{
|
|
1205
|
-
"name": "appearance",
|
|
1206
|
-
"type": {
|
|
1207
|
-
"text": "string"
|
|
1208
|
-
},
|
|
1209
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1210
|
-
"default": "'default'",
|
|
1211
|
-
"fieldName": "appearance"
|
|
1212
|
-
},
|
|
1213
|
-
{
|
|
1214
|
-
"name": "autocomplete",
|
|
1215
|
-
"type": {
|
|
1216
|
-
"text": "string"
|
|
1217
|
-
},
|
|
1218
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1219
|
-
"fieldName": "autocomplete"
|
|
1220
|
-
},
|
|
1221
|
-
{
|
|
1222
|
-
"name": "autoPlacement",
|
|
1223
|
-
"type": {
|
|
1224
|
-
"text": "boolean"
|
|
1225
|
-
},
|
|
1226
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1227
|
-
"fieldName": "autoPlacement"
|
|
1228
|
-
},
|
|
1229
|
-
{
|
|
1230
|
-
"name": "availableOptions",
|
|
1231
|
-
"type": {
|
|
1232
|
-
"text": "array"
|
|
1233
|
-
},
|
|
1234
|
-
"description": "Array of available options to display in the dropdown.",
|
|
1235
|
-
"fieldName": "availableOptions"
|
|
1236
|
-
},
|
|
1237
|
-
{
|
|
1238
|
-
"name": "behavior",
|
|
1239
|
-
"type": {
|
|
1240
|
-
"text": "'filter' | 'suggestion'"
|
|
1241
|
-
},
|
|
1242
|
-
"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.",
|
|
1243
|
-
"default": "'suggestion'",
|
|
1244
|
-
"fieldName": "behavior"
|
|
1245
|
-
},
|
|
1246
|
-
{
|
|
1247
|
-
"name": "checkmark",
|
|
1248
|
-
"type": {
|
|
1249
|
-
"text": "boolean"
|
|
1250
|
-
},
|
|
1251
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1252
|
-
"fieldName": "checkmark"
|
|
1253
|
-
},
|
|
1254
|
-
{
|
|
1255
|
-
"name": "disabled",
|
|
1256
|
-
"type": {
|
|
1257
|
-
"text": "boolean"
|
|
1258
|
-
},
|
|
1259
|
-
"description": "If set, disables the combobox.",
|
|
1260
|
-
"fieldName": "disabled"
|
|
1261
|
-
},
|
|
1262
|
-
{
|
|
1263
|
-
"name": "dvInputOnly",
|
|
1264
|
-
"type": {
|
|
1265
|
-
"text": "boolean"
|
|
1266
|
-
},
|
|
1267
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1268
|
-
"fieldName": "dvInputOnly"
|
|
1269
|
-
},
|
|
1270
|
-
{
|
|
1271
|
-
"name": "error",
|
|
1272
|
-
"type": {
|
|
1273
|
-
"text": "string"
|
|
1274
|
-
},
|
|
1275
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1276
|
-
"fieldName": "error"
|
|
1277
|
-
},
|
|
1278
|
-
{
|
|
1279
|
-
"name": "format",
|
|
1280
|
-
"type": {
|
|
1281
|
-
"text": "string"
|
|
1282
|
-
},
|
|
1283
|
-
"description": "Specifies the input mask format.",
|
|
1284
|
-
"fieldName": "format"
|
|
1285
|
-
},
|
|
1286
|
-
{
|
|
1287
|
-
"name": "inputmode",
|
|
1288
|
-
"type": {
|
|
1289
|
-
"text": "string"
|
|
1290
|
-
},
|
|
1291
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1292
|
-
"fieldName": "inputmode"
|
|
1293
|
-
},
|
|
1294
|
-
{
|
|
1295
|
-
"name": "layout",
|
|
1296
|
-
"type": {
|
|
1297
|
-
"text": "string"
|
|
1298
|
-
},
|
|
1299
|
-
"description": "Sets the layout of the combobox.",
|
|
1300
|
-
"default": "'classic'",
|
|
1301
|
-
"fieldName": "layout",
|
|
1302
|
-
"inheritedFrom": {
|
|
1303
|
-
"name": "AuroElement",
|
|
1304
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
1307
|
-
{
|
|
1308
|
-
"name": "matchWidth",
|
|
1309
|
-
"type": {
|
|
1310
|
-
"text": "boolean"
|
|
1311
|
-
},
|
|
1312
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1313
|
-
"fieldName": "matchWidth"
|
|
1314
|
-
},
|
|
1315
|
-
{
|
|
1316
|
-
"name": "noFilter",
|
|
1317
|
-
"type": {
|
|
1318
|
-
"text": "boolean"
|
|
1319
|
-
},
|
|
1320
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1321
|
-
"fieldName": "noFilter"
|
|
1322
|
-
},
|
|
1323
|
-
{
|
|
1324
|
-
"name": "noFlip",
|
|
1325
|
-
"type": {
|
|
1326
|
-
"text": "boolean"
|
|
1327
|
-
},
|
|
1328
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1329
|
-
"fieldName": "noFlip"
|
|
1330
|
-
},
|
|
1331
|
-
{
|
|
1332
|
-
"name": "shift",
|
|
1333
|
-
"type": {
|
|
1334
|
-
"text": "boolean"
|
|
1335
|
-
},
|
|
1336
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1337
|
-
"fieldName": "shift"
|
|
1338
|
-
},
|
|
1339
|
-
{
|
|
1340
|
-
"name": "noValidate",
|
|
1341
|
-
"type": {
|
|
1342
|
-
"text": "boolean"
|
|
1343
|
-
},
|
|
1344
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1345
|
-
"fieldName": "noValidate"
|
|
1346
|
-
},
|
|
1347
|
-
{
|
|
1348
|
-
"name": "offset",
|
|
1349
|
-
"type": {
|
|
1350
|
-
"text": "number"
|
|
1351
|
-
},
|
|
1352
|
-
"description": "Gap between the trigger element and bib.",
|
|
1353
|
-
"default": "0",
|
|
1354
|
-
"fieldName": "offset"
|
|
1355
|
-
},
|
|
1356
|
-
{
|
|
1357
|
-
"name": "onDark",
|
|
1358
|
-
"type": {
|
|
1359
|
-
"text": "boolean"
|
|
1360
|
-
},
|
|
1361
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1362
|
-
"fieldName": "onDark"
|
|
1363
|
-
},
|
|
1364
|
-
{
|
|
1365
|
-
"name": "optionSelected",
|
|
1366
|
-
"type": {
|
|
1367
|
-
"text": "HTMLElement"
|
|
1368
|
-
},
|
|
1369
|
-
"description": "Specifies the current selected option.",
|
|
1370
|
-
"fieldName": "optionSelected"
|
|
1371
|
-
},
|
|
1372
|
-
{
|
|
1373
|
-
"name": "persistInput",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
},
|
|
1377
|
-
"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.",
|
|
1378
|
-
"fieldName": "persistInput"
|
|
1379
|
-
},
|
|
1380
|
-
{
|
|
1381
|
-
"name": "placement",
|
|
1382
|
-
"type": {
|
|
1383
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1384
|
-
},
|
|
1385
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1386
|
-
"default": "'bottom-start'",
|
|
1387
|
-
"fieldName": "placement"
|
|
1388
|
-
},
|
|
1389
|
-
{
|
|
1390
|
-
"name": "placeholder",
|
|
1391
|
-
"type": {
|
|
1392
|
-
"text": "string"
|
|
1393
|
-
},
|
|
1394
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1395
|
-
"fieldName": "placeholder"
|
|
1396
|
-
},
|
|
1397
|
-
{
|
|
1398
|
-
"name": "required",
|
|
1399
|
-
"type": {
|
|
1400
|
-
"text": "boolean"
|
|
1401
|
-
},
|
|
1402
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1403
|
-
"fieldName": "required"
|
|
1404
|
-
},
|
|
1405
|
-
{
|
|
1406
|
-
"name": "setCustomValidity",
|
|
1407
|
-
"type": {
|
|
1408
|
-
"text": "string"
|
|
1409
|
-
},
|
|
1410
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1411
|
-
"fieldName": "setCustomValidity"
|
|
1412
|
-
},
|
|
1413
|
-
{
|
|
1414
|
-
"name": "setCustomValidityCustomError",
|
|
1415
|
-
"type": {
|
|
1416
|
-
"text": "string"
|
|
1417
|
-
},
|
|
1418
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1419
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1420
|
-
},
|
|
1421
|
-
{
|
|
1422
|
-
"name": "setCustomValidityValueMissing",
|
|
1423
|
-
"type": {
|
|
1424
|
-
"text": "string"
|
|
1425
|
-
},
|
|
1426
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1427
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1431
|
-
"type": {
|
|
1432
|
-
"text": "string"
|
|
1433
|
-
},
|
|
1434
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1435
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1436
|
-
},
|
|
1437
|
-
{
|
|
1438
|
-
"name": "triggerIcon",
|
|
1439
|
-
"type": {
|
|
1440
|
-
"text": "boolean"
|
|
1441
|
-
},
|
|
1442
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1443
|
-
"fieldName": "triggerIcon"
|
|
1444
|
-
},
|
|
1445
|
-
{
|
|
1446
|
-
"name": "type",
|
|
1447
|
-
"type": {
|
|
1448
|
-
"text": "string"
|
|
1449
|
-
},
|
|
1450
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1451
|
-
"fieldName": "type"
|
|
1452
|
-
},
|
|
1453
|
-
{
|
|
1454
|
-
"name": "typedValue",
|
|
1455
|
-
"type": {
|
|
1456
|
-
"text": "string"
|
|
1457
|
-
},
|
|
1458
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1459
|
-
"fieldName": "typedValue"
|
|
1460
|
-
},
|
|
1461
|
-
{
|
|
1462
|
-
"name": "validity",
|
|
945
|
+
"kind": "field",
|
|
946
|
+
"name": "large",
|
|
947
|
+
"privacy": "public",
|
|
1463
948
|
"type": {
|
|
1464
|
-
"text": "
|
|
949
|
+
"text": "boolean"
|
|
1465
950
|
},
|
|
1466
|
-
"
|
|
1467
|
-
"
|
|
951
|
+
"default": "false",
|
|
952
|
+
"attribute": "large",
|
|
953
|
+
"reflects": true
|
|
1468
954
|
},
|
|
1469
955
|
{
|
|
1470
|
-
"
|
|
1471
|
-
"
|
|
1472
|
-
|
|
1473
|
-
},
|
|
1474
|
-
"description": "Value selected for the dropdown menu.",
|
|
1475
|
-
"fieldName": "value"
|
|
956
|
+
"kind": "field",
|
|
957
|
+
"name": "iconTag",
|
|
958
|
+
"privacy": "private"
|
|
1476
959
|
},
|
|
1477
960
|
{
|
|
1478
|
-
"
|
|
961
|
+
"kind": "field",
|
|
962
|
+
"name": "headerTag",
|
|
963
|
+
"privacy": "private"
|
|
964
|
+
},
|
|
965
|
+
{
|
|
966
|
+
"kind": "field",
|
|
967
|
+
"name": "buttonTag",
|
|
968
|
+
"privacy": "private"
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"kind": "field",
|
|
972
|
+
"name": "isFullscreen",
|
|
973
|
+
"privacy": "public",
|
|
1479
974
|
"type": {
|
|
1480
975
|
"text": "boolean"
|
|
1481
976
|
},
|
|
1482
|
-
"
|
|
1483
|
-
"
|
|
1484
|
-
}
|
|
977
|
+
"attribute": "isFullscreen",
|
|
978
|
+
"reflects": true
|
|
979
|
+
}
|
|
980
|
+
],
|
|
981
|
+
"events": [
|
|
1485
982
|
{
|
|
1486
|
-
"name": "
|
|
983
|
+
"name": "close-click",
|
|
1487
984
|
"type": {
|
|
1488
|
-
"text": "
|
|
1489
|
-
}
|
|
1490
|
-
"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.",
|
|
1491
|
-
"default": "'sm'",
|
|
1492
|
-
"fieldName": "fullscreenBreakpoint"
|
|
985
|
+
"text": "Event"
|
|
986
|
+
}
|
|
1493
987
|
},
|
|
1494
988
|
{
|
|
1495
|
-
"name": "
|
|
989
|
+
"name": "auro-bibtemplate-connected",
|
|
1496
990
|
"type": {
|
|
1497
|
-
"text": "
|
|
1498
|
-
},
|
|
1499
|
-
"fieldName": "shape",
|
|
1500
|
-
"inheritedFrom": {
|
|
1501
|
-
"name": "AuroElement",
|
|
1502
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
991
|
+
"text": "CustomEvent"
|
|
1503
992
|
}
|
|
1504
|
-
}
|
|
993
|
+
}
|
|
994
|
+
],
|
|
995
|
+
"attributes": [
|
|
1505
996
|
{
|
|
1506
|
-
"name": "
|
|
997
|
+
"name": "isFullscreen",
|
|
1507
998
|
"type": {
|
|
1508
|
-
"text": "
|
|
999
|
+
"text": "boolean"
|
|
1509
1000
|
},
|
|
1510
|
-
"fieldName": "
|
|
1511
|
-
"inheritedFrom": {
|
|
1512
|
-
"name": "AuroElement",
|
|
1513
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1514
|
-
}
|
|
1001
|
+
"fieldName": "isFullscreen"
|
|
1515
1002
|
},
|
|
1516
1003
|
{
|
|
1517
|
-
"name": "
|
|
1004
|
+
"name": "large",
|
|
1518
1005
|
"type": {
|
|
1519
1006
|
"text": "boolean"
|
|
1520
1007
|
},
|
|
1521
|
-
"
|
|
1522
|
-
"
|
|
1523
|
-
"name": "AuroElement",
|
|
1524
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1525
|
-
}
|
|
1008
|
+
"default": "false",
|
|
1009
|
+
"fieldName": "large"
|
|
1526
1010
|
}
|
|
1527
1011
|
],
|
|
1528
1012
|
"superclass": {
|
|
1529
|
-
"name": "
|
|
1530
|
-
"
|
|
1013
|
+
"name": "LitElement",
|
|
1014
|
+
"package": "lit"
|
|
1531
1015
|
},
|
|
1532
|
-
"tagName": "auro-
|
|
1016
|
+
"tagName": "auro-bibtemplate",
|
|
1533
1017
|
"customElement": true
|
|
1534
1018
|
}
|
|
1535
1019
|
],
|
|
1536
1020
|
"exports": [
|
|
1537
1021
|
{
|
|
1538
1022
|
"kind": "js",
|
|
1539
|
-
"name": "
|
|
1023
|
+
"name": "AuroBibtemplate",
|
|
1540
1024
|
"declaration": {
|
|
1541
|
-
"name": "
|
|
1542
|
-
"module": "components/
|
|
1025
|
+
"name": "AuroBibtemplate",
|
|
1026
|
+
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
1543
1027
|
}
|
|
1544
1028
|
}
|
|
1545
1029
|
]
|
|
1546
1030
|
},
|
|
1547
1031
|
{
|
|
1548
1032
|
"kind": "javascript-module",
|
|
1549
|
-
"path": "components/
|
|
1550
|
-
"declarations": [
|
|
1033
|
+
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
1034
|
+
"declarations": [],
|
|
1035
|
+
"exports": [
|
|
1551
1036
|
{
|
|
1552
|
-
"kind": "
|
|
1553
|
-
"name": "
|
|
1554
|
-
"
|
|
1555
|
-
"
|
|
1556
|
-
|
|
1557
|
-
|
|
1037
|
+
"kind": "js",
|
|
1038
|
+
"name": "default",
|
|
1039
|
+
"declaration": {
|
|
1040
|
+
"name": "12.3.2",
|
|
1041
|
+
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
1042
|
+
}
|
|
1558
1043
|
}
|
|
1559
|
-
]
|
|
1044
|
+
]
|
|
1045
|
+
},
|
|
1046
|
+
{
|
|
1047
|
+
"kind": "javascript-module",
|
|
1048
|
+
"path": "components/bibtemplate/src/headerVersion.js",
|
|
1049
|
+
"declarations": [],
|
|
1560
1050
|
"exports": [
|
|
1561
1051
|
{
|
|
1562
1052
|
"kind": "js",
|
|
1563
|
-
"name": "
|
|
1053
|
+
"name": "default",
|
|
1564
1054
|
"declaration": {
|
|
1565
|
-
"name": "
|
|
1566
|
-
"module": "components/
|
|
1055
|
+
"name": "5.0.1",
|
|
1056
|
+
"module": "components/bibtemplate/src/headerVersion.js"
|
|
1567
1057
|
}
|
|
1568
1058
|
}
|
|
1569
1059
|
]
|
|
1570
1060
|
},
|
|
1571
1061
|
{
|
|
1572
1062
|
"kind": "javascript-module",
|
|
1573
|
-
"path": "components/
|
|
1063
|
+
"path": "components/bibtemplate/src/iconVersion.js",
|
|
1574
1064
|
"declarations": [],
|
|
1575
1065
|
"exports": [
|
|
1576
1066
|
{
|
|
1577
1067
|
"kind": "js",
|
|
1578
|
-
"name": "
|
|
1068
|
+
"name": "default",
|
|
1579
1069
|
"declaration": {
|
|
1580
|
-
"name": "
|
|
1581
|
-
"module": "components/
|
|
1070
|
+
"name": "9.1.2",
|
|
1071
|
+
"module": "components/bibtemplate/src/iconVersion.js"
|
|
1582
1072
|
}
|
|
1583
1073
|
}
|
|
1584
1074
|
]
|
|
1585
1075
|
},
|
|
1586
1076
|
{
|
|
1587
1077
|
"kind": "javascript-module",
|
|
1588
|
-
"path": "components/
|
|
1078
|
+
"path": "components/bibtemplate/src/index.js",
|
|
1589
1079
|
"declarations": [],
|
|
1590
1080
|
"exports": [
|
|
1591
1081
|
{
|
|
1592
1082
|
"kind": "js",
|
|
1593
|
-
"name": "
|
|
1083
|
+
"name": "AuroBibtemplate",
|
|
1594
1084
|
"declaration": {
|
|
1595
|
-
"name": "
|
|
1596
|
-
"module": "components/
|
|
1085
|
+
"name": "AuroBibtemplate",
|
|
1086
|
+
"module": "components/bibtemplate/src/index.js"
|
|
1597
1087
|
}
|
|
1598
1088
|
}
|
|
1599
1089
|
]
|
|
1600
1090
|
},
|
|
1601
1091
|
{
|
|
1602
1092
|
"kind": "javascript-module",
|
|
1603
|
-
"path": "components/
|
|
1093
|
+
"path": "components/bibtemplate/src/registered.js",
|
|
1094
|
+
"declarations": [],
|
|
1095
|
+
"exports": []
|
|
1096
|
+
},
|
|
1097
|
+
{
|
|
1098
|
+
"kind": "javascript-module",
|
|
1099
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1604
1100
|
"declarations": [
|
|
1605
1101
|
{
|
|
1606
1102
|
"kind": "class",
|
|
1607
|
-
"description": "The `auro-
|
|
1608
|
-
"name": "
|
|
1103
|
+
"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.",
|
|
1104
|
+
"name": "AuroCombobox",
|
|
1609
1105
|
"slots": [
|
|
1610
1106
|
{
|
|
1611
|
-
"description": "
|
|
1612
|
-
"name": "
|
|
1107
|
+
"description": "Default slot for the menu content.",
|
|
1108
|
+
"name": ""
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
1111
|
+
"type": {
|
|
1112
|
+
"text": "HTMLSlotElement"
|
|
1113
|
+
},
|
|
1114
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1115
|
+
"name": "optionalLabel"
|
|
1116
|
+
},
|
|
1117
|
+
{
|
|
1118
|
+
"description": "Sets aria-label on clear button",
|
|
1119
|
+
"name": "ariaLabel.input.clear"
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1123
|
+
"name": "ariaLabel.bib.close"
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"description": "Defines the headline to display above menu-options",
|
|
1127
|
+
"name": "bib.fullscreen.headline"
|
|
1128
|
+
},
|
|
1129
|
+
{
|
|
1130
|
+
"description": "Defines the content of the label.",
|
|
1131
|
+
"name": "label"
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"description": "Defines the content of the helpText.",
|
|
1135
|
+
"name": "helpText"
|
|
1136
|
+
},
|
|
1137
|
+
{
|
|
1138
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1139
|
+
"name": "displayValue"
|
|
1140
|
+
}
|
|
1141
|
+
],
|
|
1142
|
+
"members": [
|
|
1143
|
+
{
|
|
1144
|
+
"kind": "method",
|
|
1145
|
+
"name": "_initializeDefaults",
|
|
1146
|
+
"privacy": "private",
|
|
1147
|
+
"return": {
|
|
1148
|
+
"type": {
|
|
1149
|
+
"text": "void"
|
|
1150
|
+
}
|
|
1151
|
+
}
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
"kind": "field",
|
|
1155
|
+
"name": "inputValue",
|
|
1156
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1157
|
+
"return": {
|
|
1158
|
+
"type": {
|
|
1159
|
+
"text": "string|undefined"
|
|
1160
|
+
}
|
|
1161
|
+
},
|
|
1162
|
+
"readonly": true
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"kind": "method",
|
|
1166
|
+
"name": "isValid",
|
|
1167
|
+
"description": "Checks if the element is valid.",
|
|
1168
|
+
"return": {
|
|
1169
|
+
"type": {
|
|
1170
|
+
"text": "boolean"
|
|
1171
|
+
}
|
|
1172
|
+
}
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"kind": "method",
|
|
1176
|
+
"name": "register",
|
|
1177
|
+
"static": true,
|
|
1178
|
+
"parameters": [
|
|
1179
|
+
{
|
|
1180
|
+
"name": "name",
|
|
1181
|
+
"default": "'auro-combobox'",
|
|
1182
|
+
"description": "The name of the element that you want to register.",
|
|
1183
|
+
"optional": true,
|
|
1184
|
+
"type": {
|
|
1185
|
+
"text": "string"
|
|
1186
|
+
}
|
|
1187
|
+
}
|
|
1188
|
+
],
|
|
1189
|
+
"description": "This will register this element with the browser."
|
|
1190
|
+
},
|
|
1191
|
+
{
|
|
1192
|
+
"kind": "method",
|
|
1193
|
+
"name": "updateFilter",
|
|
1194
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1195
|
+
"privacy": "private"
|
|
1196
|
+
},
|
|
1197
|
+
{
|
|
1198
|
+
"kind": "method",
|
|
1199
|
+
"name": "syncValuesAndStates",
|
|
1200
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1201
|
+
"privacy": "private",
|
|
1202
|
+
"return": {
|
|
1203
|
+
"type": {
|
|
1204
|
+
"text": "void"
|
|
1205
|
+
}
|
|
1206
|
+
}
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"kind": "method",
|
|
1210
|
+
"name": "updateTriggerTextDisplay",
|
|
1211
|
+
"parameters": [
|
|
1212
|
+
{
|
|
1213
|
+
"name": "label",
|
|
1214
|
+
"description": "The label of the selected option.",
|
|
1215
|
+
"type": {
|
|
1216
|
+
"text": "string"
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1219
|
+
],
|
|
1220
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1221
|
+
"privacy": "private"
|
|
1222
|
+
},
|
|
1223
|
+
{
|
|
1224
|
+
"kind": "method",
|
|
1225
|
+
"name": "handleMenuOptions",
|
|
1226
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1227
|
+
"privacy": "private",
|
|
1228
|
+
"return": {
|
|
1229
|
+
"type": {
|
|
1230
|
+
"text": "void"
|
|
1231
|
+
}
|
|
1232
|
+
}
|
|
1613
1233
|
},
|
|
1614
1234
|
{
|
|
1615
|
-
"
|
|
1616
|
-
"name": "
|
|
1235
|
+
"kind": "method",
|
|
1236
|
+
"name": "generateOptionsArray",
|
|
1237
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1238
|
+
"privacy": "private",
|
|
1239
|
+
"return": {
|
|
1240
|
+
"type": {
|
|
1241
|
+
"text": "void"
|
|
1242
|
+
}
|
|
1243
|
+
}
|
|
1617
1244
|
},
|
|
1618
1245
|
{
|
|
1619
|
-
"
|
|
1620
|
-
"name": "
|
|
1246
|
+
"kind": "method",
|
|
1247
|
+
"name": "hideBib",
|
|
1248
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1249
|
+
"return": {
|
|
1250
|
+
"type": {
|
|
1251
|
+
"text": "void"
|
|
1252
|
+
}
|
|
1253
|
+
}
|
|
1621
1254
|
},
|
|
1622
1255
|
{
|
|
1623
|
-
"
|
|
1624
|
-
"name": "
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1256
|
+
"kind": "method",
|
|
1257
|
+
"name": "showBib",
|
|
1258
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1259
|
+
"return": {
|
|
1260
|
+
"type": {
|
|
1261
|
+
"text": "void"
|
|
1262
|
+
}
|
|
1263
|
+
}
|
|
1264
|
+
},
|
|
1628
1265
|
{
|
|
1629
1266
|
"kind": "method",
|
|
1630
|
-
"name": "
|
|
1267
|
+
"name": "configureDropdown",
|
|
1268
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1269
|
+
"privacy": "private",
|
|
1270
|
+
"return": {
|
|
1271
|
+
"type": {
|
|
1272
|
+
"text": "void"
|
|
1273
|
+
}
|
|
1274
|
+
}
|
|
1631
1275
|
},
|
|
1632
1276
|
{
|
|
1633
1277
|
"kind": "method",
|
|
1634
|
-
"name": "
|
|
1635
|
-
"
|
|
1278
|
+
"name": "setClearBtnFocus",
|
|
1279
|
+
"privacy": "private"
|
|
1280
|
+
},
|
|
1281
|
+
{
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "setInputFocus",
|
|
1284
|
+
"privacy": "private"
|
|
1285
|
+
},
|
|
1286
|
+
{
|
|
1287
|
+
"kind": "method",
|
|
1288
|
+
"name": "updateBibDialogRole",
|
|
1289
|
+
"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.",
|
|
1290
|
+
"privacy": "private"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"kind": "method",
|
|
1294
|
+
"name": "updateMenuShapeSize",
|
|
1295
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1296
|
+
"privacy": "private"
|
|
1297
|
+
},
|
|
1298
|
+
{
|
|
1299
|
+
"kind": "method",
|
|
1300
|
+
"name": "configureMenu",
|
|
1301
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1302
|
+
"privacy": "private",
|
|
1303
|
+
"return": {
|
|
1304
|
+
"type": {
|
|
1305
|
+
"text": "void"
|
|
1306
|
+
}
|
|
1307
|
+
}
|
|
1308
|
+
},
|
|
1309
|
+
{
|
|
1310
|
+
"kind": "method",
|
|
1311
|
+
"name": "configureInput",
|
|
1312
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1313
|
+
"privacy": "private",
|
|
1314
|
+
"return": {
|
|
1315
|
+
"type": {
|
|
1316
|
+
"text": "void"
|
|
1317
|
+
}
|
|
1318
|
+
}
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"kind": "method",
|
|
1322
|
+
"name": "handleMenuLoadingChange",
|
|
1636
1323
|
"parameters": [
|
|
1637
1324
|
{
|
|
1638
|
-
"name": "
|
|
1639
|
-
"
|
|
1640
|
-
"description": "The name of the element that you want to register.",
|
|
1641
|
-
"optional": true,
|
|
1325
|
+
"name": "event",
|
|
1326
|
+
"description": "The event object containing details about the loading state change.",
|
|
1642
1327
|
"type": {
|
|
1643
|
-
"text": "
|
|
1328
|
+
"text": "CustomEvent"
|
|
1329
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1333
|
+
"name": "event.detail.loading",
|
|
1334
|
+
"type": {
|
|
1335
|
+
"text": "boolean"
|
|
1336
|
+
}
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1340
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1341
|
+
"type": {
|
|
1342
|
+
"text": "boolean"
|
|
1644
1343
|
}
|
|
1645
1344
|
}
|
|
1646
1345
|
],
|
|
1647
|
-
"description": "
|
|
1346
|
+
"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.",
|
|
1347
|
+
"privacy": "private",
|
|
1348
|
+
"return": {
|
|
1349
|
+
"type": {
|
|
1350
|
+
"text": "void"
|
|
1351
|
+
}
|
|
1352
|
+
}
|
|
1648
1353
|
},
|
|
1649
1354
|
{
|
|
1650
1355
|
"kind": "method",
|
|
1651
|
-
"name": "
|
|
1356
|
+
"name": "handleInputValueChange",
|
|
1652
1357
|
"parameters": [
|
|
1653
1358
|
{
|
|
1654
|
-
"name": "
|
|
1655
|
-
"description": "The
|
|
1359
|
+
"name": "event",
|
|
1360
|
+
"description": "The input event triggered by the input element.",
|
|
1656
1361
|
"type": {
|
|
1657
|
-
"text": "
|
|
1362
|
+
"text": "Event"
|
|
1658
1363
|
}
|
|
1659
|
-
}
|
|
1364
|
+
}
|
|
1365
|
+
],
|
|
1366
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1367
|
+
"privacy": "private",
|
|
1368
|
+
"return": {
|
|
1369
|
+
"type": {
|
|
1370
|
+
"text": "void"
|
|
1371
|
+
}
|
|
1372
|
+
}
|
|
1373
|
+
},
|
|
1374
|
+
{
|
|
1375
|
+
"kind": "method",
|
|
1376
|
+
"name": "configureCombobox",
|
|
1377
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1378
|
+
"privacy": "private",
|
|
1379
|
+
"return": {
|
|
1380
|
+
"type": {
|
|
1381
|
+
"text": "void"
|
|
1382
|
+
}
|
|
1383
|
+
}
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"kind": "method",
|
|
1387
|
+
"name": "focus",
|
|
1388
|
+
"description": "Focuses the combobox trigger input.",
|
|
1389
|
+
"return": {
|
|
1390
|
+
"type": {
|
|
1391
|
+
"text": "void"
|
|
1392
|
+
}
|
|
1393
|
+
}
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"kind": "method",
|
|
1397
|
+
"name": "setMenuValue",
|
|
1398
|
+
"parameters": [
|
|
1660
1399
|
{
|
|
1661
|
-
"name": "
|
|
1662
|
-
"description": "The
|
|
1400
|
+
"name": "value",
|
|
1401
|
+
"description": "The value to set on the menu.",
|
|
1663
1402
|
"type": {
|
|
1664
|
-
"text": "
|
|
1403
|
+
"text": "string"
|
|
1665
1404
|
}
|
|
1666
1405
|
}
|
|
1667
1406
|
],
|
|
1668
|
-
"description": "
|
|
1669
|
-
"privacy": "private",
|
|
1407
|
+
"description": "Sets the menu value if menu is available.",
|
|
1670
1408
|
"return": {
|
|
1671
1409
|
"type": {
|
|
1672
1410
|
"text": "void"
|
|
@@ -1675,9 +1413,8 @@
|
|
|
1675
1413
|
},
|
|
1676
1414
|
{
|
|
1677
1415
|
"kind": "method",
|
|
1678
|
-
"name": "
|
|
1679
|
-
"description": "
|
|
1680
|
-
"privacy": "private",
|
|
1416
|
+
"name": "reset",
|
|
1417
|
+
"description": "Resets component to initial state.",
|
|
1681
1418
|
"return": {
|
|
1682
1419
|
"type": {
|
|
1683
1420
|
"text": "void"
|
|
@@ -1686,8 +1423,57 @@
|
|
|
1686
1423
|
},
|
|
1687
1424
|
{
|
|
1688
1425
|
"kind": "method",
|
|
1689
|
-
"name": "
|
|
1690
|
-
"description": "
|
|
1426
|
+
"name": "clear",
|
|
1427
|
+
"description": "Clears the current value of the combobox.",
|
|
1428
|
+
"return": {
|
|
1429
|
+
"type": {
|
|
1430
|
+
"text": "void"
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"kind": "method",
|
|
1436
|
+
"name": "validate",
|
|
1437
|
+
"parameters": [
|
|
1438
|
+
{
|
|
1439
|
+
"name": "force",
|
|
1440
|
+
"default": "false",
|
|
1441
|
+
"description": "Whether to force validation.",
|
|
1442
|
+
"optional": true,
|
|
1443
|
+
"type": {
|
|
1444
|
+
"text": "boolean"
|
|
1445
|
+
}
|
|
1446
|
+
}
|
|
1447
|
+
],
|
|
1448
|
+
"description": "Validates value."
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"kind": "method",
|
|
1452
|
+
"name": "transportAssignedNodes",
|
|
1453
|
+
"parameters": [
|
|
1454
|
+
{
|
|
1455
|
+
"name": "slot",
|
|
1456
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1457
|
+
"type": {
|
|
1458
|
+
"text": "HTMLSlotElement"
|
|
1459
|
+
}
|
|
1460
|
+
},
|
|
1461
|
+
{
|
|
1462
|
+
"name": "target",
|
|
1463
|
+
"description": "The target element to apply the nodes to.",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "HTMLElement"
|
|
1466
|
+
}
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"name": "newSlotName",
|
|
1470
|
+
"description": "The new slot name for the applied nodes.",
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "string"
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1475
|
+
],
|
|
1476
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1691
1477
|
"privacy": "private",
|
|
1692
1478
|
"return": {
|
|
1693
1479
|
"type": {
|
|
@@ -1697,42 +1483,105 @@
|
|
|
1697
1483
|
},
|
|
1698
1484
|
{
|
|
1699
1485
|
"kind": "method",
|
|
1700
|
-
"name": "
|
|
1701
|
-
"
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
"
|
|
1486
|
+
"name": "updateActiveOption",
|
|
1487
|
+
"parameters": [
|
|
1488
|
+
{
|
|
1489
|
+
"name": "index",
|
|
1490
|
+
"description": "Index of the option to make active.",
|
|
1491
|
+
"type": {
|
|
1492
|
+
"text": "number"
|
|
1493
|
+
}
|
|
1705
1494
|
}
|
|
1706
|
-
|
|
1495
|
+
],
|
|
1496
|
+
"description": "Updates the active option in the menu."
|
|
1707
1497
|
},
|
|
1708
1498
|
{
|
|
1709
1499
|
"kind": "method",
|
|
1710
|
-
"name": "
|
|
1500
|
+
"name": "handleSlotChange",
|
|
1711
1501
|
"parameters": [
|
|
1712
1502
|
{
|
|
1713
|
-
"name": "
|
|
1714
|
-
"
|
|
1715
|
-
"description": "Whether to force validation.",
|
|
1716
|
-
"optional": true,
|
|
1503
|
+
"name": "event",
|
|
1504
|
+
"description": "`slotchange` event.",
|
|
1717
1505
|
"type": {
|
|
1718
|
-
"text": "
|
|
1506
|
+
"text": "Event"
|
|
1719
1507
|
}
|
|
1720
1508
|
}
|
|
1721
1509
|
],
|
|
1722
|
-
"description": "
|
|
1510
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"return": {
|
|
1513
|
+
"type": {
|
|
1514
|
+
"text": "void"
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1723
1517
|
},
|
|
1724
1518
|
{
|
|
1725
1519
|
"kind": "field",
|
|
1726
1520
|
"name": "appearance",
|
|
1727
1521
|
"privacy": "public",
|
|
1728
1522
|
"type": {
|
|
1729
|
-
"text": "
|
|
1523
|
+
"text": "string"
|
|
1730
1524
|
},
|
|
1731
1525
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1732
1526
|
"default": "'default'",
|
|
1733
1527
|
"attribute": "appearance",
|
|
1734
1528
|
"reflects": true
|
|
1735
1529
|
},
|
|
1530
|
+
{
|
|
1531
|
+
"kind": "field",
|
|
1532
|
+
"name": "autocomplete",
|
|
1533
|
+
"privacy": "public",
|
|
1534
|
+
"type": {
|
|
1535
|
+
"text": "string"
|
|
1536
|
+
},
|
|
1537
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1538
|
+
"attribute": "autocomplete",
|
|
1539
|
+
"reflects": true
|
|
1540
|
+
},
|
|
1541
|
+
{
|
|
1542
|
+
"kind": "field",
|
|
1543
|
+
"name": "autoPlacement",
|
|
1544
|
+
"privacy": "public",
|
|
1545
|
+
"type": {
|
|
1546
|
+
"text": "boolean"
|
|
1547
|
+
},
|
|
1548
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1549
|
+
"attribute": "autoPlacement",
|
|
1550
|
+
"reflects": true
|
|
1551
|
+
},
|
|
1552
|
+
{
|
|
1553
|
+
"kind": "field",
|
|
1554
|
+
"name": "availableOptions",
|
|
1555
|
+
"privacy": "private",
|
|
1556
|
+
"type": {
|
|
1557
|
+
"text": "array"
|
|
1558
|
+
},
|
|
1559
|
+
"description": "Array of available options to display in the dropdown.",
|
|
1560
|
+
"attribute": "availableOptions"
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"kind": "field",
|
|
1564
|
+
"name": "behavior",
|
|
1565
|
+
"privacy": "public",
|
|
1566
|
+
"type": {
|
|
1567
|
+
"text": "'filter' | 'suggestion'"
|
|
1568
|
+
},
|
|
1569
|
+
"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.",
|
|
1570
|
+
"default": "'suggestion'",
|
|
1571
|
+
"attribute": "behavior",
|
|
1572
|
+
"reflects": true
|
|
1573
|
+
},
|
|
1574
|
+
{
|
|
1575
|
+
"kind": "field",
|
|
1576
|
+
"name": "checkmark",
|
|
1577
|
+
"privacy": "public",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "boolean"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1582
|
+
"attribute": "checkmark",
|
|
1583
|
+
"reflects": true
|
|
1584
|
+
},
|
|
1736
1585
|
{
|
|
1737
1586
|
"kind": "field",
|
|
1738
1587
|
"name": "disabled",
|
|
@@ -1740,10 +1589,39 @@
|
|
|
1740
1589
|
"type": {
|
|
1741
1590
|
"text": "boolean"
|
|
1742
1591
|
},
|
|
1743
|
-
"description": "If set, disables the
|
|
1592
|
+
"description": "If set, disables the combobox.",
|
|
1744
1593
|
"attribute": "disabled",
|
|
1745
1594
|
"reflects": true
|
|
1746
1595
|
},
|
|
1596
|
+
{
|
|
1597
|
+
"kind": "field",
|
|
1598
|
+
"name": "dropdownId",
|
|
1599
|
+
"privacy": "private",
|
|
1600
|
+
"type": {
|
|
1601
|
+
"text": "string"
|
|
1602
|
+
},
|
|
1603
|
+
"description": "ID for the dropdown."
|
|
1604
|
+
},
|
|
1605
|
+
{
|
|
1606
|
+
"kind": "field",
|
|
1607
|
+
"name": "dropdownOpen",
|
|
1608
|
+
"privacy": "private",
|
|
1609
|
+
"type": {
|
|
1610
|
+
"text": "boolean"
|
|
1611
|
+
},
|
|
1612
|
+
"description": "Whether or not the dropdown is open."
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "dvInputOnly",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "boolean"
|
|
1620
|
+
},
|
|
1621
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1622
|
+
"attribute": "dvInputOnly",
|
|
1623
|
+
"reflects": true
|
|
1624
|
+
},
|
|
1747
1625
|
{
|
|
1748
1626
|
"kind": "field",
|
|
1749
1627
|
"name": "error",
|
|
@@ -1757,13 +1635,84 @@
|
|
|
1757
1635
|
},
|
|
1758
1636
|
{
|
|
1759
1637
|
"kind": "field",
|
|
1760
|
-
"name": "
|
|
1638
|
+
"name": "format",
|
|
1639
|
+
"privacy": "public",
|
|
1640
|
+
"type": {
|
|
1641
|
+
"text": "string"
|
|
1642
|
+
},
|
|
1643
|
+
"description": "Specifies the input mask format.",
|
|
1644
|
+
"attribute": "format",
|
|
1645
|
+
"reflects": true
|
|
1646
|
+
},
|
|
1647
|
+
{
|
|
1648
|
+
"kind": "field",
|
|
1649
|
+
"name": "inputmode",
|
|
1650
|
+
"privacy": "public",
|
|
1651
|
+
"type": {
|
|
1652
|
+
"text": "string"
|
|
1653
|
+
},
|
|
1654
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1655
|
+
"attribute": "inputmode",
|
|
1656
|
+
"reflects": true
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"kind": "field",
|
|
1660
|
+
"name": "layout",
|
|
1661
|
+
"privacy": "public",
|
|
1662
|
+
"type": {
|
|
1663
|
+
"text": "string"
|
|
1664
|
+
},
|
|
1665
|
+
"description": "Sets the layout of the combobox.",
|
|
1666
|
+
"default": "'classic'",
|
|
1667
|
+
"attribute": "layout",
|
|
1668
|
+
"reflects": true,
|
|
1669
|
+
"inheritedFrom": {
|
|
1670
|
+
"name": "AuroElement",
|
|
1671
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1672
|
+
}
|
|
1673
|
+
},
|
|
1674
|
+
{
|
|
1675
|
+
"kind": "field",
|
|
1676
|
+
"name": "matchWidth",
|
|
1677
|
+
"privacy": "private",
|
|
1678
|
+
"type": {
|
|
1679
|
+
"text": "boolean"
|
|
1680
|
+
},
|
|
1681
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1682
|
+
"attribute": "matchWidth",
|
|
1683
|
+
"reflects": true
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"kind": "field",
|
|
1687
|
+
"name": "noFilter",
|
|
1761
1688
|
"privacy": "public",
|
|
1762
1689
|
"type": {
|
|
1763
1690
|
"text": "boolean"
|
|
1764
1691
|
},
|
|
1765
|
-
"description": "If set,
|
|
1766
|
-
"attribute": "
|
|
1692
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1693
|
+
"attribute": "noFilter",
|
|
1694
|
+
"reflects": true
|
|
1695
|
+
},
|
|
1696
|
+
{
|
|
1697
|
+
"kind": "field",
|
|
1698
|
+
"name": "noFlip",
|
|
1699
|
+
"privacy": "public",
|
|
1700
|
+
"type": {
|
|
1701
|
+
"text": "boolean"
|
|
1702
|
+
},
|
|
1703
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1704
|
+
"attribute": "noFlip",
|
|
1705
|
+
"reflects": true
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"kind": "field",
|
|
1709
|
+
"name": "shift",
|
|
1710
|
+
"privacy": "public",
|
|
1711
|
+
"type": {
|
|
1712
|
+
"text": "boolean"
|
|
1713
|
+
},
|
|
1714
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1715
|
+
"attribute": "shift",
|
|
1767
1716
|
"reflects": true
|
|
1768
1717
|
},
|
|
1769
1718
|
{
|
|
@@ -1779,13 +1728,73 @@
|
|
|
1779
1728
|
},
|
|
1780
1729
|
{
|
|
1781
1730
|
"kind": "field",
|
|
1782
|
-
"name": "
|
|
1731
|
+
"name": "offset",
|
|
1732
|
+
"privacy": "public",
|
|
1733
|
+
"type": {
|
|
1734
|
+
"text": "number"
|
|
1735
|
+
},
|
|
1736
|
+
"description": "Gap between the trigger element and bib.",
|
|
1737
|
+
"default": "0",
|
|
1738
|
+
"attribute": "offset",
|
|
1739
|
+
"reflects": true
|
|
1740
|
+
},
|
|
1741
|
+
{
|
|
1742
|
+
"kind": "field",
|
|
1743
|
+
"name": "onDark",
|
|
1744
|
+
"privacy": "public",
|
|
1745
|
+
"type": {
|
|
1746
|
+
"text": "boolean"
|
|
1747
|
+
},
|
|
1748
|
+
"attribute": "onDark",
|
|
1749
|
+
"reflects": true,
|
|
1750
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1751
|
+
"inheritedFrom": {
|
|
1752
|
+
"name": "AuroElement",
|
|
1753
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1754
|
+
}
|
|
1755
|
+
},
|
|
1756
|
+
{
|
|
1757
|
+
"kind": "field",
|
|
1758
|
+
"name": "optionSelected",
|
|
1759
|
+
"privacy": "public",
|
|
1760
|
+
"type": {
|
|
1761
|
+
"text": "HTMLElement"
|
|
1762
|
+
},
|
|
1763
|
+
"description": "Specifies the current selected option.",
|
|
1764
|
+
"attribute": "optionSelected"
|
|
1765
|
+
},
|
|
1766
|
+
{
|
|
1767
|
+
"kind": "field",
|
|
1768
|
+
"name": "persistInput",
|
|
1769
|
+
"privacy": "public",
|
|
1770
|
+
"type": {
|
|
1771
|
+
"text": "boolean"
|
|
1772
|
+
},
|
|
1773
|
+
"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.",
|
|
1774
|
+
"attribute": "persistInput",
|
|
1775
|
+
"reflects": true
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"kind": "field",
|
|
1779
|
+
"name": "placement",
|
|
1780
|
+
"privacy": "public",
|
|
1781
|
+
"type": {
|
|
1782
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1783
|
+
},
|
|
1784
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1785
|
+
"default": "'bottom-start'",
|
|
1786
|
+
"attribute": "placement",
|
|
1787
|
+
"reflects": true
|
|
1788
|
+
},
|
|
1789
|
+
{
|
|
1790
|
+
"kind": "field",
|
|
1791
|
+
"name": "placeholder",
|
|
1783
1792
|
"privacy": "public",
|
|
1784
1793
|
"type": {
|
|
1785
|
-
"text": "
|
|
1794
|
+
"text": "string"
|
|
1786
1795
|
},
|
|
1787
|
-
"description": "
|
|
1788
|
-
"attribute": "
|
|
1796
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1797
|
+
"attribute": "placeholder",
|
|
1789
1798
|
"reflects": true
|
|
1790
1799
|
},
|
|
1791
1800
|
{
|
|
@@ -1795,7 +1804,7 @@
|
|
|
1795
1804
|
"type": {
|
|
1796
1805
|
"text": "boolean"
|
|
1797
1806
|
},
|
|
1798
|
-
"description": "Populates the `required` attribute on the
|
|
1807
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1799
1808
|
"attribute": "required",
|
|
1800
1809
|
"reflects": true
|
|
1801
1810
|
},
|
|
@@ -1831,620 +1840,611 @@
|
|
|
1831
1840
|
},
|
|
1832
1841
|
{
|
|
1833
1842
|
"kind": "field",
|
|
1834
|
-
"name": "
|
|
1843
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1835
1844
|
"privacy": "public",
|
|
1836
1845
|
"type": {
|
|
1837
1846
|
"text": "string"
|
|
1838
1847
|
},
|
|
1839
|
-
"description": "
|
|
1840
|
-
"attribute": "
|
|
1841
|
-
"reflects": true
|
|
1842
|
-
}
|
|
1843
|
-
],
|
|
1844
|
-
"events": [
|
|
1845
|
-
{
|
|
1846
|
-
"name": "input",
|
|
1847
|
-
"type": {
|
|
1848
|
-
"text": "CustomEvent"
|
|
1849
|
-
}
|
|
1848
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1849
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1850
1850
|
},
|
|
1851
1851
|
{
|
|
1852
|
-
"
|
|
1853
|
-
"name": "
|
|
1854
|
-
|
|
1855
|
-
],
|
|
1856
|
-
"attributes": [
|
|
1857
|
-
{
|
|
1858
|
-
"name": "appearance",
|
|
1852
|
+
"kind": "field",
|
|
1853
|
+
"name": "touched",
|
|
1854
|
+
"privacy": "private",
|
|
1859
1855
|
"type": {
|
|
1860
|
-
"text": "
|
|
1856
|
+
"text": "boolean"
|
|
1861
1857
|
},
|
|
1862
|
-
"description": "
|
|
1863
|
-
"default": "'default'",
|
|
1864
|
-
"fieldName": "appearance"
|
|
1858
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1865
1859
|
},
|
|
1866
1860
|
{
|
|
1867
|
-
"
|
|
1861
|
+
"kind": "field",
|
|
1862
|
+
"name": "triggerIcon",
|
|
1863
|
+
"privacy": "public",
|
|
1868
1864
|
"type": {
|
|
1869
1865
|
"text": "boolean"
|
|
1870
1866
|
},
|
|
1871
|
-
"description": "If set,
|
|
1872
|
-
"
|
|
1867
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1868
|
+
"attribute": "triggerIcon",
|
|
1869
|
+
"reflects": true
|
|
1873
1870
|
},
|
|
1874
1871
|
{
|
|
1875
|
-
"
|
|
1872
|
+
"kind": "field",
|
|
1873
|
+
"name": "type",
|
|
1874
|
+
"privacy": "public",
|
|
1876
1875
|
"type": {
|
|
1877
1876
|
"text": "string"
|
|
1878
1877
|
},
|
|
1879
|
-
"description": "
|
|
1880
|
-
"
|
|
1878
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1879
|
+
"attribute": "type",
|
|
1880
|
+
"reflects": true
|
|
1881
1881
|
},
|
|
1882
1882
|
{
|
|
1883
|
-
"
|
|
1883
|
+
"kind": "field",
|
|
1884
|
+
"name": "typedValue",
|
|
1885
|
+
"privacy": "public",
|
|
1884
1886
|
"type": {
|
|
1885
|
-
"text": "
|
|
1887
|
+
"text": "string"
|
|
1886
1888
|
},
|
|
1887
|
-
"description": "
|
|
1888
|
-
"
|
|
1889
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1890
|
+
"attribute": "typedValue",
|
|
1891
|
+
"reflects": true
|
|
1889
1892
|
},
|
|
1890
1893
|
{
|
|
1891
|
-
"
|
|
1894
|
+
"kind": "field",
|
|
1895
|
+
"name": "validity",
|
|
1896
|
+
"privacy": "public",
|
|
1892
1897
|
"type": {
|
|
1893
|
-
"text": "
|
|
1898
|
+
"text": "string"
|
|
1894
1899
|
},
|
|
1895
|
-
"description": "
|
|
1896
|
-
"
|
|
1900
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1901
|
+
"attribute": "validity",
|
|
1902
|
+
"reflects": true
|
|
1897
1903
|
},
|
|
1898
1904
|
{
|
|
1899
|
-
"
|
|
1905
|
+
"kind": "field",
|
|
1906
|
+
"name": "value",
|
|
1907
|
+
"privacy": "public",
|
|
1900
1908
|
"type": {
|
|
1901
|
-
"text": "
|
|
1909
|
+
"text": "string"
|
|
1902
1910
|
},
|
|
1903
|
-
"description": "
|
|
1904
|
-
"
|
|
1911
|
+
"description": "Value selected for the dropdown menu.",
|
|
1912
|
+
"attribute": "value"
|
|
1905
1913
|
},
|
|
1906
1914
|
{
|
|
1907
|
-
"
|
|
1915
|
+
"kind": "field",
|
|
1916
|
+
"name": "largeFullscreenHeadline",
|
|
1917
|
+
"privacy": "public",
|
|
1908
1918
|
"type": {
|
|
1909
1919
|
"text": "boolean"
|
|
1910
1920
|
},
|
|
1911
|
-
"description": "
|
|
1912
|
-
"
|
|
1913
|
-
|
|
1914
|
-
{
|
|
1915
|
-
"name": "setCustomValidity",
|
|
1916
|
-
"type": {
|
|
1917
|
-
"text": "string"
|
|
1918
|
-
},
|
|
1919
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1920
|
-
"fieldName": "setCustomValidity"
|
|
1921
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1922
|
+
"attribute": "largeFullscreenHeadline",
|
|
1923
|
+
"reflects": true
|
|
1921
1924
|
},
|
|
1922
1925
|
{
|
|
1923
|
-
"
|
|
1926
|
+
"kind": "field",
|
|
1927
|
+
"name": "fullscreenBreakpoint",
|
|
1928
|
+
"privacy": "public",
|
|
1924
1929
|
"type": {
|
|
1925
|
-
"text": "
|
|
1930
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1926
1931
|
},
|
|
1927
|
-
"description": "
|
|
1928
|
-
"
|
|
1932
|
+
"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.",
|
|
1933
|
+
"default": "'sm'",
|
|
1934
|
+
"attribute": "fullscreenBreakpoint",
|
|
1935
|
+
"reflects": true
|
|
1929
1936
|
},
|
|
1930
1937
|
{
|
|
1931
|
-
"
|
|
1938
|
+
"kind": "field",
|
|
1939
|
+
"name": "optionActive",
|
|
1940
|
+
"privacy": "private",
|
|
1932
1941
|
"type": {
|
|
1933
|
-
"text": "
|
|
1942
|
+
"text": "object"
|
|
1934
1943
|
},
|
|
1935
|
-
"description": "
|
|
1936
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1944
|
+
"description": "Specifies the currently active option."
|
|
1937
1945
|
},
|
|
1938
1946
|
{
|
|
1939
|
-
"
|
|
1947
|
+
"kind": "field",
|
|
1948
|
+
"name": "triggerExpandedState",
|
|
1949
|
+
"privacy": "private",
|
|
1940
1950
|
"type": {
|
|
1941
|
-
"text": "
|
|
1951
|
+
"text": "boolean"
|
|
1942
1952
|
},
|
|
1943
|
-
"description": "
|
|
1944
|
-
"fieldName": "validity"
|
|
1945
|
-
}
|
|
1946
|
-
],
|
|
1947
|
-
"superclass": {
|
|
1948
|
-
"name": "LitElement",
|
|
1949
|
-
"package": "lit"
|
|
1950
|
-
},
|
|
1951
|
-
"tagName": "auro-checkbox-group",
|
|
1952
|
-
"customElement": true
|
|
1953
|
-
}
|
|
1954
|
-
],
|
|
1955
|
-
"exports": [
|
|
1956
|
-
{
|
|
1957
|
-
"kind": "js",
|
|
1958
|
-
"name": "AuroCheckboxGroup",
|
|
1959
|
-
"declaration": {
|
|
1960
|
-
"name": "AuroCheckboxGroup",
|
|
1961
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
1962
|
-
}
|
|
1963
|
-
}
|
|
1964
|
-
]
|
|
1965
|
-
},
|
|
1966
|
-
{
|
|
1967
|
-
"kind": "javascript-module",
|
|
1968
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
1969
|
-
"declarations": [
|
|
1970
|
-
{
|
|
1971
|
-
"kind": "class",
|
|
1972
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
1973
|
-
"name": "AuroCheckbox",
|
|
1974
|
-
"cssParts": [
|
|
1975
|
-
{
|
|
1976
|
-
"description": "apply css to a specific checkbox.",
|
|
1977
|
-
"name": "checkbox"
|
|
1978
|
-
},
|
|
1979
|
-
{
|
|
1980
|
-
"description": "apply css to a specific checkbox's input.",
|
|
1981
|
-
"name": "checkbox-input"
|
|
1982
|
-
},
|
|
1983
|
-
{
|
|
1984
|
-
"description": "apply css to a specific checkbox's label.",
|
|
1985
|
-
"name": "checkbox-label"
|
|
1986
|
-
}
|
|
1987
|
-
],
|
|
1988
|
-
"slots": [
|
|
1989
|
-
{
|
|
1990
|
-
"description": "The default slot for the checkbox label.",
|
|
1991
|
-
"name": "default"
|
|
1992
|
-
}
|
|
1993
|
-
],
|
|
1994
|
-
"members": [
|
|
1995
|
-
{
|
|
1996
|
-
"kind": "method",
|
|
1997
|
-
"name": "_initializeDefaults"
|
|
1998
|
-
},
|
|
1999
|
-
{
|
|
2000
|
-
"kind": "method",
|
|
2001
|
-
"name": "register",
|
|
2002
|
-
"static": true,
|
|
2003
|
-
"parameters": [
|
|
2004
|
-
{
|
|
2005
|
-
"name": "name",
|
|
2006
|
-
"default": "\"auro-checkbox\"",
|
|
2007
|
-
"description": "The name of element that you want to register to.",
|
|
2008
|
-
"optional": true,
|
|
2009
|
-
"type": {
|
|
2010
|
-
"text": "string"
|
|
2011
|
-
}
|
|
2012
|
-
}
|
|
2013
|
-
],
|
|
2014
|
-
"description": "This will register this element with the browser."
|
|
2015
|
-
},
|
|
2016
|
-
{
|
|
2017
|
-
"kind": "method",
|
|
2018
|
-
"name": "handleChange",
|
|
2019
|
-
"parameters": [
|
|
2020
|
-
{
|
|
2021
|
-
"name": "event",
|
|
2022
|
-
"description": "The change event from the checkbox input.",
|
|
2023
|
-
"type": {
|
|
2024
|
-
"text": "Event"
|
|
2025
|
-
}
|
|
2026
|
-
}
|
|
2027
|
-
],
|
|
2028
|
-
"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.",
|
|
2029
|
-
"privacy": "private",
|
|
2030
|
-
"return": {
|
|
2031
|
-
"type": {
|
|
2032
|
-
"text": "void"
|
|
2033
|
-
}
|
|
2034
|
-
}
|
|
2035
|
-
},
|
|
2036
|
-
{
|
|
2037
|
-
"kind": "method",
|
|
2038
|
-
"name": "handleInput",
|
|
2039
|
-
"parameters": [
|
|
2040
|
-
{
|
|
2041
|
-
"name": "event",
|
|
2042
|
-
"description": "The input event from the checkbox input.",
|
|
2043
|
-
"type": {
|
|
2044
|
-
"text": "Event"
|
|
2045
|
-
}
|
|
2046
|
-
}
|
|
2047
|
-
],
|
|
2048
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2049
|
-
"privacy": "private",
|
|
2050
|
-
"return": {
|
|
2051
|
-
"type": {
|
|
2052
|
-
"text": "void"
|
|
2053
|
-
}
|
|
2054
|
-
}
|
|
1953
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
2055
1954
|
},
|
|
2056
|
-
{
|
|
2057
|
-
"kind": "
|
|
2058
|
-
"name": "
|
|
2059
|
-
"description": "
|
|
1955
|
+
{
|
|
1956
|
+
"kind": "field",
|
|
1957
|
+
"name": "componentHasFocus",
|
|
1958
|
+
"description": "Returns true if the element has focus.",
|
|
2060
1959
|
"privacy": "private",
|
|
2061
1960
|
"return": {
|
|
2062
1961
|
"type": {
|
|
2063
|
-
"text": "
|
|
1962
|
+
"text": "boolean"
|
|
2064
1963
|
}
|
|
1964
|
+
},
|
|
1965
|
+
"readonly": true,
|
|
1966
|
+
"inheritedFrom": {
|
|
1967
|
+
"name": "AuroElement",
|
|
1968
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2065
1969
|
}
|
|
2066
1970
|
},
|
|
2067
1971
|
{
|
|
2068
1972
|
"kind": "method",
|
|
2069
|
-
"name": "
|
|
2070
|
-
"
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
"type": {
|
|
2074
|
-
"text": "HTMLElement"
|
|
2075
|
-
}
|
|
1973
|
+
"name": "resetShapeClasses",
|
|
1974
|
+
"inheritedFrom": {
|
|
1975
|
+
"name": "AuroElement",
|
|
1976
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2076
1977
|
}
|
|
2077
1978
|
},
|
|
2078
1979
|
{
|
|
2079
1980
|
"kind": "method",
|
|
2080
|
-
"name": "
|
|
2081
|
-
"
|
|
2082
|
-
|
|
2083
|
-
"
|
|
2084
|
-
"text": "void"
|
|
2085
|
-
}
|
|
1981
|
+
"name": "resetLayoutClasses",
|
|
1982
|
+
"inheritedFrom": {
|
|
1983
|
+
"name": "AuroElement",
|
|
1984
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2086
1985
|
}
|
|
2087
1986
|
},
|
|
2088
1987
|
{
|
|
2089
1988
|
"kind": "method",
|
|
2090
|
-
"name": "
|
|
2091
|
-
"
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
"type": {
|
|
2095
|
-
"text": "void"
|
|
2096
|
-
}
|
|
1989
|
+
"name": "updateComponentArchitecture",
|
|
1990
|
+
"inheritedFrom": {
|
|
1991
|
+
"name": "AuroElement",
|
|
1992
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2097
1993
|
}
|
|
2098
1994
|
},
|
|
2099
1995
|
{
|
|
2100
|
-
"kind": "
|
|
2101
|
-
"name": "
|
|
2102
|
-
"
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2112
|
-
"privacy": "private",
|
|
2113
|
-
"return": {
|
|
2114
|
-
"type": {
|
|
2115
|
-
"text": "void"
|
|
2116
|
-
}
|
|
1996
|
+
"kind": "field",
|
|
1997
|
+
"name": "shape",
|
|
1998
|
+
"privacy": "public",
|
|
1999
|
+
"type": {
|
|
2000
|
+
"text": "string"
|
|
2001
|
+
},
|
|
2002
|
+
"attribute": "shape",
|
|
2003
|
+
"reflects": true,
|
|
2004
|
+
"inheritedFrom": {
|
|
2005
|
+
"name": "AuroElement",
|
|
2006
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2117
2007
|
}
|
|
2118
2008
|
},
|
|
2119
2009
|
{
|
|
2120
2010
|
"kind": "field",
|
|
2121
|
-
"name": "
|
|
2011
|
+
"name": "size",
|
|
2122
2012
|
"privacy": "public",
|
|
2123
2013
|
"type": {
|
|
2124
|
-
"text": "
|
|
2014
|
+
"text": "string"
|
|
2015
|
+
},
|
|
2016
|
+
"attribute": "size",
|
|
2017
|
+
"reflects": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2021
|
+
}
|
|
2022
|
+
}
|
|
2023
|
+
],
|
|
2024
|
+
"events": [
|
|
2025
|
+
{
|
|
2026
|
+
"name": "inputValue",
|
|
2027
|
+
"type": {
|
|
2028
|
+
"text": "CustomEvent"
|
|
2029
|
+
},
|
|
2030
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2031
|
+
},
|
|
2032
|
+
{
|
|
2033
|
+
"name": "input",
|
|
2034
|
+
"type": {
|
|
2035
|
+
"text": "CustomEvent"
|
|
2036
|
+
},
|
|
2037
|
+
"description": "Notifies that the component has a new value set."
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "auroCombobox-valueSet",
|
|
2041
|
+
"type": {
|
|
2042
|
+
"text": "CustomEvent"
|
|
2043
|
+
},
|
|
2044
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2045
|
+
},
|
|
2046
|
+
{
|
|
2047
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2048
|
+
"name": "auroFormElement-validated"
|
|
2049
|
+
}
|
|
2050
|
+
],
|
|
2051
|
+
"attributes": [
|
|
2052
|
+
{
|
|
2053
|
+
"name": "appearance",
|
|
2054
|
+
"type": {
|
|
2055
|
+
"text": "string"
|
|
2125
2056
|
},
|
|
2126
2057
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2127
2058
|
"default": "'default'",
|
|
2128
|
-
"
|
|
2129
|
-
"reflects": true
|
|
2059
|
+
"fieldName": "appearance"
|
|
2130
2060
|
},
|
|
2131
2061
|
{
|
|
2132
|
-
"
|
|
2133
|
-
"
|
|
2134
|
-
|
|
2062
|
+
"name": "autocomplete",
|
|
2063
|
+
"type": {
|
|
2064
|
+
"text": "string"
|
|
2065
|
+
},
|
|
2066
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2067
|
+
"fieldName": "autocomplete"
|
|
2068
|
+
},
|
|
2069
|
+
{
|
|
2070
|
+
"name": "autoPlacement",
|
|
2135
2071
|
"type": {
|
|
2136
2072
|
"text": "boolean"
|
|
2137
2073
|
},
|
|
2138
|
-
"description": "If
|
|
2139
|
-
"
|
|
2140
|
-
|
|
2074
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2075
|
+
"fieldName": "autoPlacement"
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"name": "availableOptions",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "array"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Array of available options to display in the dropdown.",
|
|
2083
|
+
"fieldName": "availableOptions"
|
|
2084
|
+
},
|
|
2085
|
+
{
|
|
2086
|
+
"name": "behavior",
|
|
2087
|
+
"type": {
|
|
2088
|
+
"text": "'filter' | 'suggestion'"
|
|
2089
|
+
},
|
|
2090
|
+
"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.",
|
|
2091
|
+
"default": "'suggestion'",
|
|
2092
|
+
"fieldName": "behavior"
|
|
2093
|
+
},
|
|
2094
|
+
{
|
|
2095
|
+
"name": "checkmark",
|
|
2096
|
+
"type": {
|
|
2097
|
+
"text": "boolean"
|
|
2098
|
+
},
|
|
2099
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2100
|
+
"fieldName": "checkmark"
|
|
2141
2101
|
},
|
|
2142
2102
|
{
|
|
2143
|
-
"kind": "field",
|
|
2144
2103
|
"name": "disabled",
|
|
2145
|
-
"privacy": "public",
|
|
2146
2104
|
"type": {
|
|
2147
2105
|
"text": "boolean"
|
|
2148
2106
|
},
|
|
2149
|
-
"description": "If set
|
|
2150
|
-
"
|
|
2151
|
-
"reflects": true
|
|
2107
|
+
"description": "If set, disables the combobox.",
|
|
2108
|
+
"fieldName": "disabled"
|
|
2152
2109
|
},
|
|
2153
2110
|
{
|
|
2154
|
-
"
|
|
2155
|
-
"name": "error",
|
|
2156
|
-
"privacy": "public",
|
|
2111
|
+
"name": "dvInputOnly",
|
|
2157
2112
|
"type": {
|
|
2158
2113
|
"text": "boolean"
|
|
2159
2114
|
},
|
|
2160
|
-
"description": "If
|
|
2161
|
-
"
|
|
2162
|
-
"reflects": true
|
|
2115
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2116
|
+
"fieldName": "dvInputOnly"
|
|
2163
2117
|
},
|
|
2164
2118
|
{
|
|
2165
|
-
"
|
|
2166
|
-
"name": "id",
|
|
2167
|
-
"privacy": "public",
|
|
2119
|
+
"name": "error",
|
|
2168
2120
|
"type": {
|
|
2169
2121
|
"text": "string"
|
|
2170
2122
|
},
|
|
2171
|
-
"description": "
|
|
2172
|
-
"
|
|
2123
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2124
|
+
"fieldName": "error"
|
|
2173
2125
|
},
|
|
2174
2126
|
{
|
|
2175
|
-
"
|
|
2176
|
-
"name": "inputId",
|
|
2177
|
-
"privacy": "private",
|
|
2127
|
+
"name": "format",
|
|
2178
2128
|
"type": {
|
|
2179
2129
|
"text": "string"
|
|
2180
2130
|
},
|
|
2181
|
-
"description": "
|
|
2131
|
+
"description": "Specifies the input mask format.",
|
|
2132
|
+
"fieldName": "format"
|
|
2182
2133
|
},
|
|
2183
2134
|
{
|
|
2184
|
-
"
|
|
2185
|
-
"name": "name",
|
|
2186
|
-
"privacy": "public",
|
|
2135
|
+
"name": "inputmode",
|
|
2187
2136
|
"type": {
|
|
2188
2137
|
"text": "string"
|
|
2189
2138
|
},
|
|
2190
|
-
"description": "
|
|
2191
|
-
"
|
|
2139
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2140
|
+
"fieldName": "inputmode"
|
|
2192
2141
|
},
|
|
2193
2142
|
{
|
|
2194
|
-
"
|
|
2195
|
-
"
|
|
2196
|
-
|
|
2143
|
+
"name": "layout",
|
|
2144
|
+
"type": {
|
|
2145
|
+
"text": "string"
|
|
2146
|
+
},
|
|
2147
|
+
"description": "Sets the layout of the combobox.",
|
|
2148
|
+
"default": "'classic'",
|
|
2149
|
+
"fieldName": "layout",
|
|
2150
|
+
"inheritedFrom": {
|
|
2151
|
+
"name": "AuroElement",
|
|
2152
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2153
|
+
}
|
|
2154
|
+
},
|
|
2155
|
+
{
|
|
2156
|
+
"name": "matchWidth",
|
|
2197
2157
|
"type": {
|
|
2198
2158
|
"text": "boolean"
|
|
2199
2159
|
},
|
|
2200
|
-
"description": "
|
|
2201
|
-
"
|
|
2202
|
-
"reflects": true
|
|
2160
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2161
|
+
"fieldName": "matchWidth"
|
|
2203
2162
|
},
|
|
2204
2163
|
{
|
|
2205
|
-
"
|
|
2206
|
-
"name": "touched",
|
|
2207
|
-
"privacy": "private",
|
|
2164
|
+
"name": "noFilter",
|
|
2208
2165
|
"type": {
|
|
2209
2166
|
"text": "boolean"
|
|
2210
2167
|
},
|
|
2211
|
-
"description": "
|
|
2168
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2169
|
+
"fieldName": "noFilter"
|
|
2212
2170
|
},
|
|
2213
2171
|
{
|
|
2214
|
-
"
|
|
2215
|
-
"name": "value",
|
|
2216
|
-
"privacy": "public",
|
|
2172
|
+
"name": "noFlip",
|
|
2217
2173
|
"type": {
|
|
2218
|
-
"text": "
|
|
2174
|
+
"text": "boolean"
|
|
2219
2175
|
},
|
|
2220
|
-
"description": "
|
|
2221
|
-
"
|
|
2176
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2177
|
+
"fieldName": "noFlip"
|
|
2222
2178
|
},
|
|
2223
2179
|
{
|
|
2224
|
-
"
|
|
2225
|
-
"
|
|
2226
|
-
|
|
2180
|
+
"name": "shift",
|
|
2181
|
+
"type": {
|
|
2182
|
+
"text": "boolean"
|
|
2183
|
+
},
|
|
2184
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2185
|
+
"fieldName": "shift"
|
|
2186
|
+
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "noValidate",
|
|
2189
|
+
"type": {
|
|
2190
|
+
"text": "boolean"
|
|
2191
|
+
},
|
|
2192
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2193
|
+
"fieldName": "noValidate"
|
|
2194
|
+
},
|
|
2195
|
+
{
|
|
2196
|
+
"name": "offset",
|
|
2227
2197
|
"type": {
|
|
2228
2198
|
"text": "number"
|
|
2229
2199
|
},
|
|
2230
|
-
"description": "
|
|
2231
|
-
"
|
|
2232
|
-
"
|
|
2200
|
+
"description": "Gap between the trigger element and bib.",
|
|
2201
|
+
"default": "0",
|
|
2202
|
+
"fieldName": "offset"
|
|
2233
2203
|
},
|
|
2234
2204
|
{
|
|
2235
|
-
"
|
|
2236
|
-
"name": "ariaChecked",
|
|
2237
|
-
"privacy": "private",
|
|
2205
|
+
"name": "onDark",
|
|
2238
2206
|
"type": {
|
|
2239
|
-
"text": "
|
|
2207
|
+
"text": "boolean"
|
|
2240
2208
|
},
|
|
2241
|
-
"description": "
|
|
2242
|
-
"
|
|
2243
|
-
"reflects": true
|
|
2209
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2210
|
+
"fieldName": "onDark"
|
|
2244
2211
|
},
|
|
2245
2212
|
{
|
|
2246
|
-
"
|
|
2247
|
-
"name": "ariaDisabled",
|
|
2248
|
-
"privacy": "private",
|
|
2213
|
+
"name": "optionSelected",
|
|
2249
2214
|
"type": {
|
|
2250
|
-
"text": "
|
|
2215
|
+
"text": "HTMLElement"
|
|
2251
2216
|
},
|
|
2252
|
-
"description": "
|
|
2253
|
-
"
|
|
2254
|
-
"reflects": true
|
|
2217
|
+
"description": "Specifies the current selected option.",
|
|
2218
|
+
"fieldName": "optionSelected"
|
|
2255
2219
|
},
|
|
2256
2220
|
{
|
|
2257
|
-
"
|
|
2258
|
-
"name": "role",
|
|
2259
|
-
"privacy": "private",
|
|
2221
|
+
"name": "persistInput",
|
|
2260
2222
|
"type": {
|
|
2261
|
-
"text": "
|
|
2223
|
+
"text": "boolean"
|
|
2262
2224
|
},
|
|
2263
|
-
"description": "
|
|
2264
|
-
"
|
|
2265
|
-
"reflects": true
|
|
2266
|
-
}
|
|
2267
|
-
],
|
|
2268
|
-
"events": [
|
|
2269
|
-
{
|
|
2270
|
-
"name": "auroCheckbox-input",
|
|
2271
|
-
"type": {
|
|
2272
|
-
"text": "CustomEvent"
|
|
2273
|
-
}
|
|
2225
|
+
"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.",
|
|
2226
|
+
"fieldName": "persistInput"
|
|
2274
2227
|
},
|
|
2275
2228
|
{
|
|
2276
|
-
"name": "
|
|
2229
|
+
"name": "placement",
|
|
2277
2230
|
"type": {
|
|
2278
|
-
"text": "
|
|
2279
|
-
}
|
|
2231
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2232
|
+
},
|
|
2233
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2234
|
+
"default": "'bottom-start'",
|
|
2235
|
+
"fieldName": "placement"
|
|
2280
2236
|
},
|
|
2281
2237
|
{
|
|
2282
|
-
"name": "
|
|
2238
|
+
"name": "placeholder",
|
|
2283
2239
|
"type": {
|
|
2284
|
-
"text": "
|
|
2285
|
-
}
|
|
2240
|
+
"text": "string"
|
|
2241
|
+
},
|
|
2242
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2243
|
+
"fieldName": "placeholder"
|
|
2286
2244
|
},
|
|
2287
2245
|
{
|
|
2246
|
+
"name": "required",
|
|
2288
2247
|
"type": {
|
|
2289
|
-
"text": "
|
|
2248
|
+
"text": "boolean"
|
|
2290
2249
|
},
|
|
2291
|
-
"description": "
|
|
2292
|
-
"
|
|
2250
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2251
|
+
"fieldName": "required"
|
|
2293
2252
|
},
|
|
2294
2253
|
{
|
|
2254
|
+
"name": "setCustomValidity",
|
|
2295
2255
|
"type": {
|
|
2296
|
-
"text": "
|
|
2256
|
+
"text": "string"
|
|
2297
2257
|
},
|
|
2298
|
-
"description": "
|
|
2299
|
-
"
|
|
2300
|
-
}
|
|
2301
|
-
],
|
|
2302
|
-
"attributes": [
|
|
2258
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2259
|
+
"fieldName": "setCustomValidity"
|
|
2260
|
+
},
|
|
2303
2261
|
{
|
|
2304
|
-
"name": "
|
|
2262
|
+
"name": "setCustomValidityCustomError",
|
|
2305
2263
|
"type": {
|
|
2306
|
-
"text": "
|
|
2264
|
+
"text": "string"
|
|
2307
2265
|
},
|
|
2308
|
-
"description": "
|
|
2309
|
-
"
|
|
2310
|
-
"fieldName": "appearance"
|
|
2266
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2267
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2311
2268
|
},
|
|
2312
2269
|
{
|
|
2313
|
-
"name": "
|
|
2270
|
+
"name": "setCustomValidityValueMissing",
|
|
2314
2271
|
"type": {
|
|
2315
|
-
"text": "
|
|
2272
|
+
"text": "string"
|
|
2316
2273
|
},
|
|
2317
|
-
"description": "
|
|
2318
|
-
"fieldName": "
|
|
2274
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2275
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2319
2276
|
},
|
|
2320
2277
|
{
|
|
2321
|
-
"name": "
|
|
2278
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2322
2279
|
"type": {
|
|
2323
|
-
"text": "
|
|
2280
|
+
"text": "string"
|
|
2324
2281
|
},
|
|
2325
|
-
"description": "
|
|
2326
|
-
"fieldName": "
|
|
2282
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2283
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2327
2284
|
},
|
|
2328
2285
|
{
|
|
2329
|
-
"name": "
|
|
2286
|
+
"name": "triggerIcon",
|
|
2330
2287
|
"type": {
|
|
2331
2288
|
"text": "boolean"
|
|
2332
2289
|
},
|
|
2333
|
-
"description": "If set
|
|
2334
|
-
"fieldName": "
|
|
2290
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2291
|
+
"fieldName": "triggerIcon"
|
|
2335
2292
|
},
|
|
2336
2293
|
{
|
|
2337
|
-
"name": "
|
|
2294
|
+
"name": "type",
|
|
2338
2295
|
"type": {
|
|
2339
2296
|
"text": "string"
|
|
2340
2297
|
},
|
|
2341
|
-
"description": "
|
|
2342
|
-
"fieldName": "
|
|
2298
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2299
|
+
"fieldName": "type"
|
|
2343
2300
|
},
|
|
2344
2301
|
{
|
|
2345
|
-
"name": "
|
|
2302
|
+
"name": "typedValue",
|
|
2346
2303
|
"type": {
|
|
2347
2304
|
"text": "string"
|
|
2348
2305
|
},
|
|
2349
|
-
"description": "
|
|
2350
|
-
"fieldName": "
|
|
2306
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2307
|
+
"fieldName": "typedValue"
|
|
2351
2308
|
},
|
|
2352
2309
|
{
|
|
2353
|
-
"name": "
|
|
2310
|
+
"name": "validity",
|
|
2354
2311
|
"type": {
|
|
2355
|
-
"text": "
|
|
2312
|
+
"text": "string"
|
|
2356
2313
|
},
|
|
2357
|
-
"description": "
|
|
2358
|
-
"fieldName": "
|
|
2314
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2315
|
+
"fieldName": "validity"
|
|
2359
2316
|
},
|
|
2360
2317
|
{
|
|
2361
2318
|
"name": "value",
|
|
2362
2319
|
"type": {
|
|
2363
2320
|
"text": "string"
|
|
2364
2321
|
},
|
|
2365
|
-
"description": "
|
|
2322
|
+
"description": "Value selected for the dropdown menu.",
|
|
2366
2323
|
"fieldName": "value"
|
|
2367
2324
|
},
|
|
2368
2325
|
{
|
|
2369
|
-
"name": "
|
|
2326
|
+
"name": "largeFullscreenHeadline",
|
|
2370
2327
|
"type": {
|
|
2371
|
-
"text": "
|
|
2328
|
+
"text": "boolean"
|
|
2372
2329
|
},
|
|
2373
|
-
"description": "
|
|
2374
|
-
"fieldName": "
|
|
2330
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2331
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2375
2332
|
},
|
|
2376
2333
|
{
|
|
2377
|
-
"name": "
|
|
2334
|
+
"name": "fullscreenBreakpoint",
|
|
2378
2335
|
"type": {
|
|
2379
|
-
"text": "
|
|
2336
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2380
2337
|
},
|
|
2381
|
-
"description": "
|
|
2382
|
-
"
|
|
2338
|
+
"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.",
|
|
2339
|
+
"default": "'sm'",
|
|
2340
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2383
2341
|
},
|
|
2384
2342
|
{
|
|
2385
|
-
"name": "
|
|
2343
|
+
"name": "shape",
|
|
2386
2344
|
"type": {
|
|
2387
2345
|
"text": "string"
|
|
2388
2346
|
},
|
|
2389
|
-
"
|
|
2390
|
-
"
|
|
2347
|
+
"fieldName": "shape",
|
|
2348
|
+
"inheritedFrom": {
|
|
2349
|
+
"name": "AuroElement",
|
|
2350
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2351
|
+
}
|
|
2391
2352
|
},
|
|
2392
2353
|
{
|
|
2393
|
-
"name": "
|
|
2354
|
+
"name": "size",
|
|
2394
2355
|
"type": {
|
|
2395
2356
|
"text": "string"
|
|
2396
2357
|
},
|
|
2397
|
-
"
|
|
2398
|
-
"
|
|
2358
|
+
"fieldName": "size",
|
|
2359
|
+
"inheritedFrom": {
|
|
2360
|
+
"name": "AuroElement",
|
|
2361
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2362
|
+
}
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "ondark",
|
|
2366
|
+
"type": {
|
|
2367
|
+
"text": "boolean"
|
|
2368
|
+
},
|
|
2369
|
+
"fieldName": "onDark",
|
|
2370
|
+
"inheritedFrom": {
|
|
2371
|
+
"name": "AuroElement",
|
|
2372
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2373
|
+
}
|
|
2399
2374
|
}
|
|
2400
2375
|
],
|
|
2401
2376
|
"superclass": {
|
|
2402
|
-
"name": "
|
|
2403
|
-
"
|
|
2377
|
+
"name": "AuroElement",
|
|
2378
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2404
2379
|
},
|
|
2405
|
-
"tagName": "auro-
|
|
2380
|
+
"tagName": "auro-combobox",
|
|
2406
2381
|
"customElement": true
|
|
2407
2382
|
}
|
|
2408
2383
|
],
|
|
2409
2384
|
"exports": [
|
|
2410
2385
|
{
|
|
2411
2386
|
"kind": "js",
|
|
2412
|
-
"name": "
|
|
2387
|
+
"name": "AuroCombobox",
|
|
2413
2388
|
"declaration": {
|
|
2414
|
-
"name": "
|
|
2415
|
-
"module": "components/
|
|
2389
|
+
"name": "AuroCombobox",
|
|
2390
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2416
2391
|
}
|
|
2417
2392
|
}
|
|
2418
2393
|
]
|
|
2419
2394
|
},
|
|
2420
2395
|
{
|
|
2421
2396
|
"kind": "javascript-module",
|
|
2422
|
-
"path": "components/
|
|
2423
|
-
"declarations": [
|
|
2397
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2398
|
+
"declarations": [
|
|
2399
|
+
{
|
|
2400
|
+
"kind": "variable",
|
|
2401
|
+
"name": "comboboxKeyboardStrategy",
|
|
2402
|
+
"type": {
|
|
2403
|
+
"text": "object"
|
|
2404
|
+
},
|
|
2405
|
+
"default": "{ async Enter(component, evt, 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. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } 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(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
|
|
2406
|
+
}
|
|
2407
|
+
],
|
|
2424
2408
|
"exports": [
|
|
2425
2409
|
{
|
|
2426
2410
|
"kind": "js",
|
|
2427
|
-
"name": "
|
|
2411
|
+
"name": "comboboxKeyboardStrategy",
|
|
2428
2412
|
"declaration": {
|
|
2429
|
-
"name": "
|
|
2430
|
-
"module": "components/
|
|
2413
|
+
"name": "comboboxKeyboardStrategy",
|
|
2414
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2431
2415
|
}
|
|
2432
|
-
}
|
|
2416
|
+
}
|
|
2417
|
+
]
|
|
2418
|
+
},
|
|
2419
|
+
{
|
|
2420
|
+
"kind": "javascript-module",
|
|
2421
|
+
"path": "components/combobox/src/index.js",
|
|
2422
|
+
"declarations": [],
|
|
2423
|
+
"exports": [
|
|
2433
2424
|
{
|
|
2434
2425
|
"kind": "js",
|
|
2435
|
-
"name": "
|
|
2426
|
+
"name": "AuroCombobox",
|
|
2436
2427
|
"declaration": {
|
|
2437
|
-
"name": "
|
|
2438
|
-
"module": "components/
|
|
2428
|
+
"name": "AuroCombobox",
|
|
2429
|
+
"module": "components/combobox/src/index.js"
|
|
2439
2430
|
}
|
|
2440
2431
|
}
|
|
2441
2432
|
]
|
|
2442
2433
|
},
|
|
2443
2434
|
{
|
|
2444
2435
|
"kind": "javascript-module",
|
|
2445
|
-
"path": "components/
|
|
2436
|
+
"path": "components/combobox/src/registered.js",
|
|
2446
2437
|
"declarations": [],
|
|
2447
|
-
"exports": [
|
|
2438
|
+
"exports": [
|
|
2439
|
+
{
|
|
2440
|
+
"kind": "js",
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"declaration": {
|
|
2443
|
+
"name": "AuroCombobox",
|
|
2444
|
+
"module": "components/combobox/src/registered.js"
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
]
|
|
2448
2448
|
},
|
|
2449
2449
|
{
|
|
2450
2450
|
"kind": "javascript-module",
|
|
@@ -7081,7 +7081,7 @@
|
|
|
7081
7081
|
"type": {
|
|
7082
7082
|
"text": "object"
|
|
7083
7083
|
},
|
|
7084
|
-
"default": "{
|
|
7084
|
+
"default": "{}"
|
|
7085
7085
|
}
|
|
7086
7086
|
],
|
|
7087
7087
|
"exports": [
|
|
@@ -8285,17 +8285,6 @@
|
|
|
8285
8285
|
"attribute": "disabled",
|
|
8286
8286
|
"reflects": true
|
|
8287
8287
|
},
|
|
8288
|
-
{
|
|
8289
|
-
"kind": "field",
|
|
8290
|
-
"name": "disableKeyboardHandling",
|
|
8291
|
-
"privacy": "public",
|
|
8292
|
-
"type": {
|
|
8293
|
-
"text": "boolean"
|
|
8294
|
-
},
|
|
8295
|
-
"description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
|
|
8296
|
-
"attribute": "disableKeyboardHandling",
|
|
8297
|
-
"reflects": true
|
|
8298
|
-
},
|
|
8299
8288
|
{
|
|
8300
8289
|
"kind": "field",
|
|
8301
8290
|
"name": "dropdownWidth",
|
|
@@ -8579,14 +8568,6 @@
|
|
|
8579
8568
|
"description": "If declared, the dropdown is not interactive.",
|
|
8580
8569
|
"fieldName": "disabled"
|
|
8581
8570
|
},
|
|
8582
|
-
{
|
|
8583
|
-
"name": "disableKeyboardHandling",
|
|
8584
|
-
"type": {
|
|
8585
|
-
"text": "boolean"
|
|
8586
|
-
},
|
|
8587
|
-
"description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
|
|
8588
|
-
"fieldName": "disableKeyboardHandling"
|
|
8589
|
-
},
|
|
8590
8571
|
{
|
|
8591
8572
|
"name": "dropdownWidth",
|
|
8592
8573
|
"type": {
|
|
@@ -18711,7 +18692,7 @@
|
|
|
18711
18692
|
"type": {
|
|
18712
18693
|
"text": "object"
|
|
18713
18694
|
},
|
|
18714
|
-
"default": "{ ArrowUp(component, evt, ctx) { evt.preventDefault();
|
|
18695
|
+
"default": "{ ArrowUp(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowDown(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, Enter(component, evt) { evt.preventDefault(); component.menu.makeSelection(); }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive && !component.multiSelect) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt) { component.updateActiveOptionBasedOnKey(evt.key); }, }"
|
|
18715
18696
|
}
|
|
18716
18697
|
],
|
|
18717
18698
|
"exports": [
|