@aurodesignsystem-dev/auro-formkit 0.0.0-pr1377.13 → 0.0.0-pr1377.14

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