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