@aurodesignsystem-dev/auro-formkit 0.0.0-pr1488.2 → 0.0.0-pr1489.1
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.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +7 -0
- package/components/bibtemplate/dist/index.js +9 -1
- package/components/bibtemplate/dist/registered.js +9 -1
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/pages.json +1 -1
- package/components/checkbox/demo/why-checkbox.html +57 -0
- package/components/checkbox/demo/why-checkbox.md +86 -0
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +234 -16
- package/components/combobox/demo/getting-started.min.js +234 -16
- package/components/combobox/demo/index.min.js +234 -16
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/demo/why-combobox.html +57 -0
- package/components/combobox/demo/why-combobox.md +113 -0
- package/components/combobox/dist/index.js +234 -16
- package/components/combobox/dist/registered.js +234 -16
- package/components/counter/demo/customize.min.js +233 -15
- package/components/counter/demo/index.min.js +233 -15
- package/components/counter/demo/keyboard-behavior.md +1 -0
- package/components/counter/demo/pages.json +1 -1
- package/components/counter/demo/why-counter.html +57 -0
- package/components/counter/demo/why-counter.md +108 -0
- package/components/counter/dist/index.js +22 -241
- package/components/counter/dist/registered.js +10 -2
- package/components/datepicker/demo/accessibility.md +51 -3
- package/components/datepicker/demo/api.md +11 -2
- package/components/datepicker/demo/customize.html +2 -0
- package/components/datepicker/demo/customize.js +19 -0
- package/components/datepicker/demo/customize.md +72 -8
- package/components/datepicker/demo/customize.min.js +26029 -0
- package/components/datepicker/demo/design.md +3 -1
- package/components/datepicker/demo/index.js +5 -1
- package/components/datepicker/demo/index.md +83 -2
- package/components/datepicker/demo/index.min.js +1564 -96
- package/components/datepicker/demo/keyboard-behavior.md +201 -2
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +19 -12
- package/components/datepicker/demo/why-datepicker.html +57 -0
- package/components/datepicker/demo/why-datepicker.md +133 -0
- package/components/datepicker/dist/index.js +1489 -97
- package/components/datepicker/dist/registered.js +1489 -97
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +66 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +100 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +88 -0
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +5 -3
- package/components/dropdown/demo/accessibility.md +11 -0
- package/components/dropdown/demo/api.md +1 -0
- package/components/dropdown/demo/customize.md +3 -0
- package/components/dropdown/demo/customize.min.js +223 -13
- package/components/dropdown/demo/getting-started.min.js +223 -13
- package/components/dropdown/demo/index.min.js +223 -13
- package/components/dropdown/demo/keyboard-behavior.md +1 -0
- package/components/dropdown/demo/pages.json +1 -1
- package/components/dropdown/demo/why-dropdown.html +57 -0
- package/components/dropdown/demo/why-dropdown.md +97 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +33 -1
- package/components/dropdown/dist/index.js +223 -13
- package/components/dropdown/dist/registered.js +223 -13
- package/components/form/demo/customize.min.js +2461 -415
- package/components/form/demo/getting-started.min.js +2461 -415
- package/components/form/demo/index.min.js +2461 -415
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +2457 -411
- package/components/form/demo/why-form.html +57 -0
- package/components/form/demo/why-form.md +101 -0
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/demo/pages.json +1 -1
- package/components/input/demo/why-input.html +57 -0
- package/components/input/demo/why-input.md +121 -0
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/pages.json +1 -1
- package/components/menu/demo/why-menu.html +57 -0
- package/components/menu/demo/why-menu.md +104 -0
- package/components/radio/demo/customize.min.js +2186 -0
- package/components/radio/demo/demo-support.min.js +55807 -0
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/getting-started.min.js +2205 -0
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/pages.json +1 -1
- package/components/radio/demo/why-radio.html +57 -0
- package/components/radio/demo/why-radio.md +92 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +233 -15
- package/components/select/demo/getting-started.min.js +233 -15
- package/components/select/demo/index.min.js +233 -15
- package/components/select/demo/keyboard-behavior.md +1 -0
- package/components/select/demo/pages.json +1 -1
- package/components/select/demo/why-select.html +57 -0
- package/components/select/demo/why-select.md +128 -0
- package/components/select/dist/index.js +233 -15
- package/components/select/dist/registered.js +233 -15
- package/custom-elements.json +2183 -1466
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -128,6 +128,17 @@
|
|
|
128
128
|
},
|
|
129
129
|
"attribute": "isFullscreen",
|
|
130
130
|
"reflects": true
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"kind": "field",
|
|
134
|
+
"name": "showFooter",
|
|
135
|
+
"privacy": "public",
|
|
136
|
+
"type": {
|
|
137
|
+
"text": "boolean"
|
|
138
|
+
},
|
|
139
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
140
|
+
"attribute": "showFooter",
|
|
141
|
+
"reflects": true
|
|
131
142
|
}
|
|
132
143
|
],
|
|
133
144
|
"events": [
|
|
@@ -159,6 +170,14 @@
|
|
|
159
170
|
},
|
|
160
171
|
"default": "false",
|
|
161
172
|
"fieldName": "large"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"name": "showFooter",
|
|
176
|
+
"type": {
|
|
177
|
+
"text": "boolean"
|
|
178
|
+
},
|
|
179
|
+
"description": "If declared, the footer slot will be rendered even when not in fullscreen mode.",
|
|
180
|
+
"fieldName": "showFooter"
|
|
162
181
|
}
|
|
163
182
|
],
|
|
164
183
|
"superclass": {
|
|
@@ -248,80 +267,34 @@
|
|
|
248
267
|
},
|
|
249
268
|
{
|
|
250
269
|
"kind": "javascript-module",
|
|
251
|
-
"path": "components/
|
|
270
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
252
271
|
"declarations": [
|
|
253
272
|
{
|
|
254
273
|
"kind": "class",
|
|
255
|
-
"description": "The `auro-
|
|
256
|
-
"name": "
|
|
274
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
275
|
+
"name": "AuroCheckboxGroup",
|
|
257
276
|
"slots": [
|
|
258
277
|
{
|
|
259
|
-
"description": "
|
|
260
|
-
"name": ""
|
|
278
|
+
"description": "Allows for the legend to be overridden.",
|
|
279
|
+
"name": "legend"
|
|
261
280
|
},
|
|
262
281
|
{
|
|
263
|
-
"type": {
|
|
264
|
-
"text": "HTMLSlotElement"
|
|
265
|
-
},
|
|
266
282
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
267
283
|
"name": "optionalLabel"
|
|
268
284
|
},
|
|
269
285
|
{
|
|
270
|
-
"description": "
|
|
271
|
-
"name": "ariaLabel.input.clear"
|
|
272
|
-
},
|
|
273
|
-
{
|
|
274
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
275
|
-
"name": "ariaLabel.bib.close"
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
"description": "Defines the headline to display above menu-options",
|
|
279
|
-
"name": "bib.fullscreen.headline"
|
|
280
|
-
},
|
|
281
|
-
{
|
|
282
|
-
"description": "Defines the content of the label.",
|
|
283
|
-
"name": "label"
|
|
284
|
-
},
|
|
285
|
-
{
|
|
286
|
-
"description": "Defines the content of the helpText.",
|
|
286
|
+
"description": "Allows for the helper text to be overridden.",
|
|
287
287
|
"name": "helpText"
|
|
288
288
|
},
|
|
289
289
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
290
|
+
"description": "The default slot for the checkbox items.",
|
|
291
|
+
"name": "default"
|
|
292
292
|
}
|
|
293
293
|
],
|
|
294
294
|
"members": [
|
|
295
295
|
{
|
|
296
296
|
"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
|
-
}
|
|
297
|
+
"name": "_initializeDefaults"
|
|
325
298
|
},
|
|
326
299
|
{
|
|
327
300
|
"kind": "method",
|
|
@@ -330,7 +303,7 @@
|
|
|
330
303
|
"parameters": [
|
|
331
304
|
{
|
|
332
305
|
"name": "name",
|
|
333
|
-
"default": "
|
|
306
|
+
"default": "\"auro-checkbox-group\"",
|
|
334
307
|
"description": "The name of the element that you want to register.",
|
|
335
308
|
"optional": true,
|
|
336
309
|
"type": {
|
|
@@ -342,62 +315,24 @@
|
|
|
342
315
|
},
|
|
343
316
|
{
|
|
344
317
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
347
|
-
"privacy": "private",
|
|
348
|
-
"return": {
|
|
349
|
-
"type": {
|
|
350
|
-
"text": "void"
|
|
351
|
-
}
|
|
352
|
-
}
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"kind": "method",
|
|
356
|
-
"name": "activateLastEnabledAvailableOption",
|
|
357
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
358
|
-
"privacy": "private",
|
|
359
|
-
"return": {
|
|
360
|
-
"type": {
|
|
361
|
-
"text": "void"
|
|
362
|
-
}
|
|
363
|
-
}
|
|
364
|
-
},
|
|
365
|
-
{
|
|
366
|
-
"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.",
|
|
375
|
-
"privacy": "private",
|
|
376
|
-
"return": {
|
|
377
|
-
"type": {
|
|
378
|
-
"text": "void"
|
|
379
|
-
}
|
|
380
|
-
}
|
|
381
|
-
},
|
|
382
|
-
{
|
|
383
|
-
"kind": "method",
|
|
384
|
-
"name": "updateTriggerTextDisplay",
|
|
318
|
+
"name": "handleValueUpdate",
|
|
385
319
|
"parameters": [
|
|
386
320
|
{
|
|
387
|
-
"name": "
|
|
388
|
-
"description": "The
|
|
321
|
+
"name": "value",
|
|
322
|
+
"description": "The value of the checkbox.",
|
|
389
323
|
"type": {
|
|
390
|
-
"text": "
|
|
324
|
+
"text": "String"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "selected",
|
|
329
|
+
"description": "The checked state of the checkbox.",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "Boolean"
|
|
391
332
|
}
|
|
392
333
|
}
|
|
393
334
|
],
|
|
394
|
-
"description": "
|
|
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.",
|
|
335
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
401
336
|
"privacy": "private",
|
|
402
337
|
"return": {
|
|
403
338
|
"type": {
|
|
@@ -407,8 +342,8 @@
|
|
|
407
342
|
},
|
|
408
343
|
{
|
|
409
344
|
"kind": "method",
|
|
410
|
-
"name": "
|
|
411
|
-
"description": "
|
|
345
|
+
"name": "handlePreselectedItems",
|
|
346
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
412
347
|
"privacy": "private",
|
|
413
348
|
"return": {
|
|
414
349
|
"type": {
|
|
@@ -418,8 +353,9 @@
|
|
|
418
353
|
},
|
|
419
354
|
{
|
|
420
355
|
"kind": "method",
|
|
421
|
-
"name": "
|
|
422
|
-
"description": "
|
|
356
|
+
"name": "handleItems",
|
|
357
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
358
|
+
"privacy": "private",
|
|
423
359
|
"return": {
|
|
424
360
|
"type": {
|
|
425
361
|
"text": "void"
|
|
@@ -428,8 +364,8 @@
|
|
|
428
364
|
},
|
|
429
365
|
{
|
|
430
366
|
"kind": "method",
|
|
431
|
-
"name": "
|
|
432
|
-
"description": "
|
|
367
|
+
"name": "reset",
|
|
368
|
+
"description": "Resets component to initial state.",
|
|
433
369
|
"return": {
|
|
434
370
|
"type": {
|
|
435
371
|
"text": "void"
|
|
@@ -438,122 +374,325 @@
|
|
|
438
374
|
},
|
|
439
375
|
{
|
|
440
376
|
"kind": "method",
|
|
441
|
-
"name": "
|
|
442
|
-
"
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
"
|
|
377
|
+
"name": "validate",
|
|
378
|
+
"parameters": [
|
|
379
|
+
{
|
|
380
|
+
"name": "force",
|
|
381
|
+
"default": "false",
|
|
382
|
+
"description": "Whether to force validation.",
|
|
383
|
+
"optional": true,
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
}
|
|
447
387
|
}
|
|
448
|
-
|
|
388
|
+
],
|
|
389
|
+
"description": "Validates value."
|
|
449
390
|
},
|
|
450
391
|
{
|
|
451
|
-
"kind": "
|
|
452
|
-
"name": "
|
|
453
|
-
"privacy": "
|
|
392
|
+
"kind": "field",
|
|
393
|
+
"name": "appearance",
|
|
394
|
+
"privacy": "public",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "'default' | 'inverse'"
|
|
397
|
+
},
|
|
398
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
399
|
+
"default": "'default'",
|
|
400
|
+
"attribute": "appearance",
|
|
401
|
+
"reflects": true
|
|
454
402
|
},
|
|
455
403
|
{
|
|
456
|
-
"kind": "
|
|
457
|
-
"name": "
|
|
458
|
-
"privacy": "
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "disabled",
|
|
406
|
+
"privacy": "public",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "boolean"
|
|
409
|
+
},
|
|
410
|
+
"description": "If set, disables the checkbox group.",
|
|
411
|
+
"attribute": "disabled",
|
|
412
|
+
"reflects": true
|
|
459
413
|
},
|
|
460
414
|
{
|
|
461
|
-
"kind": "
|
|
462
|
-
"name": "
|
|
463
|
-
"privacy": "
|
|
415
|
+
"kind": "field",
|
|
416
|
+
"name": "error",
|
|
417
|
+
"privacy": "public",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "string"
|
|
420
|
+
},
|
|
421
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
422
|
+
"attribute": "error",
|
|
423
|
+
"reflects": true
|
|
464
424
|
},
|
|
465
425
|
{
|
|
466
|
-
"kind": "
|
|
467
|
-
"name": "
|
|
468
|
-
"
|
|
469
|
-
"
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "horizontal",
|
|
428
|
+
"privacy": "public",
|
|
429
|
+
"type": {
|
|
430
|
+
"text": "boolean"
|
|
431
|
+
},
|
|
432
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
+
"attribute": "horizontal",
|
|
434
|
+
"reflects": true
|
|
470
435
|
},
|
|
471
436
|
{
|
|
472
|
-
"kind": "
|
|
473
|
-
"name": "
|
|
474
|
-
"
|
|
475
|
-
"
|
|
437
|
+
"kind": "field",
|
|
438
|
+
"name": "noValidate",
|
|
439
|
+
"privacy": "public",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "boolean"
|
|
442
|
+
},
|
|
443
|
+
"description": "If set, disables auto-validation on blur.",
|
|
444
|
+
"attribute": "noValidate",
|
|
445
|
+
"reflects": true
|
|
476
446
|
},
|
|
477
447
|
{
|
|
478
|
-
"kind": "
|
|
479
|
-
"name": "
|
|
480
|
-
"
|
|
481
|
-
"
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
448
|
+
"kind": "field",
|
|
449
|
+
"name": "onDark",
|
|
450
|
+
"privacy": "public",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "boolean"
|
|
453
|
+
},
|
|
454
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
+
"attribute": "onDark",
|
|
456
|
+
"reflects": true
|
|
487
457
|
},
|
|
488
458
|
{
|
|
489
|
-
"kind": "
|
|
490
|
-
"name": "
|
|
491
|
-
"
|
|
492
|
-
"
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
459
|
+
"kind": "field",
|
|
460
|
+
"name": "required",
|
|
461
|
+
"privacy": "public",
|
|
462
|
+
"type": {
|
|
463
|
+
"text": "boolean"
|
|
464
|
+
},
|
|
465
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
466
|
+
"attribute": "required",
|
|
467
|
+
"reflects": true
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"kind": "field",
|
|
471
|
+
"name": "setCustomValidity",
|
|
472
|
+
"privacy": "public",
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "string"
|
|
475
|
+
},
|
|
476
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
+
"attribute": "setCustomValidity"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "setCustomValidityCustomError",
|
|
482
|
+
"privacy": "public",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "string"
|
|
485
|
+
},
|
|
486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
+
"attribute": "setCustomValidityCustomError"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"kind": "field",
|
|
491
|
+
"name": "setCustomValidityValueMissing",
|
|
492
|
+
"privacy": "public",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "string"
|
|
495
|
+
},
|
|
496
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
+
"attribute": "setCustomValidityValueMissing"
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"kind": "field",
|
|
501
|
+
"name": "validity",
|
|
502
|
+
"privacy": "public",
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "string"
|
|
505
|
+
},
|
|
506
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
507
|
+
"attribute": "validity",
|
|
508
|
+
"reflects": true
|
|
509
|
+
}
|
|
510
|
+
],
|
|
511
|
+
"events": [
|
|
512
|
+
{
|
|
513
|
+
"name": "input",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "CustomEvent"
|
|
497
516
|
}
|
|
498
517
|
},
|
|
518
|
+
{
|
|
519
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
520
|
+
"name": "auroFormElement-validated"
|
|
521
|
+
}
|
|
522
|
+
],
|
|
523
|
+
"attributes": [
|
|
524
|
+
{
|
|
525
|
+
"name": "appearance",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "'default' | 'inverse'"
|
|
528
|
+
},
|
|
529
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
530
|
+
"default": "'default'",
|
|
531
|
+
"fieldName": "appearance"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "disabled",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "boolean"
|
|
537
|
+
},
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"name": "error",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "string"
|
|
545
|
+
},
|
|
546
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
+
"fieldName": "error"
|
|
548
|
+
},
|
|
549
|
+
{
|
|
550
|
+
"name": "horizontal",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "noValidate",
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "boolean"
|
|
561
|
+
},
|
|
562
|
+
"description": "If set, disables auto-validation on blur.",
|
|
563
|
+
"fieldName": "noValidate"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "onDark",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "boolean"
|
|
569
|
+
},
|
|
570
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
571
|
+
"fieldName": "onDark"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "required",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "boolean"
|
|
577
|
+
},
|
|
578
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
+
"fieldName": "required"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "setCustomValidity",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "string"
|
|
585
|
+
},
|
|
586
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
+
"fieldName": "setCustomValidity"
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "setCustomValidityCustomError",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "string"
|
|
593
|
+
},
|
|
594
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
+
"fieldName": "setCustomValidityCustomError"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "setCustomValidityValueMissing",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "string"
|
|
601
|
+
},
|
|
602
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "validity",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "string"
|
|
609
|
+
},
|
|
610
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
+
"fieldName": "validity"
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"superclass": {
|
|
615
|
+
"name": "LitElement",
|
|
616
|
+
"package": "lit"
|
|
617
|
+
},
|
|
618
|
+
"tagName": "auro-checkbox-group",
|
|
619
|
+
"customElement": true
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"exports": [
|
|
623
|
+
{
|
|
624
|
+
"kind": "js",
|
|
625
|
+
"name": "AuroCheckboxGroup",
|
|
626
|
+
"declaration": {
|
|
627
|
+
"name": "AuroCheckboxGroup",
|
|
628
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "javascript-module",
|
|
635
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
+
"declarations": [
|
|
637
|
+
{
|
|
638
|
+
"kind": "class",
|
|
639
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
+
"name": "AuroCheckbox",
|
|
641
|
+
"cssParts": [
|
|
642
|
+
{
|
|
643
|
+
"description": "apply css to a specific checkbox.",
|
|
644
|
+
"name": "checkbox"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "apply css to a specific checkbox's input.",
|
|
648
|
+
"name": "checkbox-input"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"description": "apply css to a specific checkbox's label.",
|
|
652
|
+
"name": "checkbox-label"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"slots": [
|
|
656
|
+
{
|
|
657
|
+
"description": "The default slot for the checkbox label.",
|
|
658
|
+
"name": "default"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"members": [
|
|
499
662
|
{
|
|
500
663
|
"kind": "method",
|
|
501
|
-
"name": "
|
|
502
|
-
"description": "Binds all behavior needed to the input after rendering.",
|
|
503
|
-
"privacy": "private",
|
|
504
|
-
"return": {
|
|
505
|
-
"type": {
|
|
506
|
-
"text": "void"
|
|
507
|
-
}
|
|
508
|
-
}
|
|
664
|
+
"name": "_initializeDefaults"
|
|
509
665
|
},
|
|
510
666
|
{
|
|
511
667
|
"kind": "method",
|
|
512
|
-
"name": "
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
513
670
|
"parameters": [
|
|
514
671
|
{
|
|
515
|
-
"name": "
|
|
516
|
-
"
|
|
517
|
-
"
|
|
518
|
-
|
|
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",
|
|
672
|
+
"name": "name",
|
|
673
|
+
"default": "\"auro-checkbox\"",
|
|
674
|
+
"description": "The name of element that you want to register to.",
|
|
675
|
+
"optional": true,
|
|
531
676
|
"type": {
|
|
532
|
-
"text": "
|
|
677
|
+
"text": "string"
|
|
533
678
|
}
|
|
534
679
|
}
|
|
535
680
|
],
|
|
536
|
-
"description": "
|
|
537
|
-
"privacy": "private",
|
|
538
|
-
"return": {
|
|
539
|
-
"type": {
|
|
540
|
-
"text": "void"
|
|
541
|
-
}
|
|
542
|
-
}
|
|
681
|
+
"description": "This will register this element with the browser."
|
|
543
682
|
},
|
|
544
683
|
{
|
|
545
684
|
"kind": "method",
|
|
546
|
-
"name": "
|
|
685
|
+
"name": "handleChange",
|
|
547
686
|
"parameters": [
|
|
548
687
|
{
|
|
549
688
|
"name": "event",
|
|
550
|
-
"description": "The
|
|
689
|
+
"description": "The change event from the checkbox input.",
|
|
551
690
|
"type": {
|
|
552
691
|
"text": "Event"
|
|
553
692
|
}
|
|
554
693
|
}
|
|
555
694
|
],
|
|
556
|
-
"description": "
|
|
695
|
+
"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.",
|
|
557
696
|
"privacy": "private",
|
|
558
697
|
"return": {
|
|
559
698
|
"type": {
|
|
@@ -563,8 +702,17 @@
|
|
|
563
702
|
},
|
|
564
703
|
{
|
|
565
704
|
"kind": "method",
|
|
566
|
-
"name": "
|
|
567
|
-
"
|
|
705
|
+
"name": "handleInput",
|
|
706
|
+
"parameters": [
|
|
707
|
+
{
|
|
708
|
+
"name": "event",
|
|
709
|
+
"description": "The input event from the checkbox input.",
|
|
710
|
+
"type": {
|
|
711
|
+
"text": "Event"
|
|
712
|
+
}
|
|
713
|
+
}
|
|
714
|
+
],
|
|
715
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
568
716
|
"privacy": "private",
|
|
569
717
|
"return": {
|
|
570
718
|
"type": {
|
|
@@ -574,8 +722,9 @@
|
|
|
574
722
|
},
|
|
575
723
|
{
|
|
576
724
|
"kind": "method",
|
|
577
|
-
"name": "
|
|
578
|
-
"description": "
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
727
|
+
"privacy": "private",
|
|
579
728
|
"return": {
|
|
580
729
|
"type": {
|
|
581
730
|
"text": "void"
|
|
@@ -584,20 +733,12 @@
|
|
|
584
733
|
},
|
|
585
734
|
{
|
|
586
735
|
"kind": "method",
|
|
587
|
-
"name": "
|
|
588
|
-
"
|
|
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.",
|
|
736
|
+
"name": "generateIconHtml",
|
|
737
|
+
"description": "Function to generate checkmark svg.",
|
|
738
|
+
"privacy": "private",
|
|
598
739
|
"return": {
|
|
599
740
|
"type": {
|
|
600
|
-
"text": "
|
|
741
|
+
"text": "HTMLElement"
|
|
601
742
|
}
|
|
602
743
|
}
|
|
603
744
|
},
|
|
@@ -613,57 +754,8 @@
|
|
|
613
754
|
},
|
|
614
755
|
{
|
|
615
756
|
"kind": "method",
|
|
616
|
-
"name": "
|
|
617
|
-
"description": "
|
|
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.",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
667
759
|
"privacy": "private",
|
|
668
760
|
"return": {
|
|
669
761
|
"type": {
|
|
@@ -673,31 +765,17 @@
|
|
|
673
765
|
},
|
|
674
766
|
{
|
|
675
767
|
"kind": "method",
|
|
676
|
-
"name": "
|
|
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",
|
|
768
|
+
"name": "handleKeyDown",
|
|
691
769
|
"parameters": [
|
|
692
770
|
{
|
|
693
771
|
"name": "event",
|
|
694
|
-
"description": "
|
|
772
|
+
"description": "The keydown event from the checkbox input.",
|
|
695
773
|
"type": {
|
|
696
|
-
"text": "
|
|
774
|
+
"text": "KeyboardEvent"
|
|
697
775
|
}
|
|
698
776
|
}
|
|
699
777
|
],
|
|
700
|
-
"description": "
|
|
778
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
701
779
|
"privacy": "private",
|
|
702
780
|
"return": {
|
|
703
781
|
"type": {
|
|
@@ -710,7 +788,7 @@
|
|
|
710
788
|
"name": "appearance",
|
|
711
789
|
"privacy": "public",
|
|
712
790
|
"type": {
|
|
713
|
-
"text": "
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
714
792
|
},
|
|
715
793
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
716
794
|
"default": "'default'",
|
|
@@ -719,991 +797,769 @@
|
|
|
719
797
|
},
|
|
720
798
|
{
|
|
721
799
|
"kind": "field",
|
|
722
|
-
"name": "
|
|
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",
|
|
800
|
+
"name": "checked",
|
|
734
801
|
"privacy": "public",
|
|
735
802
|
"type": {
|
|
736
803
|
"text": "boolean"
|
|
737
804
|
},
|
|
738
|
-
"description": "If
|
|
739
|
-
"attribute": "
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
740
807
|
"reflects": true
|
|
741
808
|
},
|
|
742
809
|
{
|
|
743
810
|
"kind": "field",
|
|
744
|
-
"name": "
|
|
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",
|
|
811
|
+
"name": "disabled",
|
|
755
812
|
"privacy": "public",
|
|
756
813
|
"type": {
|
|
757
|
-
"text": "
|
|
814
|
+
"text": "boolean"
|
|
758
815
|
},
|
|
759
|
-
"description": "
|
|
760
|
-
"
|
|
761
|
-
"attribute": "behavior",
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
762
818
|
"reflects": true
|
|
763
819
|
},
|
|
764
820
|
{
|
|
765
821
|
"kind": "field",
|
|
766
|
-
"name": "
|
|
822
|
+
"name": "error",
|
|
767
823
|
"privacy": "public",
|
|
768
824
|
"type": {
|
|
769
825
|
"text": "boolean"
|
|
770
826
|
},
|
|
771
|
-
"description": "
|
|
772
|
-
"attribute": "
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
773
829
|
"reflects": true
|
|
774
830
|
},
|
|
775
831
|
{
|
|
776
832
|
"kind": "field",
|
|
777
|
-
"name": "
|
|
833
|
+
"name": "id",
|
|
778
834
|
"privacy": "public",
|
|
779
835
|
"type": {
|
|
780
|
-
"text": "
|
|
836
|
+
"text": "string"
|
|
781
837
|
},
|
|
782
|
-
"description": "
|
|
783
|
-
"attribute": "
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
784
840
|
"reflects": true
|
|
785
841
|
},
|
|
786
842
|
{
|
|
787
843
|
"kind": "field",
|
|
788
|
-
"name": "
|
|
844
|
+
"name": "inputId",
|
|
789
845
|
"privacy": "private",
|
|
790
846
|
"type": {
|
|
791
847
|
"text": "string"
|
|
792
848
|
},
|
|
793
|
-
"description": "
|
|
849
|
+
"description": "The id for input node."
|
|
794
850
|
},
|
|
795
851
|
{
|
|
796
852
|
"kind": "field",
|
|
797
|
-
"name": "
|
|
798
|
-
"privacy": "
|
|
853
|
+
"name": "name",
|
|
854
|
+
"privacy": "public",
|
|
799
855
|
"type": {
|
|
800
|
-
"text": "
|
|
856
|
+
"text": "string"
|
|
801
857
|
},
|
|
802
|
-
"description": "
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
803
860
|
},
|
|
804
861
|
{
|
|
805
862
|
"kind": "field",
|
|
806
|
-
"name": "
|
|
863
|
+
"name": "onDark",
|
|
807
864
|
"privacy": "public",
|
|
808
865
|
"type": {
|
|
809
866
|
"text": "boolean"
|
|
810
867
|
},
|
|
811
|
-
"description": "
|
|
812
|
-
"attribute": "
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
813
870
|
"reflects": true
|
|
814
871
|
},
|
|
815
872
|
{
|
|
816
873
|
"kind": "field",
|
|
817
|
-
"name": "
|
|
818
|
-
"privacy": "
|
|
874
|
+
"name": "touched",
|
|
875
|
+
"privacy": "private",
|
|
819
876
|
"type": {
|
|
820
|
-
"text": "
|
|
877
|
+
"text": "boolean"
|
|
821
878
|
},
|
|
822
|
-
"description": "
|
|
823
|
-
"attribute": "error",
|
|
824
|
-
"reflects": true
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
825
880
|
},
|
|
826
881
|
{
|
|
827
882
|
"kind": "field",
|
|
828
|
-
"name": "
|
|
883
|
+
"name": "value",
|
|
829
884
|
"privacy": "public",
|
|
830
885
|
"type": {
|
|
831
886
|
"text": "string"
|
|
832
887
|
},
|
|
833
|
-
"description": "
|
|
834
|
-
"attribute": "
|
|
835
|
-
"reflects": true
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
836
890
|
},
|
|
837
891
|
{
|
|
838
892
|
"kind": "field",
|
|
839
|
-
"name": "
|
|
840
|
-
"privacy": "
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
841
895
|
"type": {
|
|
842
|
-
"text": "
|
|
896
|
+
"text": "number"
|
|
843
897
|
},
|
|
844
|
-
"description": "
|
|
845
|
-
"attribute": "
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
846
900
|
"reflects": true
|
|
847
901
|
},
|
|
848
902
|
{
|
|
849
903
|
"kind": "field",
|
|
850
|
-
"name": "
|
|
851
|
-
"privacy": "
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
852
906
|
"type": {
|
|
853
907
|
"text": "string"
|
|
854
908
|
},
|
|
855
|
-
"description": "
|
|
856
|
-
"
|
|
857
|
-
"
|
|
858
|
-
"reflects": true,
|
|
859
|
-
"inheritedFrom": {
|
|
860
|
-
"name": "AuroElement",
|
|
861
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
862
|
-
}
|
|
909
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
+
"attribute": "aria-checked",
|
|
911
|
+
"reflects": true
|
|
863
912
|
},
|
|
864
913
|
{
|
|
865
914
|
"kind": "field",
|
|
866
|
-
"name": "
|
|
915
|
+
"name": "ariaDisabled",
|
|
867
916
|
"privacy": "private",
|
|
868
917
|
"type": {
|
|
869
|
-
"text": "
|
|
918
|
+
"text": "string"
|
|
870
919
|
},
|
|
871
|
-
"description": "
|
|
872
|
-
"attribute": "
|
|
920
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
+
"attribute": "aria-disabled",
|
|
873
922
|
"reflects": true
|
|
874
923
|
},
|
|
875
924
|
{
|
|
876
925
|
"kind": "field",
|
|
877
|
-
"name": "
|
|
878
|
-
"privacy": "
|
|
926
|
+
"name": "role",
|
|
927
|
+
"privacy": "private",
|
|
879
928
|
"type": {
|
|
880
|
-
"text": "
|
|
929
|
+
"text": "string"
|
|
881
930
|
},
|
|
882
|
-
"description": "
|
|
883
|
-
"attribute": "
|
|
931
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
932
|
+
"attribute": "role",
|
|
884
933
|
"reflects": true
|
|
885
|
-
}
|
|
934
|
+
}
|
|
935
|
+
],
|
|
936
|
+
"events": [
|
|
886
937
|
{
|
|
887
|
-
"
|
|
888
|
-
"name": "noFlip",
|
|
889
|
-
"privacy": "public",
|
|
938
|
+
"name": "auroCheckbox-input",
|
|
890
939
|
"type": {
|
|
891
|
-
"text": "
|
|
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
|
|
940
|
+
"text": "CustomEvent"
|
|
941
|
+
}
|
|
896
942
|
},
|
|
897
943
|
{
|
|
898
|
-
"
|
|
899
|
-
"name": "shift",
|
|
900
|
-
"privacy": "public",
|
|
944
|
+
"name": "auroCheckbox-focusin",
|
|
901
945
|
"type": {
|
|
902
|
-
"text": "
|
|
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
|
|
946
|
+
"text": "CustomEvent"
|
|
947
|
+
}
|
|
907
948
|
},
|
|
908
949
|
{
|
|
909
|
-
"
|
|
910
|
-
"name": "noValidate",
|
|
911
|
-
"privacy": "public",
|
|
950
|
+
"name": "auroCheckbox-focusout",
|
|
912
951
|
"type": {
|
|
913
|
-
"text": "
|
|
914
|
-
}
|
|
915
|
-
"description": "If set, disables auto-validation on blur.",
|
|
916
|
-
"attribute": "noValidate",
|
|
917
|
-
"reflects": true
|
|
952
|
+
"text": "CustomEvent"
|
|
953
|
+
}
|
|
918
954
|
},
|
|
919
955
|
{
|
|
920
|
-
"
|
|
921
|
-
"name": "
|
|
922
|
-
|
|
956
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
+
"name": "change"
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
+
"name": "input"
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "appearance",
|
|
923
967
|
"type": {
|
|
924
|
-
"text": "
|
|
968
|
+
"text": "'default' | 'inverse'"
|
|
925
969
|
},
|
|
926
|
-
"description": "
|
|
927
|
-
"default": "
|
|
928
|
-
"
|
|
929
|
-
"reflects": true
|
|
970
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
+
"default": "'default'",
|
|
972
|
+
"fieldName": "appearance"
|
|
930
973
|
},
|
|
931
974
|
{
|
|
932
|
-
"
|
|
933
|
-
"name": "onDark",
|
|
934
|
-
"privacy": "public",
|
|
975
|
+
"name": "checked",
|
|
935
976
|
"type": {
|
|
936
977
|
"text": "boolean"
|
|
937
978
|
},
|
|
938
|
-
"
|
|
939
|
-
"
|
|
940
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
941
|
-
"inheritedFrom": {
|
|
942
|
-
"name": "AuroElement",
|
|
943
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
944
|
-
}
|
|
979
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
+
"fieldName": "checked"
|
|
945
981
|
},
|
|
946
982
|
{
|
|
947
|
-
"
|
|
948
|
-
"name": "optionSelected",
|
|
949
|
-
"privacy": "public",
|
|
983
|
+
"name": "disabled",
|
|
950
984
|
"type": {
|
|
951
|
-
"text": "
|
|
985
|
+
"text": "boolean"
|
|
952
986
|
},
|
|
953
|
-
"description": "
|
|
954
|
-
"
|
|
987
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
988
|
+
"fieldName": "disabled"
|
|
955
989
|
},
|
|
956
990
|
{
|
|
957
|
-
"
|
|
958
|
-
"name": "persistInput",
|
|
959
|
-
"privacy": "public",
|
|
991
|
+
"name": "error",
|
|
960
992
|
"type": {
|
|
961
993
|
"text": "boolean"
|
|
962
994
|
},
|
|
963
|
-
"description": "If
|
|
964
|
-
"
|
|
965
|
-
"reflects": true
|
|
995
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
996
|
+
"fieldName": "error"
|
|
966
997
|
},
|
|
967
998
|
{
|
|
968
|
-
"
|
|
969
|
-
"name": "placement",
|
|
970
|
-
"privacy": "public",
|
|
999
|
+
"name": "id",
|
|
971
1000
|
"type": {
|
|
972
|
-
"text": "
|
|
1001
|
+
"text": "string"
|
|
973
1002
|
},
|
|
974
|
-
"description": "
|
|
975
|
-
"
|
|
976
|
-
"attribute": "placement",
|
|
977
|
-
"reflects": true
|
|
1003
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
+
"fieldName": "id"
|
|
978
1005
|
},
|
|
979
1006
|
{
|
|
980
|
-
"
|
|
981
|
-
"name": "placeholder",
|
|
982
|
-
"privacy": "public",
|
|
1007
|
+
"name": "name",
|
|
983
1008
|
"type": {
|
|
984
1009
|
"text": "string"
|
|
985
1010
|
},
|
|
986
|
-
"description": "
|
|
987
|
-
"
|
|
988
|
-
"reflects": true
|
|
1011
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
+
"fieldName": "name"
|
|
989
1013
|
},
|
|
990
1014
|
{
|
|
991
|
-
"
|
|
992
|
-
"name": "required",
|
|
993
|
-
"privacy": "public",
|
|
1015
|
+
"name": "onDark",
|
|
994
1016
|
"type": {
|
|
995
1017
|
"text": "boolean"
|
|
996
1018
|
},
|
|
997
|
-
"description": "
|
|
998
|
-
"
|
|
999
|
-
"reflects": true
|
|
1019
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1020
|
+
"fieldName": "onDark"
|
|
1000
1021
|
},
|
|
1001
1022
|
{
|
|
1002
|
-
"
|
|
1003
|
-
"name": "setCustomValidity",
|
|
1004
|
-
"privacy": "public",
|
|
1023
|
+
"name": "value",
|
|
1005
1024
|
"type": {
|
|
1006
1025
|
"text": "string"
|
|
1007
1026
|
},
|
|
1008
|
-
"description": "Sets
|
|
1009
|
-
"
|
|
1027
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1028
|
+
"fieldName": "value"
|
|
1010
1029
|
},
|
|
1011
1030
|
{
|
|
1012
|
-
"
|
|
1013
|
-
"name": "setCustomValidityCustomError",
|
|
1014
|
-
"privacy": "public",
|
|
1031
|
+
"name": "tabindex",
|
|
1015
1032
|
"type": {
|
|
1016
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1017
1034
|
},
|
|
1018
|
-
"description": "
|
|
1019
|
-
"
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1020
1037
|
},
|
|
1021
1038
|
{
|
|
1022
|
-
"
|
|
1023
|
-
"name": "setCustomValidityValueMissing",
|
|
1024
|
-
"privacy": "public",
|
|
1039
|
+
"name": "aria-checked",
|
|
1025
1040
|
"type": {
|
|
1026
1041
|
"text": "string"
|
|
1027
1042
|
},
|
|
1028
|
-
"description": "
|
|
1029
|
-
"
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1030
1045
|
},
|
|
1031
1046
|
{
|
|
1032
|
-
"
|
|
1033
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1034
|
-
"privacy": "public",
|
|
1047
|
+
"name": "aria-disabled",
|
|
1035
1048
|
"type": {
|
|
1036
1049
|
"text": "string"
|
|
1037
1050
|
},
|
|
1038
|
-
"description": "
|
|
1039
|
-
"
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1040
1053
|
},
|
|
1041
1054
|
{
|
|
1042
|
-
"
|
|
1043
|
-
"name": "touched",
|
|
1044
|
-
"privacy": "private",
|
|
1055
|
+
"name": "role",
|
|
1045
1056
|
"type": {
|
|
1046
|
-
"text": "
|
|
1057
|
+
"text": "string"
|
|
1047
1058
|
},
|
|
1048
|
-
"description": "
|
|
1059
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1060
|
+
"fieldName": "role"
|
|
1061
|
+
}
|
|
1062
|
+
],
|
|
1063
|
+
"superclass": {
|
|
1064
|
+
"name": "LitElement",
|
|
1065
|
+
"package": "lit"
|
|
1066
|
+
},
|
|
1067
|
+
"tagName": "auro-checkbox",
|
|
1068
|
+
"customElement": true
|
|
1069
|
+
}
|
|
1070
|
+
],
|
|
1071
|
+
"exports": [
|
|
1072
|
+
{
|
|
1073
|
+
"kind": "js",
|
|
1074
|
+
"name": "AuroCheckbox",
|
|
1075
|
+
"declaration": {
|
|
1076
|
+
"name": "AuroCheckbox",
|
|
1077
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
]
|
|
1081
|
+
},
|
|
1082
|
+
{
|
|
1083
|
+
"kind": "javascript-module",
|
|
1084
|
+
"path": "components/checkbox/src/index.js",
|
|
1085
|
+
"declarations": [],
|
|
1086
|
+
"exports": [
|
|
1087
|
+
{
|
|
1088
|
+
"kind": "js",
|
|
1089
|
+
"name": "AuroCheckbox",
|
|
1090
|
+
"declaration": {
|
|
1091
|
+
"name": "AuroCheckbox",
|
|
1092
|
+
"module": "components/checkbox/src/index.js"
|
|
1093
|
+
}
|
|
1094
|
+
},
|
|
1095
|
+
{
|
|
1096
|
+
"kind": "js",
|
|
1097
|
+
"name": "AuroCheckboxGroup",
|
|
1098
|
+
"declaration": {
|
|
1099
|
+
"name": "AuroCheckboxGroup",
|
|
1100
|
+
"module": "components/checkbox/src/index.js"
|
|
1101
|
+
}
|
|
1102
|
+
}
|
|
1103
|
+
]
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"kind": "javascript-module",
|
|
1107
|
+
"path": "components/checkbox/src/registered.js",
|
|
1108
|
+
"declarations": [],
|
|
1109
|
+
"exports": []
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"kind": "javascript-module",
|
|
1113
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1114
|
+
"declarations": [
|
|
1115
|
+
{
|
|
1116
|
+
"kind": "class",
|
|
1117
|
+
"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.",
|
|
1118
|
+
"name": "AuroCombobox",
|
|
1119
|
+
"slots": [
|
|
1120
|
+
{
|
|
1121
|
+
"description": "Default slot for the menu content.",
|
|
1122
|
+
"name": ""
|
|
1049
1123
|
},
|
|
1050
1124
|
{
|
|
1051
|
-
"kind": "field",
|
|
1052
|
-
"name": "triggerIcon",
|
|
1053
|
-
"privacy": "public",
|
|
1054
1125
|
"type": {
|
|
1055
|
-
"text": "
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1056
1127
|
},
|
|
1057
|
-
"description": "
|
|
1058
|
-
"
|
|
1059
|
-
"reflects": true
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1060
1130
|
},
|
|
1061
1131
|
{
|
|
1062
|
-
"
|
|
1063
|
-
"name": "
|
|
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
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1071
1134
|
},
|
|
1072
1135
|
{
|
|
1073
|
-
"
|
|
1074
|
-
"name": "
|
|
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
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1082
1138
|
},
|
|
1083
1139
|
{
|
|
1084
|
-
"
|
|
1085
|
-
"name": "
|
|
1086
|
-
"privacy": "public",
|
|
1087
|
-
"type": {
|
|
1088
|
-
"text": "string"
|
|
1089
|
-
},
|
|
1090
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1091
|
-
"attribute": "validity",
|
|
1092
|
-
"reflects": true
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1093
1142
|
},
|
|
1094
1143
|
{
|
|
1095
|
-
"
|
|
1096
|
-
"name": "
|
|
1097
|
-
"privacy": "public",
|
|
1098
|
-
"type": {
|
|
1099
|
-
"text": "string"
|
|
1100
|
-
},
|
|
1101
|
-
"description": "Value selected for the dropdown menu.",
|
|
1102
|
-
"attribute": "value"
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1103
1146
|
},
|
|
1104
1147
|
{
|
|
1105
|
-
"
|
|
1106
|
-
"name": "
|
|
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
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1114
1150
|
},
|
|
1115
1151
|
{
|
|
1116
|
-
"
|
|
1117
|
-
"name": "
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
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
|
-
},
|
|
1152
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1153
|
+
"name": "displayValue"
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"members": [
|
|
1127
1157
|
{
|
|
1128
|
-
"kind": "
|
|
1129
|
-
"name": "
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1130
1160
|
"privacy": "private",
|
|
1131
|
-
"
|
|
1132
|
-
"
|
|
1133
|
-
|
|
1134
|
-
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1135
1166
|
},
|
|
1136
1167
|
{
|
|
1137
1168
|
"kind": "field",
|
|
1138
|
-
"name": "
|
|
1139
|
-
"
|
|
1140
|
-
"
|
|
1141
|
-
"
|
|
1169
|
+
"name": "inputValue",
|
|
1170
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1171
|
+
"return": {
|
|
1172
|
+
"type": {
|
|
1173
|
+
"text": "string|undefined"
|
|
1174
|
+
}
|
|
1142
1175
|
},
|
|
1143
|
-
"
|
|
1176
|
+
"readonly": true
|
|
1144
1177
|
},
|
|
1145
1178
|
{
|
|
1146
|
-
"kind": "
|
|
1147
|
-
"name": "
|
|
1148
|
-
"description": "
|
|
1149
|
-
"privacy": "private",
|
|
1179
|
+
"kind": "method",
|
|
1180
|
+
"name": "isValid",
|
|
1181
|
+
"description": "Checks if the element is valid.",
|
|
1150
1182
|
"return": {
|
|
1151
1183
|
"type": {
|
|
1152
1184
|
"text": "boolean"
|
|
1153
1185
|
}
|
|
1154
|
-
},
|
|
1155
|
-
"readonly": true,
|
|
1156
|
-
"inheritedFrom": {
|
|
1157
|
-
"name": "AuroElement",
|
|
1158
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1159
1186
|
}
|
|
1160
1187
|
},
|
|
1161
1188
|
{
|
|
1162
1189
|
"kind": "method",
|
|
1163
|
-
"name": "
|
|
1164
|
-
"
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1190
|
+
"name": "register",
|
|
1191
|
+
"static": true,
|
|
1192
|
+
"parameters": [
|
|
1193
|
+
{
|
|
1194
|
+
"name": "name",
|
|
1195
|
+
"default": "'auro-combobox'",
|
|
1196
|
+
"description": "The name of the element that you want to register.",
|
|
1197
|
+
"optional": true,
|
|
1198
|
+
"type": {
|
|
1199
|
+
"text": "string"
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
],
|
|
1203
|
+
"description": "This will register this element with the browser."
|
|
1168
1204
|
},
|
|
1169
1205
|
{
|
|
1170
1206
|
"kind": "method",
|
|
1171
|
-
"name": "
|
|
1172
|
-
"
|
|
1173
|
-
|
|
1174
|
-
|
|
1207
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1208
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1209
|
+
"privacy": "private",
|
|
1210
|
+
"return": {
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "void"
|
|
1213
|
+
}
|
|
1175
1214
|
}
|
|
1176
1215
|
},
|
|
1177
1216
|
{
|
|
1178
1217
|
"kind": "method",
|
|
1179
|
-
"name": "
|
|
1180
|
-
"
|
|
1181
|
-
|
|
1182
|
-
|
|
1218
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1219
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1220
|
+
"privacy": "private",
|
|
1221
|
+
"return": {
|
|
1222
|
+
"type": {
|
|
1223
|
+
"text": "void"
|
|
1224
|
+
}
|
|
1183
1225
|
}
|
|
1184
1226
|
},
|
|
1185
1227
|
{
|
|
1186
|
-
"kind": "
|
|
1187
|
-
"name": "
|
|
1188
|
-
"
|
|
1189
|
-
"
|
|
1190
|
-
"text": "string"
|
|
1191
|
-
},
|
|
1192
|
-
"attribute": "shape",
|
|
1193
|
-
"reflects": true,
|
|
1194
|
-
"inheritedFrom": {
|
|
1195
|
-
"name": "AuroElement",
|
|
1196
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1197
|
-
}
|
|
1228
|
+
"kind": "method",
|
|
1229
|
+
"name": "updateFilter",
|
|
1230
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1231
|
+
"privacy": "private"
|
|
1198
1232
|
},
|
|
1199
1233
|
{
|
|
1200
|
-
"kind": "
|
|
1201
|
-
"name": "
|
|
1202
|
-
"
|
|
1203
|
-
"
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
"inheritedFrom": {
|
|
1209
|
-
"name": "AuroElement",
|
|
1210
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1234
|
+
"kind": "method",
|
|
1235
|
+
"name": "syncValuesAndStates",
|
|
1236
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1237
|
+
"privacy": "private",
|
|
1238
|
+
"return": {
|
|
1239
|
+
"type": {
|
|
1240
|
+
"text": "void"
|
|
1241
|
+
}
|
|
1211
1242
|
}
|
|
1212
|
-
}
|
|
1213
|
-
],
|
|
1214
|
-
"events": [
|
|
1215
|
-
{
|
|
1216
|
-
"name": "inputValue",
|
|
1217
|
-
"type": {
|
|
1218
|
-
"text": "CustomEvent"
|
|
1219
|
-
},
|
|
1220
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1221
1243
|
},
|
|
1222
1244
|
{
|
|
1223
|
-
"
|
|
1224
|
-
"
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1245
|
+
"kind": "method",
|
|
1246
|
+
"name": "updateTriggerTextDisplay",
|
|
1247
|
+
"parameters": [
|
|
1248
|
+
{
|
|
1249
|
+
"name": "label",
|
|
1250
|
+
"description": "The label of the selected option.",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "string"
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
],
|
|
1256
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1257
|
+
"privacy": "private"
|
|
1228
1258
|
},
|
|
1229
1259
|
{
|
|
1230
|
-
"
|
|
1231
|
-
"
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
"
|
|
1260
|
+
"kind": "method",
|
|
1261
|
+
"name": "handleMenuOptions",
|
|
1262
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1263
|
+
"privacy": "private",
|
|
1264
|
+
"return": {
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "void"
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1235
1269
|
},
|
|
1236
1270
|
{
|
|
1237
|
-
"
|
|
1238
|
-
"name": "
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1271
|
+
"kind": "method",
|
|
1272
|
+
"name": "generateOptionsArray",
|
|
1273
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1274
|
+
"privacy": "private",
|
|
1275
|
+
"return": {
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "void"
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1280
|
+
},
|
|
1242
1281
|
{
|
|
1243
|
-
"
|
|
1244
|
-
"
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "hideBib",
|
|
1284
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1285
|
+
"return": {
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "void"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1250
1290
|
},
|
|
1251
1291
|
{
|
|
1252
|
-
"
|
|
1253
|
-
"
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1292
|
+
"kind": "method",
|
|
1293
|
+
"name": "showBib",
|
|
1294
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1295
|
+
"return": {
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "void"
|
|
1298
|
+
}
|
|
1299
|
+
}
|
|
1258
1300
|
},
|
|
1259
1301
|
{
|
|
1260
|
-
"
|
|
1261
|
-
"
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
"
|
|
1265
|
-
|
|
1302
|
+
"kind": "method",
|
|
1303
|
+
"name": "configureDropdown",
|
|
1304
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1305
|
+
"privacy": "private",
|
|
1306
|
+
"return": {
|
|
1307
|
+
"type": {
|
|
1308
|
+
"text": "void"
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1266
1311
|
},
|
|
1267
1312
|
{
|
|
1268
|
-
"
|
|
1269
|
-
"
|
|
1270
|
-
|
|
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"
|
|
1313
|
+
"kind": "method",
|
|
1314
|
+
"name": "setClearBtnFocus",
|
|
1315
|
+
"privacy": "private"
|
|
1274
1316
|
},
|
|
1275
1317
|
{
|
|
1276
|
-
"
|
|
1277
|
-
"
|
|
1278
|
-
|
|
1279
|
-
},
|
|
1280
|
-
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1281
|
-
"default": "'suggestion'",
|
|
1282
|
-
"fieldName": "behavior"
|
|
1283
|
-
},
|
|
1284
|
-
{
|
|
1285
|
-
"name": "checkmark",
|
|
1286
|
-
"type": {
|
|
1287
|
-
"text": "boolean"
|
|
1288
|
-
},
|
|
1289
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1290
|
-
"fieldName": "checkmark"
|
|
1291
|
-
},
|
|
1292
|
-
{
|
|
1293
|
-
"name": "disabled",
|
|
1294
|
-
"type": {
|
|
1295
|
-
"text": "boolean"
|
|
1296
|
-
},
|
|
1297
|
-
"description": "If set, disables the combobox.",
|
|
1298
|
-
"fieldName": "disabled"
|
|
1299
|
-
},
|
|
1300
|
-
{
|
|
1301
|
-
"name": "dvInputOnly",
|
|
1302
|
-
"type": {
|
|
1303
|
-
"text": "boolean"
|
|
1304
|
-
},
|
|
1305
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1306
|
-
"fieldName": "dvInputOnly"
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "setTriggerInputFocus",
|
|
1320
|
+
"privacy": "private"
|
|
1307
1321
|
},
|
|
1308
1322
|
{
|
|
1309
|
-
"
|
|
1310
|
-
"
|
|
1311
|
-
|
|
1312
|
-
},
|
|
1313
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1314
|
-
"fieldName": "error"
|
|
1323
|
+
"kind": "method",
|
|
1324
|
+
"name": "setInputFocus",
|
|
1325
|
+
"privacy": "private"
|
|
1315
1326
|
},
|
|
1316
1327
|
{
|
|
1317
|
-
"
|
|
1318
|
-
"
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
"description": "Specifies the input mask format.",
|
|
1322
|
-
"fieldName": "format"
|
|
1328
|
+
"kind": "method",
|
|
1329
|
+
"name": "updateBibDialogRole",
|
|
1330
|
+
"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.",
|
|
1331
|
+
"privacy": "private"
|
|
1323
1332
|
},
|
|
1324
1333
|
{
|
|
1325
|
-
"
|
|
1326
|
-
"
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1330
|
-
"fieldName": "inputmode"
|
|
1334
|
+
"kind": "method",
|
|
1335
|
+
"name": "updateMenuShapeSize",
|
|
1336
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1337
|
+
"privacy": "private"
|
|
1331
1338
|
},
|
|
1332
1339
|
{
|
|
1333
|
-
"
|
|
1334
|
-
"
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
"
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
"name": "AuroElement",
|
|
1342
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1340
|
+
"kind": "method",
|
|
1341
|
+
"name": "_getAnnouncementRoot",
|
|
1342
|
+
"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.",
|
|
1343
|
+
"privacy": "private",
|
|
1344
|
+
"return": {
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "ShadowRoot"
|
|
1347
|
+
}
|
|
1343
1348
|
}
|
|
1344
1349
|
},
|
|
1345
1350
|
{
|
|
1346
|
-
"
|
|
1347
|
-
"
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
"
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
"name": "noFilter",
|
|
1355
|
-
"type": {
|
|
1356
|
-
"text": "boolean"
|
|
1357
|
-
},
|
|
1358
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1359
|
-
"fieldName": "noFilter"
|
|
1360
|
-
},
|
|
1361
|
-
{
|
|
1362
|
-
"name": "noFlip",
|
|
1363
|
-
"type": {
|
|
1364
|
-
"text": "boolean"
|
|
1365
|
-
},
|
|
1366
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1367
|
-
"fieldName": "noFlip"
|
|
1368
|
-
},
|
|
1369
|
-
{
|
|
1370
|
-
"name": "shift",
|
|
1371
|
-
"type": {
|
|
1372
|
-
"text": "boolean"
|
|
1373
|
-
},
|
|
1374
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1375
|
-
"fieldName": "shift"
|
|
1376
|
-
},
|
|
1377
|
-
{
|
|
1378
|
-
"name": "noValidate",
|
|
1379
|
-
"type": {
|
|
1380
|
-
"text": "boolean"
|
|
1381
|
-
},
|
|
1382
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1383
|
-
"fieldName": "noValidate"
|
|
1384
|
-
},
|
|
1385
|
-
{
|
|
1386
|
-
"name": "offset",
|
|
1387
|
-
"type": {
|
|
1388
|
-
"text": "number"
|
|
1389
|
-
},
|
|
1390
|
-
"description": "Gap between the trigger element and bib.",
|
|
1391
|
-
"default": "0",
|
|
1392
|
-
"fieldName": "offset"
|
|
1393
|
-
},
|
|
1394
|
-
{
|
|
1395
|
-
"name": "onDark",
|
|
1396
|
-
"type": {
|
|
1397
|
-
"text": "boolean"
|
|
1398
|
-
},
|
|
1399
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1400
|
-
"fieldName": "onDark"
|
|
1401
|
-
},
|
|
1402
|
-
{
|
|
1403
|
-
"name": "optionSelected",
|
|
1404
|
-
"type": {
|
|
1405
|
-
"text": "HTMLElement"
|
|
1406
|
-
},
|
|
1407
|
-
"description": "Specifies the current selected option.",
|
|
1408
|
-
"fieldName": "optionSelected"
|
|
1409
|
-
},
|
|
1410
|
-
{
|
|
1411
|
-
"name": "persistInput",
|
|
1412
|
-
"type": {
|
|
1413
|
-
"text": "boolean"
|
|
1414
|
-
},
|
|
1415
|
-
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1416
|
-
"fieldName": "persistInput"
|
|
1417
|
-
},
|
|
1418
|
-
{
|
|
1419
|
-
"name": "placement",
|
|
1420
|
-
"type": {
|
|
1421
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1422
|
-
},
|
|
1423
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1424
|
-
"default": "'bottom-start'",
|
|
1425
|
-
"fieldName": "placement"
|
|
1426
|
-
},
|
|
1427
|
-
{
|
|
1428
|
-
"name": "placeholder",
|
|
1429
|
-
"type": {
|
|
1430
|
-
"text": "string"
|
|
1431
|
-
},
|
|
1432
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1433
|
-
"fieldName": "placeholder"
|
|
1434
|
-
},
|
|
1435
|
-
{
|
|
1436
|
-
"name": "required",
|
|
1437
|
-
"type": {
|
|
1438
|
-
"text": "boolean"
|
|
1439
|
-
},
|
|
1440
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1441
|
-
"fieldName": "required"
|
|
1442
|
-
},
|
|
1443
|
-
{
|
|
1444
|
-
"name": "setCustomValidity",
|
|
1445
|
-
"type": {
|
|
1446
|
-
"text": "string"
|
|
1447
|
-
},
|
|
1448
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1449
|
-
"fieldName": "setCustomValidity"
|
|
1450
|
-
},
|
|
1451
|
-
{
|
|
1452
|
-
"name": "setCustomValidityCustomError",
|
|
1453
|
-
"type": {
|
|
1454
|
-
"text": "string"
|
|
1455
|
-
},
|
|
1456
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1457
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1458
|
-
},
|
|
1459
|
-
{
|
|
1460
|
-
"name": "setCustomValidityValueMissing",
|
|
1461
|
-
"type": {
|
|
1462
|
-
"text": "string"
|
|
1463
|
-
},
|
|
1464
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1465
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1466
|
-
},
|
|
1467
|
-
{
|
|
1468
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1469
|
-
"type": {
|
|
1470
|
-
"text": "string"
|
|
1471
|
-
},
|
|
1472
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1473
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1474
|
-
},
|
|
1475
|
-
{
|
|
1476
|
-
"name": "triggerIcon",
|
|
1477
|
-
"type": {
|
|
1478
|
-
"text": "boolean"
|
|
1479
|
-
},
|
|
1480
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1481
|
-
"fieldName": "triggerIcon"
|
|
1482
|
-
},
|
|
1483
|
-
{
|
|
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"
|
|
1490
|
-
},
|
|
1491
|
-
{
|
|
1492
|
-
"name": "typedValue",
|
|
1493
|
-
"type": {
|
|
1494
|
-
"text": "string"
|
|
1495
|
-
},
|
|
1496
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1497
|
-
"fieldName": "typedValue"
|
|
1498
|
-
},
|
|
1499
|
-
{
|
|
1500
|
-
"name": "validity",
|
|
1501
|
-
"type": {
|
|
1502
|
-
"text": "string"
|
|
1503
|
-
},
|
|
1504
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1505
|
-
"fieldName": "validity"
|
|
1506
|
-
},
|
|
1507
|
-
{
|
|
1508
|
-
"name": "value",
|
|
1509
|
-
"type": {
|
|
1510
|
-
"text": "string"
|
|
1511
|
-
},
|
|
1512
|
-
"description": "Value selected for the dropdown menu.",
|
|
1513
|
-
"fieldName": "value"
|
|
1514
|
-
},
|
|
1515
|
-
{
|
|
1516
|
-
"name": "largeFullscreenHeadline",
|
|
1517
|
-
"type": {
|
|
1518
|
-
"text": "boolean"
|
|
1519
|
-
},
|
|
1520
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1521
|
-
"fieldName": "largeFullscreenHeadline"
|
|
1522
|
-
},
|
|
1523
|
-
{
|
|
1524
|
-
"name": "fullscreenBreakpoint",
|
|
1525
|
-
"type": {
|
|
1526
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1527
|
-
},
|
|
1528
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1529
|
-
"default": "'sm'",
|
|
1530
|
-
"fieldName": "fullscreenBreakpoint"
|
|
1531
|
-
},
|
|
1532
|
-
{
|
|
1533
|
-
"name": "shape",
|
|
1534
|
-
"type": {
|
|
1535
|
-
"text": "string"
|
|
1536
|
-
},
|
|
1537
|
-
"fieldName": "shape",
|
|
1538
|
-
"inheritedFrom": {
|
|
1539
|
-
"name": "AuroElement",
|
|
1540
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1351
|
+
"kind": "method",
|
|
1352
|
+
"name": "configureMenu",
|
|
1353
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1354
|
+
"privacy": "private",
|
|
1355
|
+
"return": {
|
|
1356
|
+
"type": {
|
|
1357
|
+
"text": "void"
|
|
1358
|
+
}
|
|
1541
1359
|
}
|
|
1542
1360
|
},
|
|
1543
1361
|
{
|
|
1544
|
-
"
|
|
1545
|
-
"
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
"
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1362
|
+
"kind": "method",
|
|
1363
|
+
"name": "configureInput",
|
|
1364
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1365
|
+
"privacy": "private",
|
|
1366
|
+
"return": {
|
|
1367
|
+
"type": {
|
|
1368
|
+
"text": "void"
|
|
1369
|
+
}
|
|
1552
1370
|
}
|
|
1553
1371
|
},
|
|
1554
1372
|
{
|
|
1555
|
-
"
|
|
1556
|
-
"
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
"declarations": [
|
|
1589
|
-
{
|
|
1590
|
-
"kind": "variable",
|
|
1591
|
-
"name": "comboboxKeyboardStrategy",
|
|
1592
|
-
"type": {
|
|
1593
|
-
"text": "object"
|
|
1594
|
-
},
|
|
1595
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
1596
|
-
}
|
|
1597
|
-
],
|
|
1598
|
-
"exports": [
|
|
1599
|
-
{
|
|
1600
|
-
"kind": "js",
|
|
1601
|
-
"name": "comboboxKeyboardStrategy",
|
|
1602
|
-
"declaration": {
|
|
1603
|
-
"name": "comboboxKeyboardStrategy",
|
|
1604
|
-
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1605
|
-
}
|
|
1606
|
-
}
|
|
1607
|
-
]
|
|
1608
|
-
},
|
|
1609
|
-
{
|
|
1610
|
-
"kind": "javascript-module",
|
|
1611
|
-
"path": "components/combobox/src/index.js",
|
|
1612
|
-
"declarations": [],
|
|
1613
|
-
"exports": [
|
|
1614
|
-
{
|
|
1615
|
-
"kind": "js",
|
|
1616
|
-
"name": "AuroCombobox",
|
|
1617
|
-
"declaration": {
|
|
1618
|
-
"name": "AuroCombobox",
|
|
1619
|
-
"module": "components/combobox/src/index.js"
|
|
1620
|
-
}
|
|
1621
|
-
}
|
|
1622
|
-
]
|
|
1623
|
-
},
|
|
1624
|
-
{
|
|
1625
|
-
"kind": "javascript-module",
|
|
1626
|
-
"path": "components/combobox/src/registered.js",
|
|
1627
|
-
"declarations": [],
|
|
1628
|
-
"exports": [
|
|
1629
|
-
{
|
|
1630
|
-
"kind": "js",
|
|
1631
|
-
"name": "AuroCombobox",
|
|
1632
|
-
"declaration": {
|
|
1633
|
-
"name": "AuroCombobox",
|
|
1634
|
-
"module": "components/combobox/src/registered.js"
|
|
1635
|
-
}
|
|
1636
|
-
}
|
|
1637
|
-
]
|
|
1638
|
-
},
|
|
1639
|
-
{
|
|
1640
|
-
"kind": "javascript-module",
|
|
1641
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1642
|
-
"declarations": [
|
|
1643
|
-
{
|
|
1644
|
-
"kind": "class",
|
|
1645
|
-
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1646
|
-
"name": "AuroCheckboxGroup",
|
|
1647
|
-
"slots": [
|
|
1373
|
+
"kind": "method",
|
|
1374
|
+
"name": "handleMenuLoadingChange",
|
|
1375
|
+
"parameters": [
|
|
1376
|
+
{
|
|
1377
|
+
"name": "event",
|
|
1378
|
+
"description": "The event object containing details about the loading state change.",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "CustomEvent"
|
|
1381
|
+
}
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1385
|
+
"name": "event.detail.loading",
|
|
1386
|
+
"type": {
|
|
1387
|
+
"text": "boolean"
|
|
1388
|
+
}
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1392
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1393
|
+
"type": {
|
|
1394
|
+
"text": "boolean"
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
],
|
|
1398
|
+
"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.",
|
|
1399
|
+
"privacy": "private",
|
|
1400
|
+
"return": {
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "void"
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
},
|
|
1648
1406
|
{
|
|
1649
|
-
"
|
|
1650
|
-
"name": "
|
|
1407
|
+
"kind": "method",
|
|
1408
|
+
"name": "handleInputValueChange",
|
|
1409
|
+
"parameters": [
|
|
1410
|
+
{
|
|
1411
|
+
"name": "event",
|
|
1412
|
+
"description": "The input event triggered by the input element.",
|
|
1413
|
+
"type": {
|
|
1414
|
+
"text": "Event"
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
],
|
|
1418
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1419
|
+
"privacy": "private",
|
|
1420
|
+
"return": {
|
|
1421
|
+
"type": {
|
|
1422
|
+
"text": "void"
|
|
1423
|
+
}
|
|
1424
|
+
}
|
|
1651
1425
|
},
|
|
1652
1426
|
{
|
|
1653
|
-
"
|
|
1654
|
-
"name": "
|
|
1427
|
+
"kind": "method",
|
|
1428
|
+
"name": "configureCombobox",
|
|
1429
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1430
|
+
"privacy": "private",
|
|
1431
|
+
"return": {
|
|
1432
|
+
"type": {
|
|
1433
|
+
"text": "void"
|
|
1434
|
+
}
|
|
1435
|
+
}
|
|
1655
1436
|
},
|
|
1656
1437
|
{
|
|
1657
|
-
"
|
|
1658
|
-
"name": "
|
|
1438
|
+
"kind": "method",
|
|
1439
|
+
"name": "focus",
|
|
1440
|
+
"description": "Focuses the combobox trigger input.",
|
|
1441
|
+
"return": {
|
|
1442
|
+
"type": {
|
|
1443
|
+
"text": "void"
|
|
1444
|
+
}
|
|
1445
|
+
}
|
|
1659
1446
|
},
|
|
1660
1447
|
{
|
|
1661
|
-
"
|
|
1662
|
-
"name": "
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1448
|
+
"kind": "method",
|
|
1449
|
+
"name": "setMenuValue",
|
|
1450
|
+
"parameters": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "value",
|
|
1453
|
+
"description": "The value to set on the menu.",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "string"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"description": "Sets the menu value if menu is available.",
|
|
1460
|
+
"return": {
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "void"
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1666
1466
|
{
|
|
1667
1467
|
"kind": "method",
|
|
1668
|
-
"name": "
|
|
1468
|
+
"name": "reset",
|
|
1469
|
+
"description": "Resets component to initial state.",
|
|
1470
|
+
"return": {
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "void"
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1669
1475
|
},
|
|
1670
1476
|
{
|
|
1671
1477
|
"kind": "method",
|
|
1672
|
-
"name": "
|
|
1673
|
-
"
|
|
1478
|
+
"name": "clear",
|
|
1479
|
+
"description": "Clears the current value of the combobox.",
|
|
1480
|
+
"return": {
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "void"
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"kind": "method",
|
|
1488
|
+
"name": "validate",
|
|
1674
1489
|
"parameters": [
|
|
1675
1490
|
{
|
|
1676
|
-
"name": "
|
|
1677
|
-
"default": "
|
|
1678
|
-
"description": "
|
|
1491
|
+
"name": "force",
|
|
1492
|
+
"default": "false",
|
|
1493
|
+
"description": "Whether to force validation.",
|
|
1679
1494
|
"optional": true,
|
|
1680
1495
|
"type": {
|
|
1681
|
-
"text": "
|
|
1496
|
+
"text": "boolean"
|
|
1682
1497
|
}
|
|
1683
1498
|
}
|
|
1684
1499
|
],
|
|
1685
|
-
"description": "
|
|
1500
|
+
"description": "Validates value."
|
|
1686
1501
|
},
|
|
1687
1502
|
{
|
|
1688
1503
|
"kind": "method",
|
|
1689
|
-
"name": "
|
|
1504
|
+
"name": "transportAssignedNodes",
|
|
1690
1505
|
"parameters": [
|
|
1691
1506
|
{
|
|
1692
|
-
"name": "
|
|
1693
|
-
"description": "The
|
|
1507
|
+
"name": "slot",
|
|
1508
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1694
1509
|
"type": {
|
|
1695
|
-
"text": "
|
|
1510
|
+
"text": "HTMLSlotElement"
|
|
1696
1511
|
}
|
|
1697
1512
|
},
|
|
1698
1513
|
{
|
|
1699
|
-
"name": "
|
|
1700
|
-
"description": "The
|
|
1514
|
+
"name": "target",
|
|
1515
|
+
"description": "The target element to apply the nodes to.",
|
|
1701
1516
|
"type": {
|
|
1702
|
-
"text": "
|
|
1517
|
+
"text": "HTMLElement"
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "newSlotName",
|
|
1522
|
+
"description": "The new slot name for the applied nodes.",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "string"
|
|
1703
1525
|
}
|
|
1704
1526
|
}
|
|
1705
1527
|
],
|
|
1706
|
-
"description": "
|
|
1528
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1529
|
+
"privacy": "private",
|
|
1530
|
+
"return": {
|
|
1531
|
+
"type": {
|
|
1532
|
+
"text": "void"
|
|
1533
|
+
}
|
|
1534
|
+
}
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"kind": "method",
|
|
1538
|
+
"name": "updateActiveOption",
|
|
1539
|
+
"parameters": [
|
|
1540
|
+
{
|
|
1541
|
+
"name": "index",
|
|
1542
|
+
"description": "Index of the option to make active.",
|
|
1543
|
+
"type": {
|
|
1544
|
+
"text": "number"
|
|
1545
|
+
}
|
|
1546
|
+
}
|
|
1547
|
+
],
|
|
1548
|
+
"description": "Updates the active option in the menu."
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"kind": "method",
|
|
1552
|
+
"name": "handleSlotChange",
|
|
1553
|
+
"parameters": [
|
|
1554
|
+
{
|
|
1555
|
+
"name": "event",
|
|
1556
|
+
"description": "`slotchange` event.",
|
|
1557
|
+
"type": {
|
|
1558
|
+
"text": "Event"
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
],
|
|
1562
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1707
1563
|
"privacy": "private",
|
|
1708
1564
|
"return": {
|
|
1709
1565
|
"type": {
|
|
@@ -1712,96 +1568,203 @@
|
|
|
1712
1568
|
}
|
|
1713
1569
|
},
|
|
1714
1570
|
{
|
|
1715
|
-
"kind": "
|
|
1716
|
-
"name": "
|
|
1717
|
-
"
|
|
1571
|
+
"kind": "field",
|
|
1572
|
+
"name": "appearance",
|
|
1573
|
+
"privacy": "public",
|
|
1574
|
+
"type": {
|
|
1575
|
+
"text": "string"
|
|
1576
|
+
},
|
|
1577
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1578
|
+
"default": "'default'",
|
|
1579
|
+
"attribute": "appearance",
|
|
1580
|
+
"reflects": true
|
|
1581
|
+
},
|
|
1582
|
+
{
|
|
1583
|
+
"kind": "field",
|
|
1584
|
+
"name": "autocomplete",
|
|
1585
|
+
"privacy": "public",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1590
|
+
"attribute": "autocomplete",
|
|
1591
|
+
"reflects": true
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"kind": "field",
|
|
1595
|
+
"name": "autoPlacement",
|
|
1596
|
+
"privacy": "public",
|
|
1597
|
+
"type": {
|
|
1598
|
+
"text": "boolean"
|
|
1599
|
+
},
|
|
1600
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1601
|
+
"attribute": "autoPlacement",
|
|
1602
|
+
"reflects": true
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"kind": "field",
|
|
1606
|
+
"name": "availableOptions",
|
|
1607
|
+
"privacy": "private",
|
|
1608
|
+
"type": {
|
|
1609
|
+
"text": "array"
|
|
1610
|
+
},
|
|
1611
|
+
"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).",
|
|
1612
|
+
"attribute": "availableOptions"
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "behavior",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "'filter' | 'suggestion'"
|
|
1620
|
+
},
|
|
1621
|
+
"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.",
|
|
1622
|
+
"default": "'suggestion'",
|
|
1623
|
+
"attribute": "behavior",
|
|
1624
|
+
"reflects": true
|
|
1625
|
+
},
|
|
1626
|
+
{
|
|
1627
|
+
"kind": "field",
|
|
1628
|
+
"name": "checkmark",
|
|
1629
|
+
"privacy": "public",
|
|
1630
|
+
"type": {
|
|
1631
|
+
"text": "boolean"
|
|
1632
|
+
},
|
|
1633
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1634
|
+
"attribute": "checkmark",
|
|
1635
|
+
"reflects": true
|
|
1636
|
+
},
|
|
1637
|
+
{
|
|
1638
|
+
"kind": "field",
|
|
1639
|
+
"name": "disabled",
|
|
1640
|
+
"privacy": "public",
|
|
1641
|
+
"type": {
|
|
1642
|
+
"text": "boolean"
|
|
1643
|
+
},
|
|
1644
|
+
"description": "If set, disables the combobox.",
|
|
1645
|
+
"attribute": "disabled",
|
|
1646
|
+
"reflects": true
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"kind": "field",
|
|
1650
|
+
"name": "dropdownId",
|
|
1718
1651
|
"privacy": "private",
|
|
1719
|
-
"
|
|
1720
|
-
"
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
}
|
|
1652
|
+
"type": {
|
|
1653
|
+
"text": "string"
|
|
1654
|
+
},
|
|
1655
|
+
"description": "ID for the dropdown."
|
|
1724
1656
|
},
|
|
1725
1657
|
{
|
|
1726
|
-
"kind": "
|
|
1727
|
-
"name": "
|
|
1728
|
-
"description": "Helper method that handles the state of checkboxes.",
|
|
1658
|
+
"kind": "field",
|
|
1659
|
+
"name": "dropdownOpen",
|
|
1729
1660
|
"privacy": "private",
|
|
1730
|
-
"
|
|
1731
|
-
"
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
}
|
|
1661
|
+
"type": {
|
|
1662
|
+
"text": "boolean"
|
|
1663
|
+
},
|
|
1664
|
+
"description": "Whether or not the dropdown is open."
|
|
1735
1665
|
},
|
|
1736
1666
|
{
|
|
1737
|
-
"kind": "
|
|
1738
|
-
"name": "
|
|
1739
|
-
"
|
|
1740
|
-
"
|
|
1741
|
-
"
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1667
|
+
"kind": "field",
|
|
1668
|
+
"name": "dvInputOnly",
|
|
1669
|
+
"privacy": "public",
|
|
1670
|
+
"type": {
|
|
1671
|
+
"text": "boolean"
|
|
1672
|
+
},
|
|
1673
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1674
|
+
"attribute": "dvInputOnly",
|
|
1675
|
+
"reflects": true
|
|
1745
1676
|
},
|
|
1746
1677
|
{
|
|
1747
|
-
"kind": "
|
|
1748
|
-
"name": "
|
|
1749
|
-
"
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
"text": "boolean"
|
|
1757
|
-
}
|
|
1758
|
-
}
|
|
1759
|
-
],
|
|
1760
|
-
"description": "Validates value."
|
|
1678
|
+
"kind": "field",
|
|
1679
|
+
"name": "error",
|
|
1680
|
+
"privacy": "public",
|
|
1681
|
+
"type": {
|
|
1682
|
+
"text": "string"
|
|
1683
|
+
},
|
|
1684
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1685
|
+
"attribute": "error",
|
|
1686
|
+
"reflects": true
|
|
1761
1687
|
},
|
|
1762
1688
|
{
|
|
1763
1689
|
"kind": "field",
|
|
1764
|
-
"name": "
|
|
1690
|
+
"name": "format",
|
|
1765
1691
|
"privacy": "public",
|
|
1766
1692
|
"type": {
|
|
1767
|
-
"text": "
|
|
1693
|
+
"text": "string"
|
|
1768
1694
|
},
|
|
1769
|
-
"description": "
|
|
1770
|
-
"
|
|
1771
|
-
"attribute": "appearance",
|
|
1695
|
+
"description": "Specifies the input mask format.",
|
|
1696
|
+
"attribute": "format",
|
|
1772
1697
|
"reflects": true
|
|
1773
1698
|
},
|
|
1774
1699
|
{
|
|
1775
1700
|
"kind": "field",
|
|
1776
|
-
"name": "
|
|
1701
|
+
"name": "inputmode",
|
|
1777
1702
|
"privacy": "public",
|
|
1778
1703
|
"type": {
|
|
1779
|
-
"text": "
|
|
1704
|
+
"text": "string"
|
|
1780
1705
|
},
|
|
1781
|
-
"description": "
|
|
1782
|
-
"attribute": "
|
|
1706
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1707
|
+
"attribute": "inputmode",
|
|
1783
1708
|
"reflects": true
|
|
1784
1709
|
},
|
|
1785
1710
|
{
|
|
1786
1711
|
"kind": "field",
|
|
1787
|
-
"name": "
|
|
1712
|
+
"name": "layout",
|
|
1788
1713
|
"privacy": "public",
|
|
1789
1714
|
"type": {
|
|
1790
1715
|
"text": "string"
|
|
1791
1716
|
},
|
|
1792
|
-
"description": "
|
|
1793
|
-
"
|
|
1717
|
+
"description": "Sets the layout of the combobox.",
|
|
1718
|
+
"default": "'classic'",
|
|
1719
|
+
"attribute": "layout",
|
|
1720
|
+
"reflects": true,
|
|
1721
|
+
"inheritedFrom": {
|
|
1722
|
+
"name": "AuroElement",
|
|
1723
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1724
|
+
}
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"kind": "field",
|
|
1728
|
+
"name": "matchWidth",
|
|
1729
|
+
"privacy": "private",
|
|
1730
|
+
"type": {
|
|
1731
|
+
"text": "boolean"
|
|
1732
|
+
},
|
|
1733
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1734
|
+
"attribute": "matchWidth",
|
|
1794
1735
|
"reflects": true
|
|
1795
1736
|
},
|
|
1796
1737
|
{
|
|
1797
1738
|
"kind": "field",
|
|
1798
|
-
"name": "
|
|
1739
|
+
"name": "noFilter",
|
|
1799
1740
|
"privacy": "public",
|
|
1800
1741
|
"type": {
|
|
1801
1742
|
"text": "boolean"
|
|
1802
1743
|
},
|
|
1803
|
-
"description": "If set,
|
|
1804
|
-
"attribute": "
|
|
1744
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1745
|
+
"attribute": "noFilter",
|
|
1746
|
+
"reflects": true
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"kind": "field",
|
|
1750
|
+
"name": "noFlip",
|
|
1751
|
+
"privacy": "public",
|
|
1752
|
+
"type": {
|
|
1753
|
+
"text": "boolean"
|
|
1754
|
+
},
|
|
1755
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1756
|
+
"attribute": "noFlip",
|
|
1757
|
+
"reflects": true
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"kind": "field",
|
|
1761
|
+
"name": "shift",
|
|
1762
|
+
"privacy": "public",
|
|
1763
|
+
"type": {
|
|
1764
|
+
"text": "boolean"
|
|
1765
|
+
},
|
|
1766
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1767
|
+
"attribute": "shift",
|
|
1805
1768
|
"reflects": true
|
|
1806
1769
|
},
|
|
1807
1770
|
{
|
|
@@ -1815,6 +1778,18 @@
|
|
|
1815
1778
|
"attribute": "noValidate",
|
|
1816
1779
|
"reflects": true
|
|
1817
1780
|
},
|
|
1781
|
+
{
|
|
1782
|
+
"kind": "field",
|
|
1783
|
+
"name": "offset",
|
|
1784
|
+
"privacy": "public",
|
|
1785
|
+
"type": {
|
|
1786
|
+
"text": "number"
|
|
1787
|
+
},
|
|
1788
|
+
"description": "Gap between the trigger element and bib.",
|
|
1789
|
+
"default": "0",
|
|
1790
|
+
"attribute": "offset",
|
|
1791
|
+
"reflects": true
|
|
1792
|
+
},
|
|
1818
1793
|
{
|
|
1819
1794
|
"kind": "field",
|
|
1820
1795
|
"name": "onDark",
|
|
@@ -1822,8 +1797,56 @@
|
|
|
1822
1797
|
"type": {
|
|
1823
1798
|
"text": "boolean"
|
|
1824
1799
|
},
|
|
1825
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1826
1800
|
"attribute": "onDark",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1803
|
+
"inheritedFrom": {
|
|
1804
|
+
"name": "AuroElement",
|
|
1805
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"kind": "field",
|
|
1810
|
+
"name": "optionSelected",
|
|
1811
|
+
"privacy": "public",
|
|
1812
|
+
"type": {
|
|
1813
|
+
"text": "HTMLElement"
|
|
1814
|
+
},
|
|
1815
|
+
"description": "Specifies the current selected option.",
|
|
1816
|
+
"attribute": "optionSelected"
|
|
1817
|
+
},
|
|
1818
|
+
{
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "persistInput",
|
|
1821
|
+
"privacy": "public",
|
|
1822
|
+
"type": {
|
|
1823
|
+
"text": "boolean"
|
|
1824
|
+
},
|
|
1825
|
+
"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.",
|
|
1826
|
+
"attribute": "persistInput",
|
|
1827
|
+
"reflects": true
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"kind": "field",
|
|
1831
|
+
"name": "placement",
|
|
1832
|
+
"privacy": "public",
|
|
1833
|
+
"type": {
|
|
1834
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1835
|
+
},
|
|
1836
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1837
|
+
"default": "'bottom-start'",
|
|
1838
|
+
"attribute": "placement",
|
|
1839
|
+
"reflects": true
|
|
1840
|
+
},
|
|
1841
|
+
{
|
|
1842
|
+
"kind": "field",
|
|
1843
|
+
"name": "placeholder",
|
|
1844
|
+
"privacy": "public",
|
|
1845
|
+
"type": {
|
|
1846
|
+
"text": "string"
|
|
1847
|
+
},
|
|
1848
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1849
|
+
"attribute": "placeholder",
|
|
1827
1850
|
"reflects": true
|
|
1828
1851
|
},
|
|
1829
1852
|
{
|
|
@@ -1833,7 +1856,7 @@
|
|
|
1833
1856
|
"type": {
|
|
1834
1857
|
"text": "boolean"
|
|
1835
1858
|
},
|
|
1836
|
-
"description": "Populates the `required` attribute on the
|
|
1859
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1837
1860
|
"attribute": "required",
|
|
1838
1861
|
"reflects": true
|
|
1839
1862
|
},
|
|
@@ -1864,8 +1887,60 @@
|
|
|
1864
1887
|
"type": {
|
|
1865
1888
|
"text": "string"
|
|
1866
1889
|
},
|
|
1867
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1868
|
-
"attribute": "setCustomValidityValueMissing"
|
|
1890
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1891
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1892
|
+
},
|
|
1893
|
+
{
|
|
1894
|
+
"kind": "field",
|
|
1895
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1896
|
+
"privacy": "public",
|
|
1897
|
+
"type": {
|
|
1898
|
+
"text": "string"
|
|
1899
|
+
},
|
|
1900
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1901
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1902
|
+
},
|
|
1903
|
+
{
|
|
1904
|
+
"kind": "field",
|
|
1905
|
+
"name": "touched",
|
|
1906
|
+
"privacy": "private",
|
|
1907
|
+
"type": {
|
|
1908
|
+
"text": "boolean"
|
|
1909
|
+
},
|
|
1910
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1911
|
+
},
|
|
1912
|
+
{
|
|
1913
|
+
"kind": "field",
|
|
1914
|
+
"name": "triggerIcon",
|
|
1915
|
+
"privacy": "public",
|
|
1916
|
+
"type": {
|
|
1917
|
+
"text": "boolean"
|
|
1918
|
+
},
|
|
1919
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1920
|
+
"attribute": "triggerIcon",
|
|
1921
|
+
"reflects": true
|
|
1922
|
+
},
|
|
1923
|
+
{
|
|
1924
|
+
"kind": "field",
|
|
1925
|
+
"name": "type",
|
|
1926
|
+
"privacy": "public",
|
|
1927
|
+
"type": {
|
|
1928
|
+
"text": "string"
|
|
1929
|
+
},
|
|
1930
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1931
|
+
"attribute": "type",
|
|
1932
|
+
"reflects": true
|
|
1933
|
+
},
|
|
1934
|
+
{
|
|
1935
|
+
"kind": "field",
|
|
1936
|
+
"name": "typedValue",
|
|
1937
|
+
"privacy": "public",
|
|
1938
|
+
"type": {
|
|
1939
|
+
"text": "string"
|
|
1940
|
+
},
|
|
1941
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1942
|
+
"attribute": "typedValue",
|
|
1943
|
+
"reflects": true
|
|
1869
1944
|
},
|
|
1870
1945
|
{
|
|
1871
1946
|
"kind": "field",
|
|
@@ -1877,607 +1952,551 @@
|
|
|
1877
1952
|
"description": "Specifies the `validityState` this element is in.",
|
|
1878
1953
|
"attribute": "validity",
|
|
1879
1954
|
"reflects": true
|
|
1880
|
-
}
|
|
1881
|
-
],
|
|
1882
|
-
"events": [
|
|
1883
|
-
{
|
|
1884
|
-
"name": "input",
|
|
1885
|
-
"type": {
|
|
1886
|
-
"text": "CustomEvent"
|
|
1887
|
-
}
|
|
1888
1955
|
},
|
|
1889
1956
|
{
|
|
1890
|
-
"
|
|
1891
|
-
"name": "
|
|
1892
|
-
|
|
1893
|
-
],
|
|
1894
|
-
"attributes": [
|
|
1895
|
-
{
|
|
1896
|
-
"name": "appearance",
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "value",
|
|
1959
|
+
"privacy": "public",
|
|
1897
1960
|
"type": {
|
|
1898
|
-
"text": "
|
|
1961
|
+
"text": "string"
|
|
1899
1962
|
},
|
|
1900
|
-
"description": "
|
|
1901
|
-
"
|
|
1902
|
-
"fieldName": "appearance"
|
|
1963
|
+
"description": "Value selected for the dropdown menu.",
|
|
1964
|
+
"attribute": "value"
|
|
1903
1965
|
},
|
|
1904
1966
|
{
|
|
1905
|
-
"
|
|
1967
|
+
"kind": "field",
|
|
1968
|
+
"name": "largeFullscreenHeadline",
|
|
1969
|
+
"privacy": "public",
|
|
1906
1970
|
"type": {
|
|
1907
1971
|
"text": "boolean"
|
|
1908
1972
|
},
|
|
1909
|
-
"description": "If
|
|
1910
|
-
"
|
|
1973
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1974
|
+
"attribute": "largeFullscreenHeadline",
|
|
1975
|
+
"reflects": true
|
|
1911
1976
|
},
|
|
1912
1977
|
{
|
|
1913
|
-
"
|
|
1978
|
+
"kind": "field",
|
|
1979
|
+
"name": "fullscreenBreakpoint",
|
|
1980
|
+
"privacy": "public",
|
|
1914
1981
|
"type": {
|
|
1915
|
-
"text": "
|
|
1982
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1916
1983
|
},
|
|
1917
|
-
"description": "
|
|
1918
|
-
"
|
|
1984
|
+
"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.",
|
|
1985
|
+
"default": "'sm'",
|
|
1986
|
+
"attribute": "fullscreenBreakpoint",
|
|
1987
|
+
"reflects": true
|
|
1919
1988
|
},
|
|
1920
1989
|
{
|
|
1921
|
-
"
|
|
1990
|
+
"kind": "field",
|
|
1991
|
+
"name": "optionActive",
|
|
1992
|
+
"privacy": "private",
|
|
1922
1993
|
"type": {
|
|
1923
|
-
"text": "
|
|
1994
|
+
"text": "object"
|
|
1924
1995
|
},
|
|
1925
|
-
"description": "
|
|
1926
|
-
"fieldName": "horizontal"
|
|
1996
|
+
"description": "Specifies the currently active option."
|
|
1927
1997
|
},
|
|
1928
1998
|
{
|
|
1929
|
-
"
|
|
1999
|
+
"kind": "field",
|
|
2000
|
+
"name": "triggerExpandedState",
|
|
2001
|
+
"privacy": "private",
|
|
1930
2002
|
"type": {
|
|
1931
2003
|
"text": "boolean"
|
|
1932
2004
|
},
|
|
1933
|
-
"description": "
|
|
1934
|
-
"fieldName": "noValidate"
|
|
2005
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1935
2006
|
},
|
|
1936
2007
|
{
|
|
1937
|
-
"
|
|
1938
|
-
"
|
|
1939
|
-
|
|
2008
|
+
"kind": "field",
|
|
2009
|
+
"name": "componentHasFocus",
|
|
2010
|
+
"description": "Returns true if the element has focus.",
|
|
2011
|
+
"privacy": "private",
|
|
2012
|
+
"return": {
|
|
2013
|
+
"type": {
|
|
2014
|
+
"text": "boolean"
|
|
2015
|
+
}
|
|
1940
2016
|
},
|
|
1941
|
-
"
|
|
1942
|
-
"
|
|
2017
|
+
"readonly": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2021
|
+
}
|
|
1943
2022
|
},
|
|
1944
2023
|
{
|
|
1945
|
-
"
|
|
1946
|
-
"
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
2024
|
+
"kind": "method",
|
|
2025
|
+
"name": "resetShapeClasses",
|
|
2026
|
+
"inheritedFrom": {
|
|
2027
|
+
"name": "AuroElement",
|
|
2028
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2029
|
+
}
|
|
1951
2030
|
},
|
|
1952
2031
|
{
|
|
1953
|
-
"
|
|
1954
|
-
"
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
2032
|
+
"kind": "method",
|
|
2033
|
+
"name": "resetLayoutClasses",
|
|
2034
|
+
"inheritedFrom": {
|
|
2035
|
+
"name": "AuroElement",
|
|
2036
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2037
|
+
}
|
|
1959
2038
|
},
|
|
1960
2039
|
{
|
|
1961
|
-
"
|
|
1962
|
-
"
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
2040
|
+
"kind": "method",
|
|
2041
|
+
"name": "updateComponentArchitecture",
|
|
2042
|
+
"inheritedFrom": {
|
|
2043
|
+
"name": "AuroElement",
|
|
2044
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2045
|
+
}
|
|
1967
2046
|
},
|
|
1968
2047
|
{
|
|
1969
|
-
"
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "shape",
|
|
2050
|
+
"privacy": "public",
|
|
1970
2051
|
"type": {
|
|
1971
2052
|
"text": "string"
|
|
1972
2053
|
},
|
|
1973
|
-
"
|
|
1974
|
-
"
|
|
2054
|
+
"attribute": "shape",
|
|
2055
|
+
"reflects": true,
|
|
2056
|
+
"inheritedFrom": {
|
|
2057
|
+
"name": "AuroElement",
|
|
2058
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2059
|
+
}
|
|
1975
2060
|
},
|
|
1976
2061
|
{
|
|
1977
|
-
"
|
|
2062
|
+
"kind": "field",
|
|
2063
|
+
"name": "size",
|
|
2064
|
+
"privacy": "public",
|
|
1978
2065
|
"type": {
|
|
1979
2066
|
"text": "string"
|
|
1980
2067
|
},
|
|
1981
|
-
"
|
|
1982
|
-
"
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
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"
|
|
2068
|
+
"attribute": "size",
|
|
2069
|
+
"reflects": true,
|
|
2070
|
+
"inheritedFrom": {
|
|
2071
|
+
"name": "AuroElement",
|
|
2072
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2073
|
+
}
|
|
2030
2074
|
}
|
|
2031
2075
|
],
|
|
2032
|
-
"
|
|
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
|
-
},
|
|
2076
|
+
"events": [
|
|
2054
2077
|
{
|
|
2055
|
-
"
|
|
2056
|
-
"
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
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
|
-
}
|
|
2078
|
+
"name": "inputValue",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "CustomEvent"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2073
2083
|
},
|
|
2074
2084
|
{
|
|
2075
|
-
"
|
|
2076
|
-
"
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
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
|
-
}
|
|
2085
|
+
"name": "input",
|
|
2086
|
+
"type": {
|
|
2087
|
+
"text": "CustomEvent"
|
|
2088
|
+
},
|
|
2089
|
+
"description": "Notifies that the component has a new value set."
|
|
2093
2090
|
},
|
|
2094
2091
|
{
|
|
2095
|
-
"
|
|
2096
|
-
"
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
"
|
|
2100
|
-
"type": {
|
|
2101
|
-
"text": "void"
|
|
2102
|
-
}
|
|
2103
|
-
}
|
|
2092
|
+
"name": "auroCombobox-valueSet",
|
|
2093
|
+
"type": {
|
|
2094
|
+
"text": "CustomEvent"
|
|
2095
|
+
},
|
|
2096
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2104
2097
|
},
|
|
2105
2098
|
{
|
|
2106
|
-
"
|
|
2107
|
-
"name": "
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2099
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2100
|
+
"name": "auroFormElement-validated"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"attributes": [
|
|
2104
|
+
{
|
|
2105
|
+
"name": "appearance",
|
|
2106
|
+
"type": {
|
|
2107
|
+
"text": "string"
|
|
2108
|
+
},
|
|
2109
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2110
|
+
"default": "'default'",
|
|
2111
|
+
"fieldName": "appearance"
|
|
2115
2112
|
},
|
|
2116
2113
|
{
|
|
2117
|
-
"
|
|
2118
|
-
"
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
}
|
|
2124
|
-
}
|
|
2114
|
+
"name": "autocomplete",
|
|
2115
|
+
"type": {
|
|
2116
|
+
"text": "string"
|
|
2117
|
+
},
|
|
2118
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2119
|
+
"fieldName": "autocomplete"
|
|
2125
2120
|
},
|
|
2126
2121
|
{
|
|
2127
|
-
"
|
|
2128
|
-
"
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
"
|
|
2132
|
-
|
|
2133
|
-
"text": "void"
|
|
2134
|
-
}
|
|
2135
|
-
}
|
|
2122
|
+
"name": "autoPlacement",
|
|
2123
|
+
"type": {
|
|
2124
|
+
"text": "boolean"
|
|
2125
|
+
},
|
|
2126
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2127
|
+
"fieldName": "autoPlacement"
|
|
2136
2128
|
},
|
|
2137
2129
|
{
|
|
2138
|
-
"
|
|
2139
|
-
"
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
"type": {
|
|
2145
|
-
"text": "KeyboardEvent"
|
|
2146
|
-
}
|
|
2147
|
-
}
|
|
2148
|
-
],
|
|
2149
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2150
|
-
"privacy": "private",
|
|
2151
|
-
"return": {
|
|
2152
|
-
"type": {
|
|
2153
|
-
"text": "void"
|
|
2154
|
-
}
|
|
2155
|
-
}
|
|
2130
|
+
"name": "availableOptions",
|
|
2131
|
+
"type": {
|
|
2132
|
+
"text": "array"
|
|
2133
|
+
},
|
|
2134
|
+
"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).",
|
|
2135
|
+
"fieldName": "availableOptions"
|
|
2156
2136
|
},
|
|
2157
2137
|
{
|
|
2158
|
-
"
|
|
2159
|
-
"name": "appearance",
|
|
2160
|
-
"privacy": "public",
|
|
2138
|
+
"name": "behavior",
|
|
2161
2139
|
"type": {
|
|
2162
|
-
"text": "'
|
|
2140
|
+
"text": "'filter' | 'suggestion'"
|
|
2163
2141
|
},
|
|
2164
|
-
"description": "
|
|
2165
|
-
"default": "'
|
|
2166
|
-
"
|
|
2167
|
-
"reflects": true
|
|
2142
|
+
"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.",
|
|
2143
|
+
"default": "'suggestion'",
|
|
2144
|
+
"fieldName": "behavior"
|
|
2168
2145
|
},
|
|
2169
2146
|
{
|
|
2170
|
-
"
|
|
2171
|
-
"name": "checked",
|
|
2172
|
-
"privacy": "public",
|
|
2147
|
+
"name": "checkmark",
|
|
2173
2148
|
"type": {
|
|
2174
2149
|
"text": "boolean"
|
|
2175
2150
|
},
|
|
2176
|
-
"description": "
|
|
2177
|
-
"
|
|
2178
|
-
"reflects": true
|
|
2151
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2152
|
+
"fieldName": "checkmark"
|
|
2179
2153
|
},
|
|
2180
2154
|
{
|
|
2181
|
-
"kind": "field",
|
|
2182
2155
|
"name": "disabled",
|
|
2183
|
-
"privacy": "public",
|
|
2184
2156
|
"type": {
|
|
2185
2157
|
"text": "boolean"
|
|
2186
2158
|
},
|
|
2187
|
-
"description": "If set
|
|
2188
|
-
"
|
|
2189
|
-
"reflects": true
|
|
2159
|
+
"description": "If set, disables the combobox.",
|
|
2160
|
+
"fieldName": "disabled"
|
|
2190
2161
|
},
|
|
2191
2162
|
{
|
|
2192
|
-
"
|
|
2193
|
-
"name": "error",
|
|
2194
|
-
"privacy": "public",
|
|
2163
|
+
"name": "dvInputOnly",
|
|
2195
2164
|
"type": {
|
|
2196
2165
|
"text": "boolean"
|
|
2197
2166
|
},
|
|
2198
|
-
"description": "If
|
|
2199
|
-
"
|
|
2200
|
-
"reflects": true
|
|
2167
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2168
|
+
"fieldName": "dvInputOnly"
|
|
2201
2169
|
},
|
|
2202
2170
|
{
|
|
2203
|
-
"
|
|
2204
|
-
"name": "id",
|
|
2205
|
-
"privacy": "public",
|
|
2171
|
+
"name": "error",
|
|
2206
2172
|
"type": {
|
|
2207
2173
|
"text": "string"
|
|
2208
2174
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2211
|
-
"reflects": true
|
|
2175
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2176
|
+
"fieldName": "error"
|
|
2212
2177
|
},
|
|
2213
2178
|
{
|
|
2214
|
-
"
|
|
2215
|
-
"name": "inputId",
|
|
2216
|
-
"privacy": "private",
|
|
2179
|
+
"name": "format",
|
|
2217
2180
|
"type": {
|
|
2218
2181
|
"text": "string"
|
|
2219
2182
|
},
|
|
2220
|
-
"description": "
|
|
2183
|
+
"description": "Specifies the input mask format.",
|
|
2184
|
+
"fieldName": "format"
|
|
2221
2185
|
},
|
|
2222
2186
|
{
|
|
2223
|
-
"
|
|
2224
|
-
"name": "name",
|
|
2225
|
-
"privacy": "public",
|
|
2187
|
+
"name": "inputmode",
|
|
2226
2188
|
"type": {
|
|
2227
2189
|
"text": "string"
|
|
2228
2190
|
},
|
|
2229
|
-
"description": "
|
|
2230
|
-
"
|
|
2191
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2192
|
+
"fieldName": "inputmode"
|
|
2231
2193
|
},
|
|
2232
2194
|
{
|
|
2233
|
-
"
|
|
2234
|
-
"
|
|
2235
|
-
|
|
2195
|
+
"name": "layout",
|
|
2196
|
+
"type": {
|
|
2197
|
+
"text": "string"
|
|
2198
|
+
},
|
|
2199
|
+
"description": "Sets the layout of the combobox.",
|
|
2200
|
+
"default": "'classic'",
|
|
2201
|
+
"fieldName": "layout",
|
|
2202
|
+
"inheritedFrom": {
|
|
2203
|
+
"name": "AuroElement",
|
|
2204
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
{
|
|
2208
|
+
"name": "matchWidth",
|
|
2236
2209
|
"type": {
|
|
2237
2210
|
"text": "boolean"
|
|
2238
2211
|
},
|
|
2239
|
-
"description": "
|
|
2240
|
-
"
|
|
2241
|
-
"reflects": true
|
|
2212
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2213
|
+
"fieldName": "matchWidth"
|
|
2242
2214
|
},
|
|
2243
2215
|
{
|
|
2244
|
-
"
|
|
2245
|
-
"name": "touched",
|
|
2246
|
-
"privacy": "private",
|
|
2216
|
+
"name": "noFilter",
|
|
2247
2217
|
"type": {
|
|
2248
2218
|
"text": "boolean"
|
|
2249
2219
|
},
|
|
2250
|
-
"description": "
|
|
2220
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2221
|
+
"fieldName": "noFilter"
|
|
2251
2222
|
},
|
|
2252
2223
|
{
|
|
2253
|
-
"
|
|
2254
|
-
"name": "value",
|
|
2255
|
-
"privacy": "public",
|
|
2224
|
+
"name": "noFlip",
|
|
2256
2225
|
"type": {
|
|
2257
|
-
"text": "
|
|
2226
|
+
"text": "boolean"
|
|
2258
2227
|
},
|
|
2259
|
-
"description": "
|
|
2260
|
-
"
|
|
2228
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2229
|
+
"fieldName": "noFlip"
|
|
2261
2230
|
},
|
|
2262
2231
|
{
|
|
2263
|
-
"
|
|
2264
|
-
"
|
|
2265
|
-
|
|
2232
|
+
"name": "shift",
|
|
2233
|
+
"type": {
|
|
2234
|
+
"text": "boolean"
|
|
2235
|
+
},
|
|
2236
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2237
|
+
"fieldName": "shift"
|
|
2238
|
+
},
|
|
2239
|
+
{
|
|
2240
|
+
"name": "noValidate",
|
|
2241
|
+
"type": {
|
|
2242
|
+
"text": "boolean"
|
|
2243
|
+
},
|
|
2244
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2245
|
+
"fieldName": "noValidate"
|
|
2246
|
+
},
|
|
2247
|
+
{
|
|
2248
|
+
"name": "offset",
|
|
2266
2249
|
"type": {
|
|
2267
2250
|
"text": "number"
|
|
2268
2251
|
},
|
|
2269
|
-
"description": "
|
|
2270
|
-
"
|
|
2271
|
-
"
|
|
2252
|
+
"description": "Gap between the trigger element and bib.",
|
|
2253
|
+
"default": "0",
|
|
2254
|
+
"fieldName": "offset"
|
|
2272
2255
|
},
|
|
2273
2256
|
{
|
|
2274
|
-
"
|
|
2275
|
-
"name": "ariaChecked",
|
|
2276
|
-
"privacy": "private",
|
|
2257
|
+
"name": "onDark",
|
|
2277
2258
|
"type": {
|
|
2278
|
-
"text": "
|
|
2259
|
+
"text": "boolean"
|
|
2279
2260
|
},
|
|
2280
|
-
"description": "
|
|
2281
|
-
"
|
|
2282
|
-
"reflects": true
|
|
2261
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2262
|
+
"fieldName": "onDark"
|
|
2283
2263
|
},
|
|
2284
2264
|
{
|
|
2285
|
-
"
|
|
2286
|
-
"name": "ariaDisabled",
|
|
2287
|
-
"privacy": "private",
|
|
2265
|
+
"name": "optionSelected",
|
|
2288
2266
|
"type": {
|
|
2289
|
-
"text": "
|
|
2267
|
+
"text": "HTMLElement"
|
|
2290
2268
|
},
|
|
2291
|
-
"description": "
|
|
2292
|
-
"
|
|
2293
|
-
"reflects": true
|
|
2269
|
+
"description": "Specifies the current selected option.",
|
|
2270
|
+
"fieldName": "optionSelected"
|
|
2294
2271
|
},
|
|
2295
2272
|
{
|
|
2296
|
-
"
|
|
2297
|
-
"name": "role",
|
|
2298
|
-
"privacy": "private",
|
|
2273
|
+
"name": "persistInput",
|
|
2299
2274
|
"type": {
|
|
2300
|
-
"text": "
|
|
2275
|
+
"text": "boolean"
|
|
2301
2276
|
},
|
|
2302
|
-
"description": "
|
|
2303
|
-
"
|
|
2304
|
-
|
|
2305
|
-
}
|
|
2306
|
-
],
|
|
2307
|
-
"events": [
|
|
2277
|
+
"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.",
|
|
2278
|
+
"fieldName": "persistInput"
|
|
2279
|
+
},
|
|
2308
2280
|
{
|
|
2309
|
-
"name": "
|
|
2281
|
+
"name": "placement",
|
|
2310
2282
|
"type": {
|
|
2311
|
-
"text": "
|
|
2312
|
-
}
|
|
2283
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2284
|
+
},
|
|
2285
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2286
|
+
"default": "'bottom-start'",
|
|
2287
|
+
"fieldName": "placement"
|
|
2313
2288
|
},
|
|
2314
2289
|
{
|
|
2315
|
-
"name": "
|
|
2290
|
+
"name": "placeholder",
|
|
2316
2291
|
"type": {
|
|
2317
|
-
"text": "
|
|
2318
|
-
}
|
|
2292
|
+
"text": "string"
|
|
2293
|
+
},
|
|
2294
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2295
|
+
"fieldName": "placeholder"
|
|
2319
2296
|
},
|
|
2320
2297
|
{
|
|
2321
|
-
"name": "
|
|
2298
|
+
"name": "required",
|
|
2322
2299
|
"type": {
|
|
2323
|
-
"text": "
|
|
2324
|
-
}
|
|
2300
|
+
"text": "boolean"
|
|
2301
|
+
},
|
|
2302
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2303
|
+
"fieldName": "required"
|
|
2325
2304
|
},
|
|
2326
2305
|
{
|
|
2327
|
-
"
|
|
2328
|
-
"
|
|
2306
|
+
"name": "setCustomValidity",
|
|
2307
|
+
"type": {
|
|
2308
|
+
"text": "string"
|
|
2309
|
+
},
|
|
2310
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2311
|
+
"fieldName": "setCustomValidity"
|
|
2329
2312
|
},
|
|
2330
2313
|
{
|
|
2331
|
-
"
|
|
2332
|
-
"name": "input"
|
|
2333
|
-
}
|
|
2334
|
-
],
|
|
2335
|
-
"attributes": [
|
|
2336
|
-
{
|
|
2337
|
-
"name": "appearance",
|
|
2314
|
+
"name": "setCustomValidityCustomError",
|
|
2338
2315
|
"type": {
|
|
2339
|
-
"text": "
|
|
2316
|
+
"text": "string"
|
|
2340
2317
|
},
|
|
2341
|
-
"description": "
|
|
2342
|
-
"
|
|
2343
|
-
"fieldName": "appearance"
|
|
2318
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2319
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2344
2320
|
},
|
|
2345
2321
|
{
|
|
2346
|
-
"name": "
|
|
2322
|
+
"name": "setCustomValidityValueMissing",
|
|
2347
2323
|
"type": {
|
|
2348
|
-
"text": "
|
|
2324
|
+
"text": "string"
|
|
2349
2325
|
},
|
|
2350
|
-
"description": "
|
|
2351
|
-
"fieldName": "
|
|
2326
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2327
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2352
2328
|
},
|
|
2353
2329
|
{
|
|
2354
|
-
"name": "
|
|
2330
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2355
2331
|
"type": {
|
|
2356
|
-
"text": "
|
|
2332
|
+
"text": "string"
|
|
2357
2333
|
},
|
|
2358
|
-
"description": "
|
|
2359
|
-
"fieldName": "
|
|
2334
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2335
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2360
2336
|
},
|
|
2361
2337
|
{
|
|
2362
|
-
"name": "
|
|
2338
|
+
"name": "triggerIcon",
|
|
2363
2339
|
"type": {
|
|
2364
2340
|
"text": "boolean"
|
|
2365
2341
|
},
|
|
2366
|
-
"description": "If set
|
|
2367
|
-
"fieldName": "
|
|
2342
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2343
|
+
"fieldName": "triggerIcon"
|
|
2368
2344
|
},
|
|
2369
2345
|
{
|
|
2370
|
-
"name": "
|
|
2346
|
+
"name": "type",
|
|
2371
2347
|
"type": {
|
|
2372
2348
|
"text": "string"
|
|
2373
2349
|
},
|
|
2374
|
-
"description": "
|
|
2375
|
-
"fieldName": "
|
|
2350
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2351
|
+
"fieldName": "type"
|
|
2376
2352
|
},
|
|
2377
2353
|
{
|
|
2378
|
-
"name": "
|
|
2354
|
+
"name": "typedValue",
|
|
2379
2355
|
"type": {
|
|
2380
2356
|
"text": "string"
|
|
2381
2357
|
},
|
|
2382
|
-
"description": "
|
|
2383
|
-
"fieldName": "
|
|
2358
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2359
|
+
"fieldName": "typedValue"
|
|
2384
2360
|
},
|
|
2385
2361
|
{
|
|
2386
|
-
"name": "
|
|
2362
|
+
"name": "validity",
|
|
2387
2363
|
"type": {
|
|
2388
|
-
"text": "
|
|
2364
|
+
"text": "string"
|
|
2389
2365
|
},
|
|
2390
|
-
"description": "
|
|
2391
|
-
"fieldName": "
|
|
2366
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2367
|
+
"fieldName": "validity"
|
|
2392
2368
|
},
|
|
2393
2369
|
{
|
|
2394
2370
|
"name": "value",
|
|
2395
2371
|
"type": {
|
|
2396
2372
|
"text": "string"
|
|
2397
2373
|
},
|
|
2398
|
-
"description": "
|
|
2374
|
+
"description": "Value selected for the dropdown menu.",
|
|
2399
2375
|
"fieldName": "value"
|
|
2400
2376
|
},
|
|
2401
2377
|
{
|
|
2402
|
-
"name": "
|
|
2378
|
+
"name": "largeFullscreenHeadline",
|
|
2403
2379
|
"type": {
|
|
2404
|
-
"text": "
|
|
2380
|
+
"text": "boolean"
|
|
2405
2381
|
},
|
|
2406
|
-
"description": "
|
|
2407
|
-
"fieldName": "
|
|
2382
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2383
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2408
2384
|
},
|
|
2409
2385
|
{
|
|
2410
|
-
"name": "
|
|
2386
|
+
"name": "fullscreenBreakpoint",
|
|
2411
2387
|
"type": {
|
|
2412
|
-
"text": "
|
|
2388
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2413
2389
|
},
|
|
2414
|
-
"description": "
|
|
2415
|
-
"
|
|
2390
|
+
"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.",
|
|
2391
|
+
"default": "'sm'",
|
|
2392
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2416
2393
|
},
|
|
2417
2394
|
{
|
|
2418
|
-
"name": "
|
|
2395
|
+
"name": "shape",
|
|
2419
2396
|
"type": {
|
|
2420
2397
|
"text": "string"
|
|
2421
2398
|
},
|
|
2422
|
-
"
|
|
2423
|
-
"
|
|
2399
|
+
"fieldName": "shape",
|
|
2400
|
+
"inheritedFrom": {
|
|
2401
|
+
"name": "AuroElement",
|
|
2402
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2403
|
+
}
|
|
2424
2404
|
},
|
|
2425
2405
|
{
|
|
2426
|
-
"name": "
|
|
2406
|
+
"name": "size",
|
|
2427
2407
|
"type": {
|
|
2428
2408
|
"text": "string"
|
|
2429
2409
|
},
|
|
2430
|
-
"
|
|
2431
|
-
"
|
|
2410
|
+
"fieldName": "size",
|
|
2411
|
+
"inheritedFrom": {
|
|
2412
|
+
"name": "AuroElement",
|
|
2413
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2414
|
+
}
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "ondark",
|
|
2418
|
+
"type": {
|
|
2419
|
+
"text": "boolean"
|
|
2420
|
+
},
|
|
2421
|
+
"fieldName": "onDark",
|
|
2422
|
+
"inheritedFrom": {
|
|
2423
|
+
"name": "AuroElement",
|
|
2424
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2425
|
+
}
|
|
2432
2426
|
}
|
|
2433
2427
|
],
|
|
2434
2428
|
"superclass": {
|
|
2435
|
-
"name": "
|
|
2436
|
-
"
|
|
2429
|
+
"name": "AuroElement",
|
|
2430
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2437
2431
|
},
|
|
2438
|
-
"tagName": "auro-
|
|
2432
|
+
"tagName": "auro-combobox",
|
|
2439
2433
|
"customElement": true
|
|
2440
2434
|
}
|
|
2441
2435
|
],
|
|
2442
2436
|
"exports": [
|
|
2443
2437
|
{
|
|
2444
2438
|
"kind": "js",
|
|
2445
|
-
"name": "
|
|
2439
|
+
"name": "AuroCombobox",
|
|
2446
2440
|
"declaration": {
|
|
2447
|
-
"name": "
|
|
2448
|
-
"module": "components/
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2449
2443
|
}
|
|
2450
2444
|
}
|
|
2451
2445
|
]
|
|
2452
2446
|
},
|
|
2453
2447
|
{
|
|
2454
2448
|
"kind": "javascript-module",
|
|
2455
|
-
"path": "components/
|
|
2456
|
-
"declarations": [
|
|
2449
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2450
|
+
"declarations": [
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "variable",
|
|
2453
|
+
"name": "comboboxKeyboardStrategy",
|
|
2454
|
+
"type": {
|
|
2455
|
+
"text": "object"
|
|
2456
|
+
},
|
|
2457
|
+
"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(); } } }, }"
|
|
2458
|
+
}
|
|
2459
|
+
],
|
|
2457
2460
|
"exports": [
|
|
2458
2461
|
{
|
|
2459
2462
|
"kind": "js",
|
|
2460
|
-
"name": "
|
|
2463
|
+
"name": "comboboxKeyboardStrategy",
|
|
2461
2464
|
"declaration": {
|
|
2462
|
-
"name": "
|
|
2463
|
-
"module": "components/
|
|
2465
|
+
"name": "comboboxKeyboardStrategy",
|
|
2466
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2464
2467
|
}
|
|
2465
|
-
}
|
|
2468
|
+
}
|
|
2469
|
+
]
|
|
2470
|
+
},
|
|
2471
|
+
{
|
|
2472
|
+
"kind": "javascript-module",
|
|
2473
|
+
"path": "components/combobox/src/index.js",
|
|
2474
|
+
"declarations": [],
|
|
2475
|
+
"exports": [
|
|
2466
2476
|
{
|
|
2467
2477
|
"kind": "js",
|
|
2468
|
-
"name": "
|
|
2478
|
+
"name": "AuroCombobox",
|
|
2469
2479
|
"declaration": {
|
|
2470
|
-
"name": "
|
|
2471
|
-
"module": "components/
|
|
2480
|
+
"name": "AuroCombobox",
|
|
2481
|
+
"module": "components/combobox/src/index.js"
|
|
2472
2482
|
}
|
|
2473
2483
|
}
|
|
2474
2484
|
]
|
|
2475
2485
|
},
|
|
2476
2486
|
{
|
|
2477
2487
|
"kind": "javascript-module",
|
|
2478
|
-
"path": "components/
|
|
2488
|
+
"path": "components/combobox/src/registered.js",
|
|
2479
2489
|
"declarations": [],
|
|
2480
|
-
"exports": [
|
|
2490
|
+
"exports": [
|
|
2491
|
+
{
|
|
2492
|
+
"kind": "js",
|
|
2493
|
+
"name": "AuroCombobox",
|
|
2494
|
+
"declaration": {
|
|
2495
|
+
"name": "AuroCombobox",
|
|
2496
|
+
"module": "components/combobox/src/registered.js"
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2499
|
+
]
|
|
2481
2500
|
},
|
|
2482
2501
|
{
|
|
2483
2502
|
"kind": "javascript-module",
|
|
@@ -4216,7 +4235,7 @@
|
|
|
4216
4235
|
{
|
|
4217
4236
|
"kind": "method",
|
|
4218
4237
|
"name": "handleHover",
|
|
4219
|
-
"description": "Handles user hover events and dispatches a custom event.",
|
|
4238
|
+
"description": "Handles user hover events and dispatches a custom event.\nAlways dispatches for range pickers so the preview updates correctly.",
|
|
4220
4239
|
"privacy": "private",
|
|
4221
4240
|
"return": {
|
|
4222
4241
|
"type": {
|
|
@@ -4224,6 +4243,51 @@
|
|
|
4224
4243
|
}
|
|
4225
4244
|
}
|
|
4226
4245
|
},
|
|
4246
|
+
{
|
|
4247
|
+
"kind": "method",
|
|
4248
|
+
"name": "isOutOfRange",
|
|
4249
|
+
"parameters": [
|
|
4250
|
+
{
|
|
4251
|
+
"name": "day",
|
|
4252
|
+
"description": "An object containing the dateFrom and day of month values.",
|
|
4253
|
+
"type": {
|
|
4254
|
+
"text": "Object"
|
|
4255
|
+
}
|
|
4256
|
+
},
|
|
4257
|
+
{
|
|
4258
|
+
"name": "min",
|
|
4259
|
+
"description": "The minimum date value.",
|
|
4260
|
+
"type": {
|
|
4261
|
+
"text": "Number"
|
|
4262
|
+
}
|
|
4263
|
+
},
|
|
4264
|
+
{
|
|
4265
|
+
"name": "max",
|
|
4266
|
+
"description": "The maximum date value.",
|
|
4267
|
+
"type": {
|
|
4268
|
+
"text": "Number"
|
|
4269
|
+
}
|
|
4270
|
+
}
|
|
4271
|
+
],
|
|
4272
|
+
"description": "Checks if the current date is outside the valid min/max range.\nOut-of-range cells are not focusable and are hidden from screen readers.",
|
|
4273
|
+
"privacy": "private",
|
|
4274
|
+
"return": {
|
|
4275
|
+
"type": {
|
|
4276
|
+
"text": "Boolean"
|
|
4277
|
+
}
|
|
4278
|
+
}
|
|
4279
|
+
},
|
|
4280
|
+
{
|
|
4281
|
+
"kind": "method",
|
|
4282
|
+
"name": "isBlackout",
|
|
4283
|
+
"description": "Checks if the current date is a blackout date (in disabledDays but within range).\nBlackout cells are focusable but not selectable.",
|
|
4284
|
+
"privacy": "private",
|
|
4285
|
+
"return": {
|
|
4286
|
+
"type": {
|
|
4287
|
+
"text": "Boolean"
|
|
4288
|
+
}
|
|
4289
|
+
}
|
|
4290
|
+
},
|
|
4227
4291
|
{
|
|
4228
4292
|
"kind": "method",
|
|
4229
4293
|
"name": "isEnabled",
|
|
@@ -4256,12 +4320,45 @@
|
|
|
4256
4320
|
"text": "Array"
|
|
4257
4321
|
}
|
|
4258
4322
|
}
|
|
4259
|
-
],
|
|
4260
|
-
"description": "Checks if the current date is
|
|
4323
|
+
],
|
|
4324
|
+
"description": "Checks if the current date is disabled based on min/max range or the\nlegacy disabledDays timestamp list. Sets the `disabled` attribute on the\nhost when the date falls outside the allowed range or appears in\ndisabledDays. Note: blackout dates are handled separately by `isBlackout()`.",
|
|
4325
|
+
"privacy": "private",
|
|
4326
|
+
"return": {
|
|
4327
|
+
"type": {
|
|
4328
|
+
"text": "Boolean"
|
|
4329
|
+
}
|
|
4330
|
+
}
|
|
4331
|
+
},
|
|
4332
|
+
{
|
|
4333
|
+
"kind": "method",
|
|
4334
|
+
"name": "getCellId",
|
|
4335
|
+
"description": "Generates a unique cell ID in the format cell-YYYY-MM-DD.",
|
|
4336
|
+
"privacy": "private",
|
|
4337
|
+
"return": {
|
|
4338
|
+
"type": {
|
|
4339
|
+
"text": "String"
|
|
4340
|
+
}
|
|
4341
|
+
}
|
|
4342
|
+
},
|
|
4343
|
+
{
|
|
4344
|
+
"kind": "method",
|
|
4345
|
+
"name": "getAriaLabel",
|
|
4346
|
+
"description": "Generates a localized aria-label for the cell button using Intl.DateTimeFormat.\nIncludes range position and blackout status.",
|
|
4347
|
+
"privacy": "private",
|
|
4348
|
+
"return": {
|
|
4349
|
+
"type": {
|
|
4350
|
+
"text": "String"
|
|
4351
|
+
}
|
|
4352
|
+
}
|
|
4353
|
+
},
|
|
4354
|
+
{
|
|
4355
|
+
"kind": "method",
|
|
4356
|
+
"name": "getRangePosition",
|
|
4357
|
+
"description": "Determines the range position of this cell relative to the current selection.",
|
|
4261
4358
|
"privacy": "private",
|
|
4262
4359
|
"return": {
|
|
4263
4360
|
"type": {
|
|
4264
|
-
"text": "
|
|
4361
|
+
"text": "String|null"
|
|
4265
4362
|
}
|
|
4266
4363
|
}
|
|
4267
4364
|
},
|
|
@@ -4462,6 +4559,31 @@
|
|
|
4462
4559
|
}
|
|
4463
4560
|
}
|
|
4464
4561
|
},
|
|
4562
|
+
{
|
|
4563
|
+
"kind": "method",
|
|
4564
|
+
"name": "configurePopover",
|
|
4565
|
+
"description": "Configures the popover instance with the calendar month boundary.\nCalled from firstUpdated and updated because the popover element is only\nrendered after hasPopoverContent becomes true (set by handleSlotContent).",
|
|
4566
|
+
"privacy": "private",
|
|
4567
|
+
"return": {
|
|
4568
|
+
"type": {
|
|
4569
|
+
"text": "void"
|
|
4570
|
+
}
|
|
4571
|
+
}
|
|
4572
|
+
},
|
|
4573
|
+
{
|
|
4574
|
+
"kind": "method",
|
|
4575
|
+
"name": "focusButton",
|
|
4576
|
+
"description": "Programmatically focuses the cell's interactive button element.",
|
|
4577
|
+
"return": {
|
|
4578
|
+
"type": {
|
|
4579
|
+
"text": "void"
|
|
4580
|
+
}
|
|
4581
|
+
}
|
|
4582
|
+
},
|
|
4583
|
+
{
|
|
4584
|
+
"kind": "method",
|
|
4585
|
+
"name": "renderCellButton"
|
|
4586
|
+
},
|
|
4465
4587
|
{
|
|
4466
4588
|
"kind": "field",
|
|
4467
4589
|
"name": "day",
|
|
@@ -4611,6 +4733,27 @@
|
|
|
4611
4733
|
"default": "false",
|
|
4612
4734
|
"attribute": "renderForDateSlot"
|
|
4613
4735
|
},
|
|
4736
|
+
{
|
|
4737
|
+
"kind": "field",
|
|
4738
|
+
"name": "active",
|
|
4739
|
+
"privacy": "public",
|
|
4740
|
+
"type": {
|
|
4741
|
+
"text": "boolean"
|
|
4742
|
+
},
|
|
4743
|
+
"default": "false",
|
|
4744
|
+
"attribute": "active",
|
|
4745
|
+
"reflects": true
|
|
4746
|
+
},
|
|
4747
|
+
{
|
|
4748
|
+
"kind": "field",
|
|
4749
|
+
"name": "hasPopoverContent",
|
|
4750
|
+
"privacy": "public",
|
|
4751
|
+
"type": {
|
|
4752
|
+
"text": "boolean"
|
|
4753
|
+
},
|
|
4754
|
+
"default": "false",
|
|
4755
|
+
"attribute": "hasPopoverContent"
|
|
4756
|
+
},
|
|
4614
4757
|
{
|
|
4615
4758
|
"kind": "field",
|
|
4616
4759
|
"name": "runtimeUtils",
|
|
@@ -4622,6 +4765,12 @@
|
|
|
4622
4765
|
}
|
|
4623
4766
|
],
|
|
4624
4767
|
"events": [
|
|
4768
|
+
{
|
|
4769
|
+
"name": "calendar-cell-activate",
|
|
4770
|
+
"type": {
|
|
4771
|
+
"text": "CustomEvent"
|
|
4772
|
+
}
|
|
4773
|
+
},
|
|
4625
4774
|
{
|
|
4626
4775
|
"name": "date-is-hovered",
|
|
4627
4776
|
"type": {
|
|
@@ -4748,6 +4897,22 @@
|
|
|
4748
4897
|
},
|
|
4749
4898
|
"default": "false",
|
|
4750
4899
|
"fieldName": "renderForDateSlot"
|
|
4900
|
+
},
|
|
4901
|
+
{
|
|
4902
|
+
"name": "active",
|
|
4903
|
+
"type": {
|
|
4904
|
+
"text": "boolean"
|
|
4905
|
+
},
|
|
4906
|
+
"default": "false",
|
|
4907
|
+
"fieldName": "active"
|
|
4908
|
+
},
|
|
4909
|
+
{
|
|
4910
|
+
"name": "hasPopoverContent",
|
|
4911
|
+
"type": {
|
|
4912
|
+
"text": "boolean"
|
|
4913
|
+
},
|
|
4914
|
+
"default": "false",
|
|
4915
|
+
"fieldName": "hasPopoverContent"
|
|
4751
4916
|
}
|
|
4752
4917
|
],
|
|
4753
4918
|
"superclass": {
|
|
@@ -4806,10 +4971,78 @@
|
|
|
4806
4971
|
}
|
|
4807
4972
|
}
|
|
4808
4973
|
},
|
|
4974
|
+
{
|
|
4975
|
+
"kind": "method",
|
|
4976
|
+
"name": "getHeadingId",
|
|
4977
|
+
"description": "Returns the unique heading ID for this month, used by aria-labelledby.",
|
|
4978
|
+
"privacy": "private",
|
|
4979
|
+
"return": {
|
|
4980
|
+
"type": {
|
|
4981
|
+
"text": "String"
|
|
4982
|
+
}
|
|
4983
|
+
}
|
|
4984
|
+
},
|
|
4809
4985
|
{
|
|
4810
4986
|
"kind": "method",
|
|
4811
4987
|
"name": "localeChanged",
|
|
4812
|
-
"description": "Determines the current month name based on locale.\nThis is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.",
|
|
4988
|
+
"description": "Determines the current month name based on locale.\nAlso builds parallel arrays of full day names for abbr attributes.\nThis is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.",
|
|
4989
|
+
"privacy": "private",
|
|
4990
|
+
"return": {
|
|
4991
|
+
"type": {
|
|
4992
|
+
"text": "void"
|
|
4993
|
+
}
|
|
4994
|
+
}
|
|
4995
|
+
},
|
|
4996
|
+
{
|
|
4997
|
+
"kind": "method",
|
|
4998
|
+
"name": "renderDayOfWeek",
|
|
4999
|
+
"parameters": [
|
|
5000
|
+
{
|
|
5001
|
+
"name": "dayOfWeek",
|
|
5002
|
+
"description": "The short day name.",
|
|
5003
|
+
"type": {
|
|
5004
|
+
"text": "String"
|
|
5005
|
+
}
|
|
5006
|
+
},
|
|
5007
|
+
{
|
|
5008
|
+
"name": "index",
|
|
5009
|
+
"description": "The index in the dayNamesOfTheWeek array.",
|
|
5010
|
+
"type": {
|
|
5011
|
+
"text": "Number"
|
|
5012
|
+
}
|
|
5013
|
+
}
|
|
5014
|
+
],
|
|
5015
|
+
"description": "Renders a day-of-week header with abbr attribute for the full day name.",
|
|
5016
|
+
"privacy": "private",
|
|
5017
|
+
"return": {
|
|
5018
|
+
"type": {
|
|
5019
|
+
"text": "Object"
|
|
5020
|
+
}
|
|
5021
|
+
}
|
|
5022
|
+
},
|
|
5023
|
+
{
|
|
5024
|
+
"kind": "method",
|
|
5025
|
+
"name": "getFocusableCells",
|
|
5026
|
+
"description": "Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.",
|
|
5027
|
+
"return": {
|
|
5028
|
+
"type": {
|
|
5029
|
+
"text": "Array"
|
|
5030
|
+
}
|
|
5031
|
+
}
|
|
5032
|
+
},
|
|
5033
|
+
{
|
|
5034
|
+
"kind": "method",
|
|
5035
|
+
"name": "handleGridKeyDown",
|
|
5036
|
+
"parameters": [
|
|
5037
|
+
{
|
|
5038
|
+
"name": "event",
|
|
5039
|
+
"description": "The keyboard event.",
|
|
5040
|
+
"type": {
|
|
5041
|
+
"text": "KeyboardEvent"
|
|
5042
|
+
}
|
|
5043
|
+
}
|
|
5044
|
+
],
|
|
5045
|
+
"description": "Handles arrow key navigation within the month grid.\nDispatches a cross-month navigation event when the boundary is reached.",
|
|
4813
5046
|
"privacy": "private",
|
|
4814
5047
|
"return": {
|
|
4815
5048
|
"type": {
|
|
@@ -4817,6 +5050,15 @@
|
|
|
4817
5050
|
}
|
|
4818
5051
|
}
|
|
4819
5052
|
},
|
|
5053
|
+
{
|
|
5054
|
+
"kind": "method",
|
|
5055
|
+
"name": "renderWeek",
|
|
5056
|
+
"parameters": [
|
|
5057
|
+
{
|
|
5058
|
+
"name": "week"
|
|
5059
|
+
}
|
|
5060
|
+
]
|
|
5061
|
+
},
|
|
4820
5062
|
{
|
|
4821
5063
|
"kind": "method",
|
|
4822
5064
|
"name": "renderDay",
|
|
@@ -4837,6 +5079,20 @@
|
|
|
4837
5079
|
"reflects": true
|
|
4838
5080
|
}
|
|
4839
5081
|
],
|
|
5082
|
+
"events": [
|
|
5083
|
+
{
|
|
5084
|
+
"name": "calendar-month-boundary",
|
|
5085
|
+
"type": {
|
|
5086
|
+
"text": "CustomEvent"
|
|
5087
|
+
}
|
|
5088
|
+
},
|
|
5089
|
+
{
|
|
5090
|
+
"name": "calendar-cell-activate",
|
|
5091
|
+
"type": {
|
|
5092
|
+
"text": "CustomEvent"
|
|
5093
|
+
}
|
|
5094
|
+
}
|
|
5095
|
+
],
|
|
4840
5096
|
"attributes": [
|
|
4841
5097
|
{
|
|
4842
5098
|
"name": "monthFirst",
|
|
@@ -4884,19 +5140,174 @@
|
|
|
4884
5140
|
"members": [
|
|
4885
5141
|
{
|
|
4886
5142
|
"kind": "method",
|
|
4887
|
-
"name": "handlePrevMonth",
|
|
4888
|
-
"description": "Updates the month and year when the user navigates to the previous calendar month.",
|
|
5143
|
+
"name": "handlePrevMonth",
|
|
5144
|
+
"description": "Updates the month and year when the user navigates to the previous calendar month.",
|
|
5145
|
+
"privacy": "private",
|
|
5146
|
+
"return": {
|
|
5147
|
+
"type": {
|
|
5148
|
+
"text": "void"
|
|
5149
|
+
}
|
|
5150
|
+
}
|
|
5151
|
+
},
|
|
5152
|
+
{
|
|
5153
|
+
"kind": "method",
|
|
5154
|
+
"name": "handleNextMonth",
|
|
5155
|
+
"description": "Updates the month and year when the user navigates to the next calendar month.",
|
|
5156
|
+
"privacy": "private",
|
|
5157
|
+
"return": {
|
|
5158
|
+
"type": {
|
|
5159
|
+
"text": "void"
|
|
5160
|
+
}
|
|
5161
|
+
}
|
|
5162
|
+
},
|
|
5163
|
+
{
|
|
5164
|
+
"kind": "method",
|
|
5165
|
+
"name": "announceMonthChange",
|
|
5166
|
+
"description": "Announces the current month and year via the live region after navigation.",
|
|
5167
|
+
"privacy": "private",
|
|
5168
|
+
"return": {
|
|
5169
|
+
"type": {
|
|
5170
|
+
"text": "void"
|
|
5171
|
+
}
|
|
5172
|
+
}
|
|
5173
|
+
},
|
|
5174
|
+
{
|
|
5175
|
+
"kind": "method",
|
|
5176
|
+
"name": "updateActiveCellForVisibleMonth",
|
|
5177
|
+
"description": "Recomputes and sets the active cell for the newly visible month after\nmonth navigation. Without this, activeCellDate can point at a date in\nthe old month, leaving no tabindex=\"0\" cell in the grid.",
|
|
5178
|
+
"privacy": "private",
|
|
5179
|
+
"return": {
|
|
5180
|
+
"type": {
|
|
5181
|
+
"text": "void"
|
|
5182
|
+
}
|
|
5183
|
+
}
|
|
5184
|
+
},
|
|
5185
|
+
{
|
|
5186
|
+
"kind": "method",
|
|
5187
|
+
"name": "renderAllCalendars",
|
|
5188
|
+
"description": "Renders all of the auro-calendar-months HTML.",
|
|
5189
|
+
"privacy": "private",
|
|
5190
|
+
"return": {
|
|
5191
|
+
"type": {
|
|
5192
|
+
"text": "Object"
|
|
5193
|
+
}
|
|
5194
|
+
}
|
|
5195
|
+
},
|
|
5196
|
+
{
|
|
5197
|
+
"kind": "method",
|
|
5198
|
+
"name": "focusCloseButton",
|
|
5199
|
+
"description": "Focuses the close button inside the calendar's bibtemplate.\nUsed by datepicker to set initial focus when the fullscreen dialog opens.",
|
|
5200
|
+
"return": {
|
|
5201
|
+
"type": {
|
|
5202
|
+
"text": "void"
|
|
5203
|
+
}
|
|
5204
|
+
}
|
|
5205
|
+
},
|
|
5206
|
+
{
|
|
5207
|
+
"kind": "method",
|
|
5208
|
+
"name": "scrollMonthIntoView",
|
|
5209
|
+
"parameters": [
|
|
5210
|
+
{
|
|
5211
|
+
"name": "date",
|
|
5212
|
+
"description": "The date to scroll into view.",
|
|
5213
|
+
"type": {
|
|
5214
|
+
"text": "String"
|
|
5215
|
+
}
|
|
5216
|
+
}
|
|
5217
|
+
],
|
|
5218
|
+
"description": "Request the calendar be scrolled to a given date.",
|
|
5219
|
+
"return": {
|
|
5220
|
+
"type": {
|
|
5221
|
+
"text": "void"
|
|
5222
|
+
}
|
|
5223
|
+
}
|
|
5224
|
+
},
|
|
5225
|
+
{
|
|
5226
|
+
"kind": "method",
|
|
5227
|
+
"name": "getMonthComponents",
|
|
5228
|
+
"description": "Gets all rendered month components.",
|
|
5229
|
+
"privacy": "private",
|
|
5230
|
+
"return": {
|
|
5231
|
+
"type": {
|
|
5232
|
+
"text": "Array"
|
|
5233
|
+
}
|
|
5234
|
+
}
|
|
5235
|
+
},
|
|
5236
|
+
{
|
|
5237
|
+
"kind": "method",
|
|
5238
|
+
"name": "getAllFocusableCells",
|
|
5239
|
+
"description": "Gets all focusable cells across all rendered months.",
|
|
5240
|
+
"privacy": "private",
|
|
5241
|
+
"return": {
|
|
5242
|
+
"type": {
|
|
5243
|
+
"text": "Array"
|
|
5244
|
+
}
|
|
5245
|
+
}
|
|
5246
|
+
},
|
|
5247
|
+
{
|
|
5248
|
+
"kind": "method",
|
|
5249
|
+
"name": "setActiveCell",
|
|
5250
|
+
"parameters": [
|
|
5251
|
+
{
|
|
5252
|
+
"name": "date",
|
|
5253
|
+
"description": "Unix timestamp of the cell to activate.",
|
|
5254
|
+
"type": {
|
|
5255
|
+
"text": "Number"
|
|
5256
|
+
}
|
|
5257
|
+
}
|
|
5258
|
+
],
|
|
5259
|
+
"description": "Sets the active cell across all months. Only one cell has tabindex=\"0\" at a time.",
|
|
5260
|
+
"return": {
|
|
5261
|
+
"type": {
|
|
5262
|
+
"text": "void"
|
|
5263
|
+
}
|
|
5264
|
+
}
|
|
5265
|
+
},
|
|
5266
|
+
{
|
|
5267
|
+
"kind": "method",
|
|
5268
|
+
"name": "focusActiveCell",
|
|
5269
|
+
"description": "Focuses the currently active cell. If activeCellDate is set but no cell\nhas the active attribute yet, sets it first. Waits for the cell's render\nto complete so the focused button is the final DOM element.",
|
|
5270
|
+
"return": {
|
|
5271
|
+
"type": {
|
|
5272
|
+
"text": "void"
|
|
5273
|
+
}
|
|
5274
|
+
}
|
|
5275
|
+
},
|
|
5276
|
+
{
|
|
5277
|
+
"kind": "method",
|
|
5278
|
+
"name": "computeActiveDate",
|
|
5279
|
+
"parameters": [
|
|
5280
|
+
{
|
|
5281
|
+
"name": "options",
|
|
5282
|
+
"default": "{}",
|
|
5283
|
+
"description": "Optional settings.",
|
|
5284
|
+
"optional": true,
|
|
5285
|
+
"type": {
|
|
5286
|
+
"text": "@param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date\n * shortcut (step 1). Used after month navigation so the active cell lands in the\n * newly visible month instead of jumping back to the selected date's month.\n * "
|
|
5287
|
+
}
|
|
5288
|
+
}
|
|
5289
|
+
],
|
|
5290
|
+
"description": "Computes the initial active date from data properties alone — no DOM required.\nPriority:\n 1. Selected date (dateFrom) if within range\n 2. Today's date if not disabled (in-range and not blackout)\n 3. First future non-disabled date (scans day-by-day from today up to 1 year)\n 4. First previous non-disabled date (scans day-by-day from today up to 1 year)\n 5. First enabled date in finite [min, max] range\n 5b. First enabled date scanning forward from finite min (unbounded max)\n 5c. First enabled date scanning backward from finite max (unbounded min)\n 6. First in-range date (even if blackout) so focus can land somewhere\n 7. undefined — no valid target",
|
|
4889
5291
|
"privacy": "private",
|
|
4890
5292
|
"return": {
|
|
4891
5293
|
"type": {
|
|
4892
|
-
"text": "
|
|
5294
|
+
"text": "Number|undefined"
|
|
4893
5295
|
}
|
|
4894
5296
|
}
|
|
4895
5297
|
},
|
|
4896
5298
|
{
|
|
4897
5299
|
"kind": "method",
|
|
4898
|
-
"name": "
|
|
4899
|
-
"
|
|
5300
|
+
"name": "handleMonthBoundary",
|
|
5301
|
+
"parameters": [
|
|
5302
|
+
{
|
|
5303
|
+
"name": "event",
|
|
5304
|
+
"description": "The boundary event with direction and source date info.",
|
|
5305
|
+
"type": {
|
|
5306
|
+
"text": "CustomEvent"
|
|
5307
|
+
}
|
|
5308
|
+
}
|
|
5309
|
+
],
|
|
5310
|
+
"description": "Handles cross-month boundary navigation events from month components.",
|
|
4900
5311
|
"privacy": "private",
|
|
4901
5312
|
"return": {
|
|
4902
5313
|
"type": {
|
|
@@ -4906,19 +5317,29 @@
|
|
|
4906
5317
|
},
|
|
4907
5318
|
{
|
|
4908
5319
|
"kind": "method",
|
|
4909
|
-
"name": "
|
|
4910
|
-
"
|
|
5320
|
+
"name": "handleCellActivate",
|
|
5321
|
+
"parameters": [
|
|
5322
|
+
{
|
|
5323
|
+
"name": "event",
|
|
5324
|
+
"description": "The activation event with target date.",
|
|
5325
|
+
"type": {
|
|
5326
|
+
"text": "CustomEvent"
|
|
5327
|
+
}
|
|
5328
|
+
}
|
|
5329
|
+
],
|
|
5330
|
+
"description": "Handles cell activation events from month components.",
|
|
4911
5331
|
"privacy": "private",
|
|
4912
5332
|
"return": {
|
|
4913
5333
|
"type": {
|
|
4914
|
-
"text": "
|
|
5334
|
+
"text": "void"
|
|
4915
5335
|
}
|
|
4916
5336
|
}
|
|
4917
5337
|
},
|
|
4918
5338
|
{
|
|
4919
5339
|
"kind": "method",
|
|
4920
|
-
"name": "
|
|
4921
|
-
"description": "
|
|
5340
|
+
"name": "scrollToActiveCell",
|
|
5341
|
+
"description": "Scrolls the calendar to ensure the month containing the active cell is visible.",
|
|
5342
|
+
"privacy": "private",
|
|
4922
5343
|
"return": {
|
|
4923
5344
|
"type": {
|
|
4924
5345
|
"text": "void"
|
|
@@ -4927,23 +5348,44 @@
|
|
|
4927
5348
|
},
|
|
4928
5349
|
{
|
|
4929
5350
|
"kind": "method",
|
|
4930
|
-
"name": "
|
|
5351
|
+
"name": "announceSelection",
|
|
4931
5352
|
"parameters": [
|
|
4932
5353
|
{
|
|
4933
|
-
"name": "
|
|
4934
|
-
"description": "The date to
|
|
5354
|
+
"name": "dateStr",
|
|
5355
|
+
"description": "The localized date string to announce.",
|
|
4935
5356
|
"type": {
|
|
4936
5357
|
"text": "String"
|
|
4937
5358
|
}
|
|
4938
5359
|
}
|
|
4939
5360
|
],
|
|
4940
|
-
"description": "
|
|
5361
|
+
"description": "Announces a date selection via the live region.",
|
|
5362
|
+
"privacy": "private",
|
|
4941
5363
|
"return": {
|
|
4942
5364
|
"type": {
|
|
4943
5365
|
"text": "void"
|
|
4944
5366
|
}
|
|
4945
5367
|
}
|
|
4946
5368
|
},
|
|
5369
|
+
{
|
|
5370
|
+
"kind": "method",
|
|
5371
|
+
"name": "formatAnnouncementDate",
|
|
5372
|
+
"parameters": [
|
|
5373
|
+
{
|
|
5374
|
+
"name": "timestamp",
|
|
5375
|
+
"description": "Unix timestamp in seconds.",
|
|
5376
|
+
"type": {
|
|
5377
|
+
"text": "String|Number"
|
|
5378
|
+
}
|
|
5379
|
+
}
|
|
5380
|
+
],
|
|
5381
|
+
"description": "Formats a Unix timestamp (seconds) as a localized date string for SR announcements.",
|
|
5382
|
+
"privacy": "private",
|
|
5383
|
+
"return": {
|
|
5384
|
+
"type": {
|
|
5385
|
+
"text": "String"
|
|
5386
|
+
}
|
|
5387
|
+
}
|
|
5388
|
+
},
|
|
4947
5389
|
{
|
|
4948
5390
|
"kind": "method",
|
|
4949
5391
|
"name": "injectSlot",
|
|
@@ -5047,6 +5489,16 @@
|
|
|
5047
5489
|
"attribute": "isFullscreen",
|
|
5048
5490
|
"reflects": true
|
|
5049
5491
|
},
|
|
5492
|
+
{
|
|
5493
|
+
"kind": "field",
|
|
5494
|
+
"name": "activeCellDate",
|
|
5495
|
+
"type": {
|
|
5496
|
+
"text": "null"
|
|
5497
|
+
},
|
|
5498
|
+
"description": "The date of the currently active cell (Unix timestamp).\nOnly one cell across the entire calendar has tabindex=\"0\" at a time.",
|
|
5499
|
+
"privacy": "private",
|
|
5500
|
+
"default": "null"
|
|
5501
|
+
},
|
|
5050
5502
|
{
|
|
5051
5503
|
"kind": "field",
|
|
5052
5504
|
"name": "firstMonthRenderable",
|
|
@@ -5671,6 +6123,17 @@
|
|
|
5671
6123
|
}
|
|
5672
6124
|
}
|
|
5673
6125
|
},
|
|
6126
|
+
{
|
|
6127
|
+
"kind": "method",
|
|
6128
|
+
"name": "focusActiveCellWhenReady",
|
|
6129
|
+
"description": "Attempts to focus the active calendar cell using a rAF retry loop.\nShared by both fullscreen and desktop open paths.",
|
|
6130
|
+
"privacy": "private",
|
|
6131
|
+
"return": {
|
|
6132
|
+
"type": {
|
|
6133
|
+
"text": "void"
|
|
6134
|
+
}
|
|
6135
|
+
}
|
|
6136
|
+
},
|
|
5674
6137
|
{
|
|
5675
6138
|
"kind": "method",
|
|
5676
6139
|
"name": "configureDropdown",
|
|
@@ -5822,6 +6285,26 @@
|
|
|
5822
6285
|
}
|
|
5823
6286
|
}
|
|
5824
6287
|
},
|
|
6288
|
+
{
|
|
6289
|
+
"kind": "method",
|
|
6290
|
+
"name": "isBlackoutDate",
|
|
6291
|
+
"parameters": [
|
|
6292
|
+
{
|
|
6293
|
+
"name": "dateStr",
|
|
6294
|
+
"description": "A date string in the component's configured format.",
|
|
6295
|
+
"type": {
|
|
6296
|
+
"text": "string"
|
|
6297
|
+
}
|
|
6298
|
+
}
|
|
6299
|
+
],
|
|
6300
|
+
"description": "Checks whether a formatted date string matches a blackout date.",
|
|
6301
|
+
"privacy": "private",
|
|
6302
|
+
"return": {
|
|
6303
|
+
"type": {
|
|
6304
|
+
"text": "boolean"
|
|
6305
|
+
}
|
|
6306
|
+
}
|
|
6307
|
+
},
|
|
5825
6308
|
{
|
|
5826
6309
|
"kind": "method",
|
|
5827
6310
|
"name": "validate",
|
|
@@ -6151,6 +6634,114 @@
|
|
|
6151
6634
|
"attribute": "range",
|
|
6152
6635
|
"reflects": true
|
|
6153
6636
|
},
|
|
6637
|
+
{
|
|
6638
|
+
"kind": "field",
|
|
6639
|
+
"name": "rangeLabelStart",
|
|
6640
|
+
"privacy": "public",
|
|
6641
|
+
"type": {
|
|
6642
|
+
"text": "string"
|
|
6643
|
+
},
|
|
6644
|
+
"description": "Label announced for the range start date cell.",
|
|
6645
|
+
"default": "'range start'",
|
|
6646
|
+
"attribute": "rangeLabelStart",
|
|
6647
|
+
"reflects": true
|
|
6648
|
+
},
|
|
6649
|
+
{
|
|
6650
|
+
"kind": "field",
|
|
6651
|
+
"name": "rangeLabelEnd",
|
|
6652
|
+
"privacy": "public",
|
|
6653
|
+
"type": {
|
|
6654
|
+
"text": "string"
|
|
6655
|
+
},
|
|
6656
|
+
"description": "Label announced for the range end date cell.",
|
|
6657
|
+
"default": "'range end'",
|
|
6658
|
+
"attribute": "rangeLabelEnd",
|
|
6659
|
+
"reflects": true
|
|
6660
|
+
},
|
|
6661
|
+
{
|
|
6662
|
+
"kind": "field",
|
|
6663
|
+
"name": "rangeLabelBeforeRange",
|
|
6664
|
+
"privacy": "public",
|
|
6665
|
+
"type": {
|
|
6666
|
+
"text": "string"
|
|
6667
|
+
},
|
|
6668
|
+
"description": "Label announced for cells before the range start.",
|
|
6669
|
+
"default": "'before range'",
|
|
6670
|
+
"attribute": "rangeLabelBeforeRange",
|
|
6671
|
+
"reflects": true
|
|
6672
|
+
},
|
|
6673
|
+
{
|
|
6674
|
+
"kind": "field",
|
|
6675
|
+
"name": "rangeLabelInRange",
|
|
6676
|
+
"privacy": "public",
|
|
6677
|
+
"type": {
|
|
6678
|
+
"text": "string"
|
|
6679
|
+
},
|
|
6680
|
+
"description": "Label announced for cells within the selected range.",
|
|
6681
|
+
"default": "'in range'",
|
|
6682
|
+
"attribute": "rangeLabelInRange",
|
|
6683
|
+
"reflects": true
|
|
6684
|
+
},
|
|
6685
|
+
{
|
|
6686
|
+
"kind": "field",
|
|
6687
|
+
"name": "rangeLabelAfterRange",
|
|
6688
|
+
"privacy": "public",
|
|
6689
|
+
"type": {
|
|
6690
|
+
"text": "string"
|
|
6691
|
+
},
|
|
6692
|
+
"description": "Label announced for cells after the range (or after start when no end is selected).",
|
|
6693
|
+
"default": "'after range'",
|
|
6694
|
+
"attribute": "rangeLabelAfterRange",
|
|
6695
|
+
"reflects": true
|
|
6696
|
+
},
|
|
6697
|
+
{
|
|
6698
|
+
"kind": "field",
|
|
6699
|
+
"name": "blackoutDates",
|
|
6700
|
+
"privacy": "public",
|
|
6701
|
+
"type": {
|
|
6702
|
+
"text": "array"
|
|
6703
|
+
},
|
|
6704
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
6705
|
+
"default": "[]",
|
|
6706
|
+
"attribute": "blackoutDates",
|
|
6707
|
+
"reflects": true
|
|
6708
|
+
},
|
|
6709
|
+
{
|
|
6710
|
+
"kind": "field",
|
|
6711
|
+
"name": "blackoutLabel",
|
|
6712
|
+
"privacy": "public",
|
|
6713
|
+
"type": {
|
|
6714
|
+
"text": "string"
|
|
6715
|
+
},
|
|
6716
|
+
"description": "Label announced for blackout (disabled but in-range) date cells.",
|
|
6717
|
+
"default": "'unavailable'",
|
|
6718
|
+
"attribute": "blackoutLabel",
|
|
6719
|
+
"reflects": true
|
|
6720
|
+
},
|
|
6721
|
+
{
|
|
6722
|
+
"kind": "field",
|
|
6723
|
+
"name": "navLabelPrevMonth",
|
|
6724
|
+
"privacy": "public",
|
|
6725
|
+
"type": {
|
|
6726
|
+
"text": "string"
|
|
6727
|
+
},
|
|
6728
|
+
"description": "Accessible label for the previous month navigation button.",
|
|
6729
|
+
"default": "'Previous month'",
|
|
6730
|
+
"attribute": "navLabelPrevMonth",
|
|
6731
|
+
"reflects": true
|
|
6732
|
+
},
|
|
6733
|
+
{
|
|
6734
|
+
"kind": "field",
|
|
6735
|
+
"name": "navLabelNextMonth",
|
|
6736
|
+
"privacy": "public",
|
|
6737
|
+
"type": {
|
|
6738
|
+
"text": "string"
|
|
6739
|
+
},
|
|
6740
|
+
"description": "Accessible label for the next month navigation button.",
|
|
6741
|
+
"default": "'Next month'",
|
|
6742
|
+
"attribute": "navLabelNextMonth",
|
|
6743
|
+
"reflects": true
|
|
6744
|
+
},
|
|
6154
6745
|
{
|
|
6155
6746
|
"kind": "field",
|
|
6156
6747
|
"name": "stacked",
|
|
@@ -6604,7 +7195,7 @@
|
|
|
6604
7195
|
"type": {
|
|
6605
7196
|
"text": "string"
|
|
6606
7197
|
},
|
|
6607
|
-
"description": "Custom help text message to display when validity = `customError
|
|
7198
|
+
"description": "Custom help text message to display when validity = `customError`.\nAlso used as the validation message when a blackout date is typed into the input.",
|
|
6608
7199
|
"attribute": "setCustomValidityCustomError"
|
|
6609
7200
|
},
|
|
6610
7201
|
{
|
|
@@ -6714,8 +7305,11 @@
|
|
|
6714
7305
|
"description": "Notifies that new slot content has been added to the datepicker."
|
|
6715
7306
|
},
|
|
6716
7307
|
{
|
|
6717
|
-
"
|
|
6718
|
-
"
|
|
7308
|
+
"name": "auroFormElement-validated",
|
|
7309
|
+
"type": {
|
|
7310
|
+
"text": "CustomEvent"
|
|
7311
|
+
},
|
|
7312
|
+
"description": "Notifies that the component value(s) have been validated."
|
|
6719
7313
|
}
|
|
6720
7314
|
],
|
|
6721
7315
|
"attributes": [
|
|
@@ -6980,6 +7574,87 @@
|
|
|
6980
7574
|
"default": "false",
|
|
6981
7575
|
"fieldName": "range"
|
|
6982
7576
|
},
|
|
7577
|
+
{
|
|
7578
|
+
"name": "rangeLabelStart",
|
|
7579
|
+
"type": {
|
|
7580
|
+
"text": "string"
|
|
7581
|
+
},
|
|
7582
|
+
"description": "Label announced for the range start date cell.",
|
|
7583
|
+
"default": "'range start'",
|
|
7584
|
+
"fieldName": "rangeLabelStart"
|
|
7585
|
+
},
|
|
7586
|
+
{
|
|
7587
|
+
"name": "rangeLabelEnd",
|
|
7588
|
+
"type": {
|
|
7589
|
+
"text": "string"
|
|
7590
|
+
},
|
|
7591
|
+
"description": "Label announced for the range end date cell.",
|
|
7592
|
+
"default": "'range end'",
|
|
7593
|
+
"fieldName": "rangeLabelEnd"
|
|
7594
|
+
},
|
|
7595
|
+
{
|
|
7596
|
+
"name": "rangeLabelBeforeRange",
|
|
7597
|
+
"type": {
|
|
7598
|
+
"text": "string"
|
|
7599
|
+
},
|
|
7600
|
+
"description": "Label announced for cells before the range start.",
|
|
7601
|
+
"default": "'before range'",
|
|
7602
|
+
"fieldName": "rangeLabelBeforeRange"
|
|
7603
|
+
},
|
|
7604
|
+
{
|
|
7605
|
+
"name": "rangeLabelInRange",
|
|
7606
|
+
"type": {
|
|
7607
|
+
"text": "string"
|
|
7608
|
+
},
|
|
7609
|
+
"description": "Label announced for cells within the selected range.",
|
|
7610
|
+
"default": "'in range'",
|
|
7611
|
+
"fieldName": "rangeLabelInRange"
|
|
7612
|
+
},
|
|
7613
|
+
{
|
|
7614
|
+
"name": "rangeLabelAfterRange",
|
|
7615
|
+
"type": {
|
|
7616
|
+
"text": "string"
|
|
7617
|
+
},
|
|
7618
|
+
"description": "Label announced for cells after the range (or after start when no end is selected).",
|
|
7619
|
+
"default": "'after range'",
|
|
7620
|
+
"fieldName": "rangeLabelAfterRange"
|
|
7621
|
+
},
|
|
7622
|
+
{
|
|
7623
|
+
"name": "blackoutDates",
|
|
7624
|
+
"type": {
|
|
7625
|
+
"text": "array"
|
|
7626
|
+
},
|
|
7627
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
7628
|
+
"default": "[]",
|
|
7629
|
+
"fieldName": "blackoutDates"
|
|
7630
|
+
},
|
|
7631
|
+
{
|
|
7632
|
+
"name": "blackoutLabel",
|
|
7633
|
+
"type": {
|
|
7634
|
+
"text": "string"
|
|
7635
|
+
},
|
|
7636
|
+
"description": "Label announced for blackout (disabled but in-range) date cells.",
|
|
7637
|
+
"default": "'unavailable'",
|
|
7638
|
+
"fieldName": "blackoutLabel"
|
|
7639
|
+
},
|
|
7640
|
+
{
|
|
7641
|
+
"name": "navLabelPrevMonth",
|
|
7642
|
+
"type": {
|
|
7643
|
+
"text": "string"
|
|
7644
|
+
},
|
|
7645
|
+
"description": "Accessible label for the previous month navigation button.",
|
|
7646
|
+
"default": "'Previous month'",
|
|
7647
|
+
"fieldName": "navLabelPrevMonth"
|
|
7648
|
+
},
|
|
7649
|
+
{
|
|
7650
|
+
"name": "navLabelNextMonth",
|
|
7651
|
+
"type": {
|
|
7652
|
+
"text": "string"
|
|
7653
|
+
},
|
|
7654
|
+
"description": "Accessible label for the next month navigation button.",
|
|
7655
|
+
"default": "'Next month'",
|
|
7656
|
+
"fieldName": "navLabelNextMonth"
|
|
7657
|
+
},
|
|
6983
7658
|
{
|
|
6984
7659
|
"name": "referenceDates",
|
|
6985
7660
|
"type": {
|
|
@@ -7010,7 +7685,7 @@
|
|
|
7010
7685
|
"type": {
|
|
7011
7686
|
"text": "string"
|
|
7012
7687
|
},
|
|
7013
|
-
"description": "Custom help text message to display when validity = `customError
|
|
7688
|
+
"description": "Custom help text message to display when validity = `customError`.\nAlso used as the validation message when a blackout date is typed into the input.",
|
|
7014
7689
|
"fieldName": "setCustomValidityCustomError"
|
|
7015
7690
|
},
|
|
7016
7691
|
{
|
|
@@ -7151,7 +7826,7 @@
|
|
|
7151
7826
|
"type": {
|
|
7152
7827
|
"text": "object"
|
|
7153
7828
|
},
|
|
7154
|
-
"default": "{ Escape(component, evt) { if (!component.
|
|
7829
|
+
"default": "{ Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Stop propagation so parent containers (auro-dialog, auro-drawer) // don't also react to Escape. evt.stopPropagation(); evt.preventDefault(); component.hideBib(); }, Enter(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, ' '(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, }"
|
|
7155
7830
|
}
|
|
7156
7831
|
],
|
|
7157
7832
|
"exports": [
|
|
@@ -8005,6 +8680,29 @@
|
|
|
8005
8680
|
"name": "updateFocusTrap",
|
|
8006
8681
|
"privacy": "private"
|
|
8007
8682
|
},
|
|
8683
|
+
{
|
|
8684
|
+
"kind": "method",
|
|
8685
|
+
"name": "_getActiveElements",
|
|
8686
|
+
"description": "Returns the chain of active (focused) elements through shadow roots.",
|
|
8687
|
+
"privacy": "private",
|
|
8688
|
+
"return": {
|
|
8689
|
+
"type": {
|
|
8690
|
+
"text": "Array<HTMLElement>"
|
|
8691
|
+
}
|
|
8692
|
+
}
|
|
8693
|
+
},
|
|
8694
|
+
{
|
|
8695
|
+
"kind": "method",
|
|
8696
|
+
"name": "_setPageInert",
|
|
8697
|
+
"description": "Sets `inert` on sibling elements of the dropdown's top-level host\nso that content outside the dropdown is not interactive while the modal is open.\nWalks up through shadow DOM boundaries to find the outermost host element\nin the light DOM, then sets `inert` on siblings at each ancestor level\nto ensure all page content outside the host subtree is inert.",
|
|
8698
|
+
"privacy": "private"
|
|
8699
|
+
},
|
|
8700
|
+
{
|
|
8701
|
+
"kind": "method",
|
|
8702
|
+
"name": "_clearPageInert",
|
|
8703
|
+
"description": "Restores `inert` state on siblings that were tracked by `_setPageInert`.\nPreserves the previous inert state so externally-inerted elements are\nnot inadvertently re-enabled.",
|
|
8704
|
+
"privacy": "private"
|
|
8705
|
+
},
|
|
8008
8706
|
{
|
|
8009
8707
|
"kind": "method",
|
|
8010
8708
|
"name": "handleFocusout",
|
|
@@ -8311,6 +9009,17 @@
|
|
|
8311
9009
|
"attribute": "autoPlacement",
|
|
8312
9010
|
"reflects": true
|
|
8313
9011
|
},
|
|
9012
|
+
{
|
|
9013
|
+
"kind": "field",
|
|
9014
|
+
"name": "desktopModal",
|
|
9015
|
+
"privacy": "public",
|
|
9016
|
+
"type": {
|
|
9017
|
+
"text": "boolean"
|
|
9018
|
+
},
|
|
9019
|
+
"description": "If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.",
|
|
9020
|
+
"attribute": "desktopModal",
|
|
9021
|
+
"reflects": true
|
|
9022
|
+
},
|
|
8314
9023
|
{
|
|
8315
9024
|
"kind": "field",
|
|
8316
9025
|
"name": "disableEventShow",
|
|
@@ -8617,6 +9326,14 @@
|
|
|
8617
9326
|
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
8618
9327
|
"fieldName": "autoPlacement"
|
|
8619
9328
|
},
|
|
9329
|
+
{
|
|
9330
|
+
"name": "desktopModal",
|
|
9331
|
+
"type": {
|
|
9332
|
+
"text": "boolean"
|
|
9333
|
+
},
|
|
9334
|
+
"description": "If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.",
|
|
9335
|
+
"fieldName": "desktopModal"
|
|
9336
|
+
},
|
|
8620
9337
|
{
|
|
8621
9338
|
"name": "disableEventShow",
|
|
8622
9339
|
"type": {
|