@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.0

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