@aurodesignsystem-dev/auro-formkit 0.0.0-pr1522.2 → 0.0.0-pr1522.3

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