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