@viasat/beam-web-components 2.67.0 → 2.67.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/custom-elements.json +1275 -1275
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +203 -203
package/custom-elements.json CHANGED
@@ -294,19 +294,15 @@
294
294
  },
295
295
  {
296
296
  "kind": "javascript-module",
297
- "path": "libs/web-components/src/lib/Badge/Badge.ts",
297
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
298
298
  "declarations": [
299
299
  {
300
300
  "kind": "class",
301
- "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
302
- "name": "BmBadge",
301
+ "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** ",
302
+ "name": "BmAvatar",
303
303
  "slots": [
304
304
  {
305
- "description": "Provide text for the Badge",
306
- "name": "default"
307
- },
308
- {
309
- "description": "Specify a different icon for the Badge",
305
+ "description": "Customize the default icon",
310
306
  "name": "icon"
311
307
  }
312
308
  ],
@@ -315,195 +311,436 @@
315
311
  "kind": "field",
316
312
  "name": "appearance",
317
313
  "type": {
318
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
314
+ "text": "'accent' | 'neutral' | undefined"
319
315
  },
320
- "default": "'infoPrimary'",
321
- "description": "Specify the appearance of the Badge",
316
+ "default": "'neutral'",
317
+ "description": "Specify the appearance of the Avatar",
322
318
  "attribute": "appearance"
323
319
  },
324
320
  {
325
321
  "kind": "field",
326
- "name": "theme",
322
+ "name": "name",
327
323
  "type": {
328
- "text": "'light' | 'dark' | undefined"
324
+ "text": "string | undefined"
329
325
  },
330
- "description": "Theme of the Badge",
331
- "attribute": "theme"
326
+ "description": "Specify a name to display initials in the Avatar",
327
+ "attribute": "name"
328
+ },
329
+ {
330
+ "kind": "field",
331
+ "name": "src",
332
+ "type": {
333
+ "text": "string | undefined"
334
+ },
335
+ "description": "Pass an image to the Avatar",
336
+ "attribute": "src"
337
+ },
338
+ {
339
+ "kind": "field",
340
+ "name": "alt",
341
+ "type": {
342
+ "text": "string | undefined"
343
+ },
344
+ "description": "Specify alt for image",
345
+ "attribute": "alt"
332
346
  },
333
347
  {
334
348
  "kind": "field",
335
349
  "name": "size",
336
350
  "type": {
337
- "text": "'sm' | 'md' | undefined"
351
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
338
352
  },
339
- "default": "'sm'",
340
- "description": "Specify the size of the Badge",
353
+ "default": "'md'",
354
+ "description": "Specify the size of the Avatar",
341
355
  "attribute": "size"
342
356
  },
343
357
  {
344
358
  "kind": "field",
345
- "name": "emphasis",
359
+ "name": "disabled",
346
360
  "type": {
347
- "text": "'strong' | 'medium' | 'subtle'"
361
+ "text": "boolean | undefined"
348
362
  },
349
- "default": "'strong'",
350
- "description": "Specify the emphasis of the Badge",
351
- "attribute": "emphasis"
363
+ "default": "false",
364
+ "description": "Specify if the Avatar is disabled",
365
+ "attribute": "disabled"
352
366
  },
353
367
  {
354
368
  "kind": "field",
355
- "name": "hideIcon",
369
+ "name": "shape",
356
370
  "type": {
357
- "text": "boolean | undefined"
371
+ "text": "'circle' | 'square' | undefined"
358
372
  },
359
- "description": "Hides Badge icon",
360
- "attribute": "hideIcon"
373
+ "default": "'circle'",
374
+ "description": "Specify the shape of the Avatar",
375
+ "attribute": "shape"
376
+ },
377
+ {
378
+ "kind": "field",
379
+ "name": "isInteractive",
380
+ "type": {
381
+ "text": "boolean"
382
+ },
383
+ "default": "false",
384
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
385
+ "attribute": "isInteractive"
386
+ },
387
+ {
388
+ "kind": "field",
389
+ "name": "isFocusable",
390
+ "type": {
391
+ "text": "boolean"
392
+ },
393
+ "default": "false",
394
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
395
+ "attribute": "isFocusable"
396
+ },
397
+ {
398
+ "kind": "field",
399
+ "name": "withBorder",
400
+ "type": {
401
+ "text": "boolean"
402
+ },
403
+ "default": "false",
404
+ "attribute": "withBorder"
361
405
  }
362
406
  ],
363
407
  "attributes": [
364
408
  {
365
409
  "name": "appearance",
366
410
  "type": {
367
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
411
+ "text": "'accent' | 'neutral' | undefined"
368
412
  },
369
- "default": "'infoPrimary'",
370
- "description": "Specify the appearance of the Badge",
413
+ "default": "'neutral'",
414
+ "description": "Specify the appearance of the Avatar",
371
415
  "fieldName": "appearance"
372
416
  },
373
417
  {
374
- "name": "theme",
418
+ "name": "name",
375
419
  "type": {
376
- "text": "'light' | 'dark' | undefined"
420
+ "text": "string | undefined"
377
421
  },
378
- "description": "Theme of the Badge",
379
- "fieldName": "theme"
422
+ "description": "Specify a name to display initials in the Avatar",
423
+ "fieldName": "name"
424
+ },
425
+ {
426
+ "name": "src",
427
+ "type": {
428
+ "text": "string | undefined"
429
+ },
430
+ "description": "Pass an image to the Avatar",
431
+ "fieldName": "src"
432
+ },
433
+ {
434
+ "name": "alt",
435
+ "type": {
436
+ "text": "string | undefined"
437
+ },
438
+ "description": "Specify alt for image",
439
+ "fieldName": "alt"
380
440
  },
381
441
  {
382
442
  "name": "size",
383
443
  "type": {
384
- "text": "'sm' | 'md' | undefined"
444
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
385
445
  },
386
- "default": "'sm'",
387
- "description": "Specify the size of the Badge",
446
+ "default": "'md'",
447
+ "description": "Specify the size of the Avatar",
388
448
  "fieldName": "size"
389
449
  },
390
450
  {
391
- "name": "emphasis",
451
+ "name": "disabled",
392
452
  "type": {
393
- "text": "'strong' | 'medium' | 'subtle'"
453
+ "text": "boolean | undefined"
394
454
  },
395
- "default": "'strong'",
396
- "description": "Specify the emphasis of the Badge",
397
- "fieldName": "emphasis"
455
+ "default": "false",
456
+ "description": "Specify if the Avatar is disabled",
457
+ "fieldName": "disabled"
398
458
  },
399
459
  {
400
- "name": "hideIcon",
460
+ "name": "shape",
401
461
  "type": {
402
- "text": "boolean | undefined"
462
+ "text": "'circle' | 'square' | undefined"
403
463
  },
404
- "description": "Hides Badge icon",
405
- "fieldName": "hideIcon"
464
+ "default": "'circle'",
465
+ "description": "Specify the shape of the Avatar",
466
+ "fieldName": "shape"
467
+ },
468
+ {
469
+ "name": "isInteractive",
470
+ "type": {
471
+ "text": "boolean"
472
+ },
473
+ "default": "false",
474
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
475
+ "fieldName": "isInteractive"
476
+ },
477
+ {
478
+ "name": "isFocusable",
479
+ "type": {
480
+ "text": "boolean"
481
+ },
482
+ "default": "false",
483
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
484
+ "fieldName": "isFocusable"
485
+ },
486
+ {
487
+ "name": "withBorder",
488
+ "type": {
489
+ "text": "boolean"
490
+ },
491
+ "default": "false",
492
+ "fieldName": "withBorder"
406
493
  }
407
494
  ],
408
495
  "superclass": {
409
496
  "name": "LitElement",
410
497
  "package": "lit"
411
498
  },
412
- "tagName": "bm-badge",
499
+ "tagName": "bm-avatar",
413
500
  "customElement": true
414
501
  }
415
502
  ],
416
503
  "exports": [
417
504
  {
418
505
  "kind": "js",
419
- "name": "BmBadge",
506
+ "name": "BmAvatar",
420
507
  "declaration": {
421
- "name": "BmBadge",
422
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
508
+ "name": "BmAvatar",
509
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
423
510
  }
424
511
  },
425
512
  {
426
513
  "kind": "custom-element-definition",
427
- "name": "bm-badge",
514
+ "name": "bm-avatar",
428
515
  "declaration": {
429
- "name": "BmBadge",
430
- "module": "libs/web-components/src/lib/Badge/Badge.ts"
516
+ "name": "BmAvatar",
517
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
431
518
  }
432
519
  }
433
520
  ]
434
521
  },
435
522
  {
436
523
  "kind": "javascript-module",
437
- "path": "libs/web-components/src/lib/Badge/index.ts",
438
- "declarations": [],
524
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
525
+ "declarations": [
526
+ {
527
+ "kind": "variable",
528
+ "name": "AvatarGroupCtx"
529
+ }
530
+ ],
439
531
  "exports": [
440
532
  {
441
533
  "kind": "js",
442
- "name": "*",
534
+ "name": "AvatarGroupCtx",
443
535
  "declaration": {
444
- "name": "*",
445
- "package": "./Badge"
536
+ "name": "AvatarGroupCtx",
537
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
446
538
  }
447
539
  }
448
540
  ]
449
541
  },
450
542
  {
451
543
  "kind": "javascript-module",
452
- "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
544
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
453
545
  "declarations": [
454
546
  {
455
547
  "kind": "class",
456
- "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",
457
- "name": "BmBadgeDot",
548
+ "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.",
549
+ "name": "BmAvatarGroup",
458
550
  "slots": [
459
551
  {
460
- "description": "Provide text for the BadgeDot",
552
+ "description": "Add Avatars to create a group",
461
553
  "name": "default"
462
554
  }
463
555
  ],
464
556
  "members": [
465
557
  {
466
558
  "kind": "field",
467
- "name": "theme",
559
+ "name": "wrapping",
468
560
  "type": {
469
- "text": "'light' | 'dark' | undefined"
561
+ "text": "boolean"
470
562
  },
471
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
472
- "attribute": "theme"
563
+ "default": "false",
564
+ "description": "Specify if the AvatarGroup wraps",
565
+ "attribute": "wrapping"
473
566
  },
474
567
  {
475
568
  "kind": "field",
476
- "name": "appearance",
569
+ "name": "maxCount",
477
570
  "type": {
478
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
571
+ "text": "number"
479
572
  },
480
- "default": "'infoPrimary'",
481
- "description": "Specify the appearance of the BadgeDot",
482
- "attribute": "appearance"
573
+ "default": "5",
574
+ "description": "Specify the max number of avatars displayed in the group.",
575
+ "attribute": "maxCount",
576
+ "reflects": true
483
577
  },
484
578
  {
485
579
  "kind": "field",
486
- "name": "emphasis",
580
+ "name": "size",
487
581
  "type": {
488
- "text": "'strong' | 'subtle'"
582
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
489
583
  },
490
- "default": "'strong'",
491
- "description": "Specify the emphasis of the BadgeDot",
492
- "attribute": "emphasis"
584
+ "default": "'md'",
585
+ "description": "Specify the size of all Avatars",
586
+ "attribute": "size"
493
587
  },
494
588
  {
495
589
  "kind": "field",
496
- "name": "overrideDotColor",
590
+ "name": "layout",
497
591
  "type": {
498
- "text": "string | undefined"
592
+ "text": "'stacked' | 'spaced' | undefined"
499
593
  },
500
- "description": "Overrides default dot color",
501
- "attribute": "overrideDotColor"
594
+ "default": "'stacked'",
595
+ "description": "Specify the kind of the group.",
596
+ "attribute": "layout"
502
597
  }
503
598
  ],
504
599
  "attributes": [
505
600
  {
506
- "name": "theme",
601
+ "name": "wrapping",
602
+ "type": {
603
+ "text": "boolean"
604
+ },
605
+ "default": "false",
606
+ "description": "Specify if the AvatarGroup wraps",
607
+ "fieldName": "wrapping"
608
+ },
609
+ {
610
+ "name": "maxCount",
611
+ "type": {
612
+ "text": "number"
613
+ },
614
+ "default": "5",
615
+ "description": "Specify the max number of avatars displayed in the group.",
616
+ "fieldName": "maxCount"
617
+ },
618
+ {
619
+ "name": "size",
620
+ "type": {
621
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
622
+ },
623
+ "default": "'md'",
624
+ "description": "Specify the size of all Avatars",
625
+ "fieldName": "size"
626
+ },
627
+ {
628
+ "name": "layout",
629
+ "type": {
630
+ "text": "'stacked' | 'spaced' | undefined"
631
+ },
632
+ "default": "'stacked'",
633
+ "description": "Specify the kind of the group.",
634
+ "fieldName": "layout"
635
+ }
636
+ ],
637
+ "superclass": {
638
+ "name": "LitElement",
639
+ "package": "lit"
640
+ },
641
+ "tagName": "bm-avatar-group",
642
+ "customElement": true
643
+ }
644
+ ],
645
+ "exports": [
646
+ {
647
+ "kind": "js",
648
+ "name": "BmAvatarGroup",
649
+ "declaration": {
650
+ "name": "BmAvatarGroup",
651
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
652
+ }
653
+ },
654
+ {
655
+ "kind": "custom-element-definition",
656
+ "name": "bm-avatar-group",
657
+ "declaration": {
658
+ "name": "BmAvatarGroup",
659
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
660
+ }
661
+ }
662
+ ]
663
+ },
664
+ {
665
+ "kind": "javascript-module",
666
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
667
+ "declarations": [],
668
+ "exports": [
669
+ {
670
+ "kind": "js",
671
+ "name": "*",
672
+ "declaration": {
673
+ "name": "*",
674
+ "package": "./Avatar"
675
+ }
676
+ },
677
+ {
678
+ "kind": "js",
679
+ "name": "*",
680
+ "declaration": {
681
+ "name": "*",
682
+ "package": "./AvatarGroup"
683
+ }
684
+ }
685
+ ]
686
+ },
687
+ {
688
+ "kind": "javascript-module",
689
+ "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
690
+ "declarations": [
691
+ {
692
+ "kind": "class",
693
+ "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",
694
+ "name": "BmBadgeDot",
695
+ "slots": [
696
+ {
697
+ "description": "Provide text for the BadgeDot",
698
+ "name": "default"
699
+ }
700
+ ],
701
+ "members": [
702
+ {
703
+ "kind": "field",
704
+ "name": "theme",
705
+ "type": {
706
+ "text": "'light' | 'dark' | undefined"
707
+ },
708
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
709
+ "attribute": "theme"
710
+ },
711
+ {
712
+ "kind": "field",
713
+ "name": "appearance",
714
+ "type": {
715
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
716
+ },
717
+ "default": "'infoPrimary'",
718
+ "description": "Specify the appearance of the BadgeDot",
719
+ "attribute": "appearance"
720
+ },
721
+ {
722
+ "kind": "field",
723
+ "name": "emphasis",
724
+ "type": {
725
+ "text": "'strong' | 'subtle'"
726
+ },
727
+ "default": "'strong'",
728
+ "description": "Specify the emphasis of the BadgeDot",
729
+ "attribute": "emphasis"
730
+ },
731
+ {
732
+ "kind": "field",
733
+ "name": "overrideDotColor",
734
+ "type": {
735
+ "text": "string | undefined"
736
+ },
737
+ "description": "Overrides default dot color",
738
+ "attribute": "overrideDotColor"
739
+ }
740
+ ],
741
+ "attributes": [
742
+ {
743
+ "name": "theme",
507
744
  "type": {
508
745
  "text": "'light' | 'dark' | undefined"
509
746
  },
@@ -981,68 +1218,68 @@
981
1218
  },
982
1219
  {
983
1220
  "kind": "javascript-module",
984
- "path": "libs/web-components/src/lib/Alert/Alert.ts",
1221
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1222
+ "declarations": [
1223
+ {
1224
+ "kind": "variable",
1225
+ "name": "BreadcrumbGroupCtx"
1226
+ }
1227
+ ],
1228
+ "exports": [
1229
+ {
1230
+ "kind": "js",
1231
+ "name": "BreadcrumbGroupCtx",
1232
+ "declaration": {
1233
+ "name": "BreadcrumbGroupCtx",
1234
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1235
+ }
1236
+ }
1237
+ ]
1238
+ },
1239
+ {
1240
+ "kind": "javascript-module",
1241
+ "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
985
1242
  "declarations": [
986
1243
  {
987
1244
  "kind": "class",
988
- "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",
989
- "name": "BmAlert",
1245
+ "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",
1246
+ "name": "BmBreadcrumbs",
990
1247
  "slots": [
991
1248
  {
992
- "description": "Specify a different icon for the Alert",
993
- "name": "icon"
994
- },
995
- {
996
- "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
997
- "name": "heading"
998
- },
999
- {
1000
- "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1001
- "name": "body"
1002
- },
1003
- {
1004
- "description": "Specify if actions display on the Alert",
1005
- "name": "actions"
1249
+ "description": "Pass items to the Breadcrumb",
1250
+ "name": "default"
1006
1251
  }
1007
1252
  ],
1008
1253
  "members": [
1009
1254
  {
1010
1255
  "kind": "field",
1011
- "name": "heading",
1012
- "type": {
1013
- "text": "string | undefined"
1014
- },
1015
- "description": "Specify the heading text for Alert",
1016
- "attribute": "heading"
1017
- },
1018
- {
1019
- "kind": "field",
1020
- "name": "body",
1256
+ "name": "wrap",
1021
1257
  "type": {
1022
- "text": "string | undefined"
1258
+ "text": "boolean"
1023
1259
  },
1024
- "description": "Specify the body text for Alert",
1025
- "attribute": "body"
1260
+ "default": "true",
1261
+ "description": "Specify if items wrap or collapse to an ellipsis",
1262
+ "attribute": "wrap"
1026
1263
  },
1027
1264
  {
1028
1265
  "kind": "field",
1029
- "name": "size",
1266
+ "name": "itemsBeforeCollapse",
1030
1267
  "type": {
1031
- "text": "'sm' | 'md'"
1268
+ "text": "number"
1032
1269
  },
1033
- "default": "'sm'",
1034
- "description": "Specify the size of the Alert",
1035
- "attribute": "size"
1270
+ "default": "1",
1271
+ "description": "Specify how many items show before ellipsis",
1272
+ "attribute": "itemsBeforeCollapse"
1036
1273
  },
1037
1274
  {
1038
1275
  "kind": "field",
1039
- "name": "fullWidth",
1276
+ "name": "itemsAfterCollapse",
1040
1277
  "type": {
1041
- "text": "boolean"
1278
+ "text": "number"
1042
1279
  },
1043
- "default": "false",
1044
- "description": "Specify if the Alert has no border radius",
1045
- "attribute": "fullWidth"
1280
+ "default": "1",
1281
+ "description": "Specify how many items show after ellipsis",
1282
+ "attribute": "itemsAfterCollapse"
1046
1283
  },
1047
1284
  {
1048
1285
  "kind": "field",
@@ -1050,204 +1287,217 @@
1050
1287
  "type": {
1051
1288
  "text": "'light' | 'dark' | undefined"
1052
1289
  },
1053
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1290
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1054
1291
  "attribute": "theme"
1055
- },
1292
+ }
1293
+ ],
1294
+ "attributes": [
1056
1295
  {
1057
- "kind": "field",
1058
- "name": "appearance",
1296
+ "name": "wrap",
1059
1297
  "type": {
1060
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1298
+ "text": "boolean"
1061
1299
  },
1062
- "default": "'infoPrimary'",
1063
- "description": "Specify the appearance of the Alert",
1064
- "attribute": "appearance"
1300
+ "default": "true",
1301
+ "description": "Specify if items wrap or collapse to an ellipsis",
1302
+ "fieldName": "wrap"
1065
1303
  },
1066
1304
  {
1067
- "kind": "field",
1068
- "name": "hidden",
1305
+ "name": "itemsBeforeCollapse",
1069
1306
  "type": {
1070
- "text": "boolean"
1307
+ "text": "number"
1071
1308
  },
1072
- "default": "false",
1073
- "description": "Specify if the Alert is hidden",
1074
- "attribute": "hidden"
1309
+ "default": "1",
1310
+ "description": "Specify how many items show before ellipsis",
1311
+ "fieldName": "itemsBeforeCollapse"
1075
1312
  },
1076
1313
  {
1077
- "kind": "field",
1078
- "name": "hideIcon",
1314
+ "name": "itemsAfterCollapse",
1079
1315
  "type": {
1080
- "text": "boolean"
1316
+ "text": "number"
1081
1317
  },
1082
- "default": "false",
1083
- "description": "Specify if the icon displays on the Alert",
1084
- "attribute": "hideIcon"
1085
- },
1086
- {
1087
- "kind": "field",
1088
- "name": "dismissible",
1089
- "type": {
1090
- "text": "boolean"
1091
- },
1092
- "default": "false",
1093
- "description": "Specify if the Alert can be dismissed",
1094
- "attribute": "dismissible"
1095
- },
1096
- {
1097
- "kind": "field",
1098
- "name": "disableAutoFocus",
1099
- "type": {
1100
- "text": "boolean"
1101
- },
1102
- "default": "false",
1103
- "description": "Prevent autofocus on show",
1104
- "attribute": "disableAutoFocus"
1318
+ "default": "1",
1319
+ "description": "Specify how many items show after ellipsis",
1320
+ "fieldName": "itemsAfterCollapse"
1105
1321
  },
1106
1322
  {
1107
- "kind": "field",
1108
- "name": "disableCloseOnEscape",
1323
+ "name": "theme",
1109
1324
  "type": {
1110
- "text": "boolean"
1325
+ "text": "'light' | 'dark' | undefined"
1111
1326
  },
1112
- "default": "false",
1113
- "description": "Prevent Escape from closing",
1114
- "attribute": "disableCloseOnEscape"
1327
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1328
+ "fieldName": "theme"
1115
1329
  }
1116
1330
  ],
1117
- "events": [
1331
+ "superclass": {
1332
+ "name": "LitElement",
1333
+ "package": "lit"
1334
+ },
1335
+ "tagName": "bm-breadcrumb",
1336
+ "customElement": true
1337
+ }
1338
+ ],
1339
+ "exports": [
1340
+ {
1341
+ "kind": "js",
1342
+ "name": "BmBreadcrumbs",
1343
+ "declaration": {
1344
+ "name": "BmBreadcrumbs",
1345
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1346
+ }
1347
+ },
1348
+ {
1349
+ "kind": "custom-element-definition",
1350
+ "name": "bm-breadcrumb",
1351
+ "declaration": {
1352
+ "name": "BmBreadcrumbs",
1353
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1354
+ }
1355
+ }
1356
+ ]
1357
+ },
1358
+ {
1359
+ "kind": "javascript-module",
1360
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1361
+ "declarations": [
1362
+ {
1363
+ "kind": "class",
1364
+ "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** ",
1365
+ "name": "BmBreadcrumbsItem",
1366
+ "slots": [
1118
1367
  {
1119
- "description": "Dispatched when the Alert has been dismissed",
1120
- "name": "bm-dismiss"
1368
+ "description": "Pass text to an item",
1369
+ "name": "default"
1370
+ },
1371
+ {
1372
+ "description": "Pass icon to an item",
1373
+ "name": "icon"
1121
1374
  }
1122
1375
  ],
1123
- "attributes": [
1376
+ "members": [
1124
1377
  {
1125
- "name": "heading",
1378
+ "kind": "field",
1379
+ "name": "href",
1126
1380
  "type": {
1127
1381
  "text": "string | undefined"
1128
1382
  },
1129
- "description": "Specify the heading text for Alert",
1130
- "fieldName": "heading"
1383
+ "description": "Pass href to an item",
1384
+ "attribute": "href"
1131
1385
  },
1132
1386
  {
1133
- "name": "body",
1387
+ "kind": "field",
1388
+ "name": "clickable",
1134
1389
  "type": {
1135
- "text": "string | undefined"
1390
+ "text": "boolean"
1136
1391
  },
1137
- "description": "Specify the body text for Alert",
1138
- "fieldName": "body"
1392
+ "default": "false",
1393
+ "description": "Specify if the item is interactive without an href",
1394
+ "attribute": "clickable"
1139
1395
  },
1140
1396
  {
1141
- "name": "size",
1397
+ "kind": "field",
1398
+ "name": "truncationWidth",
1142
1399
  "type": {
1143
- "text": "'sm' | 'md'"
1400
+ "text": "string | undefined"
1144
1401
  },
1145
- "default": "'sm'",
1146
- "description": "Specify the size of the Alert",
1147
- "fieldName": "size"
1402
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1403
+ "attribute": "truncationWidth"
1148
1404
  },
1149
1405
  {
1150
- "name": "fullWidth",
1406
+ "kind": "field",
1407
+ "name": "isCurrent",
1151
1408
  "type": {
1152
1409
  "text": "boolean"
1153
1410
  },
1154
1411
  "default": "false",
1155
- "description": "Specify if the Alert has no border radius",
1156
- "fieldName": "fullWidth"
1157
- },
1158
- {
1159
- "name": "theme",
1160
- "type": {
1161
- "text": "'light' | 'dark' | undefined"
1162
- },
1163
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1164
- "fieldName": "theme"
1412
+ "description": "Specify explicitly if the item is the last one",
1413
+ "attribute": "isCurrent",
1414
+ "reflects": true
1165
1415
  },
1166
1416
  {
1167
- "name": "appearance",
1417
+ "kind": "field",
1418
+ "name": "isCollapsed",
1168
1419
  "type": {
1169
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1420
+ "text": "boolean"
1170
1421
  },
1171
- "default": "'infoPrimary'",
1172
- "description": "Specify the appearance of the Alert",
1173
- "fieldName": "appearance"
1174
- },
1422
+ "default": "false",
1423
+ "attribute": "isCollapsed",
1424
+ "reflects": true
1425
+ }
1426
+ ],
1427
+ "attributes": [
1175
1428
  {
1176
- "name": "hidden",
1429
+ "name": "href",
1177
1430
  "type": {
1178
- "text": "boolean"
1431
+ "text": "string | undefined"
1179
1432
  },
1180
- "default": "false",
1181
- "description": "Specify if the Alert is hidden",
1182
- "fieldName": "hidden"
1433
+ "description": "Pass href to an item",
1434
+ "fieldName": "href"
1183
1435
  },
1184
1436
  {
1185
- "name": "hideIcon",
1437
+ "name": "clickable",
1186
1438
  "type": {
1187
1439
  "text": "boolean"
1188
1440
  },
1189
1441
  "default": "false",
1190
- "description": "Specify if the icon displays on the Alert",
1191
- "fieldName": "hideIcon"
1442
+ "description": "Specify if the item is interactive without an href",
1443
+ "fieldName": "clickable"
1192
1444
  },
1193
1445
  {
1194
- "name": "dismissible",
1446
+ "name": "truncationWidth",
1195
1447
  "type": {
1196
- "text": "boolean"
1448
+ "text": "string | undefined"
1197
1449
  },
1198
- "default": "false",
1199
- "description": "Specify if the Alert can be dismissed",
1200
- "fieldName": "dismissible"
1450
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1451
+ "fieldName": "truncationWidth"
1201
1452
  },
1202
1453
  {
1203
- "name": "disableAutoFocus",
1454
+ "name": "isCurrent",
1204
1455
  "type": {
1205
1456
  "text": "boolean"
1206
1457
  },
1207
1458
  "default": "false",
1208
- "description": "Prevent autofocus on show",
1209
- "fieldName": "disableAutoFocus"
1459
+ "description": "Specify explicitly if the item is the last one",
1460
+ "fieldName": "isCurrent"
1210
1461
  },
1211
1462
  {
1212
- "name": "disableCloseOnEscape",
1463
+ "name": "isCollapsed",
1213
1464
  "type": {
1214
1465
  "text": "boolean"
1215
1466
  },
1216
1467
  "default": "false",
1217
- "description": "Prevent Escape from closing",
1218
- "fieldName": "disableCloseOnEscape"
1468
+ "fieldName": "isCollapsed"
1219
1469
  }
1220
1470
  ],
1221
1471
  "superclass": {
1222
1472
  "name": "LitElement",
1223
1473
  "package": "lit"
1224
1474
  },
1225
- "tagName": "bm-alert",
1475
+ "tagName": "bm-breadcrumb-item",
1226
1476
  "customElement": true
1227
1477
  }
1228
1478
  ],
1229
1479
  "exports": [
1230
1480
  {
1231
1481
  "kind": "js",
1232
- "name": "BmAlert",
1482
+ "name": "BmBreadcrumbsItem",
1233
1483
  "declaration": {
1234
- "name": "BmAlert",
1235
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1484
+ "name": "BmBreadcrumbsItem",
1485
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1236
1486
  }
1237
1487
  },
1238
1488
  {
1239
1489
  "kind": "custom-element-definition",
1240
- "name": "bm-alert",
1490
+ "name": "bm-breadcrumb-item",
1241
1491
  "declaration": {
1242
- "name": "BmAlert",
1243
- "module": "libs/web-components/src/lib/Alert/Alert.ts"
1492
+ "name": "BmBreadcrumbsItem",
1493
+ "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1244
1494
  }
1245
1495
  }
1246
1496
  ]
1247
1497
  },
1248
1498
  {
1249
1499
  "kind": "javascript-module",
1250
- "path": "libs/web-components/src/lib/Alert/index.ts",
1500
+ "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1251
1501
  "declarations": [],
1252
1502
  "exports": [
1253
1503
  {
@@ -1255,383 +1505,443 @@
1255
1505
  "name": "*",
1256
1506
  "declaration": {
1257
1507
  "name": "*",
1258
- "package": "./Alert"
1508
+ "package": "./Breadcrumbs"
1509
+ }
1510
+ },
1511
+ {
1512
+ "kind": "js",
1513
+ "name": "*",
1514
+ "declaration": {
1515
+ "name": "*",
1516
+ "package": "./BreadcrumbsItem"
1259
1517
  }
1260
1518
  }
1261
1519
  ]
1262
1520
  },
1263
1521
  {
1264
1522
  "kind": "javascript-module",
1265
- "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1523
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
1266
1524
  "declarations": [
1267
1525
  {
1268
1526
  "kind": "class",
1269
- "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** ",
1270
- "name": "BmAvatar",
1527
+ "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",
1528
+ "name": "BmAlert",
1271
1529
  "slots": [
1272
1530
  {
1273
- "description": "Customize the default icon",
1531
+ "description": "Specify a different icon for the Alert",
1274
1532
  "name": "icon"
1533
+ },
1534
+ {
1535
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1536
+ "name": "heading"
1537
+ },
1538
+ {
1539
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1540
+ "name": "body"
1541
+ },
1542
+ {
1543
+ "description": "Specify if actions display on the Alert",
1544
+ "name": "actions"
1275
1545
  }
1276
1546
  ],
1277
1547
  "members": [
1278
1548
  {
1279
1549
  "kind": "field",
1280
- "name": "appearance",
1550
+ "name": "heading",
1281
1551
  "type": {
1282
- "text": "'accent' | 'neutral' | undefined"
1552
+ "text": "string | undefined"
1283
1553
  },
1284
- "default": "'neutral'",
1285
- "description": "Specify the appearance of the Avatar",
1286
- "attribute": "appearance"
1554
+ "description": "Specify the heading text for Alert",
1555
+ "attribute": "heading"
1287
1556
  },
1288
1557
  {
1289
1558
  "kind": "field",
1290
- "name": "name",
1559
+ "name": "body",
1291
1560
  "type": {
1292
1561
  "text": "string | undefined"
1293
1562
  },
1294
- "description": "Specify a name to display initials in the Avatar",
1295
- "attribute": "name"
1563
+ "description": "Specify the body text for Alert",
1564
+ "attribute": "body"
1296
1565
  },
1297
1566
  {
1298
1567
  "kind": "field",
1299
- "name": "src",
1568
+ "name": "size",
1300
1569
  "type": {
1301
- "text": "string | undefined"
1570
+ "text": "'sm' | 'md'"
1302
1571
  },
1303
- "description": "Pass an image to the Avatar",
1304
- "attribute": "src"
1572
+ "default": "'sm'",
1573
+ "description": "Specify the size of the Alert",
1574
+ "attribute": "size"
1305
1575
  },
1306
1576
  {
1307
1577
  "kind": "field",
1308
- "name": "alt",
1578
+ "name": "fullWidth",
1309
1579
  "type": {
1310
- "text": "string | undefined"
1580
+ "text": "boolean"
1311
1581
  },
1312
- "description": "Specify alt for image",
1313
- "attribute": "alt"
1582
+ "default": "false",
1583
+ "description": "Specify if the Alert has no border radius",
1584
+ "attribute": "fullWidth"
1314
1585
  },
1315
1586
  {
1316
1587
  "kind": "field",
1317
- "name": "size",
1588
+ "name": "theme",
1318
1589
  "type": {
1319
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1590
+ "text": "'light' | 'dark' | undefined"
1320
1591
  },
1321
- "default": "'md'",
1322
- "description": "Specify the size of the Avatar",
1323
- "attribute": "size"
1592
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1593
+ "attribute": "theme"
1324
1594
  },
1325
1595
  {
1326
1596
  "kind": "field",
1327
- "name": "disabled",
1597
+ "name": "appearance",
1328
1598
  "type": {
1329
- "text": "boolean | undefined"
1599
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1600
+ },
1601
+ "default": "'infoPrimary'",
1602
+ "description": "Specify the appearance of the Alert",
1603
+ "attribute": "appearance"
1604
+ },
1605
+ {
1606
+ "kind": "field",
1607
+ "name": "hidden",
1608
+ "type": {
1609
+ "text": "boolean"
1330
1610
  },
1331
1611
  "default": "false",
1332
- "description": "Specify if the Avatar is disabled",
1333
- "attribute": "disabled"
1612
+ "description": "Specify if the Alert is hidden",
1613
+ "attribute": "hidden"
1334
1614
  },
1335
1615
  {
1336
1616
  "kind": "field",
1337
- "name": "shape",
1617
+ "name": "hideIcon",
1338
1618
  "type": {
1339
- "text": "'circle' | 'square' | undefined"
1619
+ "text": "boolean"
1340
1620
  },
1341
- "default": "'circle'",
1342
- "description": "Specify the shape of the Avatar",
1343
- "attribute": "shape"
1621
+ "default": "false",
1622
+ "description": "Specify if the icon displays on the Alert",
1623
+ "attribute": "hideIcon"
1344
1624
  },
1345
1625
  {
1346
1626
  "kind": "field",
1347
- "name": "isInteractive",
1627
+ "name": "dismissible",
1348
1628
  "type": {
1349
1629
  "text": "boolean"
1350
1630
  },
1351
1631
  "default": "false",
1352
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
- "attribute": "isInteractive"
1632
+ "description": "Specify if the Alert can be dismissed",
1633
+ "attribute": "dismissible"
1354
1634
  },
1355
1635
  {
1356
1636
  "kind": "field",
1357
- "name": "isFocusable",
1637
+ "name": "disableAutoFocus",
1358
1638
  "type": {
1359
1639
  "text": "boolean"
1360
1640
  },
1361
1641
  "default": "false",
1362
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
- "attribute": "isFocusable"
1642
+ "description": "Prevent autofocus on show",
1643
+ "attribute": "disableAutoFocus"
1364
1644
  },
1365
1645
  {
1366
1646
  "kind": "field",
1367
- "name": "withBorder",
1647
+ "name": "disableCloseOnEscape",
1368
1648
  "type": {
1369
1649
  "text": "boolean"
1370
1650
  },
1371
1651
  "default": "false",
1372
- "attribute": "withBorder"
1652
+ "description": "Prevent Escape from closing",
1653
+ "attribute": "disableCloseOnEscape"
1654
+ }
1655
+ ],
1656
+ "events": [
1657
+ {
1658
+ "description": "Dispatched when the Alert has been dismissed",
1659
+ "name": "bm-dismiss"
1373
1660
  }
1374
1661
  ],
1375
1662
  "attributes": [
1376
1663
  {
1377
- "name": "appearance",
1664
+ "name": "heading",
1378
1665
  "type": {
1379
- "text": "'accent' | 'neutral' | undefined"
1666
+ "text": "string | undefined"
1380
1667
  },
1381
- "default": "'neutral'",
1382
- "description": "Specify the appearance of the Avatar",
1383
- "fieldName": "appearance"
1668
+ "description": "Specify the heading text for Alert",
1669
+ "fieldName": "heading"
1384
1670
  },
1385
1671
  {
1386
- "name": "name",
1672
+ "name": "body",
1387
1673
  "type": {
1388
1674
  "text": "string | undefined"
1389
1675
  },
1390
- "description": "Specify a name to display initials in the Avatar",
1391
- "fieldName": "name"
1676
+ "description": "Specify the body text for Alert",
1677
+ "fieldName": "body"
1392
1678
  },
1393
1679
  {
1394
- "name": "src",
1680
+ "name": "size",
1395
1681
  "type": {
1396
- "text": "string | undefined"
1682
+ "text": "'sm' | 'md'"
1397
1683
  },
1398
- "description": "Pass an image to the Avatar",
1399
- "fieldName": "src"
1684
+ "default": "'sm'",
1685
+ "description": "Specify the size of the Alert",
1686
+ "fieldName": "size"
1400
1687
  },
1401
1688
  {
1402
- "name": "alt",
1689
+ "name": "fullWidth",
1403
1690
  "type": {
1404
- "text": "string | undefined"
1691
+ "text": "boolean"
1405
1692
  },
1406
- "description": "Specify alt for image",
1407
- "fieldName": "alt"
1693
+ "default": "false",
1694
+ "description": "Specify if the Alert has no border radius",
1695
+ "fieldName": "fullWidth"
1408
1696
  },
1409
1697
  {
1410
- "name": "size",
1698
+ "name": "theme",
1411
1699
  "type": {
1412
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1700
+ "text": "'light' | 'dark' | undefined"
1413
1701
  },
1414
- "default": "'md'",
1415
- "description": "Specify the size of the Avatar",
1416
- "fieldName": "size"
1702
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1703
+ "fieldName": "theme"
1417
1704
  },
1418
1705
  {
1419
- "name": "disabled",
1706
+ "name": "appearance",
1420
1707
  "type": {
1421
- "text": "boolean | undefined"
1708
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1709
+ },
1710
+ "default": "'infoPrimary'",
1711
+ "description": "Specify the appearance of the Alert",
1712
+ "fieldName": "appearance"
1713
+ },
1714
+ {
1715
+ "name": "hidden",
1716
+ "type": {
1717
+ "text": "boolean"
1422
1718
  },
1423
1719
  "default": "false",
1424
- "description": "Specify if the Avatar is disabled",
1425
- "fieldName": "disabled"
1720
+ "description": "Specify if the Alert is hidden",
1721
+ "fieldName": "hidden"
1426
1722
  },
1427
1723
  {
1428
- "name": "shape",
1724
+ "name": "hideIcon",
1429
1725
  "type": {
1430
- "text": "'circle' | 'square' | undefined"
1726
+ "text": "boolean"
1431
1727
  },
1432
- "default": "'circle'",
1433
- "description": "Specify the shape of the Avatar",
1434
- "fieldName": "shape"
1728
+ "default": "false",
1729
+ "description": "Specify if the icon displays on the Alert",
1730
+ "fieldName": "hideIcon"
1435
1731
  },
1436
1732
  {
1437
- "name": "isInteractive",
1733
+ "name": "dismissible",
1438
1734
  "type": {
1439
1735
  "text": "boolean"
1440
1736
  },
1441
1737
  "default": "false",
1442
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
- "fieldName": "isInteractive"
1738
+ "description": "Specify if the Alert can be dismissed",
1739
+ "fieldName": "dismissible"
1444
1740
  },
1445
1741
  {
1446
- "name": "isFocusable",
1742
+ "name": "disableAutoFocus",
1447
1743
  "type": {
1448
1744
  "text": "boolean"
1449
1745
  },
1450
1746
  "default": "false",
1451
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
- "fieldName": "isFocusable"
1747
+ "description": "Prevent autofocus on show",
1748
+ "fieldName": "disableAutoFocus"
1453
1749
  },
1454
1750
  {
1455
- "name": "withBorder",
1751
+ "name": "disableCloseOnEscape",
1456
1752
  "type": {
1457
1753
  "text": "boolean"
1458
1754
  },
1459
1755
  "default": "false",
1460
- "fieldName": "withBorder"
1756
+ "description": "Prevent Escape from closing",
1757
+ "fieldName": "disableCloseOnEscape"
1461
1758
  }
1462
1759
  ],
1463
1760
  "superclass": {
1464
1761
  "name": "LitElement",
1465
1762
  "package": "lit"
1466
1763
  },
1467
- "tagName": "bm-avatar",
1764
+ "tagName": "bm-alert",
1468
1765
  "customElement": true
1469
1766
  }
1470
1767
  ],
1471
1768
  "exports": [
1472
1769
  {
1473
1770
  "kind": "js",
1474
- "name": "BmAvatar",
1771
+ "name": "BmAlert",
1475
1772
  "declaration": {
1476
- "name": "BmAvatar",
1477
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1773
+ "name": "BmAlert",
1774
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1478
1775
  }
1479
1776
  },
1480
1777
  {
1481
1778
  "kind": "custom-element-definition",
1482
- "name": "bm-avatar",
1779
+ "name": "bm-alert",
1483
1780
  "declaration": {
1484
- "name": "BmAvatar",
1485
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1781
+ "name": "BmAlert",
1782
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1486
1783
  }
1487
1784
  }
1488
1785
  ]
1489
1786
  },
1490
1787
  {
1491
1788
  "kind": "javascript-module",
1492
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
- "declarations": [
1494
- {
1495
- "kind": "variable",
1496
- "name": "AvatarGroupCtx"
1497
- }
1498
- ],
1789
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1790
+ "declarations": [],
1499
1791
  "exports": [
1500
1792
  {
1501
1793
  "kind": "js",
1502
- "name": "AvatarGroupCtx",
1794
+ "name": "*",
1503
1795
  "declaration": {
1504
- "name": "AvatarGroupCtx",
1505
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1796
+ "name": "*",
1797
+ "package": "./Alert"
1506
1798
  }
1507
1799
  }
1508
1800
  ]
1509
1801
  },
1510
1802
  {
1511
1803
  "kind": "javascript-module",
1512
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1804
+ "path": "libs/web-components/src/lib/Badge/Badge.ts",
1513
1805
  "declarations": [
1514
1806
  {
1515
1807
  "kind": "class",
1516
- "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.",
1517
- "name": "BmAvatarGroup",
1808
+ "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon",
1809
+ "name": "BmBadge",
1518
1810
  "slots": [
1519
1811
  {
1520
- "description": "Add Avatars to create a group",
1812
+ "description": "Provide text for the Badge",
1521
1813
  "name": "default"
1814
+ },
1815
+ {
1816
+ "description": "Specify a different icon for the Badge",
1817
+ "name": "icon"
1522
1818
  }
1523
1819
  ],
1524
1820
  "members": [
1525
1821
  {
1526
1822
  "kind": "field",
1527
- "name": "wrapping",
1823
+ "name": "appearance",
1528
1824
  "type": {
1529
- "text": "boolean"
1825
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1530
1826
  },
1531
- "default": "false",
1532
- "description": "Specify if the AvatarGroup wraps",
1533
- "attribute": "wrapping"
1827
+ "default": "'infoPrimary'",
1828
+ "description": "Specify the appearance of the Badge",
1829
+ "attribute": "appearance"
1534
1830
  },
1535
1831
  {
1536
1832
  "kind": "field",
1537
- "name": "maxCount",
1833
+ "name": "theme",
1538
1834
  "type": {
1539
- "text": "number"
1835
+ "text": "'light' | 'dark' | undefined"
1540
1836
  },
1541
- "default": "5",
1542
- "description": "Specify the max number of avatars displayed in the group.",
1543
- "attribute": "maxCount",
1544
- "reflects": true
1837
+ "description": "Theme of the Badge",
1838
+ "attribute": "theme"
1545
1839
  },
1546
1840
  {
1547
1841
  "kind": "field",
1548
1842
  "name": "size",
1549
1843
  "type": {
1550
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1844
+ "text": "'sm' | 'md' | undefined"
1551
1845
  },
1552
- "default": "'md'",
1553
- "description": "Specify the size of all Avatars",
1846
+ "default": "'sm'",
1847
+ "description": "Specify the size of the Badge",
1554
1848
  "attribute": "size"
1555
1849
  },
1556
1850
  {
1557
1851
  "kind": "field",
1558
- "name": "layout",
1852
+ "name": "emphasis",
1559
1853
  "type": {
1560
- "text": "'stacked' | 'spaced' | undefined"
1854
+ "text": "'strong' | 'medium' | 'subtle'"
1561
1855
  },
1562
- "default": "'stacked'",
1563
- "description": "Specify the kind of the group.",
1564
- "attribute": "layout"
1856
+ "default": "'strong'",
1857
+ "description": "Specify the emphasis of the Badge",
1858
+ "attribute": "emphasis"
1859
+ },
1860
+ {
1861
+ "kind": "field",
1862
+ "name": "hideIcon",
1863
+ "type": {
1864
+ "text": "boolean | undefined"
1865
+ },
1866
+ "description": "Hides Badge icon",
1867
+ "attribute": "hideIcon"
1565
1868
  }
1566
1869
  ],
1567
1870
  "attributes": [
1568
1871
  {
1569
- "name": "wrapping",
1872
+ "name": "appearance",
1570
1873
  "type": {
1571
- "text": "boolean"
1874
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1572
1875
  },
1573
- "default": "false",
1574
- "description": "Specify if the AvatarGroup wraps",
1575
- "fieldName": "wrapping"
1876
+ "default": "'infoPrimary'",
1877
+ "description": "Specify the appearance of the Badge",
1878
+ "fieldName": "appearance"
1576
1879
  },
1577
1880
  {
1578
- "name": "maxCount",
1881
+ "name": "theme",
1579
1882
  "type": {
1580
- "text": "number"
1883
+ "text": "'light' | 'dark' | undefined"
1581
1884
  },
1582
- "default": "5",
1583
- "description": "Specify the max number of avatars displayed in the group.",
1584
- "fieldName": "maxCount"
1885
+ "description": "Theme of the Badge",
1886
+ "fieldName": "theme"
1585
1887
  },
1586
1888
  {
1587
1889
  "name": "size",
1588
1890
  "type": {
1589
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1891
+ "text": "'sm' | 'md' | undefined"
1590
1892
  },
1591
- "default": "'md'",
1592
- "description": "Specify the size of all Avatars",
1893
+ "default": "'sm'",
1894
+ "description": "Specify the size of the Badge",
1593
1895
  "fieldName": "size"
1594
1896
  },
1595
1897
  {
1596
- "name": "layout",
1898
+ "name": "emphasis",
1597
1899
  "type": {
1598
- "text": "'stacked' | 'spaced' | undefined"
1900
+ "text": "'strong' | 'medium' | 'subtle'"
1599
1901
  },
1600
- "default": "'stacked'",
1601
- "description": "Specify the kind of the group.",
1602
- "fieldName": "layout"
1902
+ "default": "'strong'",
1903
+ "description": "Specify the emphasis of the Badge",
1904
+ "fieldName": "emphasis"
1905
+ },
1906
+ {
1907
+ "name": "hideIcon",
1908
+ "type": {
1909
+ "text": "boolean | undefined"
1910
+ },
1911
+ "description": "Hides Badge icon",
1912
+ "fieldName": "hideIcon"
1603
1913
  }
1604
1914
  ],
1605
1915
  "superclass": {
1606
1916
  "name": "LitElement",
1607
1917
  "package": "lit"
1608
1918
  },
1609
- "tagName": "bm-avatar-group",
1919
+ "tagName": "bm-badge",
1610
1920
  "customElement": true
1611
1921
  }
1612
1922
  ],
1613
1923
  "exports": [
1614
1924
  {
1615
1925
  "kind": "js",
1616
- "name": "BmAvatarGroup",
1926
+ "name": "BmBadge",
1617
1927
  "declaration": {
1618
- "name": "BmAvatarGroup",
1619
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1928
+ "name": "BmBadge",
1929
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1620
1930
  }
1621
1931
  },
1622
1932
  {
1623
1933
  "kind": "custom-element-definition",
1624
- "name": "bm-avatar-group",
1934
+ "name": "bm-badge",
1625
1935
  "declaration": {
1626
- "name": "BmAvatarGroup",
1627
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1936
+ "name": "BmBadge",
1937
+ "module": "libs/web-components/src/lib/Badge/Badge.ts"
1628
1938
  }
1629
1939
  }
1630
1940
  ]
1631
1941
  },
1632
1942
  {
1633
1943
  "kind": "javascript-module",
1634
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1944
+ "path": "libs/web-components/src/lib/Badge/index.ts",
1635
1945
  "declarations": [],
1636
1946
  "exports": [
1637
1947
  {
@@ -1639,465 +1949,155 @@
1639
1949
  "name": "*",
1640
1950
  "declaration": {
1641
1951
  "name": "*",
1642
- "package": "./Avatar"
1643
- }
1644
- },
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./AvatarGroup"
1651
- }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1658
- "declarations": [
1659
- {
1660
- "kind": "variable",
1661
- "name": "BreadcrumbGroupCtx"
1662
- }
1663
- ],
1664
- "exports": [
1665
- {
1666
- "kind": "js",
1667
- "name": "BreadcrumbGroupCtx",
1668
- "declaration": {
1669
- "name": "BreadcrumbGroupCtx",
1670
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1952
+ "package": "./Badge"
1671
1953
  }
1672
1954
  }
1673
1955
  ]
1674
1956
  },
1675
1957
  {
1676
1958
  "kind": "javascript-module",
1677
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1959
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1678
1960
  "declarations": [
1679
1961
  {
1680
1962
  "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",
1963
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
+ "name": "BmButton",
1683
1965
  "slots": [
1684
1966
  {
1685
- "description": "Pass items to the Breadcrumb",
1967
+ "description": "Provide content for the Button",
1686
1968
  "name": "default"
1969
+ },
1970
+ {
1971
+ "description": "Specify if the Button displays icon before the text",
1972
+ "name": "iconBefore"
1973
+ },
1974
+ {
1975
+ "description": "Specify if the Button displays icon after the text",
1976
+ "name": "iconAfter"
1687
1977
  }
1688
1978
  ],
1689
1979
  "members": [
1690
1980
  {
1691
1981
  "kind": "field",
1692
- "name": "wrap",
1982
+ "name": "formAssociated",
1693
1983
  "type": {
1694
1984
  "text": "boolean"
1695
1985
  },
1696
- "default": "true",
1697
- "description": "Specify if items wrap or collapse to an ellipsis",
1698
- "attribute": "wrap"
1986
+ "static": true,
1987
+ "default": "true"
1699
1988
  },
1700
1989
  {
1701
1990
  "kind": "field",
1702
- "name": "itemsBeforeCollapse",
1991
+ "name": "appearance",
1703
1992
  "type": {
1704
- "text": "number"
1993
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1705
1994
  },
1706
- "default": "1",
1707
- "description": "Specify how many items show before ellipsis",
1708
- "attribute": "itemsBeforeCollapse"
1995
+ "default": "'accent'",
1996
+ "description": "Specify the appearance of a Button",
1997
+ "attribute": "appearance"
1709
1998
  },
1710
1999
  {
1711
2000
  "kind": "field",
1712
- "name": "itemsAfterCollapse",
2001
+ "name": "kind",
1713
2002
  "type": {
1714
- "text": "number"
2003
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1715
2004
  },
1716
- "default": "1",
1717
- "description": "Specify how many items show after ellipsis",
1718
- "attribute": "itemsAfterCollapse"
2005
+ "default": "'filled'",
2006
+ "description": "Specify the kind of Button",
2007
+ "attribute": "kind"
1719
2008
  },
1720
2009
  {
1721
2010
  "kind": "field",
1722
- "name": "theme",
1723
- "type": {
1724
- "text": "'light' | 'dark' | undefined"
1725
- },
1726
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
- "attribute": "theme"
1728
- }
1729
- ],
1730
- "attributes": [
1731
- {
1732
- "name": "wrap",
2011
+ "name": "size",
1733
2012
  "type": {
1734
- "text": "boolean"
2013
+ "text": "'sm' | 'md' | 'lg'"
1735
2014
  },
1736
- "default": "true",
1737
- "description": "Specify if items wrap or collapse to an ellipsis",
1738
- "fieldName": "wrap"
2015
+ "default": "'md'",
2016
+ "description": "Specify the size of a Button",
2017
+ "attribute": "size"
1739
2018
  },
1740
2019
  {
1741
- "name": "itemsBeforeCollapse",
2020
+ "kind": "field",
2021
+ "name": "disabled",
1742
2022
  "type": {
1743
- "text": "number"
2023
+ "text": "boolean"
1744
2024
  },
1745
- "default": "1",
1746
- "description": "Specify how many items show before ellipsis",
1747
- "fieldName": "itemsBeforeCollapse"
2025
+ "default": "false",
2026
+ "description": "Specify if the Button is disabled",
2027
+ "attribute": "disabled"
1748
2028
  },
1749
2029
  {
1750
- "name": "itemsAfterCollapse",
2030
+ "kind": "field",
2031
+ "name": "fluid",
1751
2032
  "type": {
1752
- "text": "number"
2033
+ "text": "boolean"
1753
2034
  },
1754
- "default": "1",
1755
- "description": "Specify how many items show after ellipsis",
1756
- "fieldName": "itemsAfterCollapse"
2035
+ "default": "false",
2036
+ "description": "Specify if Button is fluid",
2037
+ "attribute": "fluid"
1757
2038
  },
1758
2039
  {
1759
- "name": "theme",
2040
+ "kind": "field",
2041
+ "name": "width",
1760
2042
  "type": {
1761
- "text": "'light' | 'dark' | undefined"
2043
+ "text": "string | undefined"
1762
2044
  },
1763
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
- "fieldName": "theme"
1765
- }
1766
- ],
1767
- "superclass": {
1768
- "name": "LitElement",
1769
- "package": "lit"
1770
- },
1771
- "tagName": "bm-breadcrumb",
1772
- "customElement": true
1773
- }
1774
- ],
1775
- "exports": [
1776
- {
1777
- "kind": "js",
1778
- "name": "BmBreadcrumbs",
1779
- "declaration": {
1780
- "name": "BmBreadcrumbs",
1781
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1782
- }
1783
- },
1784
- {
1785
- "kind": "custom-element-definition",
1786
- "name": "bm-breadcrumb",
1787
- "declaration": {
1788
- "name": "BmBreadcrumbs",
1789
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1790
- }
1791
- }
1792
- ]
1793
- },
1794
- {
1795
- "kind": "javascript-module",
1796
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1797
- "declarations": [
1798
- {
1799
- "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",
1802
- "slots": [
1803
- {
1804
- "description": "Pass text to an item",
1805
- "name": "default"
2045
+ "description": "Specify the width of a Button",
2046
+ "attribute": "width"
1806
2047
  },
1807
- {
1808
- "description": "Pass icon to an item",
1809
- "name": "icon"
1810
- }
1811
- ],
1812
- "members": [
1813
2048
  {
1814
2049
  "kind": "field",
1815
- "name": "href",
2050
+ "name": "height",
1816
2051
  "type": {
1817
2052
  "text": "string | undefined"
1818
2053
  },
1819
- "description": "Pass href to an item",
1820
- "attribute": "href"
2054
+ "description": "Specify the height of a Button",
2055
+ "attribute": "height"
1821
2056
  },
1822
2057
  {
1823
2058
  "kind": "field",
1824
- "name": "clickable",
2059
+ "name": "theme",
1825
2060
  "type": {
1826
- "text": "boolean"
2061
+ "text": "'light' | 'dark' | undefined"
1827
2062
  },
1828
- "default": "false",
1829
- "description": "Specify if the item is interactive without an href",
1830
- "attribute": "clickable"
2063
+ "description": "Specify the theme of the Button",
2064
+ "attribute": "theme"
1831
2065
  },
1832
2066
  {
1833
2067
  "kind": "field",
1834
- "name": "truncationWidth",
2068
+ "name": "iconOnly",
1835
2069
  "type": {
1836
- "text": "string | undefined"
2070
+ "text": "boolean | undefined"
1837
2071
  },
1838
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
- "attribute": "truncationWidth"
2072
+ "description": "Specify if the icon displays without text",
2073
+ "attribute": "iconOnly"
1840
2074
  },
1841
2075
  {
1842
2076
  "kind": "field",
1843
- "name": "isCurrent",
2077
+ "name": "type",
1844
2078
  "type": {
1845
- "text": "boolean"
2079
+ "text": "string"
1846
2080
  },
1847
- "default": "false",
1848
- "description": "Specify explicitly if the item is the last one",
1849
- "attribute": "isCurrent",
1850
- "reflects": true
2081
+ "default": "'button'",
2082
+ "attribute": "type"
1851
2083
  },
1852
2084
  {
1853
2085
  "kind": "field",
1854
- "name": "isCollapsed",
2086
+ "name": "formContext",
1855
2087
  "type": {
1856
- "text": "boolean"
1857
- },
1858
- "default": "false",
1859
- "attribute": "isCollapsed",
1860
- "reflects": true
2088
+ "text": "BmFormContext"
2089
+ }
1861
2090
  }
1862
2091
  ],
1863
2092
  "attributes": [
1864
2093
  {
1865
- "name": "href",
2094
+ "name": "appearance",
1866
2095
  "type": {
1867
- "text": "string | undefined"
2096
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1868
2097
  },
1869
- "description": "Pass href to an item",
1870
- "fieldName": "href"
1871
- },
1872
- {
1873
- "name": "clickable",
1874
- "type": {
1875
- "text": "boolean"
1876
- },
1877
- "default": "false",
1878
- "description": "Specify if the item is interactive without an href",
1879
- "fieldName": "clickable"
1880
- },
1881
- {
1882
- "name": "truncationWidth",
1883
- "type": {
1884
- "text": "string | undefined"
1885
- },
1886
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
- "fieldName": "truncationWidth"
1888
- },
1889
- {
1890
- "name": "isCurrent",
1891
- "type": {
1892
- "text": "boolean"
1893
- },
1894
- "default": "false",
1895
- "description": "Specify explicitly if the item is the last one",
1896
- "fieldName": "isCurrent"
1897
- },
1898
- {
1899
- "name": "isCollapsed",
1900
- "type": {
1901
- "text": "boolean"
1902
- },
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
- ],
1915
- "exports": [
1916
- {
1917
- "kind": "js",
1918
- "name": "BmBreadcrumbsItem",
1919
- "declaration": {
1920
- "name": "BmBreadcrumbsItem",
1921
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1922
- }
1923
- },
1924
- {
1925
- "kind": "custom-element-definition",
1926
- "name": "bm-breadcrumb-item",
1927
- "declaration": {
1928
- "name": "BmBreadcrumbsItem",
1929
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
1930
- }
1931
- }
1932
- ]
1933
- },
1934
- {
1935
- "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1937
- "declarations": [],
1938
- "exports": [
1939
- {
1940
- "kind": "js",
1941
- "name": "*",
1942
- "declaration": {
1943
- "name": "*",
1944
- "package": "./Breadcrumbs"
1945
- }
1946
- },
1947
- {
1948
- "kind": "js",
1949
- "name": "*",
1950
- "declaration": {
1951
- "name": "*",
1952
- "package": "./BreadcrumbsItem"
1953
- }
1954
- }
1955
- ]
1956
- },
1957
- {
1958
- "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
1960
- "declarations": [
1961
- {
1962
- "kind": "class",
1963
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
- "name": "BmButton",
1965
- "slots": [
1966
- {
1967
- "description": "Provide content for the Button",
1968
- "name": "default"
1969
- },
1970
- {
1971
- "description": "Specify if the Button displays icon before the text",
1972
- "name": "iconBefore"
1973
- },
1974
- {
1975
- "description": "Specify if the Button displays icon after the text",
1976
- "name": "iconAfter"
1977
- }
1978
- ],
1979
- "members": [
1980
- {
1981
- "kind": "field",
1982
- "name": "formAssociated",
1983
- "type": {
1984
- "text": "boolean"
1985
- },
1986
- "static": true,
1987
- "default": "true"
1988
- },
1989
- {
1990
- "kind": "field",
1991
- "name": "appearance",
1992
- "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1994
- },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1997
- "attribute": "appearance"
1998
- },
1999
- {
2000
- "kind": "field",
2001
- "name": "kind",
2002
- "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2004
- },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
2008
- },
2009
- {
2010
- "kind": "field",
2011
- "name": "size",
2012
- "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
2014
- },
2015
- "default": "'md'",
2016
- "description": "Specify the size of a Button",
2017
- "attribute": "size"
2018
- },
2019
- {
2020
- "kind": "field",
2021
- "name": "disabled",
2022
- "type": {
2023
- "text": "boolean"
2024
- },
2025
- "default": "false",
2026
- "description": "Specify if the Button is disabled",
2027
- "attribute": "disabled"
2028
- },
2029
- {
2030
- "kind": "field",
2031
- "name": "fluid",
2032
- "type": {
2033
- "text": "boolean"
2034
- },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
2038
- },
2039
- {
2040
- "kind": "field",
2041
- "name": "width",
2042
- "type": {
2043
- "text": "string | undefined"
2044
- },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
2047
- },
2048
- {
2049
- "kind": "field",
2050
- "name": "height",
2051
- "type": {
2052
- "text": "string | undefined"
2053
- },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
2056
- },
2057
- {
2058
- "kind": "field",
2059
- "name": "theme",
2060
- "type": {
2061
- "text": "'light' | 'dark' | undefined"
2062
- },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
2065
- },
2066
- {
2067
- "kind": "field",
2068
- "name": "iconOnly",
2069
- "type": {
2070
- "text": "boolean | undefined"
2071
- },
2072
- "description": "Specify if the icon displays without text",
2073
- "attribute": "iconOnly"
2074
- },
2075
- {
2076
- "kind": "field",
2077
- "name": "type",
2078
- "type": {
2079
- "text": "string"
2080
- },
2081
- "default": "'button'",
2082
- "attribute": "type"
2083
- },
2084
- {
2085
- "kind": "field",
2086
- "name": "formContext",
2087
- "type": {
2088
- "text": "BmFormContext"
2089
- }
2090
- }
2091
- ],
2092
- "attributes": [
2093
- {
2094
- "name": "appearance",
2095
- "type": {
2096
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2097
- },
2098
- "default": "'accent'",
2099
- "description": "Specify the appearance of a Button",
2100
- "fieldName": "appearance"
2098
+ "default": "'accent'",
2099
+ "description": "Specify the appearance of a Button",
2100
+ "fieldName": "appearance"
2101
2101
  },
2102
2102
  {
2103
2103
  "name": "kind",
@@ -7901,123 +7901,127 @@
7901
7901
  },
7902
7902
  {
7903
7903
  "kind": "javascript-module",
7904
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
7904
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
7905
7905
  "declarations": [
7906
7906
  {
7907
- "kind": "class",
7908
- "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",
7909
- "name": "BmNativeSelect",
7910
- "slots": [
7911
- {
7912
- "description": "Specify Options for NativeSelect",
7913
- "name": "slot"
7914
- },
7915
- {
7916
- "description": "Specify Label for NativeSelect",
7917
- "name": "label"
7918
- },
7919
- {
7920
- "description": "Specify HelperText for NativeSelect",
7921
- "name": "helper-text"
7922
- }
7923
- ],
7924
- "members": [
7925
- {
7926
- "kind": "field",
7927
- "name": "required",
7928
- "type": {
7929
- "text": "boolean"
7930
- },
7931
- "default": "false",
7932
- "description": "Specify if NativeSelect is a required input",
7933
- "attribute": "required"
7934
- },
7907
+ "kind": "variable",
7908
+ "name": "bmFormInitials",
7909
+ "type": {
7910
+ "text": "BmFormContext"
7911
+ },
7912
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
7913
+ },
7914
+ {
7915
+ "kind": "variable",
7916
+ "name": "bmFormContext"
7917
+ }
7918
+ ],
7919
+ "exports": [
7920
+ {
7921
+ "kind": "js",
7922
+ "name": "bmFormInitials",
7923
+ "declaration": {
7924
+ "name": "bmFormInitials",
7925
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7926
+ }
7927
+ },
7928
+ {
7929
+ "kind": "js",
7930
+ "name": "bmFormContext",
7931
+ "declaration": {
7932
+ "name": "bmFormContext",
7933
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7934
+ }
7935
+ }
7936
+ ]
7937
+ },
7938
+ {
7939
+ "kind": "javascript-module",
7940
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
7941
+ "declarations": [
7942
+ {
7943
+ "kind": "class",
7944
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
7945
+ "name": "FormField",
7946
+ "members": [
7935
7947
  {
7936
7948
  "kind": "field",
7937
- "name": "readOnly",
7949
+ "name": "formAssociated",
7938
7950
  "type": {
7939
7951
  "text": "boolean"
7940
7952
  },
7941
- "default": "false",
7942
- "description": "Specify if NativeSelect displays in a read-only state",
7943
- "attribute": "readOnly"
7953
+ "static": true,
7954
+ "default": "true"
7944
7955
  },
7945
7956
  {
7946
7957
  "kind": "field",
7947
- "name": "disabled",
7958
+ "name": "id",
7948
7959
  "type": {
7949
- "text": "boolean"
7960
+ "text": "string"
7950
7961
  },
7951
- "default": "false",
7952
- "description": "Specify if NativeSelect displays in a disabled state",
7953
- "attribute": "disabled"
7962
+ "default": "''",
7963
+ "attribute": "id"
7954
7964
  },
7955
7965
  {
7956
7966
  "kind": "field",
7957
- "name": "error",
7967
+ "name": "name",
7958
7968
  "type": {
7959
- "text": "string | undefined"
7969
+ "text": "string"
7960
7970
  },
7961
- "description": "Specify error text and display error state of a NativeSelect",
7962
- "attribute": "error"
7971
+ "default": "''",
7972
+ "attribute": "name",
7973
+ "reflects": true
7963
7974
  },
7964
7975
  {
7965
7976
  "kind": "field",
7966
- "name": "fluid",
7977
+ "name": "value",
7967
7978
  "type": {
7968
- "text": "boolean"
7979
+ "text": "string"
7969
7980
  },
7970
- "default": "false",
7971
- "description": "Specify if NativeSelect is fluid",
7972
- "attribute": "fluid"
7981
+ "default": "''",
7982
+ "attribute": "value"
7973
7983
  },
7974
7984
  {
7975
7985
  "kind": "field",
7976
- "name": "size",
7986
+ "name": "validationRules",
7977
7987
  "type": {
7978
- "text": "'sm' | 'md' | 'lg'"
7988
+ "text": "Array<FormValidator>"
7979
7989
  },
7980
- "default": "defaultInputSize",
7981
- "description": "Specify the size of NativeSelect",
7982
- "attribute": "size"
7990
+ "default": "[]",
7991
+ "attribute": "validationRules"
7983
7992
  },
7984
7993
  {
7985
7994
  "kind": "field",
7986
- "name": "width",
7995
+ "name": "inputAriaLabel",
7987
7996
  "type": {
7988
7997
  "text": "string | undefined"
7989
7998
  },
7990
- "description": "Specify the width of NativeSelect",
7991
- "attribute": "width"
7999
+ "attribute": "input-aria-label"
7992
8000
  },
7993
8001
  {
7994
8002
  "kind": "field",
7995
- "name": "ellipse",
8003
+ "name": "formContext",
7996
8004
  "type": {
7997
- "text": "boolean"
7998
- },
7999
- "default": "true",
8000
- "description": "Specify if overflow displays ellipsis",
8001
- "attribute": "ellipse"
8005
+ "text": "BmFormContext"
8006
+ }
8002
8007
  },
8003
8008
  {
8004
- "kind": "field",
8005
- "name": "hideRequiredMarker",
8006
- "type": {
8007
- "text": "boolean"
8008
- },
8009
- "default": "false",
8010
- "description": "Specify if the NativeSelect displays with an asterisk",
8011
- "attribute": "hideRequiredMarker"
8009
+ "kind": "method",
8010
+ "name": "formAssociatedCallback",
8011
+ "return": {
8012
+ "type": {
8013
+ "text": "void"
8014
+ }
8015
+ }
8012
8016
  },
8013
8017
  {
8014
- "kind": "field",
8015
- "name": "theme",
8016
- "type": {
8017
- "text": "'light' | 'dark' | undefined"
8018
- },
8019
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8020
- "attribute": "theme"
8018
+ "kind": "method",
8019
+ "name": "formResetCallback",
8020
+ "return": {
8021
+ "type": {
8022
+ "text": "void"
8023
+ }
8024
+ }
8021
8025
  },
8022
8026
  {
8023
8027
  "kind": "method",
@@ -8029,447 +8033,476 @@
8029
8033
  },
8030
8034
  "parameters": [
8031
8035
  {
8032
- "name": "value",
8036
+ "name": "ctxValue",
8033
8037
  "type": {
8034
8038
  "text": "string"
8035
8039
  }
8036
8040
  }
8037
- ],
8038
- "inheritedFrom": {
8039
- "name": "FormField",
8040
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8041
- }
8042
- },
8043
- {
8044
- "kind": "field",
8045
- "name": "formAssociated",
8046
- "type": {
8047
- "text": "boolean"
8048
- },
8049
- "static": true,
8050
- "default": "true",
8051
- "inheritedFrom": {
8052
- "name": "FormField",
8053
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8054
- }
8055
- },
8041
+ ]
8042
+ }
8043
+ ],
8044
+ "attributes": [
8056
8045
  {
8057
- "kind": "field",
8058
8046
  "name": "id",
8059
8047
  "type": {
8060
8048
  "text": "string"
8061
8049
  },
8062
8050
  "default": "''",
8063
- "attribute": "id",
8064
- "inheritedFrom": {
8065
- "name": "FormField",
8066
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8067
- }
8051
+ "fieldName": "id"
8068
8052
  },
8069
8053
  {
8070
- "kind": "field",
8071
8054
  "name": "name",
8072
8055
  "type": {
8073
8056
  "text": "string"
8074
8057
  },
8075
8058
  "default": "''",
8076
- "attribute": "name",
8077
- "reflects": true,
8078
- "inheritedFrom": {
8079
- "name": "FormField",
8080
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8081
- }
8059
+ "fieldName": "name"
8082
8060
  },
8083
8061
  {
8084
- "kind": "field",
8085
8062
  "name": "value",
8086
8063
  "type": {
8087
8064
  "text": "string"
8088
8065
  },
8089
8066
  "default": "''",
8090
- "attribute": "value",
8091
- "inheritedFrom": {
8092
- "name": "FormField",
8093
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8094
- }
8067
+ "fieldName": "value"
8095
8068
  },
8096
8069
  {
8097
- "kind": "field",
8098
8070
  "name": "validationRules",
8099
8071
  "type": {
8100
8072
  "text": "Array<FormValidator>"
8101
8073
  },
8102
8074
  "default": "[]",
8103
- "attribute": "validationRules",
8104
- "inheritedFrom": {
8105
- "name": "FormField",
8106
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8107
- }
8075
+ "fieldName": "validationRules"
8108
8076
  },
8109
8077
  {
8110
- "kind": "field",
8111
- "name": "inputAriaLabel",
8078
+ "name": "input-aria-label",
8112
8079
  "type": {
8113
8080
  "text": "string | undefined"
8114
8081
  },
8115
- "attribute": "input-aria-label",
8116
- "inheritedFrom": {
8117
- "name": "FormField",
8118
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8119
- }
8120
- },
8082
+ "fieldName": "inputAriaLabel"
8083
+ }
8084
+ ],
8085
+ "superclass": {
8086
+ "name": "LitElement",
8087
+ "package": "lit"
8088
+ },
8089
+ "customElement": true
8090
+ }
8091
+ ],
8092
+ "exports": [
8093
+ {
8094
+ "kind": "js",
8095
+ "name": "FormField",
8096
+ "declaration": {
8097
+ "name": "FormField",
8098
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8099
+ }
8100
+ }
8101
+ ]
8102
+ },
8103
+ {
8104
+ "kind": "javascript-module",
8105
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8106
+ "declarations": [
8107
+ {
8108
+ "kind": "class",
8109
+ "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** ",
8110
+ "name": "BmForm",
8111
+ "slots": [
8112
+ {
8113
+ "description": "Add controls to the Form",
8114
+ "name": "slot"
8115
+ }
8116
+ ],
8117
+ "members": [
8121
8118
  {
8122
8119
  "kind": "field",
8123
- "name": "formContext",
8120
+ "name": "validationMode",
8124
8121
  "type": {
8125
- "text": "BmFormContext"
8122
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8126
8123
  },
8127
- "inheritedFrom": {
8128
- "name": "FormField",
8129
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8130
- }
8124
+ "default": "'onBlur'",
8125
+ "description": "Specify if validation runs on change or when loosing focus",
8126
+ "attribute": "validationMode"
8131
8127
  },
8132
8128
  {
8133
- "kind": "method",
8134
- "name": "formAssociatedCallback",
8135
- "return": {
8136
- "type": {
8137
- "text": "void"
8138
- }
8129
+ "kind": "field",
8130
+ "name": "initialValues",
8131
+ "type": {
8132
+ "text": "Record<string, FormValue>"
8139
8133
  },
8140
- "inheritedFrom": {
8141
- "name": "FormField",
8142
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8143
- }
8134
+ "default": "{}",
8135
+ "description": "Specify initial values on Form controls based on their names",
8136
+ "attribute": "initialValues"
8144
8137
  },
8145
8138
  {
8146
- "kind": "method",
8147
- "name": "formResetCallback",
8148
- "return": {
8149
- "type": {
8150
- "text": "void"
8151
- }
8152
- },
8153
- "inheritedFrom": {
8154
- "name": "FormField",
8155
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8156
- }
8157
- }
8158
- ],
8159
- "attributes": [
8160
- {
8139
+ "kind": "field",
8161
8140
  "name": "required",
8162
8141
  "type": {
8163
8142
  "text": "boolean"
8164
8143
  },
8165
8144
  "default": "false",
8166
- "description": "Specify if NativeSelect is a required input",
8167
- "fieldName": "required"
8145
+ "description": "Specify if input is a required",
8146
+ "attribute": "required"
8168
8147
  },
8169
8148
  {
8170
- "name": "readOnly",
8149
+ "kind": "field",
8150
+ "name": "disabled",
8171
8151
  "type": {
8172
8152
  "text": "boolean"
8173
8153
  },
8174
8154
  "default": "false",
8175
- "description": "Specify if NativeSelect displays in a read-only state",
8176
- "fieldName": "readOnly"
8155
+ "description": "Specify if input is a disabled",
8156
+ "attribute": "disabled"
8177
8157
  },
8178
8158
  {
8179
- "name": "disabled",
8159
+ "kind": "field",
8160
+ "name": "readOnly",
8180
8161
  "type": {
8181
8162
  "text": "boolean"
8182
8163
  },
8183
8164
  "default": "false",
8184
- "description": "Specify if NativeSelect displays in a disabled state",
8185
- "fieldName": "disabled"
8165
+ "description": "Specify if input is a read only",
8166
+ "attribute": "readOnly"
8186
8167
  },
8187
8168
  {
8188
- "name": "error",
8169
+ "kind": "field",
8170
+ "name": "action",
8189
8171
  "type": {
8190
8172
  "text": "string | undefined"
8191
8173
  },
8192
- "description": "Specify error text and display error state of a NativeSelect",
8193
- "fieldName": "error"
8174
+ "attribute": "action"
8194
8175
  },
8195
8176
  {
8196
- "name": "fluid",
8177
+ "kind": "field",
8178
+ "name": "method",
8197
8179
  "type": {
8198
- "text": "boolean"
8180
+ "text": "string | undefined"
8199
8181
  },
8200
- "default": "false",
8201
- "description": "Specify if NativeSelect is fluid",
8202
- "fieldName": "fluid"
8182
+ "attribute": "method"
8203
8183
  },
8204
8184
  {
8205
- "name": "size",
8185
+ "kind": "field",
8186
+ "name": "target",
8206
8187
  "type": {
8207
- "text": "'sm' | 'md' | 'lg'"
8188
+ "text": "string | undefined"
8208
8189
  },
8209
- "default": "defaultInputSize",
8210
- "description": "Specify the size of NativeSelect",
8211
- "fieldName": "size"
8190
+ "attribute": "target"
8212
8191
  },
8213
8192
  {
8214
- "name": "width",
8193
+ "kind": "field",
8194
+ "name": "enctype",
8215
8195
  "type": {
8216
8196
  "text": "string | undefined"
8217
8197
  },
8218
- "description": "Specify the width of NativeSelect",
8219
- "fieldName": "width"
8198
+ "attribute": "enctype"
8220
8199
  },
8221
8200
  {
8222
- "name": "ellipse",
8201
+ "kind": "field",
8202
+ "name": "formMeta",
8223
8203
  "type": {
8224
- "text": "boolean"
8204
+ "text": "Record<string, FieldMeta>"
8225
8205
  },
8226
- "default": "true",
8227
- "description": "Specify if overflow displays ellipsis",
8228
- "fieldName": "ellipse"
8206
+ "default": "{}"
8229
8207
  },
8230
8208
  {
8231
- "name": "hideRequiredMarker",
8209
+ "kind": "field",
8210
+ "name": "formRef"
8211
+ },
8212
+ {
8213
+ "kind": "field",
8214
+ "name": "formContext",
8215
+ "type": {
8216
+ "text": "BmFormContext"
8217
+ },
8218
+ "privacy": "public",
8219
+ "default": "bmFormInitials"
8220
+ }
8221
+ ],
8222
+ "events": [
8223
+ {
8224
+ "description": "Validates the inputs and submits the form",
8225
+ "name": "submit"
8226
+ }
8227
+ ],
8228
+ "attributes": [
8229
+ {
8230
+ "name": "validationMode",
8231
+ "type": {
8232
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8233
+ },
8234
+ "default": "'onBlur'",
8235
+ "description": "Specify if validation runs on change or when loosing focus",
8236
+ "fieldName": "validationMode"
8237
+ },
8238
+ {
8239
+ "name": "initialValues",
8240
+ "type": {
8241
+ "text": "Record<string, FormValue>"
8242
+ },
8243
+ "default": "{}",
8244
+ "description": "Specify initial values on Form controls based on their names",
8245
+ "fieldName": "initialValues"
8246
+ },
8247
+ {
8248
+ "name": "required",
8232
8249
  "type": {
8233
8250
  "text": "boolean"
8234
8251
  },
8235
8252
  "default": "false",
8236
- "description": "Specify if the NativeSelect displays with an asterisk",
8237
- "fieldName": "hideRequiredMarker"
8253
+ "description": "Specify if input is a required",
8254
+ "fieldName": "required"
8238
8255
  },
8239
8256
  {
8240
- "name": "theme",
8257
+ "name": "disabled",
8241
8258
  "type": {
8242
- "text": "'light' | 'dark' | undefined"
8259
+ "text": "boolean"
8243
8260
  },
8244
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8245
- "fieldName": "theme"
8261
+ "default": "false",
8262
+ "description": "Specify if input is a disabled",
8263
+ "fieldName": "disabled"
8246
8264
  },
8247
8265
  {
8248
- "name": "id",
8266
+ "name": "readOnly",
8249
8267
  "type": {
8250
- "text": "string"
8268
+ "text": "boolean"
8251
8269
  },
8252
- "default": "''",
8253
- "fieldName": "id",
8254
- "inheritedFrom": {
8255
- "name": "FormField",
8256
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8257
- }
8270
+ "default": "false",
8271
+ "description": "Specify if input is a read only",
8272
+ "fieldName": "readOnly"
8258
8273
  },
8259
8274
  {
8260
- "name": "name",
8275
+ "name": "action",
8261
8276
  "type": {
8262
- "text": "string"
8277
+ "text": "string | undefined"
8263
8278
  },
8264
- "default": "''",
8265
- "fieldName": "name",
8266
- "inheritedFrom": {
8267
- "name": "FormField",
8268
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8269
- }
8279
+ "fieldName": "action"
8270
8280
  },
8271
8281
  {
8272
- "name": "value",
8282
+ "name": "method",
8273
8283
  "type": {
8274
- "text": "string"
8284
+ "text": "string | undefined"
8275
8285
  },
8276
- "default": "''",
8277
- "fieldName": "value",
8278
- "inheritedFrom": {
8279
- "name": "FormField",
8280
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8281
- }
8286
+ "fieldName": "method"
8282
8287
  },
8283
8288
  {
8284
- "name": "validationRules",
8289
+ "name": "target",
8285
8290
  "type": {
8286
- "text": "Array<FormValidator>"
8291
+ "text": "string | undefined"
8287
8292
  },
8288
- "default": "[]",
8289
- "fieldName": "validationRules",
8290
- "inheritedFrom": {
8291
- "name": "FormField",
8292
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8293
- }
8293
+ "fieldName": "target"
8294
8294
  },
8295
8295
  {
8296
- "name": "input-aria-label",
8296
+ "name": "enctype",
8297
8297
  "type": {
8298
8298
  "text": "string | undefined"
8299
8299
  },
8300
- "fieldName": "inputAriaLabel",
8301
- "inheritedFrom": {
8302
- "name": "FormField",
8303
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8304
- }
8300
+ "fieldName": "enctype"
8305
8301
  }
8306
8302
  ],
8307
8303
  "superclass": {
8308
- "name": "FormField",
8309
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8304
+ "name": "LitElement",
8305
+ "package": "lit"
8310
8306
  },
8311
- "summary": "`bm-native-select`",
8312
- "tagName": "bm-native-select",
8307
+ "summary": "`bm-form`",
8308
+ "tagName": "bm-form",
8313
8309
  "customElement": true
8314
8310
  }
8315
8311
  ],
8316
8312
  "exports": [
8317
8313
  {
8318
8314
  "kind": "js",
8319
- "name": "BmNativeSelect",
8315
+ "name": "validators",
8320
8316
  "declaration": {
8321
- "name": "BmNativeSelect",
8322
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8317
+ "name": "validators",
8318
+ "package": "@viasat/beam-shared/components/form"
8323
8319
  }
8324
8320
  },
8325
8321
  {
8326
- "kind": "custom-element-definition",
8327
- "name": "bm-native-select",
8322
+ "kind": "js",
8323
+ "name": "BmForm",
8328
8324
  "declaration": {
8329
- "name": "BmNativeSelect",
8330
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8325
+ "name": "BmForm",
8326
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8331
8327
  }
8332
- }
8333
- ]
8334
- },
8335
- {
8336
- "kind": "javascript-module",
8337
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8338
- "declarations": [],
8339
- "exports": [
8328
+ },
8340
8329
  {
8341
- "kind": "js",
8342
- "name": "*",
8330
+ "kind": "custom-element-definition",
8331
+ "name": "bm-form",
8343
8332
  "declaration": {
8344
- "name": "*",
8345
- "package": "./NativeSelect"
8333
+ "name": "BmForm",
8334
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8346
8335
  }
8347
8336
  }
8348
8337
  ]
8349
8338
  },
8350
8339
  {
8351
8340
  "kind": "javascript-module",
8352
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
8341
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8353
8342
  "declarations": [
8354
8343
  {
8355
- "kind": "variable",
8356
- "name": "bmFormInitials",
8357
- "type": {
8358
- "text": "BmFormContext"
8359
- },
8360
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
8361
- },
8344
+ "kind": "function",
8345
+ "name": "createId",
8346
+ "return": {
8347
+ "type": {
8348
+ "text": "string"
8349
+ }
8350
+ }
8351
+ }
8352
+ ],
8353
+ "exports": [
8362
8354
  {
8363
- "kind": "variable",
8364
- "name": "bmFormContext"
8355
+ "kind": "js",
8356
+ "name": "createId",
8357
+ "declaration": {
8358
+ "name": "createId",
8359
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8360
+ }
8365
8361
  }
8366
- ],
8362
+ ]
8363
+ },
8364
+ {
8365
+ "kind": "javascript-module",
8366
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
8367
+ "declarations": [],
8367
8368
  "exports": [
8368
8369
  {
8369
8370
  "kind": "js",
8370
- "name": "bmFormInitials",
8371
+ "name": "*",
8371
8372
  "declaration": {
8372
- "name": "bmFormInitials",
8373
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8373
+ "name": "*",
8374
+ "package": "./Form"
8374
8375
  }
8375
8376
  },
8376
8377
  {
8377
8378
  "kind": "js",
8378
- "name": "bmFormContext",
8379
+ "name": "*",
8379
8380
  "declaration": {
8380
- "name": "bmFormContext",
8381
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8381
+ "name": "*",
8382
+ "package": "./Form.decorator"
8382
8383
  }
8383
8384
  }
8384
8385
  ]
8385
8386
  },
8386
8387
  {
8387
8388
  "kind": "javascript-module",
8388
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8389
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8389
8390
  "declarations": [
8390
8391
  {
8391
8392
  "kind": "class",
8392
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
8393
- "name": "FormField",
8393
+ "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",
8394
+ "name": "BmNativeSelect",
8395
+ "slots": [
8396
+ {
8397
+ "description": "Specify Options for NativeSelect",
8398
+ "name": "slot"
8399
+ },
8400
+ {
8401
+ "description": "Specify Label for NativeSelect",
8402
+ "name": "label"
8403
+ },
8404
+ {
8405
+ "description": "Specify HelperText for NativeSelect",
8406
+ "name": "helper-text"
8407
+ }
8408
+ ],
8394
8409
  "members": [
8395
8410
  {
8396
8411
  "kind": "field",
8397
- "name": "formAssociated",
8412
+ "name": "required",
8398
8413
  "type": {
8399
8414
  "text": "boolean"
8400
8415
  },
8401
- "static": true,
8402
- "default": "true"
8416
+ "default": "false",
8417
+ "description": "Specify if NativeSelect is a required input",
8418
+ "attribute": "required"
8403
8419
  },
8404
8420
  {
8405
8421
  "kind": "field",
8406
- "name": "id",
8422
+ "name": "readOnly",
8407
8423
  "type": {
8408
- "text": "string"
8424
+ "text": "boolean"
8409
8425
  },
8410
- "default": "''",
8411
- "attribute": "id"
8426
+ "default": "false",
8427
+ "description": "Specify if NativeSelect displays in a read-only state",
8428
+ "attribute": "readOnly"
8412
8429
  },
8413
8430
  {
8414
8431
  "kind": "field",
8415
- "name": "name",
8432
+ "name": "disabled",
8416
8433
  "type": {
8417
- "text": "string"
8434
+ "text": "boolean"
8418
8435
  },
8419
- "default": "''",
8420
- "attribute": "name",
8421
- "reflects": true
8436
+ "default": "false",
8437
+ "description": "Specify if NativeSelect displays in a disabled state",
8438
+ "attribute": "disabled"
8422
8439
  },
8423
8440
  {
8424
8441
  "kind": "field",
8425
- "name": "value",
8442
+ "name": "error",
8426
8443
  "type": {
8427
- "text": "string"
8444
+ "text": "string | undefined"
8428
8445
  },
8429
- "default": "''",
8430
- "attribute": "value"
8446
+ "description": "Specify error text and display error state of a NativeSelect",
8447
+ "attribute": "error"
8431
8448
  },
8432
8449
  {
8433
8450
  "kind": "field",
8434
- "name": "validationRules",
8451
+ "name": "fluid",
8435
8452
  "type": {
8436
- "text": "Array<FormValidator>"
8453
+ "text": "boolean"
8437
8454
  },
8438
- "default": "[]",
8439
- "attribute": "validationRules"
8455
+ "default": "false",
8456
+ "description": "Specify if NativeSelect is fluid",
8457
+ "attribute": "fluid"
8440
8458
  },
8441
8459
  {
8442
8460
  "kind": "field",
8443
- "name": "inputAriaLabel",
8461
+ "name": "size",
8462
+ "type": {
8463
+ "text": "'sm' | 'md' | 'lg'"
8464
+ },
8465
+ "default": "defaultInputSize",
8466
+ "description": "Specify the size of NativeSelect",
8467
+ "attribute": "size"
8468
+ },
8469
+ {
8470
+ "kind": "field",
8471
+ "name": "width",
8444
8472
  "type": {
8445
8473
  "text": "string | undefined"
8446
8474
  },
8447
- "attribute": "input-aria-label"
8475
+ "description": "Specify the width of NativeSelect",
8476
+ "attribute": "width"
8448
8477
  },
8449
8478
  {
8450
8479
  "kind": "field",
8451
- "name": "formContext",
8480
+ "name": "ellipse",
8452
8481
  "type": {
8453
- "text": "BmFormContext"
8454
- }
8482
+ "text": "boolean"
8483
+ },
8484
+ "default": "true",
8485
+ "description": "Specify if overflow displays ellipsis",
8486
+ "attribute": "ellipse"
8455
8487
  },
8456
8488
  {
8457
- "kind": "method",
8458
- "name": "formAssociatedCallback",
8459
- "return": {
8460
- "type": {
8461
- "text": "void"
8462
- }
8463
- }
8489
+ "kind": "field",
8490
+ "name": "hideRequiredMarker",
8491
+ "type": {
8492
+ "text": "boolean"
8493
+ },
8494
+ "default": "false",
8495
+ "description": "Specify if the NativeSelect displays with an asterisk",
8496
+ "attribute": "hideRequiredMarker"
8464
8497
  },
8465
8498
  {
8466
- "kind": "method",
8467
- "name": "formResetCallback",
8468
- "return": {
8469
- "type": {
8470
- "text": "void"
8471
- }
8472
- }
8499
+ "kind": "field",
8500
+ "name": "theme",
8501
+ "type": {
8502
+ "text": "'light' | 'dark' | undefined"
8503
+ },
8504
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8505
+ "attribute": "theme"
8473
8506
  },
8474
8507
  {
8475
8508
  "kind": "method",
@@ -8481,337 +8514,312 @@
8481
8514
  },
8482
8515
  "parameters": [
8483
8516
  {
8484
- "name": "ctxValue",
8517
+ "name": "value",
8485
8518
  "type": {
8486
8519
  "text": "string"
8487
8520
  }
8488
8521
  }
8489
- ]
8490
- }
8491
- ],
8492
- "attributes": [
8522
+ ],
8523
+ "inheritedFrom": {
8524
+ "name": "FormField",
8525
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8526
+ }
8527
+ },
8528
+ {
8529
+ "kind": "field",
8530
+ "name": "formAssociated",
8531
+ "type": {
8532
+ "text": "boolean"
8533
+ },
8534
+ "static": true,
8535
+ "default": "true",
8536
+ "inheritedFrom": {
8537
+ "name": "FormField",
8538
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8539
+ }
8540
+ },
8493
8541
  {
8542
+ "kind": "field",
8494
8543
  "name": "id",
8495
8544
  "type": {
8496
8545
  "text": "string"
8497
8546
  },
8498
8547
  "default": "''",
8499
- "fieldName": "id"
8548
+ "attribute": "id",
8549
+ "inheritedFrom": {
8550
+ "name": "FormField",
8551
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8552
+ }
8500
8553
  },
8501
8554
  {
8555
+ "kind": "field",
8502
8556
  "name": "name",
8503
8557
  "type": {
8504
8558
  "text": "string"
8505
8559
  },
8506
8560
  "default": "''",
8507
- "fieldName": "name"
8561
+ "attribute": "name",
8562
+ "reflects": true,
8563
+ "inheritedFrom": {
8564
+ "name": "FormField",
8565
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8566
+ }
8508
8567
  },
8509
8568
  {
8569
+ "kind": "field",
8510
8570
  "name": "value",
8511
8571
  "type": {
8512
8572
  "text": "string"
8513
8573
  },
8514
8574
  "default": "''",
8515
- "fieldName": "value"
8575
+ "attribute": "value",
8576
+ "inheritedFrom": {
8577
+ "name": "FormField",
8578
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8579
+ }
8516
8580
  },
8517
8581
  {
8582
+ "kind": "field",
8518
8583
  "name": "validationRules",
8519
8584
  "type": {
8520
8585
  "text": "Array<FormValidator>"
8521
8586
  },
8522
8587
  "default": "[]",
8523
- "fieldName": "validationRules"
8588
+ "attribute": "validationRules",
8589
+ "inheritedFrom": {
8590
+ "name": "FormField",
8591
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8592
+ }
8524
8593
  },
8525
8594
  {
8526
- "name": "input-aria-label",
8595
+ "kind": "field",
8596
+ "name": "inputAriaLabel",
8527
8597
  "type": {
8528
8598
  "text": "string | undefined"
8529
8599
  },
8530
- "fieldName": "inputAriaLabel"
8531
- }
8532
- ],
8533
- "superclass": {
8534
- "name": "LitElement",
8535
- "package": "lit"
8536
- },
8537
- "customElement": true
8538
- }
8539
- ],
8540
- "exports": [
8541
- {
8542
- "kind": "js",
8543
- "name": "FormField",
8544
- "declaration": {
8545
- "name": "FormField",
8546
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8547
- }
8548
- }
8549
- ]
8550
- },
8551
- {
8552
- "kind": "javascript-module",
8553
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8554
- "declarations": [
8555
- {
8556
- "kind": "class",
8557
- "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** ",
8558
- "name": "BmForm",
8559
- "slots": [
8560
- {
8561
- "description": "Add controls to the Form",
8562
- "name": "slot"
8563
- }
8564
- ],
8565
- "members": [
8600
+ "attribute": "input-aria-label",
8601
+ "inheritedFrom": {
8602
+ "name": "FormField",
8603
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8604
+ }
8605
+ },
8566
8606
  {
8567
8607
  "kind": "field",
8568
- "name": "validationMode",
8608
+ "name": "formContext",
8569
8609
  "type": {
8570
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8610
+ "text": "BmFormContext"
8571
8611
  },
8572
- "default": "'onBlur'",
8573
- "description": "Specify if validation runs on change or when loosing focus",
8574
- "attribute": "validationMode"
8612
+ "inheritedFrom": {
8613
+ "name": "FormField",
8614
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8615
+ }
8616
+ },
8617
+ {
8618
+ "kind": "method",
8619
+ "name": "formAssociatedCallback",
8620
+ "return": {
8621
+ "type": {
8622
+ "text": "void"
8623
+ }
8624
+ },
8625
+ "inheritedFrom": {
8626
+ "name": "FormField",
8627
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8628
+ }
8575
8629
  },
8576
8630
  {
8577
- "kind": "field",
8578
- "name": "initialValues",
8579
- "type": {
8580
- "text": "Record<string, FormValue>"
8631
+ "kind": "method",
8632
+ "name": "formResetCallback",
8633
+ "return": {
8634
+ "type": {
8635
+ "text": "void"
8636
+ }
8581
8637
  },
8582
- "default": "{}",
8583
- "description": "Specify initial values on Form controls based on their names",
8584
- "attribute": "initialValues"
8585
- },
8638
+ "inheritedFrom": {
8639
+ "name": "FormField",
8640
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8641
+ }
8642
+ }
8643
+ ],
8644
+ "attributes": [
8586
8645
  {
8587
- "kind": "field",
8588
8646
  "name": "required",
8589
8647
  "type": {
8590
8648
  "text": "boolean"
8591
8649
  },
8592
8650
  "default": "false",
8593
- "description": "Specify if input is a required",
8594
- "attribute": "required"
8651
+ "description": "Specify if NativeSelect is a required input",
8652
+ "fieldName": "required"
8595
8653
  },
8596
8654
  {
8597
- "kind": "field",
8598
- "name": "disabled",
8655
+ "name": "readOnly",
8599
8656
  "type": {
8600
8657
  "text": "boolean"
8601
8658
  },
8602
8659
  "default": "false",
8603
- "description": "Specify if input is a disabled",
8604
- "attribute": "disabled"
8660
+ "description": "Specify if NativeSelect displays in a read-only state",
8661
+ "fieldName": "readOnly"
8605
8662
  },
8606
8663
  {
8607
- "kind": "field",
8608
- "name": "readOnly",
8664
+ "name": "disabled",
8609
8665
  "type": {
8610
8666
  "text": "boolean"
8611
8667
  },
8612
8668
  "default": "false",
8613
- "description": "Specify if input is a read only",
8614
- "attribute": "readOnly"
8669
+ "description": "Specify if NativeSelect displays in a disabled state",
8670
+ "fieldName": "disabled"
8615
8671
  },
8616
8672
  {
8617
- "kind": "field",
8618
- "name": "action",
8673
+ "name": "error",
8619
8674
  "type": {
8620
8675
  "text": "string | undefined"
8621
8676
  },
8622
- "attribute": "action"
8677
+ "description": "Specify error text and display error state of a NativeSelect",
8678
+ "fieldName": "error"
8623
8679
  },
8624
8680
  {
8625
- "kind": "field",
8626
- "name": "method",
8681
+ "name": "fluid",
8627
8682
  "type": {
8628
- "text": "string | undefined"
8683
+ "text": "boolean"
8629
8684
  },
8630
- "attribute": "method"
8685
+ "default": "false",
8686
+ "description": "Specify if NativeSelect is fluid",
8687
+ "fieldName": "fluid"
8631
8688
  },
8632
8689
  {
8633
- "kind": "field",
8634
- "name": "target",
8690
+ "name": "size",
8635
8691
  "type": {
8636
- "text": "string | undefined"
8692
+ "text": "'sm' | 'md' | 'lg'"
8637
8693
  },
8638
- "attribute": "target"
8694
+ "default": "defaultInputSize",
8695
+ "description": "Specify the size of NativeSelect",
8696
+ "fieldName": "size"
8639
8697
  },
8640
8698
  {
8641
- "kind": "field",
8642
- "name": "enctype",
8699
+ "name": "width",
8643
8700
  "type": {
8644
8701
  "text": "string | undefined"
8645
8702
  },
8646
- "attribute": "enctype"
8647
- },
8648
- {
8649
- "kind": "field",
8650
- "name": "formMeta",
8651
- "type": {
8652
- "text": "Record<string, FieldMeta>"
8653
- },
8654
- "default": "{}"
8655
- },
8656
- {
8657
- "kind": "field",
8658
- "name": "formRef"
8659
- },
8660
- {
8661
- "kind": "field",
8662
- "name": "formContext",
8663
- "type": {
8664
- "text": "BmFormContext"
8665
- },
8666
- "privacy": "public",
8667
- "default": "bmFormInitials"
8668
- }
8669
- ],
8670
- "events": [
8671
- {
8672
- "description": "Validates the inputs and submits the form",
8673
- "name": "submit"
8674
- }
8675
- ],
8676
- "attributes": [
8677
- {
8678
- "name": "validationMode",
8679
- "type": {
8680
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8681
- },
8682
- "default": "'onBlur'",
8683
- "description": "Specify if validation runs on change or when loosing focus",
8684
- "fieldName": "validationMode"
8703
+ "description": "Specify the width of NativeSelect",
8704
+ "fieldName": "width"
8685
8705
  },
8686
8706
  {
8687
- "name": "initialValues",
8707
+ "name": "ellipse",
8688
8708
  "type": {
8689
- "text": "Record<string, FormValue>"
8709
+ "text": "boolean"
8690
8710
  },
8691
- "default": "{}",
8692
- "description": "Specify initial values on Form controls based on their names",
8693
- "fieldName": "initialValues"
8711
+ "default": "true",
8712
+ "description": "Specify if overflow displays ellipsis",
8713
+ "fieldName": "ellipse"
8694
8714
  },
8695
8715
  {
8696
- "name": "required",
8716
+ "name": "hideRequiredMarker",
8697
8717
  "type": {
8698
8718
  "text": "boolean"
8699
8719
  },
8700
8720
  "default": "false",
8701
- "description": "Specify if input is a required",
8702
- "fieldName": "required"
8721
+ "description": "Specify if the NativeSelect displays with an asterisk",
8722
+ "fieldName": "hideRequiredMarker"
8703
8723
  },
8704
8724
  {
8705
- "name": "disabled",
8725
+ "name": "theme",
8706
8726
  "type": {
8707
- "text": "boolean"
8727
+ "text": "'light' | 'dark' | undefined"
8708
8728
  },
8709
- "default": "false",
8710
- "description": "Specify if input is a disabled",
8711
- "fieldName": "disabled"
8729
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8730
+ "fieldName": "theme"
8712
8731
  },
8713
8732
  {
8714
- "name": "readOnly",
8733
+ "name": "id",
8715
8734
  "type": {
8716
- "text": "boolean"
8735
+ "text": "string"
8717
8736
  },
8718
- "default": "false",
8719
- "description": "Specify if input is a read only",
8720
- "fieldName": "readOnly"
8737
+ "default": "''",
8738
+ "fieldName": "id",
8739
+ "inheritedFrom": {
8740
+ "name": "FormField",
8741
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8742
+ }
8721
8743
  },
8722
8744
  {
8723
- "name": "action",
8745
+ "name": "name",
8724
8746
  "type": {
8725
- "text": "string | undefined"
8747
+ "text": "string"
8726
8748
  },
8727
- "fieldName": "action"
8749
+ "default": "''",
8750
+ "fieldName": "name",
8751
+ "inheritedFrom": {
8752
+ "name": "FormField",
8753
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8754
+ }
8728
8755
  },
8729
8756
  {
8730
- "name": "method",
8757
+ "name": "value",
8731
8758
  "type": {
8732
- "text": "string | undefined"
8759
+ "text": "string"
8733
8760
  },
8734
- "fieldName": "method"
8761
+ "default": "''",
8762
+ "fieldName": "value",
8763
+ "inheritedFrom": {
8764
+ "name": "FormField",
8765
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8766
+ }
8735
8767
  },
8736
8768
  {
8737
- "name": "target",
8769
+ "name": "validationRules",
8738
8770
  "type": {
8739
- "text": "string | undefined"
8771
+ "text": "Array<FormValidator>"
8740
8772
  },
8741
- "fieldName": "target"
8773
+ "default": "[]",
8774
+ "fieldName": "validationRules",
8775
+ "inheritedFrom": {
8776
+ "name": "FormField",
8777
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8778
+ }
8742
8779
  },
8743
8780
  {
8744
- "name": "enctype",
8781
+ "name": "input-aria-label",
8745
8782
  "type": {
8746
8783
  "text": "string | undefined"
8747
8784
  },
8748
- "fieldName": "enctype"
8785
+ "fieldName": "inputAriaLabel",
8786
+ "inheritedFrom": {
8787
+ "name": "FormField",
8788
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8789
+ }
8749
8790
  }
8750
8791
  ],
8751
8792
  "superclass": {
8752
- "name": "LitElement",
8753
- "package": "lit"
8793
+ "name": "FormField",
8794
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8754
8795
  },
8755
- "summary": "`bm-form`",
8756
- "tagName": "bm-form",
8796
+ "summary": "`bm-native-select`",
8797
+ "tagName": "bm-native-select",
8757
8798
  "customElement": true
8758
8799
  }
8759
8800
  ],
8760
8801
  "exports": [
8761
8802
  {
8762
8803
  "kind": "js",
8763
- "name": "validators",
8764
- "declaration": {
8765
- "name": "validators",
8766
- "package": "@viasat/beam-shared/components/form"
8767
- }
8768
- },
8769
- {
8770
- "kind": "js",
8771
- "name": "BmForm",
8804
+ "name": "BmNativeSelect",
8772
8805
  "declaration": {
8773
- "name": "BmForm",
8774
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8806
+ "name": "BmNativeSelect",
8807
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8775
8808
  }
8776
8809
  },
8777
8810
  {
8778
8811
  "kind": "custom-element-definition",
8779
- "name": "bm-form",
8780
- "declaration": {
8781
- "name": "BmForm",
8782
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8783
- }
8784
- }
8785
- ]
8786
- },
8787
- {
8788
- "kind": "javascript-module",
8789
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8790
- "declarations": [
8791
- {
8792
- "kind": "function",
8793
- "name": "createId",
8794
- "return": {
8795
- "type": {
8796
- "text": "string"
8797
- }
8798
- }
8799
- }
8800
- ],
8801
- "exports": [
8802
- {
8803
- "kind": "js",
8804
- "name": "createId",
8812
+ "name": "bm-native-select",
8805
8813
  "declaration": {
8806
- "name": "createId",
8807
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8814
+ "name": "BmNativeSelect",
8815
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8808
8816
  }
8809
8817
  }
8810
8818
  ]
8811
8819
  },
8812
8820
  {
8813
8821
  "kind": "javascript-module",
8814
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
8822
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8815
8823
  "declarations": [],
8816
8824
  "exports": [
8817
8825
  {
@@ -8819,15 +8827,7 @@
8819
8827
  "name": "*",
8820
8828
  "declaration": {
8821
8829
  "name": "*",
8822
- "package": "./Form"
8823
- }
8824
- },
8825
- {
8826
- "kind": "js",
8827
- "name": "*",
8828
- "declaration": {
8829
- "name": "*",
8830
- "package": "./Form.decorator"
8830
+ "package": "./NativeSelect"
8831
8831
  }
8832
8832
  }
8833
8833
  ]