@aurodesignsystem-dev/auro-formkit 0.0.0-pr1506.3 → 0.0.0-pr1506.4

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