@aurodesignsystem-dev/auro-formkit 0.0.0-pr1600.3 → 0.0.0-pr1603.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.
Files changed (48) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +79 -4
  7. package/components/combobox/demo/getting-started.min.js +79 -4
  8. package/components/combobox/demo/index.min.js +79 -4
  9. package/components/combobox/dist/auro-combobox.d.ts +22 -0
  10. package/components/combobox/dist/index.js +63 -4
  11. package/components/combobox/dist/registered.js +63 -4
  12. package/components/counter/demo/customize.min.js +2 -2
  13. package/components/counter/demo/index.min.js +2 -2
  14. package/components/counter/dist/index.js +2 -2
  15. package/components/counter/dist/registered.js +2 -2
  16. package/components/datepicker/demo/customize.min.js +3 -3
  17. package/components/datepicker/demo/index.min.js +3 -3
  18. package/components/datepicker/dist/index.js +3 -3
  19. package/components/datepicker/dist/registered.js +3 -3
  20. package/components/dropdown/demo/customize.min.js +1 -1
  21. package/components/dropdown/demo/getting-started.min.js +2 -2
  22. package/components/dropdown/demo/index.min.js +1 -1
  23. package/components/dropdown/dist/index.js +1 -1
  24. package/components/dropdown/dist/registered.js +1 -1
  25. package/components/form/demo/customize.min.js +89 -14
  26. package/components/form/demo/getting-started.min.js +89 -14
  27. package/components/form/demo/index.min.js +89 -14
  28. package/components/form/demo/registerDemoDeps.min.js +89 -14
  29. package/components/input/demo/customize.min.js +1 -1
  30. package/components/input/demo/getting-started.min.js +1 -1
  31. package/components/input/demo/index.min.js +1 -1
  32. package/components/input/dist/index.js +1 -1
  33. package/components/input/dist/registered.js +1 -1
  34. package/components/menu/demo/index.min.js +16 -0
  35. package/components/menu/dist/index.js +16 -0
  36. package/components/menu/dist/registered.js +16 -0
  37. package/components/radio/demo/customize.min.js +1 -1
  38. package/components/radio/demo/getting-started.min.js +1 -1
  39. package/components/radio/demo/index.min.js +1 -1
  40. package/components/radio/dist/index.js +1 -1
  41. package/components/radio/dist/registered.js +1 -1
  42. package/components/select/demo/customize.min.js +18 -2
  43. package/components/select/demo/getting-started.min.js +18 -2
  44. package/components/select/demo/index.min.js +18 -2
  45. package/components/select/dist/index.js +2 -2
  46. package/components/select/dist/registered.js +2 -2
  47. package/custom-elements.json +1712 -1692
  48. 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/checkbox/src/auro-checkbox-group.js",
7
+ "path": "components/bibtemplate/src/auro-bibtemplate.js",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
- "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
12
- "name": "AuroCheckboxGroup",
11
+ "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
12
+ "name": "AuroBibtemplate",
13
13
  "cssParts": [
14
14
  {
15
- "description": "Apply css to the help text element that displays helper or error messages.",
16
- "name": "helpText"
15
+ "description": "The outermost bibtemplate container element.",
16
+ "name": "bibtemplate"
17
17
  }
18
18
  ],
19
19
  "slots": [
20
20
  {
21
- "description": "Allows for the legend to be overridden.",
22
- "name": "legend"
21
+ "description": "The default slot for the main content.",
22
+ "name": "default"
23
23
  },
24
24
  {
25
- "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
26
- "name": "optionalLabel"
25
+ "description": "Slot for the header content.",
26
+ "name": "header"
27
27
  },
28
28
  {
29
- "description": "Allows for the helper text to be overridden.",
30
- "name": "helpText"
29
+ "description": "Slot for the subheader content.",
30
+ "name": "subheader"
31
31
  },
32
32
  {
33
- "description": "The default slot for the checkbox items.",
34
- "name": "default"
33
+ "description": "Slot for the footer content.",
34
+ "name": "footer"
35
+ },
36
+ {
37
+ "description": "Slot for the close button aria-label.",
38
+ "name": "ariaLabel.close"
35
39
  }
36
40
  ],
37
41
  "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-checkbox-group\"",
50
- "description": "The name of the element that you want to register.",
49
+ "default": "\"auro-bibtemplate\"",
50
+ "description": "The name of element that you want to register to.",
51
51
  "optional": true,
52
52
  "type": {
53
53
  "text": "string"
@@ -58,25 +58,17 @@
58
58
  },
59
59
  {
60
60
  "kind": "method",
61
- "name": "handleValueUpdate",
61
+ "name": "preventBodyScroll",
62
62
  "parameters": [
63
63
  {
64
- "name": "value",
65
- "description": "The value of the checkbox.",
66
- "type": {
67
- "text": "String"
68
- }
69
- },
70
- {
71
- "name": "selected",
72
- "description": "The checked state of the checkbox.",
64
+ "name": "event",
65
+ "description": "The touchmove event.",
73
66
  "type": {
74
- "text": "Boolean"
67
+ "text": "Event"
75
68
  }
76
69
  }
77
70
  ],
78
- "description": "Helper method to handle checkbox value changing.",
79
- "privacy": "private",
71
+ "description": "Prevents scrolling of the body when touching empty areas of the component.",
80
72
  "return": {
81
73
  "type": {
82
74
  "text": "void"
@@ -85,9 +77,8 @@
85
77
  },
86
78
  {
87
79
  "kind": "method",
88
- "name": "handlePreselectedItems",
89
- "description": "Helper method that handles the state of preselected checkboxes.",
90
- "privacy": "private",
80
+ "name": "focusCloseButton",
81
+ "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
91
82
  "return": {
92
83
  "type": {
93
84
  "text": "void"
@@ -96,369 +87,327 @@
96
87
  },
97
88
  {
98
89
  "kind": "method",
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
- }
90
+ "name": "onCloseButtonClick"
107
91
  },
108
92
  {
109
93
  "kind": "method",
110
- "name": "reset",
111
- "description": "Resets component to initial state.",
94
+ "name": "exposeCssParts",
95
+ "description": "Exposes CSS parts for styling from parent components.",
112
96
  "return": {
113
97
  "type": {
114
98
  "text": "void"
115
99
  }
116
100
  }
117
101
  },
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
- },
134
- {
135
- "kind": "field",
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
102
  {
147
103
  "kind": "field",
148
- "name": "disabled",
104
+ "name": "large",
149
105
  "privacy": "public",
150
106
  "type": {
151
107
  "text": "boolean"
152
108
  },
153
- "description": "If set, disables the checkbox group.",
154
- "attribute": "disabled",
109
+ "description": "If declared, the fullscreen headline renders using the larger display heading style.",
110
+ "default": "false",
111
+ "attribute": "large",
155
112
  "reflects": true
156
113
  },
157
114
  {
158
115
  "kind": "field",
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
116
+ "name": "iconTag",
117
+ "privacy": "private"
167
118
  },
168
119
  {
169
120
  "kind": "field",
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
121
+ "name": "headerTag",
122
+ "privacy": "private"
178
123
  },
179
124
  {
180
125
  "kind": "field",
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
126
+ "name": "buttonTag",
127
+ "privacy": "private"
189
128
  },
190
129
  {
191
130
  "kind": "field",
192
- "name": "onDark",
131
+ "name": "isFullscreen",
193
132
  "privacy": "public",
194
133
  "type": {
195
134
  "text": "boolean"
196
135
  },
197
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
198
- "deprecated": "Use `appearance=\"inverse\"` instead.",
199
- "attribute": "ondark",
136
+ "description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
137
+ "attribute": "isfullscreen",
200
138
  "reflects": true
201
139
  },
202
140
  {
203
141
  "kind": "field",
204
- "name": "required",
142
+ "name": "showFooter",
205
143
  "privacy": "public",
206
144
  "type": {
207
145
  "text": "boolean"
208
146
  },
209
- "description": "Populates the `required` attribute on the element. Used for client-side validation.",
210
- "attribute": "required",
211
- "reflects": true
212
- },
213
- {
214
- "kind": "field",
215
- "name": "setCustomValidity",
216
- "privacy": "public",
217
- "type": {
218
- "text": "string"
219
- },
220
- "description": "Sets a custom help text message to display for all validityStates.",
221
- "attribute": "setcustomvalidity"
222
- },
223
- {
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",
147
+ "description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
148
+ "attribute": "showfooter",
252
149
  "reflects": true
253
150
  }
254
151
  ],
255
152
  "events": [
256
153
  {
257
- "name": "input",
154
+ "name": "close-click",
258
155
  "type": {
259
- "text": "CustomEvent"
156
+ "text": "Event"
260
157
  },
261
- "description": "Notifies when the group's value changes due to a checkbox selection being added or removed."
158
+ "description": "Notifies when the close button is clicked."
262
159
  },
263
160
  {
264
- "description": "Notifies that the `validity` and `errorMessage` values have changed.",
265
- "name": "auroFormElement-validated"
161
+ "name": "auro-bibtemplate-connected",
162
+ "type": {
163
+ "text": "CustomEvent"
164
+ },
165
+ "description": "Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail."
266
166
  }
267
167
  ],
268
168
  "attributes": [
269
169
  {
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",
280
- "type": {
281
- "text": "boolean"
282
- },
283
- "description": "If set, disables the checkbox group.",
284
- "fieldName": "disabled"
285
- },
286
- {
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",
296
- "type": {
297
- "text": "boolean"
298
- },
299
- "description": "If set, checkboxes will be aligned horizontally.",
300
- "fieldName": "horizontal"
301
- },
302
- {
303
- "name": "novalidate",
170
+ "name": "isfullscreen",
304
171
  "type": {
305
172
  "text": "boolean"
306
173
  },
307
- "description": "If set, disables auto-validation on blur.",
308
- "fieldName": "noValidate"
174
+ "description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
175
+ "fieldName": "isFullscreen"
309
176
  },
310
177
  {
311
- "name": "ondark",
178
+ "name": "large",
312
179
  "type": {
313
180
  "text": "boolean"
314
181
  },
315
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
316
- "deprecated": "Use `appearance=\"inverse\"` instead.",
317
- "fieldName": "onDark"
182
+ "description": "If declared, the fullscreen headline renders using the larger display heading style.",
183
+ "default": "false",
184
+ "fieldName": "large"
318
185
  },
319
186
  {
320
- "name": "required",
187
+ "name": "showfooter",
321
188
  "type": {
322
189
  "text": "boolean"
323
190
  },
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"
191
+ "description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
192
+ "fieldName": "showFooter"
358
193
  }
359
194
  ],
360
195
  "superclass": {
361
196
  "name": "LitElement",
362
197
  "package": "lit"
363
198
  },
364
- "tagName": "auro-checkbox-group",
199
+ "tagName": "auro-bibtemplate",
365
200
  "customElement": true
366
201
  }
367
202
  ],
368
203
  "exports": [
369
204
  {
370
205
  "kind": "js",
371
- "name": "AuroCheckboxGroup",
206
+ "name": "AuroBibtemplate",
372
207
  "declaration": {
373
- "name": "AuroCheckboxGroup",
374
- "module": "components/checkbox/src/auro-checkbox-group.js"
208
+ "name": "AuroBibtemplate",
209
+ "module": "components/bibtemplate/src/auro-bibtemplate.js"
375
210
  }
376
211
  }
377
212
  ]
378
213
  },
379
214
  {
380
215
  "kind": "javascript-module",
381
- "path": "components/checkbox/src/auro-checkbox.js",
216
+ "path": "components/bibtemplate/src/buttonVersion.js",
217
+ "declarations": [],
218
+ "exports": [
219
+ {
220
+ "kind": "js",
221
+ "name": "default",
222
+ "declaration": {
223
+ "name": "12.3.2",
224
+ "module": "components/bibtemplate/src/buttonVersion.js"
225
+ }
226
+ }
227
+ ]
228
+ },
229
+ {
230
+ "kind": "javascript-module",
231
+ "path": "components/bibtemplate/src/headerVersion.js",
232
+ "declarations": [],
233
+ "exports": [
234
+ {
235
+ "kind": "js",
236
+ "name": "default",
237
+ "declaration": {
238
+ "name": "5.0.1",
239
+ "module": "components/bibtemplate/src/headerVersion.js"
240
+ }
241
+ }
242
+ ]
243
+ },
244
+ {
245
+ "kind": "javascript-module",
246
+ "path": "components/bibtemplate/src/iconVersion.js",
247
+ "declarations": [],
248
+ "exports": [
249
+ {
250
+ "kind": "js",
251
+ "name": "default",
252
+ "declaration": {
253
+ "name": "9.2.0",
254
+ "module": "components/bibtemplate/src/iconVersion.js"
255
+ }
256
+ }
257
+ ]
258
+ },
259
+ {
260
+ "kind": "javascript-module",
261
+ "path": "components/bibtemplate/src/index.js",
262
+ "declarations": [],
263
+ "exports": [
264
+ {
265
+ "kind": "js",
266
+ "name": "AuroBibtemplate",
267
+ "declaration": {
268
+ "name": "AuroBibtemplate",
269
+ "module": "components/bibtemplate/src/index.js"
270
+ }
271
+ }
272
+ ]
273
+ },
274
+ {
275
+ "kind": "javascript-module",
276
+ "path": "components/bibtemplate/src/registered.js",
277
+ "declarations": [],
278
+ "exports": []
279
+ },
280
+ {
281
+ "kind": "javascript-module",
282
+ "path": "components/combobox/src/auro-combobox.js",
382
283
  "declarations": [
383
284
  {
384
285
  "kind": "class",
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",
286
+ "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
287
+ "name": "AuroCombobox",
387
288
  "cssParts": [
388
289
  {
389
- "description": "apply css to a specific checkbox.",
390
- "name": "checkbox"
290
+ "description": "The help text and error message content container.",
291
+ "name": "helpText"
292
+ }
293
+ ],
294
+ "slots": [
295
+ {
296
+ "description": "Default slot for the menu content.",
297
+ "name": ""
391
298
  },
392
299
  {
393
- "description": "apply css to a specific checkbox's input.",
394
- "name": "checkbox-input"
300
+ "type": {
301
+ "text": "HTMLSlotElement"
302
+ },
303
+ "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
304
+ "name": "optionalLabel"
395
305
  },
396
306
  {
397
- "description": "apply css to a specific checkbox's label.",
398
- "name": "checkbox-label"
399
- }
400
- ],
401
- "slots": [
307
+ "description": "Sets aria-label on clear button",
308
+ "name": "ariaLabel.input.clear"
309
+ },
402
310
  {
403
- "description": "The default slot for the checkbox label.",
404
- "name": "default"
311
+ "description": "Sets aria-label on close button in fullscreen bib",
312
+ "name": "ariaLabel.bib.close"
313
+ },
314
+ {
315
+ "description": "Defines the headline to display above menu-options",
316
+ "name": "bib.fullscreen.headline"
317
+ },
318
+ {
319
+ "description": "Defines the content of the label.",
320
+ "name": "label"
321
+ },
322
+ {
323
+ "description": "Defines the content of the helpText.",
324
+ "name": "helpText"
325
+ },
326
+ {
327
+ "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
328
+ "name": "displayValue"
405
329
  }
406
330
  ],
407
331
  "members": [
408
332
  {
409
333
  "kind": "method",
410
- "name": "_initializeDefaults"
334
+ "name": "_initializeDefaults",
335
+ "privacy": "private",
336
+ "return": {
337
+ "type": {
338
+ "text": "void"
339
+ }
340
+ }
411
341
  },
412
342
  {
413
343
  "kind": "method",
414
- "name": "register",
415
- "static": true,
344
+ "name": "_scheduleTimer",
416
345
  "parameters": [
417
346
  {
418
- "name": "name",
419
- "default": "\"auro-checkbox\"",
420
- "description": "The name of element that you want to register to.",
421
- "optional": true,
347
+ "name": "fn",
348
+ "description": "Callback to run.",
422
349
  "type": {
423
- "text": "string"
350
+ "text": "Function"
424
351
  }
425
- }
426
- ],
427
- "description": "This will register this element with the browser."
428
- },
429
- {
430
- "kind": "method",
431
- "name": "handleChange",
432
- "parameters": [
352
+ },
433
353
  {
434
- "name": "event",
435
- "description": "The change event from the checkbox input.",
354
+ "name": "ms",
355
+ "description": "Delay in milliseconds.",
436
356
  "type": {
437
- "text": "Event"
357
+ "text": "number"
438
358
  }
439
359
  }
440
360
  ],
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",
361
+ "description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
443
362
  "return": {
444
363
  "type": {
445
- "text": "void"
364
+ "text": "number"
365
+ }
366
+ },
367
+ "privacy": "private"
368
+ },
369
+ {
370
+ "kind": "field",
371
+ "name": "inputValue",
372
+ "description": "Returns the current value of the input element within the combobox.",
373
+ "return": {
374
+ "type": {
375
+ "text": "string|undefined"
376
+ }
377
+ },
378
+ "readonly": true
379
+ },
380
+ {
381
+ "kind": "method",
382
+ "name": "isValid",
383
+ "description": "Checks if the element is valid.",
384
+ "return": {
385
+ "type": {
386
+ "text": "boolean"
446
387
  }
447
388
  }
448
389
  },
449
390
  {
450
391
  "kind": "method",
451
- "name": "handleInput",
392
+ "name": "register",
393
+ "static": true,
452
394
  "parameters": [
453
395
  {
454
- "name": "event",
455
- "description": "The input event from the checkbox input.",
396
+ "name": "name",
397
+ "default": "'auro-combobox'",
398
+ "description": "The name of the element that you want to register.",
399
+ "optional": true,
456
400
  "type": {
457
- "text": "Event"
401
+ "text": "string"
458
402
  }
459
403
  }
460
404
  ],
461
- "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
405
+ "description": "This will register this element with the browser."
406
+ },
407
+ {
408
+ "kind": "method",
409
+ "name": "activateFirstEnabledAvailableOption",
410
+ "description": "Mark the first available (non-hidden), enabled option as `active`.",
462
411
  "privacy": "private",
463
412
  "return": {
464
413
  "type": {
@@ -468,8 +417,8 @@
468
417
  },
469
418
  {
470
419
  "kind": "method",
471
- "name": "handleFocusin",
472
- "description": "Function to support",
420
+ "name": "activateLastEnabledAvailableOption",
421
+ "description": "Mark the last available (non-hidden), enabled option as `active`.",
473
422
  "privacy": "private",
474
423
  "return": {
475
424
  "type": {
@@ -479,49 +428,74 @@
479
428
  },
480
429
  {
481
430
  "kind": "method",
482
- "name": "generateIconHtml",
483
- "description": "Function to generate checkmark svg.",
431
+ "name": "updateFilter",
432
+ "description": "Updates the filter for the available options based on the input value.",
433
+ "privacy": "private"
434
+ },
435
+ {
436
+ "kind": "method",
437
+ "name": "syncValuesAndStates",
438
+ "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
484
439
  "privacy": "private",
485
440
  "return": {
486
441
  "type": {
487
- "text": "HTMLElement"
442
+ "text": "void"
488
443
  }
489
444
  }
490
445
  },
491
446
  {
492
447
  "kind": "method",
493
- "name": "reset",
494
- "description": "Resets component to initial state.",
495
- "return": {
496
- "type": {
497
- "text": "void"
448
+ "name": "updateTriggerTextDisplay",
449
+ "parameters": [
450
+ {
451
+ "name": "label",
452
+ "description": "The label of the selected option.",
453
+ "type": {
454
+ "text": "string"
455
+ }
498
456
  }
499
- }
457
+ ],
458
+ "description": "Update displayValue or input.value, it's called when making a selection.",
459
+ "privacy": "private"
500
460
  },
501
461
  {
502
462
  "kind": "method",
503
- "name": "updateAriaLabel",
504
- "description": "Updates the aria-label based on slot content.",
505
- "privacy": "private",
463
+ "name": "syncInputValuesAcrossTriggerAndBib",
464
+ "parameters": [
465
+ {
466
+ "name": "nextValue",
467
+ "description": "The value to write to both inputs.",
468
+ "type": {
469
+ "text": "string"
470
+ }
471
+ }
472
+ ],
473
+ "description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
506
474
  "return": {
507
475
  "type": {
508
- "text": "void"
476
+ "text": "Promise<void>"
509
477
  }
510
- }
478
+ },
479
+ "privacy": "private"
511
480
  },
512
481
  {
513
482
  "kind": "method",
514
- "name": "handleKeyDown",
483
+ "name": "handleMenuOptions",
515
484
  "parameters": [
516
485
  {
517
- "name": "event",
518
- "description": "The keydown event from the checkbox input.",
486
+ "name": "{ preferComboboxValue = false }",
487
+ "default": "{}"
488
+ },
489
+ {
490
+ "description": "Optional flag bag.",
491
+ "name": "options",
492
+ "optional": true,
519
493
  "type": {
520
- "text": "KeyboardEvent"
494
+ "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 * "
521
495
  }
522
496
  }
523
497
  ],
524
- "description": "Handles keydown event to toggle the checkbox with Space key.",
498
+ "description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
525
499
  "privacy": "private",
526
500
  "return": {
527
501
  "type": {
@@ -530,404 +504,305 @@
530
504
  }
531
505
  },
532
506
  {
533
- "kind": "field",
534
- "name": "appearance",
535
- "privacy": "public",
536
- "type": {
537
- "text": "'default' | 'inverse'"
538
- },
539
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
540
- "default": "'default'",
541
- "attribute": "appearance",
542
- "reflects": true
507
+ "kind": "method",
508
+ "name": "generateOptionsArray",
509
+ "description": "Determines the element error state based on the `required` attribute and input value.",
510
+ "privacy": "private",
511
+ "return": {
512
+ "type": {
513
+ "text": "void"
514
+ }
515
+ }
543
516
  },
544
517
  {
545
- "kind": "field",
546
- "name": "checked",
547
- "privacy": "public",
548
- "type": {
549
- "text": "boolean"
550
- },
551
- "description": "If set to true, the checkbox will be filled with a checkmark.",
552
- "attribute": "checked",
553
- "reflects": true
518
+ "kind": "method",
519
+ "name": "hideBib",
520
+ "description": "Hides the dropdown bib if its open.",
521
+ "return": {
522
+ "type": {
523
+ "text": "void"
524
+ }
525
+ }
554
526
  },
555
527
  {
556
- "kind": "field",
557
- "name": "disabled",
558
- "privacy": "public",
559
- "type": {
560
- "text": "boolean"
561
- },
562
- "description": "If set to true, the checkbox will not be clickable.",
563
- "attribute": "disabled",
564
- "reflects": true
528
+ "kind": "method",
529
+ "name": "showBib",
530
+ "description": "Shows the dropdown bib if there are options to show.",
531
+ "return": {
532
+ "type": {
533
+ "text": "void"
534
+ }
535
+ }
565
536
  },
566
537
  {
567
- "kind": "field",
568
- "name": "error",
569
- "privacy": "public",
570
- "type": {
571
- "text": "boolean"
572
- },
573
- "description": "If set to true, the checkbox will be displayed with an error state.",
574
- "attribute": "error",
575
- "reflects": true
538
+ "kind": "method",
539
+ "name": "configureDropdown",
540
+ "description": "Binds all behavior needed to the dropdown after rendering.",
541
+ "privacy": "private",
542
+ "return": {
543
+ "type": {
544
+ "text": "void"
545
+ }
546
+ }
576
547
  },
577
548
  {
578
- "kind": "field",
579
- "name": "id",
580
- "privacy": "public",
581
- "type": {
582
- "text": "string"
583
- },
584
- "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
585
- "attribute": "id",
586
- "reflects": true
549
+ "kind": "method",
550
+ "name": "setClearBtnFocus",
551
+ "privacy": "private"
587
552
  },
588
553
  {
589
- "kind": "field",
590
- "name": "inputId",
591
- "privacy": "private",
592
- "type": {
593
- "text": "string"
594
- },
595
- "description": "The id for input node."
554
+ "kind": "method",
555
+ "name": "setTriggerInputFocus",
556
+ "privacy": "private"
596
557
  },
597
558
  {
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"
559
+ "kind": "method",
560
+ "name": "setInputFocus",
561
+ "privacy": "private"
606
562
  },
607
563
  {
608
- "kind": "field",
609
- "name": "onDark",
610
- "privacy": "public",
611
- "type": {
612
- "text": "boolean"
613
- },
614
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
615
- "deprecated": "Use `appearance=\"inverse\"` instead.",
616
- "attribute": "ondark",
617
- "reflects": true
564
+ "kind": "method",
565
+ "name": "updateBibDialogRole",
566
+ "description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
567
+ "privacy": "private"
618
568
  },
619
569
  {
620
- "kind": "field",
621
- "name": "touched",
622
- "privacy": "private",
623
- "type": {
624
- "text": "boolean"
625
- },
626
- "description": "Indicates whether the checkbox has been interacted with."
570
+ "kind": "method",
571
+ "name": "updateMenuShapeSize",
572
+ "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
573
+ "privacy": "private"
627
574
  },
628
575
  {
629
- "kind": "field",
630
- "name": "value",
631
- "privacy": "public",
632
- "type": {
633
- "text": "string"
634
- },
635
- "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
636
- "attribute": "value"
576
+ "kind": "method",
577
+ "name": "_getAnnouncementRoot",
578
+ "description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
579
+ "privacy": "private",
580
+ "return": {
581
+ "type": {
582
+ "text": "ShadowRoot"
583
+ }
584
+ }
637
585
  },
638
586
  {
639
- "kind": "field",
640
- "name": "tabIndex",
587
+ "kind": "method",
588
+ "name": "configureMenu",
589
+ "description": "Binds all behavior needed to the menu after rendering.",
641
590
  "privacy": "private",
642
- "type": {
643
- "text": "number"
644
- },
645
- "description": "The tabindex attribute for the checkbox.",
646
- "attribute": "tabindex",
647
- "reflects": true
591
+ "return": {
592
+ "type": {
593
+ "text": "void"
594
+ }
595
+ }
648
596
  },
649
597
  {
650
- "kind": "field",
651
- "name": "ariaChecked",
598
+ "kind": "method",
599
+ "name": "configureInput",
600
+ "description": "Binds all behavior needed to the input after rendering.",
652
601
  "privacy": "private",
653
- "type": {
654
- "text": "string"
655
- },
656
- "description": "The aria-checked attribute for the checkbox.",
657
- "attribute": "aria-checked",
658
- "reflects": true
602
+ "return": {
603
+ "type": {
604
+ "text": "void"
605
+ }
606
+ }
659
607
  },
660
608
  {
661
- "kind": "field",
662
- "name": "ariaDisabled",
609
+ "kind": "method",
610
+ "name": "trackClearBtnActivation",
611
+ "parameters": [
612
+ {
613
+ "name": "inputEl",
614
+ "description": "The auro-input whose clear button to track.",
615
+ "type": {
616
+ "text": "Element"
617
+ }
618
+ }
619
+ ],
620
+ "description": "Flags genuine clear-button activations on an auro-input so the SPA-preselect\nguard in handleInputValueChange doesn't swallow them.\n\nThe auro-input clear button fires an `isProgrammatic` input event (via\nnotifyValueChanged) that is indistinguishable in shape from the\nSPA-preselect echo that guard bails on (isProgrammatic + set value + empty\ninput). Without this one-shot flag, clicking clear would leave\nthis.value/optionSelected stale (AB#1634257).\n\nDelegated on the shadow root so it works regardless of when .clearBtn\nrenders (it only exists after a value is set), and covers both real clicks\nand programmatic clearBtn.click() (which no focusin precedes). Registered in\nthe CAPTURE phase so the flag is set BEFORE the button's own",
663
621
  "privacy": "private",
664
- "type": {
665
- "text": "string"
666
- },
667
- "description": "The aria-disabled attribute for the checkbox.",
668
- "attribute": "aria-disabled",
669
- "reflects": true
622
+ "return": {
623
+ "type": {
624
+ "text": "void"
625
+ }
626
+ }
670
627
  },
671
628
  {
672
- "kind": "field",
673
- "name": "role",
674
- "privacy": "private",
675
- "type": {
676
- "text": "string"
677
- },
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",
680
- "reflects": true
681
- }
682
- ],
683
- "events": [
684
- {
685
- "name": "auroCheckbox-input",
686
- "type": {
687
- "text": "CustomEvent"
688
- },
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."
691
- },
692
- {
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"
714
- }
715
- ],
716
- "attributes": [
717
- {
718
- "name": "appearance",
719
- "type": {
720
- "text": "'default' | 'inverse'"
721
- },
722
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
723
- "default": "'default'",
724
- "fieldName": "appearance"
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
- },
734
- {
735
- "name": "disabled",
736
- "type": {
737
- "text": "boolean"
738
- },
739
- "description": "If set to true, the checkbox will not be clickable.",
740
- "fieldName": "disabled"
741
- },
742
- {
743
- "name": "error",
744
- "type": {
745
- "text": "boolean"
746
- },
747
- "description": "If set to true, the checkbox will be displayed with an error state.",
748
- "fieldName": "error"
749
- },
750
- {
751
- "name": "id",
752
- "type": {
753
- "text": "string"
754
- },
755
- "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
756
- "fieldName": "id"
757
- },
758
- {
759
- "name": "name",
760
- "type": {
761
- "text": "string"
762
- },
763
- "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
764
- "fieldName": "name"
765
- },
766
- {
767
- "name": "ondark",
768
- "type": {
769
- "text": "boolean"
770
- },
771
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
772
- "deprecated": "Use `appearance=\"inverse\"` instead.",
773
- "fieldName": "onDark"
774
- },
775
- {
776
- "name": "value",
777
- "type": {
778
- "text": "string"
779
- },
780
- "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
781
- "fieldName": "value"
629
+ "kind": "method",
630
+ "name": "handleMenuLoadingChange",
631
+ "parameters": [
632
+ {
633
+ "name": "event",
634
+ "description": "The event object containing details about the loading state change.",
635
+ "type": {
636
+ "text": "CustomEvent"
637
+ }
638
+ },
639
+ {
640
+ "description": "Indicates whether the menu is currently loading.",
641
+ "name": "event.detail.loading",
642
+ "type": {
643
+ "text": "boolean"
644
+ }
645
+ },
646
+ {
647
+ "description": "Indicates if there are loading placeholders present.",
648
+ "name": "event.detail.hasLoadingPlaceholder",
649
+ "type": {
650
+ "text": "boolean"
651
+ }
652
+ }
653
+ ],
654
+ "description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
655
+ "privacy": "private",
656
+ "return": {
657
+ "type": {
658
+ "text": "void"
659
+ }
660
+ }
782
661
  },
783
662
  {
784
- "name": "tabindex",
785
- "type": {
786
- "text": "number"
787
- },
788
- "description": "The tabindex attribute for the checkbox.",
789
- "fieldName": "tabIndex"
663
+ "kind": "method",
664
+ "name": "handleInputValueChange",
665
+ "parameters": [
666
+ {
667
+ "name": "event",
668
+ "description": "The input event triggered by the input element.",
669
+ "type": {
670
+ "text": "Event"
671
+ }
672
+ }
673
+ ],
674
+ "description": "Handle changes to the input value and trigger changes that should result.",
675
+ "privacy": "private",
676
+ "return": {
677
+ "type": {
678
+ "text": "void"
679
+ }
680
+ }
790
681
  },
791
682
  {
792
- "name": "aria-checked",
793
- "type": {
794
- "text": "string"
795
- },
796
- "description": "The aria-checked attribute for the checkbox.",
797
- "fieldName": "ariaChecked"
683
+ "kind": "method",
684
+ "name": "handleTriggerInputValueChange",
685
+ "parameters": [
686
+ {
687
+ "name": "event",
688
+ "description": "The input event from the trigger input element.",
689
+ "type": {
690
+ "text": "Event"
691
+ }
692
+ }
693
+ ],
694
+ "description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
695
+ "privacy": "private",
696
+ "return": {
697
+ "type": {
698
+ "text": "void"
699
+ }
700
+ }
798
701
  },
799
702
  {
800
- "name": "aria-disabled",
801
- "type": {
802
- "text": "string"
803
- },
804
- "description": "The aria-disabled attribute for the checkbox.",
805
- "fieldName": "ariaDisabled"
703
+ "kind": "method",
704
+ "name": "configureCombobox",
705
+ "description": "Binds all behavior needed to the combobox after rendering.",
706
+ "privacy": "private",
707
+ "return": {
708
+ "type": {
709
+ "text": "void"
710
+ }
711
+ }
806
712
  },
807
713
  {
808
- "name": "role",
809
- "type": {
810
- "text": "string"
811
- },
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"
814
- }
815
- ],
816
- "superclass": {
817
- "name": "LitElement",
818
- "package": "lit"
819
- },
820
- "tagName": "auro-checkbox",
821
- "customElement": true
822
- }
823
- ],
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
- },
848
- {
849
- "kind": "js",
850
- "name": "AuroCheckboxGroup",
851
- "declaration": {
852
- "name": "AuroCheckboxGroup",
853
- "module": "components/checkbox/src/index.js"
854
- }
855
- }
856
- ]
857
- },
858
- {
859
- "kind": "javascript-module",
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",
867
- "declarations": [
868
- {
869
- "kind": "class",
870
- "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
871
- "name": "AuroBibtemplate",
872
- "cssParts": [
873
- {
874
- "description": "The outermost bibtemplate container element.",
875
- "name": "bibtemplate"
876
- }
877
- ],
878
- "slots": [
879
- {
880
- "description": "The default slot for the main content.",
881
- "name": "default"
714
+ "kind": "method",
715
+ "name": "focus",
716
+ "description": "Focuses the combobox trigger input.",
717
+ "return": {
718
+ "type": {
719
+ "text": "void"
720
+ }
721
+ }
882
722
  },
883
723
  {
884
- "description": "Slot for the header content.",
885
- "name": "header"
724
+ "kind": "method",
725
+ "name": "setMenuValue",
726
+ "parameters": [
727
+ {
728
+ "name": "value",
729
+ "description": "The value to set on the menu.",
730
+ "type": {
731
+ "text": "string"
732
+ }
733
+ }
734
+ ],
735
+ "description": "Sets the menu value if menu is available.",
736
+ "return": {
737
+ "type": {
738
+ "text": "void"
739
+ }
740
+ }
886
741
  },
887
742
  {
888
- "description": "Slot for the subheader content.",
889
- "name": "subheader"
743
+ "kind": "method",
744
+ "name": "reset",
745
+ "description": "Resets component to initial state.",
746
+ "return": {
747
+ "type": {
748
+ "text": "void"
749
+ }
750
+ }
890
751
  },
891
752
  {
892
- "description": "Slot for the footer content.",
893
- "name": "footer"
753
+ "kind": "method",
754
+ "name": "clear",
755
+ "description": "Clears the current value of the combobox.",
756
+ "return": {
757
+ "type": {
758
+ "text": "void"
759
+ }
760
+ }
894
761
  },
895
- {
896
- "description": "Slot for the close button aria-label.",
897
- "name": "ariaLabel.close"
898
- }
899
- ],
900
- "members": [
901
762
  {
902
763
  "kind": "method",
903
- "name": "register",
904
- "static": true,
764
+ "name": "validate",
905
765
  "parameters": [
906
766
  {
907
- "name": "name",
908
- "default": "\"auro-bibtemplate\"",
909
- "description": "The name of element that you want to register to.",
767
+ "name": "force",
768
+ "default": "false",
769
+ "description": "Whether to force validation.",
910
770
  "optional": true,
911
771
  "type": {
912
- "text": "string"
772
+ "text": "boolean"
913
773
  }
914
774
  }
915
775
  ],
916
- "description": "This will register this element with the browser."
776
+ "description": "Validates value."
917
777
  },
918
778
  {
919
779
  "kind": "method",
920
- "name": "preventBodyScroll",
780
+ "name": "transportAssignedNodes",
921
781
  "parameters": [
922
782
  {
923
- "name": "event",
924
- "description": "The touchmove event.",
783
+ "name": "slot",
784
+ "description": "The slot element containing the nodes to apply.",
925
785
  "type": {
926
- "text": "Event"
786
+ "text": "HTMLSlotElement"
787
+ }
788
+ },
789
+ {
790
+ "name": "target",
791
+ "description": "The target element to apply the nodes to.",
792
+ "type": {
793
+ "text": "HTMLElement"
794
+ }
795
+ },
796
+ {
797
+ "name": "newSlotName",
798
+ "description": "The new slot name for the applied nodes.",
799
+ "type": {
800
+ "text": "string"
927
801
  }
928
802
  }
929
803
  ],
930
- "description": "Prevents scrolling of the body when touching empty areas of the component.",
804
+ "description": "Applies slotted nodes to a target element with a new slot name.",
805
+ "privacy": "private",
931
806
  "return": {
932
807
  "type": {
933
808
  "text": "void"
@@ -936,22 +811,32 @@
936
811
  },
937
812
  {
938
813
  "kind": "method",
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.",
941
- "return": {
942
- "type": {
943
- "text": "void"
814
+ "name": "updateActiveOption",
815
+ "parameters": [
816
+ {
817
+ "name": "index",
818
+ "description": "Index of the option to make active.",
819
+ "type": {
820
+ "text": "number"
821
+ }
944
822
  }
945
- }
946
- },
947
- {
948
- "kind": "method",
949
- "name": "onCloseButtonClick"
823
+ ],
824
+ "description": "Updates the active option in the menu."
950
825
  },
951
826
  {
952
827
  "kind": "method",
953
- "name": "exposeCssParts",
954
- "description": "Exposes CSS parts for styling from parent components.",
828
+ "name": "handleSlotChange",
829
+ "parameters": [
830
+ {
831
+ "name": "event",
832
+ "description": "`slotchange` event.",
833
+ "type": {
834
+ "text": "Event"
835
+ }
836
+ }
837
+ ],
838
+ "description": "Watch for slot changes and recalculate the menuoptions.",
839
+ "privacy": "private",
955
840
  "return": {
956
841
  "type": {
957
842
  "text": "void"
@@ -960,1027 +845,1083 @@
960
845
  },
961
846
  {
962
847
  "kind": "field",
963
- "name": "large",
848
+ "name": "appearance",
964
849
  "privacy": "public",
965
850
  "type": {
966
- "text": "boolean"
851
+ "text": "'default' | 'inverse'"
967
852
  },
968
- "description": "If declared, the fullscreen headline renders using the larger display heading style.",
969
- "default": "false",
970
- "attribute": "large",
853
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
854
+ "default": "'default'",
855
+ "attribute": "appearance",
971
856
  "reflects": true
972
857
  },
973
858
  {
974
859
  "kind": "field",
975
- "name": "iconTag",
976
- "privacy": "private"
977
- },
978
- {
979
- "kind": "field",
980
- "name": "headerTag",
981
- "privacy": "private"
982
- },
983
- {
984
- "kind": "field",
985
- "name": "buttonTag",
986
- "privacy": "private"
987
- },
988
- {
989
- "kind": "field",
990
- "name": "isFullscreen",
860
+ "name": "autocomplete",
991
861
  "privacy": "public",
992
862
  "type": {
993
- "text": "boolean"
863
+ "text": "string"
994
864
  },
995
- "description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
996
- "attribute": "isfullscreen",
865
+ "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
866
+ "attribute": "autocomplete",
997
867
  "reflects": true
998
868
  },
999
869
  {
1000
870
  "kind": "field",
1001
- "name": "showFooter",
871
+ "name": "autoPlacement",
1002
872
  "privacy": "public",
1003
873
  "type": {
1004
874
  "text": "boolean"
1005
875
  },
1006
- "description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
1007
- "attribute": "showfooter",
876
+ "description": "If declared, bib's position will be automatically calculated where to appear.",
877
+ "attribute": "autoplacement",
1008
878
  "reflects": true
1009
- }
1010
- ],
1011
- "events": [
1012
- {
1013
- "name": "close-click",
1014
- "type": {
1015
- "text": "Event"
1016
- },
1017
- "description": "Notifies when the close button is clicked."
1018
- },
1019
- {
1020
- "name": "auro-bibtemplate-connected",
1021
- "type": {
1022
- "text": "CustomEvent"
1023
- },
1024
- "description": "Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail."
1025
- }
1026
- ],
1027
- "attributes": [
1028
- {
1029
- "name": "isfullscreen",
1030
- "type": {
1031
- "text": "boolean"
1032
- },
1033
- "description": "If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.",
1034
- "fieldName": "isFullscreen"
1035
879
  },
1036
880
  {
1037
- "name": "large",
881
+ "kind": "field",
882
+ "name": "availableOptions",
883
+ "privacy": "private",
1038
884
  "type": {
1039
- "text": "boolean"
885
+ "text": "HTMLElement[]"
1040
886
  },
1041
- "description": "If declared, the fullscreen headline renders using the larger display heading style.",
1042
- "default": "false",
1043
- "fieldName": "large"
887
+ "description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value)."
1044
888
  },
1045
889
  {
1046
- "name": "showfooter",
890
+ "kind": "field",
891
+ "name": "behavior",
892
+ "privacy": "public",
1047
893
  "type": {
1048
- "text": "boolean"
894
+ "text": "'filter' | 'suggestion'"
1049
895
  },
1050
- "description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
1051
- "fieldName": "showFooter"
1052
- }
1053
- ],
1054
- "superclass": {
1055
- "name": "LitElement",
1056
- "package": "lit"
1057
- },
1058
- "tagName": "auro-bibtemplate",
1059
- "customElement": true
1060
- }
1061
- ],
1062
- "exports": [
1063
- {
1064
- "kind": "js",
1065
- "name": "AuroBibtemplate",
1066
- "declaration": {
1067
- "name": "AuroBibtemplate",
1068
- "module": "components/bibtemplate/src/auro-bibtemplate.js"
1069
- }
1070
- }
1071
- ]
1072
- },
1073
- {
1074
- "kind": "javascript-module",
1075
- "path": "components/bibtemplate/src/buttonVersion.js",
1076
- "declarations": [],
1077
- "exports": [
1078
- {
1079
- "kind": "js",
1080
- "name": "default",
1081
- "declaration": {
1082
- "name": "12.3.2",
1083
- "module": "components/bibtemplate/src/buttonVersion.js"
1084
- }
1085
- }
1086
- ]
1087
- },
1088
- {
1089
- "kind": "javascript-module",
1090
- "path": "components/bibtemplate/src/headerVersion.js",
1091
- "declarations": [],
1092
- "exports": [
1093
- {
1094
- "kind": "js",
1095
- "name": "default",
1096
- "declaration": {
1097
- "name": "5.0.1",
1098
- "module": "components/bibtemplate/src/headerVersion.js"
1099
- }
1100
- }
1101
- ]
1102
- },
1103
- {
1104
- "kind": "javascript-module",
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
- "declarations": [],
1137
- "exports": []
1138
- },
1139
- {
1140
- "kind": "javascript-module",
1141
- "path": "components/combobox/src/auro-combobox.js",
1142
- "declarations": [
1143
- {
1144
- "kind": "class",
1145
- "description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
1146
- "name": "AuroCombobox",
1147
- "cssParts": [
1148
- {
1149
- "description": "The help text and error message content container.",
1150
- "name": "helpText"
1151
- }
1152
- ],
1153
- "slots": [
896
+ "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
897
+ "default": "'suggestion'",
898
+ "attribute": "behavior",
899
+ "reflects": true
900
+ },
1154
901
  {
1155
- "description": "Default slot for the menu content.",
1156
- "name": ""
902
+ "kind": "field",
903
+ "name": "checkmark",
904
+ "privacy": "public",
905
+ "type": {
906
+ "text": "boolean"
907
+ },
908
+ "description": "When attribute is present auro-menu will apply check marks to selected options.",
909
+ "attribute": "checkmark",
910
+ "reflects": true
1157
911
  },
1158
912
  {
913
+ "kind": "field",
914
+ "name": "disabled",
915
+ "privacy": "public",
1159
916
  "type": {
1160
- "text": "HTMLSlotElement"
917
+ "text": "boolean"
1161
918
  },
1162
- "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
1163
- "name": "optionalLabel"
919
+ "description": "If set, disables the combobox.",
920
+ "attribute": "disabled",
921
+ "reflects": true
1164
922
  },
1165
923
  {
1166
- "description": "Sets aria-label on clear button",
1167
- "name": "ariaLabel.input.clear"
924
+ "kind": "field",
925
+ "name": "dropdownId",
926
+ "privacy": "private",
927
+ "type": {
928
+ "text": "string"
929
+ },
930
+ "description": "ID for the dropdown."
1168
931
  },
1169
932
  {
1170
- "description": "Sets aria-label on close button in fullscreen bib",
1171
- "name": "ariaLabel.bib.close"
933
+ "kind": "field",
934
+ "name": "dropdownOpen",
935
+ "privacy": "private",
936
+ "type": {
937
+ "text": "boolean"
938
+ },
939
+ "description": "Whether or not the dropdown is open."
1172
940
  },
1173
941
  {
1174
- "description": "Defines the headline to display above menu-options",
1175
- "name": "bib.fullscreen.headline"
942
+ "kind": "field",
943
+ "name": "dvInputOnly",
944
+ "privacy": "public",
945
+ "type": {
946
+ "text": "boolean"
947
+ },
948
+ "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
949
+ "attribute": "dvinputonly",
950
+ "reflects": true
1176
951
  },
1177
952
  {
1178
- "description": "Defines the content of the label.",
1179
- "name": "label"
953
+ "kind": "field",
954
+ "name": "error",
955
+ "privacy": "public",
956
+ "type": {
957
+ "text": "string"
958
+ },
959
+ "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
960
+ "attribute": "error",
961
+ "reflects": true
1180
962
  },
1181
963
  {
1182
- "description": "Defines the content of the helpText.",
1183
- "name": "helpText"
964
+ "kind": "field",
965
+ "name": "format",
966
+ "privacy": "public",
967
+ "type": {
968
+ "text": "string"
969
+ },
970
+ "description": "Specifies the input mask format.",
971
+ "attribute": "format",
972
+ "reflects": true
1184
973
  },
1185
974
  {
1186
- "description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
1187
- "name": "displayValue"
1188
- }
1189
- ],
1190
- "members": [
975
+ "kind": "field",
976
+ "name": "inputmode",
977
+ "privacy": "public",
978
+ "type": {
979
+ "text": "string"
980
+ },
981
+ "description": "Exposes inputmode attribute for input.",
982
+ "attribute": "inputmode",
983
+ "reflects": true
984
+ },
1191
985
  {
1192
- "kind": "method",
1193
- "name": "_initializeDefaults",
1194
- "privacy": "private",
1195
- "return": {
1196
- "type": {
1197
- "text": "void"
1198
- }
1199
- }
986
+ "kind": "field",
987
+ "name": "layout",
988
+ "privacy": "public",
989
+ "type": {
990
+ "text": "'classic' | 'emphasized' | 'snowflake'"
991
+ },
992
+ "description": "Sets the layout of the combobox.",
993
+ "default": "'classic'",
994
+ "attribute": "layout",
995
+ "reflects": true
1200
996
  },
1201
997
  {
1202
- "kind": "method",
1203
- "name": "_scheduleTimer",
1204
- "parameters": [
1205
- {
1206
- "name": "fn",
1207
- "description": "Callback to run.",
1208
- "type": {
1209
- "text": "Function"
1210
- }
1211
- },
1212
- {
1213
- "name": "ms",
1214
- "description": "Delay in milliseconds.",
1215
- "type": {
1216
- "text": "number"
1217
- }
1218
- }
1219
- ],
1220
- "description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
1221
- "return": {
1222
- "type": {
1223
- "text": "number"
1224
- }
998
+ "kind": "field",
999
+ "name": "shape",
1000
+ "privacy": "public",
1001
+ "type": {
1002
+ "text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
1225
1003
  },
1226
- "privacy": "private"
1004
+ "description": "Sets the shape of the combobox.",
1005
+ "default": "'classic'",
1006
+ "attribute": "shape",
1007
+ "reflects": true
1227
1008
  },
1228
1009
  {
1229
1010
  "kind": "field",
1230
- "name": "inputValue",
1231
- "description": "Returns the current value of the input element within the combobox.",
1232
- "return": {
1233
- "type": {
1234
- "text": "string|undefined"
1235
- }
1011
+ "name": "size",
1012
+ "privacy": "public",
1013
+ "type": {
1014
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1236
1015
  },
1237
- "readonly": true
1016
+ "description": "Sets the size of the combobox.",
1017
+ "default": "'xl'",
1018
+ "attribute": "size",
1019
+ "reflects": true
1238
1020
  },
1239
1021
  {
1240
- "kind": "method",
1241
- "name": "isValid",
1242
- "description": "Checks if the element is valid.",
1243
- "return": {
1244
- "type": {
1245
- "text": "boolean"
1246
- }
1247
- }
1022
+ "kind": "field",
1023
+ "name": "matchWidth",
1024
+ "privacy": "private",
1025
+ "type": {
1026
+ "text": "boolean"
1027
+ },
1028
+ "description": "If declared, the popover and trigger will be set to the same width.",
1029
+ "attribute": "matchwidth",
1030
+ "reflects": true
1248
1031
  },
1249
1032
  {
1250
- "kind": "method",
1251
- "name": "register",
1252
- "static": true,
1253
- "parameters": [
1254
- {
1255
- "name": "name",
1256
- "default": "'auro-combobox'",
1257
- "description": "The name of the element that you want to register.",
1258
- "optional": true,
1259
- "type": {
1260
- "text": "string"
1261
- }
1262
- }
1263
- ],
1264
- "description": "This will register this element with the browser."
1033
+ "kind": "field",
1034
+ "name": "noFilter",
1035
+ "privacy": "public",
1036
+ "type": {
1037
+ "text": "boolean"
1038
+ },
1039
+ "description": "If set, combobox will not filter menuoptions based on input.",
1040
+ "attribute": "nofilter",
1041
+ "reflects": true
1265
1042
  },
1266
1043
  {
1267
- "kind": "method",
1268
- "name": "activateFirstEnabledAvailableOption",
1269
- "description": "Mark the first available (non-hidden), enabled option as `active`.",
1270
- "privacy": "private",
1271
- "return": {
1272
- "type": {
1273
- "text": "void"
1274
- }
1275
- }
1044
+ "kind": "field",
1045
+ "name": "noFlip",
1046
+ "privacy": "public",
1047
+ "type": {
1048
+ "text": "boolean"
1049
+ },
1050
+ "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
1051
+ "attribute": "noflip",
1052
+ "reflects": true
1276
1053
  },
1277
1054
  {
1278
- "kind": "method",
1279
- "name": "activateLastEnabledAvailableOption",
1280
- "description": "Mark the last available (non-hidden), enabled option as `active`.",
1281
- "privacy": "private",
1282
- "return": {
1283
- "type": {
1284
- "text": "void"
1285
- }
1286
- }
1055
+ "kind": "field",
1056
+ "name": "shift",
1057
+ "privacy": "public",
1058
+ "type": {
1059
+ "text": "boolean"
1060
+ },
1061
+ "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
1062
+ "attribute": "shift",
1063
+ "reflects": true
1287
1064
  },
1288
1065
  {
1289
- "kind": "method",
1290
- "name": "updateFilter",
1291
- "description": "Updates the filter for the available options based on the input value.",
1292
- "privacy": "private"
1066
+ "kind": "field",
1067
+ "name": "noValidate",
1068
+ "privacy": "public",
1069
+ "type": {
1070
+ "text": "boolean"
1071
+ },
1072
+ "description": "If set, disables auto-validation on blur.",
1073
+ "attribute": "novalidate",
1074
+ "reflects": true
1075
+ },
1076
+ {
1077
+ "kind": "field",
1078
+ "name": "offset",
1079
+ "privacy": "public",
1080
+ "type": {
1081
+ "text": "number"
1082
+ },
1083
+ "description": "Gap between the trigger element and bib.",
1084
+ "default": "0",
1085
+ "attribute": "offset",
1086
+ "reflects": true
1293
1087
  },
1294
1088
  {
1295
- "kind": "method",
1296
- "name": "syncValuesAndStates",
1297
- "description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
1298
- "privacy": "private",
1299
- "return": {
1300
- "type": {
1301
- "text": "void"
1302
- }
1089
+ "kind": "field",
1090
+ "name": "onDark",
1091
+ "privacy": "public",
1092
+ "type": {
1093
+ "text": "boolean"
1094
+ },
1095
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
1096
+ "attribute": "ondark",
1097
+ "reflects": true,
1098
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
1099
+ "inheritedFrom": {
1100
+ "name": "AuroElement",
1101
+ "module": "components/layoutElement/src/auroElement.js"
1303
1102
  }
1304
1103
  },
1305
1104
  {
1306
- "kind": "method",
1307
- "name": "updateTriggerTextDisplay",
1308
- "parameters": [
1309
- {
1310
- "name": "label",
1311
- "description": "The label of the selected option.",
1312
- "type": {
1313
- "text": "string"
1314
- }
1315
- }
1316
- ],
1317
- "description": "Update displayValue or input.value, it's called when making a selection.",
1318
- "privacy": "private"
1105
+ "kind": "field",
1106
+ "name": "optionSelected",
1107
+ "privacy": "public",
1108
+ "type": {
1109
+ "text": "HTMLElement"
1110
+ },
1111
+ "description": "Specifies the current selected option."
1319
1112
  },
1320
1113
  {
1321
- "kind": "method",
1322
- "name": "syncInputValuesAcrossTriggerAndBib",
1323
- "parameters": [
1324
- {
1325
- "name": "nextValue",
1326
- "description": "The value to write to both inputs.",
1327
- "type": {
1328
- "text": "string"
1329
- }
1330
- }
1331
- ],
1332
- "description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
1333
- "return": {
1334
- "type": {
1335
- "text": "Promise<void>"
1336
- }
1114
+ "kind": "field",
1115
+ "name": "persistInput",
1116
+ "privacy": "public",
1117
+ "type": {
1118
+ "text": "boolean"
1337
1119
  },
1338
- "privacy": "private"
1120
+ "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
1121
+ "attribute": "persistinput",
1122
+ "reflects": true
1339
1123
  },
1340
1124
  {
1341
- "kind": "method",
1342
- "name": "handleMenuOptions",
1343
- "parameters": [
1344
- {
1345
- "name": "{ preferComboboxValue = false }",
1346
- "default": "{}"
1347
- },
1348
- {
1349
- "description": "Optional flag bag.",
1350
- "name": "options",
1351
- "optional": true,
1352
- "type": {
1353
- "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 * "
1354
- }
1355
- }
1356
- ],
1357
- "description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
1358
- "privacy": "private",
1359
- "return": {
1360
- "type": {
1361
- "text": "void"
1362
- }
1363
- }
1125
+ "kind": "field",
1126
+ "name": "placement",
1127
+ "privacy": "public",
1128
+ "type": {
1129
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
1130
+ },
1131
+ "description": "Position where the bib should appear relative to the trigger.",
1132
+ "default": "'bottom-start'",
1133
+ "attribute": "placement",
1134
+ "reflects": true
1364
1135
  },
1365
1136
  {
1366
- "kind": "method",
1367
- "name": "generateOptionsArray",
1368
- "description": "Determines the element error state based on the `required` attribute and input value.",
1369
- "privacy": "private",
1370
- "return": {
1371
- "type": {
1372
- "text": "void"
1373
- }
1374
- }
1137
+ "kind": "field",
1138
+ "name": "placeholder",
1139
+ "privacy": "public",
1140
+ "type": {
1141
+ "text": "string"
1142
+ },
1143
+ "description": "Define custom placeholder text, only supported by date input formats.",
1144
+ "attribute": "placeholder",
1145
+ "reflects": true
1375
1146
  },
1376
1147
  {
1377
- "kind": "method",
1378
- "name": "hideBib",
1379
- "description": "Hides the dropdown bib if its open.",
1380
- "return": {
1381
- "type": {
1382
- "text": "void"
1383
- }
1384
- }
1148
+ "kind": "field",
1149
+ "name": "required",
1150
+ "privacy": "public",
1151
+ "type": {
1152
+ "text": "boolean"
1153
+ },
1154
+ "description": "Populates the `required` attribute on the input. Used for client-side validation.",
1155
+ "attribute": "required",
1156
+ "reflects": true
1385
1157
  },
1386
1158
  {
1387
- "kind": "method",
1388
- "name": "showBib",
1389
- "description": "Shows the dropdown bib if there are options to show.",
1390
- "return": {
1391
- "type": {
1392
- "text": "void"
1393
- }
1394
- }
1159
+ "kind": "field",
1160
+ "name": "setCustomValidity",
1161
+ "privacy": "public",
1162
+ "type": {
1163
+ "text": "string"
1164
+ },
1165
+ "description": "Sets a custom help text message to display for all validityStates.",
1166
+ "attribute": "setcustomvalidity"
1395
1167
  },
1396
1168
  {
1397
- "kind": "method",
1398
- "name": "configureDropdown",
1399
- "description": "Binds all behavior needed to the dropdown after rendering.",
1400
- "privacy": "private",
1401
- "return": {
1402
- "type": {
1403
- "text": "void"
1404
- }
1405
- }
1169
+ "kind": "field",
1170
+ "name": "setCustomValidityCustomError",
1171
+ "privacy": "public",
1172
+ "type": {
1173
+ "text": "string"
1174
+ },
1175
+ "description": "Custom help text message to display when validity = `customError`.",
1176
+ "attribute": "setcustomvaliditycustomerror"
1406
1177
  },
1407
1178
  {
1408
- "kind": "method",
1409
- "name": "setClearBtnFocus",
1410
- "privacy": "private"
1179
+ "kind": "field",
1180
+ "name": "setCustomValidityValueMissing",
1181
+ "privacy": "public",
1182
+ "type": {
1183
+ "text": "string"
1184
+ },
1185
+ "description": "Custom help text message to display when validity = `valueMissing`.",
1186
+ "attribute": "setcustomvalidityvaluemissing"
1411
1187
  },
1412
1188
  {
1413
- "kind": "method",
1414
- "name": "setTriggerInputFocus",
1415
- "privacy": "private"
1189
+ "kind": "field",
1190
+ "name": "setCustomValidityValueMissingFilter",
1191
+ "privacy": "public",
1192
+ "type": {
1193
+ "text": "string"
1194
+ },
1195
+ "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
1196
+ "attribute": "setcustomvalidityvaluemissingfilter"
1416
1197
  },
1417
1198
  {
1418
- "kind": "method",
1419
- "name": "setInputFocus",
1420
- "privacy": "private"
1199
+ "kind": "field",
1200
+ "name": "touched",
1201
+ "privacy": "private",
1202
+ "type": {
1203
+ "text": "boolean"
1204
+ },
1205
+ "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
1421
1206
  },
1422
1207
  {
1423
- "kind": "method",
1424
- "name": "updateBibDialogRole",
1425
- "description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
1426
- "privacy": "private"
1208
+ "kind": "field",
1209
+ "name": "triggerIcon",
1210
+ "privacy": "public",
1211
+ "type": {
1212
+ "text": "boolean"
1213
+ },
1214
+ "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
1215
+ "attribute": "triggericon",
1216
+ "reflects": true
1427
1217
  },
1428
1218
  {
1429
- "kind": "method",
1430
- "name": "updateMenuShapeSize",
1431
- "description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
1432
- "privacy": "private"
1219
+ "kind": "field",
1220
+ "name": "type",
1221
+ "privacy": "public",
1222
+ "type": {
1223
+ "text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
1224
+ },
1225
+ "description": "Applies the defined value as the type attribute on `auro-input`.",
1226
+ "attribute": "type",
1227
+ "reflects": true
1433
1228
  },
1434
1229
  {
1435
- "kind": "method",
1436
- "name": "_getAnnouncementRoot",
1437
- "description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
1438
- "privacy": "private",
1439
- "return": {
1440
- "type": {
1441
- "text": "ShadowRoot"
1442
- }
1443
- }
1230
+ "kind": "field",
1231
+ "name": "typedValue",
1232
+ "privacy": "public",
1233
+ "type": {
1234
+ "text": "string"
1235
+ },
1236
+ "description": "Specifies the value of the input element within the combobox.",
1237
+ "attribute": "typedvalue",
1238
+ "reflects": true
1444
1239
  },
1445
1240
  {
1446
- "kind": "method",
1447
- "name": "configureMenu",
1448
- "description": "Binds all behavior needed to the menu after rendering.",
1449
- "privacy": "private",
1450
- "return": {
1451
- "type": {
1452
- "text": "void"
1453
- }
1454
- }
1241
+ "kind": "field",
1242
+ "name": "validity",
1243
+ "privacy": "public",
1244
+ "type": {
1245
+ "text": "string"
1246
+ },
1247
+ "description": "Specifies the `validityState` this element is in.",
1248
+ "attribute": "validity",
1249
+ "reflects": true
1455
1250
  },
1456
1251
  {
1457
- "kind": "method",
1458
- "name": "configureInput",
1459
- "description": "Binds all behavior needed to the input after rendering.",
1460
- "privacy": "private",
1461
- "return": {
1462
- "type": {
1463
- "text": "void"
1464
- }
1465
- }
1252
+ "kind": "field",
1253
+ "name": "value",
1254
+ "privacy": "public",
1255
+ "type": {
1256
+ "text": "string"
1257
+ },
1258
+ "description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
1259
+ "attribute": "value"
1466
1260
  },
1467
1261
  {
1468
- "kind": "method",
1469
- "name": "handleMenuLoadingChange",
1470
- "parameters": [
1471
- {
1472
- "name": "event",
1473
- "description": "The event object containing details about the loading state change.",
1474
- "type": {
1475
- "text": "CustomEvent"
1476
- }
1477
- },
1478
- {
1479
- "description": "Indicates whether the menu is currently loading.",
1480
- "name": "event.detail.loading",
1481
- "type": {
1482
- "text": "boolean"
1483
- }
1484
- },
1485
- {
1486
- "description": "Indicates if there are loading placeholders present.",
1487
- "name": "event.detail.hasLoadingPlaceholder",
1488
- "type": {
1489
- "text": "boolean"
1490
- }
1491
- }
1492
- ],
1493
- "description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
1494
- "privacy": "private",
1495
- "return": {
1496
- "type": {
1497
- "text": "void"
1498
- }
1499
- }
1262
+ "kind": "field",
1263
+ "name": "largeFullscreenHeadline",
1264
+ "privacy": "public",
1265
+ "type": {
1266
+ "text": "boolean"
1267
+ },
1268
+ "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
1269
+ "attribute": "largefullscreenheadline",
1270
+ "reflects": true
1500
1271
  },
1501
1272
  {
1502
- "kind": "method",
1503
- "name": "handleInputValueChange",
1504
- "parameters": [
1505
- {
1506
- "name": "event",
1507
- "description": "The input event triggered by the input element.",
1508
- "type": {
1509
- "text": "Event"
1510
- }
1511
- }
1512
- ],
1513
- "description": "Handle changes to the input value and trigger changes that should result.",
1514
- "privacy": "private",
1515
- "return": {
1516
- "type": {
1517
- "text": "void"
1518
- }
1519
- }
1273
+ "kind": "field",
1274
+ "name": "fullscreenBreakpoint",
1275
+ "privacy": "public",
1276
+ "type": {
1277
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
1278
+ },
1279
+ "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
1280
+ "default": "'sm'",
1281
+ "attribute": "fullscreenbreakpoint",
1282
+ "reflects": true
1520
1283
  },
1521
1284
  {
1522
- "kind": "method",
1523
- "name": "handleTriggerInputValueChange",
1524
- "parameters": [
1525
- {
1526
- "name": "event",
1527
- "description": "The input event from the trigger input element.",
1528
- "type": {
1529
- "text": "Event"
1530
- }
1531
- }
1532
- ],
1533
- "description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
1285
+ "kind": "field",
1286
+ "name": "optionActive",
1534
1287
  "privacy": "private",
1535
- "return": {
1536
- "type": {
1537
- "text": "void"
1538
- }
1539
- }
1288
+ "type": {
1289
+ "text": "HTMLElement"
1290
+ },
1291
+ "description": "Specifies the currently active option."
1540
1292
  },
1541
1293
  {
1542
- "kind": "method",
1543
- "name": "configureCombobox",
1544
- "description": "Binds all behavior needed to the combobox after rendering.",
1294
+ "kind": "field",
1295
+ "name": "componentHasFocus",
1296
+ "description": "Returns true if the element has focus.",
1545
1297
  "privacy": "private",
1546
1298
  "return": {
1547
1299
  "type": {
1548
- "text": "void"
1549
- }
1550
- }
1551
- },
1552
- {
1553
- "kind": "method",
1554
- "name": "focus",
1555
- "description": "Focuses the combobox trigger input.",
1556
- "return": {
1557
- "type": {
1558
- "text": "void"
1300
+ "text": "boolean"
1559
1301
  }
1302
+ },
1303
+ "readonly": true,
1304
+ "inheritedFrom": {
1305
+ "name": "AuroElement",
1306
+ "module": "components/layoutElement/src/auroElement.js"
1560
1307
  }
1561
1308
  },
1562
1309
  {
1563
1310
  "kind": "method",
1564
- "name": "setMenuValue",
1565
- "parameters": [
1566
- {
1567
- "name": "value",
1568
- "description": "The value to set on the menu.",
1569
- "type": {
1570
- "text": "string"
1571
- }
1572
- }
1573
- ],
1574
- "description": "Sets the menu value if menu is available.",
1575
- "return": {
1576
- "type": {
1577
- "text": "void"
1578
- }
1311
+ "name": "resetShapeClasses",
1312
+ "inheritedFrom": {
1313
+ "name": "AuroElement",
1314
+ "module": "components/layoutElement/src/auroElement.js"
1579
1315
  }
1580
1316
  },
1581
1317
  {
1582
1318
  "kind": "method",
1583
- "name": "reset",
1584
- "description": "Resets component to initial state.",
1585
- "return": {
1586
- "type": {
1587
- "text": "void"
1588
- }
1319
+ "name": "resetLayoutClasses",
1320
+ "inheritedFrom": {
1321
+ "name": "AuroElement",
1322
+ "module": "components/layoutElement/src/auroElement.js"
1589
1323
  }
1590
1324
  },
1591
1325
  {
1592
1326
  "kind": "method",
1593
- "name": "clear",
1594
- "description": "Clears the current value of the combobox.",
1595
- "return": {
1596
- "type": {
1597
- "text": "void"
1598
- }
1327
+ "name": "updateComponentArchitecture",
1328
+ "inheritedFrom": {
1329
+ "name": "AuroElement",
1330
+ "module": "components/layoutElement/src/auroElement.js"
1599
1331
  }
1600
- },
1332
+ }
1333
+ ],
1334
+ "events": [
1601
1335
  {
1602
- "kind": "method",
1603
- "name": "validate",
1604
- "parameters": [
1605
- {
1606
- "name": "force",
1607
- "default": "false",
1608
- "description": "Whether to force validation.",
1609
- "optional": true,
1610
- "type": {
1611
- "text": "boolean"
1612
- }
1613
- }
1614
- ],
1615
- "description": "Validates value."
1336
+ "name": "inputValue",
1337
+ "type": {
1338
+ "text": "CustomEvent"
1339
+ },
1340
+ "description": "Notifies that the components internal HTML5 input value has changed."
1616
1341
  },
1617
1342
  {
1618
- "kind": "method",
1619
- "name": "transportAssignedNodes",
1620
- "parameters": [
1621
- {
1622
- "name": "slot",
1623
- "description": "The slot element containing the nodes to apply.",
1624
- "type": {
1625
- "text": "HTMLSlotElement"
1626
- }
1627
- },
1628
- {
1629
- "name": "target",
1630
- "description": "The target element to apply the nodes to.",
1631
- "type": {
1632
- "text": "HTMLElement"
1633
- }
1634
- },
1635
- {
1636
- "name": "newSlotName",
1637
- "description": "The new slot name for the applied nodes.",
1638
- "type": {
1639
- "text": "string"
1640
- }
1641
- }
1642
- ],
1643
- "description": "Applies slotted nodes to a target element with a new slot name.",
1644
- "privacy": "private",
1645
- "return": {
1646
- "type": {
1647
- "text": "void"
1648
- }
1649
- }
1343
+ "name": "input",
1344
+ "type": {
1345
+ "text": "CustomEvent"
1346
+ },
1347
+ "description": "Notifies that the component has a new value set."
1650
1348
  },
1651
1349
  {
1652
- "kind": "method",
1653
- "name": "updateActiveOption",
1654
- "parameters": [
1655
- {
1656
- "name": "index",
1657
- "description": "Index of the option to make active.",
1658
- "type": {
1659
- "text": "number"
1660
- }
1661
- }
1662
- ],
1663
- "description": "Updates the active option in the menu."
1350
+ "name": "auroCombobox-valueSet",
1351
+ "type": {
1352
+ "text": "CustomEvent"
1353
+ },
1354
+ "description": "Notifies that the component has a new value set. **DEPRECATED** - Use the `input` event instead.",
1355
+ "deprecated": "Use the `input` event instead."
1664
1356
  },
1665
1357
  {
1666
- "kind": "method",
1667
- "name": "handleSlotChange",
1668
- "parameters": [
1669
- {
1670
- "name": "event",
1671
- "description": "`slotchange` event.",
1672
- "type": {
1673
- "text": "Event"
1674
- }
1675
- }
1676
- ],
1677
- "description": "Watch for slot changes and recalculate the menuoptions.",
1678
- "privacy": "private",
1679
- "return": {
1680
- "type": {
1681
- "text": "void"
1682
- }
1683
- }
1684
- },
1358
+ "description": "Notifies that the component value(s) have been validated.",
1359
+ "name": "auroFormElement-validated"
1360
+ }
1361
+ ],
1362
+ "attributes": [
1685
1363
  {
1686
- "kind": "field",
1687
1364
  "name": "appearance",
1688
- "privacy": "public",
1689
1365
  "type": {
1690
1366
  "text": "'default' | 'inverse'"
1691
1367
  },
1692
1368
  "description": "Defines whether the component will be on lighter or darker backgrounds.",
1693
1369
  "default": "'default'",
1694
- "attribute": "appearance",
1695
- "reflects": true
1370
+ "fieldName": "appearance"
1696
1371
  },
1697
1372
  {
1698
- "kind": "field",
1699
1373
  "name": "autocomplete",
1700
- "privacy": "public",
1701
1374
  "type": {
1702
1375
  "text": "string"
1703
1376
  },
1704
1377
  "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
1705
- "attribute": "autocomplete",
1706
- "reflects": true
1378
+ "fieldName": "autocomplete"
1707
1379
  },
1708
1380
  {
1709
- "kind": "field",
1710
- "name": "autoPlacement",
1711
- "privacy": "public",
1381
+ "name": "autoplacement",
1712
1382
  "type": {
1713
1383
  "text": "boolean"
1714
1384
  },
1715
1385
  "description": "If declared, bib's position will be automatically calculated where to appear.",
1716
- "attribute": "autoplacement",
1717
- "reflects": true
1718
- },
1719
- {
1720
- "kind": "field",
1721
- "name": "availableOptions",
1722
- "privacy": "private",
1723
- "type": {
1724
- "text": "HTMLElement[]"
1725
- },
1726
- "description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value)."
1386
+ "fieldName": "autoPlacement"
1727
1387
  },
1728
1388
  {
1729
- "kind": "field",
1730
1389
  "name": "behavior",
1731
- "privacy": "public",
1732
1390
  "type": {
1733
1391
  "text": "'filter' | 'suggestion'"
1734
1392
  },
1735
1393
  "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
1736
1394
  "default": "'suggestion'",
1737
- "attribute": "behavior",
1738
- "reflects": true
1395
+ "fieldName": "behavior"
1739
1396
  },
1740
1397
  {
1741
- "kind": "field",
1742
1398
  "name": "checkmark",
1743
- "privacy": "public",
1744
1399
  "type": {
1745
1400
  "text": "boolean"
1746
1401
  },
1747
1402
  "description": "When attribute is present auro-menu will apply check marks to selected options.",
1748
- "attribute": "checkmark",
1749
- "reflects": true
1403
+ "fieldName": "checkmark"
1750
1404
  },
1751
1405
  {
1752
- "kind": "field",
1753
1406
  "name": "disabled",
1754
- "privacy": "public",
1755
1407
  "type": {
1756
1408
  "text": "boolean"
1757
1409
  },
1758
1410
  "description": "If set, disables the combobox.",
1759
- "attribute": "disabled",
1760
- "reflects": true
1761
- },
1762
- {
1763
- "kind": "field",
1764
- "name": "dropdownId",
1765
- "privacy": "private",
1766
- "type": {
1767
- "text": "string"
1768
- },
1769
- "description": "ID for the dropdown."
1770
- },
1771
- {
1772
- "kind": "field",
1773
- "name": "dropdownOpen",
1774
- "privacy": "private",
1775
- "type": {
1776
- "text": "boolean"
1777
- },
1778
- "description": "Whether or not the dropdown is open."
1411
+ "fieldName": "disabled"
1779
1412
  },
1780
1413
  {
1781
- "kind": "field",
1782
- "name": "dvInputOnly",
1783
- "privacy": "public",
1414
+ "name": "dvinputonly",
1784
1415
  "type": {
1785
1416
  "text": "boolean"
1786
1417
  },
1787
1418
  "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
1788
- "attribute": "dvinputonly",
1789
- "reflects": true
1419
+ "fieldName": "dvInputOnly"
1790
1420
  },
1791
1421
  {
1792
- "kind": "field",
1793
1422
  "name": "error",
1794
- "privacy": "public",
1795
1423
  "type": {
1796
1424
  "text": "string"
1797
1425
  },
1798
1426
  "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
1799
- "attribute": "error",
1800
- "reflects": true
1427
+ "fieldName": "error"
1801
1428
  },
1802
1429
  {
1803
- "kind": "field",
1804
1430
  "name": "format",
1805
- "privacy": "public",
1806
1431
  "type": {
1807
1432
  "text": "string"
1808
1433
  },
1809
1434
  "description": "Specifies the input mask format.",
1810
- "attribute": "format",
1811
- "reflects": true
1435
+ "fieldName": "format"
1812
1436
  },
1813
1437
  {
1814
- "kind": "field",
1815
1438
  "name": "inputmode",
1816
- "privacy": "public",
1817
1439
  "type": {
1818
1440
  "text": "string"
1819
1441
  },
1820
1442
  "description": "Exposes inputmode attribute for input.",
1821
- "attribute": "inputmode",
1822
- "reflects": true
1443
+ "fieldName": "inputmode"
1823
1444
  },
1824
1445
  {
1825
- "kind": "field",
1826
1446
  "name": "layout",
1827
- "privacy": "public",
1828
1447
  "type": {
1829
1448
  "text": "'classic' | 'emphasized' | 'snowflake'"
1830
1449
  },
1831
1450
  "description": "Sets the layout of the combobox.",
1832
1451
  "default": "'classic'",
1833
- "attribute": "layout",
1834
- "reflects": true
1452
+ "fieldName": "layout"
1835
1453
  },
1836
1454
  {
1837
- "kind": "field",
1838
1455
  "name": "shape",
1839
- "privacy": "public",
1840
1456
  "type": {
1841
1457
  "text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
1842
1458
  },
1843
1459
  "description": "Sets the shape of the combobox.",
1844
1460
  "default": "'classic'",
1845
- "attribute": "shape",
1846
- "reflects": true
1461
+ "fieldName": "shape"
1462
+ },
1463
+ {
1464
+ "name": "size",
1465
+ "type": {
1466
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1467
+ },
1468
+ "description": "Sets the size of the combobox.",
1469
+ "default": "'xl'",
1470
+ "fieldName": "size"
1471
+ },
1472
+ {
1473
+ "name": "matchwidth",
1474
+ "type": {
1475
+ "text": "boolean"
1476
+ },
1477
+ "description": "If declared, the popover and trigger will be set to the same width.",
1478
+ "fieldName": "matchWidth"
1479
+ },
1480
+ {
1481
+ "name": "nofilter",
1482
+ "type": {
1483
+ "text": "boolean"
1484
+ },
1485
+ "description": "If set, combobox will not filter menuoptions based on input.",
1486
+ "fieldName": "noFilter"
1487
+ },
1488
+ {
1489
+ "name": "noflip",
1490
+ "type": {
1491
+ "text": "boolean"
1492
+ },
1493
+ "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
1494
+ "fieldName": "noFlip"
1495
+ },
1496
+ {
1497
+ "name": "shift",
1498
+ "type": {
1499
+ "text": "boolean"
1500
+ },
1501
+ "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
1502
+ "fieldName": "shift"
1503
+ },
1504
+ {
1505
+ "name": "novalidate",
1506
+ "type": {
1507
+ "text": "boolean"
1508
+ },
1509
+ "description": "If set, disables auto-validation on blur.",
1510
+ "fieldName": "noValidate"
1511
+ },
1512
+ {
1513
+ "name": "offset",
1514
+ "type": {
1515
+ "text": "number"
1516
+ },
1517
+ "description": "Gap between the trigger element and bib.",
1518
+ "default": "0",
1519
+ "fieldName": "offset"
1520
+ },
1521
+ {
1522
+ "name": "ondark",
1523
+ "type": {
1524
+ "text": "boolean"
1525
+ },
1526
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
1527
+ "fieldName": "onDark",
1528
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
1529
+ "inheritedFrom": {
1530
+ "name": "AuroElement",
1531
+ "module": "components/layoutElement/src/auroElement.js"
1532
+ }
1533
+ },
1534
+ {
1535
+ "name": "persistinput",
1536
+ "type": {
1537
+ "text": "boolean"
1538
+ },
1539
+ "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
1540
+ "fieldName": "persistInput"
1541
+ },
1542
+ {
1543
+ "name": "placement",
1544
+ "type": {
1545
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
1546
+ },
1547
+ "description": "Position where the bib should appear relative to the trigger.",
1548
+ "default": "'bottom-start'",
1549
+ "fieldName": "placement"
1550
+ },
1551
+ {
1552
+ "name": "placeholder",
1553
+ "type": {
1554
+ "text": "string"
1555
+ },
1556
+ "description": "Define custom placeholder text, only supported by date input formats.",
1557
+ "fieldName": "placeholder"
1558
+ },
1559
+ {
1560
+ "name": "required",
1561
+ "type": {
1562
+ "text": "boolean"
1563
+ },
1564
+ "description": "Populates the `required` attribute on the input. Used for client-side validation.",
1565
+ "fieldName": "required"
1566
+ },
1567
+ {
1568
+ "name": "setcustomvalidity",
1569
+ "type": {
1570
+ "text": "string"
1571
+ },
1572
+ "description": "Sets a custom help text message to display for all validityStates.",
1573
+ "fieldName": "setCustomValidity"
1574
+ },
1575
+ {
1576
+ "name": "setcustomvaliditycustomerror",
1577
+ "type": {
1578
+ "text": "string"
1579
+ },
1580
+ "description": "Custom help text message to display when validity = `customError`.",
1581
+ "fieldName": "setCustomValidityCustomError"
1582
+ },
1583
+ {
1584
+ "name": "setcustomvalidityvaluemissing",
1585
+ "type": {
1586
+ "text": "string"
1587
+ },
1588
+ "description": "Custom help text message to display when validity = `valueMissing`.",
1589
+ "fieldName": "setCustomValidityValueMissing"
1590
+ },
1591
+ {
1592
+ "name": "setcustomvalidityvaluemissingfilter",
1593
+ "type": {
1594
+ "text": "string"
1595
+ },
1596
+ "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
1597
+ "fieldName": "setCustomValidityValueMissingFilter"
1598
+ },
1599
+ {
1600
+ "name": "triggericon",
1601
+ "type": {
1602
+ "text": "boolean"
1603
+ },
1604
+ "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
1605
+ "fieldName": "triggerIcon"
1847
1606
  },
1848
1607
  {
1849
- "kind": "field",
1850
- "name": "size",
1851
- "privacy": "public",
1608
+ "name": "type",
1852
1609
  "type": {
1853
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1610
+ "text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
1854
1611
  },
1855
- "description": "Sets the size of the combobox.",
1856
- "default": "'xl'",
1857
- "attribute": "size",
1858
- "reflects": true
1612
+ "description": "Applies the defined value as the type attribute on `auro-input`.",
1613
+ "fieldName": "type"
1859
1614
  },
1860
1615
  {
1861
- "kind": "field",
1862
- "name": "matchWidth",
1863
- "privacy": "private",
1616
+ "name": "typedvalue",
1864
1617
  "type": {
1865
- "text": "boolean"
1618
+ "text": "string"
1866
1619
  },
1867
- "description": "If declared, the popover and trigger will be set to the same width.",
1868
- "attribute": "matchwidth",
1869
- "reflects": true
1620
+ "description": "Specifies the value of the input element within the combobox.",
1621
+ "fieldName": "typedValue"
1870
1622
  },
1871
1623
  {
1872
- "kind": "field",
1873
- "name": "noFilter",
1874
- "privacy": "public",
1624
+ "name": "validity",
1875
1625
  "type": {
1876
- "text": "boolean"
1626
+ "text": "string"
1877
1627
  },
1878
- "description": "If set, combobox will not filter menuoptions based on input.",
1879
- "attribute": "nofilter",
1880
- "reflects": true
1628
+ "description": "Specifies the `validityState` this element is in.",
1629
+ "fieldName": "validity"
1881
1630
  },
1882
1631
  {
1883
- "kind": "field",
1884
- "name": "noFlip",
1885
- "privacy": "public",
1632
+ "name": "value",
1886
1633
  "type": {
1887
- "text": "boolean"
1634
+ "text": "string"
1888
1635
  },
1889
- "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
1890
- "attribute": "noflip",
1891
- "reflects": true
1636
+ "description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
1637
+ "fieldName": "value"
1892
1638
  },
1893
1639
  {
1894
- "kind": "field",
1895
- "name": "shift",
1896
- "privacy": "public",
1640
+ "name": "largefullscreenheadline",
1897
1641
  "type": {
1898
1642
  "text": "boolean"
1899
1643
  },
1900
- "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
1901
- "attribute": "shift",
1902
- "reflects": true
1644
+ "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
1645
+ "fieldName": "largeFullscreenHeadline"
1903
1646
  },
1904
1647
  {
1905
- "kind": "field",
1906
- "name": "noValidate",
1907
- "privacy": "public",
1648
+ "name": "fullscreenbreakpoint",
1908
1649
  "type": {
1909
- "text": "boolean"
1650
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
1910
1651
  },
1911
- "description": "If set, disables auto-validation on blur.",
1912
- "attribute": "novalidate",
1913
- "reflects": true
1652
+ "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
1653
+ "default": "'sm'",
1654
+ "fieldName": "fullscreenBreakpoint"
1655
+ }
1656
+ ],
1657
+ "superclass": {
1658
+ "name": "AuroElement",
1659
+ "module": "/components/layoutElement/src/auroElement.js"
1660
+ },
1661
+ "tagName": "auro-combobox",
1662
+ "customElement": true
1663
+ }
1664
+ ],
1665
+ "exports": [
1666
+ {
1667
+ "kind": "js",
1668
+ "name": "AuroCombobox",
1669
+ "declaration": {
1670
+ "name": "AuroCombobox",
1671
+ "module": "components/combobox/src/auro-combobox.js"
1672
+ }
1673
+ }
1674
+ ]
1675
+ },
1676
+ {
1677
+ "kind": "javascript-module",
1678
+ "path": "components/combobox/src/comboboxKeyboardStrategy.js",
1679
+ "declarations": [
1680
+ {
1681
+ "kind": "variable",
1682
+ "name": "comboboxKeyboardStrategy",
1683
+ "type": {
1684
+ "text": "object"
1685
+ },
1686
+ "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
1687
+ }
1688
+ ],
1689
+ "exports": [
1690
+ {
1691
+ "kind": "js",
1692
+ "name": "comboboxKeyboardStrategy",
1693
+ "declaration": {
1694
+ "name": "comboboxKeyboardStrategy",
1695
+ "module": "components/combobox/src/comboboxKeyboardStrategy.js"
1696
+ }
1697
+ }
1698
+ ]
1699
+ },
1700
+ {
1701
+ "kind": "javascript-module",
1702
+ "path": "components/combobox/src/index.js",
1703
+ "declarations": [],
1704
+ "exports": [
1705
+ {
1706
+ "kind": "js",
1707
+ "name": "AuroCombobox",
1708
+ "declaration": {
1709
+ "name": "AuroCombobox",
1710
+ "module": "components/combobox/src/index.js"
1711
+ }
1712
+ }
1713
+ ]
1714
+ },
1715
+ {
1716
+ "kind": "javascript-module",
1717
+ "path": "components/combobox/src/registered.js",
1718
+ "declarations": [],
1719
+ "exports": [
1720
+ {
1721
+ "kind": "js",
1722
+ "name": "AuroCombobox",
1723
+ "declaration": {
1724
+ "name": "AuroCombobox",
1725
+ "module": "components/combobox/src/registered.js"
1726
+ }
1727
+ }
1728
+ ]
1729
+ },
1730
+ {
1731
+ "kind": "javascript-module",
1732
+ "path": "components/checkbox/src/auro-checkbox-group.js",
1733
+ "declarations": [
1734
+ {
1735
+ "kind": "class",
1736
+ "description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
1737
+ "name": "AuroCheckboxGroup",
1738
+ "cssParts": [
1739
+ {
1740
+ "description": "Apply css to the help text element that displays helper or error messages.",
1741
+ "name": "helpText"
1742
+ }
1743
+ ],
1744
+ "slots": [
1745
+ {
1746
+ "description": "Allows for the legend to be overridden.",
1747
+ "name": "legend"
1748
+ },
1749
+ {
1750
+ "description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
1751
+ "name": "optionalLabel"
1752
+ },
1753
+ {
1754
+ "description": "Allows for the helper text to be overridden.",
1755
+ "name": "helpText"
1756
+ },
1757
+ {
1758
+ "description": "The default slot for the checkbox items.",
1759
+ "name": "default"
1760
+ }
1761
+ ],
1762
+ "members": [
1763
+ {
1764
+ "kind": "method",
1765
+ "name": "_initializeDefaults"
1766
+ },
1767
+ {
1768
+ "kind": "method",
1769
+ "name": "register",
1770
+ "static": true,
1771
+ "parameters": [
1772
+ {
1773
+ "name": "name",
1774
+ "default": "\"auro-checkbox-group\"",
1775
+ "description": "The name of the element that you want to register.",
1776
+ "optional": true,
1777
+ "type": {
1778
+ "text": "string"
1779
+ }
1780
+ }
1781
+ ],
1782
+ "description": "This will register this element with the browser."
1783
+ },
1784
+ {
1785
+ "kind": "method",
1786
+ "name": "handleValueUpdate",
1787
+ "parameters": [
1788
+ {
1789
+ "name": "value",
1790
+ "description": "The value of the checkbox.",
1791
+ "type": {
1792
+ "text": "String"
1793
+ }
1794
+ },
1795
+ {
1796
+ "name": "selected",
1797
+ "description": "The checked state of the checkbox.",
1798
+ "type": {
1799
+ "text": "Boolean"
1800
+ }
1801
+ }
1802
+ ],
1803
+ "description": "Helper method to handle checkbox value changing.",
1804
+ "privacy": "private",
1805
+ "return": {
1806
+ "type": {
1807
+ "text": "void"
1808
+ }
1809
+ }
1810
+ },
1811
+ {
1812
+ "kind": "method",
1813
+ "name": "handlePreselectedItems",
1814
+ "description": "Helper method that handles the state of preselected checkboxes.",
1815
+ "privacy": "private",
1816
+ "return": {
1817
+ "type": {
1818
+ "text": "void"
1819
+ }
1820
+ }
1821
+ },
1822
+ {
1823
+ "kind": "method",
1824
+ "name": "handleItems",
1825
+ "description": "Helper method that handles the state of checkboxes.",
1826
+ "privacy": "private",
1827
+ "return": {
1828
+ "type": {
1829
+ "text": "void"
1830
+ }
1831
+ }
1832
+ },
1833
+ {
1834
+ "kind": "method",
1835
+ "name": "reset",
1836
+ "description": "Resets component to initial state.",
1837
+ "return": {
1838
+ "type": {
1839
+ "text": "void"
1840
+ }
1841
+ }
1842
+ },
1843
+ {
1844
+ "kind": "method",
1845
+ "name": "validate",
1846
+ "parameters": [
1847
+ {
1848
+ "name": "force",
1849
+ "default": "false",
1850
+ "description": "Whether to force validation.",
1851
+ "optional": true,
1852
+ "type": {
1853
+ "text": "boolean"
1854
+ }
1855
+ }
1856
+ ],
1857
+ "description": "Validates value."
1914
1858
  },
1915
1859
  {
1916
1860
  "kind": "field",
1917
- "name": "offset",
1861
+ "name": "appearance",
1918
1862
  "privacy": "public",
1919
1863
  "type": {
1920
- "text": "number"
1864
+ "text": "'default' | 'inverse'"
1921
1865
  },
1922
- "description": "Gap between the trigger element and bib.",
1923
- "default": "0",
1924
- "attribute": "offset",
1866
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
1867
+ "default": "'default'",
1868
+ "attribute": "appearance",
1925
1869
  "reflects": true
1926
1870
  },
1927
1871
  {
1928
1872
  "kind": "field",
1929
- "name": "onDark",
1873
+ "name": "disabled",
1930
1874
  "privacy": "public",
1931
1875
  "type": {
1932
1876
  "text": "boolean"
1933
1877
  },
1934
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
1935
- "attribute": "ondark",
1936
- "reflects": true,
1937
- "deprecated": "Use `appearance=\"inverse\"` instead.",
1938
- "inheritedFrom": {
1939
- "name": "AuroElement",
1940
- "module": "components/layoutElement/src/auroElement.js"
1941
- }
1878
+ "description": "If set, disables the checkbox group.",
1879
+ "attribute": "disabled",
1880
+ "reflects": true
1942
1881
  },
1943
1882
  {
1944
1883
  "kind": "field",
1945
- "name": "optionSelected",
1884
+ "name": "error",
1946
1885
  "privacy": "public",
1947
1886
  "type": {
1948
- "text": "HTMLElement"
1887
+ "text": "string"
1949
1888
  },
1950
- "description": "Specifies the current selected option."
1889
+ "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
1890
+ "attribute": "error",
1891
+ "reflects": true
1951
1892
  },
1952
1893
  {
1953
1894
  "kind": "field",
1954
- "name": "persistInput",
1895
+ "name": "horizontal",
1955
1896
  "privacy": "public",
1956
1897
  "type": {
1957
1898
  "text": "boolean"
1958
1899
  },
1959
- "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
1960
- "attribute": "persistinput",
1900
+ "description": "If set, checkboxes will be aligned horizontally.",
1901
+ "attribute": "horizontal",
1961
1902
  "reflects": true
1962
1903
  },
1963
1904
  {
1964
1905
  "kind": "field",
1965
- "name": "placement",
1906
+ "name": "noValidate",
1966
1907
  "privacy": "public",
1967
1908
  "type": {
1968
- "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
1909
+ "text": "boolean"
1969
1910
  },
1970
- "description": "Position where the bib should appear relative to the trigger.",
1971
- "default": "'bottom-start'",
1972
- "attribute": "placement",
1911
+ "description": "If set, disables auto-validation on blur.",
1912
+ "attribute": "novalidate",
1973
1913
  "reflects": true
1974
1914
  },
1975
1915
  {
1976
1916
  "kind": "field",
1977
- "name": "placeholder",
1917
+ "name": "onDark",
1978
1918
  "privacy": "public",
1979
1919
  "type": {
1980
- "text": "string"
1920
+ "text": "boolean"
1981
1921
  },
1982
- "description": "Define custom placeholder text, only supported by date input formats.",
1983
- "attribute": "placeholder",
1922
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
1923
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
1924
+ "attribute": "ondark",
1984
1925
  "reflects": true
1985
1926
  },
1986
1927
  {
@@ -1990,7 +1931,7 @@
1990
1931
  "type": {
1991
1932
  "text": "boolean"
1992
1933
  },
1993
- "description": "Populates the `required` attribute on the input. Used for client-side validation.",
1934
+ "description": "Populates the `required` attribute on the element. Used for client-side validation.",
1994
1935
  "attribute": "required",
1995
1936
  "reflects": true
1996
1937
  },
@@ -2026,545 +1967,624 @@
2026
1967
  },
2027
1968
  {
2028
1969
  "kind": "field",
2029
- "name": "setCustomValidityValueMissingFilter",
1970
+ "name": "validity",
2030
1971
  "privacy": "public",
2031
1972
  "type": {
2032
1973
  "text": "string"
2033
1974
  },
2034
- "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
2035
- "attribute": "setcustomvalidityvaluemissingfilter"
1975
+ "description": "Specifies the `validityState` this element is in.",
1976
+ "attribute": "validity",
1977
+ "reflects": true
1978
+ }
1979
+ ],
1980
+ "events": [
1981
+ {
1982
+ "name": "input",
1983
+ "type": {
1984
+ "text": "CustomEvent"
1985
+ },
1986
+ "description": "Notifies when the group's value changes due to a checkbox selection being added or removed."
2036
1987
  },
2037
1988
  {
2038
- "kind": "field",
2039
- "name": "touched",
2040
- "privacy": "private",
1989
+ "description": "Notifies that the `validity` and `errorMessage` values have changed.",
1990
+ "name": "auroFormElement-validated"
1991
+ }
1992
+ ],
1993
+ "attributes": [
1994
+ {
1995
+ "name": "appearance",
1996
+ "type": {
1997
+ "text": "'default' | 'inverse'"
1998
+ },
1999
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
2000
+ "default": "'default'",
2001
+ "fieldName": "appearance"
2002
+ },
2003
+ {
2004
+ "name": "disabled",
2041
2005
  "type": {
2042
2006
  "text": "boolean"
2043
2007
  },
2044
- "description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
2008
+ "description": "If set, disables the checkbox group.",
2009
+ "fieldName": "disabled"
2045
2010
  },
2046
2011
  {
2047
- "kind": "field",
2048
- "name": "triggerIcon",
2049
- "privacy": "public",
2012
+ "name": "error",
2013
+ "type": {
2014
+ "text": "string"
2015
+ },
2016
+ "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
2017
+ "fieldName": "error"
2018
+ },
2019
+ {
2020
+ "name": "horizontal",
2050
2021
  "type": {
2051
2022
  "text": "boolean"
2052
2023
  },
2053
- "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
2054
- "attribute": "triggericon",
2055
- "reflects": true
2024
+ "description": "If set, checkboxes will be aligned horizontally.",
2025
+ "fieldName": "horizontal"
2056
2026
  },
2057
2027
  {
2058
- "kind": "field",
2059
- "name": "type",
2060
- "privacy": "public",
2028
+ "name": "novalidate",
2061
2029
  "type": {
2062
- "text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
2030
+ "text": "boolean"
2063
2031
  },
2064
- "description": "Applies the defined value as the type attribute on `auro-input`.",
2065
- "attribute": "type",
2066
- "reflects": true
2032
+ "description": "If set, disables auto-validation on blur.",
2033
+ "fieldName": "noValidate"
2067
2034
  },
2068
2035
  {
2069
- "kind": "field",
2070
- "name": "typedValue",
2071
- "privacy": "public",
2036
+ "name": "ondark",
2072
2037
  "type": {
2073
- "text": "string"
2038
+ "text": "boolean"
2074
2039
  },
2075
- "description": "Specifies the value of the input element within the combobox.",
2076
- "attribute": "typedvalue",
2077
- "reflects": true
2040
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
2041
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
2042
+ "fieldName": "onDark"
2078
2043
  },
2079
2044
  {
2080
- "kind": "field",
2081
- "name": "validity",
2082
- "privacy": "public",
2045
+ "name": "required",
2046
+ "type": {
2047
+ "text": "boolean"
2048
+ },
2049
+ "description": "Populates the `required` attribute on the element. Used for client-side validation.",
2050
+ "fieldName": "required"
2051
+ },
2052
+ {
2053
+ "name": "setcustomvalidity",
2083
2054
  "type": {
2084
2055
  "text": "string"
2085
2056
  },
2086
- "description": "Specifies the `validityState` this element is in.",
2087
- "attribute": "validity",
2088
- "reflects": true
2057
+ "description": "Sets a custom help text message to display for all validityStates.",
2058
+ "fieldName": "setCustomValidity"
2089
2059
  },
2090
2060
  {
2091
- "kind": "field",
2092
- "name": "value",
2093
- "privacy": "public",
2061
+ "name": "setcustomvaliditycustomerror",
2094
2062
  "type": {
2095
2063
  "text": "string"
2096
2064
  },
2097
- "description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
2098
- "attribute": "value"
2065
+ "description": "Custom help text message to display when validity = `customError`.",
2066
+ "fieldName": "setCustomValidityCustomError"
2099
2067
  },
2100
2068
  {
2101
- "kind": "field",
2102
- "name": "largeFullscreenHeadline",
2103
- "privacy": "public",
2069
+ "name": "setcustomvalidityvaluemissing",
2104
2070
  "type": {
2105
- "text": "boolean"
2071
+ "text": "string"
2106
2072
  },
2107
- "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
2108
- "attribute": "largefullscreenheadline",
2109
- "reflects": true
2073
+ "description": "Custom help text message to display when validity = `valueMissing`.",
2074
+ "fieldName": "setCustomValidityValueMissing"
2110
2075
  },
2111
2076
  {
2112
- "kind": "field",
2113
- "name": "fullscreenBreakpoint",
2114
- "privacy": "public",
2077
+ "name": "validity",
2115
2078
  "type": {
2116
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
2079
+ "text": "string"
2117
2080
  },
2118
- "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
2119
- "default": "'sm'",
2120
- "attribute": "fullscreenbreakpoint",
2121
- "reflects": true
2081
+ "description": "Specifies the `validityState` this element is in.",
2082
+ "fieldName": "validity"
2083
+ }
2084
+ ],
2085
+ "superclass": {
2086
+ "name": "LitElement",
2087
+ "package": "lit"
2088
+ },
2089
+ "tagName": "auro-checkbox-group",
2090
+ "customElement": true
2091
+ }
2092
+ ],
2093
+ "exports": [
2094
+ {
2095
+ "kind": "js",
2096
+ "name": "AuroCheckboxGroup",
2097
+ "declaration": {
2098
+ "name": "AuroCheckboxGroup",
2099
+ "module": "components/checkbox/src/auro-checkbox-group.js"
2100
+ }
2101
+ }
2102
+ ]
2103
+ },
2104
+ {
2105
+ "kind": "javascript-module",
2106
+ "path": "components/checkbox/src/auro-checkbox.js",
2107
+ "declarations": [
2108
+ {
2109
+ "kind": "class",
2110
+ "description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
2111
+ "name": "AuroCheckbox",
2112
+ "cssParts": [
2113
+ {
2114
+ "description": "apply css to a specific checkbox.",
2115
+ "name": "checkbox"
2116
+ },
2117
+ {
2118
+ "description": "apply css to a specific checkbox's input.",
2119
+ "name": "checkbox-input"
2120
+ },
2121
+ {
2122
+ "description": "apply css to a specific checkbox's label.",
2123
+ "name": "checkbox-label"
2124
+ }
2125
+ ],
2126
+ "slots": [
2127
+ {
2128
+ "description": "The default slot for the checkbox label.",
2129
+ "name": "default"
2130
+ }
2131
+ ],
2132
+ "members": [
2133
+ {
2134
+ "kind": "method",
2135
+ "name": "_initializeDefaults"
2136
+ },
2137
+ {
2138
+ "kind": "method",
2139
+ "name": "register",
2140
+ "static": true,
2141
+ "parameters": [
2142
+ {
2143
+ "name": "name",
2144
+ "default": "\"auro-checkbox\"",
2145
+ "description": "The name of element that you want to register to.",
2146
+ "optional": true,
2147
+ "type": {
2148
+ "text": "string"
2149
+ }
2150
+ }
2151
+ ],
2152
+ "description": "This will register this element with the browser."
2122
2153
  },
2123
2154
  {
2124
- "kind": "field",
2125
- "name": "optionActive",
2155
+ "kind": "method",
2156
+ "name": "handleChange",
2157
+ "parameters": [
2158
+ {
2159
+ "name": "event",
2160
+ "description": "The change event from the checkbox input.",
2161
+ "type": {
2162
+ "text": "Event"
2163
+ }
2164
+ }
2165
+ ],
2166
+ "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.",
2126
2167
  "privacy": "private",
2127
- "type": {
2128
- "text": "HTMLElement"
2129
- },
2130
- "description": "Specifies the currently active option."
2168
+ "return": {
2169
+ "type": {
2170
+ "text": "void"
2171
+ }
2172
+ }
2131
2173
  },
2132
2174
  {
2133
- "kind": "field",
2134
- "name": "componentHasFocus",
2135
- "description": "Returns true if the element has focus.",
2175
+ "kind": "method",
2176
+ "name": "handleInput",
2177
+ "parameters": [
2178
+ {
2179
+ "name": "event",
2180
+ "description": "The input event from the checkbox input.",
2181
+ "type": {
2182
+ "text": "Event"
2183
+ }
2184
+ }
2185
+ ],
2186
+ "description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
2136
2187
  "privacy": "private",
2137
2188
  "return": {
2138
2189
  "type": {
2139
- "text": "boolean"
2190
+ "text": "void"
2140
2191
  }
2141
- },
2142
- "readonly": true,
2143
- "inheritedFrom": {
2144
- "name": "AuroElement",
2145
- "module": "components/layoutElement/src/auroElement.js"
2146
2192
  }
2147
2193
  },
2148
2194
  {
2149
2195
  "kind": "method",
2150
- "name": "resetShapeClasses",
2151
- "inheritedFrom": {
2152
- "name": "AuroElement",
2153
- "module": "components/layoutElement/src/auroElement.js"
2196
+ "name": "handleFocusin",
2197
+ "description": "Function to support",
2198
+ "privacy": "private",
2199
+ "return": {
2200
+ "type": {
2201
+ "text": "void"
2202
+ }
2154
2203
  }
2155
2204
  },
2156
2205
  {
2157
2206
  "kind": "method",
2158
- "name": "resetLayoutClasses",
2159
- "inheritedFrom": {
2160
- "name": "AuroElement",
2161
- "module": "components/layoutElement/src/auroElement.js"
2207
+ "name": "generateIconHtml",
2208
+ "description": "Function to generate checkmark svg.",
2209
+ "privacy": "private",
2210
+ "return": {
2211
+ "type": {
2212
+ "text": "HTMLElement"
2213
+ }
2162
2214
  }
2163
2215
  },
2164
2216
  {
2165
2217
  "kind": "method",
2166
- "name": "updateComponentArchitecture",
2167
- "inheritedFrom": {
2168
- "name": "AuroElement",
2169
- "module": "components/layoutElement/src/auroElement.js"
2218
+ "name": "reset",
2219
+ "description": "Resets component to initial state.",
2220
+ "return": {
2221
+ "type": {
2222
+ "text": "void"
2223
+ }
2170
2224
  }
2171
- }
2172
- ],
2173
- "events": [
2174
- {
2175
- "name": "inputValue",
2176
- "type": {
2177
- "text": "CustomEvent"
2178
- },
2179
- "description": "Notifies that the components internal HTML5 input value has changed."
2180
2225
  },
2181
2226
  {
2182
- "name": "input",
2183
- "type": {
2184
- "text": "CustomEvent"
2185
- },
2186
- "description": "Notifies that the component has a new value set."
2227
+ "kind": "method",
2228
+ "name": "updateAriaLabel",
2229
+ "description": "Updates the aria-label based on slot content.",
2230
+ "privacy": "private",
2231
+ "return": {
2232
+ "type": {
2233
+ "text": "void"
2234
+ }
2235
+ }
2187
2236
  },
2188
2237
  {
2189
- "name": "auroCombobox-valueSet",
2190
- "type": {
2191
- "text": "CustomEvent"
2192
- },
2193
- "description": "Notifies that the component has a new value set. **DEPRECATED** - Use the `input` event instead.",
2194
- "deprecated": "Use the `input` event instead."
2238
+ "kind": "method",
2239
+ "name": "handleKeyDown",
2240
+ "parameters": [
2241
+ {
2242
+ "name": "event",
2243
+ "description": "The keydown event from the checkbox input.",
2244
+ "type": {
2245
+ "text": "KeyboardEvent"
2246
+ }
2247
+ }
2248
+ ],
2249
+ "description": "Handles keydown event to toggle the checkbox with Space key.",
2250
+ "privacy": "private",
2251
+ "return": {
2252
+ "type": {
2253
+ "text": "void"
2254
+ }
2255
+ }
2195
2256
  },
2196
2257
  {
2197
- "description": "Notifies that the component value(s) have been validated.",
2198
- "name": "auroFormElement-validated"
2199
- }
2200
- ],
2201
- "attributes": [
2202
- {
2258
+ "kind": "field",
2203
2259
  "name": "appearance",
2260
+ "privacy": "public",
2204
2261
  "type": {
2205
2262
  "text": "'default' | 'inverse'"
2206
2263
  },
2207
2264
  "description": "Defines whether the component will be on lighter or darker backgrounds.",
2208
2265
  "default": "'default'",
2209
- "fieldName": "appearance"
2210
- },
2211
- {
2212
- "name": "autocomplete",
2213
- "type": {
2214
- "text": "string"
2215
- },
2216
- "description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
2217
- "fieldName": "autocomplete"
2218
- },
2219
- {
2220
- "name": "autoplacement",
2221
- "type": {
2222
- "text": "boolean"
2223
- },
2224
- "description": "If declared, bib's position will be automatically calculated where to appear.",
2225
- "fieldName": "autoPlacement"
2226
- },
2227
- {
2228
- "name": "behavior",
2229
- "type": {
2230
- "text": "'filter' | 'suggestion'"
2231
- },
2232
- "description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
2233
- "default": "'suggestion'",
2234
- "fieldName": "behavior"
2266
+ "attribute": "appearance",
2267
+ "reflects": true
2235
2268
  },
2236
2269
  {
2237
- "name": "checkmark",
2270
+ "kind": "field",
2271
+ "name": "checked",
2272
+ "privacy": "public",
2238
2273
  "type": {
2239
2274
  "text": "boolean"
2240
2275
  },
2241
- "description": "When attribute is present auro-menu will apply check marks to selected options.",
2242
- "fieldName": "checkmark"
2276
+ "description": "If set to true, the checkbox will be filled with a checkmark.",
2277
+ "attribute": "checked",
2278
+ "reflects": true
2243
2279
  },
2244
2280
  {
2281
+ "kind": "field",
2245
2282
  "name": "disabled",
2283
+ "privacy": "public",
2246
2284
  "type": {
2247
2285
  "text": "boolean"
2248
2286
  },
2249
- "description": "If set, disables the combobox.",
2250
- "fieldName": "disabled"
2287
+ "description": "If set to true, the checkbox will not be clickable.",
2288
+ "attribute": "disabled",
2289
+ "reflects": true
2251
2290
  },
2252
2291
  {
2253
- "name": "dvinputonly",
2292
+ "kind": "field",
2293
+ "name": "error",
2294
+ "privacy": "public",
2254
2295
  "type": {
2255
2296
  "text": "boolean"
2256
2297
  },
2257
- "description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
2258
- "fieldName": "dvInputOnly"
2298
+ "description": "If set to true, the checkbox will be displayed with an error state.",
2299
+ "attribute": "error",
2300
+ "reflects": true
2259
2301
  },
2260
2302
  {
2261
- "name": "error",
2303
+ "kind": "field",
2304
+ "name": "id",
2305
+ "privacy": "public",
2262
2306
  "type": {
2263
2307
  "text": "string"
2264
2308
  },
2265
- "description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
2266
- "fieldName": "error"
2309
+ "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
2310
+ "attribute": "id",
2311
+ "reflects": true
2267
2312
  },
2268
2313
  {
2269
- "name": "format",
2314
+ "kind": "field",
2315
+ "name": "inputId",
2316
+ "privacy": "private",
2270
2317
  "type": {
2271
2318
  "text": "string"
2272
2319
  },
2273
- "description": "Specifies the input mask format.",
2274
- "fieldName": "format"
2320
+ "description": "The id for input node."
2275
2321
  },
2276
2322
  {
2277
- "name": "inputmode",
2323
+ "kind": "field",
2324
+ "name": "name",
2325
+ "privacy": "public",
2278
2326
  "type": {
2279
2327
  "text": "string"
2280
2328
  },
2281
- "description": "Exposes inputmode attribute for input.",
2282
- "fieldName": "inputmode"
2283
- },
2284
- {
2285
- "name": "layout",
2286
- "type": {
2287
- "text": "'classic' | 'emphasized' | 'snowflake'"
2288
- },
2289
- "description": "Sets the layout of the combobox.",
2290
- "default": "'classic'",
2291
- "fieldName": "layout"
2292
- },
2293
- {
2294
- "name": "shape",
2295
- "type": {
2296
- "text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
2297
- },
2298
- "description": "Sets the shape of the combobox.",
2299
- "default": "'classic'",
2300
- "fieldName": "shape"
2329
+ "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
2330
+ "attribute": "name"
2301
2331
  },
2302
2332
  {
2303
- "name": "size",
2333
+ "kind": "field",
2334
+ "name": "onDark",
2335
+ "privacy": "public",
2304
2336
  "type": {
2305
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2337
+ "text": "boolean"
2306
2338
  },
2307
- "description": "Sets the size of the combobox.",
2308
- "default": "'xl'",
2309
- "fieldName": "size"
2339
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
2340
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
2341
+ "attribute": "ondark",
2342
+ "reflects": true
2310
2343
  },
2311
2344
  {
2312
- "name": "matchwidth",
2345
+ "kind": "field",
2346
+ "name": "touched",
2347
+ "privacy": "private",
2313
2348
  "type": {
2314
2349
  "text": "boolean"
2315
2350
  },
2316
- "description": "If declared, the popover and trigger will be set to the same width.",
2317
- "fieldName": "matchWidth"
2351
+ "description": "Indicates whether the checkbox has been interacted with."
2318
2352
  },
2319
2353
  {
2320
- "name": "nofilter",
2354
+ "kind": "field",
2355
+ "name": "value",
2356
+ "privacy": "public",
2321
2357
  "type": {
2322
- "text": "boolean"
2358
+ "text": "string"
2323
2359
  },
2324
- "description": "If set, combobox will not filter menuoptions based on input.",
2325
- "fieldName": "noFilter"
2360
+ "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
2361
+ "attribute": "value"
2326
2362
  },
2327
2363
  {
2328
- "name": "noflip",
2364
+ "kind": "field",
2365
+ "name": "tabIndex",
2366
+ "privacy": "private",
2329
2367
  "type": {
2330
- "text": "boolean"
2368
+ "text": "number"
2331
2369
  },
2332
- "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
2333
- "fieldName": "noFlip"
2370
+ "description": "The tabindex attribute for the checkbox.",
2371
+ "attribute": "tabindex",
2372
+ "reflects": true
2334
2373
  },
2335
2374
  {
2336
- "name": "shift",
2375
+ "kind": "field",
2376
+ "name": "ariaChecked",
2377
+ "privacy": "private",
2337
2378
  "type": {
2338
- "text": "boolean"
2379
+ "text": "string"
2339
2380
  },
2340
- "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
2341
- "fieldName": "shift"
2381
+ "description": "The aria-checked attribute for the checkbox.",
2382
+ "attribute": "aria-checked",
2383
+ "reflects": true
2342
2384
  },
2343
2385
  {
2344
- "name": "novalidate",
2386
+ "kind": "field",
2387
+ "name": "ariaDisabled",
2388
+ "privacy": "private",
2345
2389
  "type": {
2346
- "text": "boolean"
2390
+ "text": "string"
2347
2391
  },
2348
- "description": "If set, disables auto-validation on blur.",
2349
- "fieldName": "noValidate"
2392
+ "description": "The aria-disabled attribute for the checkbox.",
2393
+ "attribute": "aria-disabled",
2394
+ "reflects": true
2350
2395
  },
2351
2396
  {
2352
- "name": "offset",
2397
+ "kind": "field",
2398
+ "name": "role",
2399
+ "privacy": "private",
2353
2400
  "type": {
2354
- "text": "number"
2401
+ "text": "string"
2355
2402
  },
2356
- "description": "Gap between the trigger element and bib.",
2357
- "default": "0",
2358
- "fieldName": "offset"
2359
- },
2403
+ "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
2404
+ "attribute": "role",
2405
+ "reflects": true
2406
+ }
2407
+ ],
2408
+ "events": [
2360
2409
  {
2361
- "name": "ondark",
2410
+ "name": "auroCheckbox-input",
2362
2411
  "type": {
2363
- "text": "boolean"
2412
+ "text": "CustomEvent"
2364
2413
  },
2365
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
2366
- "fieldName": "onDark",
2367
- "deprecated": "Use `appearance=\"inverse\"` instead.",
2368
- "inheritedFrom": {
2369
- "name": "AuroElement",
2370
- "module": "components/layoutElement/src/auroElement.js"
2371
- }
2414
+ "description": "Notifies when the checked value is changed by user interaction. **DEPRECATED** - Use the `input` event instead.",
2415
+ "deprecated": "Use the `input` event instead."
2372
2416
  },
2373
2417
  {
2374
- "name": "persistinput",
2418
+ "name": "auroCheckbox-focusin",
2375
2419
  "type": {
2376
- "text": "boolean"
2420
+ "text": "CustomEvent"
2377
2421
  },
2378
- "description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
2379
- "fieldName": "persistInput"
2422
+ "description": "Notifies when the checkbox receives focus."
2380
2423
  },
2381
2424
  {
2382
- "name": "placement",
2425
+ "name": "auroCheckbox-focusout",
2383
2426
  "type": {
2384
- "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
2427
+ "text": "CustomEvent"
2385
2428
  },
2386
- "description": "Position where the bib should appear relative to the trigger.",
2387
- "default": "'bottom-start'",
2388
- "fieldName": "placement"
2429
+ "description": "Notifies when the checkbox loses focus."
2389
2430
  },
2390
2431
  {
2391
- "name": "placeholder",
2432
+ "description": "Notifies when checked value is changed. **DEPRECATED** - Use the `input` event instead.",
2433
+ "name": "change",
2434
+ "deprecated": "Use the `input` event instead."
2435
+ },
2436
+ {
2437
+ "description": "Notifies when checked value is changed by user's interface.",
2438
+ "name": "input"
2439
+ }
2440
+ ],
2441
+ "attributes": [
2442
+ {
2443
+ "name": "appearance",
2392
2444
  "type": {
2393
- "text": "string"
2445
+ "text": "'default' | 'inverse'"
2394
2446
  },
2395
- "description": "Define custom placeholder text, only supported by date input formats.",
2396
- "fieldName": "placeholder"
2447
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
2448
+ "default": "'default'",
2449
+ "fieldName": "appearance"
2397
2450
  },
2398
2451
  {
2399
- "name": "required",
2452
+ "name": "checked",
2400
2453
  "type": {
2401
2454
  "text": "boolean"
2402
2455
  },
2403
- "description": "Populates the `required` attribute on the input. Used for client-side validation.",
2404
- "fieldName": "required"
2456
+ "description": "If set to true, the checkbox will be filled with a checkmark.",
2457
+ "fieldName": "checked"
2405
2458
  },
2406
2459
  {
2407
- "name": "setcustomvalidity",
2460
+ "name": "disabled",
2408
2461
  "type": {
2409
- "text": "string"
2462
+ "text": "boolean"
2410
2463
  },
2411
- "description": "Sets a custom help text message to display for all validityStates.",
2412
- "fieldName": "setCustomValidity"
2464
+ "description": "If set to true, the checkbox will not be clickable.",
2465
+ "fieldName": "disabled"
2413
2466
  },
2414
2467
  {
2415
- "name": "setcustomvaliditycustomerror",
2468
+ "name": "error",
2416
2469
  "type": {
2417
- "text": "string"
2470
+ "text": "boolean"
2418
2471
  },
2419
- "description": "Custom help text message to display when validity = `customError`.",
2420
- "fieldName": "setCustomValidityCustomError"
2472
+ "description": "If set to true, the checkbox will be displayed with an error state.",
2473
+ "fieldName": "error"
2421
2474
  },
2422
2475
  {
2423
- "name": "setcustomvalidityvaluemissing",
2476
+ "name": "id",
2424
2477
  "type": {
2425
2478
  "text": "string"
2426
2479
  },
2427
- "description": "Custom help text message to display when validity = `valueMissing`.",
2428
- "fieldName": "setCustomValidityValueMissing"
2480
+ "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
2481
+ "fieldName": "id"
2429
2482
  },
2430
2483
  {
2431
- "name": "setcustomvalidityvaluemissingfilter",
2484
+ "name": "name",
2432
2485
  "type": {
2433
2486
  "text": "string"
2434
2487
  },
2435
- "description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
2436
- "fieldName": "setCustomValidityValueMissingFilter"
2488
+ "description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
2489
+ "fieldName": "name"
2437
2490
  },
2438
2491
  {
2439
- "name": "triggericon",
2492
+ "name": "ondark",
2440
2493
  "type": {
2441
2494
  "text": "boolean"
2442
2495
  },
2443
- "description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
2444
- "fieldName": "triggerIcon"
2445
- },
2446
- {
2447
- "name": "type",
2448
- "type": {
2449
- "text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
2450
- },
2451
- "description": "Applies the defined value as the type attribute on `auro-input`.",
2452
- "fieldName": "type"
2496
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
2497
+ "deprecated": "Use `appearance=\"inverse\"` instead.",
2498
+ "fieldName": "onDark"
2453
2499
  },
2454
2500
  {
2455
- "name": "typedvalue",
2501
+ "name": "value",
2456
2502
  "type": {
2457
2503
  "text": "string"
2458
2504
  },
2459
- "description": "Specifies the value of the input element within the combobox.",
2460
- "fieldName": "typedValue"
2505
+ "description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
2506
+ "fieldName": "value"
2461
2507
  },
2462
2508
  {
2463
- "name": "validity",
2509
+ "name": "tabindex",
2464
2510
  "type": {
2465
- "text": "string"
2511
+ "text": "number"
2466
2512
  },
2467
- "description": "Specifies the `validityState` this element is in.",
2468
- "fieldName": "validity"
2513
+ "description": "The tabindex attribute for the checkbox.",
2514
+ "fieldName": "tabIndex"
2469
2515
  },
2470
2516
  {
2471
- "name": "value",
2517
+ "name": "aria-checked",
2472
2518
  "type": {
2473
2519
  "text": "string"
2474
2520
  },
2475
- "description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
2476
- "fieldName": "value"
2521
+ "description": "The aria-checked attribute for the checkbox.",
2522
+ "fieldName": "ariaChecked"
2477
2523
  },
2478
2524
  {
2479
- "name": "largefullscreenheadline",
2525
+ "name": "aria-disabled",
2480
2526
  "type": {
2481
- "text": "boolean"
2527
+ "text": "string"
2482
2528
  },
2483
- "description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
2484
- "fieldName": "largeFullscreenHeadline"
2529
+ "description": "The aria-disabled attribute for the checkbox.",
2530
+ "fieldName": "ariaDisabled"
2485
2531
  },
2486
2532
  {
2487
- "name": "fullscreenbreakpoint",
2533
+ "name": "role",
2488
2534
  "type": {
2489
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
2535
+ "text": "string"
2490
2536
  },
2491
- "description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
2492
- "default": "'sm'",
2493
- "fieldName": "fullscreenBreakpoint"
2537
+ "description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
2538
+ "fieldName": "role"
2494
2539
  }
2495
2540
  ],
2496
2541
  "superclass": {
2497
- "name": "AuroElement",
2498
- "module": "/components/layoutElement/src/auroElement.js"
2542
+ "name": "LitElement",
2543
+ "package": "lit"
2499
2544
  },
2500
- "tagName": "auro-combobox",
2545
+ "tagName": "auro-checkbox",
2501
2546
  "customElement": true
2502
2547
  }
2503
2548
  ],
2504
2549
  "exports": [
2505
2550
  {
2506
2551
  "kind": "js",
2507
- "name": "AuroCombobox",
2552
+ "name": "AuroCheckbox",
2508
2553
  "declaration": {
2509
- "name": "AuroCombobox",
2510
- "module": "components/combobox/src/auro-combobox.js"
2554
+ "name": "AuroCheckbox",
2555
+ "module": "components/checkbox/src/auro-checkbox.js"
2511
2556
  }
2512
2557
  }
2513
2558
  ]
2514
2559
  },
2515
2560
  {
2516
2561
  "kind": "javascript-module",
2517
- "path": "components/combobox/src/comboboxKeyboardStrategy.js",
2518
- "declarations": [
2519
- {
2520
- "kind": "variable",
2521
- "name": "comboboxKeyboardStrategy",
2522
- "type": {
2523
- "text": "object"
2524
- },
2525
- "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
2526
- }
2527
- ],
2562
+ "path": "components/checkbox/src/index.js",
2563
+ "declarations": [],
2528
2564
  "exports": [
2529
2565
  {
2530
2566
  "kind": "js",
2531
- "name": "comboboxKeyboardStrategy",
2567
+ "name": "AuroCheckbox",
2532
2568
  "declaration": {
2533
- "name": "comboboxKeyboardStrategy",
2534
- "module": "components/combobox/src/comboboxKeyboardStrategy.js"
2569
+ "name": "AuroCheckbox",
2570
+ "module": "components/checkbox/src/index.js"
2535
2571
  }
2536
- }
2537
- ]
2538
- },
2539
- {
2540
- "kind": "javascript-module",
2541
- "path": "components/combobox/src/index.js",
2542
- "declarations": [],
2543
- "exports": [
2572
+ },
2544
2573
  {
2545
2574
  "kind": "js",
2546
- "name": "AuroCombobox",
2575
+ "name": "AuroCheckboxGroup",
2547
2576
  "declaration": {
2548
- "name": "AuroCombobox",
2549
- "module": "components/combobox/src/index.js"
2577
+ "name": "AuroCheckboxGroup",
2578
+ "module": "components/checkbox/src/index.js"
2550
2579
  }
2551
2580
  }
2552
2581
  ]
2553
2582
  },
2554
2583
  {
2555
2584
  "kind": "javascript-module",
2556
- "path": "components/combobox/src/registered.js",
2585
+ "path": "components/checkbox/src/registered.js",
2557
2586
  "declarations": [],
2558
- "exports": [
2559
- {
2560
- "kind": "js",
2561
- "name": "AuroCombobox",
2562
- "declaration": {
2563
- "name": "AuroCombobox",
2564
- "module": "components/combobox/src/registered.js"
2565
- }
2566
- }
2567
- ]
2587
+ "exports": []
2568
2588
  },
2569
2589
  {
2570
2590
  "kind": "javascript-module",