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