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