@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.1 → 0.0.0-pr1480.3
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 +143 -42
- package/components/datepicker/demo/index.min.js +159 -47
- package/components/datepicker/dist/index.js +143 -42
- package/components/datepicker/dist/registered.js +143 -42
- package/components/datepicker/dist/src/auro-calendar.d.ts +48 -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 +153 -52
- package/components/form/demo/getting-started.min.js +153 -52
- package/components/form/demo/index.min.js +153 -52
- package/components/form/demo/registerDemoDeps.min.js +153 -52
- 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 +1768 -1696
- 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
|
-
"attribute": "placement",
|
|
996
|
-
"reflects": true
|
|
997
|
-
},
|
|
998
|
-
{
|
|
999
|
-
"kind": "field",
|
|
1000
|
-
"name": "placeholder",
|
|
1001
|
-
"privacy": "public",
|
|
1002
|
-
"type": {
|
|
1003
|
-
"text": "string"
|
|
1004
|
-
},
|
|
1005
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1006
|
-
"attribute": "placeholder",
|
|
1007
|
-
"reflects": true
|
|
1008
|
-
},
|
|
1009
|
-
{
|
|
1010
|
-
"kind": "field",
|
|
1011
|
-
"name": "required",
|
|
1012
|
-
"privacy": "public",
|
|
1013
|
-
"type": {
|
|
1014
|
-
"text": "boolean"
|
|
1015
|
-
},
|
|
1016
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1017
|
-
"attribute": "required",
|
|
1018
|
-
"reflects": true
|
|
1019
|
-
},
|
|
1020
|
-
{
|
|
1021
|
-
"kind": "field",
|
|
1022
|
-
"name": "setCustomValidity",
|
|
1023
|
-
"privacy": "public",
|
|
1024
|
-
"type": {
|
|
1025
|
-
"text": "string"
|
|
1026
|
-
},
|
|
1027
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1028
|
-
"attribute": "setCustomValidity"
|
|
1029
|
-
},
|
|
1030
|
-
{
|
|
1031
|
-
"kind": "field",
|
|
1032
|
-
"name": "setCustomValidityCustomError",
|
|
1033
|
-
"privacy": "public",
|
|
1034
|
-
"type": {
|
|
1035
|
-
"text": "string"
|
|
1036
|
-
},
|
|
1037
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1038
|
-
"attribute": "setCustomValidityCustomError"
|
|
1039
|
-
},
|
|
1040
|
-
{
|
|
1041
|
-
"kind": "field",
|
|
1042
|
-
"name": "setCustomValidityValueMissing",
|
|
1043
|
-
"privacy": "public",
|
|
1044
|
-
"type": {
|
|
1045
|
-
"text": "string"
|
|
1046
|
-
},
|
|
1047
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1048
|
-
"attribute": "setCustomValidityValueMissing"
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "field",
|
|
1052
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1053
|
-
"privacy": "public",
|
|
1054
|
-
"type": {
|
|
1055
|
-
"text": "string"
|
|
1056
|
-
},
|
|
1057
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1058
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1059
|
-
},
|
|
1060
|
-
{
|
|
1061
|
-
"kind": "field",
|
|
1062
|
-
"name": "touched",
|
|
1063
|
-
"privacy": "private",
|
|
1064
|
-
"type": {
|
|
1065
|
-
"text": "boolean"
|
|
1066
|
-
},
|
|
1067
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1068
|
-
},
|
|
1069
|
-
{
|
|
1070
|
-
"kind": "field",
|
|
1071
|
-
"name": "triggerIcon",
|
|
1072
|
-
"privacy": "public",
|
|
1073
|
-
"type": {
|
|
1074
|
-
"text": "boolean"
|
|
1075
|
-
},
|
|
1076
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1077
|
-
"attribute": "triggerIcon",
|
|
1078
|
-
"reflects": true
|
|
1079
|
-
},
|
|
1080
|
-
{
|
|
1081
|
-
"kind": "field",
|
|
1082
|
-
"name": "type",
|
|
1083
|
-
"privacy": "public",
|
|
1084
|
-
"type": {
|
|
1085
|
-
"text": "string"
|
|
1086
|
-
},
|
|
1087
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1088
|
-
"attribute": "type",
|
|
1089
|
-
"reflects": true
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"kind": "field",
|
|
1093
|
-
"name": "typedValue",
|
|
1094
|
-
"privacy": "public",
|
|
1095
|
-
"type": {
|
|
1096
|
-
"text": "string"
|
|
1097
|
-
},
|
|
1098
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1099
|
-
"attribute": "typedValue",
|
|
1100
|
-
"reflects": true
|
|
1101
|
-
},
|
|
1102
|
-
{
|
|
1103
|
-
"kind": "field",
|
|
1104
|
-
"name": "validity",
|
|
1105
|
-
"privacy": "public",
|
|
1106
|
-
"type": {
|
|
1107
|
-
"text": "string"
|
|
1108
|
-
},
|
|
1109
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1110
|
-
"attribute": "validity",
|
|
1111
|
-
"reflects": true
|
|
1112
|
-
},
|
|
1113
|
-
{
|
|
1114
|
-
"kind": "field",
|
|
1115
|
-
"name": "value",
|
|
1116
|
-
"privacy": "public",
|
|
1117
|
-
"type": {
|
|
1118
|
-
"text": "string"
|
|
1119
|
-
},
|
|
1120
|
-
"description": "Value selected for the dropdown menu.",
|
|
1121
|
-
"attribute": "value"
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"kind": "field",
|
|
1125
|
-
"name": "largeFullscreenHeadline",
|
|
1126
|
-
"privacy": "public",
|
|
1127
|
-
"type": {
|
|
1128
|
-
"text": "boolean"
|
|
1129
|
-
},
|
|
1130
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1131
|
-
"attribute": "largeFullscreenHeadline",
|
|
1132
|
-
"reflects": true
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"kind": "field",
|
|
1136
|
-
"name": "fullscreenBreakpoint",
|
|
1137
|
-
"privacy": "public",
|
|
1138
|
-
"type": {
|
|
1139
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1140
|
-
},
|
|
1141
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1142
|
-
"default": "'sm'",
|
|
1143
|
-
"attribute": "fullscreenBreakpoint",
|
|
1144
|
-
"reflects": true
|
|
1145
|
-
},
|
|
1146
|
-
{
|
|
1147
|
-
"kind": "field",
|
|
1148
|
-
"name": "optionActive",
|
|
1149
|
-
"privacy": "private",
|
|
1150
|
-
"type": {
|
|
1151
|
-
"text": "object"
|
|
1152
|
-
},
|
|
1153
|
-
"description": "Specifies the currently active option."
|
|
1154
|
-
},
|
|
1155
|
-
{
|
|
1156
|
-
"kind": "field",
|
|
1157
|
-
"name": "triggerExpandedState",
|
|
1158
|
-
"privacy": "private",
|
|
1159
|
-
"type": {
|
|
1160
|
-
"text": "boolean"
|
|
1161
|
-
},
|
|
1162
|
-
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"kind": "field",
|
|
1166
|
-
"name": "componentHasFocus",
|
|
1167
|
-
"description": "Returns true if the element has focus.",
|
|
1168
|
-
"privacy": "private",
|
|
1169
|
-
"return": {
|
|
1170
|
-
"type": {
|
|
1171
|
-
"text": "boolean"
|
|
1172
|
-
}
|
|
1173
|
-
},
|
|
1174
|
-
"readonly": true,
|
|
1175
|
-
"inheritedFrom": {
|
|
1176
|
-
"name": "AuroElement",
|
|
1177
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1178
|
-
}
|
|
1179
|
-
},
|
|
1180
|
-
{
|
|
1181
|
-
"kind": "method",
|
|
1182
|
-
"name": "resetShapeClasses",
|
|
1183
|
-
"inheritedFrom": {
|
|
1184
|
-
"name": "AuroElement",
|
|
1185
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1186
|
-
}
|
|
1187
|
-
},
|
|
1188
|
-
{
|
|
1189
|
-
"kind": "method",
|
|
1190
|
-
"name": "resetLayoutClasses",
|
|
1191
|
-
"inheritedFrom": {
|
|
1192
|
-
"name": "AuroElement",
|
|
1193
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1194
|
-
}
|
|
1195
|
-
},
|
|
1196
|
-
{
|
|
1197
|
-
"kind": "method",
|
|
1198
|
-
"name": "updateComponentArchitecture",
|
|
1199
|
-
"inheritedFrom": {
|
|
1200
|
-
"name": "AuroElement",
|
|
1201
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1202
|
-
}
|
|
1203
|
-
},
|
|
1204
|
-
{
|
|
1205
|
-
"kind": "field",
|
|
1206
|
-
"name": "shape",
|
|
1207
|
-
"privacy": "public",
|
|
1208
|
-
"type": {
|
|
1209
|
-
"text": "string"
|
|
1210
|
-
},
|
|
1211
|
-
"attribute": "shape",
|
|
1212
|
-
"reflects": true,
|
|
1213
|
-
"inheritedFrom": {
|
|
1214
|
-
"name": "AuroElement",
|
|
1215
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1216
|
-
}
|
|
1217
|
-
},
|
|
1218
|
-
{
|
|
1219
|
-
"kind": "field",
|
|
1220
|
-
"name": "size",
|
|
1221
|
-
"privacy": "public",
|
|
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."
|
|
1240
|
-
},
|
|
1241
|
-
{
|
|
1242
|
-
"name": "input",
|
|
1243
|
-
"type": {
|
|
1244
|
-
"text": "CustomEvent"
|
|
1245
|
-
},
|
|
1246
|
-
"description": "Notifies that the component has a new value set."
|
|
1247
|
-
},
|
|
1248
|
-
{
|
|
1249
|
-
"name": "auroCombobox-valueSet",
|
|
1250
|
-
"type": {
|
|
1251
|
-
"text": "CustomEvent"
|
|
1252
|
-
},
|
|
1253
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1254
|
-
},
|
|
1255
|
-
{
|
|
1256
|
-
"description": "Notifies that the component value(s) have been validated.",
|
|
1257
|
-
"name": "auroFormElement-validated"
|
|
1022
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
1023
|
+
"fieldName": "showFooter"
|
|
1258
1024
|
}
|
|
1259
1025
|
],
|
|
1260
|
-
"
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
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": [
|
|
1286
1120
|
{
|
|
1287
|
-
"
|
|
1288
|
-
"
|
|
1289
|
-
"text": "array"
|
|
1290
|
-
},
|
|
1291
|
-
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1292
|
-
"fieldName": "availableOptions"
|
|
1121
|
+
"description": "Default slot for the menu content.",
|
|
1122
|
+
"name": ""
|
|
1293
1123
|
},
|
|
1294
1124
|
{
|
|
1295
|
-
"name": "behavior",
|
|
1296
1125
|
"type": {
|
|
1297
|
-
"text": "
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1298
1127
|
},
|
|
1299
|
-
"description": "
|
|
1300
|
-
"
|
|
1301
|
-
"fieldName": "behavior"
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1302
1130
|
},
|
|
1303
1131
|
{
|
|
1304
|
-
"
|
|
1305
|
-
"
|
|
1306
|
-
"text": "boolean"
|
|
1307
|
-
},
|
|
1308
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1309
|
-
"fieldName": "checkmark"
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1310
1134
|
},
|
|
1311
1135
|
{
|
|
1312
|
-
"
|
|
1313
|
-
"
|
|
1314
|
-
"text": "boolean"
|
|
1315
|
-
},
|
|
1316
|
-
"description": "If set, disables the combobox.",
|
|
1317
|
-
"fieldName": "disabled"
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1318
1138
|
},
|
|
1319
1139
|
{
|
|
1320
|
-
"
|
|
1321
|
-
"
|
|
1322
|
-
"text": "boolean"
|
|
1323
|
-
},
|
|
1324
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1325
|
-
"fieldName": "dvInputOnly"
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1326
1142
|
},
|
|
1327
1143
|
{
|
|
1328
|
-
"
|
|
1329
|
-
"
|
|
1330
|
-
"text": "string"
|
|
1331
|
-
},
|
|
1332
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1333
|
-
"fieldName": "error"
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1334
1146
|
},
|
|
1335
1147
|
{
|
|
1336
|
-
"
|
|
1337
|
-
"
|
|
1338
|
-
"text": "string"
|
|
1339
|
-
},
|
|
1340
|
-
"description": "Specifies the input mask format.",
|
|
1341
|
-
"fieldName": "format"
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1342
1150
|
},
|
|
1343
1151
|
{
|
|
1344
|
-
"
|
|
1345
|
-
"
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
"fieldName": "inputmode"
|
|
1350
|
-
},
|
|
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": [
|
|
1351
1157
|
{
|
|
1352
|
-
"
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
"inheritedFrom": {
|
|
1360
|
-
"name": "AuroElement",
|
|
1361
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1160
|
+
"privacy": "private",
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1362
1165
|
}
|
|
1363
1166
|
},
|
|
1364
1167
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
{
|
|
1373
|
-
"name": "noFilter",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
},
|
|
1377
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1378
|
-
"fieldName": "noFilter"
|
|
1379
|
-
},
|
|
1380
|
-
{
|
|
1381
|
-
"name": "noFlip",
|
|
1382
|
-
"type": {
|
|
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"
|
|
1168
|
+
"kind": "field",
|
|
1169
|
+
"name": "inputValue",
|
|
1170
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1171
|
+
"return": {
|
|
1172
|
+
"type": {
|
|
1173
|
+
"text": "string|undefined"
|
|
1174
|
+
}
|
|
1408
1175
|
},
|
|
1409
|
-
"
|
|
1410
|
-
"default": "0",
|
|
1411
|
-
"fieldName": "offset"
|
|
1176
|
+
"readonly": true
|
|
1412
1177
|
},
|
|
1413
1178
|
{
|
|
1414
|
-
"
|
|
1415
|
-
"
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1179
|
+
"kind": "method",
|
|
1180
|
+
"name": "isValid",
|
|
1181
|
+
"description": "Checks if the element is valid.",
|
|
1182
|
+
"return": {
|
|
1183
|
+
"type": {
|
|
1184
|
+
"text": "boolean"
|
|
1185
|
+
}
|
|
1186
|
+
}
|
|
1420
1187
|
},
|
|
1421
1188
|
{
|
|
1422
|
-
"
|
|
1423
|
-
"
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
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."
|
|
1428
1204
|
},
|
|
1429
1205
|
{
|
|
1430
|
-
"
|
|
1431
|
-
"
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
"
|
|
1435
|
-
|
|
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
|
+
}
|
|
1436
1215
|
},
|
|
1437
1216
|
{
|
|
1438
|
-
"
|
|
1439
|
-
"
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
"
|
|
1443
|
-
|
|
1444
|
-
|
|
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
|
+
}
|
|
1445
1226
|
},
|
|
1446
1227
|
{
|
|
1447
|
-
"
|
|
1448
|
-
"
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1452
|
-
"fieldName": "placeholder"
|
|
1228
|
+
"kind": "method",
|
|
1229
|
+
"name": "updateFilter",
|
|
1230
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1231
|
+
"privacy": "private"
|
|
1453
1232
|
},
|
|
1454
1233
|
{
|
|
1455
|
-
"
|
|
1456
|
-
"
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
"
|
|
1460
|
-
|
|
1234
|
+
"kind": "method",
|
|
1235
|
+
"name": "syncValuesAndStates",
|
|
1236
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1237
|
+
"privacy": "private",
|
|
1238
|
+
"return": {
|
|
1239
|
+
"type": {
|
|
1240
|
+
"text": "void"
|
|
1241
|
+
}
|
|
1242
|
+
}
|
|
1461
1243
|
},
|
|
1462
1244
|
{
|
|
1463
|
-
"
|
|
1464
|
-
"
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
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"
|
|
1469
1258
|
},
|
|
1470
1259
|
{
|
|
1471
|
-
"
|
|
1472
|
-
"
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
"
|
|
1476
|
-
|
|
1260
|
+
"kind": "method",
|
|
1261
|
+
"name": "handleMenuOptions",
|
|
1262
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1263
|
+
"privacy": "private",
|
|
1264
|
+
"return": {
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "void"
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1477
1269
|
},
|
|
1478
1270
|
{
|
|
1479
|
-
"
|
|
1480
|
-
"
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
"
|
|
1484
|
-
|
|
1271
|
+
"kind": "method",
|
|
1272
|
+
"name": "generateOptionsArray",
|
|
1273
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1274
|
+
"privacy": "private",
|
|
1275
|
+
"return": {
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "void"
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1485
1280
|
},
|
|
1486
1281
|
{
|
|
1487
|
-
"
|
|
1488
|
-
"
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "hideBib",
|
|
1284
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1285
|
+
"return": {
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "void"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1493
1290
|
},
|
|
1494
1291
|
{
|
|
1495
|
-
"
|
|
1496
|
-
"
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1292
|
+
"kind": "method",
|
|
1293
|
+
"name": "showBib",
|
|
1294
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1295
|
+
"return": {
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "void"
|
|
1298
|
+
}
|
|
1299
|
+
}
|
|
1501
1300
|
},
|
|
1502
1301
|
{
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
"
|
|
1508
|
-
|
|
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
|
+
}
|
|
1310
|
+
}
|
|
1509
1311
|
},
|
|
1510
1312
|
{
|
|
1511
|
-
"
|
|
1512
|
-
"
|
|
1513
|
-
|
|
1514
|
-
},
|
|
1515
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1516
|
-
"fieldName": "typedValue"
|
|
1313
|
+
"kind": "method",
|
|
1314
|
+
"name": "setClearBtnFocus",
|
|
1315
|
+
"privacy": "private"
|
|
1517
1316
|
},
|
|
1518
1317
|
{
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
|
|
1522
|
-
},
|
|
1523
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1524
|
-
"fieldName": "validity"
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "setTriggerInputFocus",
|
|
1320
|
+
"privacy": "private"
|
|
1525
1321
|
},
|
|
1526
1322
|
{
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
|
|
1530
|
-
},
|
|
1531
|
-
"description": "Value selected for the dropdown menu.",
|
|
1532
|
-
"fieldName": "value"
|
|
1323
|
+
"kind": "method",
|
|
1324
|
+
"name": "setInputFocus",
|
|
1325
|
+
"privacy": "private"
|
|
1533
1326
|
},
|
|
1534
1327
|
{
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1540
|
-
"fieldName": "largeFullscreenHeadline"
|
|
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"
|
|
1541
1332
|
},
|
|
1542
1333
|
{
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
"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.",
|
|
1548
|
-
"default": "'sm'",
|
|
1549
|
-
"fieldName": "fullscreenBreakpoint"
|
|
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"
|
|
1550
1338
|
},
|
|
1551
1339
|
{
|
|
1552
|
-
"
|
|
1553
|
-
"
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
"
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
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
|
+
}
|
|
1560
1348
|
}
|
|
1561
1349
|
},
|
|
1562
1350
|
{
|
|
1563
|
-
"
|
|
1564
|
-
"
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
"
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
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
|
+
}
|
|
1571
1359
|
}
|
|
1572
1360
|
},
|
|
1573
1361
|
{
|
|
1574
|
-
"
|
|
1575
|
-
"
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
"
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
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
|
+
}
|
|
1582
1370
|
}
|
|
1583
|
-
}
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
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": [
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
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
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
},
|
|
1667
1406
|
{
|
|
1668
|
-
"
|
|
1669
|
-
"name": "
|
|
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
|
+
}
|
|
1670
1425
|
},
|
|
1671
1426
|
{
|
|
1672
|
-
"
|
|
1673
|
-
"name": "
|
|
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
|
+
}
|
|
1674
1436
|
},
|
|
1675
1437
|
{
|
|
1676
|
-
"
|
|
1677
|
-
"name": "
|
|
1438
|
+
"kind": "method",
|
|
1439
|
+
"name": "focus",
|
|
1440
|
+
"description": "Focuses the combobox trigger input.",
|
|
1441
|
+
"return": {
|
|
1442
|
+
"type": {
|
|
1443
|
+
"text": "void"
|
|
1444
|
+
}
|
|
1445
|
+
}
|
|
1678
1446
|
},
|
|
1679
1447
|
{
|
|
1680
|
-
"
|
|
1681
|
-
"name": "
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1448
|
+
"kind": "method",
|
|
1449
|
+
"name": "setMenuValue",
|
|
1450
|
+
"parameters": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "value",
|
|
1453
|
+
"description": "The value to set on the menu.",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "string"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"description": "Sets the menu value if menu is available.",
|
|
1460
|
+
"return": {
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "void"
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1685
1466
|
{
|
|
1686
1467
|
"kind": "method",
|
|
1687
|
-
"name": "
|
|
1468
|
+
"name": "reset",
|
|
1469
|
+
"description": "Resets component to initial state.",
|
|
1470
|
+
"return": {
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "void"
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1688
1475
|
},
|
|
1689
1476
|
{
|
|
1690
1477
|
"kind": "method",
|
|
1691
|
-
"name": "
|
|
1692
|
-
"
|
|
1478
|
+
"name": "clear",
|
|
1479
|
+
"description": "Clears the current value of the combobox.",
|
|
1480
|
+
"return": {
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "void"
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"kind": "method",
|
|
1488
|
+
"name": "validate",
|
|
1693
1489
|
"parameters": [
|
|
1694
1490
|
{
|
|
1695
|
-
"name": "
|
|
1696
|
-
"default": "
|
|
1697
|
-
"description": "
|
|
1491
|
+
"name": "force",
|
|
1492
|
+
"default": "false",
|
|
1493
|
+
"description": "Whether to force validation.",
|
|
1698
1494
|
"optional": true,
|
|
1699
1495
|
"type": {
|
|
1700
|
-
"text": "
|
|
1496
|
+
"text": "boolean"
|
|
1701
1497
|
}
|
|
1702
1498
|
}
|
|
1703
1499
|
],
|
|
1704
|
-
"description": "
|
|
1500
|
+
"description": "Validates value."
|
|
1705
1501
|
},
|
|
1706
1502
|
{
|
|
1707
1503
|
"kind": "method",
|
|
1708
|
-
"name": "
|
|
1504
|
+
"name": "transportAssignedNodes",
|
|
1709
1505
|
"parameters": [
|
|
1710
1506
|
{
|
|
1711
|
-
"name": "
|
|
1712
|
-
"description": "The
|
|
1507
|
+
"name": "slot",
|
|
1508
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1713
1509
|
"type": {
|
|
1714
|
-
"text": "
|
|
1510
|
+
"text": "HTMLSlotElement"
|
|
1715
1511
|
}
|
|
1716
1512
|
},
|
|
1717
1513
|
{
|
|
1718
|
-
"name": "
|
|
1719
|
-
"description": "The
|
|
1514
|
+
"name": "target",
|
|
1515
|
+
"description": "The target element to apply the nodes to.",
|
|
1720
1516
|
"type": {
|
|
1721
|
-
"text": "
|
|
1517
|
+
"text": "HTMLElement"
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "newSlotName",
|
|
1522
|
+
"description": "The new slot name for the applied nodes.",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "string"
|
|
1722
1525
|
}
|
|
1723
1526
|
}
|
|
1724
1527
|
],
|
|
1725
|
-
"description": "
|
|
1528
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1529
|
+
"privacy": "private",
|
|
1530
|
+
"return": {
|
|
1531
|
+
"type": {
|
|
1532
|
+
"text": "void"
|
|
1533
|
+
}
|
|
1534
|
+
}
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"kind": "method",
|
|
1538
|
+
"name": "updateActiveOption",
|
|
1539
|
+
"parameters": [
|
|
1540
|
+
{
|
|
1541
|
+
"name": "index",
|
|
1542
|
+
"description": "Index of the option to make active.",
|
|
1543
|
+
"type": {
|
|
1544
|
+
"text": "number"
|
|
1545
|
+
}
|
|
1546
|
+
}
|
|
1547
|
+
],
|
|
1548
|
+
"description": "Updates the active option in the menu."
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"kind": "method",
|
|
1552
|
+
"name": "handleSlotChange",
|
|
1553
|
+
"parameters": [
|
|
1554
|
+
{
|
|
1555
|
+
"name": "event",
|
|
1556
|
+
"description": "`slotchange` event.",
|
|
1557
|
+
"type": {
|
|
1558
|
+
"text": "Event"
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
],
|
|
1562
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1726
1563
|
"privacy": "private",
|
|
1727
1564
|
"return": {
|
|
1728
1565
|
"type": {
|
|
@@ -1731,96 +1568,203 @@
|
|
|
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",
|
|
1607
|
+
"privacy": "private",
|
|
1608
|
+
"type": {
|
|
1609
|
+
"text": "array"
|
|
1610
|
+
},
|
|
1611
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1612
|
+
"attribute": "availableOptions"
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "behavior",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "'filter' | 'suggestion'"
|
|
1620
|
+
},
|
|
1621
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1622
|
+
"default": "'suggestion'",
|
|
1623
|
+
"attribute": "behavior",
|
|
1624
|
+
"reflects": true
|
|
1625
|
+
},
|
|
1626
|
+
{
|
|
1627
|
+
"kind": "field",
|
|
1628
|
+
"name": "checkmark",
|
|
1629
|
+
"privacy": "public",
|
|
1630
|
+
"type": {
|
|
1631
|
+
"text": "boolean"
|
|
1632
|
+
},
|
|
1633
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1634
|
+
"attribute": "checkmark",
|
|
1635
|
+
"reflects": true
|
|
1636
|
+
},
|
|
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",
|
|
1737
1651
|
"privacy": "private",
|
|
1738
|
-
"
|
|
1739
|
-
"
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
}
|
|
1652
|
+
"type": {
|
|
1653
|
+
"text": "string"
|
|
1654
|
+
},
|
|
1655
|
+
"description": "ID for the dropdown."
|
|
1743
1656
|
},
|
|
1744
1657
|
{
|
|
1745
|
-
"kind": "
|
|
1746
|
-
"name": "
|
|
1747
|
-
"description": "Helper method that handles the state of checkboxes.",
|
|
1658
|
+
"kind": "field",
|
|
1659
|
+
"name": "dropdownOpen",
|
|
1748
1660
|
"privacy": "private",
|
|
1749
|
-
"
|
|
1750
|
-
"
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
}
|
|
1661
|
+
"type": {
|
|
1662
|
+
"text": "boolean"
|
|
1663
|
+
},
|
|
1664
|
+
"description": "Whether or not the dropdown is open."
|
|
1754
1665
|
},
|
|
1755
1666
|
{
|
|
1756
|
-
"kind": "
|
|
1757
|
-
"name": "
|
|
1758
|
-
"
|
|
1759
|
-
"
|
|
1760
|
-
"
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
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
|
|
1764
1676
|
},
|
|
1765
1677
|
{
|
|
1766
|
-
"kind": "
|
|
1767
|
-
"name": "
|
|
1768
|
-
"
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
"text": "boolean"
|
|
1776
|
-
}
|
|
1777
|
-
}
|
|
1778
|
-
],
|
|
1779
|
-
"description": "Validates value."
|
|
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
|
|
1780
1687
|
},
|
|
1781
1688
|
{
|
|
1782
1689
|
"kind": "field",
|
|
1783
|
-
"name": "
|
|
1690
|
+
"name": "format",
|
|
1784
1691
|
"privacy": "public",
|
|
1785
1692
|
"type": {
|
|
1786
|
-
"text": "
|
|
1693
|
+
"text": "string"
|
|
1787
1694
|
},
|
|
1788
|
-
"description": "
|
|
1789
|
-
"
|
|
1790
|
-
"attribute": "appearance",
|
|
1695
|
+
"description": "Specifies the input mask format.",
|
|
1696
|
+
"attribute": "format",
|
|
1791
1697
|
"reflects": true
|
|
1792
1698
|
},
|
|
1793
1699
|
{
|
|
1794
1700
|
"kind": "field",
|
|
1795
|
-
"name": "
|
|
1701
|
+
"name": "inputmode",
|
|
1796
1702
|
"privacy": "public",
|
|
1797
1703
|
"type": {
|
|
1798
|
-
"text": "
|
|
1704
|
+
"text": "string"
|
|
1799
1705
|
},
|
|
1800
|
-
"description": "
|
|
1801
|
-
"attribute": "
|
|
1706
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1707
|
+
"attribute": "inputmode",
|
|
1802
1708
|
"reflects": true
|
|
1803
1709
|
},
|
|
1804
1710
|
{
|
|
1805
1711
|
"kind": "field",
|
|
1806
|
-
"name": "
|
|
1712
|
+
"name": "layout",
|
|
1807
1713
|
"privacy": "public",
|
|
1808
1714
|
"type": {
|
|
1809
1715
|
"text": "string"
|
|
1810
1716
|
},
|
|
1811
|
-
"description": "
|
|
1812
|
-
"
|
|
1717
|
+
"description": "Sets the layout of the combobox.",
|
|
1718
|
+
"default": "'classic'",
|
|
1719
|
+
"attribute": "layout",
|
|
1720
|
+
"reflects": true,
|
|
1721
|
+
"inheritedFrom": {
|
|
1722
|
+
"name": "AuroElement",
|
|
1723
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1724
|
+
}
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"kind": "field",
|
|
1728
|
+
"name": "matchWidth",
|
|
1729
|
+
"privacy": "private",
|
|
1730
|
+
"type": {
|
|
1731
|
+
"text": "boolean"
|
|
1732
|
+
},
|
|
1733
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1734
|
+
"attribute": "matchWidth",
|
|
1813
1735
|
"reflects": true
|
|
1814
1736
|
},
|
|
1815
1737
|
{
|
|
1816
1738
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1739
|
+
"name": "noFilter",
|
|
1818
1740
|
"privacy": "public",
|
|
1819
1741
|
"type": {
|
|
1820
1742
|
"text": "boolean"
|
|
1821
1743
|
},
|
|
1822
|
-
"description": "If set,
|
|
1823
|
-
"attribute": "
|
|
1744
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1745
|
+
"attribute": "noFilter",
|
|
1746
|
+
"reflects": true
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"kind": "field",
|
|
1750
|
+
"name": "noFlip",
|
|
1751
|
+
"privacy": "public",
|
|
1752
|
+
"type": {
|
|
1753
|
+
"text": "boolean"
|
|
1754
|
+
},
|
|
1755
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1756
|
+
"attribute": "noFlip",
|
|
1757
|
+
"reflects": true
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"kind": "field",
|
|
1761
|
+
"name": "shift",
|
|
1762
|
+
"privacy": "public",
|
|
1763
|
+
"type": {
|
|
1764
|
+
"text": "boolean"
|
|
1765
|
+
},
|
|
1766
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1767
|
+
"attribute": "shift",
|
|
1824
1768
|
"reflects": true
|
|
1825
1769
|
},
|
|
1826
1770
|
{
|
|
@@ -1834,6 +1778,18 @@
|
|
|
1834
1778
|
"attribute": "noValidate",
|
|
1835
1779
|
"reflects": true
|
|
1836
1780
|
},
|
|
1781
|
+
{
|
|
1782
|
+
"kind": "field",
|
|
1783
|
+
"name": "offset",
|
|
1784
|
+
"privacy": "public",
|
|
1785
|
+
"type": {
|
|
1786
|
+
"text": "number"
|
|
1787
|
+
},
|
|
1788
|
+
"description": "Gap between the trigger element and bib.",
|
|
1789
|
+
"default": "0",
|
|
1790
|
+
"attribute": "offset",
|
|
1791
|
+
"reflects": true
|
|
1792
|
+
},
|
|
1837
1793
|
{
|
|
1838
1794
|
"kind": "field",
|
|
1839
1795
|
"name": "onDark",
|
|
@@ -1841,8 +1797,56 @@
|
|
|
1841
1797
|
"type": {
|
|
1842
1798
|
"text": "boolean"
|
|
1843
1799
|
},
|
|
1844
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1845
1800
|
"attribute": "onDark",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1803
|
+
"inheritedFrom": {
|
|
1804
|
+
"name": "AuroElement",
|
|
1805
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"kind": "field",
|
|
1810
|
+
"name": "optionSelected",
|
|
1811
|
+
"privacy": "public",
|
|
1812
|
+
"type": {
|
|
1813
|
+
"text": "HTMLElement"
|
|
1814
|
+
},
|
|
1815
|
+
"description": "Specifies the current selected option.",
|
|
1816
|
+
"attribute": "optionSelected"
|
|
1817
|
+
},
|
|
1818
|
+
{
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "persistInput",
|
|
1821
|
+
"privacy": "public",
|
|
1822
|
+
"type": {
|
|
1823
|
+
"text": "boolean"
|
|
1824
|
+
},
|
|
1825
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1826
|
+
"attribute": "persistInput",
|
|
1827
|
+
"reflects": true
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"kind": "field",
|
|
1831
|
+
"name": "placement",
|
|
1832
|
+
"privacy": "public",
|
|
1833
|
+
"type": {
|
|
1834
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1835
|
+
},
|
|
1836
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1837
|
+
"default": "'bottom-start'",
|
|
1838
|
+
"attribute": "placement",
|
|
1839
|
+
"reflects": true
|
|
1840
|
+
},
|
|
1841
|
+
{
|
|
1842
|
+
"kind": "field",
|
|
1843
|
+
"name": "placeholder",
|
|
1844
|
+
"privacy": "public",
|
|
1845
|
+
"type": {
|
|
1846
|
+
"text": "string"
|
|
1847
|
+
},
|
|
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,607 +1952,551 @@
|
|
|
1896
1952
|
"description": "Specifies the `validityState` this element is in.",
|
|
1897
1953
|
"attribute": "validity",
|
|
1898
1954
|
"reflects": true
|
|
1899
|
-
}
|
|
1900
|
-
],
|
|
1901
|
-
"events": [
|
|
1902
|
-
{
|
|
1903
|
-
"name": "input",
|
|
1904
|
-
"type": {
|
|
1905
|
-
"text": "CustomEvent"
|
|
1906
|
-
}
|
|
1907
1955
|
},
|
|
1908
1956
|
{
|
|
1909
|
-
"
|
|
1910
|
-
"name": "
|
|
1911
|
-
|
|
1912
|
-
],
|
|
1913
|
-
"attributes": [
|
|
1914
|
-
{
|
|
1915
|
-
"name": "appearance",
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "value",
|
|
1959
|
+
"privacy": "public",
|
|
1916
1960
|
"type": {
|
|
1917
|
-
"text": "
|
|
1961
|
+
"text": "string"
|
|
1918
1962
|
},
|
|
1919
|
-
"description": "
|
|
1920
|
-
"
|
|
1921
|
-
"fieldName": "appearance"
|
|
1963
|
+
"description": "Value selected for the dropdown menu.",
|
|
1964
|
+
"attribute": "value"
|
|
1922
1965
|
},
|
|
1923
1966
|
{
|
|
1924
|
-
"
|
|
1967
|
+
"kind": "field",
|
|
1968
|
+
"name": "largeFullscreenHeadline",
|
|
1969
|
+
"privacy": "public",
|
|
1925
1970
|
"type": {
|
|
1926
1971
|
"text": "boolean"
|
|
1927
1972
|
},
|
|
1928
|
-
"description": "If
|
|
1929
|
-
"
|
|
1973
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1974
|
+
"attribute": "largeFullscreenHeadline",
|
|
1975
|
+
"reflects": true
|
|
1930
1976
|
},
|
|
1931
1977
|
{
|
|
1932
|
-
"
|
|
1978
|
+
"kind": "field",
|
|
1979
|
+
"name": "fullscreenBreakpoint",
|
|
1980
|
+
"privacy": "public",
|
|
1933
1981
|
"type": {
|
|
1934
|
-
"text": "
|
|
1982
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1935
1983
|
},
|
|
1936
|
-
"description": "
|
|
1937
|
-
"
|
|
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
|
|
1938
1988
|
},
|
|
1939
1989
|
{
|
|
1940
|
-
"
|
|
1990
|
+
"kind": "field",
|
|
1991
|
+
"name": "optionActive",
|
|
1992
|
+
"privacy": "private",
|
|
1941
1993
|
"type": {
|
|
1942
|
-
"text": "
|
|
1994
|
+
"text": "object"
|
|
1943
1995
|
},
|
|
1944
|
-
"description": "
|
|
1945
|
-
"fieldName": "horizontal"
|
|
1996
|
+
"description": "Specifies the currently active option."
|
|
1946
1997
|
},
|
|
1947
1998
|
{
|
|
1948
|
-
"
|
|
1999
|
+
"kind": "field",
|
|
2000
|
+
"name": "triggerExpandedState",
|
|
2001
|
+
"privacy": "private",
|
|
1949
2002
|
"type": {
|
|
1950
2003
|
"text": "boolean"
|
|
1951
2004
|
},
|
|
1952
|
-
"description": "
|
|
1953
|
-
"fieldName": "noValidate"
|
|
2005
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1954
2006
|
},
|
|
1955
2007
|
{
|
|
1956
|
-
"
|
|
1957
|
-
"
|
|
1958
|
-
|
|
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
|
+
}
|
|
1959
2016
|
},
|
|
1960
|
-
"
|
|
1961
|
-
"
|
|
2017
|
+
"readonly": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2021
|
+
}
|
|
1962
2022
|
},
|
|
1963
2023
|
{
|
|
1964
|
-
"
|
|
1965
|
-
"
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
2024
|
+
"kind": "method",
|
|
2025
|
+
"name": "resetShapeClasses",
|
|
2026
|
+
"inheritedFrom": {
|
|
2027
|
+
"name": "AuroElement",
|
|
2028
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2029
|
+
}
|
|
1970
2030
|
},
|
|
1971
2031
|
{
|
|
1972
|
-
"
|
|
1973
|
-
"
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
2032
|
+
"kind": "method",
|
|
2033
|
+
"name": "resetLayoutClasses",
|
|
2034
|
+
"inheritedFrom": {
|
|
2035
|
+
"name": "AuroElement",
|
|
2036
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2037
|
+
}
|
|
1978
2038
|
},
|
|
1979
2039
|
{
|
|
1980
|
-
"
|
|
1981
|
-
"
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
2040
|
+
"kind": "method",
|
|
2041
|
+
"name": "updateComponentArchitecture",
|
|
2042
|
+
"inheritedFrom": {
|
|
2043
|
+
"name": "AuroElement",
|
|
2044
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2045
|
+
}
|
|
1986
2046
|
},
|
|
1987
2047
|
{
|
|
1988
|
-
"
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "shape",
|
|
2050
|
+
"privacy": "public",
|
|
1989
2051
|
"type": {
|
|
1990
2052
|
"text": "string"
|
|
1991
2053
|
},
|
|
1992
|
-
"
|
|
1993
|
-
"
|
|
2054
|
+
"attribute": "shape",
|
|
2055
|
+
"reflects": true,
|
|
2056
|
+
"inheritedFrom": {
|
|
2057
|
+
"name": "AuroElement",
|
|
2058
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2059
|
+
}
|
|
1994
2060
|
},
|
|
1995
2061
|
{
|
|
1996
|
-
"
|
|
2062
|
+
"kind": "field",
|
|
2063
|
+
"name": "size",
|
|
2064
|
+
"privacy": "public",
|
|
1997
2065
|
"type": {
|
|
1998
2066
|
"text": "string"
|
|
1999
2067
|
},
|
|
2000
|
-
"
|
|
2001
|
-
"
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
"package": "lit"
|
|
2007
|
-
},
|
|
2008
|
-
"tagName": "auro-checkbox-group",
|
|
2009
|
-
"customElement": true
|
|
2010
|
-
}
|
|
2011
|
-
],
|
|
2012
|
-
"exports": [
|
|
2013
|
-
{
|
|
2014
|
-
"kind": "js",
|
|
2015
|
-
"name": "AuroCheckboxGroup",
|
|
2016
|
-
"declaration": {
|
|
2017
|
-
"name": "AuroCheckboxGroup",
|
|
2018
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2019
|
-
}
|
|
2020
|
-
}
|
|
2021
|
-
]
|
|
2022
|
-
},
|
|
2023
|
-
{
|
|
2024
|
-
"kind": "javascript-module",
|
|
2025
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2026
|
-
"declarations": [
|
|
2027
|
-
{
|
|
2028
|
-
"kind": "class",
|
|
2029
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2030
|
-
"name": "AuroCheckbox",
|
|
2031
|
-
"cssParts": [
|
|
2032
|
-
{
|
|
2033
|
-
"description": "apply css to a specific checkbox.",
|
|
2034
|
-
"name": "checkbox"
|
|
2035
|
-
},
|
|
2036
|
-
{
|
|
2037
|
-
"description": "apply css to a specific checkbox's input.",
|
|
2038
|
-
"name": "checkbox-input"
|
|
2039
|
-
},
|
|
2040
|
-
{
|
|
2041
|
-
"description": "apply css to a specific checkbox's label.",
|
|
2042
|
-
"name": "checkbox-label"
|
|
2043
|
-
}
|
|
2044
|
-
],
|
|
2045
|
-
"slots": [
|
|
2046
|
-
{
|
|
2047
|
-
"description": "The default slot for the checkbox label.",
|
|
2048
|
-
"name": "default"
|
|
2068
|
+
"attribute": "size",
|
|
2069
|
+
"reflects": true,
|
|
2070
|
+
"inheritedFrom": {
|
|
2071
|
+
"name": "AuroElement",
|
|
2072
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2073
|
+
}
|
|
2049
2074
|
}
|
|
2050
2075
|
],
|
|
2051
|
-
"
|
|
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
|
-
},
|
|
2076
|
+
"events": [
|
|
2073
2077
|
{
|
|
2074
|
-
"
|
|
2075
|
-
"
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
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
|
-
}
|
|
2078
|
+
"name": "inputValue",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "CustomEvent"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2092
2083
|
},
|
|
2093
2084
|
{
|
|
2094
|
-
"
|
|
2095
|
-
"
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
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
|
-
}
|
|
2085
|
+
"name": "input",
|
|
2086
|
+
"type": {
|
|
2087
|
+
"text": "CustomEvent"
|
|
2088
|
+
},
|
|
2089
|
+
"description": "Notifies that the component has a new value set."
|
|
2112
2090
|
},
|
|
2113
2091
|
{
|
|
2114
|
-
"
|
|
2115
|
-
"
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
"
|
|
2119
|
-
"type": {
|
|
2120
|
-
"text": "void"
|
|
2121
|
-
}
|
|
2122
|
-
}
|
|
2092
|
+
"name": "auroCombobox-valueSet",
|
|
2093
|
+
"type": {
|
|
2094
|
+
"text": "CustomEvent"
|
|
2095
|
+
},
|
|
2096
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2123
2097
|
},
|
|
2124
2098
|
{
|
|
2125
|
-
"
|
|
2126
|
-
"name": "
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2099
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2100
|
+
"name": "auroFormElement-validated"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"attributes": [
|
|
2104
|
+
{
|
|
2105
|
+
"name": "appearance",
|
|
2106
|
+
"type": {
|
|
2107
|
+
"text": "string"
|
|
2108
|
+
},
|
|
2109
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2110
|
+
"default": "'default'",
|
|
2111
|
+
"fieldName": "appearance"
|
|
2134
2112
|
},
|
|
2135
2113
|
{
|
|
2136
|
-
"
|
|
2137
|
-
"
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
}
|
|
2143
|
-
}
|
|
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"
|
|
2144
2120
|
},
|
|
2145
2121
|
{
|
|
2146
|
-
"
|
|
2147
|
-
"
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
"
|
|
2151
|
-
|
|
2152
|
-
"text": "void"
|
|
2153
|
-
}
|
|
2154
|
-
}
|
|
2122
|
+
"name": "autoPlacement",
|
|
2123
|
+
"type": {
|
|
2124
|
+
"text": "boolean"
|
|
2125
|
+
},
|
|
2126
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2127
|
+
"fieldName": "autoPlacement"
|
|
2155
2128
|
},
|
|
2156
2129
|
{
|
|
2157
|
-
"
|
|
2158
|
-
"
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
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
|
-
}
|
|
2130
|
+
"name": "availableOptions",
|
|
2131
|
+
"type": {
|
|
2132
|
+
"text": "array"
|
|
2133
|
+
},
|
|
2134
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
2135
|
+
"fieldName": "availableOptions"
|
|
2175
2136
|
},
|
|
2176
2137
|
{
|
|
2177
|
-
"
|
|
2178
|
-
"name": "appearance",
|
|
2179
|
-
"privacy": "public",
|
|
2138
|
+
"name": "behavior",
|
|
2180
2139
|
"type": {
|
|
2181
|
-
"text": "'
|
|
2140
|
+
"text": "'filter' | 'suggestion'"
|
|
2182
2141
|
},
|
|
2183
|
-
"description": "
|
|
2184
|
-
"default": "'
|
|
2185
|
-
"
|
|
2186
|
-
"reflects": true
|
|
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"
|
|
2187
2145
|
},
|
|
2188
2146
|
{
|
|
2189
|
-
"
|
|
2190
|
-
"name": "checked",
|
|
2191
|
-
"privacy": "public",
|
|
2147
|
+
"name": "checkmark",
|
|
2192
2148
|
"type": {
|
|
2193
2149
|
"text": "boolean"
|
|
2194
2150
|
},
|
|
2195
|
-
"description": "
|
|
2196
|
-
"
|
|
2197
|
-
"reflects": true
|
|
2151
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2152
|
+
"fieldName": "checkmark"
|
|
2198
2153
|
},
|
|
2199
2154
|
{
|
|
2200
|
-
"kind": "field",
|
|
2201
2155
|
"name": "disabled",
|
|
2202
|
-
"privacy": "public",
|
|
2203
2156
|
"type": {
|
|
2204
2157
|
"text": "boolean"
|
|
2205
2158
|
},
|
|
2206
|
-
"description": "If set
|
|
2207
|
-
"
|
|
2208
|
-
"reflects": true
|
|
2159
|
+
"description": "If set, disables the combobox.",
|
|
2160
|
+
"fieldName": "disabled"
|
|
2209
2161
|
},
|
|
2210
2162
|
{
|
|
2211
|
-
"
|
|
2212
|
-
"name": "error",
|
|
2213
|
-
"privacy": "public",
|
|
2163
|
+
"name": "dvInputOnly",
|
|
2214
2164
|
"type": {
|
|
2215
2165
|
"text": "boolean"
|
|
2216
2166
|
},
|
|
2217
|
-
"description": "If
|
|
2218
|
-
"
|
|
2219
|
-
"reflects": true
|
|
2167
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2168
|
+
"fieldName": "dvInputOnly"
|
|
2220
2169
|
},
|
|
2221
2170
|
{
|
|
2222
|
-
"
|
|
2223
|
-
"name": "id",
|
|
2224
|
-
"privacy": "public",
|
|
2171
|
+
"name": "error",
|
|
2225
2172
|
"type": {
|
|
2226
2173
|
"text": "string"
|
|
2227
2174
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2230
|
-
"reflects": true
|
|
2175
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2176
|
+
"fieldName": "error"
|
|
2231
2177
|
},
|
|
2232
2178
|
{
|
|
2233
|
-
"
|
|
2234
|
-
"name": "inputId",
|
|
2235
|
-
"privacy": "private",
|
|
2179
|
+
"name": "format",
|
|
2236
2180
|
"type": {
|
|
2237
2181
|
"text": "string"
|
|
2238
2182
|
},
|
|
2239
|
-
"description": "
|
|
2183
|
+
"description": "Specifies the input mask format.",
|
|
2184
|
+
"fieldName": "format"
|
|
2240
2185
|
},
|
|
2241
2186
|
{
|
|
2242
|
-
"
|
|
2243
|
-
"name": "name",
|
|
2244
|
-
"privacy": "public",
|
|
2187
|
+
"name": "inputmode",
|
|
2245
2188
|
"type": {
|
|
2246
2189
|
"text": "string"
|
|
2247
2190
|
},
|
|
2248
|
-
"description": "
|
|
2249
|
-
"
|
|
2191
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2192
|
+
"fieldName": "inputmode"
|
|
2250
2193
|
},
|
|
2251
2194
|
{
|
|
2252
|
-
"
|
|
2253
|
-
"
|
|
2254
|
-
|
|
2195
|
+
"name": "layout",
|
|
2196
|
+
"type": {
|
|
2197
|
+
"text": "string"
|
|
2198
|
+
},
|
|
2199
|
+
"description": "Sets the layout of the combobox.",
|
|
2200
|
+
"default": "'classic'",
|
|
2201
|
+
"fieldName": "layout",
|
|
2202
|
+
"inheritedFrom": {
|
|
2203
|
+
"name": "AuroElement",
|
|
2204
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
{
|
|
2208
|
+
"name": "matchWidth",
|
|
2255
2209
|
"type": {
|
|
2256
2210
|
"text": "boolean"
|
|
2257
2211
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2260
|
-
"reflects": true
|
|
2212
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2213
|
+
"fieldName": "matchWidth"
|
|
2261
2214
|
},
|
|
2262
2215
|
{
|
|
2263
|
-
"
|
|
2264
|
-
"name": "touched",
|
|
2265
|
-
"privacy": "private",
|
|
2216
|
+
"name": "noFilter",
|
|
2266
2217
|
"type": {
|
|
2267
2218
|
"text": "boolean"
|
|
2268
2219
|
},
|
|
2269
|
-
"description": "
|
|
2220
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2221
|
+
"fieldName": "noFilter"
|
|
2270
2222
|
},
|
|
2271
2223
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "value",
|
|
2274
|
-
"privacy": "public",
|
|
2224
|
+
"name": "noFlip",
|
|
2275
2225
|
"type": {
|
|
2276
|
-
"text": "
|
|
2226
|
+
"text": "boolean"
|
|
2277
2227
|
},
|
|
2278
|
-
"description": "
|
|
2279
|
-
"
|
|
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"
|
|
2280
2230
|
},
|
|
2281
2231
|
{
|
|
2282
|
-
"
|
|
2283
|
-
"name": "tabIndex",
|
|
2284
|
-
"privacy": "private",
|
|
2232
|
+
"name": "shift",
|
|
2285
2233
|
"type": {
|
|
2286
|
-
"text": "
|
|
2234
|
+
"text": "boolean"
|
|
2287
2235
|
},
|
|
2288
|
-
"description": "
|
|
2289
|
-
"
|
|
2290
|
-
"reflects": true
|
|
2236
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2237
|
+
"fieldName": "shift"
|
|
2291
2238
|
},
|
|
2292
2239
|
{
|
|
2293
|
-
"
|
|
2294
|
-
"name": "ariaChecked",
|
|
2295
|
-
"privacy": "private",
|
|
2240
|
+
"name": "noValidate",
|
|
2296
2241
|
"type": {
|
|
2297
|
-
"text": "
|
|
2242
|
+
"text": "boolean"
|
|
2298
2243
|
},
|
|
2299
|
-
"description": "
|
|
2300
|
-
"
|
|
2301
|
-
"reflects": true
|
|
2244
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2245
|
+
"fieldName": "noValidate"
|
|
2302
2246
|
},
|
|
2303
2247
|
{
|
|
2304
|
-
"
|
|
2305
|
-
"name": "ariaDisabled",
|
|
2306
|
-
"privacy": "private",
|
|
2248
|
+
"name": "offset",
|
|
2307
2249
|
"type": {
|
|
2308
|
-
"text": "
|
|
2250
|
+
"text": "number"
|
|
2309
2251
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"
|
|
2252
|
+
"description": "Gap between the trigger element and bib.",
|
|
2253
|
+
"default": "0",
|
|
2254
|
+
"fieldName": "offset"
|
|
2313
2255
|
},
|
|
2314
2256
|
{
|
|
2315
|
-
"
|
|
2316
|
-
"name": "role",
|
|
2317
|
-
"privacy": "private",
|
|
2257
|
+
"name": "onDark",
|
|
2318
2258
|
"type": {
|
|
2319
|
-
"text": "
|
|
2259
|
+
"text": "boolean"
|
|
2320
2260
|
},
|
|
2321
|
-
"description": "
|
|
2322
|
-
"
|
|
2323
|
-
|
|
2324
|
-
}
|
|
2325
|
-
],
|
|
2326
|
-
"events": [
|
|
2261
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2262
|
+
"fieldName": "onDark"
|
|
2263
|
+
},
|
|
2327
2264
|
{
|
|
2328
|
-
"name": "
|
|
2265
|
+
"name": "optionSelected",
|
|
2329
2266
|
"type": {
|
|
2330
|
-
"text": "
|
|
2331
|
-
}
|
|
2267
|
+
"text": "HTMLElement"
|
|
2268
|
+
},
|
|
2269
|
+
"description": "Specifies the current selected option.",
|
|
2270
|
+
"fieldName": "optionSelected"
|
|
2271
|
+
},
|
|
2272
|
+
{
|
|
2273
|
+
"name": "persistInput",
|
|
2274
|
+
"type": {
|
|
2275
|
+
"text": "boolean"
|
|
2276
|
+
},
|
|
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"
|
|
2332
2279
|
},
|
|
2333
2280
|
{
|
|
2334
|
-
"name": "
|
|
2281
|
+
"name": "placement",
|
|
2335
2282
|
"type": {
|
|
2336
|
-
"text": "
|
|
2337
|
-
}
|
|
2283
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2284
|
+
},
|
|
2285
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2286
|
+
"default": "'bottom-start'",
|
|
2287
|
+
"fieldName": "placement"
|
|
2338
2288
|
},
|
|
2339
2289
|
{
|
|
2340
|
-
"name": "
|
|
2290
|
+
"name": "placeholder",
|
|
2341
2291
|
"type": {
|
|
2342
|
-
"text": "
|
|
2343
|
-
}
|
|
2292
|
+
"text": "string"
|
|
2293
|
+
},
|
|
2294
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2295
|
+
"fieldName": "placeholder"
|
|
2344
2296
|
},
|
|
2345
2297
|
{
|
|
2346
|
-
"
|
|
2347
|
-
"
|
|
2298
|
+
"name": "required",
|
|
2299
|
+
"type": {
|
|
2300
|
+
"text": "boolean"
|
|
2301
|
+
},
|
|
2302
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2303
|
+
"fieldName": "required"
|
|
2348
2304
|
},
|
|
2349
2305
|
{
|
|
2350
|
-
"
|
|
2351
|
-
"
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2306
|
+
"name": "setCustomValidity",
|
|
2307
|
+
"type": {
|
|
2308
|
+
"text": "string"
|
|
2309
|
+
},
|
|
2310
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2311
|
+
"fieldName": "setCustomValidity"
|
|
2312
|
+
},
|
|
2355
2313
|
{
|
|
2356
|
-
"name": "
|
|
2314
|
+
"name": "setCustomValidityCustomError",
|
|
2357
2315
|
"type": {
|
|
2358
|
-
"text": "
|
|
2316
|
+
"text": "string"
|
|
2359
2317
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"fieldName": "appearance"
|
|
2318
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2319
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2363
2320
|
},
|
|
2364
2321
|
{
|
|
2365
|
-
"name": "
|
|
2322
|
+
"name": "setCustomValidityValueMissing",
|
|
2366
2323
|
"type": {
|
|
2367
|
-
"text": "
|
|
2324
|
+
"text": "string"
|
|
2368
2325
|
},
|
|
2369
|
-
"description": "
|
|
2370
|
-
"fieldName": "
|
|
2326
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2327
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2371
2328
|
},
|
|
2372
2329
|
{
|
|
2373
|
-
"name": "
|
|
2330
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2374
2331
|
"type": {
|
|
2375
|
-
"text": "
|
|
2332
|
+
"text": "string"
|
|
2376
2333
|
},
|
|
2377
|
-
"description": "
|
|
2378
|
-
"fieldName": "
|
|
2334
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2335
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2379
2336
|
},
|
|
2380
2337
|
{
|
|
2381
|
-
"name": "
|
|
2338
|
+
"name": "triggerIcon",
|
|
2382
2339
|
"type": {
|
|
2383
2340
|
"text": "boolean"
|
|
2384
2341
|
},
|
|
2385
|
-
"description": "If set
|
|
2386
|
-
"fieldName": "
|
|
2342
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2343
|
+
"fieldName": "triggerIcon"
|
|
2387
2344
|
},
|
|
2388
2345
|
{
|
|
2389
|
-
"name": "
|
|
2346
|
+
"name": "type",
|
|
2390
2347
|
"type": {
|
|
2391
2348
|
"text": "string"
|
|
2392
2349
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"fieldName": "
|
|
2350
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2351
|
+
"fieldName": "type"
|
|
2395
2352
|
},
|
|
2396
2353
|
{
|
|
2397
|
-
"name": "
|
|
2354
|
+
"name": "typedValue",
|
|
2398
2355
|
"type": {
|
|
2399
2356
|
"text": "string"
|
|
2400
2357
|
},
|
|
2401
|
-
"description": "
|
|
2402
|
-
"fieldName": "
|
|
2358
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2359
|
+
"fieldName": "typedValue"
|
|
2403
2360
|
},
|
|
2404
2361
|
{
|
|
2405
|
-
"name": "
|
|
2362
|
+
"name": "validity",
|
|
2406
2363
|
"type": {
|
|
2407
|
-
"text": "
|
|
2364
|
+
"text": "string"
|
|
2408
2365
|
},
|
|
2409
|
-
"description": "
|
|
2410
|
-
"fieldName": "
|
|
2366
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2367
|
+
"fieldName": "validity"
|
|
2411
2368
|
},
|
|
2412
2369
|
{
|
|
2413
2370
|
"name": "value",
|
|
2414
2371
|
"type": {
|
|
2415
2372
|
"text": "string"
|
|
2416
2373
|
},
|
|
2417
|
-
"description": "
|
|
2374
|
+
"description": "Value selected for the dropdown menu.",
|
|
2418
2375
|
"fieldName": "value"
|
|
2419
2376
|
},
|
|
2420
2377
|
{
|
|
2421
|
-
"name": "
|
|
2378
|
+
"name": "largeFullscreenHeadline",
|
|
2422
2379
|
"type": {
|
|
2423
|
-
"text": "
|
|
2380
|
+
"text": "boolean"
|
|
2424
2381
|
},
|
|
2425
|
-
"description": "
|
|
2426
|
-
"fieldName": "
|
|
2382
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2383
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2427
2384
|
},
|
|
2428
2385
|
{
|
|
2429
|
-
"name": "
|
|
2386
|
+
"name": "fullscreenBreakpoint",
|
|
2430
2387
|
"type": {
|
|
2431
|
-
"text": "
|
|
2388
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2432
2389
|
},
|
|
2433
|
-
"description": "
|
|
2434
|
-
"
|
|
2390
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
2391
|
+
"default": "'sm'",
|
|
2392
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2435
2393
|
},
|
|
2436
2394
|
{
|
|
2437
|
-
"name": "
|
|
2395
|
+
"name": "shape",
|
|
2438
2396
|
"type": {
|
|
2439
2397
|
"text": "string"
|
|
2440
2398
|
},
|
|
2441
|
-
"
|
|
2442
|
-
"
|
|
2399
|
+
"fieldName": "shape",
|
|
2400
|
+
"inheritedFrom": {
|
|
2401
|
+
"name": "AuroElement",
|
|
2402
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2403
|
+
}
|
|
2443
2404
|
},
|
|
2444
2405
|
{
|
|
2445
|
-
"name": "
|
|
2406
|
+
"name": "size",
|
|
2446
2407
|
"type": {
|
|
2447
2408
|
"text": "string"
|
|
2448
2409
|
},
|
|
2449
|
-
"
|
|
2450
|
-
"
|
|
2410
|
+
"fieldName": "size",
|
|
2411
|
+
"inheritedFrom": {
|
|
2412
|
+
"name": "AuroElement",
|
|
2413
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2414
|
+
}
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "ondark",
|
|
2418
|
+
"type": {
|
|
2419
|
+
"text": "boolean"
|
|
2420
|
+
},
|
|
2421
|
+
"fieldName": "onDark",
|
|
2422
|
+
"inheritedFrom": {
|
|
2423
|
+
"name": "AuroElement",
|
|
2424
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2425
|
+
}
|
|
2451
2426
|
}
|
|
2452
2427
|
],
|
|
2453
2428
|
"superclass": {
|
|
2454
|
-
"name": "
|
|
2455
|
-
"
|
|
2429
|
+
"name": "AuroElement",
|
|
2430
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2456
2431
|
},
|
|
2457
|
-
"tagName": "auro-
|
|
2432
|
+
"tagName": "auro-combobox",
|
|
2458
2433
|
"customElement": true
|
|
2459
2434
|
}
|
|
2460
2435
|
],
|
|
2461
2436
|
"exports": [
|
|
2462
2437
|
{
|
|
2463
2438
|
"kind": "js",
|
|
2464
|
-
"name": "
|
|
2439
|
+
"name": "AuroCombobox",
|
|
2465
2440
|
"declaration": {
|
|
2466
|
-
"name": "
|
|
2467
|
-
"module": "components/
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2468
2443
|
}
|
|
2469
2444
|
}
|
|
2470
2445
|
]
|
|
2471
2446
|
},
|
|
2472
2447
|
{
|
|
2473
2448
|
"kind": "javascript-module",
|
|
2474
|
-
"path": "components/
|
|
2475
|
-
"declarations": [
|
|
2449
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2450
|
+
"declarations": [
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "variable",
|
|
2453
|
+
"name": "comboboxKeyboardStrategy",
|
|
2454
|
+
"type": {
|
|
2455
|
+
"text": "object"
|
|
2456
|
+
},
|
|
2457
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
2458
|
+
}
|
|
2459
|
+
],
|
|
2476
2460
|
"exports": [
|
|
2477
2461
|
{
|
|
2478
2462
|
"kind": "js",
|
|
2479
|
-
"name": "
|
|
2463
|
+
"name": "comboboxKeyboardStrategy",
|
|
2480
2464
|
"declaration": {
|
|
2481
|
-
"name": "
|
|
2482
|
-
"module": "components/
|
|
2465
|
+
"name": "comboboxKeyboardStrategy",
|
|
2466
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2483
2467
|
}
|
|
2484
|
-
}
|
|
2468
|
+
}
|
|
2469
|
+
]
|
|
2470
|
+
},
|
|
2471
|
+
{
|
|
2472
|
+
"kind": "javascript-module",
|
|
2473
|
+
"path": "components/combobox/src/index.js",
|
|
2474
|
+
"declarations": [],
|
|
2475
|
+
"exports": [
|
|
2485
2476
|
{
|
|
2486
2477
|
"kind": "js",
|
|
2487
|
-
"name": "
|
|
2478
|
+
"name": "AuroCombobox",
|
|
2488
2479
|
"declaration": {
|
|
2489
|
-
"name": "
|
|
2490
|
-
"module": "components/
|
|
2480
|
+
"name": "AuroCombobox",
|
|
2481
|
+
"module": "components/combobox/src/index.js"
|
|
2491
2482
|
}
|
|
2492
2483
|
}
|
|
2493
2484
|
]
|
|
2494
2485
|
},
|
|
2495
2486
|
{
|
|
2496
2487
|
"kind": "javascript-module",
|
|
2497
|
-
"path": "components/
|
|
2488
|
+
"path": "components/combobox/src/registered.js",
|
|
2498
2489
|
"declarations": [],
|
|
2499
|
-
"exports": [
|
|
2490
|
+
"exports": [
|
|
2491
|
+
{
|
|
2492
|
+
"kind": "js",
|
|
2493
|
+
"name": "AuroCombobox",
|
|
2494
|
+
"declaration": {
|
|
2495
|
+
"name": "AuroCombobox",
|
|
2496
|
+
"module": "components/combobox/src/registered.js"
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2499
|
+
]
|
|
2500
2500
|
},
|
|
2501
2501
|
{
|
|
2502
2502
|
"kind": "javascript-module",
|
|
@@ -5197,6 +5197,16 @@
|
|
|
5197
5197
|
{
|
|
5198
5198
|
"kind": "method",
|
|
5199
5199
|
"name": "handlePrevMonth",
|
|
5200
|
+
"parameters": [
|
|
5201
|
+
{
|
|
5202
|
+
"name": "options",
|
|
5203
|
+
"description": "Optional settings.",
|
|
5204
|
+
"optional": true,
|
|
5205
|
+
"type": {
|
|
5206
|
+
"text": "@param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell\n * recomputation. Used by arrow key handlers that manage the active cell themselves.\n * "
|
|
5207
|
+
}
|
|
5208
|
+
}
|
|
5209
|
+
],
|
|
5200
5210
|
"description": "Updates the month and year when the user navigates to the previous calendar month.",
|
|
5201
5211
|
"privacy": "private",
|
|
5202
5212
|
"return": {
|
|
@@ -5208,6 +5218,16 @@
|
|
|
5208
5218
|
{
|
|
5209
5219
|
"kind": "method",
|
|
5210
5220
|
"name": "handleNextMonth",
|
|
5221
|
+
"parameters": [
|
|
5222
|
+
{
|
|
5223
|
+
"name": "options",
|
|
5224
|
+
"description": "Optional settings.",
|
|
5225
|
+
"optional": true,
|
|
5226
|
+
"type": {
|
|
5227
|
+
"text": "@param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell\n * recomputation. Used by arrow key handlers that manage the active cell themselves.\n * "
|
|
5228
|
+
}
|
|
5229
|
+
}
|
|
5230
|
+
],
|
|
5211
5231
|
"description": "Updates the month and year when the user navigates to the next calendar month.",
|
|
5212
5232
|
"privacy": "private",
|
|
5213
5233
|
"return": {
|
|
@@ -5230,7 +5250,7 @@
|
|
|
5230
5250
|
{
|
|
5231
5251
|
"kind": "method",
|
|
5232
5252
|
"name": "updateActiveCellForVisibleMonth",
|
|
5233
|
-
"description": "
|
|
5253
|
+
"description": "Updates the active cell after month navigation (prev/next buttons).\nAlways moves the active cell to the first enabled date in the newly\nvisible months so that tabbing back to the grid lands on an enabled cell.",
|
|
5234
5254
|
"privacy": "private",
|
|
5235
5255
|
"return": {
|
|
5236
5256
|
"type": {
|
|
@@ -5329,6 +5349,28 @@
|
|
|
5329
5349
|
}
|
|
5330
5350
|
}
|
|
5331
5351
|
},
|
|
5352
|
+
{
|
|
5353
|
+
"kind": "method",
|
|
5354
|
+
"name": "handleGridFocusIn",
|
|
5355
|
+
"description": "Shows the visualFocus ring on the active cell when the grid gains focus.",
|
|
5356
|
+
"privacy": "private",
|
|
5357
|
+
"return": {
|
|
5358
|
+
"type": {
|
|
5359
|
+
"text": "void"
|
|
5360
|
+
}
|
|
5361
|
+
}
|
|
5362
|
+
},
|
|
5363
|
+
{
|
|
5364
|
+
"kind": "method",
|
|
5365
|
+
"name": "handleGridFocusOut",
|
|
5366
|
+
"description": "Hides the visualFocus ring on the active cell when the grid loses focus.",
|
|
5367
|
+
"privacy": "private",
|
|
5368
|
+
"return": {
|
|
5369
|
+
"type": {
|
|
5370
|
+
"text": "void"
|
|
5371
|
+
}
|
|
5372
|
+
}
|
|
5373
|
+
},
|
|
5332
5374
|
{
|
|
5333
5375
|
"kind": "method",
|
|
5334
5376
|
"name": "computeActiveDate",
|
|
@@ -5351,6 +5393,26 @@
|
|
|
5351
5393
|
}
|
|
5352
5394
|
}
|
|
5353
5395
|
},
|
|
5396
|
+
{
|
|
5397
|
+
"kind": "method",
|
|
5398
|
+
"name": "isDateInRange",
|
|
5399
|
+
"parameters": [
|
|
5400
|
+
{
|
|
5401
|
+
"name": "targetTs",
|
|
5402
|
+
"description": "Unix timestamp in seconds.",
|
|
5403
|
+
"type": {
|
|
5404
|
+
"text": "Number"
|
|
5405
|
+
}
|
|
5406
|
+
}
|
|
5407
|
+
],
|
|
5408
|
+
"description": "Checks if a target date (unix seconds) is within the configured [min, max] range.\nReturns false if the date falls outside the range, preventing navigation\nto months where all dates are disabled.",
|
|
5409
|
+
"privacy": "private",
|
|
5410
|
+
"return": {
|
|
5411
|
+
"type": {
|
|
5412
|
+
"text": "Boolean"
|
|
5413
|
+
}
|
|
5414
|
+
}
|
|
5415
|
+
},
|
|
5354
5416
|
{
|
|
5355
5417
|
"kind": "method",
|
|
5356
5418
|
"name": "handleGridKeyDown",
|
|
@@ -5726,6 +5788,16 @@
|
|
|
5726
5788
|
"privacy": "private",
|
|
5727
5789
|
"default": "null"
|
|
5728
5790
|
},
|
|
5791
|
+
{
|
|
5792
|
+
"kind": "field",
|
|
5793
|
+
"name": "_gridHasFocus",
|
|
5794
|
+
"type": {
|
|
5795
|
+
"text": "boolean"
|
|
5796
|
+
},
|
|
5797
|
+
"description": "Whether the #calendarGrid wrapper currently has focus.\nUsed to determine whether the visualFocus ring should be shown.",
|
|
5798
|
+
"privacy": "private",
|
|
5799
|
+
"default": "false"
|
|
5800
|
+
},
|
|
5729
5801
|
{
|
|
5730
5802
|
"kind": "field",
|
|
5731
5803
|
"name": "firstMonthRenderable",
|