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