@aurodesignsystem-dev/auro-formkit 0.0.0-pr1524.1 → 0.0.0-pr1530.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 +24 -79
- package/components/combobox/demo/getting-started.min.js +24 -79
- package/components/combobox/demo/index.min.js +24 -79
- package/components/combobox/dist/auro-combobox.d.ts +0 -10
- package/components/combobox/dist/index.js +24 -79
- package/components/combobox/dist/registered.js +24 -79
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/accessibility.md +12 -3
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +121 -34
- package/components/datepicker/demo/index.min.js +121 -34
- package/components/datepicker/demo/voiceover.md +1 -1
- package/components/datepicker/dist/auro-calendar-cell.d.ts +2 -0
- package/components/datepicker/dist/auro-calendar.d.ts +17 -2
- package/components/datepicker/dist/auro-datepicker.d.ts +9 -1
- package/components/datepicker/dist/index.js +121 -34
- package/components/datepicker/dist/registered.js +121 -34
- 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 +183 -195
- package/components/form/demo/getting-started.min.js +183 -195
- package/components/form/demo/index.min.js +183 -195
- package/components/form/demo/registerDemoDeps.min.js +183 -195
- package/components/input/demo/customize.min.js +19 -17
- package/components/input/demo/getting-started.min.js +19 -17
- package/components/input/demo/index.min.js +19 -17
- package/components/input/dist/index.js +19 -17
- package/components/input/dist/registered.js +19 -17
- 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 +16 -62
- package/components/select/demo/getting-started.min.js +16 -62
- package/components/select/demo/index.min.js +16 -62
- package/components/select/dist/auro-select.d.ts +0 -6
- package/components/select/dist/index.js +16 -62
- package/components/select/dist/registered.js +16 -62
- package/custom-elements.json +567 -581
- 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,70 +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",
|
|
717
|
-
"return": {
|
|
718
|
-
"type": {
|
|
719
|
-
"text": "void"
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
},
|
|
723
|
-
{
|
|
724
|
-
"kind": "method",
|
|
725
|
-
"name": "handleFocusin",
|
|
726
|
-
"description": "Function to support",
|
|
727
|
-
"privacy": "private",
|
|
728
|
-
"return": {
|
|
729
|
-
"type": {
|
|
730
|
-
"text": "void"
|
|
731
|
-
}
|
|
732
|
-
}
|
|
733
|
-
},
|
|
734
|
-
{
|
|
735
|
-
"kind": "method",
|
|
736
|
-
"name": "generateIconHtml",
|
|
737
|
-
"description": "Function to generate checkmark svg.",
|
|
738
|
-
"privacy": "private",
|
|
739
|
-
"return": {
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "HTMLElement"
|
|
742
|
-
}
|
|
743
|
-
}
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "method",
|
|
747
|
-
"name": "reset",
|
|
748
|
-
"description": "Resets component to initial state.",
|
|
908
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
749
909
|
"return": {
|
|
750
910
|
"type": {
|
|
751
911
|
"text": "void"
|
|
@@ -754,9 +914,8 @@
|
|
|
754
914
|
},
|
|
755
915
|
{
|
|
756
916
|
"kind": "method",
|
|
757
|
-
"name": "
|
|
758
|
-
"description": "
|
|
759
|
-
"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.",
|
|
760
919
|
"return": {
|
|
761
920
|
"type": {
|
|
762
921
|
"text": "void"
|
|
@@ -765,346 +924,187 @@
|
|
|
765
924
|
},
|
|
766
925
|
{
|
|
767
926
|
"kind": "method",
|
|
768
|
-
"name": "
|
|
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",
|
|
780
|
-
"return": {
|
|
781
|
-
"type": {
|
|
782
|
-
"text": "void"
|
|
783
|
-
}
|
|
784
|
-
}
|
|
785
|
-
},
|
|
786
|
-
{
|
|
787
|
-
"kind": "field",
|
|
788
|
-
"name": "appearance",
|
|
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",
|
|
823
|
-
"privacy": "public",
|
|
824
|
-
"type": {
|
|
825
|
-
"text": "boolean"
|
|
826
|
-
},
|
|
827
|
-
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
-
"attribute": "error",
|
|
829
|
-
"reflects": true
|
|
830
|
-
},
|
|
831
|
-
{
|
|
832
|
-
"kind": "field",
|
|
833
|
-
"name": "id",
|
|
834
|
-
"privacy": "public",
|
|
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
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"kind": "field",
|
|
844
|
-
"name": "inputId",
|
|
845
|
-
"privacy": "private",
|
|
846
|
-
"type": {
|
|
847
|
-
"text": "string"
|
|
848
|
-
},
|
|
849
|
-
"description": "The id for input node."
|
|
927
|
+
"name": "onCloseButtonClick"
|
|
850
928
|
},
|
|
851
|
-
{
|
|
852
|
-
"kind": "
|
|
853
|
-
"name": "
|
|
854
|
-
"
|
|
855
|
-
"
|
|
856
|
-
"
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
929
|
+
{
|
|
930
|
+
"kind": "method",
|
|
931
|
+
"name": "exposeCssParts",
|
|
932
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
933
|
+
"return": {
|
|
934
|
+
"type": {
|
|
935
|
+
"text": "void"
|
|
936
|
+
}
|
|
937
|
+
}
|
|
860
938
|
},
|
|
861
939
|
{
|
|
862
940
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
941
|
+
"name": "large",
|
|
864
942
|
"privacy": "public",
|
|
865
943
|
"type": {
|
|
866
944
|
"text": "boolean"
|
|
867
945
|
},
|
|
868
|
-
"
|
|
869
|
-
"attribute": "
|
|
946
|
+
"default": "false",
|
|
947
|
+
"attribute": "large",
|
|
870
948
|
"reflects": true
|
|
871
949
|
},
|
|
872
950
|
{
|
|
873
951
|
"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",
|
|
884
|
-
"privacy": "public",
|
|
885
|
-
"type": {
|
|
886
|
-
"text": "string"
|
|
887
|
-
},
|
|
888
|
-
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
-
"attribute": "value"
|
|
952
|
+
"name": "iconTag",
|
|
953
|
+
"privacy": "private"
|
|
890
954
|
},
|
|
891
955
|
{
|
|
892
956
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "private"
|
|
895
|
-
"type": {
|
|
896
|
-
"text": "number"
|
|
897
|
-
},
|
|
898
|
-
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
-
"attribute": "tabindex",
|
|
900
|
-
"reflects": true
|
|
957
|
+
"name": "headerTag",
|
|
958
|
+
"privacy": "private"
|
|
901
959
|
},
|
|
902
960
|
{
|
|
903
961
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
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
|
|
962
|
+
"name": "buttonTag",
|
|
963
|
+
"privacy": "private"
|
|
912
964
|
},
|
|
913
965
|
{
|
|
914
966
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
967
|
+
"name": "isFullscreen",
|
|
968
|
+
"privacy": "public",
|
|
917
969
|
"type": {
|
|
918
|
-
"text": "
|
|
970
|
+
"text": "boolean"
|
|
919
971
|
},
|
|
920
|
-
"
|
|
921
|
-
"attribute": "aria-disabled",
|
|
972
|
+
"attribute": "isFullscreen",
|
|
922
973
|
"reflects": true
|
|
923
974
|
},
|
|
924
975
|
{
|
|
925
976
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
927
|
-
"privacy": "
|
|
977
|
+
"name": "showFooter",
|
|
978
|
+
"privacy": "public",
|
|
928
979
|
"type": {
|
|
929
|
-
"text": "
|
|
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
|
},
|
|
@@ -1306,20 +1306,6 @@
|
|
|
1306
1306
|
{
|
|
1307
1307
|
"kind": "method",
|
|
1308
1308
|
"name": "handleMenuOptions",
|
|
1309
|
-
"parameters": [
|
|
1310
|
-
{
|
|
1311
|
-
"name": "{ preferComboboxValue = false }",
|
|
1312
|
-
"default": "{}"
|
|
1313
|
-
},
|
|
1314
|
-
{
|
|
1315
|
-
"description": "Optional flag bag.",
|
|
1316
|
-
"name": "options",
|
|
1317
|
-
"optional": true,
|
|
1318
|
-
"type": {
|
|
1319
|
-
"text": "@param {boolean} [options.preferComboboxValue=false] - When true,\n * handleMenuOptions matches the selected option against `this.value`\n * first instead of `this.input.value`. Needed on mount and re-mount\n * because under `persistInput` the consumer's typedValue prop can drift\n * from the framework value (Svelte `{#key}` re-mount after a swap, or\n * SPA preselect after route change) and the old input-first match would\n * then pick the stale text. Only handleSlotChange passes this; typing\n * and clearing paths keep the input-first match so user clears aren't\n * undone.\n * "
|
|
1320
|
-
}
|
|
1321
|
-
}
|
|
1322
|
-
],
|
|
1323
1309
|
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1324
1310
|
"privacy": "private",
|
|
1325
1311
|
"return": {
|
|
@@ -5570,7 +5556,7 @@
|
|
|
5570
5556
|
{
|
|
5571
5557
|
"kind": "method",
|
|
5572
5558
|
"name": "_getBlackoutSet",
|
|
5573
|
-
"description": "Returns a memoized Set of blackout timestamps (seconds) drawn from both\nthe legacy `disabledDays` array and the datepicker's ISO `blackoutDates`.\nThe cache invalidates when
|
|
5559
|
+
"description": "Returns a memoized Set of blackout timestamps (seconds) drawn from both\nthe legacy `disabledDays` array and the datepicker's ISO `blackoutDates`.\n\nThe cache invalidates on **reference identity** — only when the\nconsumer reassigns the array (`el.blackoutDates = [...]`), matching\nLit's own reactivity semantics for array properties. In-place mutations\non the existing array (`push`, `splice`, index assignment) will NOT\ninvalidate the cache and the new entries will be silently ignored.\nConsumers must reassign to update — see the JSDoc on\n`auro-datepicker.blackoutDates` for the recommended pattern.\n\nA shallow-equality tier was considered but rejected: it would run\nO(N) work on every cell render (this method is called per-cell via\n`isBlackout()`) and still wouldn't catch same-length value swaps,\noffering a false sense of safety.",
|
|
5574
5560
|
"privacy": "private",
|
|
5575
5561
|
"return": {
|
|
5576
5562
|
"type": {
|
|
@@ -5946,7 +5932,7 @@
|
|
|
5946
5932
|
}
|
|
5947
5933
|
}
|
|
5948
5934
|
],
|
|
5949
|
-
"description": "Debounced version of announceSelection for focus navigation.\nUses the assertive live region with a 150ms debounce so only the\nfinal cell after rapid arrow-key traversal is announced. We\noriginally tried aria-live=\"polite\" here, but VoiceOver treats\npolite as \"wait until idle\" — which never happens during active\nkeyboard navigation — so the announcements were silently dropped.",
|
|
5935
|
+
"description": "Debounced version of announceSelection for focus navigation.\nUses the assertive live region with a 150ms debounce so only the\nfinal cell after rapid arrow-key traversal is announced. We\noriginally tried aria-live=\"polite\" here, but VoiceOver treats\npolite as \"wait until idle\" — which never happens during active\nkeyboard navigation — so the announcements were silently dropped.\n\nThis is a documented deviation from WCAG 2.1 SC 4.1.3, which\nprefers `polite` for status messages. See the \"Documented\nDeviation\" section in components/datepicker/docs/pages/accessibility.md.",
|
|
5950
5936
|
"privacy": "private",
|
|
5951
5937
|
"return": {
|
|
5952
5938
|
"type": {
|
|
@@ -7528,7 +7514,7 @@
|
|
|
7528
7514
|
"type": {
|
|
7529
7515
|
"text": "array"
|
|
7530
7516
|
},
|
|
7531
|
-
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
7517
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).\n\n**Immutable update required.** The datepicker treats this array as\nimmutable and memoizes a lookup Set keyed on the array's reference\nidentity — matching Lit's own reactivity semantics for array\nproperties. In-place mutations (`blackoutDates.push(...)`,\n`blackoutDates[i] = ...`, `blackoutDates.splice(...)`) will not\ninvalidate the cache and the new entries will be silently ignored.\nTo update, reassign the property: `el.blackoutDates = [...el.blackoutDates, '2024-12-25']`.",
|
|
7532
7518
|
"default": "[]",
|
|
7533
7519
|
"attribute": "blackoutDates",
|
|
7534
7520
|
"reflects": true
|
|
@@ -8192,7 +8178,7 @@
|
|
|
8192
8178
|
"type": {
|
|
8193
8179
|
"text": "array"
|
|
8194
8180
|
},
|
|
8195
|
-
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
8181
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).\n\n**Immutable update required.** The datepicker treats this array as\nimmutable and memoizes a lookup Set keyed on the array's reference\nidentity — matching Lit's own reactivity semantics for array\nproperties. In-place mutations (`blackoutDates.push(...)`,\n`blackoutDates[i] = ...`, `blackoutDates.splice(...)`) will not\ninvalidate the cache and the new entries will be silently ignored.\nTo update, reassign the property: `el.blackoutDates = [...el.blackoutDates, '2024-12-25']`.",
|
|
8196
8182
|
"default": "[]",
|
|
8197
8183
|
"fieldName": "blackoutDates"
|
|
8198
8184
|
},
|
|
@@ -8816,7 +8802,7 @@
|
|
|
8816
8802
|
"type": {
|
|
8817
8803
|
"text": "object"
|
|
8818
8804
|
},
|
|
8819
|
-
"default": "{ Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Stop propagation so parent containers (auro-dialog, auro-drawer) // don't also react to Escape. evt.stopPropagation(); evt.preventDefault(); component.hideBib(); }, Enter(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, ' '(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, }"
|
|
8805
|
+
"default": "{ Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Stop propagation so parent containers (auro-dialog, auro-drawer) // don't also react to Escape. evt.stopPropagation(); evt.preventDefault(); // Signal to the visibility-change handler in auro-datepicker.js that // focus should be restored to the trigger regardless of hasFocus. // hidePopover() (desktop non-modal path) does not auto-restore focus, // and hiding the grid's popover ancestor drops focus to <body>. That // synchronously fires focusout on the datepicker host — clearing // hasFocus — before updated() runs, which would otherwise skip the // input refocus. Native <dialog>.close() (modal path) restores focus // itself, but the flag is harmless there. component._restoreFocusOnClose = true; component.hideBib(); }, Enter(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, ' '(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, }"
|
|
8820
8806
|
}
|
|
8821
8807
|
],
|
|
8822
8808
|
"exports": [
|
|
@@ -19128,7 +19114,7 @@
|
|
|
19128
19114
|
{
|
|
19129
19115
|
"kind": "method",
|
|
19130
19116
|
"name": "configureMenu",
|
|
19131
|
-
"description": "Binds all behavior needed to the menu after rendering
|
|
19117
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
19132
19118
|
"privacy": "private",
|
|
19133
19119
|
"return": {
|
|
19134
19120
|
"type": {
|
|
@@ -20332,7 +20318,7 @@
|
|
|
20332
20318
|
"type": {
|
|
20333
20319
|
"text": "object"
|
|
20334
20320
|
},
|
|
20335
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here:
|
|
20321
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (!lastOption) { return; } // Pre-stash before show() so the auroDropdown-toggled handler's // `!optionActive` guard short-circuits the firstActive/selected fallback — // otherwise show() synchronously fires the handler and writes // aria-activedescendant once before we overwrite it. component.menu.updateActiveOption(lastOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Enter(component, evt, ctx) { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit. Matches APG select-only combobox // and native <select> behavior: Enter opens the listbox when closed, selects // the active option when open — it does not submit a parent form. evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (!firstOption) { return; } // See End() for why this must run before show(). component.menu.updateActiveOption(firstOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
|
|
20336
20322
|
}
|
|
20337
20323
|
],
|
|
20338
20324
|
"exports": [
|