@aurodesignsystem-dev/auro-formkit 0.0.0-pr1492.4 → 0.0.0-pr1492.5

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