@viasat/beam-web-components 2.52.0 → 2.54.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 (3) hide show
  1. package/custom-elements.json +1415 -1415
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +197 -197
package/custom-elements.json CHANGED
@@ -294,26 +294,76 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
297
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
302
- "name": "BmBadgeDot",
301
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
302
+ "name": "BmAlert",
303
303
  "slots": [
304
304
  {
305
- "description": "Provide text for the BadgeDot",
306
- "name": "default"
305
+ "description": "Specify a different icon for the Alert",
306
+ "name": "icon"
307
+ },
308
+ {
309
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
310
+ "name": "heading"
311
+ },
312
+ {
313
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
314
+ "name": "body"
315
+ },
316
+ {
317
+ "description": "Specify if actions display on the Alert",
318
+ "name": "actions"
307
319
  }
308
320
  ],
309
321
  "members": [
322
+ {
323
+ "kind": "field",
324
+ "name": "heading",
325
+ "type": {
326
+ "text": "string | undefined"
327
+ },
328
+ "description": "Specify the heading text for Alert",
329
+ "attribute": "heading"
330
+ },
331
+ {
332
+ "kind": "field",
333
+ "name": "body",
334
+ "type": {
335
+ "text": "string | undefined"
336
+ },
337
+ "description": "Specify the body text for Alert",
338
+ "attribute": "body"
339
+ },
340
+ {
341
+ "kind": "field",
342
+ "name": "size",
343
+ "type": {
344
+ "text": "'sm' | 'md'"
345
+ },
346
+ "default": "'sm'",
347
+ "description": "Specify the size of the Alert",
348
+ "attribute": "size"
349
+ },
350
+ {
351
+ "kind": "field",
352
+ "name": "fullWidth",
353
+ "type": {
354
+ "text": "boolean"
355
+ },
356
+ "default": "false",
357
+ "description": "Specify if the Alert has no border radius",
358
+ "attribute": "fullWidth"
359
+ },
310
360
  {
311
361
  "kind": "field",
312
362
  "name": "theme",
313
363
  "type": {
314
364
  "text": "'light' | 'dark' | undefined"
315
365
  },
316
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
366
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
317
367
  "attribute": "theme"
318
368
  },
319
369
  {
@@ -323,36 +373,107 @@
323
373
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
324
374
  },
325
375
  "default": "'infoPrimary'",
326
- "description": "Specify the appearance of the BadgeDot",
376
+ "description": "Specify the appearance of the Alert",
327
377
  "attribute": "appearance"
328
378
  },
329
379
  {
330
380
  "kind": "field",
331
- "name": "emphasis",
381
+ "name": "hidden",
332
382
  "type": {
333
- "text": "'strong' | 'subtle'"
383
+ "text": "boolean"
334
384
  },
335
- "default": "'strong'",
336
- "description": "Specify the emphasis of the BadgeDot",
337
- "attribute": "emphasis"
385
+ "default": "false",
386
+ "description": "Specify if the Alert is hidden",
387
+ "attribute": "hidden"
338
388
  },
339
389
  {
340
390
  "kind": "field",
341
- "name": "overrideDotColor",
391
+ "name": "hideIcon",
342
392
  "type": {
343
- "text": "string | undefined"
393
+ "text": "boolean"
344
394
  },
345
- "description": "Overrides default dot color",
346
- "attribute": "overrideDotColor"
395
+ "default": "false",
396
+ "description": "Specify if the icon displays on the Alert",
397
+ "attribute": "hideIcon"
398
+ },
399
+ {
400
+ "kind": "field",
401
+ "name": "dismissible",
402
+ "type": {
403
+ "text": "boolean"
404
+ },
405
+ "default": "false",
406
+ "description": "Specify if the Alert can be dismissed",
407
+ "attribute": "dismissible"
408
+ },
409
+ {
410
+ "kind": "field",
411
+ "name": "disableAutoFocus",
412
+ "type": {
413
+ "text": "boolean"
414
+ },
415
+ "default": "false",
416
+ "description": "Prevent autofocus on show",
417
+ "attribute": "disableAutoFocus"
418
+ },
419
+ {
420
+ "kind": "field",
421
+ "name": "disableCloseOnEscape",
422
+ "type": {
423
+ "text": "boolean"
424
+ },
425
+ "default": "false",
426
+ "description": "Prevent Escape from closing",
427
+ "attribute": "disableCloseOnEscape"
428
+ }
429
+ ],
430
+ "events": [
431
+ {
432
+ "description": "Dispatched when the Alert has been dismissed",
433
+ "name": "bm-dismiss"
347
434
  }
348
435
  ],
349
436
  "attributes": [
437
+ {
438
+ "name": "heading",
439
+ "type": {
440
+ "text": "string | undefined"
441
+ },
442
+ "description": "Specify the heading text for Alert",
443
+ "fieldName": "heading"
444
+ },
445
+ {
446
+ "name": "body",
447
+ "type": {
448
+ "text": "string | undefined"
449
+ },
450
+ "description": "Specify the body text for Alert",
451
+ "fieldName": "body"
452
+ },
453
+ {
454
+ "name": "size",
455
+ "type": {
456
+ "text": "'sm' | 'md'"
457
+ },
458
+ "default": "'sm'",
459
+ "description": "Specify the size of the Alert",
460
+ "fieldName": "size"
461
+ },
462
+ {
463
+ "name": "fullWidth",
464
+ "type": {
465
+ "text": "boolean"
466
+ },
467
+ "default": "false",
468
+ "description": "Specify if the Alert has no border radius",
469
+ "fieldName": "fullWidth"
470
+ },
350
471
  {
351
472
  "name": "theme",
352
473
  "type": {
353
474
  "text": "'light' | 'dark' | undefined"
354
475
  },
355
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
476
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
356
477
  "fieldName": "theme"
357
478
  },
358
479
  {
@@ -361,57 +482,85 @@
361
482
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
362
483
  },
363
484
  "default": "'infoPrimary'",
364
- "description": "Specify the appearance of the BadgeDot",
485
+ "description": "Specify the appearance of the Alert",
365
486
  "fieldName": "appearance"
366
487
  },
367
488
  {
368
- "name": "emphasis",
489
+ "name": "hidden",
369
490
  "type": {
370
- "text": "'strong' | 'subtle'"
491
+ "text": "boolean"
371
492
  },
372
- "default": "'strong'",
373
- "description": "Specify the emphasis of the BadgeDot",
374
- "fieldName": "emphasis"
493
+ "default": "false",
494
+ "description": "Specify if the Alert is hidden",
495
+ "fieldName": "hidden"
375
496
  },
376
497
  {
377
- "name": "overrideDotColor",
498
+ "name": "hideIcon",
378
499
  "type": {
379
- "text": "string | undefined"
500
+ "text": "boolean"
380
501
  },
381
- "description": "Overrides default dot color",
382
- "fieldName": "overrideDotColor"
502
+ "default": "false",
503
+ "description": "Specify if the icon displays on the Alert",
504
+ "fieldName": "hideIcon"
505
+ },
506
+ {
507
+ "name": "dismissible",
508
+ "type": {
509
+ "text": "boolean"
510
+ },
511
+ "default": "false",
512
+ "description": "Specify if the Alert can be dismissed",
513
+ "fieldName": "dismissible"
514
+ },
515
+ {
516
+ "name": "disableAutoFocus",
517
+ "type": {
518
+ "text": "boolean"
519
+ },
520
+ "default": "false",
521
+ "description": "Prevent autofocus on show",
522
+ "fieldName": "disableAutoFocus"
523
+ },
524
+ {
525
+ "name": "disableCloseOnEscape",
526
+ "type": {
527
+ "text": "boolean"
528
+ },
529
+ "default": "false",
530
+ "description": "Prevent Escape from closing",
531
+ "fieldName": "disableCloseOnEscape"
383
532
  }
384
533
  ],
385
534
  "superclass": {
386
535
  "name": "LitElement",
387
536
  "package": "lit"
388
537
  },
389
- "tagName": "bm-badge-dot",
538
+ "tagName": "bm-alert",
390
539
  "customElement": true
391
540
  }
392
541
  ],
393
542
  "exports": [
394
543
  {
395
544
  "kind": "js",
396
- "name": "BmBadgeDot",
545
+ "name": "BmAlert",
397
546
  "declaration": {
398
- "name": "BmBadgeDot",
399
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
547
+ "name": "BmAlert",
548
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
400
549
  }
401
550
  },
402
551
  {
403
552
  "kind": "custom-element-definition",
404
- "name": "bm-badge-dot",
553
+ "name": "bm-alert",
405
554
  "declaration": {
406
- "name": "BmBadgeDot",
407
- "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
555
+ "name": "BmAlert",
556
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
408
557
  }
409
558
  }
410
559
  ]
411
560
  },
412
561
  {
413
562
  "kind": "javascript-module",
414
- "path": "libs/web-components/src/lib/BadgeDot/index.ts",
563
+ "path": "libs/web-components/src/lib/Alert/index.ts",
415
564
  "declarations": [],
416
565
  "exports": [
417
566
  {
@@ -419,26 +568,22 @@
419
568
  "name": "*",
420
569
  "declaration": {
421
570
  "name": "*",
422
- "package": "./BadgeDot"
571
+ "package": "./Alert"
423
572
  }
424
573
  }
425
574
  ]
426
575
  },
427
576
  {
428
577
  "kind": "javascript-module",
429
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
578
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
430
579
  "declarations": [
431
580
  {
432
581
  "kind": "class",
433
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
434
- "name": "BmBadge",
582
+ "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
583
+ "name": "BmAvatar",
435
584
  "slots": [
436
585
  {
437
- "description": "Provide text for the Badge",
438
- "name": "default"
439
- },
440
- {
441
- "description": "Specify a different icon for the Badge",
586
+ "description": "Customize the default icon",
442
587
  "name": "icon"
443
588
  }
444
589
  ],
@@ -447,219 +592,460 @@
447
592
  "kind": "field",
448
593
  "name": "appearance",
449
594
  "type": {
450
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
595
+ "text": "'accent' | 'neutral' | undefined"
451
596
  },
452
- "default": "'infoPrimary'",
453
- "description": "Specify the appearance of the Badge",
597
+ "default": "'neutral'",
598
+ "description": "Specify the appearance of the Avatar",
454
599
  "attribute": "appearance"
455
600
  },
456
601
  {
457
602
  "kind": "field",
458
- "name": "theme",
603
+ "name": "name",
459
604
  "type": {
460
- "text": "'light' | 'dark' | undefined"
605
+ "text": "string | undefined"
461
606
  },
462
- "description": "Theme of the Badge",
463
- "attribute": "theme"
607
+ "description": "Specify a name to display initials in the Avatar",
608
+ "attribute": "name"
464
609
  },
465
610
  {
466
611
  "kind": "field",
467
- "name": "size",
612
+ "name": "src",
468
613
  "type": {
469
- "text": "'sm' | 'md' | undefined"
614
+ "text": "string | undefined"
470
615
  },
471
- "default": "'sm'",
472
- "description": "Specify the size of the Badge",
473
- "attribute": "size"
616
+ "description": "Pass an image to the Avatar",
617
+ "attribute": "src"
474
618
  },
475
619
  {
476
620
  "kind": "field",
477
- "name": "emphasis",
621
+ "name": "alt",
478
622
  "type": {
479
- "text": "'strong' | 'medium' | 'subtle'"
623
+ "text": "string | undefined"
480
624
  },
481
- "default": "'strong'",
482
- "description": "Specify the emphasis of the Badge",
483
- "attribute": "emphasis"
625
+ "description": "Specify alt for image",
626
+ "attribute": "alt"
484
627
  },
485
628
  {
486
629
  "kind": "field",
487
- "name": "hideIcon",
630
+ "name": "size",
631
+ "type": {
632
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
633
+ },
634
+ "default": "'md'",
635
+ "description": "Specify the size of the Avatar",
636
+ "attribute": "size"
637
+ },
638
+ {
639
+ "kind": "field",
640
+ "name": "disabled",
488
641
  "type": {
489
642
  "text": "boolean | undefined"
490
643
  },
491
- "description": "Hides Badge icon",
492
- "attribute": "hideIcon"
644
+ "default": "false",
645
+ "description": "Specify if the Avatar is disabled",
646
+ "attribute": "disabled"
647
+ },
648
+ {
649
+ "kind": "field",
650
+ "name": "shape",
651
+ "type": {
652
+ "text": "'circle' | 'square' | undefined"
653
+ },
654
+ "default": "'circle'",
655
+ "description": "Specify the shape of the Avatar",
656
+ "attribute": "shape"
657
+ },
658
+ {
659
+ "kind": "field",
660
+ "name": "isInteractive",
661
+ "type": {
662
+ "text": "boolean"
663
+ },
664
+ "default": "false",
665
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
666
+ "attribute": "isInteractive"
667
+ },
668
+ {
669
+ "kind": "field",
670
+ "name": "isFocusable",
671
+ "type": {
672
+ "text": "boolean"
673
+ },
674
+ "default": "false",
675
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
676
+ "attribute": "isFocusable"
677
+ },
678
+ {
679
+ "kind": "field",
680
+ "name": "withBorder",
681
+ "type": {
682
+ "text": "boolean"
683
+ },
684
+ "default": "false",
685
+ "attribute": "withBorder"
493
686
  }
494
687
  ],
495
688
  "attributes": [
496
689
  {
497
690
  "name": "appearance",
498
691
  "type": {
499
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
692
+ "text": "'accent' | 'neutral' | undefined"
500
693
  },
501
- "default": "'infoPrimary'",
502
- "description": "Specify the appearance of the Badge",
694
+ "default": "'neutral'",
695
+ "description": "Specify the appearance of the Avatar",
503
696
  "fieldName": "appearance"
504
697
  },
505
698
  {
506
- "name": "theme",
699
+ "name": "name",
507
700
  "type": {
508
- "text": "'light' | 'dark' | undefined"
701
+ "text": "string | undefined"
509
702
  },
510
- "description": "Theme of the Badge",
511
- "fieldName": "theme"
703
+ "description": "Specify a name to display initials in the Avatar",
704
+ "fieldName": "name"
705
+ },
706
+ {
707
+ "name": "src",
708
+ "type": {
709
+ "text": "string | undefined"
710
+ },
711
+ "description": "Pass an image to the Avatar",
712
+ "fieldName": "src"
713
+ },
714
+ {
715
+ "name": "alt",
716
+ "type": {
717
+ "text": "string | undefined"
718
+ },
719
+ "description": "Specify alt for image",
720
+ "fieldName": "alt"
512
721
  },
513
722
  {
514
723
  "name": "size",
515
724
  "type": {
516
- "text": "'sm' | 'md' | undefined"
725
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
517
726
  },
518
- "default": "'sm'",
519
- "description": "Specify the size of the Badge",
727
+ "default": "'md'",
728
+ "description": "Specify the size of the Avatar",
520
729
  "fieldName": "size"
521
730
  },
522
731
  {
523
- "name": "emphasis",
732
+ "name": "disabled",
524
733
  "type": {
525
- "text": "'strong' | 'medium' | 'subtle'"
734
+ "text": "boolean | undefined"
526
735
  },
527
- "default": "'strong'",
528
- "description": "Specify the emphasis of the Badge",
529
- "fieldName": "emphasis"
736
+ "default": "false",
737
+ "description": "Specify if the Avatar is disabled",
738
+ "fieldName": "disabled"
530
739
  },
531
740
  {
532
- "name": "hideIcon",
741
+ "name": "shape",
533
742
  "type": {
534
- "text": "boolean | undefined"
743
+ "text": "'circle' | 'square' | undefined"
535
744
  },
536
- "description": "Hides Badge icon",
537
- "fieldName": "hideIcon"
745
+ "default": "'circle'",
746
+ "description": "Specify the shape of the Avatar",
747
+ "fieldName": "shape"
748
+ },
749
+ {
750
+ "name": "isInteractive",
751
+ "type": {
752
+ "text": "boolean"
753
+ },
754
+ "default": "false",
755
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
756
+ "fieldName": "isInteractive"
757
+ },
758
+ {
759
+ "name": "isFocusable",
760
+ "type": {
761
+ "text": "boolean"
762
+ },
763
+ "default": "false",
764
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
765
+ "fieldName": "isFocusable"
766
+ },
767
+ {
768
+ "name": "withBorder",
769
+ "type": {
770
+ "text": "boolean"
771
+ },
772
+ "default": "false",
773
+ "fieldName": "withBorder"
538
774
  }
539
775
  ],
540
776
  "superclass": {
541
777
  "name": "LitElement",
542
778
  "package": "lit"
543
779
  },
544
- "tagName": "bm-badge",
780
+ "tagName": "bm-avatar",
545
781
  "customElement": true
546
782
  }
547
783
  ],
548
784
  "exports": [
549
785
  {
550
786
  "kind": "js",
551
- "name": "BmBadge",
787
+ "name": "BmAvatar",
552
788
  "declaration": {
553
- "name": "BmBadge",
554
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
789
+ "name": "BmAvatar",
790
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
555
791
  }
556
792
  },
557
793
  {
558
794
  "kind": "custom-element-definition",
559
- "name": "bm-badge",
795
+ "name": "bm-avatar",
560
796
  "declaration": {
561
- "name": "BmBadge",
562
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
797
+ "name": "BmAvatar",
798
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
563
799
  }
564
800
  }
565
801
  ]
566
802
  },
567
803
  {
568
804
  "kind": "javascript-module",
569
- "path": "libs/web-components/src/lib/Badge/index.ts",
570
- "declarations": [],
805
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
806
+ "declarations": [
807
+ {
808
+ "kind": "variable",
809
+ "name": "AvatarGroupCtx"
810
+ }
811
+ ],
571
812
  "exports": [
572
813
  {
573
814
  "kind": "js",
574
- "name": "*",
815
+ "name": "AvatarGroupCtx",
575
816
  "declaration": {
576
- "name": "*",
577
- "package": "./Badge"
817
+ "name": "AvatarGroupCtx",
818
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
578
819
  }
579
820
  }
580
821
  ]
581
822
  },
582
823
  {
583
824
  "kind": "javascript-module",
584
- "path": "libs/web-components/src/lib/Box/Box.ts",
825
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
585
826
  "declarations": [
586
827
  {
587
828
  "kind": "class",
588
- "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
589
- "name": "BmBox",
829
+ "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
830
+ "name": "BmAvatarGroup",
590
831
  "slots": [
591
832
  {
592
- "description": "Provide content for the Box",
833
+ "description": "Add Avatars to create a group",
593
834
  "name": "default"
594
835
  }
595
836
  ],
596
837
  "members": [
597
838
  {
598
839
  "kind": "field",
599
- "name": "backgroundColor",
840
+ "name": "wrapping",
600
841
  "type": {
601
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
842
+ "text": "boolean"
602
843
  },
603
- "description": "Specify the background color of a Box",
604
- "attribute": "backgroundColor"
844
+ "default": "false",
845
+ "description": "Specify if the AvatarGroup wraps",
846
+ "attribute": "wrapping"
605
847
  },
606
848
  {
607
849
  "kind": "field",
608
- "name": "borderColor",
850
+ "name": "maxCount",
609
851
  "type": {
610
- "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
852
+ "text": "number"
611
853
  },
612
- "description": "Specify the border color of a Box",
613
- "attribute": "borderColor"
854
+ "default": "5",
855
+ "description": "Specify the max number of avatars displayed in the group.",
856
+ "attribute": "maxCount",
857
+ "reflects": true
614
858
  },
615
859
  {
616
860
  "kind": "field",
617
- "name": "borderWidth",
861
+ "name": "size",
618
862
  "type": {
619
- "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
863
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
620
864
  },
621
- "description": "Specify the border width of a Box",
622
- "attribute": "borderWidth"
865
+ "default": "'md'",
866
+ "description": "Specify the size of all Avatars",
867
+ "attribute": "size"
623
868
  },
624
869
  {
625
870
  "kind": "field",
626
- "name": "borderRadius",
871
+ "name": "layout",
627
872
  "type": {
628
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
873
+ "text": "'stacked' | 'spaced' | undefined"
629
874
  },
630
- "description": "Specify the border radius of a Box",
631
- "attribute": "borderRadius"
632
- },
875
+ "default": "'stacked'",
876
+ "description": "Specify the kind of the group.",
877
+ "attribute": "layout"
878
+ }
879
+ ],
880
+ "attributes": [
633
881
  {
634
- "kind": "field",
635
- "name": "px",
882
+ "name": "wrapping",
636
883
  "type": {
637
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
884
+ "text": "boolean"
638
885
  },
639
- "description": "Specify before and after padding of a Box",
640
- "attribute": "px"
886
+ "default": "false",
887
+ "description": "Specify if the AvatarGroup wraps",
888
+ "fieldName": "wrapping"
641
889
  },
642
890
  {
643
- "kind": "field",
644
- "name": "py",
891
+ "name": "maxCount",
645
892
  "type": {
646
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
893
+ "text": "number"
647
894
  },
648
- "description": "Specify top and bottom padding of a Box",
649
- "attribute": "py"
895
+ "default": "5",
896
+ "description": "Specify the max number of avatars displayed in the group.",
897
+ "fieldName": "maxCount"
650
898
  },
651
899
  {
652
- "kind": "field",
653
- "name": "pTop",
900
+ "name": "size",
654
901
  "type": {
655
- "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
902
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
656
903
  },
657
- "description": "Specify top padding of a Box",
658
- "attribute": "pTop"
904
+ "default": "'md'",
905
+ "description": "Specify the size of all Avatars",
906
+ "fieldName": "size"
659
907
  },
660
908
  {
661
- "kind": "field",
662
- "name": "pBottom",
909
+ "name": "layout",
910
+ "type": {
911
+ "text": "'stacked' | 'spaced' | undefined"
912
+ },
913
+ "default": "'stacked'",
914
+ "description": "Specify the kind of the group.",
915
+ "fieldName": "layout"
916
+ }
917
+ ],
918
+ "superclass": {
919
+ "name": "LitElement",
920
+ "package": "lit"
921
+ },
922
+ "tagName": "bm-avatar-group",
923
+ "customElement": true
924
+ }
925
+ ],
926
+ "exports": [
927
+ {
928
+ "kind": "js",
929
+ "name": "BmAvatarGroup",
930
+ "declaration": {
931
+ "name": "BmAvatarGroup",
932
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
933
+ }
934
+ },
935
+ {
936
+ "kind": "custom-element-definition",
937
+ "name": "bm-avatar-group",
938
+ "declaration": {
939
+ "name": "BmAvatarGroup",
940
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
941
+ }
942
+ }
943
+ ]
944
+ },
945
+ {
946
+ "kind": "javascript-module",
947
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
948
+ "declarations": [],
949
+ "exports": [
950
+ {
951
+ "kind": "js",
952
+ "name": "*",
953
+ "declaration": {
954
+ "name": "*",
955
+ "package": "./Avatar"
956
+ }
957
+ },
958
+ {
959
+ "kind": "js",
960
+ "name": "*",
961
+ "declaration": {
962
+ "name": "*",
963
+ "package": "./AvatarGroup"
964
+ }
965
+ }
966
+ ]
967
+ },
968
+ {
969
+ "kind": "javascript-module",
970
+ "path": "libs/web-components/src/lib/Box/Box.ts",
971
+ "declarations": [
972
+ {
973
+ "kind": "class",
974
+ "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow",
975
+ "name": "BmBox",
976
+ "slots": [
977
+ {
978
+ "description": "Provide content for the Box",
979
+ "name": "default"
980
+ }
981
+ ],
982
+ "members": [
983
+ {
984
+ "kind": "field",
985
+ "name": "backgroundColor",
986
+ "type": {
987
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
988
+ },
989
+ "description": "Specify the background color of a Box",
990
+ "attribute": "backgroundColor"
991
+ },
992
+ {
993
+ "kind": "field",
994
+ "name": "borderColor",
995
+ "type": {
996
+ "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
997
+ },
998
+ "description": "Specify the border color of a Box",
999
+ "attribute": "borderColor"
1000
+ },
1001
+ {
1002
+ "kind": "field",
1003
+ "name": "borderWidth",
1004
+ "type": {
1005
+ "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
1006
+ },
1007
+ "description": "Specify the border width of a Box",
1008
+ "attribute": "borderWidth"
1009
+ },
1010
+ {
1011
+ "kind": "field",
1012
+ "name": "borderRadius",
1013
+ "type": {
1014
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
1015
+ },
1016
+ "description": "Specify the border radius of a Box",
1017
+ "attribute": "borderRadius"
1018
+ },
1019
+ {
1020
+ "kind": "field",
1021
+ "name": "px",
1022
+ "type": {
1023
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1024
+ },
1025
+ "description": "Specify before and after padding of a Box",
1026
+ "attribute": "px"
1027
+ },
1028
+ {
1029
+ "kind": "field",
1030
+ "name": "py",
1031
+ "type": {
1032
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1033
+ },
1034
+ "description": "Specify top and bottom padding of a Box",
1035
+ "attribute": "py"
1036
+ },
1037
+ {
1038
+ "kind": "field",
1039
+ "name": "pTop",
1040
+ "type": {
1041
+ "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
1042
+ },
1043
+ "description": "Specify top padding of a Box",
1044
+ "attribute": "pTop"
1045
+ },
1046
+ {
1047
+ "kind": "field",
1048
+ "name": "pBottom",
663
1049
  "type": {
664
1050
  "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
665
1051
  },
@@ -1005,654 +1391,262 @@
1005
1391
  "declarations": [
1006
1392
  {
1007
1393
  "kind": "class",
1008
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1009
- "name": "BmBreadcrumbs",
1010
- "slots": [
1011
- {
1012
- "description": "Pass items to the Breadcrumb",
1013
- "name": "default"
1014
- }
1015
- ],
1016
- "members": [
1017
- {
1018
- "kind": "field",
1019
- "name": "wrap",
1020
- "type": {
1021
- "text": "boolean"
1022
- },
1023
- "default": "true",
1024
- "description": "Specify if items wrap or collapse to an ellipsis",
1025
- "attribute": "wrap"
1026
- },
1027
- {
1028
- "kind": "field",
1029
- "name": "itemsBeforeCollapse",
1030
- "type": {
1031
- "text": "number"
1032
- },
1033
- "default": "1",
1034
- "description": "Specify how many items show before ellipsis",
1035
- "attribute": "itemsBeforeCollapse"
1036
- },
1037
- {
1038
- "kind": "field",
1039
- "name": "itemsAfterCollapse",
1040
- "type": {
1041
- "text": "number"
1042
- },
1043
- "default": "1",
1044
- "description": "Specify how many items show after ellipsis",
1045
- "attribute": "itemsAfterCollapse"
1046
- },
1047
- {
1048
- "kind": "field",
1049
- "name": "theme",
1050
- "type": {
1051
- "text": "'light' | 'dark' | undefined"
1052
- },
1053
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1054
- "attribute": "theme"
1055
- }
1056
- ],
1057
- "attributes": [
1058
- {
1059
- "name": "wrap",
1060
- "type": {
1061
- "text": "boolean"
1062
- },
1063
- "default": "true",
1064
- "description": "Specify if items wrap or collapse to an ellipsis",
1065
- "fieldName": "wrap"
1066
- },
1067
- {
1068
- "name": "itemsBeforeCollapse",
1069
- "type": {
1070
- "text": "number"
1071
- },
1072
- "default": "1",
1073
- "description": "Specify how many items show before ellipsis",
1074
- "fieldName": "itemsBeforeCollapse"
1075
- },
1076
- {
1077
- "name": "itemsAfterCollapse",
1078
- "type": {
1079
- "text": "number"
1080
- },
1081
- "default": "1",
1082
- "description": "Specify how many items show after ellipsis",
1083
- "fieldName": "itemsAfterCollapse"
1084
- },
1085
- {
1086
- "name": "theme",
1087
- "type": {
1088
- "text": "'light' | 'dark' | undefined"
1089
- },
1090
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1091
- "fieldName": "theme"
1092
- }
1093
- ],
1094
- "superclass": {
1095
- "name": "LitElement",
1096
- "package": "lit"
1097
- },
1098
- "tagName": "bm-breadcrumb",
1099
- "customElement": true
1100
- }
1101
- ],
1102
- "exports": [
1103
- {
1104
- "kind": "js",
1105
- "name": "BmBreadcrumbs",
1106
- "declaration": {
1107
- "name": "BmBreadcrumbs",
1108
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1109
- }
1110
- },
1111
- {
1112
- "kind": "custom-element-definition",
1113
- "name": "bm-breadcrumb",
1114
- "declaration": {
1115
- "name": "BmBreadcrumbs",
1116
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1117
- }
1118
- }
1119
- ]
1120
- },
1121
- {
1122
- "kind": "javascript-module",
1123
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1124
- "declarations": [
1125
- {
1126
- "kind": "class",
1127
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1128
- "name": "BmBreadcrumbsItem",
1129
- "slots": [
1130
- {
1131
- "description": "Pass text to an item",
1132
- "name": "default"
1133
- },
1134
- {
1135
- "description": "Pass icon to an item",
1136
- "name": "icon"
1137
- }
1138
- ],
1139
- "members": [
1140
- {
1141
- "kind": "field",
1142
- "name": "href",
1143
- "type": {
1144
- "text": "string | undefined"
1145
- },
1146
- "description": "Pass href to an item",
1147
- "attribute": "href"
1148
- },
1149
- {
1150
- "kind": "field",
1151
- "name": "clickable",
1152
- "type": {
1153
- "text": "boolean"
1154
- },
1155
- "default": "false",
1156
- "description": "Specify if the item is interactive without an href",
1157
- "attribute": "clickable"
1158
- },
1159
- {
1160
- "kind": "field",
1161
- "name": "truncationWidth",
1162
- "type": {
1163
- "text": "string | undefined"
1164
- },
1165
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1166
- "attribute": "truncationWidth"
1167
- },
1168
- {
1169
- "kind": "field",
1170
- "name": "isCurrent",
1171
- "type": {
1172
- "text": "boolean"
1173
- },
1174
- "default": "false",
1175
- "description": "Specify explicitly if the item is the last one",
1176
- "attribute": "isCurrent",
1177
- "reflects": true
1178
- },
1179
- {
1180
- "kind": "field",
1181
- "name": "isCollapsed",
1182
- "type": {
1183
- "text": "boolean"
1184
- },
1185
- "default": "false",
1186
- "attribute": "isCollapsed",
1187
- "reflects": true
1188
- }
1189
- ],
1190
- "attributes": [
1191
- {
1192
- "name": "href",
1193
- "type": {
1194
- "text": "string | undefined"
1195
- },
1196
- "description": "Pass href to an item",
1197
- "fieldName": "href"
1198
- },
1199
- {
1200
- "name": "clickable",
1201
- "type": {
1202
- "text": "boolean"
1203
- },
1204
- "default": "false",
1205
- "description": "Specify if the item is interactive without an href",
1206
- "fieldName": "clickable"
1207
- },
1208
- {
1209
- "name": "truncationWidth",
1210
- "type": {
1211
- "text": "string | undefined"
1212
- },
1213
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1214
- "fieldName": "truncationWidth"
1215
- },
1216
- {
1217
- "name": "isCurrent",
1218
- "type": {
1219
- "text": "boolean"
1220
- },
1221
- "default": "false",
1222
- "description": "Specify explicitly if the item is the last one",
1223
- "fieldName": "isCurrent"
1224
- },
1225
- {
1226
- "name": "isCollapsed",
1227
- "type": {
1228
- "text": "boolean"
1229
- },
1230
- "default": "false",
1231
- "fieldName": "isCollapsed"
1232
- }
1233
- ],
1234
- "superclass": {
1235
- "name": "LitElement",
1236
- "package": "lit"
1237
- },
1238
- "tagName": "bm-breadcrumb-item",
1239
- "customElement": true
1240
- }
1241
- ],
1242
- "exports": [
1243
- {
1244
- "kind": "js",
1245
- "name": "BmBreadcrumbsItem",
1246
- "declaration": {
1247
- "name": "BmBreadcrumbsItem",
1248
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1249
- }
1250
- },
1251
- {
1252
- "kind": "custom-element-definition",
1253
- "name": "bm-breadcrumb-item",
1254
- "declaration": {
1255
- "name": "BmBreadcrumbsItem",
1256
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1257
- }
1258
- }
1259
- ]
1260
- },
1261
- {
1262
- "kind": "javascript-module",
1263
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1264
- "declarations": [],
1265
- "exports": [
1266
- {
1267
- "kind": "js",
1268
- "name": "*",
1269
- "declaration": {
1270
- "name": "*",
1271
- "package": "./Breadcrumbs"
1272
- }
1273
- },
1274
- {
1275
- "kind": "js",
1276
- "name": "*",
1277
- "declaration": {
1278
- "name": "*",
1279
- "package": "./BreadcrumbsItem"
1280
- }
1281
- }
1282
- ]
1283
- },
1284
- {
1285
- "kind": "javascript-module",
1286
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1287
- "declarations": [
1288
- {
1289
- "kind": "class",
1290
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1291
- "name": "BmAvatar",
1292
- "slots": [
1293
- {
1294
- "description": "Customize the default icon",
1295
- "name": "icon"
1296
- }
1297
- ],
1298
- "members": [
1299
- {
1300
- "kind": "field",
1301
- "name": "appearance",
1302
- "type": {
1303
- "text": "'accent' | 'neutral' | undefined"
1304
- },
1305
- "default": "'neutral'",
1306
- "description": "Specify the appearance of the Avatar",
1307
- "attribute": "appearance"
1308
- },
1309
- {
1310
- "kind": "field",
1311
- "name": "name",
1312
- "type": {
1313
- "text": "string | undefined"
1314
- },
1315
- "description": "Specify a name to display initials in the Avatar",
1316
- "attribute": "name"
1317
- },
1318
- {
1319
- "kind": "field",
1320
- "name": "src",
1321
- "type": {
1322
- "text": "string | undefined"
1323
- },
1324
- "description": "Pass an image to the Avatar",
1325
- "attribute": "src"
1326
- },
1327
- {
1328
- "kind": "field",
1329
- "name": "alt",
1330
- "type": {
1331
- "text": "string | undefined"
1332
- },
1333
- "description": "Specify alt for image",
1334
- "attribute": "alt"
1335
- },
1336
- {
1337
- "kind": "field",
1338
- "name": "size",
1339
- "type": {
1340
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1341
- },
1342
- "default": "'md'",
1343
- "description": "Specify the size of the Avatar",
1344
- "attribute": "size"
1345
- },
1346
- {
1347
- "kind": "field",
1348
- "name": "disabled",
1349
- "type": {
1350
- "text": "boolean | undefined"
1351
- },
1352
- "default": "false",
1353
- "description": "Specify if the Avatar is disabled",
1354
- "attribute": "disabled"
1355
- },
1356
- {
1357
- "kind": "field",
1358
- "name": "shape",
1359
- "type": {
1360
- "text": "'circle' | 'square' | undefined"
1361
- },
1362
- "default": "'circle'",
1363
- "description": "Specify the shape of the Avatar",
1364
- "attribute": "shape"
1365
- },
1366
- {
1367
- "kind": "field",
1368
- "name": "isInteractive",
1369
- "type": {
1370
- "text": "boolean"
1371
- },
1372
- "default": "false",
1373
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1374
- "attribute": "isInteractive"
1375
- },
1376
- {
1377
- "kind": "field",
1378
- "name": "isFocusable",
1379
- "type": {
1380
- "text": "boolean"
1381
- },
1382
- "default": "false",
1383
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1384
- "attribute": "isFocusable"
1385
- },
1386
- {
1387
- "kind": "field",
1388
- "name": "withBorder",
1389
- "type": {
1390
- "text": "boolean"
1391
- },
1392
- "default": "false",
1393
- "attribute": "withBorder"
1394
+ "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1395
+ "name": "BmBreadcrumbs",
1396
+ "slots": [
1397
+ {
1398
+ "description": "Pass items to the Breadcrumb",
1399
+ "name": "default"
1394
1400
  }
1395
1401
  ],
1396
- "attributes": [
1397
- {
1398
- "name": "appearance",
1399
- "type": {
1400
- "text": "'accent' | 'neutral' | undefined"
1401
- },
1402
- "default": "'neutral'",
1403
- "description": "Specify the appearance of the Avatar",
1404
- "fieldName": "appearance"
1405
- },
1406
- {
1407
- "name": "name",
1408
- "type": {
1409
- "text": "string | undefined"
1410
- },
1411
- "description": "Specify a name to display initials in the Avatar",
1412
- "fieldName": "name"
1413
- },
1402
+ "members": [
1414
1403
  {
1415
- "name": "src",
1404
+ "kind": "field",
1405
+ "name": "wrap",
1416
1406
  "type": {
1417
- "text": "string | undefined"
1407
+ "text": "boolean"
1418
1408
  },
1419
- "description": "Pass an image to the Avatar",
1420
- "fieldName": "src"
1409
+ "default": "true",
1410
+ "description": "Specify if items wrap or collapse to an ellipsis",
1411
+ "attribute": "wrap"
1421
1412
  },
1422
1413
  {
1423
- "name": "alt",
1414
+ "kind": "field",
1415
+ "name": "itemsBeforeCollapse",
1424
1416
  "type": {
1425
- "text": "string | undefined"
1417
+ "text": "number"
1426
1418
  },
1427
- "description": "Specify alt for image",
1428
- "fieldName": "alt"
1419
+ "default": "1",
1420
+ "description": "Specify how many items show before ellipsis",
1421
+ "attribute": "itemsBeforeCollapse"
1429
1422
  },
1430
1423
  {
1431
- "name": "size",
1424
+ "kind": "field",
1425
+ "name": "itemsAfterCollapse",
1432
1426
  "type": {
1433
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1427
+ "text": "number"
1434
1428
  },
1435
- "default": "'md'",
1436
- "description": "Specify the size of the Avatar",
1437
- "fieldName": "size"
1429
+ "default": "1",
1430
+ "description": "Specify how many items show after ellipsis",
1431
+ "attribute": "itemsAfterCollapse"
1438
1432
  },
1439
1433
  {
1440
- "name": "disabled",
1434
+ "kind": "field",
1435
+ "name": "theme",
1441
1436
  "type": {
1442
- "text": "boolean | undefined"
1437
+ "text": "'light' | 'dark' | undefined"
1443
1438
  },
1444
- "default": "false",
1445
- "description": "Specify if the Avatar is disabled",
1446
- "fieldName": "disabled"
1447
- },
1439
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1440
+ "attribute": "theme"
1441
+ }
1442
+ ],
1443
+ "attributes": [
1448
1444
  {
1449
- "name": "shape",
1445
+ "name": "wrap",
1450
1446
  "type": {
1451
- "text": "'circle' | 'square' | undefined"
1447
+ "text": "boolean"
1452
1448
  },
1453
- "default": "'circle'",
1454
- "description": "Specify the shape of the Avatar",
1455
- "fieldName": "shape"
1449
+ "default": "true",
1450
+ "description": "Specify if items wrap or collapse to an ellipsis",
1451
+ "fieldName": "wrap"
1456
1452
  },
1457
1453
  {
1458
- "name": "isInteractive",
1454
+ "name": "itemsBeforeCollapse",
1459
1455
  "type": {
1460
- "text": "boolean"
1456
+ "text": "number"
1461
1457
  },
1462
- "default": "false",
1463
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1464
- "fieldName": "isInteractive"
1458
+ "default": "1",
1459
+ "description": "Specify how many items show before ellipsis",
1460
+ "fieldName": "itemsBeforeCollapse"
1465
1461
  },
1466
1462
  {
1467
- "name": "isFocusable",
1463
+ "name": "itemsAfterCollapse",
1468
1464
  "type": {
1469
- "text": "boolean"
1465
+ "text": "number"
1470
1466
  },
1471
- "default": "false",
1472
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1473
- "fieldName": "isFocusable"
1467
+ "default": "1",
1468
+ "description": "Specify how many items show after ellipsis",
1469
+ "fieldName": "itemsAfterCollapse"
1474
1470
  },
1475
1471
  {
1476
- "name": "withBorder",
1472
+ "name": "theme",
1477
1473
  "type": {
1478
- "text": "boolean"
1474
+ "text": "'light' | 'dark' | undefined"
1479
1475
  },
1480
- "default": "false",
1481
- "fieldName": "withBorder"
1476
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1477
+ "fieldName": "theme"
1482
1478
  }
1483
1479
  ],
1484
1480
  "superclass": {
1485
1481
  "name": "LitElement",
1486
1482
  "package": "lit"
1487
1483
  },
1488
- "tagName": "bm-avatar",
1484
+ "tagName": "bm-breadcrumb",
1489
1485
  "customElement": true
1490
1486
  }
1491
1487
  ],
1492
1488
  "exports": [
1493
1489
  {
1494
1490
  "kind": "js",
1495
- "name": "BmAvatar",
1491
+ "name": "BmBreadcrumbs",
1496
1492
  "declaration": {
1497
- "name": "BmAvatar",
1498
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1493
+ "name": "BmBreadcrumbs",
1494
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1499
1495
  }
1500
1496
  },
1501
1497
  {
1502
1498
  "kind": "custom-element-definition",
1503
- "name": "bm-avatar",
1504
- "declaration": {
1505
- "name": "BmAvatar",
1506
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1507
- }
1508
- }
1509
- ]
1510
- },
1511
- {
1512
- "kind": "javascript-module",
1513
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1514
- "declarations": [
1515
- {
1516
- "kind": "variable",
1517
- "name": "AvatarGroupCtx"
1518
- }
1519
- ],
1520
- "exports": [
1521
- {
1522
- "kind": "js",
1523
- "name": "AvatarGroupCtx",
1499
+ "name": "bm-breadcrumb",
1524
1500
  "declaration": {
1525
- "name": "AvatarGroupCtx",
1526
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1501
+ "name": "BmBreadcrumbs",
1502
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1527
1503
  }
1528
1504
  }
1529
1505
  ]
1530
1506
  },
1531
1507
  {
1532
1508
  "kind": "javascript-module",
1533
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1509
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1534
1510
  "declarations": [
1535
1511
  {
1536
1512
  "kind": "class",
1537
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1538
- "name": "BmAvatarGroup",
1513
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1514
+ "name": "BmBreadcrumbsItem",
1539
1515
  "slots": [
1540
1516
  {
1541
- "description": "Add Avatars to create a group",
1517
+ "description": "Pass text to an item",
1542
1518
  "name": "default"
1519
+ },
1520
+ {
1521
+ "description": "Pass icon to an item",
1522
+ "name": "icon"
1543
1523
  }
1544
1524
  ],
1545
1525
  "members": [
1546
1526
  {
1547
1527
  "kind": "field",
1548
- "name": "wrapping",
1528
+ "name": "href",
1529
+ "type": {
1530
+ "text": "string | undefined"
1531
+ },
1532
+ "description": "Pass href to an item",
1533
+ "attribute": "href"
1534
+ },
1535
+ {
1536
+ "kind": "field",
1537
+ "name": "clickable",
1549
1538
  "type": {
1550
1539
  "text": "boolean"
1551
1540
  },
1552
1541
  "default": "false",
1553
- "description": "Specify if the AvatarGroup wraps",
1554
- "attribute": "wrapping"
1542
+ "description": "Specify if the item is interactive without an href",
1543
+ "attribute": "clickable"
1555
1544
  },
1556
1545
  {
1557
1546
  "kind": "field",
1558
- "name": "maxCount",
1547
+ "name": "truncationWidth",
1559
1548
  "type": {
1560
- "text": "number"
1549
+ "text": "string | undefined"
1561
1550
  },
1562
- "default": "5",
1563
- "description": "Specify the max number of avatars displayed in the group.",
1564
- "attribute": "maxCount",
1565
- "reflects": true
1551
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1552
+ "attribute": "truncationWidth"
1566
1553
  },
1567
1554
  {
1568
1555
  "kind": "field",
1569
- "name": "size",
1556
+ "name": "isCurrent",
1570
1557
  "type": {
1571
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1558
+ "text": "boolean"
1572
1559
  },
1573
- "default": "'md'",
1574
- "description": "Specify the size of all Avatars",
1575
- "attribute": "size"
1560
+ "default": "false",
1561
+ "description": "Specify explicitly if the item is the last one",
1562
+ "attribute": "isCurrent",
1563
+ "reflects": true
1576
1564
  },
1577
1565
  {
1578
1566
  "kind": "field",
1579
- "name": "layout",
1567
+ "name": "isCollapsed",
1580
1568
  "type": {
1581
- "text": "'stacked' | 'spaced' | undefined"
1569
+ "text": "boolean"
1582
1570
  },
1583
- "default": "'stacked'",
1584
- "description": "Specify the kind of the group.",
1585
- "attribute": "layout"
1571
+ "default": "false",
1572
+ "attribute": "isCollapsed",
1573
+ "reflects": true
1586
1574
  }
1587
1575
  ],
1588
1576
  "attributes": [
1589
1577
  {
1590
- "name": "wrapping",
1578
+ "name": "href",
1579
+ "type": {
1580
+ "text": "string | undefined"
1581
+ },
1582
+ "description": "Pass href to an item",
1583
+ "fieldName": "href"
1584
+ },
1585
+ {
1586
+ "name": "clickable",
1591
1587
  "type": {
1592
1588
  "text": "boolean"
1593
1589
  },
1594
1590
  "default": "false",
1595
- "description": "Specify if the AvatarGroup wraps",
1596
- "fieldName": "wrapping"
1591
+ "description": "Specify if the item is interactive without an href",
1592
+ "fieldName": "clickable"
1597
1593
  },
1598
1594
  {
1599
- "name": "maxCount",
1595
+ "name": "truncationWidth",
1600
1596
  "type": {
1601
- "text": "number"
1597
+ "text": "string | undefined"
1602
1598
  },
1603
- "default": "5",
1604
- "description": "Specify the max number of avatars displayed in the group.",
1605
- "fieldName": "maxCount"
1599
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1600
+ "fieldName": "truncationWidth"
1606
1601
  },
1607
1602
  {
1608
- "name": "size",
1603
+ "name": "isCurrent",
1609
1604
  "type": {
1610
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1605
+ "text": "boolean"
1611
1606
  },
1612
- "default": "'md'",
1613
- "description": "Specify the size of all Avatars",
1614
- "fieldName": "size"
1607
+ "default": "false",
1608
+ "description": "Specify explicitly if the item is the last one",
1609
+ "fieldName": "isCurrent"
1615
1610
  },
1616
1611
  {
1617
- "name": "layout",
1612
+ "name": "isCollapsed",
1618
1613
  "type": {
1619
- "text": "'stacked' | 'spaced' | undefined"
1614
+ "text": "boolean"
1620
1615
  },
1621
- "default": "'stacked'",
1622
- "description": "Specify the kind of the group.",
1623
- "fieldName": "layout"
1616
+ "default": "false",
1617
+ "fieldName": "isCollapsed"
1624
1618
  }
1625
1619
  ],
1626
1620
  "superclass": {
1627
1621
  "name": "LitElement",
1628
1622
  "package": "lit"
1629
1623
  },
1630
- "tagName": "bm-avatar-group",
1624
+ "tagName": "bm-breadcrumb-item",
1631
1625
  "customElement": true
1632
1626
  }
1633
1627
  ],
1634
1628
  "exports": [
1635
1629
  {
1636
1630
  "kind": "js",
1637
- "name": "BmAvatarGroup",
1631
+ "name": "BmBreadcrumbsItem",
1638
1632
  "declaration": {
1639
- "name": "BmAvatarGroup",
1640
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1633
+ "name": "BmBreadcrumbsItem",
1634
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1641
1635
  }
1642
1636
  },
1643
1637
  {
1644
1638
  "kind": "custom-element-definition",
1645
- "name": "bm-avatar-group",
1639
+ "name": "bm-breadcrumb-item",
1646
1640
  "declaration": {
1647
- "name": "BmAvatarGroup",
1648
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1641
+ "name": "BmBreadcrumbsItem",
1642
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1649
1643
  }
1650
1644
  }
1651
1645
  ]
1652
1646
  },
1653
1647
  {
1654
1648
  "kind": "javascript-module",
1655
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1649
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1656
1650
  "declarations": [],
1657
1651
  "exports": [
1658
1652
  {
@@ -1660,7 +1654,7 @@
1660
1654
  "name": "*",
1661
1655
  "declaration": {
1662
1656
  "name": "*",
1663
- "package": "./Avatar"
1657
+ "package": "./Breadcrumbs"
1664
1658
  }
1665
1659
  },
1666
1660
  {
@@ -1668,280 +1662,286 @@
1668
1662
  "name": "*",
1669
1663
  "declaration": {
1670
1664
  "name": "*",
1671
- "package": "./AvatarGroup"
1665
+ "package": "./BreadcrumbsItem"
1672
1666
  }
1673
1667
  }
1674
1668
  ]
1675
1669
  },
1676
1670
  {
1677
1671
  "kind": "javascript-module",
1678
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
1672
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
1679
1673
  "declarations": [
1680
1674
  {
1681
1675
  "kind": "class",
1682
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing",
1683
- "name": "BmAlert",
1676
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
1677
+ "name": "BmBadge",
1684
1678
  "slots": [
1685
1679
  {
1686
- "description": "Specify a different icon for the Alert",
1687
- "name": "icon"
1688
- },
1689
- {
1690
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1691
- "name": "heading"
1692
- },
1693
- {
1694
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1695
- "name": "body"
1680
+ "description": "Provide text for the Badge",
1681
+ "name": "default"
1696
1682
  },
1697
1683
  {
1698
- "description": "Specify if actions display on the Alert",
1699
- "name": "actions"
1684
+ "description": "Specify a different icon for the Badge",
1685
+ "name": "icon"
1700
1686
  }
1701
1687
  ],
1702
1688
  "members": [
1703
1689
  {
1704
1690
  "kind": "field",
1705
- "name": "heading",
1691
+ "name": "appearance",
1706
1692
  "type": {
1707
- "text": "string | undefined"
1693
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1708
1694
  },
1709
- "description": "Specify the heading text for Alert",
1710
- "attribute": "heading"
1695
+ "default": "'infoPrimary'",
1696
+ "description": "Specify the appearance of the Badge",
1697
+ "attribute": "appearance"
1711
1698
  },
1712
1699
  {
1713
1700
  "kind": "field",
1714
- "name": "body",
1701
+ "name": "theme",
1715
1702
  "type": {
1716
- "text": "string | undefined"
1703
+ "text": "'light' | 'dark' | undefined"
1717
1704
  },
1718
- "description": "Specify the body text for Alert",
1719
- "attribute": "body"
1705
+ "description": "Theme of the Badge",
1706
+ "attribute": "theme"
1720
1707
  },
1721
1708
  {
1722
1709
  "kind": "field",
1723
1710
  "name": "size",
1724
1711
  "type": {
1725
- "text": "'sm' | 'md'"
1712
+ "text": "'sm' | 'md' | undefined"
1726
1713
  },
1727
1714
  "default": "'sm'",
1728
- "description": "Specify the size of the Alert",
1715
+ "description": "Specify the size of the Badge",
1729
1716
  "attribute": "size"
1730
1717
  },
1731
1718
  {
1732
1719
  "kind": "field",
1733
- "name": "fullWidth",
1720
+ "name": "emphasis",
1734
1721
  "type": {
1735
- "text": "boolean"
1722
+ "text": "'strong' | 'medium' | 'subtle'"
1736
1723
  },
1737
- "default": "false",
1738
- "description": "Specify if the Alert has no border radius",
1739
- "attribute": "fullWidth"
1724
+ "default": "'strong'",
1725
+ "description": "Specify the emphasis of the Badge",
1726
+ "attribute": "emphasis"
1740
1727
  },
1741
1728
  {
1742
1729
  "kind": "field",
1743
- "name": "theme",
1730
+ "name": "hideIcon",
1744
1731
  "type": {
1745
- "text": "'light' | 'dark' | undefined"
1732
+ "text": "boolean | undefined"
1746
1733
  },
1747
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1748
- "attribute": "theme"
1749
- },
1734
+ "description": "Hides Badge icon",
1735
+ "attribute": "hideIcon"
1736
+ }
1737
+ ],
1738
+ "attributes": [
1750
1739
  {
1751
- "kind": "field",
1752
1740
  "name": "appearance",
1753
1741
  "type": {
1754
1742
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1755
1743
  },
1756
1744
  "default": "'infoPrimary'",
1757
- "description": "Specify the appearance of the Alert",
1758
- "attribute": "appearance"
1759
- },
1760
- {
1761
- "kind": "field",
1762
- "name": "hidden",
1763
- "type": {
1764
- "text": "boolean"
1765
- },
1766
- "default": "false",
1767
- "description": "Specify if the Alert is hidden",
1768
- "attribute": "hidden"
1745
+ "description": "Specify the appearance of the Badge",
1746
+ "fieldName": "appearance"
1769
1747
  },
1770
1748
  {
1771
- "kind": "field",
1772
- "name": "hideIcon",
1749
+ "name": "theme",
1773
1750
  "type": {
1774
- "text": "boolean"
1751
+ "text": "'light' | 'dark' | undefined"
1775
1752
  },
1776
- "default": "false",
1777
- "description": "Specify if the icon displays on the Alert",
1778
- "attribute": "hideIcon"
1753
+ "description": "Theme of the Badge",
1754
+ "fieldName": "theme"
1779
1755
  },
1780
1756
  {
1781
- "kind": "field",
1782
- "name": "dismissible",
1757
+ "name": "size",
1783
1758
  "type": {
1784
- "text": "boolean"
1759
+ "text": "'sm' | 'md' | undefined"
1785
1760
  },
1786
- "default": "false",
1787
- "description": "Specify if the Alert can be dismissed",
1788
- "attribute": "dismissible"
1761
+ "default": "'sm'",
1762
+ "description": "Specify the size of the Badge",
1763
+ "fieldName": "size"
1789
1764
  },
1790
1765
  {
1791
- "kind": "field",
1792
- "name": "disableAutoFocus",
1766
+ "name": "emphasis",
1793
1767
  "type": {
1794
- "text": "boolean"
1768
+ "text": "'strong' | 'medium' | 'subtle'"
1795
1769
  },
1796
- "default": "false",
1797
- "description": "Prevent autofocus on show",
1798
- "attribute": "disableAutoFocus"
1770
+ "default": "'strong'",
1771
+ "description": "Specify the emphasis of the Badge",
1772
+ "fieldName": "emphasis"
1799
1773
  },
1800
1774
  {
1801
- "kind": "field",
1802
- "name": "disableCloseOnEscape",
1775
+ "name": "hideIcon",
1803
1776
  "type": {
1804
- "text": "boolean"
1777
+ "text": "boolean | undefined"
1805
1778
  },
1806
- "default": "false",
1807
- "description": "Prevent Escape from closing",
1808
- "attribute": "disableCloseOnEscape"
1779
+ "description": "Hides Badge icon",
1780
+ "fieldName": "hideIcon"
1809
1781
  }
1810
1782
  ],
1811
- "events": [
1783
+ "superclass": {
1784
+ "name": "LitElement",
1785
+ "package": "lit"
1786
+ },
1787
+ "tagName": "bm-badge",
1788
+ "customElement": true
1789
+ }
1790
+ ],
1791
+ "exports": [
1792
+ {
1793
+ "kind": "js",
1794
+ "name": "BmBadge",
1795
+ "declaration": {
1796
+ "name": "BmBadge",
1797
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1798
+ }
1799
+ },
1800
+ {
1801
+ "kind": "custom-element-definition",
1802
+ "name": "bm-badge",
1803
+ "declaration": {
1804
+ "name": "BmBadge",
1805
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1806
+ }
1807
+ }
1808
+ ]
1809
+ },
1810
+ {
1811
+ "kind": "javascript-module",
1812
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1813
+ "declarations": [],
1814
+ "exports": [
1815
+ {
1816
+ "kind": "js",
1817
+ "name": "*",
1818
+ "declaration": {
1819
+ "name": "*",
1820
+ "package": "./Badge"
1821
+ }
1822
+ }
1823
+ ]
1824
+ },
1825
+ {
1826
+ "kind": "javascript-module",
1827
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
1828
+ "declarations": [
1829
+ {
1830
+ "kind": "class",
1831
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color",
1832
+ "name": "BmBadgeDot",
1833
+ "slots": [
1812
1834
  {
1813
- "description": "Dispatched when the Alert has been dismissed",
1814
- "name": "bm-dismiss"
1835
+ "description": "Provide text for the BadgeDot",
1836
+ "name": "default"
1815
1837
  }
1816
1838
  ],
1817
- "attributes": [
1818
- {
1819
- "name": "heading",
1820
- "type": {
1821
- "text": "string | undefined"
1822
- },
1823
- "description": "Specify the heading text for Alert",
1824
- "fieldName": "heading"
1825
- },
1826
- {
1827
- "name": "body",
1828
- "type": {
1829
- "text": "string | undefined"
1830
- },
1831
- "description": "Specify the body text for Alert",
1832
- "fieldName": "body"
1833
- },
1834
- {
1835
- "name": "size",
1836
- "type": {
1837
- "text": "'sm' | 'md'"
1838
- },
1839
- "default": "'sm'",
1840
- "description": "Specify the size of the Alert",
1841
- "fieldName": "size"
1842
- },
1843
- {
1844
- "name": "fullWidth",
1845
- "type": {
1846
- "text": "boolean"
1847
- },
1848
- "default": "false",
1849
- "description": "Specify if the Alert has no border radius",
1850
- "fieldName": "fullWidth"
1851
- },
1839
+ "members": [
1852
1840
  {
1841
+ "kind": "field",
1853
1842
  "name": "theme",
1854
1843
  "type": {
1855
1844
  "text": "'light' | 'dark' | undefined"
1856
1845
  },
1857
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1858
- "fieldName": "theme"
1846
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1847
+ "attribute": "theme"
1859
1848
  },
1860
1849
  {
1850
+ "kind": "field",
1861
1851
  "name": "appearance",
1862
1852
  "type": {
1863
1853
  "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1864
1854
  },
1865
1855
  "default": "'infoPrimary'",
1866
- "description": "Specify the appearance of the Alert",
1867
- "fieldName": "appearance"
1856
+ "description": "Specify the appearance of the BadgeDot",
1857
+ "attribute": "appearance"
1868
1858
  },
1869
1859
  {
1870
- "name": "hidden",
1860
+ "kind": "field",
1861
+ "name": "emphasis",
1871
1862
  "type": {
1872
- "text": "boolean"
1863
+ "text": "'strong' | 'subtle'"
1873
1864
  },
1874
- "default": "false",
1875
- "description": "Specify if the Alert is hidden",
1876
- "fieldName": "hidden"
1865
+ "default": "'strong'",
1866
+ "description": "Specify the emphasis of the BadgeDot",
1867
+ "attribute": "emphasis"
1877
1868
  },
1878
1869
  {
1879
- "name": "hideIcon",
1870
+ "kind": "field",
1871
+ "name": "overrideDotColor",
1880
1872
  "type": {
1881
- "text": "boolean"
1873
+ "text": "string | undefined"
1874
+ },
1875
+ "description": "Overrides default dot color",
1876
+ "attribute": "overrideDotColor"
1877
+ }
1878
+ ],
1879
+ "attributes": [
1880
+ {
1881
+ "name": "theme",
1882
+ "type": {
1883
+ "text": "'light' | 'dark' | undefined"
1882
1884
  },
1883
- "default": "false",
1884
- "description": "Specify if the icon displays on the Alert",
1885
- "fieldName": "hideIcon"
1885
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
1886
+ "fieldName": "theme"
1886
1887
  },
1887
1888
  {
1888
- "name": "dismissible",
1889
+ "name": "appearance",
1889
1890
  "type": {
1890
- "text": "boolean"
1891
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1891
1892
  },
1892
- "default": "false",
1893
- "description": "Specify if the Alert can be dismissed",
1894
- "fieldName": "dismissible"
1893
+ "default": "'infoPrimary'",
1894
+ "description": "Specify the appearance of the BadgeDot",
1895
+ "fieldName": "appearance"
1895
1896
  },
1896
1897
  {
1897
- "name": "disableAutoFocus",
1898
+ "name": "emphasis",
1898
1899
  "type": {
1899
- "text": "boolean"
1900
+ "text": "'strong' | 'subtle'"
1900
1901
  },
1901
- "default": "false",
1902
- "description": "Prevent autofocus on show",
1903
- "fieldName": "disableAutoFocus"
1902
+ "default": "'strong'",
1903
+ "description": "Specify the emphasis of the BadgeDot",
1904
+ "fieldName": "emphasis"
1904
1905
  },
1905
1906
  {
1906
- "name": "disableCloseOnEscape",
1907
+ "name": "overrideDotColor",
1907
1908
  "type": {
1908
- "text": "boolean"
1909
+ "text": "string | undefined"
1909
1910
  },
1910
- "default": "false",
1911
- "description": "Prevent Escape from closing",
1912
- "fieldName": "disableCloseOnEscape"
1911
+ "description": "Overrides default dot color",
1912
+ "fieldName": "overrideDotColor"
1913
1913
  }
1914
1914
  ],
1915
1915
  "superclass": {
1916
1916
  "name": "LitElement",
1917
1917
  "package": "lit"
1918
1918
  },
1919
- "tagName": "bm-alert",
1919
+ "tagName": "bm-badge-dot",
1920
1920
  "customElement": true
1921
1921
  }
1922
1922
  ],
1923
1923
  "exports": [
1924
1924
  {
1925
1925
  "kind": "js",
1926
- "name": "BmAlert",
1926
+ "name": "BmBadgeDot",
1927
1927
  "declaration": {
1928
- "name": "BmAlert",
1929
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1928
+ "name": "BmBadgeDot",
1929
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1930
1930
  }
1931
1931
  },
1932
1932
  {
1933
1933
  "kind": "custom-element-definition",
1934
- "name": "bm-alert",
1934
+ "name": "bm-badge-dot",
1935
1935
  "declaration": {
1936
- "name": "BmAlert",
1937
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1936
+ "name": "BmBadgeDot",
1937
+ "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
1938
1938
  }
1939
1939
  }
1940
1940
  ]
1941
1941
  },
1942
1942
  {
1943
1943
  "kind": "javascript-module",
1944
- "path": "libs/web-components/src/lib/Alert/index.ts",
1944
+ "path": "libs/web-components/src/lib/BadgeDot/index.ts",
1945
1945
  "declarations": [],
1946
1946
  "exports": [
1947
1947
  {
@@ -1949,7 +1949,7 @@
1949
1949
  "name": "*",
1950
1950
  "declaration": {
1951
1951
  "name": "*",
1952
- "package": "./Alert"
1952
+ "package": "./BadgeDot"
1953
1953
  }
1954
1954
  }
1955
1955
  ]
@@ -7898,145 +7898,49 @@
7898
7898
  },
7899
7899
  {
7900
7900
  "kind": "javascript-module",
7901
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
7901
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
7902
+ "declarations": [
7903
+ {
7904
+ "kind": "variable",
7905
+ "name": "bmFormInitials",
7906
+ "type": {
7907
+ "text": "BmFormContext"
7908
+ },
7909
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
7910
+ },
7911
+ {
7912
+ "kind": "variable",
7913
+ "name": "bmFormContext"
7914
+ }
7915
+ ],
7916
+ "exports": [
7917
+ {
7918
+ "kind": "js",
7919
+ "name": "bmFormInitials",
7920
+ "declaration": {
7921
+ "name": "bmFormInitials",
7922
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7923
+ }
7924
+ },
7925
+ {
7926
+ "kind": "js",
7927
+ "name": "bmFormContext",
7928
+ "declaration": {
7929
+ "name": "bmFormContext",
7930
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7931
+ }
7932
+ }
7933
+ ]
7934
+ },
7935
+ {
7936
+ "kind": "javascript-module",
7937
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
7902
7938
  "declarations": [
7903
7939
  {
7904
7940
  "kind": "class",
7905
- "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
7906
- "name": "BmNativeSelect",
7907
- "slots": [
7908
- {
7909
- "description": "Specify Options for NativeSelect",
7910
- "name": "slot"
7911
- },
7912
- {
7913
- "description": "Specify Label for NativeSelect",
7914
- "name": "label"
7915
- },
7916
- {
7917
- "description": "Specify HelperText for NativeSelect",
7918
- "name": "helper-text"
7919
- }
7920
- ],
7941
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
7942
+ "name": "FormField",
7921
7943
  "members": [
7922
- {
7923
- "kind": "field",
7924
- "name": "required",
7925
- "type": {
7926
- "text": "boolean"
7927
- },
7928
- "default": "false",
7929
- "description": "Specify if NativeSelect is a required input",
7930
- "attribute": "required"
7931
- },
7932
- {
7933
- "kind": "field",
7934
- "name": "readOnly",
7935
- "type": {
7936
- "text": "boolean"
7937
- },
7938
- "default": "false",
7939
- "description": "Specify if NativeSelect displays in a read-only state",
7940
- "attribute": "readOnly"
7941
- },
7942
- {
7943
- "kind": "field",
7944
- "name": "disabled",
7945
- "type": {
7946
- "text": "boolean"
7947
- },
7948
- "default": "false",
7949
- "description": "Specify if NativeSelect displays in a disabled state",
7950
- "attribute": "disabled"
7951
- },
7952
- {
7953
- "kind": "field",
7954
- "name": "error",
7955
- "type": {
7956
- "text": "string | undefined"
7957
- },
7958
- "description": "Specify error text and display error state of a NativeSelect",
7959
- "attribute": "error"
7960
- },
7961
- {
7962
- "kind": "field",
7963
- "name": "fluid",
7964
- "type": {
7965
- "text": "boolean"
7966
- },
7967
- "default": "false",
7968
- "description": "Specify if NativeSelect is fluid",
7969
- "attribute": "fluid"
7970
- },
7971
- {
7972
- "kind": "field",
7973
- "name": "size",
7974
- "type": {
7975
- "text": "'sm' | 'md' | 'lg'"
7976
- },
7977
- "default": "defaultInputSize",
7978
- "description": "Specify the size of NativeSelect",
7979
- "attribute": "size"
7980
- },
7981
- {
7982
- "kind": "field",
7983
- "name": "width",
7984
- "type": {
7985
- "text": "string | undefined"
7986
- },
7987
- "description": "Specify the width of NativeSelect",
7988
- "attribute": "width"
7989
- },
7990
- {
7991
- "kind": "field",
7992
- "name": "ellipse",
7993
- "type": {
7994
- "text": "boolean"
7995
- },
7996
- "default": "true",
7997
- "description": "Specify if overflow displays ellipsis",
7998
- "attribute": "ellipse"
7999
- },
8000
- {
8001
- "kind": "field",
8002
- "name": "hideRequiredMarker",
8003
- "type": {
8004
- "text": "boolean"
8005
- },
8006
- "default": "false",
8007
- "description": "Specify if the NativeSelect displays with an asterisk",
8008
- "attribute": "hideRequiredMarker"
8009
- },
8010
- {
8011
- "kind": "field",
8012
- "name": "theme",
8013
- "type": {
8014
- "text": "'light' | 'dark' | undefined"
8015
- },
8016
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8017
- "attribute": "theme"
8018
- },
8019
- {
8020
- "kind": "method",
8021
- "name": "finalizeAssociatedCallback",
8022
- "return": {
8023
- "type": {
8024
- "text": "FinalizeAssociatedResult"
8025
- }
8026
- },
8027
- "parameters": [
8028
- {
8029
- "name": "value",
8030
- "type": {
8031
- "text": "string"
8032
- }
8033
- }
8034
- ],
8035
- "inheritedFrom": {
8036
- "name": "FormField",
8037
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8038
- }
8039
- },
8040
7944
  {
8041
7945
  "kind": "field",
8042
7946
  "name": "formAssociated",
@@ -8044,11 +7948,7 @@
8044
7948
  "text": "boolean"
8045
7949
  },
8046
7950
  "static": true,
8047
- "default": "true",
8048
- "inheritedFrom": {
8049
- "name": "FormField",
8050
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8051
- }
7951
+ "default": "true"
8052
7952
  },
8053
7953
  {
8054
7954
  "kind": "field",
@@ -8057,11 +7957,7 @@
8057
7957
  "text": "string"
8058
7958
  },
8059
7959
  "default": "''",
8060
- "attribute": "id",
8061
- "inheritedFrom": {
8062
- "name": "FormField",
8063
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8064
- }
7960
+ "attribute": "id"
8065
7961
  },
8066
7962
  {
8067
7963
  "kind": "field",
@@ -8070,11 +7966,7 @@
8070
7966
  "text": "string"
8071
7967
  },
8072
7968
  "default": "''",
8073
- "attribute": "name",
8074
- "inheritedFrom": {
8075
- "name": "FormField",
8076
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8077
- }
7969
+ "attribute": "name"
8078
7970
  },
8079
7971
  {
8080
7972
  "kind": "field",
@@ -8083,11 +7975,7 @@
8083
7975
  "text": "string"
8084
7976
  },
8085
7977
  "default": "''",
8086
- "attribute": "value",
8087
- "inheritedFrom": {
8088
- "name": "FormField",
8089
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8090
- }
7978
+ "attribute": "value"
8091
7979
  },
8092
7980
  {
8093
7981
  "kind": "field",
@@ -8096,11 +7984,7 @@
8096
7984
  "text": "Array<FormValidator>"
8097
7985
  },
8098
7986
  "default": "[]",
8099
- "attribute": "validationRules",
8100
- "inheritedFrom": {
8101
- "name": "FormField",
8102
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8103
- }
7987
+ "attribute": "validationRules"
8104
7988
  },
8105
7989
  {
8106
7990
  "kind": "field",
@@ -8108,21 +7992,13 @@
8108
7992
  "type": {
8109
7993
  "text": "string | undefined"
8110
7994
  },
8111
- "attribute": "input-aria-label",
8112
- "inheritedFrom": {
8113
- "name": "FormField",
8114
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8115
- }
7995
+ "attribute": "input-aria-label"
8116
7996
  },
8117
7997
  {
8118
7998
  "kind": "field",
8119
7999
  "name": "formContext",
8120
8000
  "type": {
8121
8001
  "text": "BmFormContext"
8122
- },
8123
- "inheritedFrom": {
8124
- "name": "FormField",
8125
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8126
8002
  }
8127
8003
  },
8128
8004
  {
@@ -8132,10 +8008,6 @@
8132
8008
  "type": {
8133
8009
  "text": "void"
8134
8010
  }
8135
- },
8136
- "inheritedFrom": {
8137
- "name": "FormField",
8138
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8139
8011
  }
8140
8012
  },
8141
8013
  {
@@ -8145,112 +8017,34 @@
8145
8017
  "type": {
8146
8018
  "text": "void"
8147
8019
  }
8148
- },
8149
- "inheritedFrom": {
8150
- "name": "FormField",
8151
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8152
8020
  }
8153
- }
8154
- ],
8155
- "attributes": [
8156
- {
8157
- "name": "required",
8158
- "type": {
8159
- "text": "boolean"
8160
- },
8161
- "default": "false",
8162
- "description": "Specify if NativeSelect is a required input",
8163
- "fieldName": "required"
8164
- },
8165
- {
8166
- "name": "readOnly",
8167
- "type": {
8168
- "text": "boolean"
8169
- },
8170
- "default": "false",
8171
- "description": "Specify if NativeSelect displays in a read-only state",
8172
- "fieldName": "readOnly"
8173
- },
8174
- {
8175
- "name": "disabled",
8176
- "type": {
8177
- "text": "boolean"
8178
- },
8179
- "default": "false",
8180
- "description": "Specify if NativeSelect displays in a disabled state",
8181
- "fieldName": "disabled"
8182
- },
8183
- {
8184
- "name": "error",
8185
- "type": {
8186
- "text": "string | undefined"
8187
- },
8188
- "description": "Specify error text and display error state of a NativeSelect",
8189
- "fieldName": "error"
8190
- },
8191
- {
8192
- "name": "fluid",
8193
- "type": {
8194
- "text": "boolean"
8195
- },
8196
- "default": "false",
8197
- "description": "Specify if NativeSelect is fluid",
8198
- "fieldName": "fluid"
8199
8021
  },
8200
8022
  {
8201
- "name": "size",
8202
- "type": {
8203
- "text": "'sm' | 'md' | 'lg'"
8204
- },
8205
- "default": "defaultInputSize",
8206
- "description": "Specify the size of NativeSelect",
8207
- "fieldName": "size"
8208
- },
8209
- {
8210
- "name": "width",
8211
- "type": {
8212
- "text": "string | undefined"
8213
- },
8214
- "description": "Specify the width of NativeSelect",
8215
- "fieldName": "width"
8216
- },
8217
- {
8218
- "name": "ellipse",
8219
- "type": {
8220
- "text": "boolean"
8221
- },
8222
- "default": "true",
8223
- "description": "Specify if overflow displays ellipsis",
8224
- "fieldName": "ellipse"
8225
- },
8226
- {
8227
- "name": "hideRequiredMarker",
8228
- "type": {
8229
- "text": "boolean"
8230
- },
8231
- "default": "false",
8232
- "description": "Specify if the NativeSelect displays with an asterisk",
8233
- "fieldName": "hideRequiredMarker"
8234
- },
8235
- {
8236
- "name": "theme",
8237
- "type": {
8238
- "text": "'light' | 'dark' | undefined"
8023
+ "kind": "method",
8024
+ "name": "finalizeAssociatedCallback",
8025
+ "return": {
8026
+ "type": {
8027
+ "text": "FinalizeAssociatedResult"
8028
+ }
8239
8029
  },
8240
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8241
- "fieldName": "theme"
8242
- },
8030
+ "parameters": [
8031
+ {
8032
+ "name": "ctxValue",
8033
+ "type": {
8034
+ "text": "string"
8035
+ }
8036
+ }
8037
+ ]
8038
+ }
8039
+ ],
8040
+ "attributes": [
8243
8041
  {
8244
8042
  "name": "id",
8245
8043
  "type": {
8246
8044
  "text": "string"
8247
8045
  },
8248
8046
  "default": "''",
8249
- "fieldName": "id",
8250
- "inheritedFrom": {
8251
- "name": "FormField",
8252
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8253
- }
8047
+ "fieldName": "id"
8254
8048
  },
8255
8049
  {
8256
8050
  "name": "name",
@@ -8258,11 +8052,7 @@
8258
8052
  "text": "string"
8259
8053
  },
8260
8054
  "default": "''",
8261
- "fieldName": "name",
8262
- "inheritedFrom": {
8263
- "name": "FormField",
8264
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8265
- }
8055
+ "fieldName": "name"
8266
8056
  },
8267
8057
  {
8268
8058
  "name": "value",
@@ -8270,11 +8060,7 @@
8270
8060
  "text": "string"
8271
8061
  },
8272
8062
  "default": "''",
8273
- "fieldName": "value",
8274
- "inheritedFrom": {
8275
- "name": "FormField",
8276
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8277
- }
8063
+ "fieldName": "value"
8278
8064
  },
8279
8065
  {
8280
8066
  "name": "validationRules",
@@ -8282,327 +8068,459 @@
8282
8068
  "text": "Array<FormValidator>"
8283
8069
  },
8284
8070
  "default": "[]",
8285
- "fieldName": "validationRules",
8286
- "inheritedFrom": {
8287
- "name": "FormField",
8288
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8289
- }
8071
+ "fieldName": "validationRules"
8290
8072
  },
8291
8073
  {
8292
8074
  "name": "input-aria-label",
8293
8075
  "type": {
8294
8076
  "text": "string | undefined"
8295
8077
  },
8296
- "fieldName": "inputAriaLabel",
8297
- "inheritedFrom": {
8298
- "name": "FormField",
8299
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8300
- }
8078
+ "fieldName": "inputAriaLabel"
8301
8079
  }
8302
8080
  ],
8303
8081
  "superclass": {
8304
- "name": "FormField",
8305
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8082
+ "name": "LitElement",
8083
+ "package": "lit"
8306
8084
  },
8307
- "summary": "`bm-native-select`",
8308
- "tagName": "bm-native-select",
8309
8085
  "customElement": true
8310
8086
  }
8311
8087
  ],
8312
8088
  "exports": [
8313
8089
  {
8314
8090
  "kind": "js",
8315
- "name": "BmNativeSelect",
8316
- "declaration": {
8317
- "name": "BmNativeSelect",
8318
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8319
- }
8320
- },
8321
- {
8322
- "kind": "custom-element-definition",
8323
- "name": "bm-native-select",
8324
- "declaration": {
8325
- "name": "BmNativeSelect",
8326
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8327
- }
8328
- }
8329
- ]
8330
- },
8331
- {
8332
- "kind": "javascript-module",
8333
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8334
- "declarations": [],
8335
- "exports": [
8336
- {
8337
- "kind": "js",
8338
- "name": "*",
8091
+ "name": "FormField",
8339
8092
  "declaration": {
8340
- "name": "*",
8341
- "package": "./NativeSelect"
8093
+ "name": "FormField",
8094
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8342
8095
  }
8343
8096
  }
8344
8097
  ]
8345
8098
  },
8346
8099
  {
8347
8100
  "kind": "javascript-module",
8348
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8101
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8349
8102
  "declarations": [
8350
8103
  {
8351
8104
  "kind": "class",
8352
- "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8353
- "name": "BmRadioButton",
8105
+ "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8106
+ "name": "BmForm",
8107
+ "slots": [
8108
+ {
8109
+ "description": "Add controls to the Form",
8110
+ "name": "slot"
8111
+ }
8112
+ ],
8354
8113
  "members": [
8355
8114
  {
8356
8115
  "kind": "field",
8357
- "name": "label",
8116
+ "name": "validationMode",
8358
8117
  "type": {
8359
- "text": "string | undefined"
8118
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8360
8119
  },
8361
- "description": "Specify the text for the label",
8362
- "attribute": "label"
8120
+ "default": "'onBlur'",
8121
+ "description": "Specify if validation runs on change or when loosing focus",
8122
+ "attribute": "validationMode"
8363
8123
  },
8364
8124
  {
8365
8125
  "kind": "field",
8366
- "name": "error",
8126
+ "name": "initialValues",
8367
8127
  "type": {
8368
- "text": "boolean | undefined"
8128
+ "text": "Record<string, FormValue>"
8369
8129
  },
8370
- "description": "Specify error text and display error state of a RadioButton",
8371
- "attribute": "error"
8130
+ "default": "{}",
8131
+ "description": "Specify initial values on Form controls based on their names",
8132
+ "attribute": "initialValues"
8372
8133
  },
8373
8134
  {
8374
8135
  "kind": "field",
8375
- "name": "readOnly",
8136
+ "name": "required",
8376
8137
  "type": {
8377
- "text": "boolean | undefined"
8138
+ "text": "boolean"
8378
8139
  },
8379
- "description": "Specify if RadioButton displays in a read-only state",
8380
- "attribute": "readOnly"
8140
+ "default": "false",
8141
+ "description": "Specify if input is a required",
8142
+ "attribute": "required"
8381
8143
  },
8382
8144
  {
8383
8145
  "kind": "field",
8384
8146
  "name": "disabled",
8385
8147
  "type": {
8386
- "text": "boolean | undefined"
8148
+ "text": "boolean"
8387
8149
  },
8388
- "description": "Specify if RadioButton displays in a disabled state",
8150
+ "default": "false",
8151
+ "description": "Specify if input is a disabled",
8389
8152
  "attribute": "disabled"
8390
8153
  },
8391
8154
  {
8392
8155
  "kind": "field",
8393
- "name": "theme",
8156
+ "name": "readOnly",
8394
8157
  "type": {
8395
- "text": "'light' | 'dark' | undefined"
8158
+ "text": "boolean"
8396
8159
  },
8397
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8398
- "attribute": "theme"
8160
+ "default": "false",
8161
+ "description": "Specify if input is a read only",
8162
+ "attribute": "readOnly"
8163
+ },
8164
+ {
8165
+ "kind": "field",
8166
+ "name": "action",
8167
+ "type": {
8168
+ "text": "string | undefined"
8169
+ },
8170
+ "attribute": "action"
8171
+ },
8172
+ {
8173
+ "kind": "field",
8174
+ "name": "method",
8175
+ "type": {
8176
+ "text": "string | undefined"
8177
+ },
8178
+ "attribute": "method"
8399
8179
  },
8400
8180
  {
8401
8181
  "kind": "field",
8402
- "name": "value",
8182
+ "name": "target",
8403
8183
  "type": {
8404
8184
  "text": "string | undefined"
8405
8185
  },
8406
- "description": "The value attribute for the input element",
8407
- "attribute": "value"
8186
+ "attribute": "target"
8408
8187
  },
8409
8188
  {
8410
8189
  "kind": "field",
8411
- "name": "checked",
8190
+ "name": "enctype",
8412
8191
  "type": {
8413
- "text": "boolean"
8192
+ "text": "string | undefined"
8414
8193
  },
8415
- "default": "false",
8416
- "description": "The checked attribute for the input element",
8417
- "attribute": "checked"
8194
+ "attribute": "enctype"
8418
8195
  },
8419
8196
  {
8420
8197
  "kind": "field",
8421
- "name": "onKeyDown",
8198
+ "name": "formMeta",
8422
8199
  "type": {
8423
- "text": "(event: KeyboardEvent) => void | undefined"
8200
+ "text": "Record<string, FieldMeta>"
8424
8201
  },
8425
- "description": "A user-defined function to handle keydown events",
8426
- "attribute": "onKeyDown"
8202
+ "default": "{}"
8427
8203
  },
8428
8204
  {
8429
8205
  "kind": "field",
8430
- "name": "inputChoiceGroupContext",
8431
- "type": {
8432
- "text": "InputChoiceGroupContextProps"
8433
- }
8206
+ "name": "formRef"
8434
8207
  },
8435
8208
  {
8436
8209
  "kind": "field",
8437
- "name": "radioButtonRef"
8438
- },
8210
+ "name": "formContext",
8211
+ "type": {
8212
+ "text": "BmFormContext"
8213
+ },
8214
+ "privacy": "public",
8215
+ "default": "bmFormInitials"
8216
+ }
8217
+ ],
8218
+ "events": [
8439
8219
  {
8440
- "kind": "method",
8441
- "name": "focus"
8220
+ "description": "Validates the inputs and submits the form",
8221
+ "name": "submit"
8442
8222
  }
8443
8223
  ],
8444
8224
  "attributes": [
8445
8225
  {
8446
- "name": "label",
8226
+ "name": "validationMode",
8447
8227
  "type": {
8448
- "text": "string | undefined"
8228
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8449
8229
  },
8450
- "description": "Specify the text for the label",
8451
- "fieldName": "label"
8230
+ "default": "'onBlur'",
8231
+ "description": "Specify if validation runs on change or when loosing focus",
8232
+ "fieldName": "validationMode"
8452
8233
  },
8453
8234
  {
8454
- "name": "error",
8235
+ "name": "initialValues",
8455
8236
  "type": {
8456
- "text": "boolean | undefined"
8237
+ "text": "Record<string, FormValue>"
8457
8238
  },
8458
- "description": "Specify error text and display error state of a RadioButton",
8459
- "fieldName": "error"
8239
+ "default": "{}",
8240
+ "description": "Specify initial values on Form controls based on their names",
8241
+ "fieldName": "initialValues"
8460
8242
  },
8461
8243
  {
8462
- "name": "readOnly",
8244
+ "name": "required",
8463
8245
  "type": {
8464
- "text": "boolean | undefined"
8246
+ "text": "boolean"
8465
8247
  },
8466
- "description": "Specify if RadioButton displays in a read-only state",
8467
- "fieldName": "readOnly"
8248
+ "default": "false",
8249
+ "description": "Specify if input is a required",
8250
+ "fieldName": "required"
8468
8251
  },
8469
8252
  {
8470
8253
  "name": "disabled",
8471
8254
  "type": {
8472
- "text": "boolean | undefined"
8255
+ "text": "boolean"
8473
8256
  },
8474
- "description": "Specify if RadioButton displays in a disabled state",
8257
+ "default": "false",
8258
+ "description": "Specify if input is a disabled",
8475
8259
  "fieldName": "disabled"
8476
8260
  },
8477
8261
  {
8478
- "name": "theme",
8262
+ "name": "readOnly",
8479
8263
  "type": {
8480
- "text": "'light' | 'dark' | undefined"
8264
+ "text": "boolean"
8481
8265
  },
8482
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8483
- "fieldName": "theme"
8266
+ "default": "false",
8267
+ "description": "Specify if input is a read only",
8268
+ "fieldName": "readOnly"
8484
8269
  },
8485
8270
  {
8486
- "name": "value",
8271
+ "name": "action",
8487
8272
  "type": {
8488
8273
  "text": "string | undefined"
8489
8274
  },
8490
- "description": "The value attribute for the input element",
8491
- "fieldName": "value"
8275
+ "fieldName": "action"
8492
8276
  },
8493
8277
  {
8494
- "name": "checked",
8278
+ "name": "method",
8495
8279
  "type": {
8496
- "text": "boolean"
8280
+ "text": "string | undefined"
8497
8281
  },
8498
- "default": "false",
8499
- "description": "The checked attribute for the input element",
8500
- "fieldName": "checked"
8282
+ "fieldName": "method"
8501
8283
  },
8502
8284
  {
8503
- "name": "onKeyDown",
8285
+ "name": "target",
8504
8286
  "type": {
8505
- "text": "(event: KeyboardEvent) => void | undefined"
8287
+ "text": "string | undefined"
8506
8288
  },
8507
- "description": "A user-defined function to handle keydown events",
8508
- "fieldName": "onKeyDown"
8289
+ "fieldName": "target"
8290
+ },
8291
+ {
8292
+ "name": "enctype",
8293
+ "type": {
8294
+ "text": "string | undefined"
8295
+ },
8296
+ "fieldName": "enctype"
8509
8297
  }
8510
8298
  ],
8511
8299
  "superclass": {
8512
8300
  "name": "LitElement",
8513
8301
  "package": "lit"
8514
8302
  },
8515
- "tagName": "bm-radio-button",
8303
+ "summary": "`bm-form`",
8304
+ "tagName": "bm-form",
8516
8305
  "customElement": true
8517
8306
  }
8518
8307
  ],
8519
8308
  "exports": [
8520
8309
  {
8521
8310
  "kind": "js",
8522
- "name": "BmRadioButton",
8311
+ "name": "validators",
8523
8312
  "declaration": {
8524
- "name": "BmRadioButton",
8525
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8313
+ "name": "validators",
8314
+ "package": "@viasat/beam-shared/components/form"
8315
+ }
8316
+ },
8317
+ {
8318
+ "kind": "js",
8319
+ "name": "BmForm",
8320
+ "declaration": {
8321
+ "name": "BmForm",
8322
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8526
8323
  }
8527
8324
  },
8528
8325
  {
8529
8326
  "kind": "custom-element-definition",
8530
- "name": "bm-radio-button",
8327
+ "name": "bm-form",
8531
8328
  "declaration": {
8532
- "name": "BmRadioButton",
8533
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8329
+ "name": "BmForm",
8330
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8534
8331
  }
8535
8332
  }
8536
8333
  ]
8537
8334
  },
8538
8335
  {
8539
8336
  "kind": "javascript-module",
8540
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8541
- "declarations": [],
8542
- "exports": [
8337
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8338
+ "declarations": [
8543
8339
  {
8544
- "kind": "js",
8545
- "name": "*",
8546
- "declaration": {
8547
- "name": "*",
8548
- "package": "./RadioButton"
8340
+ "kind": "function",
8341
+ "name": "createId",
8342
+ "return": {
8343
+ "type": {
8344
+ "text": "string"
8345
+ }
8549
8346
  }
8550
- },
8347
+ }
8348
+ ],
8349
+ "exports": [
8551
8350
  {
8552
8351
  "kind": "js",
8553
- "name": "*",
8352
+ "name": "createId",
8554
8353
  "declaration": {
8555
- "name": "*",
8556
- "package": "./RadioButtonGroup/RadioButtonGroup"
8354
+ "name": "createId",
8355
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8557
8356
  }
8558
8357
  }
8559
8358
  ]
8560
8359
  },
8561
8360
  {
8562
8361
  "kind": "javascript-module",
8563
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
8564
- "declarations": [
8565
- {
8566
- "kind": "variable",
8567
- "name": "bmFormInitials",
8568
- "type": {
8569
- "text": "BmFormContext"
8570
- },
8571
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
8572
- },
8573
- {
8574
- "kind": "variable",
8575
- "name": "bmFormContext"
8576
- }
8577
- ],
8362
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
8363
+ "declarations": [],
8578
8364
  "exports": [
8579
8365
  {
8580
8366
  "kind": "js",
8581
- "name": "bmFormInitials",
8367
+ "name": "*",
8582
8368
  "declaration": {
8583
- "name": "bmFormInitials",
8584
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8369
+ "name": "*",
8370
+ "package": "./Form"
8585
8371
  }
8586
8372
  },
8587
8373
  {
8588
8374
  "kind": "js",
8589
- "name": "bmFormContext",
8375
+ "name": "*",
8590
8376
  "declaration": {
8591
- "name": "bmFormContext",
8592
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8377
+ "name": "*",
8378
+ "package": "./Form.decorator"
8593
8379
  }
8594
8380
  }
8595
8381
  ]
8596
8382
  },
8597
8383
  {
8598
8384
  "kind": "javascript-module",
8599
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8385
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8600
8386
  "declarations": [
8601
8387
  {
8602
8388
  "kind": "class",
8603
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
8604
- "name": "FormField",
8389
+ "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8390
+ "name": "BmNativeSelect",
8391
+ "slots": [
8392
+ {
8393
+ "description": "Specify Options for NativeSelect",
8394
+ "name": "slot"
8395
+ },
8396
+ {
8397
+ "description": "Specify Label for NativeSelect",
8398
+ "name": "label"
8399
+ },
8400
+ {
8401
+ "description": "Specify HelperText for NativeSelect",
8402
+ "name": "helper-text"
8403
+ }
8404
+ ],
8605
8405
  "members": [
8406
+ {
8407
+ "kind": "field",
8408
+ "name": "required",
8409
+ "type": {
8410
+ "text": "boolean"
8411
+ },
8412
+ "default": "false",
8413
+ "description": "Specify if NativeSelect is a required input",
8414
+ "attribute": "required"
8415
+ },
8416
+ {
8417
+ "kind": "field",
8418
+ "name": "readOnly",
8419
+ "type": {
8420
+ "text": "boolean"
8421
+ },
8422
+ "default": "false",
8423
+ "description": "Specify if NativeSelect displays in a read-only state",
8424
+ "attribute": "readOnly"
8425
+ },
8426
+ {
8427
+ "kind": "field",
8428
+ "name": "disabled",
8429
+ "type": {
8430
+ "text": "boolean"
8431
+ },
8432
+ "default": "false",
8433
+ "description": "Specify if NativeSelect displays in a disabled state",
8434
+ "attribute": "disabled"
8435
+ },
8436
+ {
8437
+ "kind": "field",
8438
+ "name": "error",
8439
+ "type": {
8440
+ "text": "string | undefined"
8441
+ },
8442
+ "description": "Specify error text and display error state of a NativeSelect",
8443
+ "attribute": "error"
8444
+ },
8445
+ {
8446
+ "kind": "field",
8447
+ "name": "fluid",
8448
+ "type": {
8449
+ "text": "boolean"
8450
+ },
8451
+ "default": "false",
8452
+ "description": "Specify if NativeSelect is fluid",
8453
+ "attribute": "fluid"
8454
+ },
8455
+ {
8456
+ "kind": "field",
8457
+ "name": "size",
8458
+ "type": {
8459
+ "text": "'sm' | 'md' | 'lg'"
8460
+ },
8461
+ "default": "defaultInputSize",
8462
+ "description": "Specify the size of NativeSelect",
8463
+ "attribute": "size"
8464
+ },
8465
+ {
8466
+ "kind": "field",
8467
+ "name": "width",
8468
+ "type": {
8469
+ "text": "string | undefined"
8470
+ },
8471
+ "description": "Specify the width of NativeSelect",
8472
+ "attribute": "width"
8473
+ },
8474
+ {
8475
+ "kind": "field",
8476
+ "name": "ellipse",
8477
+ "type": {
8478
+ "text": "boolean"
8479
+ },
8480
+ "default": "true",
8481
+ "description": "Specify if overflow displays ellipsis",
8482
+ "attribute": "ellipse"
8483
+ },
8484
+ {
8485
+ "kind": "field",
8486
+ "name": "hideRequiredMarker",
8487
+ "type": {
8488
+ "text": "boolean"
8489
+ },
8490
+ "default": "false",
8491
+ "description": "Specify if the NativeSelect displays with an asterisk",
8492
+ "attribute": "hideRequiredMarker"
8493
+ },
8494
+ {
8495
+ "kind": "field",
8496
+ "name": "theme",
8497
+ "type": {
8498
+ "text": "'light' | 'dark' | undefined"
8499
+ },
8500
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8501
+ "attribute": "theme"
8502
+ },
8503
+ {
8504
+ "kind": "method",
8505
+ "name": "finalizeAssociatedCallback",
8506
+ "return": {
8507
+ "type": {
8508
+ "text": "FinalizeAssociatedResult"
8509
+ }
8510
+ },
8511
+ "parameters": [
8512
+ {
8513
+ "name": "value",
8514
+ "type": {
8515
+ "text": "string"
8516
+ }
8517
+ }
8518
+ ],
8519
+ "inheritedFrom": {
8520
+ "name": "FormField",
8521
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8522
+ }
8523
+ },
8606
8524
  {
8607
8525
  "kind": "field",
8608
8526
  "name": "formAssociated",
@@ -8610,7 +8528,11 @@
8610
8528
  "text": "boolean"
8611
8529
  },
8612
8530
  "static": true,
8613
- "default": "true"
8531
+ "default": "true",
8532
+ "inheritedFrom": {
8533
+ "name": "FormField",
8534
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8535
+ }
8614
8536
  },
8615
8537
  {
8616
8538
  "kind": "field",
@@ -8619,7 +8541,11 @@
8619
8541
  "text": "string"
8620
8542
  },
8621
8543
  "default": "''",
8622
- "attribute": "id"
8544
+ "attribute": "id",
8545
+ "inheritedFrom": {
8546
+ "name": "FormField",
8547
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8548
+ }
8623
8549
  },
8624
8550
  {
8625
8551
  "kind": "field",
@@ -8628,7 +8554,11 @@
8628
8554
  "text": "string"
8629
8555
  },
8630
8556
  "default": "''",
8631
- "attribute": "name"
8557
+ "attribute": "name",
8558
+ "inheritedFrom": {
8559
+ "name": "FormField",
8560
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8561
+ }
8632
8562
  },
8633
8563
  {
8634
8564
  "kind": "field",
@@ -8637,7 +8567,11 @@
8637
8567
  "text": "string"
8638
8568
  },
8639
8569
  "default": "''",
8640
- "attribute": "value"
8570
+ "attribute": "value",
8571
+ "inheritedFrom": {
8572
+ "name": "FormField",
8573
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8574
+ }
8641
8575
  },
8642
8576
  {
8643
8577
  "kind": "field",
@@ -8646,7 +8580,11 @@
8646
8580
  "text": "Array<FormValidator>"
8647
8581
  },
8648
8582
  "default": "[]",
8649
- "attribute": "validationRules"
8583
+ "attribute": "validationRules",
8584
+ "inheritedFrom": {
8585
+ "name": "FormField",
8586
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8587
+ }
8650
8588
  },
8651
8589
  {
8652
8590
  "kind": "field",
@@ -8654,13 +8592,21 @@
8654
8592
  "type": {
8655
8593
  "text": "string | undefined"
8656
8594
  },
8657
- "attribute": "input-aria-label"
8595
+ "attribute": "input-aria-label",
8596
+ "inheritedFrom": {
8597
+ "name": "FormField",
8598
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8599
+ }
8658
8600
  },
8659
8601
  {
8660
8602
  "kind": "field",
8661
8603
  "name": "formContext",
8662
8604
  "type": {
8663
8605
  "text": "BmFormContext"
8606
+ },
8607
+ "inheritedFrom": {
8608
+ "name": "FormField",
8609
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8664
8610
  }
8665
8611
  },
8666
8612
  {
@@ -8670,6 +8616,10 @@
8670
8616
  "type": {
8671
8617
  "text": "void"
8672
8618
  }
8619
+ },
8620
+ "inheritedFrom": {
8621
+ "name": "FormField",
8622
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8673
8623
  }
8674
8624
  },
8675
8625
  {
@@ -8679,34 +8629,112 @@
8679
8629
  "type": {
8680
8630
  "text": "void"
8681
8631
  }
8682
- }
8683
- },
8684
- {
8685
- "kind": "method",
8686
- "name": "finalizeAssociatedCallback",
8687
- "return": {
8688
- "type": {
8689
- "text": "FinalizeAssociatedResult"
8690
- }
8691
8632
  },
8692
- "parameters": [
8693
- {
8694
- "name": "ctxValue",
8695
- "type": {
8696
- "text": "string"
8697
- }
8698
- }
8699
- ]
8633
+ "inheritedFrom": {
8634
+ "name": "FormField",
8635
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8636
+ }
8700
8637
  }
8701
8638
  ],
8702
8639
  "attributes": [
8640
+ {
8641
+ "name": "required",
8642
+ "type": {
8643
+ "text": "boolean"
8644
+ },
8645
+ "default": "false",
8646
+ "description": "Specify if NativeSelect is a required input",
8647
+ "fieldName": "required"
8648
+ },
8649
+ {
8650
+ "name": "readOnly",
8651
+ "type": {
8652
+ "text": "boolean"
8653
+ },
8654
+ "default": "false",
8655
+ "description": "Specify if NativeSelect displays in a read-only state",
8656
+ "fieldName": "readOnly"
8657
+ },
8658
+ {
8659
+ "name": "disabled",
8660
+ "type": {
8661
+ "text": "boolean"
8662
+ },
8663
+ "default": "false",
8664
+ "description": "Specify if NativeSelect displays in a disabled state",
8665
+ "fieldName": "disabled"
8666
+ },
8667
+ {
8668
+ "name": "error",
8669
+ "type": {
8670
+ "text": "string | undefined"
8671
+ },
8672
+ "description": "Specify error text and display error state of a NativeSelect",
8673
+ "fieldName": "error"
8674
+ },
8675
+ {
8676
+ "name": "fluid",
8677
+ "type": {
8678
+ "text": "boolean"
8679
+ },
8680
+ "default": "false",
8681
+ "description": "Specify if NativeSelect is fluid",
8682
+ "fieldName": "fluid"
8683
+ },
8684
+ {
8685
+ "name": "size",
8686
+ "type": {
8687
+ "text": "'sm' | 'md' | 'lg'"
8688
+ },
8689
+ "default": "defaultInputSize",
8690
+ "description": "Specify the size of NativeSelect",
8691
+ "fieldName": "size"
8692
+ },
8693
+ {
8694
+ "name": "width",
8695
+ "type": {
8696
+ "text": "string | undefined"
8697
+ },
8698
+ "description": "Specify the width of NativeSelect",
8699
+ "fieldName": "width"
8700
+ },
8701
+ {
8702
+ "name": "ellipse",
8703
+ "type": {
8704
+ "text": "boolean"
8705
+ },
8706
+ "default": "true",
8707
+ "description": "Specify if overflow displays ellipsis",
8708
+ "fieldName": "ellipse"
8709
+ },
8710
+ {
8711
+ "name": "hideRequiredMarker",
8712
+ "type": {
8713
+ "text": "boolean"
8714
+ },
8715
+ "default": "false",
8716
+ "description": "Specify if the NativeSelect displays with an asterisk",
8717
+ "fieldName": "hideRequiredMarker"
8718
+ },
8719
+ {
8720
+ "name": "theme",
8721
+ "type": {
8722
+ "text": "'light' | 'dark' | undefined"
8723
+ },
8724
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8725
+ "fieldName": "theme"
8726
+ },
8703
8727
  {
8704
8728
  "name": "id",
8705
8729
  "type": {
8706
8730
  "text": "string"
8707
8731
  },
8708
8732
  "default": "''",
8709
- "fieldName": "id"
8733
+ "fieldName": "id",
8734
+ "inheritedFrom": {
8735
+ "name": "FormField",
8736
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8737
+ }
8710
8738
  },
8711
8739
  {
8712
8740
  "name": "name",
@@ -8714,7 +8742,11 @@
8714
8742
  "text": "string"
8715
8743
  },
8716
8744
  "default": "''",
8717
- "fieldName": "name"
8745
+ "fieldName": "name",
8746
+ "inheritedFrom": {
8747
+ "name": "FormField",
8748
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8749
+ }
8718
8750
  },
8719
8751
  {
8720
8752
  "name": "value",
@@ -8722,7 +8754,11 @@
8722
8754
  "text": "string"
8723
8755
  },
8724
8756
  "default": "''",
8725
- "fieldName": "value"
8757
+ "fieldName": "value",
8758
+ "inheritedFrom": {
8759
+ "name": "FormField",
8760
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8761
+ }
8726
8762
  },
8727
8763
  {
8728
8764
  "name": "validationRules",
@@ -8730,298 +8766,262 @@
8730
8766
  "text": "Array<FormValidator>"
8731
8767
  },
8732
8768
  "default": "[]",
8733
- "fieldName": "validationRules"
8769
+ "fieldName": "validationRules",
8770
+ "inheritedFrom": {
8771
+ "name": "FormField",
8772
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8773
+ }
8734
8774
  },
8735
8775
  {
8736
8776
  "name": "input-aria-label",
8737
8777
  "type": {
8738
8778
  "text": "string | undefined"
8739
8779
  },
8740
- "fieldName": "inputAriaLabel"
8780
+ "fieldName": "inputAriaLabel",
8781
+ "inheritedFrom": {
8782
+ "name": "FormField",
8783
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8784
+ }
8741
8785
  }
8742
8786
  ],
8743
8787
  "superclass": {
8744
- "name": "LitElement",
8745
- "package": "lit"
8788
+ "name": "FormField",
8789
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8746
8790
  },
8791
+ "summary": "`bm-native-select`",
8792
+ "tagName": "bm-native-select",
8747
8793
  "customElement": true
8748
8794
  }
8749
8795
  ],
8750
8796
  "exports": [
8751
8797
  {
8752
8798
  "kind": "js",
8753
- "name": "FormField",
8799
+ "name": "BmNativeSelect",
8754
8800
  "declaration": {
8755
- "name": "FormField",
8756
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8801
+ "name": "BmNativeSelect",
8802
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8803
+ }
8804
+ },
8805
+ {
8806
+ "kind": "custom-element-definition",
8807
+ "name": "bm-native-select",
8808
+ "declaration": {
8809
+ "name": "BmNativeSelect",
8810
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8757
8811
  }
8758
8812
  }
8759
8813
  ]
8760
8814
  },
8761
8815
  {
8762
8816
  "kind": "javascript-module",
8763
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8817
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8818
+ "declarations": [],
8819
+ "exports": [
8820
+ {
8821
+ "kind": "js",
8822
+ "name": "*",
8823
+ "declaration": {
8824
+ "name": "*",
8825
+ "package": "./NativeSelect"
8826
+ }
8827
+ }
8828
+ ]
8829
+ },
8830
+ {
8831
+ "kind": "javascript-module",
8832
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8764
8833
  "declarations": [
8765
8834
  {
8766
8835
  "kind": "class",
8767
- "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8768
- "name": "BmForm",
8769
- "slots": [
8770
- {
8771
- "description": "Add controls to the Form",
8772
- "name": "slot"
8773
- }
8774
- ],
8836
+ "description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events",
8837
+ "name": "BmRadioButton",
8775
8838
  "members": [
8776
8839
  {
8777
8840
  "kind": "field",
8778
- "name": "validationMode",
8841
+ "name": "label",
8779
8842
  "type": {
8780
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8843
+ "text": "string | undefined"
8781
8844
  },
8782
- "default": "'onBlur'",
8783
- "description": "Specify if validation runs on change or when loosing focus",
8784
- "attribute": "validationMode"
8845
+ "description": "Specify the text for the label",
8846
+ "attribute": "label"
8785
8847
  },
8786
8848
  {
8787
8849
  "kind": "field",
8788
- "name": "initialValues",
8850
+ "name": "error",
8789
8851
  "type": {
8790
- "text": "Record<string, FormValue>"
8852
+ "text": "boolean | undefined"
8791
8853
  },
8792
- "default": "{}",
8793
- "description": "Specify initial values on Form controls based on their names",
8794
- "attribute": "initialValues"
8854
+ "description": "Specify error text and display error state of a RadioButton",
8855
+ "attribute": "error"
8795
8856
  },
8796
8857
  {
8797
8858
  "kind": "field",
8798
- "name": "required",
8859
+ "name": "readOnly",
8799
8860
  "type": {
8800
- "text": "boolean"
8861
+ "text": "boolean | undefined"
8801
8862
  },
8802
- "default": "false",
8803
- "description": "Specify if input is a required",
8804
- "attribute": "required"
8863
+ "description": "Specify if RadioButton displays in a read-only state",
8864
+ "attribute": "readOnly"
8805
8865
  },
8806
8866
  {
8807
8867
  "kind": "field",
8808
8868
  "name": "disabled",
8809
8869
  "type": {
8810
- "text": "boolean"
8870
+ "text": "boolean | undefined"
8811
8871
  },
8812
- "default": "false",
8813
- "description": "Specify if input is a disabled",
8872
+ "description": "Specify if RadioButton displays in a disabled state",
8814
8873
  "attribute": "disabled"
8815
8874
  },
8816
8875
  {
8817
8876
  "kind": "field",
8818
- "name": "readOnly",
8819
- "type": {
8820
- "text": "boolean"
8821
- },
8822
- "default": "false",
8823
- "description": "Specify if input is a read only",
8824
- "attribute": "readOnly"
8825
- },
8826
- {
8827
- "kind": "field",
8828
- "name": "action",
8877
+ "name": "theme",
8829
8878
  "type": {
8830
- "text": "string | undefined"
8879
+ "text": "'light' | 'dark' | undefined"
8831
8880
  },
8832
- "attribute": "action"
8881
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8882
+ "attribute": "theme"
8833
8883
  },
8834
8884
  {
8835
8885
  "kind": "field",
8836
- "name": "method",
8886
+ "name": "value",
8837
8887
  "type": {
8838
8888
  "text": "string | undefined"
8839
8889
  },
8840
- "attribute": "method"
8890
+ "description": "The value attribute for the input element",
8891
+ "attribute": "value"
8841
8892
  },
8842
8893
  {
8843
8894
  "kind": "field",
8844
- "name": "target",
8895
+ "name": "checked",
8845
8896
  "type": {
8846
- "text": "string | undefined"
8897
+ "text": "boolean"
8847
8898
  },
8848
- "attribute": "target"
8899
+ "default": "false",
8900
+ "description": "The checked attribute for the input element",
8901
+ "attribute": "checked"
8849
8902
  },
8850
8903
  {
8851
8904
  "kind": "field",
8852
- "name": "enctype",
8905
+ "name": "onKeyDown",
8853
8906
  "type": {
8854
- "text": "string | undefined"
8907
+ "text": "(event: KeyboardEvent) => void | undefined"
8855
8908
  },
8856
- "attribute": "enctype"
8909
+ "description": "A user-defined function to handle keydown events",
8910
+ "attribute": "onKeyDown"
8857
8911
  },
8858
8912
  {
8859
8913
  "kind": "field",
8860
- "name": "formMeta",
8914
+ "name": "inputChoiceGroupContext",
8861
8915
  "type": {
8862
- "text": "Record<string, FieldMeta>"
8863
- },
8864
- "default": "{}"
8916
+ "text": "InputChoiceGroupContextProps"
8917
+ }
8865
8918
  },
8866
8919
  {
8867
8920
  "kind": "field",
8868
- "name": "formRef"
8921
+ "name": "radioButtonRef"
8869
8922
  },
8870
8923
  {
8871
- "kind": "field",
8872
- "name": "formContext",
8873
- "type": {
8874
- "text": "BmFormContext"
8875
- },
8876
- "privacy": "public",
8877
- "default": "bmFormInitials"
8878
- }
8879
- ],
8880
- "events": [
8881
- {
8882
- "description": "Validates the inputs and submits the form",
8883
- "name": "submit"
8924
+ "kind": "method",
8925
+ "name": "focus"
8884
8926
  }
8885
8927
  ],
8886
8928
  "attributes": [
8887
8929
  {
8888
- "name": "validationMode",
8930
+ "name": "label",
8889
8931
  "type": {
8890
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8932
+ "text": "string | undefined"
8891
8933
  },
8892
- "default": "'onBlur'",
8893
- "description": "Specify if validation runs on change or when loosing focus",
8894
- "fieldName": "validationMode"
8934
+ "description": "Specify the text for the label",
8935
+ "fieldName": "label"
8895
8936
  },
8896
8937
  {
8897
- "name": "initialValues",
8938
+ "name": "error",
8898
8939
  "type": {
8899
- "text": "Record<string, FormValue>"
8940
+ "text": "boolean | undefined"
8900
8941
  },
8901
- "default": "{}",
8902
- "description": "Specify initial values on Form controls based on their names",
8903
- "fieldName": "initialValues"
8942
+ "description": "Specify error text and display error state of a RadioButton",
8943
+ "fieldName": "error"
8904
8944
  },
8905
8945
  {
8906
- "name": "required",
8946
+ "name": "readOnly",
8907
8947
  "type": {
8908
- "text": "boolean"
8948
+ "text": "boolean | undefined"
8909
8949
  },
8910
- "default": "false",
8911
- "description": "Specify if input is a required",
8912
- "fieldName": "required"
8950
+ "description": "Specify if RadioButton displays in a read-only state",
8951
+ "fieldName": "readOnly"
8913
8952
  },
8914
8953
  {
8915
8954
  "name": "disabled",
8916
8955
  "type": {
8917
- "text": "boolean"
8956
+ "text": "boolean | undefined"
8918
8957
  },
8919
- "default": "false",
8920
- "description": "Specify if input is a disabled",
8958
+ "description": "Specify if RadioButton displays in a disabled state",
8921
8959
  "fieldName": "disabled"
8922
8960
  },
8923
8961
  {
8924
- "name": "readOnly",
8925
- "type": {
8926
- "text": "boolean"
8927
- },
8928
- "default": "false",
8929
- "description": "Specify if input is a read only",
8930
- "fieldName": "readOnly"
8931
- },
8932
- {
8933
- "name": "action",
8962
+ "name": "theme",
8934
8963
  "type": {
8935
- "text": "string | undefined"
8964
+ "text": "'light' | 'dark' | undefined"
8936
8965
  },
8937
- "fieldName": "action"
8966
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8967
+ "fieldName": "theme"
8938
8968
  },
8939
8969
  {
8940
- "name": "method",
8970
+ "name": "value",
8941
8971
  "type": {
8942
8972
  "text": "string | undefined"
8943
8973
  },
8944
- "fieldName": "method"
8974
+ "description": "The value attribute for the input element",
8975
+ "fieldName": "value"
8945
8976
  },
8946
8977
  {
8947
- "name": "target",
8978
+ "name": "checked",
8948
8979
  "type": {
8949
- "text": "string | undefined"
8980
+ "text": "boolean"
8950
8981
  },
8951
- "fieldName": "target"
8982
+ "default": "false",
8983
+ "description": "The checked attribute for the input element",
8984
+ "fieldName": "checked"
8952
8985
  },
8953
8986
  {
8954
- "name": "enctype",
8987
+ "name": "onKeyDown",
8955
8988
  "type": {
8956
- "text": "string | undefined"
8989
+ "text": "(event: KeyboardEvent) => void | undefined"
8957
8990
  },
8958
- "fieldName": "enctype"
8991
+ "description": "A user-defined function to handle keydown events",
8992
+ "fieldName": "onKeyDown"
8959
8993
  }
8960
8994
  ],
8961
8995
  "superclass": {
8962
8996
  "name": "LitElement",
8963
8997
  "package": "lit"
8964
8998
  },
8965
- "summary": "`bm-form`",
8966
- "tagName": "bm-form",
8999
+ "tagName": "bm-radio-button",
8967
9000
  "customElement": true
8968
9001
  }
8969
9002
  ],
8970
9003
  "exports": [
8971
9004
  {
8972
9005
  "kind": "js",
8973
- "name": "validators",
8974
- "declaration": {
8975
- "name": "validators",
8976
- "package": "@viasat/beam-shared/components/form"
8977
- }
8978
- },
8979
- {
8980
- "kind": "js",
8981
- "name": "BmForm",
9006
+ "name": "BmRadioButton",
8982
9007
  "declaration": {
8983
- "name": "BmForm",
8984
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
9008
+ "name": "BmRadioButton",
9009
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8985
9010
  }
8986
9011
  },
8987
9012
  {
8988
9013
  "kind": "custom-element-definition",
8989
- "name": "bm-form",
8990
- "declaration": {
8991
- "name": "BmForm",
8992
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8993
- }
8994
- }
8995
- ]
8996
- },
8997
- {
8998
- "kind": "javascript-module",
8999
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
9000
- "declarations": [
9001
- {
9002
- "kind": "function",
9003
- "name": "createId",
9004
- "return": {
9005
- "type": {
9006
- "text": "string"
9007
- }
9008
- }
9009
- }
9010
- ],
9011
- "exports": [
9012
- {
9013
- "kind": "js",
9014
- "name": "createId",
9014
+ "name": "bm-radio-button",
9015
9015
  "declaration": {
9016
- "name": "createId",
9017
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
9016
+ "name": "BmRadioButton",
9017
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9018
9018
  }
9019
9019
  }
9020
9020
  ]
9021
9021
  },
9022
9022
  {
9023
9023
  "kind": "javascript-module",
9024
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
9024
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9025
9025
  "declarations": [],
9026
9026
  "exports": [
9027
9027
  {
@@ -9029,7 +9029,7 @@
9029
9029
  "name": "*",
9030
9030
  "declaration": {
9031
9031
  "name": "*",
9032
- "package": "./Form"
9032
+ "package": "./RadioButton"
9033
9033
  }
9034
9034
  },
9035
9035
  {
@@ -9037,7 +9037,7 @@
9037
9037
  "name": "*",
9038
9038
  "declaration": {
9039
9039
  "name": "*",
9040
- "package": "./Form.decorator"
9040
+ "package": "./RadioButtonGroup/RadioButtonGroup"
9041
9041
  }
9042
9042
  }
9043
9043
  ]