@viasat/beam-web-components 2.50.0 → 2.52.0

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