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