@aurodesignsystem-dev/auro-formkit 0.0.0-pr1609.0 → 0.0.0-pr1610.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +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 +296 -22
- package/components/counter/demo/getting-started.min.js +296 -22
- package/components/counter/demo/index.min.js +296 -22
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +1 -0
- package/components/counter/dist/index.js +296 -22
- package/components/counter/dist/registered.js +296 -22
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/getting-started.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +2 -2
- 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 +307 -33
- package/components/form/demo/getting-started.min.js +307 -33
- package/components/form/demo/index.min.js +307 -33
- package/components/form/demo/registerDemoDeps.min.js +307 -33
- 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 +574 -574
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -4,41 +4,41 @@
|
|
|
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
|
"cssParts": [
|
|
14
14
|
{
|
|
15
|
-
"description": "
|
|
16
|
-
"name": "
|
|
15
|
+
"description": "Apply css to the help text element that displays helper or error messages.",
|
|
16
|
+
"name": "helpText"
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
19
|
"slots": [
|
|
20
20
|
{
|
|
21
|
-
"description": "
|
|
22
|
-
"name": "
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"description": "Slot for the header content.",
|
|
26
|
-
"name": "header"
|
|
21
|
+
"description": "Allows for the legend to be overridden.",
|
|
22
|
+
"name": "legend"
|
|
27
23
|
},
|
|
28
24
|
{
|
|
29
|
-
"description": "
|
|
30
|
-
"name": "
|
|
25
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
26
|
+
"name": "optionalLabel"
|
|
31
27
|
},
|
|
32
28
|
{
|
|
33
|
-
"description": "
|
|
34
|
-
"name": "
|
|
29
|
+
"description": "Allows for the helper text to be overridden.",
|
|
30
|
+
"name": "helpText"
|
|
35
31
|
},
|
|
36
32
|
{
|
|
37
|
-
"description": "
|
|
38
|
-
"name": "
|
|
33
|
+
"description": "The default slot for the checkbox items.",
|
|
34
|
+
"name": "default"
|
|
39
35
|
}
|
|
40
36
|
],
|
|
41
37
|
"members": [
|
|
38
|
+
{
|
|
39
|
+
"kind": "method",
|
|
40
|
+
"name": "_initializeDefaults"
|
|
41
|
+
},
|
|
42
42
|
{
|
|
43
43
|
"kind": "method",
|
|
44
44
|
"name": "register",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"parameters": [
|
|
47
47
|
{
|
|
48
48
|
"name": "name",
|
|
49
|
-
"default": "\"auro-
|
|
50
|
-
"description": "The name of element that you want to register
|
|
49
|
+
"default": "\"auro-checkbox-group\"",
|
|
50
|
+
"description": "The name of the element that you want to register.",
|
|
51
51
|
"optional": true,
|
|
52
52
|
"type": {
|
|
53
53
|
"text": "string"
|
|
@@ -58,17 +58,25 @@
|
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
60
|
"kind": "method",
|
|
61
|
-
"name": "
|
|
61
|
+
"name": "handleValueUpdate",
|
|
62
62
|
"parameters": [
|
|
63
63
|
{
|
|
64
|
-
"name": "
|
|
65
|
-
"description": "The
|
|
64
|
+
"name": "value",
|
|
65
|
+
"description": "The value of the checkbox.",
|
|
66
66
|
"type": {
|
|
67
|
-
"text": "
|
|
67
|
+
"text": "String"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "selected",
|
|
72
|
+
"description": "The checked state of the checkbox.",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "Boolean"
|
|
68
75
|
}
|
|
69
76
|
}
|
|
70
77
|
],
|
|
71
|
-
"description": "
|
|
78
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
79
|
+
"privacy": "private",
|
|
72
80
|
"return": {
|
|
73
81
|
"type": {
|
|
74
82
|
"text": "void"
|
|
@@ -77,8 +85,9 @@
|
|
|
77
85
|
},
|
|
78
86
|
{
|
|
79
87
|
"kind": "method",
|
|
80
|
-
"name": "
|
|
81
|
-
"description": "
|
|
88
|
+
"name": "handlePreselectedItems",
|
|
89
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
90
|
+
"privacy": "private",
|
|
82
91
|
"return": {
|
|
83
92
|
"type": {
|
|
84
93
|
"text": "void"
|
|
@@ -87,225 +96,311 @@
|
|
|
87
96
|
},
|
|
88
97
|
{
|
|
89
98
|
"kind": "method",
|
|
90
|
-
"name": "
|
|
99
|
+
"name": "handleItems",
|
|
100
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
101
|
+
"privacy": "private",
|
|
102
|
+
"return": {
|
|
103
|
+
"type": {
|
|
104
|
+
"text": "void"
|
|
105
|
+
}
|
|
106
|
+
}
|
|
91
107
|
},
|
|
92
108
|
{
|
|
93
109
|
"kind": "method",
|
|
94
|
-
"name": "
|
|
95
|
-
"description": "
|
|
110
|
+
"name": "reset",
|
|
111
|
+
"description": "Resets component to initial state.",
|
|
96
112
|
"return": {
|
|
97
113
|
"type": {
|
|
98
114
|
"text": "void"
|
|
99
115
|
}
|
|
100
116
|
}
|
|
101
117
|
},
|
|
118
|
+
{
|
|
119
|
+
"kind": "method",
|
|
120
|
+
"name": "validate",
|
|
121
|
+
"parameters": [
|
|
122
|
+
{
|
|
123
|
+
"name": "force",
|
|
124
|
+
"default": "false",
|
|
125
|
+
"description": "Whether to force validation.",
|
|
126
|
+
"optional": true,
|
|
127
|
+
"type": {
|
|
128
|
+
"text": "boolean"
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
],
|
|
132
|
+
"description": "Validates value."
|
|
133
|
+
},
|
|
102
134
|
{
|
|
103
135
|
"kind": "field",
|
|
104
|
-
"name": "
|
|
136
|
+
"name": "appearance",
|
|
137
|
+
"privacy": "public",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "'default' | 'inverse'"
|
|
140
|
+
},
|
|
141
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
142
|
+
"default": "'default'",
|
|
143
|
+
"attribute": "appearance",
|
|
144
|
+
"reflects": true
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"kind": "field",
|
|
148
|
+
"name": "disabled",
|
|
105
149
|
"privacy": "public",
|
|
106
150
|
"type": {
|
|
107
151
|
"text": "boolean"
|
|
108
152
|
},
|
|
109
|
-
"description": "If
|
|
110
|
-
"
|
|
111
|
-
"attribute": "large",
|
|
153
|
+
"description": "If set, disables the checkbox group.",
|
|
154
|
+
"attribute": "disabled",
|
|
112
155
|
"reflects": true
|
|
113
156
|
},
|
|
114
157
|
{
|
|
115
158
|
"kind": "field",
|
|
116
|
-
"name": "
|
|
117
|
-
"privacy": "
|
|
159
|
+
"name": "error",
|
|
160
|
+
"privacy": "public",
|
|
161
|
+
"type": {
|
|
162
|
+
"text": "string"
|
|
163
|
+
},
|
|
164
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
165
|
+
"attribute": "error",
|
|
166
|
+
"reflects": true
|
|
118
167
|
},
|
|
119
168
|
{
|
|
120
169
|
"kind": "field",
|
|
121
|
-
"name": "
|
|
122
|
-
"privacy": "
|
|
170
|
+
"name": "horizontal",
|
|
171
|
+
"privacy": "public",
|
|
172
|
+
"type": {
|
|
173
|
+
"text": "boolean"
|
|
174
|
+
},
|
|
175
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
176
|
+
"attribute": "horizontal",
|
|
177
|
+
"reflects": true
|
|
123
178
|
},
|
|
124
179
|
{
|
|
125
180
|
"kind": "field",
|
|
126
|
-
"name": "
|
|
127
|
-
"privacy": "
|
|
181
|
+
"name": "noValidate",
|
|
182
|
+
"privacy": "public",
|
|
183
|
+
"type": {
|
|
184
|
+
"text": "boolean"
|
|
185
|
+
},
|
|
186
|
+
"description": "If set, disables auto-validation on blur.",
|
|
187
|
+
"attribute": "novalidate",
|
|
188
|
+
"reflects": true
|
|
128
189
|
},
|
|
129
190
|
{
|
|
130
191
|
"kind": "field",
|
|
131
|
-
"name": "
|
|
192
|
+
"name": "onDark",
|
|
132
193
|
"privacy": "public",
|
|
133
194
|
"type": {
|
|
134
195
|
"text": "boolean"
|
|
135
196
|
},
|
|
136
|
-
"description": "
|
|
137
|
-
"
|
|
197
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
198
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
199
|
+
"attribute": "ondark",
|
|
138
200
|
"reflects": true
|
|
139
201
|
},
|
|
140
202
|
{
|
|
141
203
|
"kind": "field",
|
|
142
|
-
"name": "
|
|
204
|
+
"name": "required",
|
|
143
205
|
"privacy": "public",
|
|
144
206
|
"type": {
|
|
145
207
|
"text": "boolean"
|
|
146
208
|
},
|
|
147
|
-
"description": "
|
|
148
|
-
"attribute": "
|
|
209
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
210
|
+
"attribute": "required",
|
|
149
211
|
"reflects": true
|
|
150
|
-
}
|
|
151
|
-
],
|
|
152
|
-
"events": [
|
|
212
|
+
},
|
|
153
213
|
{
|
|
154
|
-
"
|
|
214
|
+
"kind": "field",
|
|
215
|
+
"name": "setCustomValidity",
|
|
216
|
+
"privacy": "public",
|
|
155
217
|
"type": {
|
|
156
|
-
"text": "
|
|
218
|
+
"text": "string"
|
|
157
219
|
},
|
|
158
|
-
"description": "
|
|
220
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
221
|
+
"attribute": "setcustomvalidity"
|
|
159
222
|
},
|
|
160
223
|
{
|
|
161
|
-
"
|
|
224
|
+
"kind": "field",
|
|
225
|
+
"name": "setCustomValidityCustomError",
|
|
226
|
+
"privacy": "public",
|
|
227
|
+
"type": {
|
|
228
|
+
"text": "string"
|
|
229
|
+
},
|
|
230
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
231
|
+
"attribute": "setcustomvaliditycustomerror"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"kind": "field",
|
|
235
|
+
"name": "setCustomValidityValueMissing",
|
|
236
|
+
"privacy": "public",
|
|
237
|
+
"type": {
|
|
238
|
+
"text": "string"
|
|
239
|
+
},
|
|
240
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
241
|
+
"attribute": "setcustomvalidityvaluemissing"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"kind": "field",
|
|
245
|
+
"name": "validity",
|
|
246
|
+
"privacy": "public",
|
|
247
|
+
"type": {
|
|
248
|
+
"text": "string"
|
|
249
|
+
},
|
|
250
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
251
|
+
"attribute": "validity",
|
|
252
|
+
"reflects": true
|
|
253
|
+
}
|
|
254
|
+
],
|
|
255
|
+
"events": [
|
|
256
|
+
{
|
|
257
|
+
"name": "input",
|
|
162
258
|
"type": {
|
|
163
259
|
"text": "CustomEvent"
|
|
164
260
|
},
|
|
165
|
-
"description": "Notifies
|
|
261
|
+
"description": "Notifies when the group's value changes due to a checkbox selection being added or removed."
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
265
|
+
"name": "auroFormElement-validated"
|
|
166
266
|
}
|
|
167
267
|
],
|
|
168
268
|
"attributes": [
|
|
169
269
|
{
|
|
170
|
-
"name": "
|
|
270
|
+
"name": "appearance",
|
|
271
|
+
"type": {
|
|
272
|
+
"text": "'default' | 'inverse'"
|
|
273
|
+
},
|
|
274
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
275
|
+
"default": "'default'",
|
|
276
|
+
"fieldName": "appearance"
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": "disabled",
|
|
171
280
|
"type": {
|
|
172
281
|
"text": "boolean"
|
|
173
282
|
},
|
|
174
|
-
"description": "If
|
|
175
|
-
"fieldName": "
|
|
283
|
+
"description": "If set, disables the checkbox group.",
|
|
284
|
+
"fieldName": "disabled"
|
|
176
285
|
},
|
|
177
286
|
{
|
|
178
|
-
"name": "
|
|
287
|
+
"name": "error",
|
|
288
|
+
"type": {
|
|
289
|
+
"text": "string"
|
|
290
|
+
},
|
|
291
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
292
|
+
"fieldName": "error"
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"name": "horizontal",
|
|
179
296
|
"type": {
|
|
180
297
|
"text": "boolean"
|
|
181
298
|
},
|
|
182
|
-
"description": "If
|
|
183
|
-
"
|
|
184
|
-
"fieldName": "large"
|
|
299
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
300
|
+
"fieldName": "horizontal"
|
|
185
301
|
},
|
|
186
302
|
{
|
|
187
|
-
"name": "
|
|
303
|
+
"name": "novalidate",
|
|
188
304
|
"type": {
|
|
189
305
|
"text": "boolean"
|
|
190
306
|
},
|
|
191
|
-
"description": "If
|
|
192
|
-
"fieldName": "
|
|
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
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
"kind": "js",
|
|
251
|
-
"name": "default",
|
|
252
|
-
"declaration": {
|
|
253
|
-
"name": "9.2.0",
|
|
254
|
-
"module": "components/bibtemplate/src/iconVersion.js"
|
|
255
|
-
}
|
|
307
|
+
"description": "If set, disables auto-validation on blur.",
|
|
308
|
+
"fieldName": "noValidate"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "ondark",
|
|
312
|
+
"type": {
|
|
313
|
+
"text": "boolean"
|
|
314
|
+
},
|
|
315
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
316
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
317
|
+
"fieldName": "onDark"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"name": "required",
|
|
321
|
+
"type": {
|
|
322
|
+
"text": "boolean"
|
|
323
|
+
},
|
|
324
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
325
|
+
"fieldName": "required"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "setcustomvalidity",
|
|
329
|
+
"type": {
|
|
330
|
+
"text": "string"
|
|
331
|
+
},
|
|
332
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
333
|
+
"fieldName": "setCustomValidity"
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"name": "setcustomvaliditycustomerror",
|
|
337
|
+
"type": {
|
|
338
|
+
"text": "string"
|
|
339
|
+
},
|
|
340
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
341
|
+
"fieldName": "setCustomValidityCustomError"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "setcustomvalidityvaluemissing",
|
|
345
|
+
"type": {
|
|
346
|
+
"text": "string"
|
|
347
|
+
},
|
|
348
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
349
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"name": "validity",
|
|
353
|
+
"type": {
|
|
354
|
+
"text": "string"
|
|
355
|
+
},
|
|
356
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
357
|
+
"fieldName": "validity"
|
|
358
|
+
}
|
|
359
|
+
],
|
|
360
|
+
"superclass": {
|
|
361
|
+
"name": "LitElement",
|
|
362
|
+
"package": "lit"
|
|
363
|
+
},
|
|
364
|
+
"tagName": "auro-checkbox-group",
|
|
365
|
+
"customElement": true
|
|
256
366
|
}
|
|
257
|
-
]
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"kind": "javascript-module",
|
|
261
|
-
"path": "components/bibtemplate/src/index.js",
|
|
262
|
-
"declarations": [],
|
|
367
|
+
],
|
|
263
368
|
"exports": [
|
|
264
369
|
{
|
|
265
370
|
"kind": "js",
|
|
266
|
-
"name": "
|
|
371
|
+
"name": "AuroCheckboxGroup",
|
|
267
372
|
"declaration": {
|
|
268
|
-
"name": "
|
|
269
|
-
"module": "components/
|
|
373
|
+
"name": "AuroCheckboxGroup",
|
|
374
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
270
375
|
}
|
|
271
376
|
}
|
|
272
377
|
]
|
|
273
378
|
},
|
|
274
379
|
{
|
|
275
380
|
"kind": "javascript-module",
|
|
276
|
-
"path": "components/
|
|
277
|
-
"declarations": [],
|
|
278
|
-
"exports": []
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
"kind": "javascript-module",
|
|
282
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
381
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
283
382
|
"declarations": [
|
|
284
383
|
{
|
|
285
384
|
"kind": "class",
|
|
286
|
-
"description": "The `auro-checkbox
|
|
287
|
-
"name": "
|
|
385
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
386
|
+
"name": "AuroCheckbox",
|
|
288
387
|
"cssParts": [
|
|
289
388
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
292
|
-
}
|
|
293
|
-
],
|
|
294
|
-
"slots": [
|
|
295
|
-
{
|
|
296
|
-
"description": "Allows for the legend to be overridden.",
|
|
297
|
-
"name": "legend"
|
|
389
|
+
"description": "apply css to a specific checkbox.",
|
|
390
|
+
"name": "checkbox"
|
|
298
391
|
},
|
|
299
392
|
{
|
|
300
|
-
"description": "
|
|
301
|
-
"name": "
|
|
393
|
+
"description": "apply css to a specific checkbox's input.",
|
|
394
|
+
"name": "checkbox-input"
|
|
302
395
|
},
|
|
303
396
|
{
|
|
304
|
-
"description": "
|
|
305
|
-
"name": "
|
|
306
|
-
}
|
|
397
|
+
"description": "apply css to a specific checkbox's label.",
|
|
398
|
+
"name": "checkbox-label"
|
|
399
|
+
}
|
|
400
|
+
],
|
|
401
|
+
"slots": [
|
|
307
402
|
{
|
|
308
|
-
"description": "The default slot for the checkbox
|
|
403
|
+
"description": "The default slot for the checkbox label.",
|
|
309
404
|
"name": "default"
|
|
310
405
|
}
|
|
311
406
|
],
|
|
@@ -321,8 +416,8 @@
|
|
|
321
416
|
"parameters": [
|
|
322
417
|
{
|
|
323
418
|
"name": "name",
|
|
324
|
-
"default": "\"auro-checkbox
|
|
325
|
-
"description": "The name of
|
|
419
|
+
"default": "\"auro-checkbox\"",
|
|
420
|
+
"description": "The name of element that you want to register to.",
|
|
326
421
|
"optional": true,
|
|
327
422
|
"type": {
|
|
328
423
|
"text": "string"
|
|
@@ -333,24 +428,37 @@
|
|
|
333
428
|
},
|
|
334
429
|
{
|
|
335
430
|
"kind": "method",
|
|
336
|
-
"name": "
|
|
431
|
+
"name": "handleChange",
|
|
337
432
|
"parameters": [
|
|
338
433
|
{
|
|
339
|
-
"name": "
|
|
340
|
-
"description": "The
|
|
434
|
+
"name": "event",
|
|
435
|
+
"description": "The change event from the checkbox input.",
|
|
341
436
|
"type": {
|
|
342
|
-
"text": "
|
|
437
|
+
"text": "Event"
|
|
343
438
|
}
|
|
344
|
-
}
|
|
439
|
+
}
|
|
440
|
+
],
|
|
441
|
+
"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.",
|
|
442
|
+
"privacy": "private",
|
|
443
|
+
"return": {
|
|
444
|
+
"type": {
|
|
445
|
+
"text": "void"
|
|
446
|
+
}
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"kind": "method",
|
|
451
|
+
"name": "handleInput",
|
|
452
|
+
"parameters": [
|
|
345
453
|
{
|
|
346
|
-
"name": "
|
|
347
|
-
"description": "The
|
|
454
|
+
"name": "event",
|
|
455
|
+
"description": "The input event from the checkbox input.",
|
|
348
456
|
"type": {
|
|
349
|
-
"text": "
|
|
457
|
+
"text": "Event"
|
|
350
458
|
}
|
|
351
459
|
}
|
|
352
460
|
],
|
|
353
|
-
"description": "
|
|
461
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
354
462
|
"privacy": "private",
|
|
355
463
|
"return": {
|
|
356
464
|
"type": {
|
|
@@ -360,8 +468,8 @@
|
|
|
360
468
|
},
|
|
361
469
|
{
|
|
362
470
|
"kind": "method",
|
|
363
|
-
"name": "
|
|
364
|
-
"description": "
|
|
471
|
+
"name": "handleFocusin",
|
|
472
|
+
"description": "Function to support",
|
|
365
473
|
"privacy": "private",
|
|
366
474
|
"return": {
|
|
367
475
|
"type": {
|
|
@@ -371,12 +479,12 @@
|
|
|
371
479
|
},
|
|
372
480
|
{
|
|
373
481
|
"kind": "method",
|
|
374
|
-
"name": "
|
|
375
|
-
"description": "
|
|
482
|
+
"name": "generateIconHtml",
|
|
483
|
+
"description": "Function to generate checkmark svg.",
|
|
376
484
|
"privacy": "private",
|
|
377
485
|
"return": {
|
|
378
486
|
"type": {
|
|
379
|
-
"text": "
|
|
487
|
+
"text": "HTMLElement"
|
|
380
488
|
}
|
|
381
489
|
}
|
|
382
490
|
},
|
|
@@ -392,19 +500,34 @@
|
|
|
392
500
|
},
|
|
393
501
|
{
|
|
394
502
|
"kind": "method",
|
|
395
|
-
"name": "
|
|
503
|
+
"name": "updateAriaLabel",
|
|
504
|
+
"description": "Updates the aria-label based on slot content.",
|
|
505
|
+
"privacy": "private",
|
|
506
|
+
"return": {
|
|
507
|
+
"type": {
|
|
508
|
+
"text": "void"
|
|
509
|
+
}
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"kind": "method",
|
|
514
|
+
"name": "handleKeyDown",
|
|
396
515
|
"parameters": [
|
|
397
516
|
{
|
|
398
|
-
"name": "
|
|
399
|
-
"
|
|
400
|
-
"description": "Whether to force validation.",
|
|
401
|
-
"optional": true,
|
|
517
|
+
"name": "event",
|
|
518
|
+
"description": "The keydown event from the checkbox input.",
|
|
402
519
|
"type": {
|
|
403
|
-
"text": "
|
|
520
|
+
"text": "KeyboardEvent"
|
|
404
521
|
}
|
|
405
522
|
}
|
|
406
523
|
],
|
|
407
|
-
"description": "
|
|
524
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
525
|
+
"privacy": "private",
|
|
526
|
+
"return": {
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "void"
|
|
529
|
+
}
|
|
530
|
+
}
|
|
408
531
|
},
|
|
409
532
|
{
|
|
410
533
|
"kind": "field",
|
|
@@ -420,47 +543,66 @@
|
|
|
420
543
|
},
|
|
421
544
|
{
|
|
422
545
|
"kind": "field",
|
|
423
|
-
"name": "
|
|
546
|
+
"name": "checked",
|
|
424
547
|
"privacy": "public",
|
|
425
548
|
"type": {
|
|
426
549
|
"text": "boolean"
|
|
427
550
|
},
|
|
428
|
-
"description": "If set,
|
|
429
|
-
"attribute": "
|
|
551
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
552
|
+
"attribute": "checked",
|
|
430
553
|
"reflects": true
|
|
431
554
|
},
|
|
432
555
|
{
|
|
433
556
|
"kind": "field",
|
|
434
|
-
"name": "
|
|
557
|
+
"name": "disabled",
|
|
435
558
|
"privacy": "public",
|
|
436
559
|
"type": {
|
|
437
|
-
"text": "
|
|
560
|
+
"text": "boolean"
|
|
438
561
|
},
|
|
439
|
-
"description": "
|
|
440
|
-
"attribute": "
|
|
562
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
563
|
+
"attribute": "disabled",
|
|
441
564
|
"reflects": true
|
|
442
565
|
},
|
|
443
566
|
{
|
|
444
567
|
"kind": "field",
|
|
445
|
-
"name": "
|
|
568
|
+
"name": "error",
|
|
446
569
|
"privacy": "public",
|
|
447
570
|
"type": {
|
|
448
571
|
"text": "boolean"
|
|
449
572
|
},
|
|
450
|
-
"description": "If set,
|
|
451
|
-
"attribute": "
|
|
573
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
574
|
+
"attribute": "error",
|
|
452
575
|
"reflects": true
|
|
453
576
|
},
|
|
454
577
|
{
|
|
455
578
|
"kind": "field",
|
|
456
|
-
"name": "
|
|
579
|
+
"name": "id",
|
|
457
580
|
"privacy": "public",
|
|
458
581
|
"type": {
|
|
459
|
-
"text": "
|
|
582
|
+
"text": "string"
|
|
460
583
|
},
|
|
461
|
-
"description": "
|
|
462
|
-
"attribute": "
|
|
463
|
-
"reflects": true
|
|
584
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
585
|
+
"attribute": "id",
|
|
586
|
+
"reflects": true
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"kind": "field",
|
|
590
|
+
"name": "inputId",
|
|
591
|
+
"privacy": "private",
|
|
592
|
+
"type": {
|
|
593
|
+
"text": "string"
|
|
594
|
+
},
|
|
595
|
+
"description": "The id for input node."
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"kind": "field",
|
|
599
|
+
"name": "name",
|
|
600
|
+
"privacy": "public",
|
|
601
|
+
"type": {
|
|
602
|
+
"text": "string"
|
|
603
|
+
},
|
|
604
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
605
|
+
"attribute": "name"
|
|
464
606
|
},
|
|
465
607
|
{
|
|
466
608
|
"kind": "field",
|
|
@@ -476,68 +618,99 @@
|
|
|
476
618
|
},
|
|
477
619
|
{
|
|
478
620
|
"kind": "field",
|
|
479
|
-
"name": "
|
|
480
|
-
"privacy": "
|
|
621
|
+
"name": "touched",
|
|
622
|
+
"privacy": "private",
|
|
481
623
|
"type": {
|
|
482
624
|
"text": "boolean"
|
|
483
625
|
},
|
|
484
|
-
"description": "
|
|
485
|
-
"attribute": "required",
|
|
486
|
-
"reflects": true
|
|
626
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
487
627
|
},
|
|
488
628
|
{
|
|
489
629
|
"kind": "field",
|
|
490
|
-
"name": "
|
|
630
|
+
"name": "value",
|
|
491
631
|
"privacy": "public",
|
|
492
632
|
"type": {
|
|
493
633
|
"text": "string"
|
|
494
634
|
},
|
|
495
|
-
"description": "Sets
|
|
496
|
-
"attribute": "
|
|
635
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
636
|
+
"attribute": "value"
|
|
497
637
|
},
|
|
498
638
|
{
|
|
499
639
|
"kind": "field",
|
|
500
|
-
"name": "
|
|
501
|
-
"privacy": "
|
|
640
|
+
"name": "tabIndex",
|
|
641
|
+
"privacy": "private",
|
|
642
|
+
"type": {
|
|
643
|
+
"text": "number"
|
|
644
|
+
},
|
|
645
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
646
|
+
"attribute": "tabindex",
|
|
647
|
+
"reflects": true
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"kind": "field",
|
|
651
|
+
"name": "ariaChecked",
|
|
652
|
+
"privacy": "private",
|
|
502
653
|
"type": {
|
|
503
654
|
"text": "string"
|
|
504
655
|
},
|
|
505
|
-
"description": "
|
|
506
|
-
"attribute": "
|
|
656
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
657
|
+
"attribute": "aria-checked",
|
|
658
|
+
"reflects": true
|
|
507
659
|
},
|
|
508
660
|
{
|
|
509
661
|
"kind": "field",
|
|
510
|
-
"name": "
|
|
511
|
-
"privacy": "
|
|
662
|
+
"name": "ariaDisabled",
|
|
663
|
+
"privacy": "private",
|
|
512
664
|
"type": {
|
|
513
665
|
"text": "string"
|
|
514
666
|
},
|
|
515
|
-
"description": "
|
|
516
|
-
"attribute": "
|
|
667
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
668
|
+
"attribute": "aria-disabled",
|
|
669
|
+
"reflects": true
|
|
517
670
|
},
|
|
518
671
|
{
|
|
519
672
|
"kind": "field",
|
|
520
|
-
"name": "
|
|
521
|
-
"privacy": "
|
|
673
|
+
"name": "role",
|
|
674
|
+
"privacy": "private",
|
|
522
675
|
"type": {
|
|
523
676
|
"text": "string"
|
|
524
677
|
},
|
|
525
|
-
"description": "
|
|
526
|
-
"attribute": "
|
|
678
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
679
|
+
"attribute": "role",
|
|
527
680
|
"reflects": true
|
|
528
681
|
}
|
|
529
682
|
],
|
|
530
683
|
"events": [
|
|
531
684
|
{
|
|
532
|
-
"name": "input",
|
|
685
|
+
"name": "auroCheckbox-input",
|
|
533
686
|
"type": {
|
|
534
687
|
"text": "CustomEvent"
|
|
535
688
|
},
|
|
536
|
-
"description": "Notifies when the
|
|
689
|
+
"description": "Notifies when the checked value is changed by user interaction. **DEPRECATED** - Use the `input` event instead.",
|
|
690
|
+
"deprecated": "Use the `input` event instead."
|
|
537
691
|
},
|
|
538
692
|
{
|
|
539
|
-
"
|
|
540
|
-
"
|
|
693
|
+
"name": "auroCheckbox-focusin",
|
|
694
|
+
"type": {
|
|
695
|
+
"text": "CustomEvent"
|
|
696
|
+
},
|
|
697
|
+
"description": "Notifies when the checkbox receives focus."
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"name": "auroCheckbox-focusout",
|
|
701
|
+
"type": {
|
|
702
|
+
"text": "CustomEvent"
|
|
703
|
+
},
|
|
704
|
+
"description": "Notifies when the checkbox loses focus."
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"description": "Notifies when checked value is changed. **DEPRECATED** - Use the `input` event instead.",
|
|
708
|
+
"name": "change",
|
|
709
|
+
"deprecated": "Use the `input` event instead."
|
|
710
|
+
},
|
|
711
|
+
{
|
|
712
|
+
"description": "Notifies when checked value is changed by user's interface.",
|
|
713
|
+
"name": "input"
|
|
541
714
|
}
|
|
542
715
|
],
|
|
543
716
|
"attributes": [
|
|
@@ -550,37 +723,45 @@
|
|
|
550
723
|
"default": "'default'",
|
|
551
724
|
"fieldName": "appearance"
|
|
552
725
|
},
|
|
726
|
+
{
|
|
727
|
+
"name": "checked",
|
|
728
|
+
"type": {
|
|
729
|
+
"text": "boolean"
|
|
730
|
+
},
|
|
731
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
732
|
+
"fieldName": "checked"
|
|
733
|
+
},
|
|
553
734
|
{
|
|
554
735
|
"name": "disabled",
|
|
555
736
|
"type": {
|
|
556
737
|
"text": "boolean"
|
|
557
738
|
},
|
|
558
|
-
"description": "If set,
|
|
739
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
559
740
|
"fieldName": "disabled"
|
|
560
741
|
},
|
|
561
742
|
{
|
|
562
743
|
"name": "error",
|
|
563
744
|
"type": {
|
|
564
|
-
"text": "
|
|
745
|
+
"text": "boolean"
|
|
565
746
|
},
|
|
566
|
-
"description": "
|
|
747
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
567
748
|
"fieldName": "error"
|
|
568
749
|
},
|
|
569
750
|
{
|
|
570
|
-
"name": "
|
|
751
|
+
"name": "id",
|
|
571
752
|
"type": {
|
|
572
|
-
"text": "
|
|
753
|
+
"text": "string"
|
|
573
754
|
},
|
|
574
|
-
"description": "
|
|
575
|
-
"fieldName": "
|
|
755
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
756
|
+
"fieldName": "id"
|
|
576
757
|
},
|
|
577
758
|
{
|
|
578
|
-
"name": "
|
|
759
|
+
"name": "name",
|
|
579
760
|
"type": {
|
|
580
|
-
"text": "
|
|
761
|
+
"text": "string"
|
|
581
762
|
},
|
|
582
|
-
"description": "
|
|
583
|
-
"fieldName": "
|
|
763
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
764
|
+
"fieldName": "name"
|
|
584
765
|
},
|
|
585
766
|
{
|
|
586
767
|
"name": "ondark",
|
|
@@ -592,98 +773,131 @@
|
|
|
592
773
|
"fieldName": "onDark"
|
|
593
774
|
},
|
|
594
775
|
{
|
|
595
|
-
"name": "
|
|
776
|
+
"name": "value",
|
|
596
777
|
"type": {
|
|
597
|
-
"text": "
|
|
778
|
+
"text": "string"
|
|
598
779
|
},
|
|
599
|
-
"description": "
|
|
600
|
-
"fieldName": "
|
|
780
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
781
|
+
"fieldName": "value"
|
|
601
782
|
},
|
|
602
783
|
{
|
|
603
|
-
"name": "
|
|
784
|
+
"name": "tabindex",
|
|
604
785
|
"type": {
|
|
605
|
-
"text": "
|
|
786
|
+
"text": "number"
|
|
606
787
|
},
|
|
607
|
-
"description": "
|
|
608
|
-
"fieldName": "
|
|
788
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
789
|
+
"fieldName": "tabIndex"
|
|
609
790
|
},
|
|
610
791
|
{
|
|
611
|
-
"name": "
|
|
792
|
+
"name": "aria-checked",
|
|
612
793
|
"type": {
|
|
613
794
|
"text": "string"
|
|
614
795
|
},
|
|
615
|
-
"description": "
|
|
616
|
-
"fieldName": "
|
|
796
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
797
|
+
"fieldName": "ariaChecked"
|
|
617
798
|
},
|
|
618
799
|
{
|
|
619
|
-
"name": "
|
|
800
|
+
"name": "aria-disabled",
|
|
620
801
|
"type": {
|
|
621
802
|
"text": "string"
|
|
622
803
|
},
|
|
623
|
-
"description": "
|
|
624
|
-
"fieldName": "
|
|
804
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
805
|
+
"fieldName": "ariaDisabled"
|
|
625
806
|
},
|
|
626
807
|
{
|
|
627
|
-
"name": "
|
|
808
|
+
"name": "role",
|
|
628
809
|
"type": {
|
|
629
810
|
"text": "string"
|
|
630
811
|
},
|
|
631
|
-
"description": "
|
|
632
|
-
"fieldName": "
|
|
812
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
813
|
+
"fieldName": "role"
|
|
633
814
|
}
|
|
634
815
|
],
|
|
635
816
|
"superclass": {
|
|
636
817
|
"name": "LitElement",
|
|
637
818
|
"package": "lit"
|
|
638
819
|
},
|
|
639
|
-
"tagName": "auro-checkbox
|
|
820
|
+
"tagName": "auro-checkbox",
|
|
640
821
|
"customElement": true
|
|
641
822
|
}
|
|
642
823
|
],
|
|
643
824
|
"exports": [
|
|
825
|
+
{
|
|
826
|
+
"kind": "js",
|
|
827
|
+
"name": "AuroCheckbox",
|
|
828
|
+
"declaration": {
|
|
829
|
+
"name": "AuroCheckbox",
|
|
830
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
831
|
+
}
|
|
832
|
+
}
|
|
833
|
+
]
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"kind": "javascript-module",
|
|
837
|
+
"path": "components/checkbox/src/index.js",
|
|
838
|
+
"declarations": [],
|
|
839
|
+
"exports": [
|
|
840
|
+
{
|
|
841
|
+
"kind": "js",
|
|
842
|
+
"name": "AuroCheckbox",
|
|
843
|
+
"declaration": {
|
|
844
|
+
"name": "AuroCheckbox",
|
|
845
|
+
"module": "components/checkbox/src/index.js"
|
|
846
|
+
}
|
|
847
|
+
},
|
|
644
848
|
{
|
|
645
849
|
"kind": "js",
|
|
646
850
|
"name": "AuroCheckboxGroup",
|
|
647
851
|
"declaration": {
|
|
648
852
|
"name": "AuroCheckboxGroup",
|
|
649
|
-
"module": "components/checkbox/src/
|
|
853
|
+
"module": "components/checkbox/src/index.js"
|
|
650
854
|
}
|
|
651
855
|
}
|
|
652
856
|
]
|
|
653
857
|
},
|
|
654
858
|
{
|
|
655
859
|
"kind": "javascript-module",
|
|
656
|
-
"path": "components/checkbox/src/
|
|
860
|
+
"path": "components/checkbox/src/registered.js",
|
|
861
|
+
"declarations": [],
|
|
862
|
+
"exports": []
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"kind": "javascript-module",
|
|
866
|
+
"path": "components/bibtemplate/src/auro-bibtemplate.js",
|
|
657
867
|
"declarations": [
|
|
658
868
|
{
|
|
659
869
|
"kind": "class",
|
|
660
|
-
"description": "The `auro-
|
|
661
|
-
"name": "
|
|
870
|
+
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
871
|
+
"name": "AuroBibtemplate",
|
|
662
872
|
"cssParts": [
|
|
663
873
|
{
|
|
664
|
-
"description": "
|
|
665
|
-
"name": "
|
|
666
|
-
},
|
|
667
|
-
{
|
|
668
|
-
"description": "apply css to a specific checkbox's input.",
|
|
669
|
-
"name": "checkbox-input"
|
|
670
|
-
},
|
|
671
|
-
{
|
|
672
|
-
"description": "apply css to a specific checkbox's label.",
|
|
673
|
-
"name": "checkbox-label"
|
|
874
|
+
"description": "The outermost bibtemplate container element.",
|
|
875
|
+
"name": "bibtemplate"
|
|
674
876
|
}
|
|
675
877
|
],
|
|
676
878
|
"slots": [
|
|
677
879
|
{
|
|
678
|
-
"description": "The default slot for the
|
|
880
|
+
"description": "The default slot for the main content.",
|
|
679
881
|
"name": "default"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"description": "Slot for the header content.",
|
|
885
|
+
"name": "header"
|
|
886
|
+
},
|
|
887
|
+
{
|
|
888
|
+
"description": "Slot for the subheader content.",
|
|
889
|
+
"name": "subheader"
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"description": "Slot for the footer content.",
|
|
893
|
+
"name": "footer"
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"description": "Slot for the close button aria-label.",
|
|
897
|
+
"name": "ariaLabel.close"
|
|
680
898
|
}
|
|
681
899
|
],
|
|
682
900
|
"members": [
|
|
683
|
-
{
|
|
684
|
-
"kind": "method",
|
|
685
|
-
"name": "_initializeDefaults"
|
|
686
|
-
},
|
|
687
901
|
{
|
|
688
902
|
"kind": "method",
|
|
689
903
|
"name": "register",
|
|
@@ -691,7 +905,7 @@
|
|
|
691
905
|
"parameters": [
|
|
692
906
|
{
|
|
693
907
|
"name": "name",
|
|
694
|
-
"default": "\"auro-
|
|
908
|
+
"default": "\"auro-bibtemplate\"",
|
|
695
909
|
"description": "The name of element that you want to register to.",
|
|
696
910
|
"optional": true,
|
|
697
911
|
"type": {
|
|
@@ -703,18 +917,17 @@
|
|
|
703
917
|
},
|
|
704
918
|
{
|
|
705
919
|
"kind": "method",
|
|
706
|
-
"name": "
|
|
920
|
+
"name": "preventBodyScroll",
|
|
707
921
|
"parameters": [
|
|
708
922
|
{
|
|
709
923
|
"name": "event",
|
|
710
|
-
"description": "The
|
|
924
|
+
"description": "The touchmove event.",
|
|
711
925
|
"type": {
|
|
712
926
|
"text": "Event"
|
|
713
927
|
}
|
|
714
928
|
}
|
|
715
929
|
],
|
|
716
|
-
"description": "
|
|
717
|
-
"privacy": "private",
|
|
930
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
718
931
|
"return": {
|
|
719
932
|
"type": {
|
|
720
933
|
"text": "void"
|
|
@@ -723,50 +936,8 @@
|
|
|
723
936
|
},
|
|
724
937
|
{
|
|
725
938
|
"kind": "method",
|
|
726
|
-
"name": "
|
|
727
|
-
"
|
|
728
|
-
{
|
|
729
|
-
"name": "event",
|
|
730
|
-
"description": "The input event from the checkbox input.",
|
|
731
|
-
"type": {
|
|
732
|
-
"text": "Event"
|
|
733
|
-
}
|
|
734
|
-
}
|
|
735
|
-
],
|
|
736
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
737
|
-
"privacy": "private",
|
|
738
|
-
"return": {
|
|
739
|
-
"type": {
|
|
740
|
-
"text": "void"
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
},
|
|
744
|
-
{
|
|
745
|
-
"kind": "method",
|
|
746
|
-
"name": "handleFocusin",
|
|
747
|
-
"description": "Function to support",
|
|
748
|
-
"privacy": "private",
|
|
749
|
-
"return": {
|
|
750
|
-
"type": {
|
|
751
|
-
"text": "void"
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"kind": "method",
|
|
757
|
-
"name": "generateIconHtml",
|
|
758
|
-
"description": "Function to generate checkmark svg.",
|
|
759
|
-
"privacy": "private",
|
|
760
|
-
"return": {
|
|
761
|
-
"type": {
|
|
762
|
-
"text": "HTMLElement"
|
|
763
|
-
}
|
|
764
|
-
}
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"kind": "method",
|
|
768
|
-
"name": "reset",
|
|
769
|
-
"description": "Resets component to initial state.",
|
|
939
|
+
"name": "focusCloseButton",
|
|
940
|
+
"description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
|
|
770
941
|
"return": {
|
|
771
942
|
"type": {
|
|
772
943
|
"text": "void"
|
|
@@ -775,29 +946,12 @@
|
|
|
775
946
|
},
|
|
776
947
|
{
|
|
777
948
|
"kind": "method",
|
|
778
|
-
"name": "
|
|
779
|
-
"description": "Updates the aria-label based on slot content.",
|
|
780
|
-
"privacy": "private",
|
|
781
|
-
"return": {
|
|
782
|
-
"type": {
|
|
783
|
-
"text": "void"
|
|
784
|
-
}
|
|
785
|
-
}
|
|
949
|
+
"name": "onCloseButtonClick"
|
|
786
950
|
},
|
|
787
951
|
{
|
|
788
952
|
"kind": "method",
|
|
789
|
-
"name": "
|
|
790
|
-
"
|
|
791
|
-
{
|
|
792
|
-
"name": "event",
|
|
793
|
-
"description": "The keydown event from the checkbox input.",
|
|
794
|
-
"type": {
|
|
795
|
-
"text": "KeyboardEvent"
|
|
796
|
-
}
|
|
797
|
-
}
|
|
798
|
-
],
|
|
799
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
800
|
-
"privacy": "private",
|
|
953
|
+
"name": "exposeCssParts",
|
|
954
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
801
955
|
"return": {
|
|
802
956
|
"type": {
|
|
803
957
|
"text": "void"
|
|
@@ -806,333 +960,179 @@
|
|
|
806
960
|
},
|
|
807
961
|
{
|
|
808
962
|
"kind": "field",
|
|
809
|
-
"name": "
|
|
810
|
-
"privacy": "public",
|
|
811
|
-
"type": {
|
|
812
|
-
"text": "'default' | 'inverse'"
|
|
813
|
-
},
|
|
814
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
815
|
-
"default": "'default'",
|
|
816
|
-
"attribute": "appearance",
|
|
817
|
-
"reflects": true
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"kind": "field",
|
|
821
|
-
"name": "checked",
|
|
822
|
-
"privacy": "public",
|
|
823
|
-
"type": {
|
|
824
|
-
"text": "boolean"
|
|
825
|
-
},
|
|
826
|
-
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
827
|
-
"attribute": "checked",
|
|
828
|
-
"reflects": true
|
|
829
|
-
},
|
|
830
|
-
{
|
|
831
|
-
"kind": "field",
|
|
832
|
-
"name": "disabled",
|
|
833
|
-
"privacy": "public",
|
|
834
|
-
"type": {
|
|
835
|
-
"text": "boolean"
|
|
836
|
-
},
|
|
837
|
-
"description": "If set to true, the checkbox will not be clickable.",
|
|
838
|
-
"attribute": "disabled",
|
|
839
|
-
"reflects": true
|
|
840
|
-
},
|
|
841
|
-
{
|
|
842
|
-
"kind": "field",
|
|
843
|
-
"name": "error",
|
|
963
|
+
"name": "large",
|
|
844
964
|
"privacy": "public",
|
|
845
965
|
"type": {
|
|
846
966
|
"text": "boolean"
|
|
847
967
|
},
|
|
848
|
-
"description": "If
|
|
849
|
-
"
|
|
968
|
+
"description": "If declared, the fullscreen headline renders using the larger display heading style.",
|
|
969
|
+
"default": "false",
|
|
970
|
+
"attribute": "large",
|
|
850
971
|
"reflects": true
|
|
851
972
|
},
|
|
852
973
|
{
|
|
853
974
|
"kind": "field",
|
|
854
|
-
"name": "
|
|
855
|
-
"privacy": "
|
|
856
|
-
"type": {
|
|
857
|
-
"text": "string"
|
|
858
|
-
},
|
|
859
|
-
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
860
|
-
"attribute": "id",
|
|
861
|
-
"reflects": true
|
|
975
|
+
"name": "iconTag",
|
|
976
|
+
"privacy": "private"
|
|
862
977
|
},
|
|
863
978
|
{
|
|
864
979
|
"kind": "field",
|
|
865
|
-
"name": "
|
|
866
|
-
"privacy": "private"
|
|
867
|
-
"type": {
|
|
868
|
-
"text": "string"
|
|
869
|
-
},
|
|
870
|
-
"description": "The id for input node."
|
|
980
|
+
"name": "headerTag",
|
|
981
|
+
"privacy": "private"
|
|
871
982
|
},
|
|
872
983
|
{
|
|
873
984
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
875
|
-
"privacy": "
|
|
876
|
-
"type": {
|
|
877
|
-
"text": "string"
|
|
878
|
-
},
|
|
879
|
-
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
880
|
-
"attribute": "name"
|
|
985
|
+
"name": "buttonTag",
|
|
986
|
+
"privacy": "private"
|
|
881
987
|
},
|
|
882
988
|
{
|
|
883
989
|
"kind": "field",
|
|
884
|
-
"name": "
|
|
990
|
+
"name": "isFullscreen",
|
|
885
991
|
"privacy": "public",
|
|
886
992
|
"type": {
|
|
887
993
|
"text": "boolean"
|
|
888
994
|
},
|
|
889
|
-
"description": "
|
|
890
|
-
"
|
|
891
|
-
"attribute": "ondark",
|
|
995
|
+
"description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
|
|
996
|
+
"attribute": "isfullscreen",
|
|
892
997
|
"reflects": true
|
|
893
998
|
},
|
|
894
999
|
{
|
|
895
1000
|
"kind": "field",
|
|
896
|
-
"name": "
|
|
897
|
-
"privacy": "private",
|
|
898
|
-
"type": {
|
|
899
|
-
"text": "boolean"
|
|
900
|
-
},
|
|
901
|
-
"description": "Indicates whether the checkbox has been interacted with."
|
|
902
|
-
},
|
|
903
|
-
{
|
|
904
|
-
"kind": "field",
|
|
905
|
-
"name": "value",
|
|
1001
|
+
"name": "showFooter",
|
|
906
1002
|
"privacy": "public",
|
|
907
1003
|
"type": {
|
|
908
|
-
"text": "
|
|
909
|
-
},
|
|
910
|
-
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
911
|
-
"attribute": "value"
|
|
912
|
-
},
|
|
913
|
-
{
|
|
914
|
-
"kind": "field",
|
|
915
|
-
"name": "tabIndex",
|
|
916
|
-
"privacy": "private",
|
|
917
|
-
"type": {
|
|
918
|
-
"text": "number"
|
|
919
|
-
},
|
|
920
|
-
"description": "The tabindex attribute for the checkbox.",
|
|
921
|
-
"attribute": "tabindex",
|
|
922
|
-
"reflects": true
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"kind": "field",
|
|
926
|
-
"name": "ariaChecked",
|
|
927
|
-
"privacy": "private",
|
|
928
|
-
"type": {
|
|
929
|
-
"text": "string"
|
|
930
|
-
},
|
|
931
|
-
"description": "The aria-checked attribute for the checkbox.",
|
|
932
|
-
"attribute": "aria-checked",
|
|
933
|
-
"reflects": true
|
|
934
|
-
},
|
|
935
|
-
{
|
|
936
|
-
"kind": "field",
|
|
937
|
-
"name": "ariaDisabled",
|
|
938
|
-
"privacy": "private",
|
|
939
|
-
"type": {
|
|
940
|
-
"text": "string"
|
|
941
|
-
},
|
|
942
|
-
"description": "The aria-disabled attribute for the checkbox.",
|
|
943
|
-
"attribute": "aria-disabled",
|
|
944
|
-
"reflects": true
|
|
945
|
-
},
|
|
946
|
-
{
|
|
947
|
-
"kind": "field",
|
|
948
|
-
"name": "role",
|
|
949
|
-
"privacy": "private",
|
|
950
|
-
"type": {
|
|
951
|
-
"text": "string"
|
|
1004
|
+
"text": "boolean"
|
|
952
1005
|
},
|
|
953
|
-
"description": "
|
|
954
|
-
"attribute": "
|
|
1006
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
1007
|
+
"attribute": "showfooter",
|
|
955
1008
|
"reflects": true
|
|
956
1009
|
}
|
|
957
1010
|
],
|
|
958
1011
|
"events": [
|
|
959
1012
|
{
|
|
960
|
-
"name": "
|
|
961
|
-
"type": {
|
|
962
|
-
"text": "CustomEvent"
|
|
963
|
-
},
|
|
964
|
-
"description": "Notifies when the checked value is changed by user interaction. **DEPRECATED** - Use the `input` event instead.",
|
|
965
|
-
"deprecated": "Use the `input` event instead."
|
|
966
|
-
},
|
|
967
|
-
{
|
|
968
|
-
"name": "auroCheckbox-focusin",
|
|
1013
|
+
"name": "close-click",
|
|
969
1014
|
"type": {
|
|
970
|
-
"text": "
|
|
1015
|
+
"text": "Event"
|
|
971
1016
|
},
|
|
972
|
-
"description": "Notifies when the
|
|
1017
|
+
"description": "Notifies when the close button is clicked."
|
|
973
1018
|
},
|
|
974
1019
|
{
|
|
975
|
-
"name": "
|
|
1020
|
+
"name": "auro-bibtemplate-connected",
|
|
976
1021
|
"type": {
|
|
977
1022
|
"text": "CustomEvent"
|
|
978
1023
|
},
|
|
979
|
-
"description": "Notifies
|
|
980
|
-
},
|
|
981
|
-
{
|
|
982
|
-
"description": "Notifies when checked value is changed. **DEPRECATED** - Use the `input` event instead.",
|
|
983
|
-
"name": "change",
|
|
984
|
-
"deprecated": "Use the `input` event instead."
|
|
985
|
-
},
|
|
986
|
-
{
|
|
987
|
-
"description": "Notifies when checked value is changed by user's interface.",
|
|
988
|
-
"name": "input"
|
|
1024
|
+
"description": "Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail."
|
|
989
1025
|
}
|
|
990
1026
|
],
|
|
991
1027
|
"attributes": [
|
|
992
1028
|
{
|
|
993
|
-
"name": "
|
|
994
|
-
"type": {
|
|
995
|
-
"text": "'default' | 'inverse'"
|
|
996
|
-
},
|
|
997
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
998
|
-
"default": "'default'",
|
|
999
|
-
"fieldName": "appearance"
|
|
1000
|
-
},
|
|
1001
|
-
{
|
|
1002
|
-
"name": "checked",
|
|
1003
|
-
"type": {
|
|
1004
|
-
"text": "boolean"
|
|
1005
|
-
},
|
|
1006
|
-
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
1007
|
-
"fieldName": "checked"
|
|
1008
|
-
},
|
|
1009
|
-
{
|
|
1010
|
-
"name": "disabled",
|
|
1029
|
+
"name": "isfullscreen",
|
|
1011
1030
|
"type": {
|
|
1012
1031
|
"text": "boolean"
|
|
1013
1032
|
},
|
|
1014
|
-
"description": "If
|
|
1015
|
-
"fieldName": "
|
|
1033
|
+
"description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
|
|
1034
|
+
"fieldName": "isFullscreen"
|
|
1016
1035
|
},
|
|
1017
1036
|
{
|
|
1018
|
-
"name": "
|
|
1037
|
+
"name": "large",
|
|
1019
1038
|
"type": {
|
|
1020
1039
|
"text": "boolean"
|
|
1021
1040
|
},
|
|
1022
|
-
"description": "If
|
|
1023
|
-
"
|
|
1024
|
-
|
|
1025
|
-
{
|
|
1026
|
-
"name": "id",
|
|
1027
|
-
"type": {
|
|
1028
|
-
"text": "string"
|
|
1029
|
-
},
|
|
1030
|
-
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1031
|
-
"fieldName": "id"
|
|
1032
|
-
},
|
|
1033
|
-
{
|
|
1034
|
-
"name": "name",
|
|
1035
|
-
"type": {
|
|
1036
|
-
"text": "string"
|
|
1037
|
-
},
|
|
1038
|
-
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1039
|
-
"fieldName": "name"
|
|
1041
|
+
"description": "If declared, the fullscreen headline renders using the larger display heading style.",
|
|
1042
|
+
"default": "false",
|
|
1043
|
+
"fieldName": "large"
|
|
1040
1044
|
},
|
|
1041
1045
|
{
|
|
1042
|
-
"name": "
|
|
1046
|
+
"name": "showfooter",
|
|
1043
1047
|
"type": {
|
|
1044
1048
|
"text": "boolean"
|
|
1045
1049
|
},
|
|
1046
|
-
"description": "
|
|
1047
|
-
"
|
|
1048
|
-
"fieldName": "onDark"
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"name": "value",
|
|
1052
|
-
"type": {
|
|
1053
|
-
"text": "string"
|
|
1054
|
-
},
|
|
1055
|
-
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1056
|
-
"fieldName": "value"
|
|
1057
|
-
},
|
|
1058
|
-
{
|
|
1059
|
-
"name": "tabindex",
|
|
1060
|
-
"type": {
|
|
1061
|
-
"text": "number"
|
|
1062
|
-
},
|
|
1063
|
-
"description": "The tabindex attribute for the checkbox.",
|
|
1064
|
-
"fieldName": "tabIndex"
|
|
1065
|
-
},
|
|
1066
|
-
{
|
|
1067
|
-
"name": "aria-checked",
|
|
1068
|
-
"type": {
|
|
1069
|
-
"text": "string"
|
|
1070
|
-
},
|
|
1071
|
-
"description": "The aria-checked attribute for the checkbox.",
|
|
1072
|
-
"fieldName": "ariaChecked"
|
|
1073
|
-
},
|
|
1074
|
-
{
|
|
1075
|
-
"name": "aria-disabled",
|
|
1076
|
-
"type": {
|
|
1077
|
-
"text": "string"
|
|
1078
|
-
},
|
|
1079
|
-
"description": "The aria-disabled attribute for the checkbox.",
|
|
1080
|
-
"fieldName": "ariaDisabled"
|
|
1081
|
-
},
|
|
1082
|
-
{
|
|
1083
|
-
"name": "role",
|
|
1084
|
-
"type": {
|
|
1085
|
-
"text": "string"
|
|
1086
|
-
},
|
|
1087
|
-
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1088
|
-
"fieldName": "role"
|
|
1050
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
1051
|
+
"fieldName": "showFooter"
|
|
1089
1052
|
}
|
|
1090
1053
|
],
|
|
1091
1054
|
"superclass": {
|
|
1092
1055
|
"name": "LitElement",
|
|
1093
1056
|
"package": "lit"
|
|
1094
1057
|
},
|
|
1095
|
-
"tagName": "auro-
|
|
1058
|
+
"tagName": "auro-bibtemplate",
|
|
1096
1059
|
"customElement": true
|
|
1097
1060
|
}
|
|
1098
1061
|
],
|
|
1099
1062
|
"exports": [
|
|
1100
1063
|
{
|
|
1101
1064
|
"kind": "js",
|
|
1102
|
-
"name": "
|
|
1065
|
+
"name": "AuroBibtemplate",
|
|
1103
1066
|
"declaration": {
|
|
1104
|
-
"name": "
|
|
1105
|
-
"module": "components/
|
|
1067
|
+
"name": "AuroBibtemplate",
|
|
1068
|
+
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
1106
1069
|
}
|
|
1107
1070
|
}
|
|
1108
1071
|
]
|
|
1109
1072
|
},
|
|
1110
1073
|
{
|
|
1111
1074
|
"kind": "javascript-module",
|
|
1112
|
-
"path": "components/
|
|
1075
|
+
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
1113
1076
|
"declarations": [],
|
|
1114
1077
|
"exports": [
|
|
1115
1078
|
{
|
|
1116
1079
|
"kind": "js",
|
|
1117
|
-
"name": "
|
|
1080
|
+
"name": "default",
|
|
1118
1081
|
"declaration": {
|
|
1119
|
-
"name": "
|
|
1120
|
-
"module": "components/
|
|
1082
|
+
"name": "12.3.2",
|
|
1083
|
+
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
1121
1084
|
}
|
|
1122
|
-
}
|
|
1085
|
+
}
|
|
1086
|
+
]
|
|
1087
|
+
},
|
|
1088
|
+
{
|
|
1089
|
+
"kind": "javascript-module",
|
|
1090
|
+
"path": "components/bibtemplate/src/headerVersion.js",
|
|
1091
|
+
"declarations": [],
|
|
1092
|
+
"exports": [
|
|
1123
1093
|
{
|
|
1124
1094
|
"kind": "js",
|
|
1125
|
-
"name": "
|
|
1095
|
+
"name": "default",
|
|
1126
1096
|
"declaration": {
|
|
1127
|
-
"name": "
|
|
1128
|
-
"module": "components/
|
|
1097
|
+
"name": "5.0.1",
|
|
1098
|
+
"module": "components/bibtemplate/src/headerVersion.js"
|
|
1129
1099
|
}
|
|
1130
1100
|
}
|
|
1131
1101
|
]
|
|
1132
1102
|
},
|
|
1133
1103
|
{
|
|
1134
1104
|
"kind": "javascript-module",
|
|
1135
|
-
"path": "components/
|
|
1105
|
+
"path": "components/bibtemplate/src/iconVersion.js",
|
|
1106
|
+
"declarations": [],
|
|
1107
|
+
"exports": [
|
|
1108
|
+
{
|
|
1109
|
+
"kind": "js",
|
|
1110
|
+
"name": "default",
|
|
1111
|
+
"declaration": {
|
|
1112
|
+
"name": "9.2.0",
|
|
1113
|
+
"module": "components/bibtemplate/src/iconVersion.js"
|
|
1114
|
+
}
|
|
1115
|
+
}
|
|
1116
|
+
]
|
|
1117
|
+
},
|
|
1118
|
+
{
|
|
1119
|
+
"kind": "javascript-module",
|
|
1120
|
+
"path": "components/bibtemplate/src/index.js",
|
|
1121
|
+
"declarations": [],
|
|
1122
|
+
"exports": [
|
|
1123
|
+
{
|
|
1124
|
+
"kind": "js",
|
|
1125
|
+
"name": "AuroBibtemplate",
|
|
1126
|
+
"declaration": {
|
|
1127
|
+
"name": "AuroBibtemplate",
|
|
1128
|
+
"module": "components/bibtemplate/src/index.js"
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
]
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"kind": "javascript-module",
|
|
1135
|
+
"path": "components/bibtemplate/src/registered.js",
|
|
1136
1136
|
"declarations": [],
|
|
1137
1137
|
"exports": []
|
|
1138
1138
|
},
|
|
@@ -4205,7 +4205,7 @@
|
|
|
4205
4205
|
"type": {
|
|
4206
4206
|
"text": "object"
|
|
4207
4207
|
},
|
|
4208
|
-
"default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, }"
|
|
4208
|
+
"default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, Tab(component, evt, ctx) { // Forward Tab already exits past the bib content and the focusout handler // closes the bib. Fullscreen relies on the dialog's native focus trapping. if (!ctx.isExpanded || ctx.isModal || !evt.shiftKey) { return; } // The trigger precedes the bib content in the flattened tab order, so a // native Shift+Tab off the first counter lands back on the trigger and // leaves the bib open. Only intercept when focus is on the first focusable // in the bib; otherwise let the browser move to the previous counter. // `composedPath()` reports the real event origin through every shadow // boundary, unlike `document.activeElement`, which retargets to the first // slotted counter and cannot tell the counters apart. const focusables = getFocusableElements(component.dropdown.bibContent); if (!focusables.length) { return; } const path = evt.composedPath(); const activeIndex = focusables.findIndex((el) => path.includes(el)); if (activeIndex !== 0) { return; } const previousTabStop = getPreviousTabStop(component); // Always suppress the native Shift+Tab. Otherwise it fires against the bib // as it is torn down and lands focus on the trigger (which precedes the // first counter), re-opening the exact loop this handler prevents. When // nothing precedes the group, focus falls to the body instead of the // trigger, which reads as exiting the group backward. evt.preventDefault(); component.hideBib(); if (!previousTabStop) { return; } doubleRaf(() => previousTabStop.focus()); }, }"
|
|
4209
4209
|
}
|
|
4210
4210
|
],
|
|
4211
4211
|
"exports": [
|