@aurodesignsystem-dev/auro-formkit 0.0.0-pr1446.4 → 0.0.0-pr1448.0

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