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