@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.0 → 0.0.0-pr1480.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/customize.min.js +32 -15
- package/components/datepicker/demo/index.min.js +43 -20
- package/components/datepicker/dist/index.js +32 -15
- package/components/datepicker/dist/registered.js +32 -15
- 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 +42 -25
- package/components/form/demo/getting-started.min.js +42 -25
- package/components/form/demo/index.min.js +42 -25
- package/components/form/demo/registerDemoDeps.min.js +42 -25
- 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 +550 -550
- 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,213 +90,308 @@
|
|
|
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/checkbox/src/auro-checkbox-group.js",
|
|
372
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
271
373
|
"declarations": [
|
|
272
374
|
{
|
|
273
375
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-checkbox
|
|
275
|
-
"name": "
|
|
276
|
-
"
|
|
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": [
|
|
277
379
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": "
|
|
380
|
+
"description": "apply css to a specific checkbox.",
|
|
381
|
+
"name": "checkbox"
|
|
280
382
|
},
|
|
281
383
|
{
|
|
282
|
-
"description": "
|
|
283
|
-
"name": "
|
|
384
|
+
"description": "apply css to a specific checkbox's input.",
|
|
385
|
+
"name": "checkbox-input"
|
|
284
386
|
},
|
|
285
387
|
{
|
|
286
|
-
"description": "
|
|
287
|
-
"name": "
|
|
288
|
-
}
|
|
388
|
+
"description": "apply css to a specific checkbox's label.",
|
|
389
|
+
"name": "checkbox-label"
|
|
390
|
+
}
|
|
391
|
+
],
|
|
392
|
+
"slots": [
|
|
289
393
|
{
|
|
290
|
-
"description": "The default slot for the checkbox
|
|
394
|
+
"description": "The default slot for the checkbox label.",
|
|
291
395
|
"name": "default"
|
|
292
396
|
}
|
|
293
397
|
],
|
|
@@ -303,8 +407,8 @@
|
|
|
303
407
|
"parameters": [
|
|
304
408
|
{
|
|
305
409
|
"name": "name",
|
|
306
|
-
"default": "\"auro-checkbox
|
|
307
|
-
"description": "The name of
|
|
410
|
+
"default": "\"auro-checkbox\"",
|
|
411
|
+
"description": "The name of element that you want to register to.",
|
|
308
412
|
"optional": true,
|
|
309
413
|
"type": {
|
|
310
414
|
"text": "string"
|
|
@@ -315,24 +419,37 @@
|
|
|
315
419
|
},
|
|
316
420
|
{
|
|
317
421
|
"kind": "method",
|
|
318
|
-
"name": "
|
|
422
|
+
"name": "handleChange",
|
|
319
423
|
"parameters": [
|
|
320
424
|
{
|
|
321
|
-
"name": "
|
|
322
|
-
"description": "The
|
|
425
|
+
"name": "event",
|
|
426
|
+
"description": "The change event from the checkbox input.",
|
|
323
427
|
"type": {
|
|
324
|
-
"text": "
|
|
428
|
+
"text": "Event"
|
|
325
429
|
}
|
|
326
|
-
}
|
|
430
|
+
}
|
|
431
|
+
],
|
|
432
|
+
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
433
|
+
"privacy": "private",
|
|
434
|
+
"return": {
|
|
435
|
+
"type": {
|
|
436
|
+
"text": "void"
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"kind": "method",
|
|
442
|
+
"name": "handleInput",
|
|
443
|
+
"parameters": [
|
|
327
444
|
{
|
|
328
|
-
"name": "
|
|
329
|
-
"description": "The
|
|
445
|
+
"name": "event",
|
|
446
|
+
"description": "The input event from the checkbox input.",
|
|
330
447
|
"type": {
|
|
331
|
-
"text": "
|
|
448
|
+
"text": "Event"
|
|
332
449
|
}
|
|
333
450
|
}
|
|
334
451
|
],
|
|
335
|
-
"description": "
|
|
452
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
336
453
|
"privacy": "private",
|
|
337
454
|
"return": {
|
|
338
455
|
"type": {
|
|
@@ -342,8 +459,8 @@
|
|
|
342
459
|
},
|
|
343
460
|
{
|
|
344
461
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "
|
|
462
|
+
"name": "handleFocusin",
|
|
463
|
+
"description": "Function to support",
|
|
347
464
|
"privacy": "private",
|
|
348
465
|
"return": {
|
|
349
466
|
"type": {
|
|
@@ -353,12 +470,12 @@
|
|
|
353
470
|
},
|
|
354
471
|
{
|
|
355
472
|
"kind": "method",
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
473
|
+
"name": "generateIconHtml",
|
|
474
|
+
"description": "Function to generate checkmark svg.",
|
|
358
475
|
"privacy": "private",
|
|
359
476
|
"return": {
|
|
360
477
|
"type": {
|
|
361
|
-
"text": "
|
|
478
|
+
"text": "HTMLElement"
|
|
362
479
|
}
|
|
363
480
|
}
|
|
364
481
|
},
|
|
@@ -374,19 +491,34 @@
|
|
|
374
491
|
},
|
|
375
492
|
{
|
|
376
493
|
"kind": "method",
|
|
377
|
-
"name": "
|
|
494
|
+
"name": "updateAriaLabel",
|
|
495
|
+
"description": "Updates the aria-label based on slot content.",
|
|
496
|
+
"privacy": "private",
|
|
497
|
+
"return": {
|
|
498
|
+
"type": {
|
|
499
|
+
"text": "void"
|
|
500
|
+
}
|
|
501
|
+
}
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"kind": "method",
|
|
505
|
+
"name": "handleKeyDown",
|
|
378
506
|
"parameters": [
|
|
379
507
|
{
|
|
380
|
-
"name": "
|
|
381
|
-
"
|
|
382
|
-
"description": "Whether to force validation.",
|
|
383
|
-
"optional": true,
|
|
508
|
+
"name": "event",
|
|
509
|
+
"description": "The keydown event from the checkbox input.",
|
|
384
510
|
"type": {
|
|
385
|
-
"text": "
|
|
511
|
+
"text": "KeyboardEvent"
|
|
386
512
|
}
|
|
387
513
|
}
|
|
388
514
|
],
|
|
389
|
-
"description": "
|
|
515
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
516
|
+
"privacy": "private",
|
|
517
|
+
"return": {
|
|
518
|
+
"type": {
|
|
519
|
+
"text": "void"
|
|
520
|
+
}
|
|
521
|
+
}
|
|
390
522
|
},
|
|
391
523
|
{
|
|
392
524
|
"kind": "field",
|
|
@@ -400,6 +532,17 @@
|
|
|
400
532
|
"attribute": "appearance",
|
|
401
533
|
"reflects": true
|
|
402
534
|
},
|
|
535
|
+
{
|
|
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
|
|
545
|
+
},
|
|
403
546
|
{
|
|
404
547
|
"kind": "field",
|
|
405
548
|
"name": "disabled",
|
|
@@ -407,7 +550,7 @@
|
|
|
407
550
|
"type": {
|
|
408
551
|
"text": "boolean"
|
|
409
552
|
},
|
|
410
|
-
"description": "If set,
|
|
553
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
411
554
|
"attribute": "disabled",
|
|
412
555
|
"reflects": true
|
|
413
556
|
},
|
|
@@ -416,33 +559,41 @@
|
|
|
416
559
|
"name": "error",
|
|
417
560
|
"privacy": "public",
|
|
418
561
|
"type": {
|
|
419
|
-
"text": "
|
|
562
|
+
"text": "boolean"
|
|
420
563
|
},
|
|
421
|
-
"description": "
|
|
564
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
422
565
|
"attribute": "error",
|
|
423
566
|
"reflects": true
|
|
424
567
|
},
|
|
425
568
|
{
|
|
426
569
|
"kind": "field",
|
|
427
|
-
"name": "
|
|
570
|
+
"name": "id",
|
|
428
571
|
"privacy": "public",
|
|
429
572
|
"type": {
|
|
430
|
-
"text": "
|
|
573
|
+
"text": "string"
|
|
431
574
|
},
|
|
432
|
-
"description": "
|
|
433
|
-
"attribute": "
|
|
575
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
576
|
+
"attribute": "id",
|
|
434
577
|
"reflects": true
|
|
435
578
|
},
|
|
436
579
|
{
|
|
437
580
|
"kind": "field",
|
|
438
|
-
"name": "
|
|
581
|
+
"name": "inputId",
|
|
582
|
+
"privacy": "private",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "string"
|
|
585
|
+
},
|
|
586
|
+
"description": "The id for input node."
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"kind": "field",
|
|
590
|
+
"name": "name",
|
|
439
591
|
"privacy": "public",
|
|
440
592
|
"type": {
|
|
441
|
-
"text": "
|
|
593
|
+
"text": "string"
|
|
442
594
|
},
|
|
443
|
-
"description": "
|
|
444
|
-
"attribute": "
|
|
445
|
-
"reflects": true
|
|
595
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
596
|
+
"attribute": "name"
|
|
446
597
|
},
|
|
447
598
|
{
|
|
448
599
|
"kind": "field",
|
|
@@ -457,67 +608,94 @@
|
|
|
457
608
|
},
|
|
458
609
|
{
|
|
459
610
|
"kind": "field",
|
|
460
|
-
"name": "
|
|
461
|
-
"privacy": "
|
|
611
|
+
"name": "touched",
|
|
612
|
+
"privacy": "private",
|
|
462
613
|
"type": {
|
|
463
614
|
"text": "boolean"
|
|
464
615
|
},
|
|
465
|
-
"description": "
|
|
466
|
-
"attribute": "required",
|
|
467
|
-
"reflects": true
|
|
616
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
468
617
|
},
|
|
469
618
|
{
|
|
470
619
|
"kind": "field",
|
|
471
|
-
"name": "
|
|
620
|
+
"name": "value",
|
|
472
621
|
"privacy": "public",
|
|
473
622
|
"type": {
|
|
474
623
|
"text": "string"
|
|
475
624
|
},
|
|
476
|
-
"description": "Sets
|
|
477
|
-
"attribute": "
|
|
625
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
626
|
+
"attribute": "value"
|
|
478
627
|
},
|
|
479
628
|
{
|
|
480
629
|
"kind": "field",
|
|
481
|
-
"name": "
|
|
482
|
-
"privacy": "
|
|
630
|
+
"name": "tabIndex",
|
|
631
|
+
"privacy": "private",
|
|
632
|
+
"type": {
|
|
633
|
+
"text": "number"
|
|
634
|
+
},
|
|
635
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
636
|
+
"attribute": "tabindex",
|
|
637
|
+
"reflects": true
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"kind": "field",
|
|
641
|
+
"name": "ariaChecked",
|
|
642
|
+
"privacy": "private",
|
|
483
643
|
"type": {
|
|
484
644
|
"text": "string"
|
|
485
645
|
},
|
|
486
|
-
"description": "
|
|
487
|
-
"attribute": "
|
|
646
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
647
|
+
"attribute": "aria-checked",
|
|
648
|
+
"reflects": true
|
|
488
649
|
},
|
|
489
650
|
{
|
|
490
651
|
"kind": "field",
|
|
491
|
-
"name": "
|
|
492
|
-
"privacy": "
|
|
652
|
+
"name": "ariaDisabled",
|
|
653
|
+
"privacy": "private",
|
|
493
654
|
"type": {
|
|
494
655
|
"text": "string"
|
|
495
656
|
},
|
|
496
|
-
"description": "
|
|
497
|
-
"attribute": "
|
|
657
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
658
|
+
"attribute": "aria-disabled",
|
|
659
|
+
"reflects": true
|
|
498
660
|
},
|
|
499
661
|
{
|
|
500
662
|
"kind": "field",
|
|
501
|
-
"name": "
|
|
502
|
-
"privacy": "
|
|
663
|
+
"name": "role",
|
|
664
|
+
"privacy": "private",
|
|
503
665
|
"type": {
|
|
504
666
|
"text": "string"
|
|
505
667
|
},
|
|
506
|
-
"description": "
|
|
507
|
-
"attribute": "
|
|
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",
|
|
508
670
|
"reflects": true
|
|
509
671
|
}
|
|
510
672
|
],
|
|
511
673
|
"events": [
|
|
512
674
|
{
|
|
513
|
-
"name": "input",
|
|
675
|
+
"name": "auroCheckbox-input",
|
|
514
676
|
"type": {
|
|
515
677
|
"text": "CustomEvent"
|
|
516
678
|
}
|
|
517
679
|
},
|
|
518
680
|
{
|
|
519
|
-
"
|
|
520
|
-
"
|
|
681
|
+
"name": "auroCheckbox-focusin",
|
|
682
|
+
"type": {
|
|
683
|
+
"text": "CustomEvent"
|
|
684
|
+
}
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"name": "auroCheckbox-focusout",
|
|
688
|
+
"type": {
|
|
689
|
+
"text": "CustomEvent"
|
|
690
|
+
}
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
694
|
+
"name": "change"
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
698
|
+
"name": "input"
|
|
521
699
|
}
|
|
522
700
|
],
|
|
523
701
|
"attributes": [
|
|
@@ -530,37 +708,45 @@
|
|
|
530
708
|
"default": "'default'",
|
|
531
709
|
"fieldName": "appearance"
|
|
532
710
|
},
|
|
711
|
+
{
|
|
712
|
+
"name": "checked",
|
|
713
|
+
"type": {
|
|
714
|
+
"text": "boolean"
|
|
715
|
+
},
|
|
716
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
717
|
+
"fieldName": "checked"
|
|
718
|
+
},
|
|
533
719
|
{
|
|
534
720
|
"name": "disabled",
|
|
535
721
|
"type": {
|
|
536
722
|
"text": "boolean"
|
|
537
723
|
},
|
|
538
|
-
"description": "If set,
|
|
724
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
539
725
|
"fieldName": "disabled"
|
|
540
726
|
},
|
|
541
727
|
{
|
|
542
728
|
"name": "error",
|
|
543
729
|
"type": {
|
|
544
|
-
"text": "
|
|
730
|
+
"text": "boolean"
|
|
545
731
|
},
|
|
546
|
-
"description": "
|
|
732
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
547
733
|
"fieldName": "error"
|
|
548
734
|
},
|
|
549
735
|
{
|
|
550
|
-
"name": "
|
|
736
|
+
"name": "id",
|
|
551
737
|
"type": {
|
|
552
|
-
"text": "
|
|
738
|
+
"text": "string"
|
|
553
739
|
},
|
|
554
|
-
"description": "
|
|
555
|
-
"fieldName": "
|
|
740
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
741
|
+
"fieldName": "id"
|
|
556
742
|
},
|
|
557
743
|
{
|
|
558
|
-
"name": "
|
|
744
|
+
"name": "name",
|
|
559
745
|
"type": {
|
|
560
|
-
"text": "
|
|
746
|
+
"text": "string"
|
|
561
747
|
},
|
|
562
|
-
"description": "
|
|
563
|
-
"fieldName": "
|
|
748
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
749
|
+
"fieldName": "name"
|
|
564
750
|
},
|
|
565
751
|
{
|
|
566
752
|
"name": "onDark",
|
|
@@ -571,98 +757,125 @@
|
|
|
571
757
|
"fieldName": "onDark"
|
|
572
758
|
},
|
|
573
759
|
{
|
|
574
|
-
"name": "
|
|
760
|
+
"name": "value",
|
|
575
761
|
"type": {
|
|
576
|
-
"text": "
|
|
762
|
+
"text": "string"
|
|
577
763
|
},
|
|
578
|
-
"description": "
|
|
579
|
-
"fieldName": "
|
|
764
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
765
|
+
"fieldName": "value"
|
|
580
766
|
},
|
|
581
767
|
{
|
|
582
|
-
"name": "
|
|
768
|
+
"name": "tabindex",
|
|
583
769
|
"type": {
|
|
584
|
-
"text": "
|
|
770
|
+
"text": "number"
|
|
585
771
|
},
|
|
586
|
-
"description": "
|
|
587
|
-
"fieldName": "
|
|
772
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
773
|
+
"fieldName": "tabIndex"
|
|
588
774
|
},
|
|
589
775
|
{
|
|
590
|
-
"name": "
|
|
776
|
+
"name": "aria-checked",
|
|
591
777
|
"type": {
|
|
592
778
|
"text": "string"
|
|
593
779
|
},
|
|
594
|
-
"description": "
|
|
595
|
-
"fieldName": "
|
|
780
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
781
|
+
"fieldName": "ariaChecked"
|
|
596
782
|
},
|
|
597
783
|
{
|
|
598
|
-
"name": "
|
|
784
|
+
"name": "aria-disabled",
|
|
599
785
|
"type": {
|
|
600
786
|
"text": "string"
|
|
601
787
|
},
|
|
602
|
-
"description": "
|
|
603
|
-
"fieldName": "
|
|
788
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
789
|
+
"fieldName": "ariaDisabled"
|
|
604
790
|
},
|
|
605
791
|
{
|
|
606
|
-
"name": "
|
|
792
|
+
"name": "role",
|
|
607
793
|
"type": {
|
|
608
794
|
"text": "string"
|
|
609
795
|
},
|
|
610
|
-
"description": "
|
|
611
|
-
"fieldName": "
|
|
796
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
797
|
+
"fieldName": "role"
|
|
612
798
|
}
|
|
613
799
|
],
|
|
614
800
|
"superclass": {
|
|
615
801
|
"name": "LitElement",
|
|
616
802
|
"package": "lit"
|
|
617
803
|
},
|
|
618
|
-
"tagName": "auro-checkbox
|
|
804
|
+
"tagName": "auro-checkbox",
|
|
619
805
|
"customElement": true
|
|
620
806
|
}
|
|
621
807
|
],
|
|
622
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
|
+
},
|
|
623
832
|
{
|
|
624
833
|
"kind": "js",
|
|
625
834
|
"name": "AuroCheckboxGroup",
|
|
626
835
|
"declaration": {
|
|
627
836
|
"name": "AuroCheckboxGroup",
|
|
628
|
-
"module": "components/checkbox/src/
|
|
837
|
+
"module": "components/checkbox/src/index.js"
|
|
629
838
|
}
|
|
630
839
|
}
|
|
631
840
|
]
|
|
632
841
|
},
|
|
633
842
|
{
|
|
634
843
|
"kind": "javascript-module",
|
|
635
|
-
"path": "components/checkbox/src/
|
|
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",
|
|
636
851
|
"declarations": [
|
|
637
852
|
{
|
|
638
853
|
"kind": "class",
|
|
639
|
-
"description": "The `auro-
|
|
640
|
-
"name": "
|
|
641
|
-
"
|
|
854
|
+
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
855
|
+
"name": "AuroBibtemplate",
|
|
856
|
+
"slots": [
|
|
642
857
|
{
|
|
643
|
-
"description": "
|
|
644
|
-
"name": "
|
|
858
|
+
"description": "The default slot for the main content.",
|
|
859
|
+
"name": "default"
|
|
645
860
|
},
|
|
646
861
|
{
|
|
647
|
-
"description": "
|
|
648
|
-
"name": "
|
|
862
|
+
"description": "Slot for the header content.",
|
|
863
|
+
"name": "header"
|
|
649
864
|
},
|
|
650
865
|
{
|
|
651
|
-
"description": "
|
|
652
|
-
"name": "
|
|
653
|
-
}
|
|
654
|
-
],
|
|
655
|
-
"slots": [
|
|
866
|
+
"description": "Slot for the subheader content.",
|
|
867
|
+
"name": "subheader"
|
|
868
|
+
},
|
|
656
869
|
{
|
|
657
|
-
"description": "
|
|
658
|
-
"name": "
|
|
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"
|
|
659
876
|
}
|
|
660
877
|
],
|
|
661
878
|
"members": [
|
|
662
|
-
{
|
|
663
|
-
"kind": "method",
|
|
664
|
-
"name": "_initializeDefaults"
|
|
665
|
-
},
|
|
666
879
|
{
|
|
667
880
|
"kind": "method",
|
|
668
881
|
"name": "register",
|
|
@@ -670,7 +883,7 @@
|
|
|
670
883
|
"parameters": [
|
|
671
884
|
{
|
|
672
885
|
"name": "name",
|
|
673
|
-
"default": "\"auro-
|
|
886
|
+
"default": "\"auro-bibtemplate\"",
|
|
674
887
|
"description": "The name of element that you want to register to.",
|
|
675
888
|
"optional": true,
|
|
676
889
|
"type": {
|
|
@@ -682,38 +895,17 @@
|
|
|
682
895
|
},
|
|
683
896
|
{
|
|
684
897
|
"kind": "method",
|
|
685
|
-
"name": "
|
|
686
|
-
"parameters": [
|
|
687
|
-
{
|
|
688
|
-
"name": "event",
|
|
689
|
-
"description": "The change event from the checkbox input.",
|
|
690
|
-
"type": {
|
|
691
|
-
"text": "Event"
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
],
|
|
695
|
-
"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.",
|
|
696
|
-
"privacy": "private",
|
|
697
|
-
"return": {
|
|
698
|
-
"type": {
|
|
699
|
-
"text": "void"
|
|
700
|
-
}
|
|
701
|
-
}
|
|
702
|
-
},
|
|
703
|
-
{
|
|
704
|
-
"kind": "method",
|
|
705
|
-
"name": "handleInput",
|
|
898
|
+
"name": "preventBodyScroll",
|
|
706
899
|
"parameters": [
|
|
707
900
|
{
|
|
708
901
|
"name": "event",
|
|
709
|
-
"description": "The
|
|
902
|
+
"description": "The touchmove event.",
|
|
710
903
|
"type": {
|
|
711
904
|
"text": "Event"
|
|
712
905
|
}
|
|
713
906
|
}
|
|
714
907
|
],
|
|
715
|
-
"description": "
|
|
716
|
-
"privacy": "private",
|
|
908
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
717
909
|
"return": {
|
|
718
910
|
"type": {
|
|
719
911
|
"text": "void"
|
|
@@ -722,9 +914,8 @@
|
|
|
722
914
|
},
|
|
723
915
|
{
|
|
724
916
|
"kind": "method",
|
|
725
|
-
"name": "
|
|
726
|
-
"description": "
|
|
727
|
-
"privacy": "private",
|
|
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.",
|
|
728
919
|
"return": {
|
|
729
920
|
"type": {
|
|
730
921
|
"text": "void"
|
|
@@ -733,50 +924,12 @@
|
|
|
733
924
|
},
|
|
734
925
|
{
|
|
735
926
|
"kind": "method",
|
|
736
|
-
"name": "
|
|
737
|
-
"description": "Function to generate checkmark svg.",
|
|
738
|
-
"privacy": "private",
|
|
739
|
-
"return": {
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "HTMLElement"
|
|
742
|
-
}
|
|
743
|
-
}
|
|
927
|
+
"name": "onCloseButtonClick"
|
|
744
928
|
},
|
|
745
929
|
{
|
|
746
930
|
"kind": "method",
|
|
747
|
-
"name": "
|
|
748
|
-
"description": "
|
|
749
|
-
"return": {
|
|
750
|
-
"type": {
|
|
751
|
-
"text": "void"
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"kind": "method",
|
|
757
|
-
"name": "updateAriaLabel",
|
|
758
|
-
"description": "Updates the aria-label based on slot content.",
|
|
759
|
-
"privacy": "private",
|
|
760
|
-
"return": {
|
|
761
|
-
"type": {
|
|
762
|
-
"text": "void"
|
|
763
|
-
}
|
|
764
|
-
}
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"kind": "method",
|
|
768
|
-
"name": "handleKeyDown",
|
|
769
|
-
"parameters": [
|
|
770
|
-
{
|
|
771
|
-
"name": "event",
|
|
772
|
-
"description": "The keydown event from the checkbox input.",
|
|
773
|
-
"type": {
|
|
774
|
-
"text": "KeyboardEvent"
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
|
-
],
|
|
778
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
779
|
-
"privacy": "private",
|
|
931
|
+
"name": "exposeCssParts",
|
|
932
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
780
933
|
"return": {
|
|
781
934
|
"type": {
|
|
782
935
|
"text": "void"
|
|
@@ -785,326 +938,173 @@
|
|
|
785
938
|
},
|
|
786
939
|
{
|
|
787
940
|
"kind": "field",
|
|
788
|
-
"name": "
|
|
789
|
-
"privacy": "public",
|
|
790
|
-
"type": {
|
|
791
|
-
"text": "'default' | 'inverse'"
|
|
792
|
-
},
|
|
793
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
|
-
"default": "'default'",
|
|
795
|
-
"attribute": "appearance",
|
|
796
|
-
"reflects": true
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"kind": "field",
|
|
800
|
-
"name": "checked",
|
|
801
|
-
"privacy": "public",
|
|
802
|
-
"type": {
|
|
803
|
-
"text": "boolean"
|
|
804
|
-
},
|
|
805
|
-
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
-
"attribute": "checked",
|
|
807
|
-
"reflects": true
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"kind": "field",
|
|
811
|
-
"name": "disabled",
|
|
812
|
-
"privacy": "public",
|
|
813
|
-
"type": {
|
|
814
|
-
"text": "boolean"
|
|
815
|
-
},
|
|
816
|
-
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
-
"attribute": "disabled",
|
|
818
|
-
"reflects": true
|
|
819
|
-
},
|
|
820
|
-
{
|
|
821
|
-
"kind": "field",
|
|
822
|
-
"name": "error",
|
|
941
|
+
"name": "large",
|
|
823
942
|
"privacy": "public",
|
|
824
943
|
"type": {
|
|
825
944
|
"text": "boolean"
|
|
826
945
|
},
|
|
827
|
-
"
|
|
828
|
-
"attribute": "
|
|
946
|
+
"default": "false",
|
|
947
|
+
"attribute": "large",
|
|
829
948
|
"reflects": true
|
|
830
949
|
},
|
|
831
950
|
{
|
|
832
951
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
834
|
-
"privacy": "
|
|
835
|
-
"type": {
|
|
836
|
-
"text": "string"
|
|
837
|
-
},
|
|
838
|
-
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
-
"attribute": "id",
|
|
840
|
-
"reflects": true
|
|
952
|
+
"name": "iconTag",
|
|
953
|
+
"privacy": "private"
|
|
841
954
|
},
|
|
842
955
|
{
|
|
843
956
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "private"
|
|
846
|
-
"type": {
|
|
847
|
-
"text": "string"
|
|
848
|
-
},
|
|
849
|
-
"description": "The id for input node."
|
|
957
|
+
"name": "headerTag",
|
|
958
|
+
"privacy": "private"
|
|
850
959
|
},
|
|
851
960
|
{
|
|
852
961
|
"kind": "field",
|
|
853
|
-
"name": "
|
|
854
|
-
"privacy": "
|
|
855
|
-
"type": {
|
|
856
|
-
"text": "string"
|
|
857
|
-
},
|
|
858
|
-
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
-
"attribute": "name"
|
|
962
|
+
"name": "buttonTag",
|
|
963
|
+
"privacy": "private"
|
|
860
964
|
},
|
|
861
965
|
{
|
|
862
966
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
967
|
+
"name": "isFullscreen",
|
|
864
968
|
"privacy": "public",
|
|
865
969
|
"type": {
|
|
866
970
|
"text": "boolean"
|
|
867
971
|
},
|
|
868
|
-
"
|
|
869
|
-
"attribute": "onDark",
|
|
972
|
+
"attribute": "isFullscreen",
|
|
870
973
|
"reflects": true
|
|
871
974
|
},
|
|
872
975
|
{
|
|
873
976
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
875
|
-
"privacy": "private",
|
|
876
|
-
"type": {
|
|
877
|
-
"text": "boolean"
|
|
878
|
-
},
|
|
879
|
-
"description": "Indicates whether the checkbox has been interacted with."
|
|
880
|
-
},
|
|
881
|
-
{
|
|
882
|
-
"kind": "field",
|
|
883
|
-
"name": "value",
|
|
977
|
+
"name": "showFooter",
|
|
884
978
|
"privacy": "public",
|
|
885
979
|
"type": {
|
|
886
|
-
"text": "
|
|
887
|
-
},
|
|
888
|
-
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
-
"attribute": "value"
|
|
890
|
-
},
|
|
891
|
-
{
|
|
892
|
-
"kind": "field",
|
|
893
|
-
"name": "tabIndex",
|
|
894
|
-
"privacy": "private",
|
|
895
|
-
"type": {
|
|
896
|
-
"text": "number"
|
|
897
|
-
},
|
|
898
|
-
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
-
"attribute": "tabindex",
|
|
900
|
-
"reflects": true
|
|
901
|
-
},
|
|
902
|
-
{
|
|
903
|
-
"kind": "field",
|
|
904
|
-
"name": "ariaChecked",
|
|
905
|
-
"privacy": "private",
|
|
906
|
-
"type": {
|
|
907
|
-
"text": "string"
|
|
908
|
-
},
|
|
909
|
-
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
-
"attribute": "aria-checked",
|
|
911
|
-
"reflects": true
|
|
912
|
-
},
|
|
913
|
-
{
|
|
914
|
-
"kind": "field",
|
|
915
|
-
"name": "ariaDisabled",
|
|
916
|
-
"privacy": "private",
|
|
917
|
-
"type": {
|
|
918
|
-
"text": "string"
|
|
919
|
-
},
|
|
920
|
-
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
-
"attribute": "aria-disabled",
|
|
922
|
-
"reflects": true
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"kind": "field",
|
|
926
|
-
"name": "role",
|
|
927
|
-
"privacy": "private",
|
|
928
|
-
"type": {
|
|
929
|
-
"text": "string"
|
|
980
|
+
"text": "boolean"
|
|
930
981
|
},
|
|
931
|
-
"description": "
|
|
932
|
-
"attribute": "
|
|
982
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
983
|
+
"attribute": "showFooter",
|
|
933
984
|
"reflects": true
|
|
934
985
|
}
|
|
935
986
|
],
|
|
936
987
|
"events": [
|
|
937
988
|
{
|
|
938
|
-
"name": "
|
|
939
|
-
"type": {
|
|
940
|
-
"text": "CustomEvent"
|
|
941
|
-
}
|
|
942
|
-
},
|
|
943
|
-
{
|
|
944
|
-
"name": "auroCheckbox-focusin",
|
|
989
|
+
"name": "close-click",
|
|
945
990
|
"type": {
|
|
946
|
-
"text": "
|
|
991
|
+
"text": "Event"
|
|
947
992
|
}
|
|
948
993
|
},
|
|
949
994
|
{
|
|
950
|
-
"name": "
|
|
995
|
+
"name": "auro-bibtemplate-connected",
|
|
951
996
|
"type": {
|
|
952
997
|
"text": "CustomEvent"
|
|
953
998
|
}
|
|
954
|
-
},
|
|
955
|
-
{
|
|
956
|
-
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
-
"name": "change"
|
|
958
|
-
},
|
|
959
|
-
{
|
|
960
|
-
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
-
"name": "input"
|
|
962
999
|
}
|
|
963
1000
|
],
|
|
964
1001
|
"attributes": [
|
|
965
1002
|
{
|
|
966
|
-
"name": "
|
|
967
|
-
"type": {
|
|
968
|
-
"text": "'default' | 'inverse'"
|
|
969
|
-
},
|
|
970
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
-
"default": "'default'",
|
|
972
|
-
"fieldName": "appearance"
|
|
973
|
-
},
|
|
974
|
-
{
|
|
975
|
-
"name": "checked",
|
|
976
|
-
"type": {
|
|
977
|
-
"text": "boolean"
|
|
978
|
-
},
|
|
979
|
-
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
-
"fieldName": "checked"
|
|
981
|
-
},
|
|
982
|
-
{
|
|
983
|
-
"name": "disabled",
|
|
1003
|
+
"name": "isFullscreen",
|
|
984
1004
|
"type": {
|
|
985
1005
|
"text": "boolean"
|
|
986
1006
|
},
|
|
987
|
-
"
|
|
988
|
-
"fieldName": "disabled"
|
|
1007
|
+
"fieldName": "isFullscreen"
|
|
989
1008
|
},
|
|
990
1009
|
{
|
|
991
|
-
"name": "
|
|
1010
|
+
"name": "large",
|
|
992
1011
|
"type": {
|
|
993
1012
|
"text": "boolean"
|
|
994
1013
|
},
|
|
995
|
-
"
|
|
996
|
-
"fieldName": "
|
|
997
|
-
},
|
|
998
|
-
{
|
|
999
|
-
"name": "id",
|
|
1000
|
-
"type": {
|
|
1001
|
-
"text": "string"
|
|
1002
|
-
},
|
|
1003
|
-
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
-
"fieldName": "id"
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"name": "name",
|
|
1008
|
-
"type": {
|
|
1009
|
-
"text": "string"
|
|
1010
|
-
},
|
|
1011
|
-
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
-
"fieldName": "name"
|
|
1014
|
+
"default": "false",
|
|
1015
|
+
"fieldName": "large"
|
|
1013
1016
|
},
|
|
1014
1017
|
{
|
|
1015
|
-
"name": "
|
|
1018
|
+
"name": "showFooter",
|
|
1016
1019
|
"type": {
|
|
1017
1020
|
"text": "boolean"
|
|
1018
1021
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"fieldName": "
|
|
1021
|
-
},
|
|
1022
|
-
{
|
|
1023
|
-
"name": "value",
|
|
1024
|
-
"type": {
|
|
1025
|
-
"text": "string"
|
|
1026
|
-
},
|
|
1027
|
-
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1028
|
-
"fieldName": "value"
|
|
1029
|
-
},
|
|
1030
|
-
{
|
|
1031
|
-
"name": "tabindex",
|
|
1032
|
-
"type": {
|
|
1033
|
-
"text": "number"
|
|
1034
|
-
},
|
|
1035
|
-
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
-
"fieldName": "tabIndex"
|
|
1037
|
-
},
|
|
1038
|
-
{
|
|
1039
|
-
"name": "aria-checked",
|
|
1040
|
-
"type": {
|
|
1041
|
-
"text": "string"
|
|
1042
|
-
},
|
|
1043
|
-
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
-
"fieldName": "ariaChecked"
|
|
1045
|
-
},
|
|
1046
|
-
{
|
|
1047
|
-
"name": "aria-disabled",
|
|
1048
|
-
"type": {
|
|
1049
|
-
"text": "string"
|
|
1050
|
-
},
|
|
1051
|
-
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
-
"fieldName": "ariaDisabled"
|
|
1053
|
-
},
|
|
1054
|
-
{
|
|
1055
|
-
"name": "role",
|
|
1056
|
-
"type": {
|
|
1057
|
-
"text": "string"
|
|
1058
|
-
},
|
|
1059
|
-
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1060
|
-
"fieldName": "role"
|
|
1022
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
1023
|
+
"fieldName": "showFooter"
|
|
1061
1024
|
}
|
|
1062
1025
|
],
|
|
1063
1026
|
"superclass": {
|
|
1064
1027
|
"name": "LitElement",
|
|
1065
1028
|
"package": "lit"
|
|
1066
1029
|
},
|
|
1067
|
-
"tagName": "auro-
|
|
1030
|
+
"tagName": "auro-bibtemplate",
|
|
1068
1031
|
"customElement": true
|
|
1069
1032
|
}
|
|
1070
1033
|
],
|
|
1071
1034
|
"exports": [
|
|
1072
1035
|
{
|
|
1073
1036
|
"kind": "js",
|
|
1074
|
-
"name": "
|
|
1037
|
+
"name": "AuroBibtemplate",
|
|
1075
1038
|
"declaration": {
|
|
1076
|
-
"name": "
|
|
1077
|
-
"module": "components/
|
|
1039
|
+
"name": "AuroBibtemplate",
|
|
1040
|
+
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
1078
1041
|
}
|
|
1079
1042
|
}
|
|
1080
1043
|
]
|
|
1081
1044
|
},
|
|
1082
1045
|
{
|
|
1083
1046
|
"kind": "javascript-module",
|
|
1084
|
-
"path": "components/
|
|
1047
|
+
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
1085
1048
|
"declarations": [],
|
|
1086
1049
|
"exports": [
|
|
1087
1050
|
{
|
|
1088
1051
|
"kind": "js",
|
|
1089
|
-
"name": "
|
|
1052
|
+
"name": "default",
|
|
1090
1053
|
"declaration": {
|
|
1091
|
-
"name": "
|
|
1092
|
-
"module": "components/
|
|
1054
|
+
"name": "12.3.2",
|
|
1055
|
+
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
1093
1056
|
}
|
|
1094
|
-
}
|
|
1057
|
+
}
|
|
1058
|
+
]
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"kind": "javascript-module",
|
|
1062
|
+
"path": "components/bibtemplate/src/headerVersion.js",
|
|
1063
|
+
"declarations": [],
|
|
1064
|
+
"exports": [
|
|
1095
1065
|
{
|
|
1096
1066
|
"kind": "js",
|
|
1097
|
-
"name": "
|
|
1067
|
+
"name": "default",
|
|
1098
1068
|
"declaration": {
|
|
1099
|
-
"name": "
|
|
1100
|
-
"module": "components/
|
|
1069
|
+
"name": "5.0.1",
|
|
1070
|
+
"module": "components/bibtemplate/src/headerVersion.js"
|
|
1101
1071
|
}
|
|
1102
1072
|
}
|
|
1103
1073
|
]
|
|
1104
1074
|
},
|
|
1105
1075
|
{
|
|
1106
1076
|
"kind": "javascript-module",
|
|
1107
|
-
"path": "components/
|
|
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
1108
|
"declarations": [],
|
|
1109
1109
|
"exports": []
|
|
1110
1110
|
},
|