@aurodesignsystem-dev/auro-formkit 0.0.0-pr1541.5 → 0.0.0-pr1542.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/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 +1 -1
- package/components/combobox/demo/customize.min.js +22 -91
- package/components/combobox/demo/getting-started.min.js +22 -91
- package/components/combobox/demo/index.md +0 -1
- package/components/combobox/demo/index.min.js +22 -91
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +4 -4
- package/components/combobox/dist/registered.js +4 -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 +33 -106
- package/components/form/demo/getting-started.min.js +33 -106
- package/components/form/demo/index.min.js +33 -106
- package/components/form/demo/registerDemoDeps.min.js +33 -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,1283 +374,1239 @@
|
|
|
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
|
-
"
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
"
|
|
553
|
-
"
|
|
554
|
-
"
|
|
555
|
-
"privacy": "private"
|
|
556
|
-
},
|
|
557
|
-
{
|
|
558
|
-
"kind": "method",
|
|
559
|
-
"name": "_getAnnouncementRoot",
|
|
560
|
-
"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.",
|
|
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
|
-
}
|
|
773
|
-
},
|
|
774
|
-
{
|
|
775
|
-
"kind": "method",
|
|
776
|
-
"name": "updateActiveOption",
|
|
777
|
-
"parameters": [
|
|
778
|
-
{
|
|
779
|
-
"name": "index",
|
|
780
|
-
"description": "Index of the option to make active.",
|
|
781
|
-
"type": {
|
|
782
|
-
"text": "number"
|
|
783
|
-
}
|
|
784
|
-
}
|
|
785
|
-
],
|
|
786
|
-
"description": "Updates the active option in the menu."
|
|
787
|
-
},
|
|
788
|
-
{
|
|
789
|
-
"kind": "method",
|
|
790
|
-
"name": "handleSlotChange",
|
|
791
|
-
"parameters": [
|
|
792
|
-
{
|
|
793
|
-
"name": "event",
|
|
794
|
-
"description": "`slotchange` event.",
|
|
795
|
-
"type": {
|
|
796
|
-
"text": "Event"
|
|
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
|
-
}
|
|
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
|
|
807
424
|
},
|
|
808
425
|
{
|
|
809
426
|
"kind": "field",
|
|
810
|
-
"name": "
|
|
811
|
-
"privacy": "public",
|
|
812
|
-
"type": {
|
|
813
|
-
"text": "string"
|
|
814
|
-
},
|
|
815
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
816
|
-
"default": "'default'",
|
|
817
|
-
"attribute": "appearance",
|
|
818
|
-
"reflects": true
|
|
819
|
-
},
|
|
820
|
-
{
|
|
821
|
-
"kind": "field",
|
|
822
|
-
"name": "autocomplete",
|
|
823
|
-
"privacy": "public",
|
|
824
|
-
"type": {
|
|
825
|
-
"text": "string"
|
|
826
|
-
},
|
|
827
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
828
|
-
"attribute": "autocomplete",
|
|
829
|
-
"reflects": true
|
|
830
|
-
},
|
|
831
|
-
{
|
|
832
|
-
"kind": "field",
|
|
833
|
-
"name": "autoPlacement",
|
|
834
|
-
"privacy": "public",
|
|
835
|
-
"type": {
|
|
836
|
-
"text": "boolean"
|
|
837
|
-
},
|
|
838
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
839
|
-
"attribute": "autoPlacement",
|
|
840
|
-
"reflects": true
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"kind": "field",
|
|
844
|
-
"name": "availableOptions",
|
|
845
|
-
"privacy": "private",
|
|
427
|
+
"name": "horizontal",
|
|
428
|
+
"privacy": "public",
|
|
846
429
|
"type": {
|
|
847
|
-
"text": "
|
|
430
|
+
"text": "boolean"
|
|
848
431
|
},
|
|
849
|
-
"description": "
|
|
850
|
-
"attribute": "
|
|
432
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
+
"attribute": "horizontal",
|
|
434
|
+
"reflects": true
|
|
851
435
|
},
|
|
852
436
|
{
|
|
853
437
|
"kind": "field",
|
|
854
|
-
"name": "
|
|
438
|
+
"name": "noValidate",
|
|
855
439
|
"privacy": "public",
|
|
856
440
|
"type": {
|
|
857
|
-
"text": "
|
|
441
|
+
"text": "boolean"
|
|
858
442
|
},
|
|
859
|
-
"description": "
|
|
860
|
-
"
|
|
861
|
-
"attribute": "behavior",
|
|
443
|
+
"description": "If set, disables auto-validation on blur.",
|
|
444
|
+
"attribute": "noValidate",
|
|
862
445
|
"reflects": true
|
|
863
446
|
},
|
|
864
447
|
{
|
|
865
448
|
"kind": "field",
|
|
866
|
-
"name": "
|
|
449
|
+
"name": "onDark",
|
|
867
450
|
"privacy": "public",
|
|
868
451
|
"type": {
|
|
869
452
|
"text": "boolean"
|
|
870
453
|
},
|
|
871
|
-
"description": "
|
|
872
|
-
"attribute": "
|
|
454
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
+
"attribute": "onDark",
|
|
873
456
|
"reflects": true
|
|
874
457
|
},
|
|
875
458
|
{
|
|
876
459
|
"kind": "field",
|
|
877
|
-
"name": "
|
|
460
|
+
"name": "required",
|
|
878
461
|
"privacy": "public",
|
|
879
462
|
"type": {
|
|
880
463
|
"text": "boolean"
|
|
881
464
|
},
|
|
882
|
-
"description": "
|
|
883
|
-
"attribute": "
|
|
465
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
466
|
+
"attribute": "required",
|
|
884
467
|
"reflects": true
|
|
885
468
|
},
|
|
886
469
|
{
|
|
887
470
|
"kind": "field",
|
|
888
|
-
"name": "
|
|
889
|
-
"privacy": "
|
|
471
|
+
"name": "setCustomValidity",
|
|
472
|
+
"privacy": "public",
|
|
890
473
|
"type": {
|
|
891
474
|
"text": "string"
|
|
892
475
|
},
|
|
893
|
-
"description": "
|
|
476
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
+
"attribute": "setCustomValidity"
|
|
894
478
|
},
|
|
895
479
|
{
|
|
896
480
|
"kind": "field",
|
|
897
|
-
"name": "
|
|
898
|
-
"privacy": "
|
|
481
|
+
"name": "setCustomValidityCustomError",
|
|
482
|
+
"privacy": "public",
|
|
899
483
|
"type": {
|
|
900
|
-
"text": "
|
|
484
|
+
"text": "string"
|
|
901
485
|
},
|
|
902
|
-
"description": "
|
|
486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
+
"attribute": "setCustomValidityCustomError"
|
|
903
488
|
},
|
|
904
489
|
{
|
|
905
490
|
"kind": "field",
|
|
906
|
-
"name": "
|
|
491
|
+
"name": "setCustomValidityValueMissing",
|
|
907
492
|
"privacy": "public",
|
|
908
493
|
"type": {
|
|
909
|
-
"text": "
|
|
494
|
+
"text": "string"
|
|
910
495
|
},
|
|
911
|
-
"description": "
|
|
912
|
-
"attribute": "
|
|
913
|
-
"reflects": true
|
|
496
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
+
"attribute": "setCustomValidityValueMissing"
|
|
914
498
|
},
|
|
915
499
|
{
|
|
916
500
|
"kind": "field",
|
|
917
|
-
"name": "
|
|
501
|
+
"name": "validity",
|
|
918
502
|
"privacy": "public",
|
|
919
503
|
"type": {
|
|
920
504
|
"text": "string"
|
|
921
505
|
},
|
|
922
|
-
"description": "
|
|
923
|
-
"attribute": "
|
|
506
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
507
|
+
"attribute": "validity",
|
|
924
508
|
"reflects": true
|
|
509
|
+
}
|
|
510
|
+
],
|
|
511
|
+
"events": [
|
|
512
|
+
{
|
|
513
|
+
"name": "input",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "CustomEvent"
|
|
516
|
+
}
|
|
925
517
|
},
|
|
926
518
|
{
|
|
927
|
-
"
|
|
928
|
-
"name": "
|
|
929
|
-
|
|
519
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
520
|
+
"name": "auroFormElement-validated"
|
|
521
|
+
}
|
|
522
|
+
],
|
|
523
|
+
"attributes": [
|
|
524
|
+
{
|
|
525
|
+
"name": "appearance",
|
|
930
526
|
"type": {
|
|
931
|
-
"text": "
|
|
527
|
+
"text": "'default' | 'inverse'"
|
|
932
528
|
},
|
|
933
|
-
"description": "
|
|
934
|
-
"
|
|
935
|
-
"
|
|
529
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
530
|
+
"default": "'default'",
|
|
531
|
+
"fieldName": "appearance"
|
|
936
532
|
},
|
|
937
533
|
{
|
|
938
|
-
"
|
|
939
|
-
"name": "inputmode",
|
|
940
|
-
"privacy": "public",
|
|
534
|
+
"name": "disabled",
|
|
941
535
|
"type": {
|
|
942
|
-
"text": "
|
|
536
|
+
"text": "boolean"
|
|
943
537
|
},
|
|
944
|
-
"description": "
|
|
945
|
-
"
|
|
946
|
-
"reflects": true
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
947
540
|
},
|
|
948
541
|
{
|
|
949
|
-
"
|
|
950
|
-
"name": "layout",
|
|
951
|
-
"privacy": "public",
|
|
542
|
+
"name": "error",
|
|
952
543
|
"type": {
|
|
953
544
|
"text": "string"
|
|
954
545
|
},
|
|
955
|
-
"description": "
|
|
956
|
-
"
|
|
957
|
-
"attribute": "layout",
|
|
958
|
-
"reflects": true,
|
|
959
|
-
"inheritedFrom": {
|
|
960
|
-
"name": "AuroElement",
|
|
961
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
962
|
-
}
|
|
546
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
+
"fieldName": "error"
|
|
963
548
|
},
|
|
964
549
|
{
|
|
965
|
-
"
|
|
966
|
-
"name": "matchWidth",
|
|
967
|
-
"privacy": "private",
|
|
550
|
+
"name": "horizontal",
|
|
968
551
|
"type": {
|
|
969
552
|
"text": "boolean"
|
|
970
553
|
},
|
|
971
|
-
"description": "If
|
|
972
|
-
"
|
|
973
|
-
"reflects": true
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
974
556
|
},
|
|
975
557
|
{
|
|
976
|
-
"
|
|
977
|
-
"name": "noFilter",
|
|
978
|
-
"privacy": "public",
|
|
558
|
+
"name": "noValidate",
|
|
979
559
|
"type": {
|
|
980
560
|
"text": "boolean"
|
|
981
561
|
},
|
|
982
|
-
"description": "If set,
|
|
983
|
-
"
|
|
984
|
-
"reflects": true
|
|
562
|
+
"description": "If set, disables auto-validation on blur.",
|
|
563
|
+
"fieldName": "noValidate"
|
|
985
564
|
},
|
|
986
565
|
{
|
|
987
|
-
"
|
|
988
|
-
"name": "noFlip",
|
|
989
|
-
"privacy": "public",
|
|
566
|
+
"name": "onDark",
|
|
990
567
|
"type": {
|
|
991
568
|
"text": "boolean"
|
|
992
569
|
},
|
|
993
|
-
"description": "
|
|
994
|
-
"
|
|
995
|
-
"reflects": true
|
|
570
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
571
|
+
"fieldName": "onDark"
|
|
996
572
|
},
|
|
997
573
|
{
|
|
998
|
-
"
|
|
999
|
-
"name": "shift",
|
|
1000
|
-
"privacy": "public",
|
|
574
|
+
"name": "required",
|
|
1001
575
|
"type": {
|
|
1002
576
|
"text": "boolean"
|
|
1003
577
|
},
|
|
1004
|
-
"description": "
|
|
1005
|
-
"
|
|
1006
|
-
"reflects": true
|
|
578
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
+
"fieldName": "required"
|
|
1007
580
|
},
|
|
1008
581
|
{
|
|
1009
|
-
"
|
|
1010
|
-
"name": "noValidate",
|
|
1011
|
-
"privacy": "public",
|
|
582
|
+
"name": "setCustomValidity",
|
|
1012
583
|
"type": {
|
|
1013
|
-
"text": "
|
|
584
|
+
"text": "string"
|
|
1014
585
|
},
|
|
1015
|
-
"description": "
|
|
1016
|
-
"
|
|
1017
|
-
"reflects": true
|
|
586
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
+
"fieldName": "setCustomValidity"
|
|
1018
588
|
},
|
|
1019
589
|
{
|
|
1020
|
-
"
|
|
1021
|
-
"name": "offset",
|
|
1022
|
-
"privacy": "public",
|
|
590
|
+
"name": "setCustomValidityCustomError",
|
|
1023
591
|
"type": {
|
|
1024
|
-
"text": "
|
|
592
|
+
"text": "string"
|
|
1025
593
|
},
|
|
1026
|
-
"description": "
|
|
1027
|
-
"
|
|
1028
|
-
"attribute": "offset",
|
|
1029
|
-
"reflects": true
|
|
594
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1030
596
|
},
|
|
1031
597
|
{
|
|
1032
|
-
"
|
|
1033
|
-
"name": "onDark",
|
|
1034
|
-
"privacy": "public",
|
|
598
|
+
"name": "setCustomValidityValueMissing",
|
|
1035
599
|
"type": {
|
|
1036
|
-
"text": "
|
|
600
|
+
"text": "string"
|
|
1037
601
|
},
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
602
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "validity",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "string"
|
|
609
|
+
},
|
|
610
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
+
"fieldName": "validity"
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"superclass": {
|
|
615
|
+
"name": "LitElement",
|
|
616
|
+
"package": "lit"
|
|
617
|
+
},
|
|
618
|
+
"tagName": "auro-checkbox-group",
|
|
619
|
+
"customElement": true
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"exports": [
|
|
623
|
+
{
|
|
624
|
+
"kind": "js",
|
|
625
|
+
"name": "AuroCheckboxGroup",
|
|
626
|
+
"declaration": {
|
|
627
|
+
"name": "AuroCheckboxGroup",
|
|
628
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "javascript-module",
|
|
635
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
+
"declarations": [
|
|
637
|
+
{
|
|
638
|
+
"kind": "class",
|
|
639
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
+
"name": "AuroCheckbox",
|
|
641
|
+
"cssParts": [
|
|
642
|
+
{
|
|
643
|
+
"description": "apply css to a specific checkbox.",
|
|
644
|
+
"name": "checkbox"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "apply css to a specific checkbox's input.",
|
|
648
|
+
"name": "checkbox-input"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"description": "apply css to a specific checkbox's label.",
|
|
652
|
+
"name": "checkbox-label"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"slots": [
|
|
656
|
+
{
|
|
657
|
+
"description": "The default slot for the checkbox label.",
|
|
658
|
+
"name": "default"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"members": [
|
|
662
|
+
{
|
|
663
|
+
"kind": "method",
|
|
664
|
+
"name": "_initializeDefaults"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "method",
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
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."
|
|
1045
682
|
},
|
|
1046
683
|
{
|
|
1047
|
-
"kind": "
|
|
1048
|
-
"name": "
|
|
1049
|
-
"
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
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
|
+
}
|
|
1055
702
|
},
|
|
1056
703
|
{
|
|
1057
|
-
"kind": "
|
|
1058
|
-
"name": "
|
|
1059
|
-
"
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
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
|
+
}
|
|
1066
722
|
},
|
|
1067
723
|
{
|
|
1068
|
-
"kind": "
|
|
1069
|
-
"name": "
|
|
1070
|
-
"
|
|
1071
|
-
"
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
"reflects": true
|
|
724
|
+
"kind": "method",
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
727
|
+
"privacy": "private",
|
|
728
|
+
"return": {
|
|
729
|
+
"type": {
|
|
730
|
+
"text": "void"
|
|
731
|
+
}
|
|
732
|
+
}
|
|
1078
733
|
},
|
|
1079
734
|
{
|
|
1080
|
-
"kind": "
|
|
1081
|
-
"name": "
|
|
1082
|
-
"
|
|
1083
|
-
"
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
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
|
+
}
|
|
1089
744
|
},
|
|
1090
745
|
{
|
|
1091
|
-
"kind": "
|
|
1092
|
-
"name": "
|
|
1093
|
-
"
|
|
1094
|
-
"
|
|
1095
|
-
"
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
"reflects": true
|
|
746
|
+
"kind": "method",
|
|
747
|
+
"name": "reset",
|
|
748
|
+
"description": "Resets component to initial state.",
|
|
749
|
+
"return": {
|
|
750
|
+
"type": {
|
|
751
|
+
"text": "void"
|
|
752
|
+
}
|
|
753
|
+
}
|
|
1100
754
|
},
|
|
1101
755
|
{
|
|
1102
|
-
"kind": "
|
|
1103
|
-
"name": "
|
|
1104
|
-
"
|
|
1105
|
-
"
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
756
|
+
"kind": "method",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
759
|
+
"privacy": "private",
|
|
760
|
+
"return": {
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "void"
|
|
763
|
+
}
|
|
764
|
+
}
|
|
1110
765
|
},
|
|
1111
766
|
{
|
|
1112
|
-
"kind": "
|
|
1113
|
-
"name": "
|
|
1114
|
-
"
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
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
|
+
}
|
|
1120
785
|
},
|
|
1121
786
|
{
|
|
1122
787
|
"kind": "field",
|
|
1123
|
-
"name": "
|
|
788
|
+
"name": "appearance",
|
|
1124
789
|
"privacy": "public",
|
|
1125
790
|
"type": {
|
|
1126
|
-
"text": "
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
1127
792
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
793
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
|
+
"default": "'default'",
|
|
795
|
+
"attribute": "appearance",
|
|
796
|
+
"reflects": true
|
|
1130
797
|
},
|
|
1131
798
|
{
|
|
1132
799
|
"kind": "field",
|
|
1133
|
-
"name": "
|
|
800
|
+
"name": "checked",
|
|
1134
801
|
"privacy": "public",
|
|
1135
|
-
"type": {
|
|
1136
|
-
"text": "string"
|
|
1137
|
-
},
|
|
1138
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1139
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1140
|
-
},
|
|
1141
|
-
{
|
|
1142
|
-
"kind": "field",
|
|
1143
|
-
"name": "touched",
|
|
1144
|
-
"privacy": "private",
|
|
1145
802
|
"type": {
|
|
1146
803
|
"text": "boolean"
|
|
1147
804
|
},
|
|
1148
|
-
"description": "
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
807
|
+
"reflects": true
|
|
1149
808
|
},
|
|
1150
809
|
{
|
|
1151
810
|
"kind": "field",
|
|
1152
|
-
"name": "
|
|
811
|
+
"name": "disabled",
|
|
1153
812
|
"privacy": "public",
|
|
1154
813
|
"type": {
|
|
1155
814
|
"text": "boolean"
|
|
1156
815
|
},
|
|
1157
|
-
"description": "If set, the
|
|
1158
|
-
"attribute": "
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
1159
818
|
"reflects": true
|
|
1160
819
|
},
|
|
1161
820
|
{
|
|
1162
821
|
"kind": "field",
|
|
1163
|
-
"name": "
|
|
822
|
+
"name": "error",
|
|
1164
823
|
"privacy": "public",
|
|
1165
824
|
"type": {
|
|
1166
|
-
"text": "
|
|
825
|
+
"text": "boolean"
|
|
1167
826
|
},
|
|
1168
|
-
"description": "
|
|
1169
|
-
"attribute": "
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
1170
829
|
"reflects": true
|
|
1171
830
|
},
|
|
1172
831
|
{
|
|
1173
832
|
"kind": "field",
|
|
1174
|
-
"name": "
|
|
833
|
+
"name": "id",
|
|
1175
834
|
"privacy": "public",
|
|
1176
835
|
"type": {
|
|
1177
836
|
"text": "string"
|
|
1178
837
|
},
|
|
1179
|
-
"description": "
|
|
1180
|
-
"attribute": "
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
1181
840
|
"reflects": true
|
|
1182
841
|
},
|
|
1183
842
|
{
|
|
1184
843
|
"kind": "field",
|
|
1185
|
-
"name": "
|
|
1186
|
-
"privacy": "
|
|
844
|
+
"name": "inputId",
|
|
845
|
+
"privacy": "private",
|
|
1187
846
|
"type": {
|
|
1188
847
|
"text": "string"
|
|
1189
848
|
},
|
|
1190
|
-
"description": "
|
|
1191
|
-
"attribute": "validity",
|
|
1192
|
-
"reflects": true
|
|
849
|
+
"description": "The id for input node."
|
|
1193
850
|
},
|
|
1194
851
|
{
|
|
1195
852
|
"kind": "field",
|
|
1196
|
-
"name": "
|
|
853
|
+
"name": "name",
|
|
1197
854
|
"privacy": "public",
|
|
1198
855
|
"type": {
|
|
1199
856
|
"text": "string"
|
|
1200
857
|
},
|
|
1201
|
-
"description": "
|
|
1202
|
-
"attribute": "
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
1203
860
|
},
|
|
1204
861
|
{
|
|
1205
862
|
"kind": "field",
|
|
1206
|
-
"name": "
|
|
863
|
+
"name": "onDark",
|
|
1207
864
|
"privacy": "public",
|
|
1208
865
|
"type": {
|
|
1209
866
|
"text": "boolean"
|
|
1210
867
|
},
|
|
1211
|
-
"description": "
|
|
1212
|
-
"attribute": "
|
|
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",
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
1225
870
|
"reflects": true
|
|
1226
871
|
},
|
|
1227
872
|
{
|
|
1228
873
|
"kind": "field",
|
|
1229
|
-
"name": "
|
|
874
|
+
"name": "touched",
|
|
1230
875
|
"privacy": "private",
|
|
1231
876
|
"type": {
|
|
1232
|
-
"text": "
|
|
1233
|
-
},
|
|
1234
|
-
"description": "Specifies the currently active option."
|
|
1235
|
-
},
|
|
1236
|
-
{
|
|
1237
|
-
"kind": "field",
|
|
1238
|
-
"name": "componentHasFocus",
|
|
1239
|
-
"description": "Returns true if the element has focus.",
|
|
1240
|
-
"privacy": "private",
|
|
1241
|
-
"return": {
|
|
1242
|
-
"type": {
|
|
1243
|
-
"text": "boolean"
|
|
1244
|
-
}
|
|
877
|
+
"text": "boolean"
|
|
1245
878
|
},
|
|
1246
|
-
"
|
|
1247
|
-
"inheritedFrom": {
|
|
1248
|
-
"name": "AuroElement",
|
|
1249
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1250
|
-
}
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
1251
880
|
},
|
|
1252
881
|
{
|
|
1253
|
-
"kind": "
|
|
1254
|
-
"name": "
|
|
1255
|
-
"
|
|
1256
|
-
|
|
1257
|
-
"
|
|
1258
|
-
}
|
|
882
|
+
"kind": "field",
|
|
883
|
+
"name": "value",
|
|
884
|
+
"privacy": "public",
|
|
885
|
+
"type": {
|
|
886
|
+
"text": "string"
|
|
887
|
+
},
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
1259
890
|
},
|
|
1260
891
|
{
|
|
1261
|
-
"kind": "
|
|
1262
|
-
"name": "
|
|
1263
|
-
"
|
|
1264
|
-
|
|
1265
|
-
"
|
|
1266
|
-
}
|
|
892
|
+
"kind": "field",
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
895
|
+
"type": {
|
|
896
|
+
"text": "number"
|
|
897
|
+
},
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
900
|
+
"reflects": true
|
|
1267
901
|
},
|
|
1268
902
|
{
|
|
1269
|
-
"kind": "
|
|
1270
|
-
"name": "
|
|
1271
|
-
"
|
|
1272
|
-
|
|
1273
|
-
"
|
|
1274
|
-
}
|
|
903
|
+
"kind": "field",
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
906
|
+
"type": {
|
|
907
|
+
"text": "string"
|
|
908
|
+
},
|
|
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",
|
|
1401
1032
|
"type": {
|
|
1402
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1403
1034
|
},
|
|
1404
|
-
"description": "
|
|
1405
|
-
"fieldName": "
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1406
1037
|
},
|
|
1407
1038
|
{
|
|
1408
|
-
"name": "
|
|
1039
|
+
"name": "aria-checked",
|
|
1409
1040
|
"type": {
|
|
1410
1041
|
"text": "string"
|
|
1411
1042
|
},
|
|
1412
|
-
"description": "
|
|
1413
|
-
"fieldName": "
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1414
1045
|
},
|
|
1415
1046
|
{
|
|
1416
|
-
"name": "
|
|
1047
|
+
"name": "aria-disabled",
|
|
1417
1048
|
"type": {
|
|
1418
1049
|
"text": "string"
|
|
1419
1050
|
},
|
|
1420
|
-
"description": "
|
|
1421
|
-
"fieldName": "
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1422
1053
|
},
|
|
1423
1054
|
{
|
|
1424
|
-
"name": "
|
|
1055
|
+
"name": "role",
|
|
1425
1056
|
"type": {
|
|
1426
1057
|
"text": "string"
|
|
1427
1058
|
},
|
|
1428
|
-
"description": "
|
|
1429
|
-
"
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
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"
|
|
1435
1138
|
},
|
|
1436
1139
|
{
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
"text": "boolean"
|
|
1440
|
-
},
|
|
1441
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1442
|
-
"fieldName": "matchWidth"
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1443
1142
|
},
|
|
1444
1143
|
{
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
"text": "boolean"
|
|
1448
|
-
},
|
|
1449
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1450
|
-
"fieldName": "noFilter"
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1451
1146
|
},
|
|
1452
1147
|
{
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1455
|
-
"text": "boolean"
|
|
1456
|
-
},
|
|
1457
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1458
|
-
"fieldName": "noFlip"
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1459
1150
|
},
|
|
1460
1151
|
{
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1152
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1153
|
+
"name": "displayValue"
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"members": [
|
|
1157
|
+
{
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1160
|
+
"privacy": "private",
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1467
1166
|
},
|
|
1468
1167
|
{
|
|
1469
|
-
"
|
|
1470
|
-
"
|
|
1471
|
-
|
|
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
|
+
}
|
|
1472
1191
|
},
|
|
1473
|
-
"
|
|
1474
|
-
"fieldName": "noValidate"
|
|
1192
|
+
"privacy": "private"
|
|
1475
1193
|
},
|
|
1476
1194
|
{
|
|
1477
|
-
"
|
|
1478
|
-
"
|
|
1479
|
-
|
|
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
|
+
}
|
|
1480
1202
|
},
|
|
1481
|
-
"
|
|
1482
|
-
"default": "0",
|
|
1483
|
-
"fieldName": "offset"
|
|
1203
|
+
"readonly": true
|
|
1484
1204
|
},
|
|
1485
1205
|
{
|
|
1486
|
-
"
|
|
1487
|
-
"
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1206
|
+
"kind": "method",
|
|
1207
|
+
"name": "isValid",
|
|
1208
|
+
"description": "Checks if the element is valid.",
|
|
1209
|
+
"return": {
|
|
1210
|
+
"type": {
|
|
1211
|
+
"text": "boolean"
|
|
1212
|
+
}
|
|
1213
|
+
}
|
|
1492
1214
|
},
|
|
1493
1215
|
{
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
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."
|
|
1500
1231
|
},
|
|
1501
1232
|
{
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
"
|
|
1507
|
-
|
|
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
|
+
}
|
|
1508
1242
|
},
|
|
1509
1243
|
{
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
"
|
|
1515
|
-
|
|
1516
|
-
|
|
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
|
+
}
|
|
1517
1253
|
},
|
|
1518
1254
|
{
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1524
|
-
"fieldName": "placeholder"
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateFilter",
|
|
1257
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1258
|
+
"privacy": "private"
|
|
1525
1259
|
},
|
|
1526
1260
|
{
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
"
|
|
1532
|
-
|
|
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
|
+
}
|
|
1533
1270
|
},
|
|
1534
1271
|
{
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
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"
|
|
1541
1285
|
},
|
|
1542
1286
|
{
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
|
|
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
|
+
}
|
|
1546
1303
|
},
|
|
1547
|
-
"
|
|
1548
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1304
|
+
"privacy": "private"
|
|
1549
1305
|
},
|
|
1550
1306
|
{
|
|
1551
|
-
"
|
|
1552
|
-
"
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
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
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
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
|
+
}
|
|
1557
1341
|
},
|
|
1558
1342
|
{
|
|
1559
|
-
"
|
|
1560
|
-
"
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1343
|
+
"kind": "method",
|
|
1344
|
+
"name": "hideBib",
|
|
1345
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1565
1351
|
},
|
|
1566
1352
|
{
|
|
1567
|
-
"
|
|
1568
|
-
"
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
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
|
+
}
|
|
1573
1361
|
},
|
|
1574
1362
|
{
|
|
1575
|
-
"
|
|
1576
|
-
"
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
"
|
|
1580
|
-
|
|
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
|
+
}
|
|
1581
1372
|
},
|
|
1582
1373
|
{
|
|
1583
|
-
"
|
|
1584
|
-
"
|
|
1585
|
-
|
|
1586
|
-
},
|
|
1587
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1588
|
-
"fieldName": "typedValue"
|
|
1374
|
+
"kind": "method",
|
|
1375
|
+
"name": "setClearBtnFocus",
|
|
1376
|
+
"privacy": "private"
|
|
1589
1377
|
},
|
|
1590
1378
|
{
|
|
1591
|
-
"
|
|
1592
|
-
"
|
|
1593
|
-
|
|
1594
|
-
},
|
|
1595
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1596
|
-
"fieldName": "validity"
|
|
1379
|
+
"kind": "method",
|
|
1380
|
+
"name": "setTriggerInputFocus",
|
|
1381
|
+
"privacy": "private"
|
|
1597
1382
|
},
|
|
1598
1383
|
{
|
|
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"
|
|
1384
|
+
"kind": "method",
|
|
1385
|
+
"name": "setInputFocus",
|
|
1386
|
+
"privacy": "private"
|
|
1605
1387
|
},
|
|
1606
1388
|
{
|
|
1607
|
-
"
|
|
1608
|
-
"
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1612
|
-
"fieldName": "largeFullscreenHeadline"
|
|
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"
|
|
1613
1393
|
},
|
|
1614
1394
|
{
|
|
1615
|
-
"
|
|
1616
|
-
"
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
"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.",
|
|
1620
|
-
"default": "'sm'",
|
|
1621
|
-
"fieldName": "fullscreenBreakpoint"
|
|
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"
|
|
1622
1399
|
},
|
|
1623
1400
|
{
|
|
1624
|
-
"
|
|
1625
|
-
"
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
"
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
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
|
+
}
|
|
1632
1409
|
}
|
|
1633
1410
|
},
|
|
1634
1411
|
{
|
|
1635
|
-
"
|
|
1636
|
-
"
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
"
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
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
|
+
}
|
|
1643
1420
|
}
|
|
1644
1421
|
},
|
|
1645
1422
|
{
|
|
1646
|
-
"
|
|
1647
|
-
"
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
"
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
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
|
+
}
|
|
1654
1431
|
}
|
|
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
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
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": [
|
|
1432
|
+
},
|
|
1433
|
+
{
|
|
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.",
|
|
1798
1610
|
"privacy": "private",
|
|
1799
1611
|
"return": {
|
|
1800
1612
|
"type": {
|
|
@@ -1804,771 +1616,959 @@
|
|
|
1804
1616
|
},
|
|
1805
1617
|
{
|
|
1806
1618
|
"kind": "method",
|
|
1807
|
-
"name": "
|
|
1808
|
-
"
|
|
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.",
|
|
1644
|
+
"privacy": "private",
|
|
1645
|
+
"return": {
|
|
1646
|
+
"type": {
|
|
1647
|
+
"text": "void"
|
|
1648
|
+
}
|
|
1649
|
+
}
|
|
1650
|
+
},
|
|
1651
|
+
{
|
|
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",
|
|
1978
|
+
"type": {
|
|
1979
|
+
"text": "string"
|
|
1980
|
+
},
|
|
1981
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1982
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1983
|
+
},
|
|
1984
|
+
{
|
|
1985
|
+
"kind": "field",
|
|
1986
|
+
"name": "touched",
|
|
1987
|
+
"privacy": "private",
|
|
2029
1988
|
"type": {
|
|
2030
1989
|
"text": "boolean"
|
|
2031
1990
|
},
|
|
2032
|
-
"description": "
|
|
2033
|
-
"fieldName": "onDark"
|
|
1991
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
2034
1992
|
},
|
|
2035
1993
|
{
|
|
2036
|
-
"
|
|
1994
|
+
"kind": "field",
|
|
1995
|
+
"name": "triggerIcon",
|
|
1996
|
+
"privacy": "public",
|
|
2037
1997
|
"type": {
|
|
2038
1998
|
"text": "boolean"
|
|
2039
1999
|
},
|
|
2040
|
-
"description": "
|
|
2041
|
-
"
|
|
2000
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2001
|
+
"attribute": "triggerIcon",
|
|
2002
|
+
"reflects": true
|
|
2042
2003
|
},
|
|
2043
2004
|
{
|
|
2044
|
-
"
|
|
2005
|
+
"kind": "field",
|
|
2006
|
+
"name": "type",
|
|
2007
|
+
"privacy": "public",
|
|
2045
2008
|
"type": {
|
|
2046
2009
|
"text": "string"
|
|
2047
2010
|
},
|
|
2048
|
-
"description": "
|
|
2049
|
-
"
|
|
2011
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2012
|
+
"attribute": "type",
|
|
2013
|
+
"reflects": true
|
|
2050
2014
|
},
|
|
2051
2015
|
{
|
|
2052
|
-
"
|
|
2016
|
+
"kind": "field",
|
|
2017
|
+
"name": "typedValue",
|
|
2018
|
+
"privacy": "public",
|
|
2053
2019
|
"type": {
|
|
2054
2020
|
"text": "string"
|
|
2055
2021
|
},
|
|
2056
|
-
"description": "
|
|
2057
|
-
"
|
|
2022
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2023
|
+
"attribute": "typedValue",
|
|
2024
|
+
"reflects": true
|
|
2058
2025
|
},
|
|
2059
2026
|
{
|
|
2060
|
-
"
|
|
2027
|
+
"kind": "field",
|
|
2028
|
+
"name": "validity",
|
|
2029
|
+
"privacy": "public",
|
|
2061
2030
|
"type": {
|
|
2062
2031
|
"text": "string"
|
|
2063
2032
|
},
|
|
2064
|
-
"description": "
|
|
2065
|
-
"
|
|
2033
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2034
|
+
"attribute": "validity",
|
|
2035
|
+
"reflects": true
|
|
2066
2036
|
},
|
|
2067
2037
|
{
|
|
2068
|
-
"
|
|
2038
|
+
"kind": "field",
|
|
2039
|
+
"name": "value",
|
|
2040
|
+
"privacy": "public",
|
|
2069
2041
|
"type": {
|
|
2070
2042
|
"text": "string"
|
|
2071
2043
|
},
|
|
2072
|
-
"description": "
|
|
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"
|
|
2044
|
+
"description": "Value selected for the dropdown menu.",
|
|
2045
|
+
"attribute": "value"
|
|
2107
2046
|
},
|
|
2108
2047
|
{
|
|
2109
|
-
"
|
|
2110
|
-
"name": "
|
|
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
|
|
2111
2057
|
},
|
|
2112
2058
|
{
|
|
2113
|
-
"
|
|
2114
|
-
"name": "
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
"description": "
|
|
2120
|
-
"
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
"members": [
|
|
2124
|
-
{
|
|
2125
|
-
"kind": "method",
|
|
2126
|
-
"name": "_initializeDefaults"
|
|
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
|
-
"name": "tabIndex",
|
|
2356
|
-
"privacy": "private",
|
|
2304
|
+
"name": "shift",
|
|
2357
2305
|
"type": {
|
|
2358
|
-
"text": "
|
|
2306
|
+
"text": "boolean"
|
|
2359
2307
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"reflects": true
|
|
2308
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2309
|
+
"fieldName": "shift"
|
|
2363
2310
|
},
|
|
2364
2311
|
{
|
|
2365
|
-
"
|
|
2366
|
-
"name": "ariaChecked",
|
|
2367
|
-
"privacy": "private",
|
|
2312
|
+
"name": "noValidate",
|
|
2368
2313
|
"type": {
|
|
2369
|
-
"text": "
|
|
2314
|
+
"text": "boolean"
|
|
2370
2315
|
},
|
|
2371
|
-
"description": "
|
|
2372
|
-
"
|
|
2373
|
-
"reflects": true
|
|
2316
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2317
|
+
"fieldName": "noValidate"
|
|
2374
2318
|
},
|
|
2375
2319
|
{
|
|
2376
|
-
"
|
|
2377
|
-
"name": "ariaDisabled",
|
|
2378
|
-
"privacy": "private",
|
|
2320
|
+
"name": "offset",
|
|
2379
2321
|
"type": {
|
|
2380
|
-
"text": "
|
|
2322
|
+
"text": "number"
|
|
2381
2323
|
},
|
|
2382
|
-
"description": "
|
|
2383
|
-
"
|
|
2384
|
-
"
|
|
2324
|
+
"description": "Gap between the trigger element and bib.",
|
|
2325
|
+
"default": "0",
|
|
2326
|
+
"fieldName": "offset"
|
|
2385
2327
|
},
|
|
2386
2328
|
{
|
|
2387
|
-
"
|
|
2388
|
-
"name": "role",
|
|
2389
|
-
"privacy": "private",
|
|
2329
|
+
"name": "onDark",
|
|
2390
2330
|
"type": {
|
|
2391
|
-
"text": "
|
|
2331
|
+
"text": "boolean"
|
|
2392
2332
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"
|
|
2395
|
-
|
|
2396
|
-
}
|
|
2397
|
-
],
|
|
2398
|
-
"events": [
|
|
2333
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2334
|
+
"fieldName": "onDark"
|
|
2335
|
+
},
|
|
2399
2336
|
{
|
|
2400
|
-
"name": "
|
|
2337
|
+
"name": "optionSelected",
|
|
2401
2338
|
"type": {
|
|
2402
|
-
"text": "
|
|
2403
|
-
}
|
|
2339
|
+
"text": "HTMLElement"
|
|
2340
|
+
},
|
|
2341
|
+
"description": "Specifies the current selected option.",
|
|
2342
|
+
"fieldName": "optionSelected"
|
|
2404
2343
|
},
|
|
2405
2344
|
{
|
|
2406
|
-
"name": "
|
|
2345
|
+
"name": "persistInput",
|
|
2407
2346
|
"type": {
|
|
2408
|
-
"text": "
|
|
2409
|
-
}
|
|
2347
|
+
"text": "boolean"
|
|
2348
|
+
},
|
|
2349
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
2350
|
+
"fieldName": "persistInput"
|
|
2410
2351
|
},
|
|
2411
2352
|
{
|
|
2412
|
-
"name": "
|
|
2353
|
+
"name": "placement",
|
|
2413
2354
|
"type": {
|
|
2414
|
-
"text": "
|
|
2415
|
-
}
|
|
2355
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2356
|
+
},
|
|
2357
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2358
|
+
"default": "'bottom-start'",
|
|
2359
|
+
"fieldName": "placement"
|
|
2416
2360
|
},
|
|
2417
2361
|
{
|
|
2418
|
-
"
|
|
2419
|
-
"
|
|
2362
|
+
"name": "placeholder",
|
|
2363
|
+
"type": {
|
|
2364
|
+
"text": "string"
|
|
2365
|
+
},
|
|
2366
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2367
|
+
"fieldName": "placeholder"
|
|
2420
2368
|
},
|
|
2421
2369
|
{
|
|
2422
|
-
"
|
|
2423
|
-
"
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2370
|
+
"name": "required",
|
|
2371
|
+
"type": {
|
|
2372
|
+
"text": "boolean"
|
|
2373
|
+
},
|
|
2374
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2375
|
+
"fieldName": "required"
|
|
2376
|
+
},
|
|
2377
|
+
{
|
|
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"
|
|
2384
|
+
},
|
|
2427
2385
|
{
|
|
2428
|
-
"name": "
|
|
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.",
|
|
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) { 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
|
{
|