@aurodesignsystem-dev/auro-formkit 0.0.0-pr1625.1 → 0.0.0-pr1627.0

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