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