@aurodesignsystem-dev/auro-formkit 0.0.0-pr1540.0 → 0.0.0-pr1540.2
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/checkbox/demo/accessibility.md +1 -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/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/accessibility.md +1 -1
- package/components/combobox/demo/api.md +2 -2
- package/components/combobox/demo/customize.md +54 -2
- package/components/combobox/demo/customize.min.js +421 -240
- package/components/combobox/demo/getting-started.min.js +421 -240
- package/components/combobox/demo/index.md +1 -0
- package/components/combobox/demo/index.min.js +421 -240
- package/components/combobox/demo/keyboard-behavior.md +1 -4
- package/components/combobox/dist/auro-combobox.d.ts +4 -1
- package/components/combobox/dist/index.js +334 -222
- package/components/combobox/dist/registered.js +334 -222
- package/components/counter/demo/customize.min.js +59 -222
- package/components/counter/demo/index.min.js +59 -222
- package/components/counter/dist/auro-counter.d.ts +0 -8
- package/components/counter/dist/index.js +59 -222
- package/components/counter/dist/registered.js +59 -222
- package/components/datepicker/demo/accessibility.md +1 -1
- package/components/datepicker/demo/customize.md +30 -1
- package/components/datepicker/demo/customize.min.js +84 -220
- package/components/datepicker/demo/getting-started.md +118 -2
- package/components/datepicker/demo/index.min.js +84 -220
- package/components/datepicker/dist/index.js +84 -220
- package/components/datepicker/dist/registered.js +84 -220
- package/components/dropdown/demo/customize.html +3 -0
- package/components/dropdown/demo/customize.min.js +55 -206
- package/components/dropdown/demo/getting-started.min.js +44 -205
- package/components/dropdown/demo/index.min.js +44 -205
- package/components/dropdown/dist/index.js +44 -205
- package/components/dropdown/dist/registered.js +44 -205
- package/components/form/demo/customize.min.js +670 -945
- package/components/form/demo/getting-started.min.js +670 -945
- package/components/form/demo/index.min.js +670 -945
- package/components/form/demo/registerDemoDeps.min.js +670 -945
- package/components/input/demo/accessibility.md +1 -1
- 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/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/accessibility.md +9 -4
- package/components/menu/demo/api.md +26 -19
- package/components/menu/demo/css-only.md +26 -19
- package/components/menu/demo/customize.md +307 -47
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +144 -7
- package/components/menu/demo/index.min.js +214 -19
- package/components/menu/demo/keyboard-behavior.md +83 -4
- package/components/menu/demo/voiceover.md +21 -14
- package/components/menu/demo/why-menu.md +8 -9
- package/components/menu/dist/auro-menu-utils.d.ts +19 -0
- package/components/menu/dist/auro-menu.d.ts +4 -8
- package/components/menu/dist/auro-menuoption.d.ts +12 -0
- package/components/menu/dist/index.js +87 -18
- package/components/menu/dist/registered.js +87 -18
- package/components/radio/demo/accessibility.md +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/accessibility.md +6 -1
- package/components/select/demo/api.md +2 -2
- package/components/select/demo/customize.md +6 -3
- package/components/select/demo/customize.min.js +139 -227
- package/components/select/demo/design.md +10 -10
- package/components/select/demo/getting-started.md +1 -1
- package/components/select/demo/getting-started.min.js +139 -227
- package/components/select/demo/index.md +2 -2
- package/components/select/demo/index.min.js +139 -227
- package/components/select/demo/keyboard-behavior.md +53 -58
- package/components/select/demo/voiceover.md +28 -15
- package/components/select/dist/auro-select.d.ts +6 -2
- package/components/select/dist/index.js +52 -209
- package/components/select/dist/registered.js +52 -209
- package/custom-elements.json +1611 -1552
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -267,107 +267,34 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
275
|
+
"name": "AuroCheckboxGroup",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": ""
|
|
278
|
+
"description": "Allows for the legend to be overridden.",
|
|
279
|
+
"name": "legend"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
-
"type": {
|
|
283
|
-
"text": "HTMLSlotElement"
|
|
284
|
-
},
|
|
285
282
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
286
283
|
"name": "optionalLabel"
|
|
287
284
|
},
|
|
288
285
|
{
|
|
289
|
-
"description": "
|
|
290
|
-
"name": "ariaLabel.input.clear"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
-
"name": "ariaLabel.bib.close"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"description": "Defines the headline to display above menu-options",
|
|
298
|
-
"name": "bib.fullscreen.headline"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"description": "Defines the content of the label.",
|
|
302
|
-
"name": "label"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"description": "Defines the content of the helpText.",
|
|
286
|
+
"description": "Allows for the helper text to be overridden.",
|
|
306
287
|
"name": "helpText"
|
|
307
288
|
},
|
|
308
289
|
{
|
|
309
|
-
"description": "
|
|
310
|
-
"name": "
|
|
290
|
+
"description": "The default slot for the checkbox items.",
|
|
291
|
+
"name": "default"
|
|
311
292
|
}
|
|
312
293
|
],
|
|
313
294
|
"members": [
|
|
314
295
|
{
|
|
315
296
|
"kind": "method",
|
|
316
|
-
"name": "_initializeDefaults"
|
|
317
|
-
"privacy": "private",
|
|
318
|
-
"return": {
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "void"
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"kind": "method",
|
|
326
|
-
"name": "_scheduleTimer",
|
|
327
|
-
"parameters": [
|
|
328
|
-
{
|
|
329
|
-
"name": "fn",
|
|
330
|
-
"description": "Callback to run.",
|
|
331
|
-
"type": {
|
|
332
|
-
"text": "Function"
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
{
|
|
336
|
-
"name": "ms",
|
|
337
|
-
"description": "Delay in milliseconds.",
|
|
338
|
-
"type": {
|
|
339
|
-
"text": "number"
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
],
|
|
343
|
-
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
344
|
-
"return": {
|
|
345
|
-
"type": {
|
|
346
|
-
"text": "number"
|
|
347
|
-
}
|
|
348
|
-
},
|
|
349
|
-
"privacy": "private"
|
|
350
|
-
},
|
|
351
|
-
{
|
|
352
|
-
"kind": "field",
|
|
353
|
-
"name": "inputValue",
|
|
354
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
355
|
-
"return": {
|
|
356
|
-
"type": {
|
|
357
|
-
"text": "string|undefined"
|
|
358
|
-
}
|
|
359
|
-
},
|
|
360
|
-
"readonly": true
|
|
361
|
-
},
|
|
362
|
-
{
|
|
363
|
-
"kind": "method",
|
|
364
|
-
"name": "isValid",
|
|
365
|
-
"description": "Checks if the element is valid.",
|
|
366
|
-
"return": {
|
|
367
|
-
"type": {
|
|
368
|
-
"text": "boolean"
|
|
369
|
-
}
|
|
370
|
-
}
|
|
297
|
+
"name": "_initializeDefaults"
|
|
371
298
|
},
|
|
372
299
|
{
|
|
373
300
|
"kind": "method",
|
|
@@ -376,7 +303,7 @@
|
|
|
376
303
|
"parameters": [
|
|
377
304
|
{
|
|
378
305
|
"name": "name",
|
|
379
|
-
"default": "
|
|
306
|
+
"default": "\"auro-checkbox-group\"",
|
|
380
307
|
"description": "The name of the element that you want to register.",
|
|
381
308
|
"optional": true,
|
|
382
309
|
"type": {
|
|
@@ -388,96 +315,24 @@
|
|
|
388
315
|
},
|
|
389
316
|
{
|
|
390
317
|
"kind": "method",
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
393
|
-
"privacy": "private",
|
|
394
|
-
"return": {
|
|
395
|
-
"type": {
|
|
396
|
-
"text": "void"
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
},
|
|
400
|
-
{
|
|
401
|
-
"kind": "method",
|
|
402
|
-
"name": "activateLastEnabledAvailableOption",
|
|
403
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
404
|
-
"privacy": "private",
|
|
405
|
-
"return": {
|
|
406
|
-
"type": {
|
|
407
|
-
"text": "void"
|
|
408
|
-
}
|
|
409
|
-
}
|
|
410
|
-
},
|
|
411
|
-
{
|
|
412
|
-
"kind": "method",
|
|
413
|
-
"name": "updateFilter",
|
|
414
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
415
|
-
"privacy": "private"
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"kind": "method",
|
|
419
|
-
"name": "syncValuesAndStates",
|
|
420
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
421
|
-
"privacy": "private",
|
|
422
|
-
"return": {
|
|
423
|
-
"type": {
|
|
424
|
-
"text": "void"
|
|
425
|
-
}
|
|
426
|
-
}
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"kind": "method",
|
|
430
|
-
"name": "updateTriggerTextDisplay",
|
|
431
|
-
"parameters": [
|
|
432
|
-
{
|
|
433
|
-
"name": "label",
|
|
434
|
-
"description": "The label of the selected option.",
|
|
435
|
-
"type": {
|
|
436
|
-
"text": "string"
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
],
|
|
440
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
441
|
-
"privacy": "private"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"kind": "method",
|
|
445
|
-
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
318
|
+
"name": "handleValueUpdate",
|
|
446
319
|
"parameters": [
|
|
447
320
|
{
|
|
448
|
-
"name": "
|
|
449
|
-
"description": "The value
|
|
321
|
+
"name": "value",
|
|
322
|
+
"description": "The value of the checkbox.",
|
|
450
323
|
"type": {
|
|
451
|
-
"text": "
|
|
324
|
+
"text": "String"
|
|
452
325
|
}
|
|
453
|
-
}
|
|
454
|
-
],
|
|
455
|
-
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
456
|
-
"return": {
|
|
457
|
-
"type": {
|
|
458
|
-
"text": "Promise<void>"
|
|
459
|
-
}
|
|
460
|
-
},
|
|
461
|
-
"privacy": "private"
|
|
462
|
-
},
|
|
463
|
-
{
|
|
464
|
-
"kind": "method",
|
|
465
|
-
"name": "handleMenuOptions",
|
|
466
|
-
"parameters": [
|
|
467
|
-
{
|
|
468
|
-
"name": "{ preferComboboxValue = false }",
|
|
469
|
-
"default": "{}"
|
|
470
326
|
},
|
|
471
327
|
{
|
|
472
|
-
"
|
|
473
|
-
"
|
|
474
|
-
"optional": true,
|
|
328
|
+
"name": "selected",
|
|
329
|
+
"description": "The checked state of the checkbox.",
|
|
475
330
|
"type": {
|
|
476
|
-
"text": "
|
|
331
|
+
"text": "Boolean"
|
|
477
332
|
}
|
|
478
333
|
}
|
|
479
334
|
],
|
|
480
|
-
"description": "
|
|
335
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
481
336
|
"privacy": "private",
|
|
482
337
|
"return": {
|
|
483
338
|
"type": {
|
|
@@ -487,8 +342,8 @@
|
|
|
487
342
|
},
|
|
488
343
|
{
|
|
489
344
|
"kind": "method",
|
|
490
|
-
"name": "
|
|
491
|
-
"description": "
|
|
345
|
+
"name": "handlePreselectedItems",
|
|
346
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
492
347
|
"privacy": "private",
|
|
493
348
|
"return": {
|
|
494
349
|
"type": {
|
|
@@ -498,8 +353,9 @@
|
|
|
498
353
|
},
|
|
499
354
|
{
|
|
500
355
|
"kind": "method",
|
|
501
|
-
"name": "
|
|
502
|
-
"description": "
|
|
356
|
+
"name": "handleItems",
|
|
357
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
358
|
+
"privacy": "private",
|
|
503
359
|
"return": {
|
|
504
360
|
"type": {
|
|
505
361
|
"text": "void"
|
|
@@ -508,8 +364,8 @@
|
|
|
508
364
|
},
|
|
509
365
|
{
|
|
510
366
|
"kind": "method",
|
|
511
|
-
"name": "
|
|
512
|
-
"description": "
|
|
367
|
+
"name": "reset",
|
|
368
|
+
"description": "Resets component to initial state.",
|
|
513
369
|
"return": {
|
|
514
370
|
"type": {
|
|
515
371
|
"text": "void"
|
|
@@ -518,252 +374,325 @@
|
|
|
518
374
|
},
|
|
519
375
|
{
|
|
520
376
|
"kind": "method",
|
|
521
|
-
"name": "
|
|
522
|
-
"
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
"
|
|
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
|
+
}
|
|
527
387
|
}
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
{
|
|
531
|
-
"kind": "method",
|
|
532
|
-
"name": "setClearBtnFocus",
|
|
533
|
-
"privacy": "private"
|
|
388
|
+
],
|
|
389
|
+
"description": "Validates value."
|
|
534
390
|
},
|
|
535
391
|
{
|
|
536
|
-
"kind": "
|
|
537
|
-
"name": "
|
|
538
|
-
"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
|
|
539
402
|
},
|
|
540
403
|
{
|
|
541
|
-
"kind": "
|
|
542
|
-
"name": "
|
|
543
|
-
"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
|
|
544
413
|
},
|
|
545
414
|
{
|
|
546
|
-
"kind": "
|
|
547
|
-
"name": "
|
|
548
|
-
"
|
|
549
|
-
"
|
|
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
|
|
550
424
|
},
|
|
551
425
|
{
|
|
552
|
-
"kind": "
|
|
553
|
-
"name": "
|
|
554
|
-
"
|
|
555
|
-
"
|
|
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
|
|
556
435
|
},
|
|
557
436
|
{
|
|
558
|
-
"kind": "
|
|
559
|
-
"name": "
|
|
560
|
-
"
|
|
561
|
-
"
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
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
|
|
567
446
|
},
|
|
568
447
|
{
|
|
569
|
-
"kind": "
|
|
570
|
-
"name": "
|
|
571
|
-
"
|
|
572
|
-
"
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
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
|
|
578
457
|
},
|
|
579
458
|
{
|
|
580
|
-
"kind": "
|
|
581
|
-
"name": "
|
|
582
|
-
"
|
|
583
|
-
"
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
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
|
|
589
468
|
},
|
|
590
469
|
{
|
|
591
|
-
"kind": "
|
|
592
|
-
"name": "
|
|
593
|
-
"
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
}
|
|
600
|
-
},
|
|
601
|
-
{
|
|
602
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
603
|
-
"name": "event.detail.loading",
|
|
604
|
-
"type": {
|
|
605
|
-
"text": "boolean"
|
|
606
|
-
}
|
|
607
|
-
},
|
|
608
|
-
{
|
|
609
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
610
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
611
|
-
"type": {
|
|
612
|
-
"text": "boolean"
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
],
|
|
616
|
-
"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.",
|
|
617
|
-
"privacy": "private",
|
|
618
|
-
"return": {
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "void"
|
|
621
|
-
}
|
|
622
|
-
}
|
|
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"
|
|
623
478
|
},
|
|
624
479
|
{
|
|
625
|
-
"kind": "
|
|
626
|
-
"name": "
|
|
627
|
-
"
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
],
|
|
636
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
637
|
-
"privacy": "private",
|
|
638
|
-
"return": {
|
|
639
|
-
"type": {
|
|
640
|
-
"text": "void"
|
|
641
|
-
}
|
|
642
|
-
}
|
|
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"
|
|
643
488
|
},
|
|
644
489
|
{
|
|
645
|
-
"kind": "
|
|
646
|
-
"name": "
|
|
647
|
-
"
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
}
|
|
654
|
-
}
|
|
655
|
-
],
|
|
656
|
-
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
657
|
-
"privacy": "private",
|
|
658
|
-
"return": {
|
|
659
|
-
"type": {
|
|
660
|
-
"text": "void"
|
|
661
|
-
}
|
|
662
|
-
}
|
|
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"
|
|
663
498
|
},
|
|
664
499
|
{
|
|
665
|
-
"kind": "
|
|
666
|
-
"name": "
|
|
667
|
-
"
|
|
668
|
-
"
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
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"
|
|
673
516
|
}
|
|
674
517
|
},
|
|
675
518
|
{
|
|
676
|
-
"
|
|
677
|
-
"name": "
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
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"
|
|
684
532
|
},
|
|
685
533
|
{
|
|
686
|
-
"
|
|
687
|
-
"
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
"type": {
|
|
693
|
-
"text": "string"
|
|
694
|
-
}
|
|
695
|
-
}
|
|
696
|
-
],
|
|
697
|
-
"description": "Sets the menu value if menu is available.",
|
|
698
|
-
"return": {
|
|
699
|
-
"type": {
|
|
700
|
-
"text": "void"
|
|
701
|
-
}
|
|
702
|
-
}
|
|
534
|
+
"name": "disabled",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "boolean"
|
|
537
|
+
},
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
703
540
|
},
|
|
704
541
|
{
|
|
705
|
-
"
|
|
706
|
-
"
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
}
|
|
712
|
-
}
|
|
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"
|
|
713
548
|
},
|
|
714
549
|
{
|
|
715
|
-
"
|
|
716
|
-
"
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
}
|
|
722
|
-
}
|
|
550
|
+
"name": "horizontal",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
723
556
|
},
|
|
724
557
|
{
|
|
725
|
-
"
|
|
726
|
-
"
|
|
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": [
|
|
662
|
+
{
|
|
663
|
+
"kind": "method",
|
|
664
|
+
"name": "_initializeDefaults"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "method",
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
727
670
|
"parameters": [
|
|
728
671
|
{
|
|
729
|
-
"name": "
|
|
730
|
-
"default": "
|
|
731
|
-
"description": "
|
|
672
|
+
"name": "name",
|
|
673
|
+
"default": "\"auro-checkbox\"",
|
|
674
|
+
"description": "The name of element that you want to register to.",
|
|
732
675
|
"optional": true,
|
|
733
676
|
"type": {
|
|
734
|
-
"text": "
|
|
677
|
+
"text": "string"
|
|
735
678
|
}
|
|
736
679
|
}
|
|
737
680
|
],
|
|
738
|
-
"description": "
|
|
681
|
+
"description": "This will register this element with the browser."
|
|
739
682
|
},
|
|
740
683
|
{
|
|
741
684
|
"kind": "method",
|
|
742
|
-
"name": "
|
|
685
|
+
"name": "handleChange",
|
|
743
686
|
"parameters": [
|
|
744
687
|
{
|
|
745
|
-
"name": "
|
|
746
|
-
"description": "The
|
|
747
|
-
"type": {
|
|
748
|
-
"text": "HTMLSlotElement"
|
|
749
|
-
}
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "target",
|
|
753
|
-
"description": "The target element to apply the nodes to.",
|
|
754
|
-
"type": {
|
|
755
|
-
"text": "HTMLElement"
|
|
756
|
-
}
|
|
757
|
-
},
|
|
758
|
-
{
|
|
759
|
-
"name": "newSlotName",
|
|
760
|
-
"description": "The new slot name for the applied nodes.",
|
|
688
|
+
"name": "event",
|
|
689
|
+
"description": "The change event from the checkbox input.",
|
|
761
690
|
"type": {
|
|
762
|
-
"text": "
|
|
691
|
+
"text": "Event"
|
|
763
692
|
}
|
|
764
693
|
}
|
|
765
694
|
],
|
|
766
|
-
"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.",
|
|
767
696
|
"privacy": "private",
|
|
768
697
|
"return": {
|
|
769
698
|
"type": {
|
|
@@ -773,31 +702,80 @@
|
|
|
773
702
|
},
|
|
774
703
|
{
|
|
775
704
|
"kind": "method",
|
|
776
|
-
"name": "
|
|
705
|
+
"name": "handleInput",
|
|
777
706
|
"parameters": [
|
|
778
707
|
{
|
|
779
|
-
"name": "
|
|
780
|
-
"description": "
|
|
708
|
+
"name": "event",
|
|
709
|
+
"description": "The input event from the checkbox input.",
|
|
781
710
|
"type": {
|
|
782
|
-
"text": "
|
|
711
|
+
"text": "Event"
|
|
783
712
|
}
|
|
784
713
|
}
|
|
785
714
|
],
|
|
786
|
-
"description": "
|
|
715
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
716
|
+
"privacy": "private",
|
|
717
|
+
"return": {
|
|
718
|
+
"type": {
|
|
719
|
+
"text": "void"
|
|
720
|
+
}
|
|
721
|
+
}
|
|
787
722
|
},
|
|
788
723
|
{
|
|
789
724
|
"kind": "method",
|
|
790
|
-
"name": "
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
727
|
+
"privacy": "private",
|
|
728
|
+
"return": {
|
|
729
|
+
"type": {
|
|
730
|
+
"text": "void"
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
},
|
|
734
|
+
{
|
|
735
|
+
"kind": "method",
|
|
736
|
+
"name": "generateIconHtml",
|
|
737
|
+
"description": "Function to generate checkmark svg.",
|
|
738
|
+
"privacy": "private",
|
|
739
|
+
"return": {
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "HTMLElement"
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"kind": "method",
|
|
747
|
+
"name": "reset",
|
|
748
|
+
"description": "Resets component to initial state.",
|
|
749
|
+
"return": {
|
|
750
|
+
"type": {
|
|
751
|
+
"text": "void"
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"kind": "method",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
759
|
+
"privacy": "private",
|
|
760
|
+
"return": {
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "void"
|
|
763
|
+
}
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"kind": "method",
|
|
768
|
+
"name": "handleKeyDown",
|
|
791
769
|
"parameters": [
|
|
792
770
|
{
|
|
793
771
|
"name": "event",
|
|
794
|
-
"description": "
|
|
772
|
+
"description": "The keydown event from the checkbox input.",
|
|
795
773
|
"type": {
|
|
796
|
-
"text": "
|
|
774
|
+
"text": "KeyboardEvent"
|
|
797
775
|
}
|
|
798
776
|
}
|
|
799
777
|
],
|
|
800
|
-
"description": "
|
|
778
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
801
779
|
"privacy": "private",
|
|
802
780
|
"return": {
|
|
803
781
|
"type": {
|
|
@@ -810,7 +788,7 @@
|
|
|
810
788
|
"name": "appearance",
|
|
811
789
|
"privacy": "public",
|
|
812
790
|
"type": {
|
|
813
|
-
"text": "
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
814
792
|
},
|
|
815
793
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
816
794
|
"default": "'default'",
|
|
@@ -819,1080 +797,1055 @@
|
|
|
819
797
|
},
|
|
820
798
|
{
|
|
821
799
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
800
|
+
"name": "checked",
|
|
823
801
|
"privacy": "public",
|
|
824
802
|
"type": {
|
|
825
|
-
"text": "
|
|
803
|
+
"text": "boolean"
|
|
826
804
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"attribute": "
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
829
807
|
"reflects": true
|
|
830
808
|
},
|
|
831
809
|
{
|
|
832
810
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
811
|
+
"name": "disabled",
|
|
834
812
|
"privacy": "public",
|
|
835
813
|
"type": {
|
|
836
814
|
"text": "boolean"
|
|
837
815
|
},
|
|
838
|
-
"description": "If
|
|
839
|
-
"attribute": "
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
840
818
|
"reflects": true
|
|
841
819
|
},
|
|
842
820
|
{
|
|
843
821
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
822
|
+
"name": "error",
|
|
823
|
+
"privacy": "public",
|
|
846
824
|
"type": {
|
|
847
|
-
"text": "
|
|
825
|
+
"text": "boolean"
|
|
848
826
|
},
|
|
849
|
-
"description": "
|
|
850
|
-
"attribute": "
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
829
|
+
"reflects": true
|
|
851
830
|
},
|
|
852
831
|
{
|
|
853
832
|
"kind": "field",
|
|
854
|
-
"name": "
|
|
833
|
+
"name": "id",
|
|
855
834
|
"privacy": "public",
|
|
856
835
|
"type": {
|
|
857
|
-
"text": "
|
|
836
|
+
"text": "string"
|
|
858
837
|
},
|
|
859
|
-
"description": "
|
|
860
|
-
"
|
|
861
|
-
"attribute": "behavior",
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
862
840
|
"reflects": true
|
|
863
841
|
},
|
|
864
842
|
{
|
|
865
843
|
"kind": "field",
|
|
866
|
-
"name": "
|
|
867
|
-
"privacy": "
|
|
844
|
+
"name": "inputId",
|
|
845
|
+
"privacy": "private",
|
|
868
846
|
"type": {
|
|
869
|
-
"text": "
|
|
847
|
+
"text": "string"
|
|
870
848
|
},
|
|
871
|
-
"description": "
|
|
872
|
-
"attribute": "checkmark",
|
|
873
|
-
"reflects": true
|
|
849
|
+
"description": "The id for input node."
|
|
874
850
|
},
|
|
875
851
|
{
|
|
876
852
|
"kind": "field",
|
|
877
|
-
"name": "
|
|
853
|
+
"name": "name",
|
|
878
854
|
"privacy": "public",
|
|
879
|
-
"type": {
|
|
880
|
-
"text": "boolean"
|
|
881
|
-
},
|
|
882
|
-
"description": "If set, disables the combobox.",
|
|
883
|
-
"attribute": "disabled",
|
|
884
|
-
"reflects": true
|
|
885
|
-
},
|
|
886
|
-
{
|
|
887
|
-
"kind": "field",
|
|
888
|
-
"name": "dropdownId",
|
|
889
|
-
"privacy": "private",
|
|
890
855
|
"type": {
|
|
891
856
|
"text": "string"
|
|
892
857
|
},
|
|
893
|
-
"description": "
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
894
860
|
},
|
|
895
861
|
{
|
|
896
862
|
"kind": "field",
|
|
897
|
-
"name": "
|
|
898
|
-
"privacy": "
|
|
863
|
+
"name": "onDark",
|
|
864
|
+
"privacy": "public",
|
|
899
865
|
"type": {
|
|
900
866
|
"text": "boolean"
|
|
901
867
|
},
|
|
902
|
-
"description": "
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
870
|
+
"reflects": true
|
|
903
871
|
},
|
|
904
872
|
{
|
|
905
873
|
"kind": "field",
|
|
906
|
-
"name": "
|
|
907
|
-
"privacy": "
|
|
874
|
+
"name": "touched",
|
|
875
|
+
"privacy": "private",
|
|
908
876
|
"type": {
|
|
909
877
|
"text": "boolean"
|
|
910
878
|
},
|
|
911
|
-
"description": "
|
|
912
|
-
"attribute": "dvInputOnly",
|
|
913
|
-
"reflects": true
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
914
880
|
},
|
|
915
881
|
{
|
|
916
882
|
"kind": "field",
|
|
917
|
-
"name": "
|
|
883
|
+
"name": "value",
|
|
918
884
|
"privacy": "public",
|
|
919
885
|
"type": {
|
|
920
886
|
"text": "string"
|
|
921
887
|
},
|
|
922
|
-
"description": "
|
|
923
|
-
"attribute": "
|
|
924
|
-
"reflects": true
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
925
890
|
},
|
|
926
891
|
{
|
|
927
892
|
"kind": "field",
|
|
928
|
-
"name": "
|
|
929
|
-
"privacy": "
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
930
895
|
"type": {
|
|
931
|
-
"text": "
|
|
896
|
+
"text": "number"
|
|
932
897
|
},
|
|
933
|
-
"description": "
|
|
934
|
-
"attribute": "
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
935
900
|
"reflects": true
|
|
936
901
|
},
|
|
937
902
|
{
|
|
938
903
|
"kind": "field",
|
|
939
|
-
"name": "
|
|
940
|
-
"privacy": "
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
941
906
|
"type": {
|
|
942
907
|
"text": "string"
|
|
943
908
|
},
|
|
944
|
-
"description": "
|
|
945
|
-
"attribute": "
|
|
909
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
+
"attribute": "aria-checked",
|
|
946
911
|
"reflects": true
|
|
947
912
|
},
|
|
948
913
|
{
|
|
949
914
|
"kind": "field",
|
|
950
|
-
"name": "
|
|
951
|
-
"privacy": "
|
|
915
|
+
"name": "ariaDisabled",
|
|
916
|
+
"privacy": "private",
|
|
952
917
|
"type": {
|
|
953
918
|
"text": "string"
|
|
954
919
|
},
|
|
955
|
-
"description": "
|
|
956
|
-
"
|
|
957
|
-
"
|
|
958
|
-
"reflects": true,
|
|
959
|
-
"inheritedFrom": {
|
|
960
|
-
"name": "AuroElement",
|
|
961
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
962
|
-
}
|
|
920
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
+
"attribute": "aria-disabled",
|
|
922
|
+
"reflects": true
|
|
963
923
|
},
|
|
964
924
|
{
|
|
965
925
|
"kind": "field",
|
|
966
|
-
"name": "
|
|
926
|
+
"name": "role",
|
|
967
927
|
"privacy": "private",
|
|
968
928
|
"type": {
|
|
969
|
-
"text": "
|
|
929
|
+
"text": "string"
|
|
970
930
|
},
|
|
971
|
-
"description": "
|
|
972
|
-
"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",
|
|
973
933
|
"reflects": true
|
|
974
|
-
}
|
|
934
|
+
}
|
|
935
|
+
],
|
|
936
|
+
"events": [
|
|
975
937
|
{
|
|
976
|
-
"
|
|
977
|
-
"name": "noFilter",
|
|
978
|
-
"privacy": "public",
|
|
938
|
+
"name": "auroCheckbox-input",
|
|
979
939
|
"type": {
|
|
980
|
-
"text": "
|
|
981
|
-
}
|
|
982
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
983
|
-
"attribute": "noFilter",
|
|
984
|
-
"reflects": true
|
|
940
|
+
"text": "CustomEvent"
|
|
941
|
+
}
|
|
985
942
|
},
|
|
986
943
|
{
|
|
987
|
-
"
|
|
988
|
-
"name": "noFlip",
|
|
989
|
-
"privacy": "public",
|
|
944
|
+
"name": "auroCheckbox-focusin",
|
|
990
945
|
"type": {
|
|
991
|
-
"text": "
|
|
992
|
-
}
|
|
993
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
994
|
-
"attribute": "noFlip",
|
|
995
|
-
"reflects": true
|
|
946
|
+
"text": "CustomEvent"
|
|
947
|
+
}
|
|
996
948
|
},
|
|
997
949
|
{
|
|
998
|
-
"
|
|
999
|
-
"name": "shift",
|
|
1000
|
-
"privacy": "public",
|
|
950
|
+
"name": "auroCheckbox-focusout",
|
|
1001
951
|
"type": {
|
|
1002
|
-
"text": "
|
|
1003
|
-
}
|
|
1004
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1005
|
-
"attribute": "shift",
|
|
1006
|
-
"reflects": true
|
|
952
|
+
"text": "CustomEvent"
|
|
953
|
+
}
|
|
1007
954
|
},
|
|
1008
955
|
{
|
|
1009
|
-
"
|
|
1010
|
-
"name": "
|
|
1011
|
-
"privacy": "public",
|
|
1012
|
-
"type": {
|
|
1013
|
-
"text": "boolean"
|
|
1014
|
-
},
|
|
1015
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1016
|
-
"attribute": "noValidate",
|
|
1017
|
-
"reflects": true
|
|
956
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
+
"name": "change"
|
|
1018
958
|
},
|
|
1019
959
|
{
|
|
1020
|
-
"
|
|
1021
|
-
"name": "
|
|
1022
|
-
|
|
960
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
+
"name": "input"
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "appearance",
|
|
1023
967
|
"type": {
|
|
1024
|
-
"text": "
|
|
968
|
+
"text": "'default' | 'inverse'"
|
|
1025
969
|
},
|
|
1026
|
-
"description": "
|
|
1027
|
-
"default": "
|
|
1028
|
-
"
|
|
1029
|
-
"reflects": true
|
|
970
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
+
"default": "'default'",
|
|
972
|
+
"fieldName": "appearance"
|
|
1030
973
|
},
|
|
1031
974
|
{
|
|
1032
|
-
"
|
|
1033
|
-
"name": "onDark",
|
|
1034
|
-
"privacy": "public",
|
|
975
|
+
"name": "checked",
|
|
1035
976
|
"type": {
|
|
1036
977
|
"text": "boolean"
|
|
1037
978
|
},
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1041
|
-
"inheritedFrom": {
|
|
1042
|
-
"name": "AuroElement",
|
|
1043
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1044
|
-
}
|
|
979
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
+
"fieldName": "checked"
|
|
1045
981
|
},
|
|
1046
982
|
{
|
|
1047
|
-
"
|
|
1048
|
-
"name": "optionSelected",
|
|
1049
|
-
"privacy": "public",
|
|
983
|
+
"name": "disabled",
|
|
1050
984
|
"type": {
|
|
1051
|
-
"text": "
|
|
985
|
+
"text": "boolean"
|
|
1052
986
|
},
|
|
1053
|
-
"description": "
|
|
1054
|
-
"
|
|
987
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
988
|
+
"fieldName": "disabled"
|
|
1055
989
|
},
|
|
1056
990
|
{
|
|
1057
|
-
"
|
|
1058
|
-
"name": "persistInput",
|
|
1059
|
-
"privacy": "public",
|
|
991
|
+
"name": "error",
|
|
1060
992
|
"type": {
|
|
1061
993
|
"text": "boolean"
|
|
1062
994
|
},
|
|
1063
|
-
"description": "If
|
|
1064
|
-
"
|
|
1065
|
-
"reflects": true
|
|
995
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
996
|
+
"fieldName": "error"
|
|
1066
997
|
},
|
|
1067
998
|
{
|
|
1068
|
-
"
|
|
1069
|
-
"name": "placement",
|
|
1070
|
-
"privacy": "public",
|
|
999
|
+
"name": "id",
|
|
1071
1000
|
"type": {
|
|
1072
|
-
"text": "
|
|
1001
|
+
"text": "string"
|
|
1073
1002
|
},
|
|
1074
|
-
"description": "
|
|
1075
|
-
"
|
|
1076
|
-
"attribute": "placement",
|
|
1077
|
-
"reflects": true
|
|
1003
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
+
"fieldName": "id"
|
|
1078
1005
|
},
|
|
1079
1006
|
{
|
|
1080
|
-
"
|
|
1081
|
-
"name": "placeholder",
|
|
1082
|
-
"privacy": "public",
|
|
1007
|
+
"name": "name",
|
|
1083
1008
|
"type": {
|
|
1084
1009
|
"text": "string"
|
|
1085
1010
|
},
|
|
1086
|
-
"description": "
|
|
1087
|
-
"
|
|
1088
|
-
"reflects": true
|
|
1011
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
+
"fieldName": "name"
|
|
1089
1013
|
},
|
|
1090
1014
|
{
|
|
1091
|
-
"
|
|
1092
|
-
"name": "required",
|
|
1093
|
-
"privacy": "public",
|
|
1015
|
+
"name": "onDark",
|
|
1094
1016
|
"type": {
|
|
1095
1017
|
"text": "boolean"
|
|
1096
1018
|
},
|
|
1097
|
-
"description": "
|
|
1098
|
-
"
|
|
1099
|
-
"reflects": true
|
|
1019
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1020
|
+
"fieldName": "onDark"
|
|
1100
1021
|
},
|
|
1101
1022
|
{
|
|
1102
|
-
"
|
|
1103
|
-
"name": "setCustomValidity",
|
|
1104
|
-
"privacy": "public",
|
|
1023
|
+
"name": "value",
|
|
1105
1024
|
"type": {
|
|
1106
1025
|
"text": "string"
|
|
1107
1026
|
},
|
|
1108
|
-
"description": "Sets
|
|
1109
|
-
"
|
|
1027
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1028
|
+
"fieldName": "value"
|
|
1110
1029
|
},
|
|
1111
1030
|
{
|
|
1112
|
-
"
|
|
1113
|
-
"name": "setCustomValidityCustomError",
|
|
1114
|
-
"privacy": "public",
|
|
1031
|
+
"name": "tabindex",
|
|
1115
1032
|
"type": {
|
|
1116
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1117
1034
|
},
|
|
1118
|
-
"description": "
|
|
1119
|
-
"
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1120
1037
|
},
|
|
1121
1038
|
{
|
|
1122
|
-
"
|
|
1123
|
-
"name": "setCustomValidityValueMissing",
|
|
1124
|
-
"privacy": "public",
|
|
1039
|
+
"name": "aria-checked",
|
|
1125
1040
|
"type": {
|
|
1126
1041
|
"text": "string"
|
|
1127
1042
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1130
1045
|
},
|
|
1131
1046
|
{
|
|
1132
|
-
"
|
|
1133
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1134
|
-
"privacy": "public",
|
|
1047
|
+
"name": "aria-disabled",
|
|
1135
1048
|
"type": {
|
|
1136
1049
|
"text": "string"
|
|
1137
1050
|
},
|
|
1138
|
-
"description": "
|
|
1139
|
-
"
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1140
1053
|
},
|
|
1141
1054
|
{
|
|
1142
|
-
"
|
|
1143
|
-
"name": "touched",
|
|
1144
|
-
"privacy": "private",
|
|
1055
|
+
"name": "role",
|
|
1145
1056
|
"type": {
|
|
1146
|
-
"text": "
|
|
1057
|
+
"text": "string"
|
|
1147
1058
|
},
|
|
1148
|
-
"description": "
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
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": ""
|
|
1160
1123
|
},
|
|
1161
1124
|
{
|
|
1162
|
-
"kind": "field",
|
|
1163
|
-
"name": "type",
|
|
1164
|
-
"privacy": "public",
|
|
1165
1125
|
"type": {
|
|
1166
|
-
"text": "
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1167
1127
|
},
|
|
1168
|
-
"description": "
|
|
1169
|
-
"
|
|
1170
|
-
"reflects": true
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1171
1130
|
},
|
|
1172
1131
|
{
|
|
1173
|
-
"
|
|
1174
|
-
"name": "
|
|
1175
|
-
"privacy": "public",
|
|
1176
|
-
"type": {
|
|
1177
|
-
"text": "string"
|
|
1178
|
-
},
|
|
1179
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1180
|
-
"attribute": "typedValue",
|
|
1181
|
-
"reflects": true
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1182
1134
|
},
|
|
1183
1135
|
{
|
|
1184
|
-
"
|
|
1185
|
-
"name": "
|
|
1186
|
-
"privacy": "public",
|
|
1187
|
-
"type": {
|
|
1188
|
-
"text": "string"
|
|
1189
|
-
},
|
|
1190
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1191
|
-
"attribute": "validity",
|
|
1192
|
-
"reflects": true
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1193
1138
|
},
|
|
1194
1139
|
{
|
|
1195
|
-
"
|
|
1196
|
-
"name": "
|
|
1197
|
-
"privacy": "public",
|
|
1198
|
-
"type": {
|
|
1199
|
-
"text": "string"
|
|
1200
|
-
},
|
|
1201
|
-
"description": "Value selected for the dropdown menu.",
|
|
1202
|
-
"attribute": "value"
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1203
1142
|
},
|
|
1204
1143
|
{
|
|
1205
|
-
"
|
|
1206
|
-
"name": "
|
|
1207
|
-
"privacy": "public",
|
|
1208
|
-
"type": {
|
|
1209
|
-
"text": "boolean"
|
|
1210
|
-
},
|
|
1211
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1212
|
-
"attribute": "largeFullscreenHeadline",
|
|
1213
|
-
"reflects": true
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1214
1146
|
},
|
|
1215
1147
|
{
|
|
1216
|
-
"
|
|
1217
|
-
"name": "
|
|
1218
|
-
"privacy": "public",
|
|
1219
|
-
"type": {
|
|
1220
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1221
|
-
},
|
|
1222
|
-
"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.",
|
|
1223
|
-
"default": "'sm'",
|
|
1224
|
-
"attribute": "fullscreenBreakpoint",
|
|
1225
|
-
"reflects": true
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1226
1150
|
},
|
|
1227
1151
|
{
|
|
1228
|
-
"
|
|
1229
|
-
"name": "
|
|
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": [
|
|
1157
|
+
{
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1230
1160
|
"privacy": "private",
|
|
1231
|
-
"
|
|
1232
|
-
"
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"kind": "method",
|
|
1169
|
+
"name": "_scheduleTimer",
|
|
1170
|
+
"parameters": [
|
|
1171
|
+
{
|
|
1172
|
+
"name": "fn",
|
|
1173
|
+
"description": "Callback to run.",
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "Function"
|
|
1176
|
+
}
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"name": "ms",
|
|
1180
|
+
"description": "Delay in milliseconds.",
|
|
1181
|
+
"type": {
|
|
1182
|
+
"text": "number"
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
],
|
|
1186
|
+
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1187
|
+
"return": {
|
|
1188
|
+
"type": {
|
|
1189
|
+
"text": "number"
|
|
1190
|
+
}
|
|
1233
1191
|
},
|
|
1234
|
-
"
|
|
1192
|
+
"privacy": "private"
|
|
1235
1193
|
},
|
|
1236
1194
|
{
|
|
1237
1195
|
"kind": "field",
|
|
1238
|
-
"name": "
|
|
1239
|
-
"description": "Returns
|
|
1240
|
-
"privacy": "private",
|
|
1196
|
+
"name": "inputValue",
|
|
1197
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1241
1198
|
"return": {
|
|
1242
1199
|
"type": {
|
|
1243
|
-
"text": "
|
|
1200
|
+
"text": "string|undefined"
|
|
1244
1201
|
}
|
|
1245
1202
|
},
|
|
1246
|
-
"readonly": true
|
|
1247
|
-
"inheritedFrom": {
|
|
1248
|
-
"name": "AuroElement",
|
|
1249
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1250
|
-
}
|
|
1203
|
+
"readonly": true
|
|
1251
1204
|
},
|
|
1252
1205
|
{
|
|
1253
1206
|
"kind": "method",
|
|
1254
|
-
"name": "
|
|
1255
|
-
"
|
|
1256
|
-
|
|
1257
|
-
"
|
|
1207
|
+
"name": "isValid",
|
|
1208
|
+
"description": "Checks if the element is valid.",
|
|
1209
|
+
"return": {
|
|
1210
|
+
"type": {
|
|
1211
|
+
"text": "boolean"
|
|
1212
|
+
}
|
|
1258
1213
|
}
|
|
1259
1214
|
},
|
|
1260
1215
|
{
|
|
1261
1216
|
"kind": "method",
|
|
1262
|
-
"name": "
|
|
1263
|
-
"
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1217
|
+
"name": "register",
|
|
1218
|
+
"static": true,
|
|
1219
|
+
"parameters": [
|
|
1220
|
+
{
|
|
1221
|
+
"name": "name",
|
|
1222
|
+
"default": "'auro-combobox'",
|
|
1223
|
+
"description": "The name of the element that you want to register.",
|
|
1224
|
+
"optional": true,
|
|
1225
|
+
"type": {
|
|
1226
|
+
"text": "string"
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1229
|
+
],
|
|
1230
|
+
"description": "This will register this element with the browser."
|
|
1267
1231
|
},
|
|
1268
1232
|
{
|
|
1269
1233
|
"kind": "method",
|
|
1270
|
-
"name": "
|
|
1271
|
-
"
|
|
1272
|
-
|
|
1273
|
-
|
|
1234
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1235
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1236
|
+
"privacy": "private",
|
|
1237
|
+
"return": {
|
|
1238
|
+
"type": {
|
|
1239
|
+
"text": "void"
|
|
1240
|
+
}
|
|
1274
1241
|
}
|
|
1275
1242
|
},
|
|
1276
1243
|
{
|
|
1277
|
-
"kind": "
|
|
1278
|
-
"name": "
|
|
1279
|
-
"
|
|
1280
|
-
"
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
"inheritedFrom": {
|
|
1286
|
-
"name": "AuroElement",
|
|
1287
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1244
|
+
"kind": "method",
|
|
1245
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1246
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1247
|
+
"privacy": "private",
|
|
1248
|
+
"return": {
|
|
1249
|
+
"type": {
|
|
1250
|
+
"text": "void"
|
|
1251
|
+
}
|
|
1288
1252
|
}
|
|
1289
1253
|
},
|
|
1290
1254
|
{
|
|
1291
|
-
"kind": "
|
|
1292
|
-
"name": "
|
|
1293
|
-
"
|
|
1294
|
-
"
|
|
1295
|
-
"text": "string"
|
|
1296
|
-
},
|
|
1297
|
-
"attribute": "size",
|
|
1298
|
-
"reflects": true,
|
|
1299
|
-
"inheritedFrom": {
|
|
1300
|
-
"name": "AuroElement",
|
|
1301
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1302
|
-
}
|
|
1303
|
-
}
|
|
1304
|
-
],
|
|
1305
|
-
"events": [
|
|
1306
|
-
{
|
|
1307
|
-
"name": "inputValue",
|
|
1308
|
-
"type": {
|
|
1309
|
-
"text": "CustomEvent"
|
|
1310
|
-
},
|
|
1311
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateFilter",
|
|
1257
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1258
|
+
"privacy": "private"
|
|
1312
1259
|
},
|
|
1313
1260
|
{
|
|
1314
|
-
"
|
|
1315
|
-
"
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
"
|
|
1261
|
+
"kind": "method",
|
|
1262
|
+
"name": "syncValuesAndStates",
|
|
1263
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1264
|
+
"privacy": "private",
|
|
1265
|
+
"return": {
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "void"
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1319
1270
|
},
|
|
1320
1271
|
{
|
|
1321
|
-
"
|
|
1322
|
-
"
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1272
|
+
"kind": "method",
|
|
1273
|
+
"name": "updateTriggerTextDisplay",
|
|
1274
|
+
"parameters": [
|
|
1275
|
+
{
|
|
1276
|
+
"name": "label",
|
|
1277
|
+
"description": "The label of the selected option.",
|
|
1278
|
+
"type": {
|
|
1279
|
+
"text": "string"
|
|
1280
|
+
}
|
|
1281
|
+
}
|
|
1282
|
+
],
|
|
1283
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1284
|
+
"privacy": "private"
|
|
1326
1285
|
},
|
|
1327
1286
|
{
|
|
1328
|
-
"
|
|
1329
|
-
"name": "
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1287
|
+
"kind": "method",
|
|
1288
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
1289
|
+
"parameters": [
|
|
1290
|
+
{
|
|
1291
|
+
"name": "nextValue",
|
|
1292
|
+
"description": "The value to write to both inputs.",
|
|
1293
|
+
"type": {
|
|
1294
|
+
"text": "string"
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
],
|
|
1298
|
+
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
1299
|
+
"return": {
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "Promise<void>"
|
|
1302
|
+
}
|
|
1337
1303
|
},
|
|
1338
|
-
"
|
|
1339
|
-
"default": "'default'",
|
|
1340
|
-
"fieldName": "appearance"
|
|
1304
|
+
"privacy": "private"
|
|
1341
1305
|
},
|
|
1342
1306
|
{
|
|
1343
|
-
"
|
|
1344
|
-
"
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1307
|
+
"kind": "method",
|
|
1308
|
+
"name": "handleMenuOptions",
|
|
1309
|
+
"parameters": [
|
|
1310
|
+
{
|
|
1311
|
+
"name": "{ preferComboboxValue = false }",
|
|
1312
|
+
"default": "{}"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"description": "Optional flag bag.",
|
|
1316
|
+
"name": "options",
|
|
1317
|
+
"optional": true,
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "@param {boolean} [options.preferComboboxValue=false] - When true,\n * handleMenuOptions matches the selected option against `this.value`\n * first instead of `this.input.value`. Needed on mount and re-mount\n * because under `persistInput` the consumer's typedValue prop can drift\n * from the framework value (Svelte `{#key}` re-mount after a swap, or\n * SPA preselect after route change) and the old input-first match would\n * then pick the stale text. Only handleSlotChange passes this; typing\n * and clearing paths keep the input-first match so user clears aren't\n * undone.\n * "
|
|
1320
|
+
}
|
|
1321
|
+
}
|
|
1322
|
+
],
|
|
1323
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1324
|
+
"privacy": "private",
|
|
1325
|
+
"return": {
|
|
1326
|
+
"type": {
|
|
1327
|
+
"text": "void"
|
|
1328
|
+
}
|
|
1329
|
+
}
|
|
1349
1330
|
},
|
|
1350
1331
|
{
|
|
1351
|
-
"
|
|
1352
|
-
"
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
"
|
|
1356
|
-
|
|
1332
|
+
"kind": "method",
|
|
1333
|
+
"name": "generateOptionsArray",
|
|
1334
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1335
|
+
"privacy": "private",
|
|
1336
|
+
"return": {
|
|
1337
|
+
"type": {
|
|
1338
|
+
"text": "void"
|
|
1339
|
+
}
|
|
1340
|
+
}
|
|
1357
1341
|
},
|
|
1358
1342
|
{
|
|
1359
|
-
"
|
|
1360
|
-
"
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1343
|
+
"kind": "method",
|
|
1344
|
+
"name": "hideBib",
|
|
1345
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1365
1351
|
},
|
|
1366
1352
|
{
|
|
1367
|
-
"
|
|
1368
|
-
"
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1353
|
+
"kind": "method",
|
|
1354
|
+
"name": "showBib",
|
|
1355
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1356
|
+
"return": {
|
|
1357
|
+
"type": {
|
|
1358
|
+
"text": "void"
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1374
1361
|
},
|
|
1375
1362
|
{
|
|
1376
|
-
"
|
|
1377
|
-
"
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
"
|
|
1381
|
-
|
|
1363
|
+
"kind": "method",
|
|
1364
|
+
"name": "configureDropdown",
|
|
1365
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1366
|
+
"privacy": "private",
|
|
1367
|
+
"return": {
|
|
1368
|
+
"type": {
|
|
1369
|
+
"text": "void"
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1382
1372
|
},
|
|
1383
1373
|
{
|
|
1384
|
-
"
|
|
1385
|
-
"
|
|
1386
|
-
|
|
1387
|
-
},
|
|
1388
|
-
"description": "If set, disables the combobox.",
|
|
1389
|
-
"fieldName": "disabled"
|
|
1374
|
+
"kind": "method",
|
|
1375
|
+
"name": "setClearBtnFocus",
|
|
1376
|
+
"privacy": "private"
|
|
1390
1377
|
},
|
|
1391
1378
|
{
|
|
1392
|
-
"
|
|
1393
|
-
"
|
|
1394
|
-
|
|
1395
|
-
},
|
|
1396
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1397
|
-
"fieldName": "dvInputOnly"
|
|
1379
|
+
"kind": "method",
|
|
1380
|
+
"name": "setTriggerInputFocus",
|
|
1381
|
+
"privacy": "private"
|
|
1398
1382
|
},
|
|
1399
1383
|
{
|
|
1400
|
-
"
|
|
1401
|
-
"
|
|
1402
|
-
|
|
1403
|
-
},
|
|
1404
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1405
|
-
"fieldName": "error"
|
|
1384
|
+
"kind": "method",
|
|
1385
|
+
"name": "setInputFocus",
|
|
1386
|
+
"privacy": "private"
|
|
1406
1387
|
},
|
|
1407
1388
|
{
|
|
1408
|
-
"
|
|
1409
|
-
"
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
"description": "Specifies the input mask format.",
|
|
1413
|
-
"fieldName": "format"
|
|
1389
|
+
"kind": "method",
|
|
1390
|
+
"name": "updateBibDialogRole",
|
|
1391
|
+
"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.",
|
|
1392
|
+
"privacy": "private"
|
|
1414
1393
|
},
|
|
1415
1394
|
{
|
|
1416
|
-
"
|
|
1417
|
-
"
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1421
|
-
"fieldName": "inputmode"
|
|
1395
|
+
"kind": "method",
|
|
1396
|
+
"name": "updateMenuShapeSize",
|
|
1397
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1398
|
+
"privacy": "private"
|
|
1422
1399
|
},
|
|
1423
1400
|
{
|
|
1424
|
-
"
|
|
1425
|
-
"
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
"
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
"name": "AuroElement",
|
|
1433
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1401
|
+
"kind": "method",
|
|
1402
|
+
"name": "_getAnnouncementRoot",
|
|
1403
|
+
"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.",
|
|
1404
|
+
"privacy": "private",
|
|
1405
|
+
"return": {
|
|
1406
|
+
"type": {
|
|
1407
|
+
"text": "ShadowRoot"
|
|
1408
|
+
}
|
|
1434
1409
|
}
|
|
1435
1410
|
},
|
|
1436
1411
|
{
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
"
|
|
1442
|
-
|
|
1412
|
+
"kind": "method",
|
|
1413
|
+
"name": "configureMenu",
|
|
1414
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1415
|
+
"privacy": "private",
|
|
1416
|
+
"return": {
|
|
1417
|
+
"type": {
|
|
1418
|
+
"text": "void"
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1443
1421
|
},
|
|
1444
1422
|
{
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
"
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
"type": {
|
|
1455
|
-
"text": "boolean"
|
|
1456
|
-
},
|
|
1457
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1458
|
-
"fieldName": "noFlip"
|
|
1459
|
-
},
|
|
1460
|
-
{
|
|
1461
|
-
"name": "shift",
|
|
1462
|
-
"type": {
|
|
1463
|
-
"text": "boolean"
|
|
1464
|
-
},
|
|
1465
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1466
|
-
"fieldName": "shift"
|
|
1467
|
-
},
|
|
1468
|
-
{
|
|
1469
|
-
"name": "noValidate",
|
|
1470
|
-
"type": {
|
|
1471
|
-
"text": "boolean"
|
|
1472
|
-
},
|
|
1473
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1474
|
-
"fieldName": "noValidate"
|
|
1475
|
-
},
|
|
1476
|
-
{
|
|
1477
|
-
"name": "offset",
|
|
1478
|
-
"type": {
|
|
1479
|
-
"text": "number"
|
|
1480
|
-
},
|
|
1481
|
-
"description": "Gap between the trigger element and bib.",
|
|
1482
|
-
"default": "0",
|
|
1483
|
-
"fieldName": "offset"
|
|
1484
|
-
},
|
|
1485
|
-
{
|
|
1486
|
-
"name": "onDark",
|
|
1487
|
-
"type": {
|
|
1488
|
-
"text": "boolean"
|
|
1489
|
-
},
|
|
1490
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1491
|
-
"fieldName": "onDark"
|
|
1423
|
+
"kind": "method",
|
|
1424
|
+
"name": "configureInput",
|
|
1425
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1426
|
+
"privacy": "private",
|
|
1427
|
+
"return": {
|
|
1428
|
+
"type": {
|
|
1429
|
+
"text": "void"
|
|
1430
|
+
}
|
|
1431
|
+
}
|
|
1492
1432
|
},
|
|
1493
1433
|
{
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1434
|
+
"kind": "method",
|
|
1435
|
+
"name": "handleMenuLoadingChange",
|
|
1436
|
+
"parameters": [
|
|
1437
|
+
{
|
|
1438
|
+
"name": "event",
|
|
1439
|
+
"description": "The event object containing details about the loading state change.",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "CustomEvent"
|
|
1442
|
+
}
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1446
|
+
"name": "event.detail.loading",
|
|
1447
|
+
"type": {
|
|
1448
|
+
"text": "boolean"
|
|
1449
|
+
}
|
|
1450
|
+
},
|
|
1451
|
+
{
|
|
1452
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1453
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "boolean"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"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.",
|
|
1460
|
+
"privacy": "private",
|
|
1461
|
+
"return": {
|
|
1462
|
+
"type": {
|
|
1463
|
+
"text": "void"
|
|
1464
|
+
}
|
|
1465
|
+
}
|
|
1500
1466
|
},
|
|
1501
1467
|
{
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1468
|
+
"kind": "method",
|
|
1469
|
+
"name": "handleInputValueChange",
|
|
1470
|
+
"parameters": [
|
|
1471
|
+
{
|
|
1472
|
+
"name": "event",
|
|
1473
|
+
"description": "The input event triggered by the input element.",
|
|
1474
|
+
"type": {
|
|
1475
|
+
"text": "Event"
|
|
1476
|
+
}
|
|
1477
|
+
}
|
|
1478
|
+
],
|
|
1479
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1480
|
+
"privacy": "private",
|
|
1481
|
+
"return": {
|
|
1482
|
+
"type": {
|
|
1483
|
+
"text": "void"
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1508
1486
|
},
|
|
1509
1487
|
{
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1488
|
+
"kind": "method",
|
|
1489
|
+
"name": "handleTriggerInputValueChange",
|
|
1490
|
+
"parameters": [
|
|
1491
|
+
{
|
|
1492
|
+
"name": "event",
|
|
1493
|
+
"description": "The input event from the trigger input element.",
|
|
1494
|
+
"type": {
|
|
1495
|
+
"text": "Event"
|
|
1496
|
+
}
|
|
1497
|
+
}
|
|
1498
|
+
],
|
|
1499
|
+
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
1500
|
+
"privacy": "private",
|
|
1501
|
+
"return": {
|
|
1502
|
+
"type": {
|
|
1503
|
+
"text": "void"
|
|
1504
|
+
}
|
|
1505
|
+
}
|
|
1517
1506
|
},
|
|
1518
1507
|
{
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
"
|
|
1524
|
-
|
|
1508
|
+
"kind": "method",
|
|
1509
|
+
"name": "configureCombobox",
|
|
1510
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"return": {
|
|
1513
|
+
"type": {
|
|
1514
|
+
"text": "void"
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1525
1517
|
},
|
|
1526
1518
|
{
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1519
|
+
"kind": "method",
|
|
1520
|
+
"name": "focus",
|
|
1521
|
+
"description": "Focuses the combobox trigger input.",
|
|
1522
|
+
"return": {
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "void"
|
|
1525
|
+
}
|
|
1526
|
+
}
|
|
1533
1527
|
},
|
|
1534
1528
|
{
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1529
|
+
"kind": "method",
|
|
1530
|
+
"name": "setMenuValue",
|
|
1531
|
+
"parameters": [
|
|
1532
|
+
{
|
|
1533
|
+
"name": "value",
|
|
1534
|
+
"description": "The value to set on the menu.",
|
|
1535
|
+
"type": {
|
|
1536
|
+
"text": "string"
|
|
1537
|
+
}
|
|
1538
|
+
}
|
|
1539
|
+
],
|
|
1540
|
+
"description": "Sets the menu value if menu is available.",
|
|
1541
|
+
"return": {
|
|
1542
|
+
"type": {
|
|
1543
|
+
"text": "void"
|
|
1544
|
+
}
|
|
1545
|
+
}
|
|
1541
1546
|
},
|
|
1542
1547
|
{
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1548
|
+
"kind": "method",
|
|
1549
|
+
"name": "reset",
|
|
1550
|
+
"description": "Resets component to initial state.",
|
|
1551
|
+
"return": {
|
|
1552
|
+
"type": {
|
|
1553
|
+
"text": "void"
|
|
1554
|
+
}
|
|
1555
|
+
}
|
|
1549
1556
|
},
|
|
1550
1557
|
{
|
|
1551
|
-
"
|
|
1552
|
-
"
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1558
|
+
"kind": "method",
|
|
1559
|
+
"name": "clear",
|
|
1560
|
+
"description": "Clears the current value of the combobox.",
|
|
1561
|
+
"return": {
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "void"
|
|
1564
|
+
}
|
|
1565
|
+
}
|
|
1557
1566
|
},
|
|
1558
1567
|
{
|
|
1559
|
-
"
|
|
1560
|
-
"
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1568
|
+
"kind": "method",
|
|
1569
|
+
"name": "validate",
|
|
1570
|
+
"parameters": [
|
|
1571
|
+
{
|
|
1572
|
+
"name": "force",
|
|
1573
|
+
"default": "false",
|
|
1574
|
+
"description": "Whether to force validation.",
|
|
1575
|
+
"optional": true,
|
|
1576
|
+
"type": {
|
|
1577
|
+
"text": "boolean"
|
|
1578
|
+
}
|
|
1579
|
+
}
|
|
1580
|
+
],
|
|
1581
|
+
"description": "Validates value."
|
|
1565
1582
|
},
|
|
1566
1583
|
{
|
|
1567
|
-
"
|
|
1568
|
-
"
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1584
|
+
"kind": "method",
|
|
1585
|
+
"name": "transportAssignedNodes",
|
|
1586
|
+
"parameters": [
|
|
1587
|
+
{
|
|
1588
|
+
"name": "slot",
|
|
1589
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1590
|
+
"type": {
|
|
1591
|
+
"text": "HTMLSlotElement"
|
|
1592
|
+
}
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"name": "target",
|
|
1596
|
+
"description": "The target element to apply the nodes to.",
|
|
1597
|
+
"type": {
|
|
1598
|
+
"text": "HTMLElement"
|
|
1599
|
+
}
|
|
1600
|
+
},
|
|
1601
|
+
{
|
|
1602
|
+
"name": "newSlotName",
|
|
1603
|
+
"description": "The new slot name for the applied nodes.",
|
|
1604
|
+
"type": {
|
|
1605
|
+
"text": "string"
|
|
1606
|
+
}
|
|
1607
|
+
}
|
|
1608
|
+
],
|
|
1609
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1610
|
+
"privacy": "private",
|
|
1611
|
+
"return": {
|
|
1612
|
+
"type": {
|
|
1613
|
+
"text": "void"
|
|
1614
|
+
}
|
|
1615
|
+
}
|
|
1573
1616
|
},
|
|
1574
1617
|
{
|
|
1575
|
-
"
|
|
1576
|
-
"
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1618
|
+
"kind": "method",
|
|
1619
|
+
"name": "updateActiveOption",
|
|
1620
|
+
"parameters": [
|
|
1621
|
+
{
|
|
1622
|
+
"name": "index",
|
|
1623
|
+
"description": "Index of the option to make active.",
|
|
1624
|
+
"type": {
|
|
1625
|
+
"text": "number"
|
|
1626
|
+
}
|
|
1627
|
+
}
|
|
1628
|
+
],
|
|
1629
|
+
"description": "Updates the active option in the menu."
|
|
1581
1630
|
},
|
|
1582
1631
|
{
|
|
1583
|
-
"
|
|
1584
|
-
"
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1632
|
+
"kind": "method",
|
|
1633
|
+
"name": "handleSlotChange",
|
|
1634
|
+
"parameters": [
|
|
1635
|
+
{
|
|
1636
|
+
"name": "event",
|
|
1637
|
+
"description": "`slotchange` event.",
|
|
1638
|
+
"type": {
|
|
1639
|
+
"text": "Event"
|
|
1640
|
+
}
|
|
1641
|
+
}
|
|
1642
|
+
],
|
|
1643
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1644
|
+
"privacy": "private",
|
|
1645
|
+
"return": {
|
|
1646
|
+
"type": {
|
|
1647
|
+
"text": "void"
|
|
1648
|
+
}
|
|
1649
|
+
}
|
|
1589
1650
|
},
|
|
1590
1651
|
{
|
|
1591
|
-
"
|
|
1652
|
+
"kind": "field",
|
|
1653
|
+
"name": "appearance",
|
|
1654
|
+
"privacy": "public",
|
|
1592
1655
|
"type": {
|
|
1593
1656
|
"text": "string"
|
|
1594
1657
|
},
|
|
1595
|
-
"description": "
|
|
1596
|
-
"
|
|
1658
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1659
|
+
"default": "'default'",
|
|
1660
|
+
"attribute": "appearance",
|
|
1661
|
+
"reflects": true
|
|
1597
1662
|
},
|
|
1598
1663
|
{
|
|
1599
|
-
"
|
|
1664
|
+
"kind": "field",
|
|
1665
|
+
"name": "autocomplete",
|
|
1666
|
+
"privacy": "public",
|
|
1600
1667
|
"type": {
|
|
1601
1668
|
"text": "string"
|
|
1602
1669
|
},
|
|
1603
|
-
"description": "
|
|
1604
|
-
"
|
|
1670
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1671
|
+
"attribute": "autocomplete",
|
|
1672
|
+
"reflects": true
|
|
1605
1673
|
},
|
|
1606
1674
|
{
|
|
1607
|
-
"
|
|
1675
|
+
"kind": "field",
|
|
1676
|
+
"name": "autoPlacement",
|
|
1677
|
+
"privacy": "public",
|
|
1608
1678
|
"type": {
|
|
1609
1679
|
"text": "boolean"
|
|
1610
1680
|
},
|
|
1611
|
-
"description": "If declared,
|
|
1612
|
-
"
|
|
1681
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1682
|
+
"attribute": "autoPlacement",
|
|
1683
|
+
"reflects": true
|
|
1613
1684
|
},
|
|
1614
1685
|
{
|
|
1615
|
-
"
|
|
1686
|
+
"kind": "field",
|
|
1687
|
+
"name": "availableOptions",
|
|
1688
|
+
"privacy": "private",
|
|
1616
1689
|
"type": {
|
|
1617
|
-
"text": "
|
|
1690
|
+
"text": "array"
|
|
1618
1691
|
},
|
|
1619
|
-
"description": "
|
|
1620
|
-
"
|
|
1621
|
-
"fieldName": "fullscreenBreakpoint"
|
|
1692
|
+
"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).",
|
|
1693
|
+
"attribute": "availableOptions"
|
|
1622
1694
|
},
|
|
1623
1695
|
{
|
|
1624
|
-
"
|
|
1696
|
+
"kind": "field",
|
|
1697
|
+
"name": "behavior",
|
|
1698
|
+
"privacy": "public",
|
|
1625
1699
|
"type": {
|
|
1626
|
-
"text": "
|
|
1700
|
+
"text": "'filter' | 'suggestion'"
|
|
1627
1701
|
},
|
|
1628
|
-
"
|
|
1629
|
-
"
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
}
|
|
1702
|
+
"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.",
|
|
1703
|
+
"default": "'suggestion'",
|
|
1704
|
+
"attribute": "behavior",
|
|
1705
|
+
"reflects": true
|
|
1633
1706
|
},
|
|
1634
1707
|
{
|
|
1635
|
-
"
|
|
1708
|
+
"kind": "field",
|
|
1709
|
+
"name": "checkmark",
|
|
1710
|
+
"privacy": "public",
|
|
1636
1711
|
"type": {
|
|
1637
|
-
"text": "
|
|
1712
|
+
"text": "boolean"
|
|
1638
1713
|
},
|
|
1639
|
-
"
|
|
1640
|
-
"
|
|
1641
|
-
|
|
1642
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1643
|
-
}
|
|
1714
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1715
|
+
"attribute": "checkmark",
|
|
1716
|
+
"reflects": true
|
|
1644
1717
|
},
|
|
1645
1718
|
{
|
|
1646
|
-
"
|
|
1719
|
+
"kind": "field",
|
|
1720
|
+
"name": "disabled",
|
|
1721
|
+
"privacy": "public",
|
|
1647
1722
|
"type": {
|
|
1648
1723
|
"text": "boolean"
|
|
1649
1724
|
},
|
|
1650
|
-
"
|
|
1651
|
-
"
|
|
1652
|
-
|
|
1653
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1654
|
-
}
|
|
1655
|
-
}
|
|
1656
|
-
],
|
|
1657
|
-
"superclass": {
|
|
1658
|
-
"name": "AuroElement",
|
|
1659
|
-
"module": "/components/layoutElement/src/auroElement.js"
|
|
1660
|
-
},
|
|
1661
|
-
"tagName": "auro-combobox",
|
|
1662
|
-
"customElement": true
|
|
1663
|
-
}
|
|
1664
|
-
],
|
|
1665
|
-
"exports": [
|
|
1666
|
-
{
|
|
1667
|
-
"kind": "js",
|
|
1668
|
-
"name": "AuroCombobox",
|
|
1669
|
-
"declaration": {
|
|
1670
|
-
"name": "AuroCombobox",
|
|
1671
|
-
"module": "components/combobox/src/auro-combobox.js"
|
|
1672
|
-
}
|
|
1673
|
-
}
|
|
1674
|
-
]
|
|
1675
|
-
},
|
|
1676
|
-
{
|
|
1677
|
-
"kind": "javascript-module",
|
|
1678
|
-
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1679
|
-
"declarations": [
|
|
1680
|
-
{
|
|
1681
|
-
"kind": "variable",
|
|
1682
|
-
"name": "comboboxKeyboardStrategy",
|
|
1683
|
-
"type": {
|
|
1684
|
-
"text": "object"
|
|
1685
|
-
},
|
|
1686
|
-
"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) { 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) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); 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. reconcileMenuIndex(component.menu); 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(); } } } }"
|
|
1687
|
-
}
|
|
1688
|
-
],
|
|
1689
|
-
"exports": [
|
|
1690
|
-
{
|
|
1691
|
-
"kind": "js",
|
|
1692
|
-
"name": "comboboxKeyboardStrategy",
|
|
1693
|
-
"declaration": {
|
|
1694
|
-
"name": "comboboxKeyboardStrategy",
|
|
1695
|
-
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1696
|
-
}
|
|
1697
|
-
}
|
|
1698
|
-
]
|
|
1699
|
-
},
|
|
1700
|
-
{
|
|
1701
|
-
"kind": "javascript-module",
|
|
1702
|
-
"path": "components/combobox/src/index.js",
|
|
1703
|
-
"declarations": [],
|
|
1704
|
-
"exports": [
|
|
1705
|
-
{
|
|
1706
|
-
"kind": "js",
|
|
1707
|
-
"name": "AuroCombobox",
|
|
1708
|
-
"declaration": {
|
|
1709
|
-
"name": "AuroCombobox",
|
|
1710
|
-
"module": "components/combobox/src/index.js"
|
|
1711
|
-
}
|
|
1712
|
-
}
|
|
1713
|
-
]
|
|
1714
|
-
},
|
|
1715
|
-
{
|
|
1716
|
-
"kind": "javascript-module",
|
|
1717
|
-
"path": "components/combobox/src/registered.js",
|
|
1718
|
-
"declarations": [],
|
|
1719
|
-
"exports": [
|
|
1720
|
-
{
|
|
1721
|
-
"kind": "js",
|
|
1722
|
-
"name": "AuroCombobox",
|
|
1723
|
-
"declaration": {
|
|
1724
|
-
"name": "AuroCombobox",
|
|
1725
|
-
"module": "components/combobox/src/registered.js"
|
|
1726
|
-
}
|
|
1727
|
-
}
|
|
1728
|
-
]
|
|
1729
|
-
},
|
|
1730
|
-
{
|
|
1731
|
-
"kind": "javascript-module",
|
|
1732
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1733
|
-
"declarations": [
|
|
1734
|
-
{
|
|
1735
|
-
"kind": "class",
|
|
1736
|
-
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1737
|
-
"name": "AuroCheckboxGroup",
|
|
1738
|
-
"slots": [
|
|
1739
|
-
{
|
|
1740
|
-
"description": "Allows for the legend to be overridden.",
|
|
1741
|
-
"name": "legend"
|
|
1742
|
-
},
|
|
1743
|
-
{
|
|
1744
|
-
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1745
|
-
"name": "optionalLabel"
|
|
1746
|
-
},
|
|
1747
|
-
{
|
|
1748
|
-
"description": "Allows for the helper text to be overridden.",
|
|
1749
|
-
"name": "helpText"
|
|
1750
|
-
},
|
|
1751
|
-
{
|
|
1752
|
-
"description": "The default slot for the checkbox items.",
|
|
1753
|
-
"name": "default"
|
|
1754
|
-
}
|
|
1755
|
-
],
|
|
1756
|
-
"members": [
|
|
1757
|
-
{
|
|
1758
|
-
"kind": "method",
|
|
1759
|
-
"name": "_initializeDefaults"
|
|
1725
|
+
"description": "If set, disables the combobox.",
|
|
1726
|
+
"attribute": "disabled",
|
|
1727
|
+
"reflects": true
|
|
1760
1728
|
},
|
|
1761
1729
|
{
|
|
1762
|
-
"kind": "
|
|
1763
|
-
"name": "
|
|
1764
|
-
"
|
|
1765
|
-
"
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
"description": "The name of the element that you want to register.",
|
|
1770
|
-
"optional": true,
|
|
1771
|
-
"type": {
|
|
1772
|
-
"text": "string"
|
|
1773
|
-
}
|
|
1774
|
-
}
|
|
1775
|
-
],
|
|
1776
|
-
"description": "This will register this element with the browser."
|
|
1730
|
+
"kind": "field",
|
|
1731
|
+
"name": "dropdownId",
|
|
1732
|
+
"privacy": "private",
|
|
1733
|
+
"type": {
|
|
1734
|
+
"text": "string"
|
|
1735
|
+
},
|
|
1736
|
+
"description": "ID for the dropdown."
|
|
1777
1737
|
},
|
|
1778
1738
|
{
|
|
1779
|
-
"kind": "
|
|
1780
|
-
"name": "
|
|
1781
|
-
"parameters": [
|
|
1782
|
-
{
|
|
1783
|
-
"name": "value",
|
|
1784
|
-
"description": "The value of the checkbox.",
|
|
1785
|
-
"type": {
|
|
1786
|
-
"text": "String"
|
|
1787
|
-
}
|
|
1788
|
-
},
|
|
1789
|
-
{
|
|
1790
|
-
"name": "selected",
|
|
1791
|
-
"description": "The checked state of the checkbox.",
|
|
1792
|
-
"type": {
|
|
1793
|
-
"text": "Boolean"
|
|
1794
|
-
}
|
|
1795
|
-
}
|
|
1796
|
-
],
|
|
1797
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
1739
|
+
"kind": "field",
|
|
1740
|
+
"name": "dropdownOpen",
|
|
1798
1741
|
"privacy": "private",
|
|
1799
|
-
"
|
|
1800
|
-
"
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
}
|
|
1742
|
+
"type": {
|
|
1743
|
+
"text": "boolean"
|
|
1744
|
+
},
|
|
1745
|
+
"description": "Whether or not the dropdown is open."
|
|
1804
1746
|
},
|
|
1805
1747
|
{
|
|
1806
|
-
"kind": "
|
|
1807
|
-
"name": "
|
|
1808
|
-
"
|
|
1809
|
-
"
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1748
|
+
"kind": "field",
|
|
1749
|
+
"name": "dvInputOnly",
|
|
1750
|
+
"privacy": "public",
|
|
1751
|
+
"type": {
|
|
1752
|
+
"text": "boolean"
|
|
1753
|
+
},
|
|
1754
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1755
|
+
"attribute": "dvInputOnly",
|
|
1756
|
+
"reflects": true
|
|
1815
1757
|
},
|
|
1816
1758
|
{
|
|
1817
|
-
"kind": "
|
|
1818
|
-
"name": "
|
|
1819
|
-
"
|
|
1820
|
-
"
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1759
|
+
"kind": "field",
|
|
1760
|
+
"name": "error",
|
|
1761
|
+
"privacy": "public",
|
|
1762
|
+
"type": {
|
|
1763
|
+
"text": "string"
|
|
1764
|
+
},
|
|
1765
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1766
|
+
"attribute": "error",
|
|
1767
|
+
"reflects": true
|
|
1826
1768
|
},
|
|
1827
1769
|
{
|
|
1828
|
-
"kind": "
|
|
1829
|
-
"name": "
|
|
1830
|
-
"
|
|
1831
|
-
"
|
|
1832
|
-
"
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1770
|
+
"kind": "field",
|
|
1771
|
+
"name": "format",
|
|
1772
|
+
"privacy": "public",
|
|
1773
|
+
"type": {
|
|
1774
|
+
"text": "string"
|
|
1775
|
+
},
|
|
1776
|
+
"description": "Specifies the input mask format.",
|
|
1777
|
+
"attribute": "format",
|
|
1778
|
+
"reflects": true
|
|
1836
1779
|
},
|
|
1837
1780
|
{
|
|
1838
|
-
"kind": "
|
|
1839
|
-
"name": "
|
|
1840
|
-
"
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
"text": "boolean"
|
|
1848
|
-
}
|
|
1849
|
-
}
|
|
1850
|
-
],
|
|
1851
|
-
"description": "Validates value."
|
|
1781
|
+
"kind": "field",
|
|
1782
|
+
"name": "inputmode",
|
|
1783
|
+
"privacy": "public",
|
|
1784
|
+
"type": {
|
|
1785
|
+
"text": "string"
|
|
1786
|
+
},
|
|
1787
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1788
|
+
"attribute": "inputmode",
|
|
1789
|
+
"reflects": true
|
|
1852
1790
|
},
|
|
1853
1791
|
{
|
|
1854
1792
|
"kind": "field",
|
|
1855
|
-
"name": "
|
|
1793
|
+
"name": "layout",
|
|
1856
1794
|
"privacy": "public",
|
|
1857
1795
|
"type": {
|
|
1858
|
-
"text": "
|
|
1796
|
+
"text": "string"
|
|
1859
1797
|
},
|
|
1860
|
-
"description": "
|
|
1861
|
-
"default": "'
|
|
1862
|
-
"attribute": "
|
|
1798
|
+
"description": "Sets the layout of the combobox.",
|
|
1799
|
+
"default": "'classic'",
|
|
1800
|
+
"attribute": "layout",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"inheritedFrom": {
|
|
1803
|
+
"name": "AuroElement",
|
|
1804
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1805
|
+
}
|
|
1806
|
+
},
|
|
1807
|
+
{
|
|
1808
|
+
"kind": "field",
|
|
1809
|
+
"name": "matchWidth",
|
|
1810
|
+
"privacy": "private",
|
|
1811
|
+
"type": {
|
|
1812
|
+
"text": "boolean"
|
|
1813
|
+
},
|
|
1814
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1815
|
+
"attribute": "matchWidth",
|
|
1863
1816
|
"reflects": true
|
|
1864
1817
|
},
|
|
1865
1818
|
{
|
|
1866
1819
|
"kind": "field",
|
|
1867
|
-
"name": "
|
|
1820
|
+
"name": "noFilter",
|
|
1868
1821
|
"privacy": "public",
|
|
1869
1822
|
"type": {
|
|
1870
1823
|
"text": "boolean"
|
|
1871
1824
|
},
|
|
1872
|
-
"description": "If set,
|
|
1873
|
-
"attribute": "
|
|
1825
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1826
|
+
"attribute": "noFilter",
|
|
1874
1827
|
"reflects": true
|
|
1875
1828
|
},
|
|
1876
1829
|
{
|
|
1877
1830
|
"kind": "field",
|
|
1878
|
-
"name": "
|
|
1831
|
+
"name": "noFlip",
|
|
1879
1832
|
"privacy": "public",
|
|
1880
1833
|
"type": {
|
|
1881
|
-
"text": "
|
|
1834
|
+
"text": "boolean"
|
|
1882
1835
|
},
|
|
1883
|
-
"description": "
|
|
1884
|
-
"attribute": "
|
|
1836
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1837
|
+
"attribute": "noFlip",
|
|
1885
1838
|
"reflects": true
|
|
1886
1839
|
},
|
|
1887
1840
|
{
|
|
1888
1841
|
"kind": "field",
|
|
1889
|
-
"name": "
|
|
1842
|
+
"name": "shift",
|
|
1890
1843
|
"privacy": "public",
|
|
1891
1844
|
"type": {
|
|
1892
1845
|
"text": "boolean"
|
|
1893
1846
|
},
|
|
1894
|
-
"description": "If
|
|
1895
|
-
"attribute": "
|
|
1847
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1848
|
+
"attribute": "shift",
|
|
1896
1849
|
"reflects": true
|
|
1897
1850
|
},
|
|
1898
1851
|
{
|
|
@@ -1906,6 +1859,18 @@
|
|
|
1906
1859
|
"attribute": "noValidate",
|
|
1907
1860
|
"reflects": true
|
|
1908
1861
|
},
|
|
1862
|
+
{
|
|
1863
|
+
"kind": "field",
|
|
1864
|
+
"name": "offset",
|
|
1865
|
+
"privacy": "public",
|
|
1866
|
+
"type": {
|
|
1867
|
+
"text": "number"
|
|
1868
|
+
},
|
|
1869
|
+
"description": "Gap between the trigger element and bib.",
|
|
1870
|
+
"default": "0",
|
|
1871
|
+
"attribute": "offset",
|
|
1872
|
+
"reflects": true
|
|
1873
|
+
},
|
|
1909
1874
|
{
|
|
1910
1875
|
"kind": "field",
|
|
1911
1876
|
"name": "onDark",
|
|
@@ -1913,8 +1878,56 @@
|
|
|
1913
1878
|
"type": {
|
|
1914
1879
|
"text": "boolean"
|
|
1915
1880
|
},
|
|
1916
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1917
1881
|
"attribute": "onDark",
|
|
1882
|
+
"reflects": true,
|
|
1883
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1884
|
+
"inheritedFrom": {
|
|
1885
|
+
"name": "AuroElement",
|
|
1886
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1887
|
+
}
|
|
1888
|
+
},
|
|
1889
|
+
{
|
|
1890
|
+
"kind": "field",
|
|
1891
|
+
"name": "optionSelected",
|
|
1892
|
+
"privacy": "public",
|
|
1893
|
+
"type": {
|
|
1894
|
+
"text": "HTMLElement"
|
|
1895
|
+
},
|
|
1896
|
+
"description": "Specifies the current selected option.",
|
|
1897
|
+
"attribute": "optionSelected"
|
|
1898
|
+
},
|
|
1899
|
+
{
|
|
1900
|
+
"kind": "field",
|
|
1901
|
+
"name": "persistInput",
|
|
1902
|
+
"privacy": "public",
|
|
1903
|
+
"type": {
|
|
1904
|
+
"text": "boolean"
|
|
1905
|
+
},
|
|
1906
|
+
"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.",
|
|
1907
|
+
"attribute": "persistInput",
|
|
1908
|
+
"reflects": true
|
|
1909
|
+
},
|
|
1910
|
+
{
|
|
1911
|
+
"kind": "field",
|
|
1912
|
+
"name": "placement",
|
|
1913
|
+
"privacy": "public",
|
|
1914
|
+
"type": {
|
|
1915
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1916
|
+
},
|
|
1917
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1918
|
+
"default": "'bottom-start'",
|
|
1919
|
+
"attribute": "placement",
|
|
1920
|
+
"reflects": true
|
|
1921
|
+
},
|
|
1922
|
+
{
|
|
1923
|
+
"kind": "field",
|
|
1924
|
+
"name": "placeholder",
|
|
1925
|
+
"privacy": "public",
|
|
1926
|
+
"type": {
|
|
1927
|
+
"text": "string"
|
|
1928
|
+
},
|
|
1929
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1930
|
+
"attribute": "placeholder",
|
|
1918
1931
|
"reflects": true
|
|
1919
1932
|
},
|
|
1920
1933
|
{
|
|
@@ -1924,7 +1937,7 @@
|
|
|
1924
1937
|
"type": {
|
|
1925
1938
|
"text": "boolean"
|
|
1926
1939
|
},
|
|
1927
|
-
"description": "Populates the `required` attribute on the
|
|
1940
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1928
1941
|
"attribute": "required",
|
|
1929
1942
|
"reflects": true
|
|
1930
1943
|
},
|
|
@@ -1960,615 +1973,602 @@
|
|
|
1960
1973
|
},
|
|
1961
1974
|
{
|
|
1962
1975
|
"kind": "field",
|
|
1963
|
-
"name": "
|
|
1976
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1964
1977
|
"privacy": "public",
|
|
1965
1978
|
"type": {
|
|
1966
1979
|
"text": "string"
|
|
1967
1980
|
},
|
|
1968
|
-
"description": "
|
|
1969
|
-
"attribute": "
|
|
1970
|
-
|
|
1971
|
-
}
|
|
1972
|
-
],
|
|
1973
|
-
"events": [
|
|
1981
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1982
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1983
|
+
},
|
|
1974
1984
|
{
|
|
1975
|
-
"
|
|
1985
|
+
"kind": "field",
|
|
1986
|
+
"name": "touched",
|
|
1987
|
+
"privacy": "private",
|
|
1976
1988
|
"type": {
|
|
1977
|
-
"text": "
|
|
1978
|
-
}
|
|
1989
|
+
"text": "boolean"
|
|
1990
|
+
},
|
|
1991
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1979
1992
|
},
|
|
1980
1993
|
{
|
|
1981
|
-
"
|
|
1982
|
-
"name": "
|
|
1983
|
-
|
|
1984
|
-
],
|
|
1985
|
-
"attributes": [
|
|
1986
|
-
{
|
|
1987
|
-
"name": "appearance",
|
|
1994
|
+
"kind": "field",
|
|
1995
|
+
"name": "triggerIcon",
|
|
1996
|
+
"privacy": "public",
|
|
1988
1997
|
"type": {
|
|
1989
|
-
"text": "
|
|
1998
|
+
"text": "boolean"
|
|
1990
1999
|
},
|
|
1991
|
-
"description": "
|
|
1992
|
-
"
|
|
1993
|
-
"
|
|
2000
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
|
|
2001
|
+
"attribute": "triggerIcon",
|
|
2002
|
+
"reflects": true
|
|
1994
2003
|
},
|
|
1995
2004
|
{
|
|
1996
|
-
"
|
|
2005
|
+
"kind": "field",
|
|
2006
|
+
"name": "type",
|
|
2007
|
+
"privacy": "public",
|
|
1997
2008
|
"type": {
|
|
1998
|
-
"text": "
|
|
2009
|
+
"text": "string"
|
|
1999
2010
|
},
|
|
2000
|
-
"description": "
|
|
2001
|
-
"
|
|
2011
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2012
|
+
"attribute": "type",
|
|
2013
|
+
"reflects": true
|
|
2002
2014
|
},
|
|
2003
2015
|
{
|
|
2004
|
-
"
|
|
2016
|
+
"kind": "field",
|
|
2017
|
+
"name": "typedValue",
|
|
2018
|
+
"privacy": "public",
|
|
2005
2019
|
"type": {
|
|
2006
2020
|
"text": "string"
|
|
2007
2021
|
},
|
|
2008
|
-
"description": "
|
|
2009
|
-
"
|
|
2022
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2023
|
+
"attribute": "typedValue",
|
|
2024
|
+
"reflects": true
|
|
2010
2025
|
},
|
|
2011
2026
|
{
|
|
2012
|
-
"
|
|
2027
|
+
"kind": "field",
|
|
2028
|
+
"name": "validity",
|
|
2029
|
+
"privacy": "public",
|
|
2013
2030
|
"type": {
|
|
2014
|
-
"text": "
|
|
2031
|
+
"text": "string"
|
|
2015
2032
|
},
|
|
2016
|
-
"description": "
|
|
2017
|
-
"
|
|
2033
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2034
|
+
"attribute": "validity",
|
|
2035
|
+
"reflects": true
|
|
2018
2036
|
},
|
|
2019
2037
|
{
|
|
2020
|
-
"
|
|
2038
|
+
"kind": "field",
|
|
2039
|
+
"name": "value",
|
|
2040
|
+
"privacy": "public",
|
|
2021
2041
|
"type": {
|
|
2022
|
-
"text": "
|
|
2042
|
+
"text": "string"
|
|
2023
2043
|
},
|
|
2024
|
-
"description": "
|
|
2025
|
-
"
|
|
2044
|
+
"description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
|
|
2045
|
+
"attribute": "value"
|
|
2026
2046
|
},
|
|
2027
2047
|
{
|
|
2028
|
-
"
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "largeFullscreenHeadline",
|
|
2050
|
+
"privacy": "public",
|
|
2029
2051
|
"type": {
|
|
2030
2052
|
"text": "boolean"
|
|
2031
2053
|
},
|
|
2032
|
-
"description": "
|
|
2033
|
-
"
|
|
2054
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2055
|
+
"attribute": "largeFullscreenHeadline",
|
|
2056
|
+
"reflects": true
|
|
2034
2057
|
},
|
|
2035
2058
|
{
|
|
2036
|
-
"
|
|
2059
|
+
"kind": "field",
|
|
2060
|
+
"name": "fullscreenBreakpoint",
|
|
2061
|
+
"privacy": "public",
|
|
2037
2062
|
"type": {
|
|
2038
|
-
"text": "
|
|
2063
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2039
2064
|
},
|
|
2040
|
-
"description": "
|
|
2041
|
-
"
|
|
2065
|
+
"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.",
|
|
2066
|
+
"default": "'sm'",
|
|
2067
|
+
"attribute": "fullscreenBreakpoint",
|
|
2068
|
+
"reflects": true
|
|
2042
2069
|
},
|
|
2043
2070
|
{
|
|
2044
|
-
"
|
|
2071
|
+
"kind": "field",
|
|
2072
|
+
"name": "optionActive",
|
|
2073
|
+
"privacy": "private",
|
|
2045
2074
|
"type": {
|
|
2046
|
-
"text": "
|
|
2075
|
+
"text": "object"
|
|
2047
2076
|
},
|
|
2048
|
-
"description": "
|
|
2049
|
-
"fieldName": "setCustomValidity"
|
|
2077
|
+
"description": "Specifies the currently active option."
|
|
2050
2078
|
},
|
|
2051
2079
|
{
|
|
2052
|
-
"
|
|
2053
|
-
"
|
|
2054
|
-
|
|
2080
|
+
"kind": "field",
|
|
2081
|
+
"name": "componentHasFocus",
|
|
2082
|
+
"description": "Returns true if the element has focus.",
|
|
2083
|
+
"privacy": "private",
|
|
2084
|
+
"return": {
|
|
2085
|
+
"type": {
|
|
2086
|
+
"text": "boolean"
|
|
2087
|
+
}
|
|
2055
2088
|
},
|
|
2056
|
-
"
|
|
2057
|
-
"
|
|
2089
|
+
"readonly": true,
|
|
2090
|
+
"inheritedFrom": {
|
|
2091
|
+
"name": "AuroElement",
|
|
2092
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2093
|
+
}
|
|
2058
2094
|
},
|
|
2059
2095
|
{
|
|
2060
|
-
"
|
|
2096
|
+
"kind": "method",
|
|
2097
|
+
"name": "resetShapeClasses",
|
|
2098
|
+
"inheritedFrom": {
|
|
2099
|
+
"name": "AuroElement",
|
|
2100
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2101
|
+
}
|
|
2102
|
+
},
|
|
2103
|
+
{
|
|
2104
|
+
"kind": "method",
|
|
2105
|
+
"name": "resetLayoutClasses",
|
|
2106
|
+
"inheritedFrom": {
|
|
2107
|
+
"name": "AuroElement",
|
|
2108
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2109
|
+
}
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"kind": "method",
|
|
2113
|
+
"name": "updateComponentArchitecture",
|
|
2114
|
+
"inheritedFrom": {
|
|
2115
|
+
"name": "AuroElement",
|
|
2116
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2117
|
+
}
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"kind": "field",
|
|
2121
|
+
"name": "shape",
|
|
2122
|
+
"privacy": "public",
|
|
2061
2123
|
"type": {
|
|
2062
2124
|
"text": "string"
|
|
2063
2125
|
},
|
|
2064
|
-
"
|
|
2065
|
-
"
|
|
2126
|
+
"attribute": "shape",
|
|
2127
|
+
"reflects": true,
|
|
2128
|
+
"inheritedFrom": {
|
|
2129
|
+
"name": "AuroElement",
|
|
2130
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2131
|
+
}
|
|
2066
2132
|
},
|
|
2067
2133
|
{
|
|
2068
|
-
"
|
|
2134
|
+
"kind": "field",
|
|
2135
|
+
"name": "size",
|
|
2136
|
+
"privacy": "public",
|
|
2069
2137
|
"type": {
|
|
2070
2138
|
"text": "string"
|
|
2071
2139
|
},
|
|
2072
|
-
"
|
|
2073
|
-
"
|
|
2140
|
+
"attribute": "size",
|
|
2141
|
+
"reflects": true,
|
|
2142
|
+
"inheritedFrom": {
|
|
2143
|
+
"name": "AuroElement",
|
|
2144
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2145
|
+
}
|
|
2074
2146
|
}
|
|
2075
2147
|
],
|
|
2076
|
-
"
|
|
2077
|
-
"name": "LitElement",
|
|
2078
|
-
"package": "lit"
|
|
2079
|
-
},
|
|
2080
|
-
"tagName": "auro-checkbox-group",
|
|
2081
|
-
"customElement": true
|
|
2082
|
-
}
|
|
2083
|
-
],
|
|
2084
|
-
"exports": [
|
|
2085
|
-
{
|
|
2086
|
-
"kind": "js",
|
|
2087
|
-
"name": "AuroCheckboxGroup",
|
|
2088
|
-
"declaration": {
|
|
2089
|
-
"name": "AuroCheckboxGroup",
|
|
2090
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2091
|
-
}
|
|
2092
|
-
}
|
|
2093
|
-
]
|
|
2094
|
-
},
|
|
2095
|
-
{
|
|
2096
|
-
"kind": "javascript-module",
|
|
2097
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2098
|
-
"declarations": [
|
|
2099
|
-
{
|
|
2100
|
-
"kind": "class",
|
|
2101
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2102
|
-
"name": "AuroCheckbox",
|
|
2103
|
-
"cssParts": [
|
|
2148
|
+
"events": [
|
|
2104
2149
|
{
|
|
2105
|
-
"
|
|
2106
|
-
"
|
|
2150
|
+
"name": "inputValue",
|
|
2151
|
+
"type": {
|
|
2152
|
+
"text": "CustomEvent"
|
|
2153
|
+
},
|
|
2154
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2107
2155
|
},
|
|
2108
2156
|
{
|
|
2109
|
-
"
|
|
2110
|
-
"
|
|
2157
|
+
"name": "input",
|
|
2158
|
+
"type": {
|
|
2159
|
+
"text": "CustomEvent"
|
|
2160
|
+
},
|
|
2161
|
+
"description": "Notifies that the component has a new value set."
|
|
2111
2162
|
},
|
|
2112
2163
|
{
|
|
2113
|
-
"
|
|
2114
|
-
"
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2164
|
+
"name": "auroCombobox-valueSet",
|
|
2165
|
+
"type": {
|
|
2166
|
+
"text": "CustomEvent"
|
|
2167
|
+
},
|
|
2168
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2169
|
+
},
|
|
2118
2170
|
{
|
|
2119
|
-
"description": "
|
|
2120
|
-
"name": "
|
|
2171
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2172
|
+
"name": "auroFormElement-validated"
|
|
2121
2173
|
}
|
|
2122
2174
|
],
|
|
2123
|
-
"
|
|
2124
|
-
{
|
|
2125
|
-
"kind": "method",
|
|
2126
|
-
"name": "_initializeDefaults"
|
|
2127
|
-
},
|
|
2128
|
-
{
|
|
2129
|
-
"kind": "method",
|
|
2130
|
-
"name": "register",
|
|
2131
|
-
"static": true,
|
|
2132
|
-
"parameters": [
|
|
2133
|
-
{
|
|
2134
|
-
"name": "name",
|
|
2135
|
-
"default": "\"auro-checkbox\"",
|
|
2136
|
-
"description": "The name of element that you want to register to.",
|
|
2137
|
-
"optional": true,
|
|
2138
|
-
"type": {
|
|
2139
|
-
"text": "string"
|
|
2140
|
-
}
|
|
2141
|
-
}
|
|
2142
|
-
],
|
|
2143
|
-
"description": "This will register this element with the browser."
|
|
2144
|
-
},
|
|
2145
|
-
{
|
|
2146
|
-
"kind": "method",
|
|
2147
|
-
"name": "handleChange",
|
|
2148
|
-
"parameters": [
|
|
2149
|
-
{
|
|
2150
|
-
"name": "event",
|
|
2151
|
-
"description": "The change event from the checkbox input.",
|
|
2152
|
-
"type": {
|
|
2153
|
-
"text": "Event"
|
|
2154
|
-
}
|
|
2155
|
-
}
|
|
2156
|
-
],
|
|
2157
|
-
"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.",
|
|
2158
|
-
"privacy": "private",
|
|
2159
|
-
"return": {
|
|
2160
|
-
"type": {
|
|
2161
|
-
"text": "void"
|
|
2162
|
-
}
|
|
2163
|
-
}
|
|
2164
|
-
},
|
|
2165
|
-
{
|
|
2166
|
-
"kind": "method",
|
|
2167
|
-
"name": "handleInput",
|
|
2168
|
-
"parameters": [
|
|
2169
|
-
{
|
|
2170
|
-
"name": "event",
|
|
2171
|
-
"description": "The input event from the checkbox input.",
|
|
2172
|
-
"type": {
|
|
2173
|
-
"text": "Event"
|
|
2174
|
-
}
|
|
2175
|
-
}
|
|
2176
|
-
],
|
|
2177
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2178
|
-
"privacy": "private",
|
|
2179
|
-
"return": {
|
|
2180
|
-
"type": {
|
|
2181
|
-
"text": "void"
|
|
2182
|
-
}
|
|
2183
|
-
}
|
|
2184
|
-
},
|
|
2175
|
+
"attributes": [
|
|
2185
2176
|
{
|
|
2186
|
-
"
|
|
2187
|
-
"
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
"
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
}
|
|
2194
|
-
}
|
|
2177
|
+
"name": "appearance",
|
|
2178
|
+
"type": {
|
|
2179
|
+
"text": "string"
|
|
2180
|
+
},
|
|
2181
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2182
|
+
"default": "'default'",
|
|
2183
|
+
"fieldName": "appearance"
|
|
2195
2184
|
},
|
|
2196
2185
|
{
|
|
2197
|
-
"
|
|
2198
|
-
"
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
"
|
|
2202
|
-
|
|
2203
|
-
"text": "HTMLElement"
|
|
2204
|
-
}
|
|
2205
|
-
}
|
|
2186
|
+
"name": "autocomplete",
|
|
2187
|
+
"type": {
|
|
2188
|
+
"text": "string"
|
|
2189
|
+
},
|
|
2190
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2191
|
+
"fieldName": "autocomplete"
|
|
2206
2192
|
},
|
|
2207
2193
|
{
|
|
2208
|
-
"
|
|
2209
|
-
"
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
}
|
|
2215
|
-
}
|
|
2194
|
+
"name": "autoPlacement",
|
|
2195
|
+
"type": {
|
|
2196
|
+
"text": "boolean"
|
|
2197
|
+
},
|
|
2198
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2199
|
+
"fieldName": "autoPlacement"
|
|
2216
2200
|
},
|
|
2217
2201
|
{
|
|
2218
|
-
"
|
|
2219
|
-
"
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
"
|
|
2223
|
-
|
|
2224
|
-
"text": "void"
|
|
2225
|
-
}
|
|
2226
|
-
}
|
|
2202
|
+
"name": "availableOptions",
|
|
2203
|
+
"type": {
|
|
2204
|
+
"text": "array"
|
|
2205
|
+
},
|
|
2206
|
+
"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).",
|
|
2207
|
+
"fieldName": "availableOptions"
|
|
2227
2208
|
},
|
|
2228
2209
|
{
|
|
2229
|
-
"
|
|
2230
|
-
"
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
"text": "KeyboardEvent"
|
|
2237
|
-
}
|
|
2238
|
-
}
|
|
2239
|
-
],
|
|
2240
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2241
|
-
"privacy": "private",
|
|
2242
|
-
"return": {
|
|
2243
|
-
"type": {
|
|
2244
|
-
"text": "void"
|
|
2245
|
-
}
|
|
2246
|
-
}
|
|
2210
|
+
"name": "behavior",
|
|
2211
|
+
"type": {
|
|
2212
|
+
"text": "'filter' | 'suggestion'"
|
|
2213
|
+
},
|
|
2214
|
+
"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.",
|
|
2215
|
+
"default": "'suggestion'",
|
|
2216
|
+
"fieldName": "behavior"
|
|
2247
2217
|
},
|
|
2248
2218
|
{
|
|
2249
|
-
"
|
|
2250
|
-
"name": "appearance",
|
|
2251
|
-
"privacy": "public",
|
|
2219
|
+
"name": "checkmark",
|
|
2252
2220
|
"type": {
|
|
2253
|
-
"text": "
|
|
2221
|
+
"text": "boolean"
|
|
2254
2222
|
},
|
|
2255
|
-
"description": "
|
|
2256
|
-
"
|
|
2257
|
-
"attribute": "appearance",
|
|
2258
|
-
"reflects": true
|
|
2223
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2224
|
+
"fieldName": "checkmark"
|
|
2259
2225
|
},
|
|
2260
2226
|
{
|
|
2261
|
-
"
|
|
2262
|
-
"name": "checked",
|
|
2263
|
-
"privacy": "public",
|
|
2227
|
+
"name": "disabled",
|
|
2264
2228
|
"type": {
|
|
2265
2229
|
"text": "boolean"
|
|
2266
2230
|
},
|
|
2267
|
-
"description": "If set
|
|
2268
|
-
"
|
|
2269
|
-
"reflects": true
|
|
2231
|
+
"description": "If set, disables the combobox.",
|
|
2232
|
+
"fieldName": "disabled"
|
|
2270
2233
|
},
|
|
2271
2234
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "disabled",
|
|
2274
|
-
"privacy": "public",
|
|
2235
|
+
"name": "dvInputOnly",
|
|
2275
2236
|
"type": {
|
|
2276
2237
|
"text": "boolean"
|
|
2277
2238
|
},
|
|
2278
|
-
"description": "If
|
|
2279
|
-
"
|
|
2280
|
-
"reflects": true
|
|
2239
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2240
|
+
"fieldName": "dvInputOnly"
|
|
2281
2241
|
},
|
|
2282
2242
|
{
|
|
2283
|
-
"kind": "field",
|
|
2284
2243
|
"name": "error",
|
|
2285
|
-
"privacy": "public",
|
|
2286
2244
|
"type": {
|
|
2287
|
-
"text": "
|
|
2245
|
+
"text": "string"
|
|
2288
2246
|
},
|
|
2289
|
-
"description": "
|
|
2290
|
-
"
|
|
2291
|
-
"reflects": true
|
|
2247
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2248
|
+
"fieldName": "error"
|
|
2292
2249
|
},
|
|
2293
2250
|
{
|
|
2294
|
-
"
|
|
2295
|
-
"name": "id",
|
|
2296
|
-
"privacy": "public",
|
|
2251
|
+
"name": "format",
|
|
2297
2252
|
"type": {
|
|
2298
2253
|
"text": "string"
|
|
2299
2254
|
},
|
|
2300
|
-
"description": "
|
|
2301
|
-
"
|
|
2302
|
-
"reflects": true
|
|
2255
|
+
"description": "Specifies the input mask format.",
|
|
2256
|
+
"fieldName": "format"
|
|
2303
2257
|
},
|
|
2304
2258
|
{
|
|
2305
|
-
"
|
|
2306
|
-
"name": "inputId",
|
|
2307
|
-
"privacy": "private",
|
|
2259
|
+
"name": "inputmode",
|
|
2308
2260
|
"type": {
|
|
2309
2261
|
"text": "string"
|
|
2310
2262
|
},
|
|
2311
|
-
"description": "
|
|
2263
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2264
|
+
"fieldName": "inputmode"
|
|
2312
2265
|
},
|
|
2313
2266
|
{
|
|
2314
|
-
"
|
|
2315
|
-
"name": "name",
|
|
2316
|
-
"privacy": "public",
|
|
2267
|
+
"name": "layout",
|
|
2317
2268
|
"type": {
|
|
2318
2269
|
"text": "string"
|
|
2319
2270
|
},
|
|
2320
|
-
"description": "
|
|
2321
|
-
"
|
|
2271
|
+
"description": "Sets the layout of the combobox.",
|
|
2272
|
+
"default": "'classic'",
|
|
2273
|
+
"fieldName": "layout",
|
|
2274
|
+
"inheritedFrom": {
|
|
2275
|
+
"name": "AuroElement",
|
|
2276
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2277
|
+
}
|
|
2322
2278
|
},
|
|
2323
2279
|
{
|
|
2324
|
-
"
|
|
2325
|
-
"name": "onDark",
|
|
2326
|
-
"privacy": "public",
|
|
2280
|
+
"name": "matchWidth",
|
|
2327
2281
|
"type": {
|
|
2328
2282
|
"text": "boolean"
|
|
2329
2283
|
},
|
|
2330
|
-
"description": "
|
|
2331
|
-
"
|
|
2332
|
-
"reflects": true
|
|
2284
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2285
|
+
"fieldName": "matchWidth"
|
|
2333
2286
|
},
|
|
2334
2287
|
{
|
|
2335
|
-
"
|
|
2336
|
-
"name": "touched",
|
|
2337
|
-
"privacy": "private",
|
|
2288
|
+
"name": "noFilter",
|
|
2338
2289
|
"type": {
|
|
2339
2290
|
"text": "boolean"
|
|
2340
2291
|
},
|
|
2341
|
-
"description": "
|
|
2292
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2293
|
+
"fieldName": "noFilter"
|
|
2342
2294
|
},
|
|
2343
2295
|
{
|
|
2344
|
-
"
|
|
2345
|
-
"name": "value",
|
|
2346
|
-
"privacy": "public",
|
|
2296
|
+
"name": "noFlip",
|
|
2347
2297
|
"type": {
|
|
2348
|
-
"text": "
|
|
2298
|
+
"text": "boolean"
|
|
2349
2299
|
},
|
|
2350
|
-
"description": "
|
|
2351
|
-
"
|
|
2300
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2301
|
+
"fieldName": "noFlip"
|
|
2352
2302
|
},
|
|
2353
2303
|
{
|
|
2354
|
-
"
|
|
2355
|
-
"name": "tabIndex",
|
|
2356
|
-
"privacy": "private",
|
|
2304
|
+
"name": "shift",
|
|
2357
2305
|
"type": {
|
|
2358
|
-
"text": "
|
|
2306
|
+
"text": "boolean"
|
|
2359
2307
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"reflects": true
|
|
2308
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2309
|
+
"fieldName": "shift"
|
|
2363
2310
|
},
|
|
2364
2311
|
{
|
|
2365
|
-
"
|
|
2366
|
-
"name": "ariaChecked",
|
|
2367
|
-
"privacy": "private",
|
|
2312
|
+
"name": "noValidate",
|
|
2368
2313
|
"type": {
|
|
2369
|
-
"text": "
|
|
2314
|
+
"text": "boolean"
|
|
2370
2315
|
},
|
|
2371
|
-
"description": "
|
|
2372
|
-
"
|
|
2373
|
-
"reflects": true
|
|
2316
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2317
|
+
"fieldName": "noValidate"
|
|
2374
2318
|
},
|
|
2375
2319
|
{
|
|
2376
|
-
"
|
|
2377
|
-
"name": "ariaDisabled",
|
|
2378
|
-
"privacy": "private",
|
|
2320
|
+
"name": "offset",
|
|
2379
2321
|
"type": {
|
|
2380
|
-
"text": "
|
|
2322
|
+
"text": "number"
|
|
2381
2323
|
},
|
|
2382
|
-
"description": "
|
|
2383
|
-
"
|
|
2384
|
-
"
|
|
2324
|
+
"description": "Gap between the trigger element and bib.",
|
|
2325
|
+
"default": "0",
|
|
2326
|
+
"fieldName": "offset"
|
|
2385
2327
|
},
|
|
2386
2328
|
{
|
|
2387
|
-
"
|
|
2388
|
-
"name": "role",
|
|
2389
|
-
"privacy": "private",
|
|
2329
|
+
"name": "onDark",
|
|
2390
2330
|
"type": {
|
|
2391
|
-
"text": "
|
|
2331
|
+
"text": "boolean"
|
|
2392
2332
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"
|
|
2395
|
-
|
|
2396
|
-
}
|
|
2397
|
-
],
|
|
2398
|
-
"events": [
|
|
2333
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2334
|
+
"fieldName": "onDark"
|
|
2335
|
+
},
|
|
2399
2336
|
{
|
|
2400
|
-
"name": "
|
|
2337
|
+
"name": "optionSelected",
|
|
2401
2338
|
"type": {
|
|
2402
|
-
"text": "
|
|
2403
|
-
}
|
|
2339
|
+
"text": "HTMLElement"
|
|
2340
|
+
},
|
|
2341
|
+
"description": "Specifies the current selected option.",
|
|
2342
|
+
"fieldName": "optionSelected"
|
|
2404
2343
|
},
|
|
2405
2344
|
{
|
|
2406
|
-
"name": "
|
|
2345
|
+
"name": "persistInput",
|
|
2407
2346
|
"type": {
|
|
2408
|
-
"text": "
|
|
2409
|
-
}
|
|
2347
|
+
"text": "boolean"
|
|
2348
|
+
},
|
|
2349
|
+
"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.",
|
|
2350
|
+
"fieldName": "persistInput"
|
|
2410
2351
|
},
|
|
2411
2352
|
{
|
|
2412
|
-
"name": "
|
|
2353
|
+
"name": "placement",
|
|
2413
2354
|
"type": {
|
|
2414
|
-
"text": "
|
|
2415
|
-
}
|
|
2355
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2356
|
+
},
|
|
2357
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2358
|
+
"default": "'bottom-start'",
|
|
2359
|
+
"fieldName": "placement"
|
|
2416
2360
|
},
|
|
2417
2361
|
{
|
|
2418
|
-
"
|
|
2419
|
-
"
|
|
2362
|
+
"name": "placeholder",
|
|
2363
|
+
"type": {
|
|
2364
|
+
"text": "string"
|
|
2365
|
+
},
|
|
2366
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2367
|
+
"fieldName": "placeholder"
|
|
2420
2368
|
},
|
|
2421
2369
|
{
|
|
2422
|
-
"
|
|
2423
|
-
"
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2370
|
+
"name": "required",
|
|
2371
|
+
"type": {
|
|
2372
|
+
"text": "boolean"
|
|
2373
|
+
},
|
|
2374
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2375
|
+
"fieldName": "required"
|
|
2376
|
+
},
|
|
2427
2377
|
{
|
|
2428
|
-
"name": "
|
|
2378
|
+
"name": "setCustomValidity",
|
|
2429
2379
|
"type": {
|
|
2430
|
-
"text": "
|
|
2380
|
+
"text": "string"
|
|
2431
2381
|
},
|
|
2432
|
-
"description": "
|
|
2433
|
-
"
|
|
2434
|
-
|
|
2382
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2383
|
+
"fieldName": "setCustomValidity"
|
|
2384
|
+
},
|
|
2385
|
+
{
|
|
2386
|
+
"name": "setCustomValidityCustomError",
|
|
2387
|
+
"type": {
|
|
2388
|
+
"text": "string"
|
|
2389
|
+
},
|
|
2390
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2391
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2435
2392
|
},
|
|
2436
2393
|
{
|
|
2437
|
-
"name": "
|
|
2394
|
+
"name": "setCustomValidityValueMissing",
|
|
2438
2395
|
"type": {
|
|
2439
|
-
"text": "
|
|
2396
|
+
"text": "string"
|
|
2440
2397
|
},
|
|
2441
|
-
"description": "
|
|
2442
|
-
"fieldName": "
|
|
2398
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2399
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2443
2400
|
},
|
|
2444
2401
|
{
|
|
2445
|
-
"name": "
|
|
2402
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2446
2403
|
"type": {
|
|
2447
|
-
"text": "
|
|
2404
|
+
"text": "string"
|
|
2448
2405
|
},
|
|
2449
|
-
"description": "
|
|
2450
|
-
"fieldName": "
|
|
2406
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2407
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2451
2408
|
},
|
|
2452
2409
|
{
|
|
2453
|
-
"name": "
|
|
2410
|
+
"name": "triggerIcon",
|
|
2454
2411
|
"type": {
|
|
2455
2412
|
"text": "boolean"
|
|
2456
2413
|
},
|
|
2457
|
-
"description": "If set
|
|
2458
|
-
"fieldName": "
|
|
2414
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
|
|
2415
|
+
"fieldName": "triggerIcon"
|
|
2459
2416
|
},
|
|
2460
2417
|
{
|
|
2461
|
-
"name": "
|
|
2418
|
+
"name": "type",
|
|
2462
2419
|
"type": {
|
|
2463
2420
|
"text": "string"
|
|
2464
2421
|
},
|
|
2465
|
-
"description": "
|
|
2466
|
-
"fieldName": "
|
|
2422
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2423
|
+
"fieldName": "type"
|
|
2467
2424
|
},
|
|
2468
2425
|
{
|
|
2469
|
-
"name": "
|
|
2426
|
+
"name": "typedValue",
|
|
2470
2427
|
"type": {
|
|
2471
2428
|
"text": "string"
|
|
2472
2429
|
},
|
|
2473
|
-
"description": "
|
|
2474
|
-
"fieldName": "
|
|
2430
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2431
|
+
"fieldName": "typedValue"
|
|
2475
2432
|
},
|
|
2476
2433
|
{
|
|
2477
|
-
"name": "
|
|
2434
|
+
"name": "validity",
|
|
2478
2435
|
"type": {
|
|
2479
|
-
"text": "
|
|
2436
|
+
"text": "string"
|
|
2480
2437
|
},
|
|
2481
|
-
"description": "
|
|
2482
|
-
"fieldName": "
|
|
2438
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2439
|
+
"fieldName": "validity"
|
|
2483
2440
|
},
|
|
2484
2441
|
{
|
|
2485
2442
|
"name": "value",
|
|
2486
2443
|
"type": {
|
|
2487
2444
|
"text": "string"
|
|
2488
2445
|
},
|
|
2489
|
-
"description": "
|
|
2446
|
+
"description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
|
|
2490
2447
|
"fieldName": "value"
|
|
2491
2448
|
},
|
|
2492
2449
|
{
|
|
2493
|
-
"name": "
|
|
2450
|
+
"name": "largeFullscreenHeadline",
|
|
2494
2451
|
"type": {
|
|
2495
|
-
"text": "
|
|
2452
|
+
"text": "boolean"
|
|
2496
2453
|
},
|
|
2497
|
-
"description": "
|
|
2498
|
-
"fieldName": "
|
|
2454
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2455
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2499
2456
|
},
|
|
2500
2457
|
{
|
|
2501
|
-
"name": "
|
|
2458
|
+
"name": "fullscreenBreakpoint",
|
|
2502
2459
|
"type": {
|
|
2503
|
-
"text": "
|
|
2460
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2504
2461
|
},
|
|
2505
|
-
"description": "
|
|
2506
|
-
"
|
|
2462
|
+
"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.",
|
|
2463
|
+
"default": "'sm'",
|
|
2464
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2507
2465
|
},
|
|
2508
2466
|
{
|
|
2509
|
-
"name": "
|
|
2467
|
+
"name": "shape",
|
|
2510
2468
|
"type": {
|
|
2511
2469
|
"text": "string"
|
|
2512
2470
|
},
|
|
2513
|
-
"
|
|
2514
|
-
"
|
|
2471
|
+
"fieldName": "shape",
|
|
2472
|
+
"inheritedFrom": {
|
|
2473
|
+
"name": "AuroElement",
|
|
2474
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2475
|
+
}
|
|
2515
2476
|
},
|
|
2516
2477
|
{
|
|
2517
|
-
"name": "
|
|
2478
|
+
"name": "size",
|
|
2518
2479
|
"type": {
|
|
2519
2480
|
"text": "string"
|
|
2520
2481
|
},
|
|
2521
|
-
"
|
|
2522
|
-
"
|
|
2482
|
+
"fieldName": "size",
|
|
2483
|
+
"inheritedFrom": {
|
|
2484
|
+
"name": "AuroElement",
|
|
2485
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2486
|
+
}
|
|
2487
|
+
},
|
|
2488
|
+
{
|
|
2489
|
+
"name": "ondark",
|
|
2490
|
+
"type": {
|
|
2491
|
+
"text": "boolean"
|
|
2492
|
+
},
|
|
2493
|
+
"fieldName": "onDark",
|
|
2494
|
+
"inheritedFrom": {
|
|
2495
|
+
"name": "AuroElement",
|
|
2496
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2497
|
+
}
|
|
2523
2498
|
}
|
|
2524
2499
|
],
|
|
2525
2500
|
"superclass": {
|
|
2526
|
-
"name": "
|
|
2527
|
-
"
|
|
2501
|
+
"name": "AuroElement",
|
|
2502
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2528
2503
|
},
|
|
2529
|
-
"tagName": "auro-
|
|
2504
|
+
"tagName": "auro-combobox",
|
|
2530
2505
|
"customElement": true
|
|
2531
2506
|
}
|
|
2532
2507
|
],
|
|
2533
2508
|
"exports": [
|
|
2534
2509
|
{
|
|
2535
2510
|
"kind": "js",
|
|
2536
|
-
"name": "
|
|
2511
|
+
"name": "AuroCombobox",
|
|
2537
2512
|
"declaration": {
|
|
2538
|
-
"name": "
|
|
2539
|
-
"module": "components/
|
|
2513
|
+
"name": "AuroCombobox",
|
|
2514
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2540
2515
|
}
|
|
2541
2516
|
}
|
|
2542
2517
|
]
|
|
2543
2518
|
},
|
|
2544
2519
|
{
|
|
2545
2520
|
"kind": "javascript-module",
|
|
2546
|
-
"path": "components/
|
|
2547
|
-
"declarations": [
|
|
2521
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2522
|
+
"declarations": [
|
|
2523
|
+
{
|
|
2524
|
+
"kind": "variable",
|
|
2525
|
+
"name": "comboboxKeyboardStrategy",
|
|
2526
|
+
"type": {
|
|
2527
|
+
"text": "object"
|
|
2528
|
+
},
|
|
2529
|
+
"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) { 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) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); 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)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
|
|
2530
|
+
}
|
|
2531
|
+
],
|
|
2548
2532
|
"exports": [
|
|
2549
2533
|
{
|
|
2550
2534
|
"kind": "js",
|
|
2551
|
-
"name": "
|
|
2535
|
+
"name": "comboboxKeyboardStrategy",
|
|
2552
2536
|
"declaration": {
|
|
2553
|
-
"name": "
|
|
2554
|
-
"module": "components/
|
|
2537
|
+
"name": "comboboxKeyboardStrategy",
|
|
2538
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2555
2539
|
}
|
|
2556
|
-
}
|
|
2540
|
+
}
|
|
2541
|
+
]
|
|
2542
|
+
},
|
|
2543
|
+
{
|
|
2544
|
+
"kind": "javascript-module",
|
|
2545
|
+
"path": "components/combobox/src/index.js",
|
|
2546
|
+
"declarations": [],
|
|
2547
|
+
"exports": [
|
|
2557
2548
|
{
|
|
2558
2549
|
"kind": "js",
|
|
2559
|
-
"name": "
|
|
2550
|
+
"name": "AuroCombobox",
|
|
2560
2551
|
"declaration": {
|
|
2561
|
-
"name": "
|
|
2562
|
-
"module": "components/
|
|
2552
|
+
"name": "AuroCombobox",
|
|
2553
|
+
"module": "components/combobox/src/index.js"
|
|
2563
2554
|
}
|
|
2564
2555
|
}
|
|
2565
2556
|
]
|
|
2566
2557
|
},
|
|
2567
2558
|
{
|
|
2568
2559
|
"kind": "javascript-module",
|
|
2569
|
-
"path": "components/
|
|
2560
|
+
"path": "components/combobox/src/registered.js",
|
|
2570
2561
|
"declarations": [],
|
|
2571
|
-
"exports": [
|
|
2562
|
+
"exports": [
|
|
2563
|
+
{
|
|
2564
|
+
"kind": "js",
|
|
2565
|
+
"name": "AuroCombobox",
|
|
2566
|
+
"declaration": {
|
|
2567
|
+
"name": "AuroCombobox",
|
|
2568
|
+
"module": "components/combobox/src/registered.js"
|
|
2569
|
+
}
|
|
2570
|
+
}
|
|
2571
|
+
]
|
|
2572
2572
|
},
|
|
2573
2573
|
{
|
|
2574
2574
|
"kind": "javascript-module",
|
|
@@ -3861,21 +3861,6 @@
|
|
|
3861
3861
|
"description": "Handles the change event for the default slot.\nUpdates the defaultSlot property with the trimmed text content of the first assigned node.",
|
|
3862
3862
|
"privacy": "private"
|
|
3863
3863
|
},
|
|
3864
|
-
{
|
|
3865
|
-
"kind": "method",
|
|
3866
|
-
"name": "onDescriptionSlotChange",
|
|
3867
|
-
"parameters": [
|
|
3868
|
-
{
|
|
3869
|
-
"name": "event",
|
|
3870
|
-
"description": "The slotchange event.",
|
|
3871
|
-
"type": {
|
|
3872
|
-
"text": "Event"
|
|
3873
|
-
}
|
|
3874
|
-
}
|
|
3875
|
-
],
|
|
3876
|
-
"description": "Handles the slotchange event for the description slot.\nUpdates ariaDescribedByElements on the spinbutton.",
|
|
3877
|
-
"privacy": "private"
|
|
3878
|
-
},
|
|
3879
3864
|
{
|
|
3880
3865
|
"kind": "method",
|
|
3881
3866
|
"name": "renderHelpText",
|
|
@@ -16533,6 +16518,26 @@
|
|
|
16533
16518
|
}
|
|
16534
16519
|
}
|
|
16535
16520
|
},
|
|
16521
|
+
{
|
|
16522
|
+
"kind": "function",
|
|
16523
|
+
"name": "serializeMultiSelectValue",
|
|
16524
|
+
"parameters": [
|
|
16525
|
+
{
|
|
16526
|
+
"name": "values",
|
|
16527
|
+
"description": "The selected values.",
|
|
16528
|
+
"type": {
|
|
16529
|
+
"text": "Array<string>|undefined"
|
|
16530
|
+
}
|
|
16531
|
+
}
|
|
16532
|
+
],
|
|
16533
|
+
"description": "Serializes a multi-select value array back into the String `value` property.\nAn empty (or missing) array collapses to `undefined` so an emptied selection\nclears `value` rather than reflecting a `\"[]\"` attribute.",
|
|
16534
|
+
"privacy": "private",
|
|
16535
|
+
"return": {
|
|
16536
|
+
"type": {
|
|
16537
|
+
"text": "string|undefined"
|
|
16538
|
+
}
|
|
16539
|
+
}
|
|
16540
|
+
},
|
|
16536
16541
|
{
|
|
16537
16542
|
"kind": "function",
|
|
16538
16543
|
"name": "arraysAreEqual",
|
|
@@ -16580,6 +16585,25 @@
|
|
|
16580
16585
|
}
|
|
16581
16586
|
}
|
|
16582
16587
|
},
|
|
16588
|
+
{
|
|
16589
|
+
"kind": "function",
|
|
16590
|
+
"name": "isSelectableByValue",
|
|
16591
|
+
"parameters": [
|
|
16592
|
+
{
|
|
16593
|
+
"name": "option",
|
|
16594
|
+
"description": "The option to check.",
|
|
16595
|
+
"type": {
|
|
16596
|
+
"text": "HTMLElement"
|
|
16597
|
+
}
|
|
16598
|
+
}
|
|
16599
|
+
],
|
|
16600
|
+
"description": "Validates if an option may be selected by matching a programmatic value.\nUnlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles\n`hidden` as its type-ahead filter, so a filtered-out option is still a\nvalid programmatic selection. Only disabled and static options — which are\nnever selectable — are rejected.",
|
|
16601
|
+
"return": {
|
|
16602
|
+
"type": {
|
|
16603
|
+
"text": "boolean"
|
|
16604
|
+
}
|
|
16605
|
+
}
|
|
16606
|
+
},
|
|
16583
16607
|
{
|
|
16584
16608
|
"kind": "function",
|
|
16585
16609
|
"name": "dispatchMenuEvent",
|
|
@@ -16620,6 +16644,14 @@
|
|
|
16620
16644
|
"module": "components/menu/src/auro-menu-utils.js"
|
|
16621
16645
|
}
|
|
16622
16646
|
},
|
|
16647
|
+
{
|
|
16648
|
+
"kind": "js",
|
|
16649
|
+
"name": "serializeMultiSelectValue",
|
|
16650
|
+
"declaration": {
|
|
16651
|
+
"name": "serializeMultiSelectValue",
|
|
16652
|
+
"module": "components/menu/src/auro-menu-utils.js"
|
|
16653
|
+
}
|
|
16654
|
+
},
|
|
16623
16655
|
{
|
|
16624
16656
|
"kind": "js",
|
|
16625
16657
|
"name": "arraysAreEqual",
|
|
@@ -16636,6 +16668,14 @@
|
|
|
16636
16668
|
"module": "components/menu/src/auro-menu-utils.js"
|
|
16637
16669
|
}
|
|
16638
16670
|
},
|
|
16671
|
+
{
|
|
16672
|
+
"kind": "js",
|
|
16673
|
+
"name": "isSelectableByValue",
|
|
16674
|
+
"declaration": {
|
|
16675
|
+
"name": "isSelectableByValue",
|
|
16676
|
+
"module": "components/menu/src/auro-menu-utils.js"
|
|
16677
|
+
}
|
|
16678
|
+
},
|
|
16639
16679
|
{
|
|
16640
16680
|
"kind": "js",
|
|
16641
16681
|
"name": "dispatchMenuEvent",
|
|
@@ -16770,7 +16810,7 @@
|
|
|
16770
16810
|
}
|
|
16771
16811
|
}
|
|
16772
16812
|
],
|
|
16773
|
-
"description": "Selects options by value.",
|
|
16813
|
+
"description": "Selects options by value. Options marked `disabled` or `static` are not selectable; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. Passing `undefined`, `null`, an empty string, or an empty array clears the selection without dispatching a failure.",
|
|
16774
16814
|
"privacy": "public"
|
|
16775
16815
|
},
|
|
16776
16816
|
{
|
|
@@ -17120,7 +17160,7 @@
|
|
|
17120
17160
|
"type": {
|
|
17121
17161
|
"text": "string"
|
|
17122
17162
|
},
|
|
17123
|
-
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.",
|
|
17163
|
+
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.\nOptions marked `disabled` or `static` are not selectable by value; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared (`optionSelected` becomes `undefined`) and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped from the value and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option.",
|
|
17124
17164
|
"default": "undefined",
|
|
17125
17165
|
"attribute": "value",
|
|
17126
17166
|
"reflects": true
|
|
@@ -17132,9 +17172,9 @@
|
|
|
17132
17172
|
"type": {
|
|
17133
17173
|
"text": "object"
|
|
17134
17174
|
},
|
|
17135
|
-
"description": "
|
|
17136
|
-
"
|
|
17137
|
-
"
|
|
17175
|
+
"description": "The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s.",
|
|
17176
|
+
"readonly": true,
|
|
17177
|
+
"default": "undefined"
|
|
17138
17178
|
},
|
|
17139
17179
|
{
|
|
17140
17180
|
"kind": "field",
|
|
@@ -17167,8 +17207,8 @@
|
|
|
17167
17207
|
"text": "object"
|
|
17168
17208
|
},
|
|
17169
17209
|
"description": "Specifies the current active menuOption.",
|
|
17170
|
-
"
|
|
17171
|
-
"
|
|
17210
|
+
"readonly": true,
|
|
17211
|
+
"default": "undefined"
|
|
17172
17212
|
},
|
|
17173
17213
|
{
|
|
17174
17214
|
"kind": "field",
|
|
@@ -17380,30 +17420,12 @@
|
|
|
17380
17420
|
"default": "false",
|
|
17381
17421
|
"fieldName": "noCheckmark"
|
|
17382
17422
|
},
|
|
17383
|
-
{
|
|
17384
|
-
"name": "optionactive",
|
|
17385
|
-
"type": {
|
|
17386
|
-
"text": "object"
|
|
17387
|
-
},
|
|
17388
|
-
"description": "Specifies the current active menuOption.",
|
|
17389
|
-
"default": "undefined",
|
|
17390
|
-
"fieldName": "optionActive"
|
|
17391
|
-
},
|
|
17392
|
-
{
|
|
17393
|
-
"name": "optionSelected",
|
|
17394
|
-
"type": {
|
|
17395
|
-
"text": "object"
|
|
17396
|
-
},
|
|
17397
|
-
"description": "An array of currently selected menu options, type `HTMLElement` by default. In multi-select mode, `optionSelected` is an array of HTML elements.",
|
|
17398
|
-
"default": "undefined",
|
|
17399
|
-
"fieldName": "optionSelected"
|
|
17400
|
-
},
|
|
17401
17423
|
{
|
|
17402
17424
|
"name": "value",
|
|
17403
17425
|
"type": {
|
|
17404
17426
|
"text": "string"
|
|
17405
17427
|
},
|
|
17406
|
-
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.",
|
|
17428
|
+
"description": "The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.\nOptions marked `disabled` or `static` are not selectable by value; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared (`optionSelected` becomes `undefined`) and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped from the value and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option.",
|
|
17407
17429
|
"default": "undefined",
|
|
17408
17430
|
"fieldName": "value"
|
|
17409
17431
|
},
|
|
@@ -17620,6 +17642,8 @@
|
|
|
17620
17642
|
"type": {
|
|
17621
17643
|
"text": "boolean"
|
|
17622
17644
|
},
|
|
17645
|
+
"description": "**Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release.",
|
|
17646
|
+
"deprecated": "Use the `value` attribute on `auro-menu` instead.",
|
|
17623
17647
|
"default": "false",
|
|
17624
17648
|
"attribute": "selected",
|
|
17625
17649
|
"reflects": true
|
|
@@ -17658,6 +17682,18 @@
|
|
|
17658
17682
|
"attribute": "nomatch",
|
|
17659
17683
|
"reflects": true
|
|
17660
17684
|
},
|
|
17685
|
+
{
|
|
17686
|
+
"kind": "field",
|
|
17687
|
+
"name": "persistent",
|
|
17688
|
+
"privacy": "public",
|
|
17689
|
+
"type": {
|
|
17690
|
+
"text": "boolean"
|
|
17691
|
+
},
|
|
17692
|
+
"description": "When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., \"Add new…\") that must render identically regardless of the current filter.",
|
|
17693
|
+
"default": "false",
|
|
17694
|
+
"attribute": "persistent",
|
|
17695
|
+
"reflects": true
|
|
17696
|
+
},
|
|
17661
17697
|
{
|
|
17662
17698
|
"kind": "field",
|
|
17663
17699
|
"name": "tabIndex",
|
|
@@ -17783,6 +17819,13 @@
|
|
|
17783
17819
|
}
|
|
17784
17820
|
],
|
|
17785
17821
|
"attributes": [
|
|
17822
|
+
{
|
|
17823
|
+
"type": {
|
|
17824
|
+
"text": "Boolean"
|
|
17825
|
+
},
|
|
17826
|
+
"description": "When present, marks the option as non-interactive — it renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers, informational rows inside a menu, or attaching event listeners.",
|
|
17827
|
+
"name": "static"
|
|
17828
|
+
},
|
|
17786
17829
|
{
|
|
17787
17830
|
"name": "noCheckmark",
|
|
17788
17831
|
"type": {
|
|
@@ -17796,6 +17839,8 @@
|
|
|
17796
17839
|
"type": {
|
|
17797
17840
|
"text": "boolean"
|
|
17798
17841
|
},
|
|
17842
|
+
"description": "**Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release.",
|
|
17843
|
+
"deprecated": "Use the `value` attribute on `auro-menu` instead.",
|
|
17799
17844
|
"default": "false",
|
|
17800
17845
|
"fieldName": "selected"
|
|
17801
17846
|
},
|
|
@@ -17838,6 +17883,15 @@
|
|
|
17838
17883
|
"default": "false",
|
|
17839
17884
|
"fieldName": "noMatch"
|
|
17840
17885
|
},
|
|
17886
|
+
{
|
|
17887
|
+
"name": "persistent",
|
|
17888
|
+
"type": {
|
|
17889
|
+
"text": "boolean"
|
|
17890
|
+
},
|
|
17891
|
+
"description": "When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., \"Add new…\") that must render identically regardless of the current filter.",
|
|
17892
|
+
"default": "false",
|
|
17893
|
+
"fieldName": "persistent"
|
|
17894
|
+
},
|
|
17841
17895
|
{
|
|
17842
17896
|
"name": "layout",
|
|
17843
17897
|
"type": {
|
|
@@ -19387,9 +19441,14 @@
|
|
|
19387
19441
|
"name": "setMenuValue",
|
|
19388
19442
|
"parameters": [
|
|
19389
19443
|
{
|
|
19390
|
-
"name": "value"
|
|
19444
|
+
"name": "value",
|
|
19445
|
+
"description": "The value to match against the menu options.",
|
|
19446
|
+
"type": {
|
|
19447
|
+
"text": "string"
|
|
19448
|
+
}
|
|
19391
19449
|
}
|
|
19392
|
-
]
|
|
19450
|
+
],
|
|
19451
|
+
"description": "Sets the selected value by matching it against the menu options. Options marked `disabled` or `static` are not selectable: if the value matches one, the selection is rejected and `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable."
|
|
19393
19452
|
},
|
|
19394
19453
|
{
|
|
19395
19454
|
"kind": "method",
|
|
@@ -20002,7 +20061,7 @@
|
|
|
20002
20061
|
"type": {
|
|
20003
20062
|
"text": "string"
|
|
20004
20063
|
},
|
|
20005
|
-
"description": "Value selected for the component.",
|
|
20064
|
+
"description": "Value selected for the component. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable by value.",
|
|
20006
20065
|
"attribute": "value",
|
|
20007
20066
|
"reflects": true
|
|
20008
20067
|
},
|
|
@@ -20351,7 +20410,7 @@
|
|
|
20351
20410
|
"type": {
|
|
20352
20411
|
"text": "string"
|
|
20353
20412
|
},
|
|
20354
|
-
"description": "Value selected for the component.",
|
|
20413
|
+
"description": "Value selected for the component. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable by value.",
|
|
20355
20414
|
"fieldName": "value"
|
|
20356
20415
|
},
|
|
20357
20416
|
{
|
|
@@ -20416,7 +20475,7 @@
|
|
|
20416
20475
|
"type": {
|
|
20417
20476
|
"text": "object"
|
|
20418
20477
|
},
|
|
20419
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey
|
|
20478
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getActiveOptions returns a fresh filtered array. // Uses \"active\" (not \"enabled\") so hidden and static rows — which a screen // reader must not announce as focused — are skipped. const lastOption = getActiveOptions(component.menu).pop(); if (!lastOption) { return; } // Pre-stash before show() so the auroDropdown-toggled handler's // `!optionActive` guard short-circuits the firstActive/selected fallback — // otherwise show() synchronously fires the handler and writes // aria-activedescendant once before we overwrite it. component.menu.updateActiveOption(lastOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Enter(component, evt, ctx) { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit. Matches APG select-only combobox // and native <select> behavior: Enter opens the listbox when closed, selects // the active option when open — it does not submit a parent form. evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getActiveOptions(component.menu); if (!firstOption) { return; } // See End() for why this must run before show(). component.menu.updateActiveOption(firstOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Ignore keys chorded with Ctrl/Meta/Alt so browser/OS shortcuts // (Cmd+C, Ctrl+V, Alt+X, Cmd+Space, …) don't leak into typeahead // or toggle the bib. Native <select> ignores modified keys. // ArrowUp/ArrowDown handle modifier+arrow explicitly above; this // guard only affects the default (printable/Space) branch. if (evt.ctrlKey || evt.metaKey || evt.altKey) { return; } // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
|
|
20420
20479
|
}
|
|
20421
20480
|
],
|
|
20422
20481
|
"exports": [
|