@viasat/beam-web-components 2.67.0 → 2.68.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 +1425 -1425
  2. package/package.json +6 -6
  3. package/vscode.html-custom-data.json +199 -199
package/custom-elements.json CHANGED
@@ -981,273 +981,286 @@
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'"
1041
+ "text": "number"
1032
1042
  },
1033
- "default": "'sm'",
1034
- "description": "Specify the size of the Alert",
1035
- "attribute": "size"
1043
+ "default": "1",
1044
+ "description": "Specify how many items show after ellipsis",
1045
+ "attribute": "itemsAfterCollapse"
1036
1046
  },
1037
1047
  {
1038
1048
  "kind": "field",
1039
- "name": "fullWidth",
1049
+ "name": "theme",
1050
+ "type": {
1051
+ "text": "'light' | 'dark' | undefined"
1052
+ },
1053
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1054
+ "attribute": "theme"
1055
+ }
1056
+ ],
1057
+ "attributes": [
1058
+ {
1059
+ "name": "wrap",
1040
1060
  "type": {
1041
1061
  "text": "boolean"
1042
1062
  },
1043
- "default": "false",
1044
- "description": "Specify if the Alert has no border radius",
1045
- "attribute": "fullWidth"
1063
+ "default": "true",
1064
+ "description": "Specify if items wrap or collapse to an ellipsis",
1065
+ "fieldName": "wrap"
1046
1066
  },
1047
1067
  {
1048
- "kind": "field",
1049
- "name": "theme",
1068
+ "name": "itemsBeforeCollapse",
1050
1069
  "type": {
1051
- "text": "'light' | 'dark' | undefined"
1070
+ "text": "number"
1052
1071
  },
1053
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1054
- "attribute": "theme"
1072
+ "default": "1",
1073
+ "description": "Specify how many items show before ellipsis",
1074
+ "fieldName": "itemsBeforeCollapse"
1055
1075
  },
1056
1076
  {
1057
- "kind": "field",
1058
- "name": "appearance",
1077
+ "name": "itemsAfterCollapse",
1059
1078
  "type": {
1060
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1079
+ "text": "number"
1061
1080
  },
1062
- "default": "'infoPrimary'",
1063
- "description": "Specify the appearance of the Alert",
1064
- "attribute": "appearance"
1081
+ "default": "1",
1082
+ "description": "Specify how many items show after ellipsis",
1083
+ "fieldName": "itemsAfterCollapse"
1084
+ },
1085
+ {
1086
+ "name": "theme",
1087
+ "type": {
1088
+ "text": "'light' | 'dark' | undefined"
1089
+ },
1090
+ "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1091
+ "fieldName": "theme"
1092
+ }
1093
+ ],
1094
+ "superclass": {
1095
+ "name": "LitElement",
1096
+ "package": "lit"
1097
+ },
1098
+ "tagName": "bm-breadcrumb",
1099
+ "customElement": true
1100
+ }
1101
+ ],
1102
+ "exports": [
1103
+ {
1104
+ "kind": "js",
1105
+ "name": "BmBreadcrumbs",
1106
+ "declaration": {
1107
+ "name": "BmBreadcrumbs",
1108
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1109
+ }
1110
+ },
1111
+ {
1112
+ "kind": "custom-element-definition",
1113
+ "name": "bm-breadcrumb",
1114
+ "declaration": {
1115
+ "name": "BmBreadcrumbs",
1116
+ "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1117
+ }
1118
+ }
1119
+ ]
1120
+ },
1121
+ {
1122
+ "kind": "javascript-module",
1123
+ "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1124
+ "declarations": [
1125
+ {
1126
+ "kind": "class",
1127
+ "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1128
+ "name": "BmBreadcrumbsItem",
1129
+ "slots": [
1130
+ {
1131
+ "description": "Pass text to an item",
1132
+ "name": "default"
1065
1133
  },
1134
+ {
1135
+ "description": "Pass icon to an item",
1136
+ "name": "icon"
1137
+ }
1138
+ ],
1139
+ "members": [
1066
1140
  {
1067
1141
  "kind": "field",
1068
- "name": "hidden",
1142
+ "name": "href",
1069
1143
  "type": {
1070
- "text": "boolean"
1144
+ "text": "string | undefined"
1071
1145
  },
1072
- "default": "false",
1073
- "description": "Specify if the Alert is hidden",
1074
- "attribute": "hidden"
1146
+ "description": "Pass href to an item",
1147
+ "attribute": "href"
1075
1148
  },
1076
1149
  {
1077
1150
  "kind": "field",
1078
- "name": "hideIcon",
1151
+ "name": "clickable",
1079
1152
  "type": {
1080
1153
  "text": "boolean"
1081
1154
  },
1082
1155
  "default": "false",
1083
- "description": "Specify if the icon displays on the Alert",
1084
- "attribute": "hideIcon"
1156
+ "description": "Specify if the item is interactive without an href",
1157
+ "attribute": "clickable"
1085
1158
  },
1086
1159
  {
1087
1160
  "kind": "field",
1088
- "name": "dismissible",
1161
+ "name": "truncationWidth",
1089
1162
  "type": {
1090
- "text": "boolean"
1163
+ "text": "string | undefined"
1091
1164
  },
1092
- "default": "false",
1093
- "description": "Specify if the Alert can be dismissed",
1094
- "attribute": "dismissible"
1165
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1166
+ "attribute": "truncationWidth"
1095
1167
  },
1096
1168
  {
1097
1169
  "kind": "field",
1098
- "name": "disableAutoFocus",
1170
+ "name": "isCurrent",
1099
1171
  "type": {
1100
1172
  "text": "boolean"
1101
1173
  },
1102
1174
  "default": "false",
1103
- "description": "Prevent autofocus on show",
1104
- "attribute": "disableAutoFocus"
1175
+ "description": "Specify explicitly if the item is the last one",
1176
+ "attribute": "isCurrent",
1177
+ "reflects": true
1105
1178
  },
1106
1179
  {
1107
1180
  "kind": "field",
1108
- "name": "disableCloseOnEscape",
1181
+ "name": "isCollapsed",
1109
1182
  "type": {
1110
1183
  "text": "boolean"
1111
1184
  },
1112
1185
  "default": "false",
1113
- "description": "Prevent Escape from closing",
1114
- "attribute": "disableCloseOnEscape"
1115
- }
1116
- ],
1117
- "events": [
1118
- {
1119
- "description": "Dispatched when the Alert has been dismissed",
1120
- "name": "bm-dismiss"
1186
+ "attribute": "isCollapsed",
1187
+ "reflects": true
1121
1188
  }
1122
1189
  ],
1123
1190
  "attributes": [
1124
1191
  {
1125
- "name": "heading",
1126
- "type": {
1127
- "text": "string | undefined"
1128
- },
1129
- "description": "Specify the heading text for Alert",
1130
- "fieldName": "heading"
1131
- },
1132
- {
1133
- "name": "body",
1192
+ "name": "href",
1134
1193
  "type": {
1135
1194
  "text": "string | undefined"
1136
1195
  },
1137
- "description": "Specify the body text for Alert",
1138
- "fieldName": "body"
1139
- },
1140
- {
1141
- "name": "size",
1142
- "type": {
1143
- "text": "'sm' | 'md'"
1144
- },
1145
- "default": "'sm'",
1146
- "description": "Specify the size of the Alert",
1147
- "fieldName": "size"
1196
+ "description": "Pass href to an item",
1197
+ "fieldName": "href"
1148
1198
  },
1149
1199
  {
1150
- "name": "fullWidth",
1200
+ "name": "clickable",
1151
1201
  "type": {
1152
1202
  "text": "boolean"
1153
1203
  },
1154
1204
  "default": "false",
1155
- "description": "Specify if the Alert has no border radius",
1156
- "fieldName": "fullWidth"
1205
+ "description": "Specify if the item is interactive without an href",
1206
+ "fieldName": "clickable"
1157
1207
  },
1158
1208
  {
1159
- "name": "theme",
1209
+ "name": "truncationWidth",
1160
1210
  "type": {
1161
- "text": "'light' | 'dark' | undefined"
1211
+ "text": "string | undefined"
1162
1212
  },
1163
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1164
- "fieldName": "theme"
1213
+ "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1214
+ "fieldName": "truncationWidth"
1165
1215
  },
1166
1216
  {
1167
- "name": "appearance",
1217
+ "name": "isCurrent",
1168
1218
  "type": {
1169
- "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1219
+ "text": "boolean"
1170
1220
  },
1171
- "default": "'infoPrimary'",
1172
- "description": "Specify the appearance of the Alert",
1173
- "fieldName": "appearance"
1221
+ "default": "false",
1222
+ "description": "Specify explicitly if the item is the last one",
1223
+ "fieldName": "isCurrent"
1174
1224
  },
1175
1225
  {
1176
- "name": "hidden",
1226
+ "name": "isCollapsed",
1177
1227
  "type": {
1178
1228
  "text": "boolean"
1179
1229
  },
1180
1230
  "default": "false",
1181
- "description": "Specify if the Alert is hidden",
1182
- "fieldName": "hidden"
1183
- },
1184
- {
1185
- "name": "hideIcon",
1186
- "type": {
1187
- "text": "boolean"
1188
- },
1189
- "default": "false",
1190
- "description": "Specify if the icon displays on the Alert",
1191
- "fieldName": "hideIcon"
1192
- },
1193
- {
1194
- "name": "dismissible",
1195
- "type": {
1196
- "text": "boolean"
1197
- },
1198
- "default": "false",
1199
- "description": "Specify if the Alert can be dismissed",
1200
- "fieldName": "dismissible"
1201
- },
1202
- {
1203
- "name": "disableAutoFocus",
1204
- "type": {
1205
- "text": "boolean"
1206
- },
1207
- "default": "false",
1208
- "description": "Prevent autofocus on show",
1209
- "fieldName": "disableAutoFocus"
1210
- },
1211
- {
1212
- "name": "disableCloseOnEscape",
1213
- "type": {
1214
- "text": "boolean"
1215
- },
1216
- "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,383 +1268,552 @@
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/Avatar/Avatar.ts",
1286
+ "path": "libs/web-components/src/lib/Alert/Alert.ts",
1266
1287
  "declarations": [
1267
1288
  {
1268
1289
  "kind": "class",
1269
- "description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** ",
1270
- "name": "BmAvatar",
1290
+ "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",
1291
+ "name": "BmAlert",
1271
1292
  "slots": [
1272
1293
  {
1273
- "description": "Customize the default icon",
1294
+ "description": "Specify a different icon for the Alert",
1274
1295
  "name": "icon"
1296
+ },
1297
+ {
1298
+ "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
1299
+ "name": "heading"
1300
+ },
1301
+ {
1302
+ "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
1303
+ "name": "body"
1304
+ },
1305
+ {
1306
+ "description": "Specify if actions display on the Alert",
1307
+ "name": "actions"
1275
1308
  }
1276
1309
  ],
1277
1310
  "members": [
1278
1311
  {
1279
1312
  "kind": "field",
1280
- "name": "appearance",
1313
+ "name": "heading",
1281
1314
  "type": {
1282
- "text": "'accent' | 'neutral' | undefined"
1315
+ "text": "string | undefined"
1283
1316
  },
1284
- "default": "'neutral'",
1285
- "description": "Specify the appearance of the Avatar",
1286
- "attribute": "appearance"
1317
+ "description": "Specify the heading text for Alert",
1318
+ "attribute": "heading"
1287
1319
  },
1288
1320
  {
1289
1321
  "kind": "field",
1290
- "name": "name",
1322
+ "name": "body",
1291
1323
  "type": {
1292
1324
  "text": "string | undefined"
1293
1325
  },
1294
- "description": "Specify a name to display initials in the Avatar",
1295
- "attribute": "name"
1326
+ "description": "Specify the body text for Alert",
1327
+ "attribute": "body"
1296
1328
  },
1297
1329
  {
1298
1330
  "kind": "field",
1299
- "name": "src",
1331
+ "name": "size",
1300
1332
  "type": {
1301
- "text": "string | undefined"
1333
+ "text": "'sm' | 'md'"
1302
1334
  },
1303
- "description": "Pass an image to the Avatar",
1304
- "attribute": "src"
1335
+ "default": "'sm'",
1336
+ "description": "Specify the size of the Alert",
1337
+ "attribute": "size"
1305
1338
  },
1306
1339
  {
1307
1340
  "kind": "field",
1308
- "name": "alt",
1341
+ "name": "fullWidth",
1309
1342
  "type": {
1310
- "text": "string | undefined"
1343
+ "text": "boolean"
1311
1344
  },
1312
- "description": "Specify alt for image",
1313
- "attribute": "alt"
1345
+ "default": "false",
1346
+ "description": "Specify if the Alert has no border radius",
1347
+ "attribute": "fullWidth"
1314
1348
  },
1315
1349
  {
1316
1350
  "kind": "field",
1317
- "name": "size",
1351
+ "name": "theme",
1318
1352
  "type": {
1319
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1353
+ "text": "'light' | 'dark' | undefined"
1320
1354
  },
1321
- "default": "'md'",
1322
- "description": "Specify the size of the Avatar",
1323
- "attribute": "size"
1355
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1356
+ "attribute": "theme"
1324
1357
  },
1325
1358
  {
1326
1359
  "kind": "field",
1327
- "name": "disabled",
1360
+ "name": "appearance",
1328
1361
  "type": {
1329
- "text": "boolean | undefined"
1362
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1363
+ },
1364
+ "default": "'infoPrimary'",
1365
+ "description": "Specify the appearance of the Alert",
1366
+ "attribute": "appearance"
1367
+ },
1368
+ {
1369
+ "kind": "field",
1370
+ "name": "hidden",
1371
+ "type": {
1372
+ "text": "boolean"
1330
1373
  },
1331
1374
  "default": "false",
1332
- "description": "Specify if the Avatar is disabled",
1333
- "attribute": "disabled"
1375
+ "description": "Specify if the Alert is hidden",
1376
+ "attribute": "hidden"
1334
1377
  },
1335
1378
  {
1336
1379
  "kind": "field",
1337
- "name": "shape",
1380
+ "name": "hideIcon",
1338
1381
  "type": {
1339
- "text": "'circle' | 'square' | undefined"
1382
+ "text": "boolean"
1340
1383
  },
1341
- "default": "'circle'",
1342
- "description": "Specify the shape of the Avatar",
1343
- "attribute": "shape"
1384
+ "default": "false",
1385
+ "description": "Specify if the icon displays on the Alert",
1386
+ "attribute": "hideIcon"
1344
1387
  },
1345
1388
  {
1346
1389
  "kind": "field",
1347
- "name": "isInteractive",
1390
+ "name": "dismissible",
1348
1391
  "type": {
1349
1392
  "text": "boolean"
1350
1393
  },
1351
1394
  "default": "false",
1352
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1353
- "attribute": "isInteractive"
1395
+ "description": "Specify if the Alert can be dismissed",
1396
+ "attribute": "dismissible"
1354
1397
  },
1355
1398
  {
1356
1399
  "kind": "field",
1357
- "name": "isFocusable",
1400
+ "name": "disableAutoFocus",
1358
1401
  "type": {
1359
1402
  "text": "boolean"
1360
1403
  },
1361
1404
  "default": "false",
1362
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1363
- "attribute": "isFocusable"
1405
+ "description": "Prevent autofocus on show",
1406
+ "attribute": "disableAutoFocus"
1364
1407
  },
1365
1408
  {
1366
1409
  "kind": "field",
1367
- "name": "withBorder",
1410
+ "name": "disableCloseOnEscape",
1368
1411
  "type": {
1369
1412
  "text": "boolean"
1370
1413
  },
1371
1414
  "default": "false",
1372
- "attribute": "withBorder"
1415
+ "description": "Prevent Escape from closing",
1416
+ "attribute": "disableCloseOnEscape"
1417
+ }
1418
+ ],
1419
+ "events": [
1420
+ {
1421
+ "description": "Dispatched when the Alert has been dismissed",
1422
+ "name": "bm-dismiss"
1373
1423
  }
1374
1424
  ],
1375
1425
  "attributes": [
1376
1426
  {
1377
- "name": "appearance",
1427
+ "name": "heading",
1378
1428
  "type": {
1379
- "text": "'accent' | 'neutral' | undefined"
1429
+ "text": "string | undefined"
1380
1430
  },
1381
- "default": "'neutral'",
1382
- "description": "Specify the appearance of the Avatar",
1383
- "fieldName": "appearance"
1431
+ "description": "Specify the heading text for Alert",
1432
+ "fieldName": "heading"
1384
1433
  },
1385
1434
  {
1386
- "name": "name",
1435
+ "name": "body",
1387
1436
  "type": {
1388
1437
  "text": "string | undefined"
1389
1438
  },
1390
- "description": "Specify a name to display initials in the Avatar",
1391
- "fieldName": "name"
1439
+ "description": "Specify the body text for Alert",
1440
+ "fieldName": "body"
1392
1441
  },
1393
1442
  {
1394
- "name": "src",
1443
+ "name": "size",
1395
1444
  "type": {
1396
- "text": "string | undefined"
1445
+ "text": "'sm' | 'md'"
1397
1446
  },
1398
- "description": "Pass an image to the Avatar",
1399
- "fieldName": "src"
1447
+ "default": "'sm'",
1448
+ "description": "Specify the size of the Alert",
1449
+ "fieldName": "size"
1400
1450
  },
1401
1451
  {
1402
- "name": "alt",
1452
+ "name": "fullWidth",
1403
1453
  "type": {
1404
- "text": "string | undefined"
1454
+ "text": "boolean"
1405
1455
  },
1406
- "description": "Specify alt for image",
1407
- "fieldName": "alt"
1456
+ "default": "false",
1457
+ "description": "Specify if the Alert has no border radius",
1458
+ "fieldName": "fullWidth"
1408
1459
  },
1409
1460
  {
1410
- "name": "size",
1461
+ "name": "theme",
1411
1462
  "type": {
1412
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1463
+ "text": "'light' | 'dark' | undefined"
1413
1464
  },
1414
- "default": "'md'",
1415
- "description": "Specify the size of the Avatar",
1416
- "fieldName": "size"
1465
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
1466
+ "fieldName": "theme"
1417
1467
  },
1418
1468
  {
1419
- "name": "disabled",
1469
+ "name": "appearance",
1420
1470
  "type": {
1421
- "text": "boolean | undefined"
1471
+ "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
1422
1472
  },
1423
- "default": "false",
1424
- "description": "Specify if the Avatar is disabled",
1425
- "fieldName": "disabled"
1473
+ "default": "'infoPrimary'",
1474
+ "description": "Specify the appearance of the Alert",
1475
+ "fieldName": "appearance"
1426
1476
  },
1427
1477
  {
1428
- "name": "shape",
1478
+ "name": "hidden",
1429
1479
  "type": {
1430
- "text": "'circle' | 'square' | undefined"
1480
+ "text": "boolean"
1431
1481
  },
1432
- "default": "'circle'",
1433
- "description": "Specify the shape of the Avatar",
1434
- "fieldName": "shape"
1482
+ "default": "false",
1483
+ "description": "Specify if the Alert is hidden",
1484
+ "fieldName": "hidden"
1435
1485
  },
1436
1486
  {
1437
- "name": "isInteractive",
1487
+ "name": "hideIcon",
1438
1488
  "type": {
1439
1489
  "text": "boolean"
1440
1490
  },
1441
1491
  "default": "false",
1442
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1443
- "fieldName": "isInteractive"
1492
+ "description": "Specify if the icon displays on the Alert",
1493
+ "fieldName": "hideIcon"
1444
1494
  },
1445
1495
  {
1446
- "name": "isFocusable",
1496
+ "name": "dismissible",
1447
1497
  "type": {
1448
1498
  "text": "boolean"
1449
1499
  },
1450
1500
  "default": "false",
1451
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1452
- "fieldName": "isFocusable"
1501
+ "description": "Specify if the Alert can be dismissed",
1502
+ "fieldName": "dismissible"
1453
1503
  },
1454
1504
  {
1455
- "name": "withBorder",
1505
+ "name": "disableAutoFocus",
1456
1506
  "type": {
1457
1507
  "text": "boolean"
1458
1508
  },
1459
1509
  "default": "false",
1460
- "fieldName": "withBorder"
1461
- }
1510
+ "description": "Prevent autofocus on show",
1511
+ "fieldName": "disableAutoFocus"
1512
+ },
1513
+ {
1514
+ "name": "disableCloseOnEscape",
1515
+ "type": {
1516
+ "text": "boolean"
1517
+ },
1518
+ "default": "false",
1519
+ "description": "Prevent Escape from closing",
1520
+ "fieldName": "disableCloseOnEscape"
1521
+ }
1462
1522
  ],
1463
1523
  "superclass": {
1464
1524
  "name": "LitElement",
1465
1525
  "package": "lit"
1466
1526
  },
1467
- "tagName": "bm-avatar",
1527
+ "tagName": "bm-alert",
1468
1528
  "customElement": true
1469
1529
  }
1470
1530
  ],
1471
1531
  "exports": [
1472
1532
  {
1473
1533
  "kind": "js",
1474
- "name": "BmAvatar",
1534
+ "name": "BmAlert",
1475
1535
  "declaration": {
1476
- "name": "BmAvatar",
1477
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1536
+ "name": "BmAlert",
1537
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1478
1538
  }
1479
1539
  },
1480
1540
  {
1481
1541
  "kind": "custom-element-definition",
1482
- "name": "bm-avatar",
1542
+ "name": "bm-alert",
1483
1543
  "declaration": {
1484
- "name": "BmAvatar",
1485
- "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1544
+ "name": "BmAlert",
1545
+ "module": "libs/web-components/src/lib/Alert/Alert.ts"
1486
1546
  }
1487
1547
  }
1488
1548
  ]
1489
1549
  },
1490
1550
  {
1491
1551
  "kind": "javascript-module",
1492
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
1493
- "declarations": [
1494
- {
1495
- "kind": "variable",
1496
- "name": "AvatarGroupCtx"
1497
- }
1498
- ],
1552
+ "path": "libs/web-components/src/lib/Alert/index.ts",
1553
+ "declarations": [],
1499
1554
  "exports": [
1500
1555
  {
1501
1556
  "kind": "js",
1502
- "name": "AvatarGroupCtx",
1557
+ "name": "*",
1503
1558
  "declaration": {
1504
- "name": "AvatarGroupCtx",
1505
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1559
+ "name": "*",
1560
+ "package": "./Alert"
1506
1561
  }
1507
1562
  }
1508
1563
  ]
1509
1564
  },
1510
1565
  {
1511
1566
  "kind": "javascript-module",
1512
- "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1567
+ "path": "libs/web-components/src/lib/Button/Button.ts",
1513
1568
  "declarations": [
1514
1569
  {
1515
1570
  "kind": "class",
1516
- "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.",
1517
- "name": "BmAvatarGroup",
1571
+ "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1572
+ "name": "BmButton",
1518
1573
  "slots": [
1519
1574
  {
1520
- "description": "Add Avatars to create a group",
1575
+ "description": "Provide content for the Button",
1521
1576
  "name": "default"
1577
+ },
1578
+ {
1579
+ "description": "Specify if the Button displays icon before the text",
1580
+ "name": "iconBefore"
1581
+ },
1582
+ {
1583
+ "description": "Specify if the Button displays icon after the text",
1584
+ "name": "iconAfter"
1522
1585
  }
1523
1586
  ],
1524
1587
  "members": [
1525
1588
  {
1526
1589
  "kind": "field",
1527
- "name": "wrapping",
1590
+ "name": "formAssociated",
1528
1591
  "type": {
1529
1592
  "text": "boolean"
1530
1593
  },
1531
- "default": "false",
1532
- "description": "Specify if the AvatarGroup wraps",
1533
- "attribute": "wrapping"
1594
+ "static": true,
1595
+ "default": "true"
1534
1596
  },
1535
1597
  {
1536
1598
  "kind": "field",
1537
- "name": "maxCount",
1599
+ "name": "appearance",
1538
1600
  "type": {
1539
- "text": "number"
1601
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1540
1602
  },
1541
- "default": "5",
1542
- "description": "Specify the max number of avatars displayed in the group.",
1543
- "attribute": "maxCount",
1544
- "reflects": true
1603
+ "default": "'accent'",
1604
+ "description": "Specify the appearance of a Button",
1605
+ "attribute": "appearance"
1606
+ },
1607
+ {
1608
+ "kind": "field",
1609
+ "name": "kind",
1610
+ "type": {
1611
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1612
+ },
1613
+ "default": "'filled'",
1614
+ "description": "Specify the kind of Button",
1615
+ "attribute": "kind"
1545
1616
  },
1546
1617
  {
1547
1618
  "kind": "field",
1548
1619
  "name": "size",
1549
1620
  "type": {
1550
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1621
+ "text": "'sm' | 'md' | 'lg'"
1551
1622
  },
1552
1623
  "default": "'md'",
1553
- "description": "Specify the size of all Avatars",
1624
+ "description": "Specify the size of a Button",
1554
1625
  "attribute": "size"
1555
1626
  },
1556
1627
  {
1557
1628
  "kind": "field",
1558
- "name": "layout",
1629
+ "name": "disabled",
1559
1630
  "type": {
1560
- "text": "'stacked' | 'spaced' | undefined"
1631
+ "text": "boolean"
1561
1632
  },
1562
- "default": "'stacked'",
1563
- "description": "Specify the kind of the group.",
1564
- "attribute": "layout"
1633
+ "default": "false",
1634
+ "description": "Specify if the Button is disabled",
1635
+ "attribute": "disabled"
1636
+ },
1637
+ {
1638
+ "kind": "field",
1639
+ "name": "fluid",
1640
+ "type": {
1641
+ "text": "boolean"
1642
+ },
1643
+ "default": "false",
1644
+ "description": "Specify if Button is fluid",
1645
+ "attribute": "fluid"
1646
+ },
1647
+ {
1648
+ "kind": "field",
1649
+ "name": "width",
1650
+ "type": {
1651
+ "text": "string | undefined"
1652
+ },
1653
+ "description": "Specify the width of a Button",
1654
+ "attribute": "width"
1655
+ },
1656
+ {
1657
+ "kind": "field",
1658
+ "name": "height",
1659
+ "type": {
1660
+ "text": "string | undefined"
1661
+ },
1662
+ "description": "Specify the height of a Button",
1663
+ "attribute": "height"
1664
+ },
1665
+ {
1666
+ "kind": "field",
1667
+ "name": "theme",
1668
+ "type": {
1669
+ "text": "'light' | 'dark' | undefined"
1670
+ },
1671
+ "description": "Specify the theme of the Button",
1672
+ "attribute": "theme"
1673
+ },
1674
+ {
1675
+ "kind": "field",
1676
+ "name": "iconOnly",
1677
+ "type": {
1678
+ "text": "boolean | undefined"
1679
+ },
1680
+ "description": "Specify if the icon displays without text",
1681
+ "attribute": "iconOnly"
1682
+ },
1683
+ {
1684
+ "kind": "field",
1685
+ "name": "type",
1686
+ "type": {
1687
+ "text": "string"
1688
+ },
1689
+ "default": "'button'",
1690
+ "attribute": "type"
1691
+ },
1692
+ {
1693
+ "kind": "field",
1694
+ "name": "formContext",
1695
+ "type": {
1696
+ "text": "BmFormContext"
1697
+ }
1565
1698
  }
1566
1699
  ],
1567
1700
  "attributes": [
1568
1701
  {
1569
- "name": "wrapping",
1702
+ "name": "appearance",
1570
1703
  "type": {
1571
- "text": "boolean"
1704
+ "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1572
1705
  },
1573
- "default": "false",
1574
- "description": "Specify if the AvatarGroup wraps",
1575
- "fieldName": "wrapping"
1706
+ "default": "'accent'",
1707
+ "description": "Specify the appearance of a Button",
1708
+ "fieldName": "appearance"
1576
1709
  },
1577
1710
  {
1578
- "name": "maxCount",
1711
+ "name": "kind",
1579
1712
  "type": {
1580
- "text": "number"
1713
+ "text": "'filled' | 'outline' | 'ghost' | 'bare'"
1581
1714
  },
1582
- "default": "5",
1583
- "description": "Specify the max number of avatars displayed in the group.",
1584
- "fieldName": "maxCount"
1715
+ "default": "'filled'",
1716
+ "description": "Specify the kind of Button",
1717
+ "fieldName": "kind"
1585
1718
  },
1586
1719
  {
1587
1720
  "name": "size",
1588
1721
  "type": {
1589
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
1722
+ "text": "'sm' | 'md' | 'lg'"
1590
1723
  },
1591
1724
  "default": "'md'",
1592
- "description": "Specify the size of all Avatars",
1725
+ "description": "Specify the size of a Button",
1593
1726
  "fieldName": "size"
1594
1727
  },
1595
1728
  {
1596
- "name": "layout",
1729
+ "name": "disabled",
1597
1730
  "type": {
1598
- "text": "'stacked' | 'spaced' | undefined"
1731
+ "text": "boolean"
1599
1732
  },
1600
- "default": "'stacked'",
1601
- "description": "Specify the kind of the group.",
1602
- "fieldName": "layout"
1733
+ "default": "false",
1734
+ "description": "Specify if the Button is disabled",
1735
+ "fieldName": "disabled"
1736
+ },
1737
+ {
1738
+ "name": "fluid",
1739
+ "type": {
1740
+ "text": "boolean"
1741
+ },
1742
+ "default": "false",
1743
+ "description": "Specify if Button is fluid",
1744
+ "fieldName": "fluid"
1745
+ },
1746
+ {
1747
+ "name": "width",
1748
+ "type": {
1749
+ "text": "string | undefined"
1750
+ },
1751
+ "description": "Specify the width of a Button",
1752
+ "fieldName": "width"
1753
+ },
1754
+ {
1755
+ "name": "height",
1756
+ "type": {
1757
+ "text": "string | undefined"
1758
+ },
1759
+ "description": "Specify the height of a Button",
1760
+ "fieldName": "height"
1761
+ },
1762
+ {
1763
+ "name": "theme",
1764
+ "type": {
1765
+ "text": "'light' | 'dark' | undefined"
1766
+ },
1767
+ "description": "Specify the theme of the Button",
1768
+ "fieldName": "theme"
1769
+ },
1770
+ {
1771
+ "name": "iconOnly",
1772
+ "type": {
1773
+ "text": "boolean | undefined"
1774
+ },
1775
+ "description": "Specify if the icon displays without text",
1776
+ "fieldName": "iconOnly"
1777
+ },
1778
+ {
1779
+ "name": "type",
1780
+ "type": {
1781
+ "text": "string"
1782
+ },
1783
+ "default": "'button'",
1784
+ "fieldName": "type"
1603
1785
  }
1604
1786
  ],
1605
1787
  "superclass": {
1606
1788
  "name": "LitElement",
1607
1789
  "package": "lit"
1608
1790
  },
1609
- "tagName": "bm-avatar-group",
1791
+ "tagName": "bm-button",
1610
1792
  "customElement": true
1611
1793
  }
1612
1794
  ],
1613
1795
  "exports": [
1614
1796
  {
1615
1797
  "kind": "js",
1616
- "name": "BmAvatarGroup",
1798
+ "name": "BmButton",
1617
1799
  "declaration": {
1618
- "name": "BmAvatarGroup",
1619
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1800
+ "name": "BmButton",
1801
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1620
1802
  }
1621
1803
  },
1622
1804
  {
1623
1805
  "kind": "custom-element-definition",
1624
- "name": "bm-avatar-group",
1806
+ "name": "bm-button",
1625
1807
  "declaration": {
1626
- "name": "BmAvatarGroup",
1627
- "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
1808
+ "name": "BmButton",
1809
+ "module": "libs/web-components/src/lib/Button/Button.ts"
1628
1810
  }
1629
1811
  }
1630
1812
  ]
1631
1813
  },
1632
1814
  {
1633
1815
  "kind": "javascript-module",
1634
- "path": "libs/web-components/src/lib/Avatar/index.ts",
1816
+ "path": "libs/web-components/src/lib/Button/index.ts",
1635
1817
  "declarations": [],
1636
1818
  "exports": [
1637
1819
  {
@@ -1639,573 +1821,383 @@
1639
1821
  "name": "*",
1640
1822
  "declaration": {
1641
1823
  "name": "*",
1642
- "package": "./Avatar"
1643
- }
1644
- },
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./AvatarGroup"
1651
- }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
1658
- "declarations": [
1659
- {
1660
- "kind": "variable",
1661
- "name": "BreadcrumbGroupCtx"
1662
- }
1663
- ],
1664
- "exports": [
1665
- {
1666
- "kind": "js",
1667
- "name": "BreadcrumbGroupCtx",
1668
- "declaration": {
1669
- "name": "BreadcrumbGroupCtx",
1670
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts"
1824
+ "package": "./Button"
1671
1825
  }
1672
1826
  }
1673
1827
  ]
1674
1828
  },
1675
1829
  {
1676
1830
  "kind": "javascript-module",
1677
- "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts",
1831
+ "path": "libs/web-components/src/lib/Avatar/Avatar.ts",
1678
1832
  "declarations": [
1679
1833
  {
1680
1834
  "kind": "class",
1681
- "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1682
- "name": "BmBreadcrumbs",
1835
+ "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** ",
1836
+ "name": "BmAvatar",
1683
1837
  "slots": [
1684
1838
  {
1685
- "description": "Pass items to the Breadcrumb",
1686
- "name": "default"
1839
+ "description": "Customize the default icon",
1840
+ "name": "icon"
1687
1841
  }
1688
1842
  ],
1689
1843
  "members": [
1690
1844
  {
1691
1845
  "kind": "field",
1692
- "name": "wrap",
1846
+ "name": "appearance",
1693
1847
  "type": {
1694
- "text": "boolean"
1848
+ "text": "'accent' | 'neutral' | undefined"
1695
1849
  },
1696
- "default": "true",
1697
- "description": "Specify if items wrap or collapse to an ellipsis",
1698
- "attribute": "wrap"
1850
+ "default": "'neutral'",
1851
+ "description": "Specify the appearance of the Avatar",
1852
+ "attribute": "appearance"
1699
1853
  },
1700
1854
  {
1701
1855
  "kind": "field",
1702
- "name": "itemsBeforeCollapse",
1856
+ "name": "name",
1703
1857
  "type": {
1704
- "text": "number"
1858
+ "text": "string | undefined"
1705
1859
  },
1706
- "default": "1",
1707
- "description": "Specify how many items show before ellipsis",
1708
- "attribute": "itemsBeforeCollapse"
1860
+ "description": "Specify a name to display initials in the Avatar",
1861
+ "attribute": "name"
1709
1862
  },
1710
1863
  {
1711
1864
  "kind": "field",
1712
- "name": "itemsAfterCollapse",
1865
+ "name": "src",
1713
1866
  "type": {
1714
- "text": "number"
1867
+ "text": "string | undefined"
1715
1868
  },
1716
- "default": "1",
1717
- "description": "Specify how many items show after ellipsis",
1718
- "attribute": "itemsAfterCollapse"
1869
+ "description": "Pass an image to the Avatar",
1870
+ "attribute": "src"
1719
1871
  },
1720
1872
  {
1721
1873
  "kind": "field",
1722
- "name": "theme",
1723
- "type": {
1724
- "text": "'light' | 'dark' | undefined"
1725
- },
1726
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1727
- "attribute": "theme"
1728
- }
1729
- ],
1730
- "attributes": [
1731
- {
1732
- "name": "wrap",
1733
- "type": {
1734
- "text": "boolean"
1735
- },
1736
- "default": "true",
1737
- "description": "Specify if items wrap or collapse to an ellipsis",
1738
- "fieldName": "wrap"
1739
- },
1740
- {
1741
- "name": "itemsBeforeCollapse",
1874
+ "name": "alt",
1742
1875
  "type": {
1743
- "text": "number"
1876
+ "text": "string | undefined"
1744
1877
  },
1745
- "default": "1",
1746
- "description": "Specify how many items show before ellipsis",
1747
- "fieldName": "itemsBeforeCollapse"
1878
+ "description": "Specify alt for image",
1879
+ "attribute": "alt"
1748
1880
  },
1749
1881
  {
1750
- "name": "itemsAfterCollapse",
1882
+ "kind": "field",
1883
+ "name": "size",
1751
1884
  "type": {
1752
- "text": "number"
1885
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1753
1886
  },
1754
- "default": "1",
1755
- "description": "Specify how many items show after ellipsis",
1756
- "fieldName": "itemsAfterCollapse"
1887
+ "default": "'md'",
1888
+ "description": "Specify the size of the Avatar",
1889
+ "attribute": "size"
1757
1890
  },
1758
1891
  {
1759
- "name": "theme",
1892
+ "kind": "field",
1893
+ "name": "disabled",
1760
1894
  "type": {
1761
- "text": "'light' | 'dark' | undefined"
1895
+ "text": "boolean | undefined"
1762
1896
  },
1763
- "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
1764
- "fieldName": "theme"
1765
- }
1766
- ],
1767
- "superclass": {
1768
- "name": "LitElement",
1769
- "package": "lit"
1770
- },
1771
- "tagName": "bm-breadcrumb",
1772
- "customElement": true
1773
- }
1774
- ],
1775
- "exports": [
1776
- {
1777
- "kind": "js",
1778
- "name": "BmBreadcrumbs",
1779
- "declaration": {
1780
- "name": "BmBreadcrumbs",
1781
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1782
- }
1783
- },
1784
- {
1785
- "kind": "custom-element-definition",
1786
- "name": "bm-breadcrumb",
1787
- "declaration": {
1788
- "name": "BmBreadcrumbs",
1789
- "module": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.ts"
1790
- }
1791
- }
1792
- ]
1793
- },
1794
- {
1795
- "kind": "javascript-module",
1796
- "path": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts",
1797
- "declarations": [
1798
- {
1799
- "kind": "class",
1800
- "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** ",
1801
- "name": "BmBreadcrumbsItem",
1802
- "slots": [
1803
- {
1804
- "description": "Pass text to an item",
1805
- "name": "default"
1897
+ "default": "false",
1898
+ "description": "Specify if the Avatar is disabled",
1899
+ "attribute": "disabled"
1806
1900
  },
1807
- {
1808
- "description": "Pass icon to an item",
1809
- "name": "icon"
1810
- }
1811
- ],
1812
- "members": [
1813
1901
  {
1814
1902
  "kind": "field",
1815
- "name": "href",
1903
+ "name": "shape",
1816
1904
  "type": {
1817
- "text": "string | undefined"
1905
+ "text": "'circle' | 'square' | undefined"
1818
1906
  },
1819
- "description": "Pass href to an item",
1820
- "attribute": "href"
1907
+ "default": "'circle'",
1908
+ "description": "Specify the shape of the Avatar",
1909
+ "attribute": "shape"
1821
1910
  },
1822
1911
  {
1823
1912
  "kind": "field",
1824
- "name": "clickable",
1913
+ "name": "isInteractive",
1825
1914
  "type": {
1826
1915
  "text": "boolean"
1827
1916
  },
1828
1917
  "default": "false",
1829
- "description": "Specify if the item is interactive without an href",
1830
- "attribute": "clickable"
1831
- },
1832
- {
1833
- "kind": "field",
1834
- "name": "truncationWidth",
1835
- "type": {
1836
- "text": "string | undefined"
1837
- },
1838
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1839
- "attribute": "truncationWidth"
1918
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
1919
+ "attribute": "isInteractive"
1840
1920
  },
1841
1921
  {
1842
1922
  "kind": "field",
1843
- "name": "isCurrent",
1923
+ "name": "isFocusable",
1844
1924
  "type": {
1845
1925
  "text": "boolean"
1846
1926
  },
1847
1927
  "default": "false",
1848
- "description": "Specify explicitly if the item is the last one",
1849
- "attribute": "isCurrent",
1850
- "reflects": true
1928
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
1929
+ "attribute": "isFocusable"
1851
1930
  },
1852
1931
  {
1853
1932
  "kind": "field",
1854
- "name": "isCollapsed",
1933
+ "name": "withBorder",
1855
1934
  "type": {
1856
1935
  "text": "boolean"
1857
1936
  },
1858
1937
  "default": "false",
1859
- "attribute": "isCollapsed",
1860
- "reflects": true
1938
+ "attribute": "withBorder"
1861
1939
  }
1862
1940
  ],
1863
1941
  "attributes": [
1864
1942
  {
1865
- "name": "href",
1943
+ "name": "appearance",
1944
+ "type": {
1945
+ "text": "'accent' | 'neutral' | undefined"
1946
+ },
1947
+ "default": "'neutral'",
1948
+ "description": "Specify the appearance of the Avatar",
1949
+ "fieldName": "appearance"
1950
+ },
1951
+ {
1952
+ "name": "name",
1866
1953
  "type": {
1867
1954
  "text": "string | undefined"
1868
1955
  },
1869
- "description": "Pass href to an item",
1870
- "fieldName": "href"
1956
+ "description": "Specify a name to display initials in the Avatar",
1957
+ "fieldName": "name"
1871
1958
  },
1872
1959
  {
1873
- "name": "clickable",
1960
+ "name": "src",
1874
1961
  "type": {
1875
- "text": "boolean"
1962
+ "text": "string | undefined"
1876
1963
  },
1877
- "default": "false",
1878
- "description": "Specify if the item is interactive without an href",
1879
- "fieldName": "clickable"
1964
+ "description": "Pass an image to the Avatar",
1965
+ "fieldName": "src"
1880
1966
  },
1881
1967
  {
1882
- "name": "truncationWidth",
1968
+ "name": "alt",
1883
1969
  "type": {
1884
1970
  "text": "string | undefined"
1885
1971
  },
1886
- "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
1887
- "fieldName": "truncationWidth"
1972
+ "description": "Specify alt for image",
1973
+ "fieldName": "alt"
1888
1974
  },
1889
1975
  {
1890
- "name": "isCurrent",
1976
+ "name": "size",
1891
1977
  "type": {
1892
- "text": "boolean"
1978
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined"
1893
1979
  },
1894
- "default": "false",
1895
- "description": "Specify explicitly if the item is the last one",
1896
- "fieldName": "isCurrent"
1980
+ "default": "'md'",
1981
+ "description": "Specify the size of the Avatar",
1982
+ "fieldName": "size"
1897
1983
  },
1898
1984
  {
1899
- "name": "isCollapsed",
1985
+ "name": "disabled",
1900
1986
  "type": {
1901
- "text": "boolean"
1987
+ "text": "boolean | undefined"
1902
1988
  },
1903
1989
  "default": "false",
1904
- "fieldName": "isCollapsed"
1905
- }
1906
- ],
1907
- "superclass": {
1908
- "name": "LitElement",
1909
- "package": "lit"
1910
- },
1911
- "tagName": "bm-breadcrumb-item",
1990
+ "description": "Specify if the Avatar is disabled",
1991
+ "fieldName": "disabled"
1992
+ },
1993
+ {
1994
+ "name": "shape",
1995
+ "type": {
1996
+ "text": "'circle' | 'square' | undefined"
1997
+ },
1998
+ "default": "'circle'",
1999
+ "description": "Specify the shape of the Avatar",
2000
+ "fieldName": "shape"
2001
+ },
2002
+ {
2003
+ "name": "isInteractive",
2004
+ "type": {
2005
+ "text": "boolean"
2006
+ },
2007
+ "default": "false",
2008
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
2009
+ "fieldName": "isInteractive"
2010
+ },
2011
+ {
2012
+ "name": "isFocusable",
2013
+ "type": {
2014
+ "text": "boolean"
2015
+ },
2016
+ "default": "false",
2017
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
2018
+ "fieldName": "isFocusable"
2019
+ },
2020
+ {
2021
+ "name": "withBorder",
2022
+ "type": {
2023
+ "text": "boolean"
2024
+ },
2025
+ "default": "false",
2026
+ "fieldName": "withBorder"
2027
+ }
2028
+ ],
2029
+ "superclass": {
2030
+ "name": "LitElement",
2031
+ "package": "lit"
2032
+ },
2033
+ "tagName": "bm-avatar",
1912
2034
  "customElement": true
1913
2035
  }
1914
2036
  ],
1915
2037
  "exports": [
1916
2038
  {
1917
2039
  "kind": "js",
1918
- "name": "BmBreadcrumbsItem",
2040
+ "name": "BmAvatar",
1919
2041
  "declaration": {
1920
- "name": "BmBreadcrumbsItem",
1921
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2042
+ "name": "BmAvatar",
2043
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1922
2044
  }
1923
2045
  },
1924
2046
  {
1925
2047
  "kind": "custom-element-definition",
1926
- "name": "bm-breadcrumb-item",
2048
+ "name": "bm-avatar",
1927
2049
  "declaration": {
1928
- "name": "BmBreadcrumbsItem",
1929
- "module": "libs/web-components/src/lib/Breadcrumbs/BreadcrumbsItem.ts"
2050
+ "name": "BmAvatar",
2051
+ "module": "libs/web-components/src/lib/Avatar/Avatar.ts"
1930
2052
  }
1931
2053
  }
1932
2054
  ]
1933
2055
  },
1934
2056
  {
1935
2057
  "kind": "javascript-module",
1936
- "path": "libs/web-components/src/lib/Breadcrumbs/index.ts",
1937
- "declarations": [],
1938
- "exports": [
2058
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts",
2059
+ "declarations": [
1939
2060
  {
1940
- "kind": "js",
1941
- "name": "*",
1942
- "declaration": {
1943
- "name": "*",
1944
- "package": "./Breadcrumbs"
1945
- }
1946
- },
2061
+ "kind": "variable",
2062
+ "name": "AvatarGroupCtx"
2063
+ }
2064
+ ],
2065
+ "exports": [
1947
2066
  {
1948
2067
  "kind": "js",
1949
- "name": "*",
2068
+ "name": "AvatarGroupCtx",
1950
2069
  "declaration": {
1951
- "name": "*",
1952
- "package": "./BreadcrumbsItem"
2070
+ "name": "AvatarGroupCtx",
2071
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.context.ts"
1953
2072
  }
1954
2073
  }
1955
2074
  ]
1956
2075
  },
1957
2076
  {
1958
2077
  "kind": "javascript-module",
1959
- "path": "libs/web-components/src/lib/Button/Button.ts",
2078
+ "path": "libs/web-components/src/lib/Avatar/AvatarGroup.ts",
1960
2079
  "declarations": [
1961
2080
  {
1962
2081
  "kind": "class",
1963
- "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** ",
1964
- "name": "BmButton",
2082
+ "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.",
2083
+ "name": "BmAvatarGroup",
1965
2084
  "slots": [
1966
2085
  {
1967
- "description": "Provide content for the Button",
2086
+ "description": "Add Avatars to create a group",
1968
2087
  "name": "default"
1969
- },
1970
- {
1971
- "description": "Specify if the Button displays icon before the text",
1972
- "name": "iconBefore"
1973
- },
1974
- {
1975
- "description": "Specify if the Button displays icon after the text",
1976
- "name": "iconAfter"
1977
2088
  }
1978
2089
  ],
1979
2090
  "members": [
1980
2091
  {
1981
2092
  "kind": "field",
1982
- "name": "formAssociated",
2093
+ "name": "wrapping",
1983
2094
  "type": {
1984
2095
  "text": "boolean"
1985
2096
  },
1986
- "static": true,
1987
- "default": "true"
1988
- },
1989
- {
1990
- "kind": "field",
1991
- "name": "appearance",
1992
- "type": {
1993
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
1994
- },
1995
- "default": "'accent'",
1996
- "description": "Specify the appearance of a Button",
1997
- "attribute": "appearance"
2097
+ "default": "false",
2098
+ "description": "Specify if the AvatarGroup wraps",
2099
+ "attribute": "wrapping"
1998
2100
  },
1999
2101
  {
2000
2102
  "kind": "field",
2001
- "name": "kind",
2103
+ "name": "maxCount",
2002
2104
  "type": {
2003
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2105
+ "text": "number"
2004
2106
  },
2005
- "default": "'filled'",
2006
- "description": "Specify the kind of Button",
2007
- "attribute": "kind"
2107
+ "default": "5",
2108
+ "description": "Specify the max number of avatars displayed in the group.",
2109
+ "attribute": "maxCount",
2110
+ "reflects": true
2008
2111
  },
2009
2112
  {
2010
2113
  "kind": "field",
2011
2114
  "name": "size",
2012
2115
  "type": {
2013
- "text": "'sm' | 'md' | 'lg'"
2116
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2014
2117
  },
2015
2118
  "default": "'md'",
2016
- "description": "Specify the size of a Button",
2119
+ "description": "Specify the size of all Avatars",
2017
2120
  "attribute": "size"
2018
2121
  },
2019
2122
  {
2020
2123
  "kind": "field",
2021
- "name": "disabled",
2022
- "type": {
2023
- "text": "boolean"
2024
- },
2025
- "default": "false",
2026
- "description": "Specify if the Button is disabled",
2027
- "attribute": "disabled"
2028
- },
2029
- {
2030
- "kind": "field",
2031
- "name": "fluid",
2032
- "type": {
2033
- "text": "boolean"
2034
- },
2035
- "default": "false",
2036
- "description": "Specify if Button is fluid",
2037
- "attribute": "fluid"
2038
- },
2039
- {
2040
- "kind": "field",
2041
- "name": "width",
2042
- "type": {
2043
- "text": "string | undefined"
2044
- },
2045
- "description": "Specify the width of a Button",
2046
- "attribute": "width"
2047
- },
2048
- {
2049
- "kind": "field",
2050
- "name": "height",
2051
- "type": {
2052
- "text": "string | undefined"
2053
- },
2054
- "description": "Specify the height of a Button",
2055
- "attribute": "height"
2056
- },
2057
- {
2058
- "kind": "field",
2059
- "name": "theme",
2060
- "type": {
2061
- "text": "'light' | 'dark' | undefined"
2062
- },
2063
- "description": "Specify the theme of the Button",
2064
- "attribute": "theme"
2065
- },
2066
- {
2067
- "kind": "field",
2068
- "name": "iconOnly",
2069
- "type": {
2070
- "text": "boolean | undefined"
2071
- },
2072
- "description": "Specify if the icon displays without text",
2073
- "attribute": "iconOnly"
2074
- },
2075
- {
2076
- "kind": "field",
2077
- "name": "type",
2124
+ "name": "layout",
2078
2125
  "type": {
2079
- "text": "string"
2126
+ "text": "'stacked' | 'spaced' | undefined"
2080
2127
  },
2081
- "default": "'button'",
2082
- "attribute": "type"
2083
- },
2084
- {
2085
- "kind": "field",
2086
- "name": "formContext",
2087
- "type": {
2088
- "text": "BmFormContext"
2089
- }
2128
+ "default": "'stacked'",
2129
+ "description": "Specify the kind of the group.",
2130
+ "attribute": "layout"
2090
2131
  }
2091
2132
  ],
2092
2133
  "attributes": [
2093
2134
  {
2094
- "name": "appearance",
2135
+ "name": "wrapping",
2095
2136
  "type": {
2096
- "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
2137
+ "text": "boolean"
2097
2138
  },
2098
- "default": "'accent'",
2099
- "description": "Specify the appearance of a Button",
2100
- "fieldName": "appearance"
2139
+ "default": "false",
2140
+ "description": "Specify if the AvatarGroup wraps",
2141
+ "fieldName": "wrapping"
2101
2142
  },
2102
2143
  {
2103
- "name": "kind",
2144
+ "name": "maxCount",
2104
2145
  "type": {
2105
- "text": "'filled' | 'outline' | 'ghost' | 'bare'"
2146
+ "text": "number"
2106
2147
  },
2107
- "default": "'filled'",
2108
- "description": "Specify the kind of Button",
2109
- "fieldName": "kind"
2148
+ "default": "5",
2149
+ "description": "Specify the max number of avatars displayed in the group.",
2150
+ "fieldName": "maxCount"
2110
2151
  },
2111
2152
  {
2112
2153
  "name": "size",
2113
2154
  "type": {
2114
- "text": "'sm' | 'md' | 'lg'"
2155
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
2115
2156
  },
2116
2157
  "default": "'md'",
2117
- "description": "Specify the size of a Button",
2158
+ "description": "Specify the size of all Avatars",
2118
2159
  "fieldName": "size"
2119
2160
  },
2120
2161
  {
2121
- "name": "disabled",
2122
- "type": {
2123
- "text": "boolean"
2124
- },
2125
- "default": "false",
2126
- "description": "Specify if the Button is disabled",
2127
- "fieldName": "disabled"
2128
- },
2129
- {
2130
- "name": "fluid",
2131
- "type": {
2132
- "text": "boolean"
2133
- },
2134
- "default": "false",
2135
- "description": "Specify if Button is fluid",
2136
- "fieldName": "fluid"
2137
- },
2138
- {
2139
- "name": "width",
2140
- "type": {
2141
- "text": "string | undefined"
2142
- },
2143
- "description": "Specify the width of a Button",
2144
- "fieldName": "width"
2145
- },
2146
- {
2147
- "name": "height",
2148
- "type": {
2149
- "text": "string | undefined"
2150
- },
2151
- "description": "Specify the height of a Button",
2152
- "fieldName": "height"
2153
- },
2154
- {
2155
- "name": "theme",
2156
- "type": {
2157
- "text": "'light' | 'dark' | undefined"
2158
- },
2159
- "description": "Specify the theme of the Button",
2160
- "fieldName": "theme"
2161
- },
2162
- {
2163
- "name": "iconOnly",
2164
- "type": {
2165
- "text": "boolean | undefined"
2166
- },
2167
- "description": "Specify if the icon displays without text",
2168
- "fieldName": "iconOnly"
2169
- },
2170
- {
2171
- "name": "type",
2162
+ "name": "layout",
2172
2163
  "type": {
2173
- "text": "string"
2164
+ "text": "'stacked' | 'spaced' | undefined"
2174
2165
  },
2175
- "default": "'button'",
2176
- "fieldName": "type"
2166
+ "default": "'stacked'",
2167
+ "description": "Specify the kind of the group.",
2168
+ "fieldName": "layout"
2177
2169
  }
2178
2170
  ],
2179
2171
  "superclass": {
2180
2172
  "name": "LitElement",
2181
2173
  "package": "lit"
2182
2174
  },
2183
- "tagName": "bm-button",
2175
+ "tagName": "bm-avatar-group",
2184
2176
  "customElement": true
2185
2177
  }
2186
2178
  ],
2187
2179
  "exports": [
2188
2180
  {
2189
2181
  "kind": "js",
2190
- "name": "BmButton",
2182
+ "name": "BmAvatarGroup",
2191
2183
  "declaration": {
2192
- "name": "BmButton",
2193
- "module": "libs/web-components/src/lib/Button/Button.ts"
2184
+ "name": "BmAvatarGroup",
2185
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
2194
2186
  }
2195
2187
  },
2196
2188
  {
2197
2189
  "kind": "custom-element-definition",
2198
- "name": "bm-button",
2190
+ "name": "bm-avatar-group",
2199
2191
  "declaration": {
2200
- "name": "BmButton",
2201
- "module": "libs/web-components/src/lib/Button/Button.ts"
2192
+ "name": "BmAvatarGroup",
2193
+ "module": "libs/web-components/src/lib/Avatar/AvatarGroup.ts"
2202
2194
  }
2203
2195
  }
2204
2196
  ]
2205
2197
  },
2206
2198
  {
2207
2199
  "kind": "javascript-module",
2208
- "path": "libs/web-components/src/lib/Button/index.ts",
2200
+ "path": "libs/web-components/src/lib/Avatar/index.ts",
2209
2201
  "declarations": [],
2210
2202
  "exports": [
2211
2203
  {
@@ -2213,7 +2205,15 @@
2213
2205
  "name": "*",
2214
2206
  "declaration": {
2215
2207
  "name": "*",
2216
- "package": "./Button"
2208
+ "package": "./Avatar"
2209
+ }
2210
+ },
2211
+ {
2212
+ "kind": "js",
2213
+ "name": "*",
2214
+ "declaration": {
2215
+ "name": "*",
2216
+ "package": "./AvatarGroup"
2217
2217
  }
2218
2218
  }
2219
2219
  ]
@@ -7901,123 +7901,127 @@
7901
7901
  },
7902
7902
  {
7903
7903
  "kind": "javascript-module",
7904
- "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
7904
+ "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
7905
+ "declarations": [
7906
+ {
7907
+ "kind": "variable",
7908
+ "name": "bmFormInitials",
7909
+ "type": {
7910
+ "text": "BmFormContext"
7911
+ },
7912
+ "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
7913
+ },
7914
+ {
7915
+ "kind": "variable",
7916
+ "name": "bmFormContext"
7917
+ }
7918
+ ],
7919
+ "exports": [
7920
+ {
7921
+ "kind": "js",
7922
+ "name": "bmFormInitials",
7923
+ "declaration": {
7924
+ "name": "bmFormInitials",
7925
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7926
+ }
7927
+ },
7928
+ {
7929
+ "kind": "js",
7930
+ "name": "bmFormContext",
7931
+ "declaration": {
7932
+ "name": "bmFormContext",
7933
+ "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
7934
+ }
7935
+ }
7936
+ ]
7937
+ },
7938
+ {
7939
+ "kind": "javascript-module",
7940
+ "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
7905
7941
  "declarations": [
7906
7942
  {
7907
7943
  "kind": "class",
7908
- "description": "### Attributes:\n- **required** - Specify if NativeSelect is a required input\n- **readOnly** - Specify if NativeSelect displays in a read-only state\n- **disabled** - Specify if NativeSelect displays in a disabled state\n- **error** - Specify error text and display error state of a NativeSelect\n- **fluid** - Specify if NativeSelect is fluid\n- **size** - Specify the size of NativeSelect\n- **width** - Specify the width of NativeSelect\n- **ellipse** - Specify if overflow displays ellipsis\n- **hideRequiredMarker** - Specify if the NativeSelect displays with an asterisk\n- **theme** - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
7909
- "name": "BmNativeSelect",
7910
- "slots": [
7911
- {
7912
- "description": "Specify Options for NativeSelect",
7913
- "name": "slot"
7914
- },
7915
- {
7916
- "description": "Specify Label for NativeSelect",
7917
- "name": "label"
7918
- },
7919
- {
7920
- "description": "Specify HelperText for NativeSelect",
7921
- "name": "helper-text"
7922
- }
7923
- ],
7944
+ "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
7945
+ "name": "FormField",
7924
7946
  "members": [
7925
7947
  {
7926
7948
  "kind": "field",
7927
- "name": "required",
7928
- "type": {
7929
- "text": "boolean"
7930
- },
7931
- "default": "false",
7932
- "description": "Specify if NativeSelect is a required input",
7933
- "attribute": "required"
7934
- },
7935
- {
7936
- "kind": "field",
7937
- "name": "readOnly",
7949
+ "name": "formAssociated",
7938
7950
  "type": {
7939
7951
  "text": "boolean"
7940
7952
  },
7941
- "default": "false",
7942
- "description": "Specify if NativeSelect displays in a read-only state",
7943
- "attribute": "readOnly"
7953
+ "static": true,
7954
+ "default": "true"
7944
7955
  },
7945
7956
  {
7946
7957
  "kind": "field",
7947
- "name": "disabled",
7958
+ "name": "id",
7948
7959
  "type": {
7949
- "text": "boolean"
7960
+ "text": "string"
7950
7961
  },
7951
- "default": "false",
7952
- "description": "Specify if NativeSelect displays in a disabled state",
7953
- "attribute": "disabled"
7962
+ "default": "''",
7963
+ "attribute": "id"
7954
7964
  },
7955
7965
  {
7956
7966
  "kind": "field",
7957
- "name": "error",
7967
+ "name": "name",
7958
7968
  "type": {
7959
- "text": "string | undefined"
7969
+ "text": "string"
7960
7970
  },
7961
- "description": "Specify error text and display error state of a NativeSelect",
7962
- "attribute": "error"
7971
+ "default": "''",
7972
+ "attribute": "name",
7973
+ "reflects": true
7963
7974
  },
7964
7975
  {
7965
7976
  "kind": "field",
7966
- "name": "fluid",
7977
+ "name": "value",
7967
7978
  "type": {
7968
- "text": "boolean"
7979
+ "text": "string"
7969
7980
  },
7970
- "default": "false",
7971
- "description": "Specify if NativeSelect is fluid",
7972
- "attribute": "fluid"
7981
+ "default": "''",
7982
+ "attribute": "value"
7973
7983
  },
7974
7984
  {
7975
7985
  "kind": "field",
7976
- "name": "size",
7986
+ "name": "validationRules",
7977
7987
  "type": {
7978
- "text": "'sm' | 'md' | 'lg'"
7988
+ "text": "Array<FormValidator>"
7979
7989
  },
7980
- "default": "defaultInputSize",
7981
- "description": "Specify the size of NativeSelect",
7982
- "attribute": "size"
7990
+ "default": "[]",
7991
+ "attribute": "validationRules"
7983
7992
  },
7984
7993
  {
7985
7994
  "kind": "field",
7986
- "name": "width",
7995
+ "name": "inputAriaLabel",
7987
7996
  "type": {
7988
7997
  "text": "string | undefined"
7989
7998
  },
7990
- "description": "Specify the width of NativeSelect",
7991
- "attribute": "width"
7999
+ "attribute": "input-aria-label"
7992
8000
  },
7993
8001
  {
7994
8002
  "kind": "field",
7995
- "name": "ellipse",
8003
+ "name": "formContext",
7996
8004
  "type": {
7997
- "text": "boolean"
7998
- },
7999
- "default": "true",
8000
- "description": "Specify if overflow displays ellipsis",
8001
- "attribute": "ellipse"
8005
+ "text": "BmFormContext"
8006
+ }
8002
8007
  },
8003
8008
  {
8004
- "kind": "field",
8005
- "name": "hideRequiredMarker",
8006
- "type": {
8007
- "text": "boolean"
8008
- },
8009
- "default": "false",
8010
- "description": "Specify if the NativeSelect displays with an asterisk",
8011
- "attribute": "hideRequiredMarker"
8009
+ "kind": "method",
8010
+ "name": "formAssociatedCallback",
8011
+ "return": {
8012
+ "type": {
8013
+ "text": "void"
8014
+ }
8015
+ }
8012
8016
  },
8013
8017
  {
8014
- "kind": "field",
8015
- "name": "theme",
8016
- "type": {
8017
- "text": "'light' | 'dark' | undefined"
8018
- },
8019
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8020
- "attribute": "theme"
8018
+ "kind": "method",
8019
+ "name": "formResetCallback",
8020
+ "return": {
8021
+ "type": {
8022
+ "text": "void"
8023
+ }
8024
+ }
8021
8025
  },
8022
8026
  {
8023
8027
  "kind": "method",
@@ -8029,579 +8033,636 @@
8029
8033
  },
8030
8034
  "parameters": [
8031
8035
  {
8032
- "name": "value",
8036
+ "name": "ctxValue",
8033
8037
  "type": {
8034
8038
  "text": "string"
8035
8039
  }
8036
8040
  }
8037
- ],
8038
- "inheritedFrom": {
8039
- "name": "FormField",
8040
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8041
- }
8041
+ ]
8042
+ }
8043
+ ],
8044
+ "attributes": [
8045
+ {
8046
+ "name": "id",
8047
+ "type": {
8048
+ "text": "string"
8049
+ },
8050
+ "default": "''",
8051
+ "fieldName": "id"
8042
8052
  },
8043
8053
  {
8044
- "kind": "field",
8045
- "name": "formAssociated",
8054
+ "name": "name",
8046
8055
  "type": {
8047
- "text": "boolean"
8056
+ "text": "string"
8048
8057
  },
8049
- "static": true,
8050
- "default": "true",
8051
- "inheritedFrom": {
8052
- "name": "FormField",
8053
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8054
- }
8058
+ "default": "''",
8059
+ "fieldName": "name"
8060
+ },
8061
+ {
8062
+ "name": "value",
8063
+ "type": {
8064
+ "text": "string"
8065
+ },
8066
+ "default": "''",
8067
+ "fieldName": "value"
8068
+ },
8069
+ {
8070
+ "name": "validationRules",
8071
+ "type": {
8072
+ "text": "Array<FormValidator>"
8073
+ },
8074
+ "default": "[]",
8075
+ "fieldName": "validationRules"
8055
8076
  },
8077
+ {
8078
+ "name": "input-aria-label",
8079
+ "type": {
8080
+ "text": "string | undefined"
8081
+ },
8082
+ "fieldName": "inputAriaLabel"
8083
+ }
8084
+ ],
8085
+ "superclass": {
8086
+ "name": "LitElement",
8087
+ "package": "lit"
8088
+ },
8089
+ "customElement": true
8090
+ }
8091
+ ],
8092
+ "exports": [
8093
+ {
8094
+ "kind": "js",
8095
+ "name": "FormField",
8096
+ "declaration": {
8097
+ "name": "FormField",
8098
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8099
+ }
8100
+ }
8101
+ ]
8102
+ },
8103
+ {
8104
+ "kind": "javascript-module",
8105
+ "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8106
+ "declarations": [
8107
+ {
8108
+ "kind": "class",
8109
+ "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8110
+ "name": "BmForm",
8111
+ "slots": [
8112
+ {
8113
+ "description": "Add controls to the Form",
8114
+ "name": "slot"
8115
+ }
8116
+ ],
8117
+ "members": [
8056
8118
  {
8057
8119
  "kind": "field",
8058
- "name": "id",
8120
+ "name": "validationMode",
8059
8121
  "type": {
8060
- "text": "string"
8122
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8061
8123
  },
8062
- "default": "''",
8063
- "attribute": "id",
8064
- "inheritedFrom": {
8065
- "name": "FormField",
8066
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8067
- }
8124
+ "default": "'onBlur'",
8125
+ "description": "Specify if validation runs on change or when loosing focus",
8126
+ "attribute": "validationMode"
8068
8127
  },
8069
8128
  {
8070
8129
  "kind": "field",
8071
- "name": "name",
8130
+ "name": "initialValues",
8072
8131
  "type": {
8073
- "text": "string"
8132
+ "text": "Record<string, FormValue>"
8074
8133
  },
8075
- "default": "''",
8076
- "attribute": "name",
8077
- "reflects": true,
8078
- "inheritedFrom": {
8079
- "name": "FormField",
8080
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8081
- }
8134
+ "default": "{}",
8135
+ "description": "Specify initial values on Form controls based on their names",
8136
+ "attribute": "initialValues"
8082
8137
  },
8083
8138
  {
8084
8139
  "kind": "field",
8085
- "name": "value",
8140
+ "name": "required",
8086
8141
  "type": {
8087
- "text": "string"
8142
+ "text": "boolean"
8088
8143
  },
8089
- "default": "''",
8090
- "attribute": "value",
8091
- "inheritedFrom": {
8092
- "name": "FormField",
8093
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8094
- }
8144
+ "default": "false",
8145
+ "description": "Specify if input is a required",
8146
+ "attribute": "required"
8095
8147
  },
8096
8148
  {
8097
8149
  "kind": "field",
8098
- "name": "validationRules",
8150
+ "name": "disabled",
8099
8151
  "type": {
8100
- "text": "Array<FormValidator>"
8152
+ "text": "boolean"
8101
8153
  },
8102
- "default": "[]",
8103
- "attribute": "validationRules",
8104
- "inheritedFrom": {
8105
- "name": "FormField",
8106
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8107
- }
8154
+ "default": "false",
8155
+ "description": "Specify if input is a disabled",
8156
+ "attribute": "disabled"
8108
8157
  },
8109
8158
  {
8110
8159
  "kind": "field",
8111
- "name": "inputAriaLabel",
8160
+ "name": "readOnly",
8112
8161
  "type": {
8113
- "text": "string | undefined"
8162
+ "text": "boolean"
8114
8163
  },
8115
- "attribute": "input-aria-label",
8116
- "inheritedFrom": {
8117
- "name": "FormField",
8118
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8119
- }
8164
+ "default": "false",
8165
+ "description": "Specify if input is a read only",
8166
+ "attribute": "readOnly"
8120
8167
  },
8121
8168
  {
8122
8169
  "kind": "field",
8123
- "name": "formContext",
8170
+ "name": "action",
8124
8171
  "type": {
8125
- "text": "BmFormContext"
8126
- },
8127
- "inheritedFrom": {
8128
- "name": "FormField",
8129
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8130
- }
8131
- },
8132
- {
8133
- "kind": "method",
8134
- "name": "formAssociatedCallback",
8135
- "return": {
8136
- "type": {
8137
- "text": "void"
8138
- }
8172
+ "text": "string | undefined"
8139
8173
  },
8140
- "inheritedFrom": {
8141
- "name": "FormField",
8142
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8143
- }
8174
+ "attribute": "action"
8144
8175
  },
8145
8176
  {
8146
- "kind": "method",
8147
- "name": "formResetCallback",
8148
- "return": {
8149
- "type": {
8150
- "text": "void"
8151
- }
8152
- },
8153
- "inheritedFrom": {
8154
- "name": "FormField",
8155
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8156
- }
8157
- }
8158
- ],
8159
- "attributes": [
8160
- {
8161
- "name": "required",
8177
+ "kind": "field",
8178
+ "name": "method",
8162
8179
  "type": {
8163
- "text": "boolean"
8180
+ "text": "string | undefined"
8164
8181
  },
8165
- "default": "false",
8166
- "description": "Specify if NativeSelect is a required input",
8167
- "fieldName": "required"
8182
+ "attribute": "method"
8168
8183
  },
8169
8184
  {
8170
- "name": "readOnly",
8185
+ "kind": "field",
8186
+ "name": "target",
8171
8187
  "type": {
8172
- "text": "boolean"
8188
+ "text": "string | undefined"
8173
8189
  },
8174
- "default": "false",
8175
- "description": "Specify if NativeSelect displays in a read-only state",
8176
- "fieldName": "readOnly"
8190
+ "attribute": "target"
8177
8191
  },
8178
8192
  {
8179
- "name": "disabled",
8193
+ "kind": "field",
8194
+ "name": "enctype",
8180
8195
  "type": {
8181
- "text": "boolean"
8196
+ "text": "string | undefined"
8182
8197
  },
8183
- "default": "false",
8184
- "description": "Specify if NativeSelect displays in a disabled state",
8185
- "fieldName": "disabled"
8198
+ "attribute": "enctype"
8186
8199
  },
8187
8200
  {
8188
- "name": "error",
8201
+ "kind": "field",
8202
+ "name": "formMeta",
8189
8203
  "type": {
8190
- "text": "string | undefined"
8204
+ "text": "Record<string, FieldMeta>"
8191
8205
  },
8192
- "description": "Specify error text and display error state of a NativeSelect",
8193
- "fieldName": "error"
8206
+ "default": "{}"
8194
8207
  },
8195
8208
  {
8196
- "name": "fluid",
8197
- "type": {
8198
- "text": "boolean"
8199
- },
8200
- "default": "false",
8201
- "description": "Specify if NativeSelect is fluid",
8202
- "fieldName": "fluid"
8209
+ "kind": "field",
8210
+ "name": "formRef"
8203
8211
  },
8204
8212
  {
8205
- "name": "size",
8213
+ "kind": "field",
8214
+ "name": "formContext",
8206
8215
  "type": {
8207
- "text": "'sm' | 'md' | 'lg'"
8216
+ "text": "BmFormContext"
8208
8217
  },
8209
- "default": "defaultInputSize",
8210
- "description": "Specify the size of NativeSelect",
8211
- "fieldName": "size"
8212
- },
8218
+ "privacy": "public",
8219
+ "default": "bmFormInitials"
8220
+ }
8221
+ ],
8222
+ "events": [
8213
8223
  {
8214
- "name": "width",
8224
+ "description": "Validates the inputs and submits the form",
8225
+ "name": "submit"
8226
+ }
8227
+ ],
8228
+ "attributes": [
8229
+ {
8230
+ "name": "validationMode",
8215
8231
  "type": {
8216
- "text": "string | undefined"
8232
+ "text": "'onChange' | 'onBlur' | 'onSubmit'"
8217
8233
  },
8218
- "description": "Specify the width of NativeSelect",
8219
- "fieldName": "width"
8234
+ "default": "'onBlur'",
8235
+ "description": "Specify if validation runs on change or when loosing focus",
8236
+ "fieldName": "validationMode"
8220
8237
  },
8221
8238
  {
8222
- "name": "ellipse",
8239
+ "name": "initialValues",
8223
8240
  "type": {
8224
- "text": "boolean"
8241
+ "text": "Record<string, FormValue>"
8225
8242
  },
8226
- "default": "true",
8227
- "description": "Specify if overflow displays ellipsis",
8228
- "fieldName": "ellipse"
8243
+ "default": "{}",
8244
+ "description": "Specify initial values on Form controls based on their names",
8245
+ "fieldName": "initialValues"
8229
8246
  },
8230
8247
  {
8231
- "name": "hideRequiredMarker",
8248
+ "name": "required",
8232
8249
  "type": {
8233
8250
  "text": "boolean"
8234
8251
  },
8235
8252
  "default": "false",
8236
- "description": "Specify if the NativeSelect displays with an asterisk",
8237
- "fieldName": "hideRequiredMarker"
8253
+ "description": "Specify if input is a required",
8254
+ "fieldName": "required"
8238
8255
  },
8239
8256
  {
8240
- "name": "theme",
8257
+ "name": "disabled",
8241
8258
  "type": {
8242
- "text": "'light' | 'dark' | undefined"
8259
+ "text": "boolean"
8243
8260
  },
8244
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8245
- "fieldName": "theme"
8261
+ "default": "false",
8262
+ "description": "Specify if input is a disabled",
8263
+ "fieldName": "disabled"
8246
8264
  },
8247
8265
  {
8248
- "name": "id",
8266
+ "name": "readOnly",
8249
8267
  "type": {
8250
- "text": "string"
8268
+ "text": "boolean"
8251
8269
  },
8252
- "default": "''",
8253
- "fieldName": "id",
8254
- "inheritedFrom": {
8255
- "name": "FormField",
8256
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8257
- }
8270
+ "default": "false",
8271
+ "description": "Specify if input is a read only",
8272
+ "fieldName": "readOnly"
8258
8273
  },
8259
8274
  {
8260
- "name": "name",
8275
+ "name": "action",
8261
8276
  "type": {
8262
- "text": "string"
8277
+ "text": "string | undefined"
8263
8278
  },
8264
- "default": "''",
8265
- "fieldName": "name",
8266
- "inheritedFrom": {
8267
- "name": "FormField",
8268
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8269
- }
8279
+ "fieldName": "action"
8270
8280
  },
8271
8281
  {
8272
- "name": "value",
8282
+ "name": "method",
8273
8283
  "type": {
8274
- "text": "string"
8284
+ "text": "string | undefined"
8275
8285
  },
8276
- "default": "''",
8277
- "fieldName": "value",
8278
- "inheritedFrom": {
8279
- "name": "FormField",
8280
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8281
- }
8286
+ "fieldName": "method"
8282
8287
  },
8283
8288
  {
8284
- "name": "validationRules",
8289
+ "name": "target",
8285
8290
  "type": {
8286
- "text": "Array<FormValidator>"
8291
+ "text": "string | undefined"
8287
8292
  },
8288
- "default": "[]",
8289
- "fieldName": "validationRules",
8290
- "inheritedFrom": {
8291
- "name": "FormField",
8292
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8293
- }
8293
+ "fieldName": "target"
8294
8294
  },
8295
8295
  {
8296
- "name": "input-aria-label",
8296
+ "name": "enctype",
8297
8297
  "type": {
8298
8298
  "text": "string | undefined"
8299
- },
8300
- "fieldName": "inputAriaLabel",
8301
- "inheritedFrom": {
8302
- "name": "FormField",
8303
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8304
- }
8299
+ },
8300
+ "fieldName": "enctype"
8305
8301
  }
8306
8302
  ],
8307
8303
  "superclass": {
8308
- "name": "FormField",
8309
- "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
8304
+ "name": "LitElement",
8305
+ "package": "lit"
8310
8306
  },
8311
- "summary": "`bm-native-select`",
8312
- "tagName": "bm-native-select",
8307
+ "summary": "`bm-form`",
8308
+ "tagName": "bm-form",
8313
8309
  "customElement": true
8314
8310
  }
8315
8311
  ],
8316
8312
  "exports": [
8317
8313
  {
8318
8314
  "kind": "js",
8319
- "name": "BmNativeSelect",
8315
+ "name": "validators",
8320
8316
  "declaration": {
8321
- "name": "BmNativeSelect",
8322
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8317
+ "name": "validators",
8318
+ "package": "@viasat/beam-shared/components/form"
8319
+ }
8320
+ },
8321
+ {
8322
+ "kind": "js",
8323
+ "name": "BmForm",
8324
+ "declaration": {
8325
+ "name": "BmForm",
8326
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8323
8327
  }
8324
8328
  },
8325
8329
  {
8326
8330
  "kind": "custom-element-definition",
8327
- "name": "bm-native-select",
8331
+ "name": "bm-form",
8328
8332
  "declaration": {
8329
- "name": "BmNativeSelect",
8330
- "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
8333
+ "name": "BmForm",
8334
+ "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8331
8335
  }
8332
8336
  }
8333
8337
  ]
8334
8338
  },
8335
8339
  {
8336
8340
  "kind": "javascript-module",
8337
- "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
8338
- "declarations": [],
8341
+ "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8342
+ "declarations": [
8343
+ {
8344
+ "kind": "function",
8345
+ "name": "createId",
8346
+ "return": {
8347
+ "type": {
8348
+ "text": "string"
8349
+ }
8350
+ }
8351
+ }
8352
+ ],
8339
8353
  "exports": [
8340
8354
  {
8341
8355
  "kind": "js",
8342
- "name": "*",
8356
+ "name": "createId",
8343
8357
  "declaration": {
8344
- "name": "*",
8345
- "package": "./NativeSelect"
8358
+ "name": "createId",
8359
+ "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8346
8360
  }
8347
8361
  }
8348
8362
  ]
8349
8363
  },
8350
8364
  {
8351
8365
  "kind": "javascript-module",
8352
- "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
8353
- "declarations": [
8354
- {
8355
- "kind": "variable",
8356
- "name": "bmFormInitials",
8357
- "type": {
8358
- "text": "BmFormContext"
8359
- },
8360
- "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
8361
- },
8362
- {
8363
- "kind": "variable",
8364
- "name": "bmFormContext"
8365
- }
8366
- ],
8366
+ "path": "libs/web-components/src/lib/wip/Form/index.ts",
8367
+ "declarations": [],
8367
8368
  "exports": [
8368
8369
  {
8369
8370
  "kind": "js",
8370
- "name": "bmFormInitials",
8371
+ "name": "*",
8371
8372
  "declaration": {
8372
- "name": "bmFormInitials",
8373
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8373
+ "name": "*",
8374
+ "package": "./Form"
8374
8375
  }
8375
8376
  },
8376
8377
  {
8377
8378
  "kind": "js",
8378
- "name": "bmFormContext",
8379
+ "name": "*",
8379
8380
  "declaration": {
8380
- "name": "bmFormContext",
8381
- "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
8381
+ "name": "*",
8382
+ "package": "./Form.decorator"
8382
8383
  }
8383
8384
  }
8384
8385
  ]
8385
8386
  },
8386
8387
  {
8387
8388
  "kind": "javascript-module",
8388
- "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
8389
+ "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8389
8390
  "declarations": [
8390
8391
  {
8391
8392
  "kind": "class",
8392
- "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
8393
- "name": "FormField",
8393
+ "description": "`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",
8394
+ "name": "BmRadioButton",
8394
8395
  "members": [
8395
8396
  {
8396
8397
  "kind": "field",
8397
- "name": "formAssociated",
8398
+ "name": "label",
8398
8399
  "type": {
8399
- "text": "boolean"
8400
+ "text": "string | undefined"
8400
8401
  },
8401
- "static": true,
8402
- "default": "true"
8402
+ "description": "Specify the text for the label",
8403
+ "attribute": "label"
8403
8404
  },
8404
8405
  {
8405
8406
  "kind": "field",
8406
- "name": "id",
8407
+ "name": "error",
8407
8408
  "type": {
8408
- "text": "string"
8409
+ "text": "boolean | undefined"
8409
8410
  },
8410
- "default": "''",
8411
- "attribute": "id"
8411
+ "description": "Specify error text and display error state of a RadioButton",
8412
+ "attribute": "error"
8412
8413
  },
8413
8414
  {
8414
8415
  "kind": "field",
8415
- "name": "name",
8416
+ "name": "readOnly",
8416
8417
  "type": {
8417
- "text": "string"
8418
+ "text": "boolean | undefined"
8418
8419
  },
8419
- "default": "''",
8420
- "attribute": "name",
8421
- "reflects": true
8420
+ "description": "Specify if RadioButton displays in a read-only state",
8421
+ "attribute": "readOnly"
8422
8422
  },
8423
8423
  {
8424
8424
  "kind": "field",
8425
- "name": "value",
8425
+ "name": "disabled",
8426
8426
  "type": {
8427
- "text": "string"
8427
+ "text": "boolean | undefined"
8428
8428
  },
8429
- "default": "''",
8430
- "attribute": "value"
8429
+ "description": "Specify if RadioButton displays in a disabled state",
8430
+ "attribute": "disabled"
8431
8431
  },
8432
8432
  {
8433
8433
  "kind": "field",
8434
- "name": "validationRules",
8434
+ "name": "theme",
8435
8435
  "type": {
8436
- "text": "Array<FormValidator>"
8436
+ "text": "'light' | 'dark' | undefined"
8437
8437
  },
8438
- "default": "[]",
8439
- "attribute": "validationRules"
8438
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8439
+ "attribute": "theme"
8440
8440
  },
8441
8441
  {
8442
8442
  "kind": "field",
8443
- "name": "inputAriaLabel",
8443
+ "name": "value",
8444
8444
  "type": {
8445
8445
  "text": "string | undefined"
8446
8446
  },
8447
- "attribute": "input-aria-label"
8447
+ "description": "The value attribute for the input element",
8448
+ "attribute": "value"
8448
8449
  },
8449
8450
  {
8450
8451
  "kind": "field",
8451
- "name": "formContext",
8452
+ "name": "checked",
8452
8453
  "type": {
8453
- "text": "BmFormContext"
8454
- }
8454
+ "text": "boolean"
8455
+ },
8456
+ "default": "false",
8457
+ "description": "The checked attribute for the input element",
8458
+ "attribute": "checked"
8455
8459
  },
8456
8460
  {
8457
- "kind": "method",
8458
- "name": "formAssociatedCallback",
8459
- "return": {
8460
- "type": {
8461
- "text": "void"
8462
- }
8463
- }
8461
+ "kind": "field",
8462
+ "name": "onKeyDown",
8463
+ "type": {
8464
+ "text": "(event: KeyboardEvent) => void | undefined"
8465
+ },
8466
+ "description": "A user-defined function to handle keydown events",
8467
+ "attribute": "onKeyDown"
8464
8468
  },
8465
8469
  {
8466
- "kind": "method",
8467
- "name": "formResetCallback",
8468
- "return": {
8469
- "type": {
8470
- "text": "void"
8471
- }
8470
+ "kind": "field",
8471
+ "name": "inputChoiceGroupContext",
8472
+ "type": {
8473
+ "text": "InputChoiceGroupContextProps"
8472
8474
  }
8473
8475
  },
8476
+ {
8477
+ "kind": "field",
8478
+ "name": "radioButtonRef"
8479
+ },
8474
8480
  {
8475
8481
  "kind": "method",
8476
- "name": "finalizeAssociatedCallback",
8477
- "return": {
8478
- "type": {
8479
- "text": "FinalizeAssociatedResult"
8480
- }
8481
- },
8482
- "parameters": [
8483
- {
8484
- "name": "ctxValue",
8485
- "type": {
8486
- "text": "string"
8487
- }
8488
- }
8489
- ]
8482
+ "name": "focus"
8490
8483
  }
8491
8484
  ],
8492
8485
  "attributes": [
8493
8486
  {
8494
- "name": "id",
8487
+ "name": "label",
8495
8488
  "type": {
8496
- "text": "string"
8489
+ "text": "string | undefined"
8497
8490
  },
8498
- "default": "''",
8499
- "fieldName": "id"
8491
+ "description": "Specify the text for the label",
8492
+ "fieldName": "label"
8500
8493
  },
8501
8494
  {
8502
- "name": "name",
8495
+ "name": "error",
8503
8496
  "type": {
8504
- "text": "string"
8497
+ "text": "boolean | undefined"
8505
8498
  },
8506
- "default": "''",
8507
- "fieldName": "name"
8499
+ "description": "Specify error text and display error state of a RadioButton",
8500
+ "fieldName": "error"
8501
+ },
8502
+ {
8503
+ "name": "readOnly",
8504
+ "type": {
8505
+ "text": "boolean | undefined"
8506
+ },
8507
+ "description": "Specify if RadioButton displays in a read-only state",
8508
+ "fieldName": "readOnly"
8509
+ },
8510
+ {
8511
+ "name": "disabled",
8512
+ "type": {
8513
+ "text": "boolean | undefined"
8514
+ },
8515
+ "description": "Specify if RadioButton displays in a disabled state",
8516
+ "fieldName": "disabled"
8517
+ },
8518
+ {
8519
+ "name": "theme",
8520
+ "type": {
8521
+ "text": "'light' | 'dark' | undefined"
8522
+ },
8523
+ "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8524
+ "fieldName": "theme"
8508
8525
  },
8509
8526
  {
8510
8527
  "name": "value",
8511
8528
  "type": {
8512
- "text": "string"
8529
+ "text": "string | undefined"
8513
8530
  },
8514
- "default": "''",
8531
+ "description": "The value attribute for the input element",
8515
8532
  "fieldName": "value"
8516
8533
  },
8517
8534
  {
8518
- "name": "validationRules",
8535
+ "name": "checked",
8519
8536
  "type": {
8520
- "text": "Array<FormValidator>"
8537
+ "text": "boolean"
8521
8538
  },
8522
- "default": "[]",
8523
- "fieldName": "validationRules"
8539
+ "default": "false",
8540
+ "description": "The checked attribute for the input element",
8541
+ "fieldName": "checked"
8524
8542
  },
8525
8543
  {
8526
- "name": "input-aria-label",
8544
+ "name": "onKeyDown",
8527
8545
  "type": {
8528
- "text": "string | undefined"
8546
+ "text": "(event: KeyboardEvent) => void | undefined"
8529
8547
  },
8530
- "fieldName": "inputAriaLabel"
8548
+ "description": "A user-defined function to handle keydown events",
8549
+ "fieldName": "onKeyDown"
8531
8550
  }
8532
8551
  ],
8533
8552
  "superclass": {
8534
8553
  "name": "LitElement",
8535
8554
  "package": "lit"
8536
8555
  },
8556
+ "tagName": "bm-radio-button",
8537
8557
  "customElement": true
8538
8558
  }
8539
- ],
8559
+ ],
8560
+ "exports": [
8561
+ {
8562
+ "kind": "js",
8563
+ "name": "BmRadioButton",
8564
+ "declaration": {
8565
+ "name": "BmRadioButton",
8566
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8567
+ }
8568
+ },
8569
+ {
8570
+ "kind": "custom-element-definition",
8571
+ "name": "bm-radio-button",
8572
+ "declaration": {
8573
+ "name": "BmRadioButton",
8574
+ "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
8575
+ }
8576
+ }
8577
+ ]
8578
+ },
8579
+ {
8580
+ "kind": "javascript-module",
8581
+ "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
8582
+ "declarations": [],
8540
8583
  "exports": [
8541
8584
  {
8542
8585
  "kind": "js",
8543
- "name": "FormField",
8586
+ "name": "*",
8544
8587
  "declaration": {
8545
- "name": "FormField",
8546
- "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8588
+ "name": "*",
8589
+ "package": "./RadioButton"
8590
+ }
8591
+ },
8592
+ {
8593
+ "kind": "js",
8594
+ "name": "*",
8595
+ "declaration": {
8596
+ "name": "*",
8597
+ "package": "./RadioButtonGroup/RadioButtonGroup"
8547
8598
  }
8548
8599
  }
8549
8600
  ]
8550
8601
  },
8551
8602
  {
8552
8603
  "kind": "javascript-module",
8553
- "path": "libs/web-components/src/lib/wip/Form/Form.ts",
8604
+ "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
8554
8605
  "declarations": [
8555
8606
  {
8556
8607
  "kind": "class",
8557
- "description": "### Attributes:\n- **validationMode** - Specify if validation runs on change or when loosing focus\n- **initialValues** - Specify initial values on Form controls based on their names\n- **required** - Specify if input is a required\n- **disabled** - Specify if input is a disabled\n- **readOnly** - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
8558
- "name": "BmForm",
8608
+ "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
8609
+ "name": "BmSwitch",
8559
8610
  "slots": [
8560
8611
  {
8561
- "description": "Add controls to the Form",
8562
- "name": "slot"
8612
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8613
+ "name": "onText"
8614
+ },
8615
+ {
8616
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8617
+ "name": "offText"
8563
8618
  }
8564
8619
  ],
8565
8620
  "members": [
8566
8621
  {
8567
8622
  "kind": "field",
8568
- "name": "validationMode",
8623
+ "name": "inputChoiceGroupContext",
8569
8624
  "type": {
8570
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8625
+ "text": "InputChoiceGroupContextProps"
8626
+ }
8627
+ },
8628
+ {
8629
+ "kind": "field",
8630
+ "name": "onText",
8631
+ "type": {
8632
+ "text": "string | undefined"
8571
8633
  },
8572
- "default": "'onBlur'",
8573
- "description": "Specify if validation runs on change or when loosing focus",
8574
- "attribute": "validationMode"
8634
+ "default": "undefined",
8635
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8636
+ "attribute": "onText"
8575
8637
  },
8576
8638
  {
8577
8639
  "kind": "field",
8578
- "name": "initialValues",
8640
+ "name": "offText",
8579
8641
  "type": {
8580
- "text": "Record<string, FormValue>"
8642
+ "text": "string | undefined"
8581
8643
  },
8582
- "default": "{}",
8583
- "description": "Specify initial values on Form controls based on their names",
8584
- "attribute": "initialValues"
8644
+ "default": "undefined",
8645
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8646
+ "attribute": "offText"
8585
8647
  },
8586
8648
  {
8587
8649
  "kind": "field",
8588
- "name": "required",
8650
+ "name": "theme",
8589
8651
  "type": {
8590
- "text": "boolean"
8652
+ "text": "ThemeTypes | undefined"
8591
8653
  },
8592
- "default": "false",
8593
- "description": "Specify if input is a required",
8594
- "attribute": "required"
8654
+ "default": "undefined",
8655
+ "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
8595
8656
  },
8596
8657
  {
8597
8658
  "kind": "field",
8598
- "name": "disabled",
8659
+ "name": "textPosition",
8599
8660
  "type": {
8600
- "text": "boolean"
8661
+ "text": "'before' | 'after'"
8601
8662
  },
8602
- "default": "false",
8603
- "description": "Specify if input is a disabled",
8604
- "attribute": "disabled"
8663
+ "default": "'after'",
8664
+ "description": "Specify the position of the side label",
8665
+ "attribute": "textPosition"
8605
8666
  },
8606
8667
  {
8607
8668
  "kind": "field",
@@ -8610,96 +8671,78 @@
8610
8671
  "text": "boolean"
8611
8672
  },
8612
8673
  "default": "false",
8613
- "description": "Specify if input is a read only",
8674
+ "description": "Specify if Switch displays in a read-only state",
8614
8675
  "attribute": "readOnly"
8615
8676
  },
8616
8677
  {
8617
8678
  "kind": "field",
8618
- "name": "action",
8679
+ "name": "disabled",
8619
8680
  "type": {
8620
- "text": "string | undefined"
8681
+ "text": "boolean"
8621
8682
  },
8622
- "attribute": "action"
8683
+ "default": "false",
8684
+ "description": "Specify if Switch displays in a disabled state",
8685
+ "attribute": "disabled"
8623
8686
  },
8624
8687
  {
8625
8688
  "kind": "field",
8626
- "name": "method",
8689
+ "name": "checked",
8627
8690
  "type": {
8628
- "text": "string | undefined"
8691
+ "text": "boolean"
8629
8692
  },
8630
- "attribute": "method"
8693
+ "default": "false",
8694
+ "attribute": "checked"
8631
8695
  },
8632
8696
  {
8633
8697
  "kind": "field",
8634
- "name": "target",
8698
+ "name": "value",
8635
8699
  "type": {
8636
8700
  "text": "string | undefined"
8637
8701
  },
8638
- "attribute": "target"
8702
+ "description": "The value attribute for the input element",
8703
+ "attribute": "value"
8639
8704
  },
8640
8705
  {
8641
8706
  "kind": "field",
8642
- "name": "enctype",
8643
- "type": {
8644
- "text": "string | undefined"
8645
- },
8646
- "attribute": "enctype"
8647
- },
8707
+ "name": "switchRef"
8708
+ }
8709
+ ],
8710
+ "attributes": [
8648
8711
  {
8649
- "kind": "field",
8650
- "name": "formMeta",
8712
+ "name": "onText",
8651
8713
  "type": {
8652
- "text": "Record<string, FieldMeta>"
8714
+ "text": "string | undefined"
8653
8715
  },
8654
- "default": "{}"
8655
- },
8656
- {
8657
- "kind": "field",
8658
- "name": "formRef"
8716
+ "default": "undefined",
8717
+ "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
8718
+ "fieldName": "onText"
8659
8719
  },
8660
8720
  {
8661
- "kind": "field",
8662
- "name": "formContext",
8663
- "type": {
8664
- "text": "BmFormContext"
8665
- },
8666
- "privacy": "public",
8667
- "default": "bmFormInitials"
8668
- }
8669
- ],
8670
- "events": [
8671
- {
8672
- "description": "Validates the inputs and submits the form",
8673
- "name": "submit"
8674
- }
8675
- ],
8676
- "attributes": [
8677
- {
8678
- "name": "validationMode",
8721
+ "name": "offText",
8679
8722
  "type": {
8680
- "text": "'onChange' | 'onBlur' | 'onSubmit'"
8723
+ "text": "string | undefined"
8681
8724
  },
8682
- "default": "'onBlur'",
8683
- "description": "Specify if validation runs on change or when loosing focus",
8684
- "fieldName": "validationMode"
8725
+ "default": "undefined",
8726
+ "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
8727
+ "fieldName": "offText"
8685
8728
  },
8686
8729
  {
8687
- "name": "initialValues",
8730
+ "name": "textPosition",
8688
8731
  "type": {
8689
- "text": "Record<string, FormValue>"
8732
+ "text": "'before' | 'after'"
8690
8733
  },
8691
- "default": "{}",
8692
- "description": "Specify initial values on Form controls based on their names",
8693
- "fieldName": "initialValues"
8734
+ "default": "'after'",
8735
+ "description": "Specify the position of the side label",
8736
+ "fieldName": "textPosition"
8694
8737
  },
8695
8738
  {
8696
- "name": "required",
8739
+ "name": "readOnly",
8697
8740
  "type": {
8698
8741
  "text": "boolean"
8699
8742
  },
8700
8743
  "default": "false",
8701
- "description": "Specify if input is a required",
8702
- "fieldName": "required"
8744
+ "description": "Specify if Switch displays in a read-only state",
8745
+ "fieldName": "readOnly"
8703
8746
  },
8704
8747
  {
8705
8748
  "name": "disabled",
@@ -8707,111 +8750,56 @@
8707
8750
  "text": "boolean"
8708
8751
  },
8709
8752
  "default": "false",
8710
- "description": "Specify if input is a disabled",
8753
+ "description": "Specify if Switch displays in a disabled state",
8711
8754
  "fieldName": "disabled"
8712
8755
  },
8713
8756
  {
8714
- "name": "readOnly",
8757
+ "name": "checked",
8715
8758
  "type": {
8716
8759
  "text": "boolean"
8717
8760
  },
8718
8761
  "default": "false",
8719
- "description": "Specify if input is a read only",
8720
- "fieldName": "readOnly"
8721
- },
8722
- {
8723
- "name": "action",
8724
- "type": {
8725
- "text": "string | undefined"
8726
- },
8727
- "fieldName": "action"
8728
- },
8729
- {
8730
- "name": "method",
8731
- "type": {
8732
- "text": "string | undefined"
8733
- },
8734
- "fieldName": "method"
8735
- },
8736
- {
8737
- "name": "target",
8738
- "type": {
8739
- "text": "string | undefined"
8740
- },
8741
- "fieldName": "target"
8762
+ "fieldName": "checked"
8742
8763
  },
8743
8764
  {
8744
- "name": "enctype",
8765
+ "name": "value",
8745
8766
  "type": {
8746
8767
  "text": "string | undefined"
8747
8768
  },
8748
- "fieldName": "enctype"
8769
+ "description": "The value attribute for the input element",
8770
+ "fieldName": "value"
8749
8771
  }
8750
8772
  ],
8751
8773
  "superclass": {
8752
8774
  "name": "LitElement",
8753
8775
  "package": "lit"
8754
8776
  },
8755
- "summary": "`bm-form`",
8756
- "tagName": "bm-form",
8777
+ "tagName": "bm-switch",
8757
8778
  "customElement": true
8758
8779
  }
8759
8780
  ],
8760
8781
  "exports": [
8761
8782
  {
8762
8783
  "kind": "js",
8763
- "name": "validators",
8764
- "declaration": {
8765
- "name": "validators",
8766
- "package": "@viasat/beam-shared/components/form"
8767
- }
8768
- },
8769
- {
8770
- "kind": "js",
8771
- "name": "BmForm",
8784
+ "name": "BmSwitch",
8772
8785
  "declaration": {
8773
- "name": "BmForm",
8774
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8786
+ "name": "BmSwitch",
8787
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8775
8788
  }
8776
8789
  },
8777
8790
  {
8778
8791
  "kind": "custom-element-definition",
8779
- "name": "bm-form",
8780
- "declaration": {
8781
- "name": "BmForm",
8782
- "module": "libs/web-components/src/lib/wip/Form/Form.ts"
8783
- }
8784
- }
8785
- ]
8786
- },
8787
- {
8788
- "kind": "javascript-module",
8789
- "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
8790
- "declarations": [
8791
- {
8792
- "kind": "function",
8793
- "name": "createId",
8794
- "return": {
8795
- "type": {
8796
- "text": "string"
8797
- }
8798
- }
8799
- }
8800
- ],
8801
- "exports": [
8802
- {
8803
- "kind": "js",
8804
- "name": "createId",
8792
+ "name": "bm-switch",
8805
8793
  "declaration": {
8806
- "name": "createId",
8807
- "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
8794
+ "name": "BmSwitch",
8795
+ "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
8808
8796
  }
8809
8797
  }
8810
8798
  ]
8811
8799
  },
8812
8800
  {
8813
8801
  "kind": "javascript-module",
8814
- "path": "libs/web-components/src/lib/wip/Form/index.ts",
8802
+ "path": "libs/web-components/src/lib/wip/Switch/index.ts",
8815
8803
  "declarations": [],
8816
8804
  "exports": [
8817
8805
  {
@@ -8819,7 +8807,7 @@
8819
8807
  "name": "*",
8820
8808
  "declaration": {
8821
8809
  "name": "*",
8822
- "package": "./Form"
8810
+ "package": "./Switch"
8823
8811
  }
8824
8812
  },
8825
8813
  {
@@ -8827,427 +8815,447 @@
8827
8815
  "name": "*",
8828
8816
  "declaration": {
8829
8817
  "name": "*",
8830
- "package": "./Form.decorator"
8818
+ "package": "./SwitchGroup/SwitchGroup"
8831
8819
  }
8832
8820
  }
8833
8821
  ]
8834
8822
  },
8835
8823
  {
8836
8824
  "kind": "javascript-module",
8837
- "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
8825
+ "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
8838
8826
  "declarations": [
8839
8827
  {
8840
8828
  "kind": "class",
8841
- "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",
8842
- "name": "BmRadioButton",
8843
- "members": [
8829
+ "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",
8830
+ "name": "BmNativeSelect",
8831
+ "slots": [
8844
8832
  {
8845
- "kind": "field",
8846
- "name": "label",
8847
- "type": {
8848
- "text": "string | undefined"
8849
- },
8850
- "description": "Specify the text for the label",
8851
- "attribute": "label"
8833
+ "description": "Specify Options for NativeSelect",
8834
+ "name": "slot"
8835
+ },
8836
+ {
8837
+ "description": "Specify Label for NativeSelect",
8838
+ "name": "label"
8852
8839
  },
8840
+ {
8841
+ "description": "Specify HelperText for NativeSelect",
8842
+ "name": "helper-text"
8843
+ }
8844
+ ],
8845
+ "members": [
8853
8846
  {
8854
8847
  "kind": "field",
8855
- "name": "error",
8848
+ "name": "required",
8856
8849
  "type": {
8857
- "text": "boolean | undefined"
8850
+ "text": "boolean"
8858
8851
  },
8859
- "description": "Specify error text and display error state of a RadioButton",
8860
- "attribute": "error"
8852
+ "default": "false",
8853
+ "description": "Specify if NativeSelect is a required input",
8854
+ "attribute": "required"
8861
8855
  },
8862
8856
  {
8863
8857
  "kind": "field",
8864
8858
  "name": "readOnly",
8865
8859
  "type": {
8866
- "text": "boolean | undefined"
8860
+ "text": "boolean"
8867
8861
  },
8868
- "description": "Specify if RadioButton displays in a read-only state",
8862
+ "default": "false",
8863
+ "description": "Specify if NativeSelect displays in a read-only state",
8869
8864
  "attribute": "readOnly"
8870
8865
  },
8871
8866
  {
8872
8867
  "kind": "field",
8873
8868
  "name": "disabled",
8874
8869
  "type": {
8875
- "text": "boolean | undefined"
8870
+ "text": "boolean"
8876
8871
  },
8877
- "description": "Specify if RadioButton displays in a disabled state",
8872
+ "default": "false",
8873
+ "description": "Specify if NativeSelect displays in a disabled state",
8878
8874
  "attribute": "disabled"
8879
8875
  },
8880
8876
  {
8881
8877
  "kind": "field",
8882
- "name": "theme",
8883
- "type": {
8884
- "text": "'light' | 'dark' | undefined"
8885
- },
8886
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8887
- "attribute": "theme"
8888
- },
8889
- {
8890
- "kind": "field",
8891
- "name": "value",
8878
+ "name": "error",
8892
8879
  "type": {
8893
8880
  "text": "string | undefined"
8894
8881
  },
8895
- "description": "The value attribute for the input element",
8896
- "attribute": "value"
8882
+ "description": "Specify error text and display error state of a NativeSelect",
8883
+ "attribute": "error"
8897
8884
  },
8898
8885
  {
8899
8886
  "kind": "field",
8900
- "name": "checked",
8887
+ "name": "fluid",
8901
8888
  "type": {
8902
8889
  "text": "boolean"
8903
8890
  },
8904
8891
  "default": "false",
8905
- "description": "The checked attribute for the input element",
8906
- "attribute": "checked"
8892
+ "description": "Specify if NativeSelect is fluid",
8893
+ "attribute": "fluid"
8907
8894
  },
8908
8895
  {
8909
8896
  "kind": "field",
8910
- "name": "onKeyDown",
8897
+ "name": "size",
8911
8898
  "type": {
8912
- "text": "(event: KeyboardEvent) => void | undefined"
8899
+ "text": "'sm' | 'md' | 'lg'"
8913
8900
  },
8914
- "description": "A user-defined function to handle keydown events",
8915
- "attribute": "onKeyDown"
8916
- },
8917
- {
8918
- "kind": "field",
8919
- "name": "inputChoiceGroupContext",
8920
- "type": {
8921
- "text": "InputChoiceGroupContextProps"
8922
- }
8901
+ "default": "defaultInputSize",
8902
+ "description": "Specify the size of NativeSelect",
8903
+ "attribute": "size"
8923
8904
  },
8924
8905
  {
8925
8906
  "kind": "field",
8926
- "name": "radioButtonRef"
8927
- },
8928
- {
8929
- "kind": "method",
8930
- "name": "focus"
8931
- }
8932
- ],
8933
- "attributes": [
8934
- {
8935
- "name": "label",
8907
+ "name": "width",
8936
8908
  "type": {
8937
8909
  "text": "string | undefined"
8938
8910
  },
8939
- "description": "Specify the text for the label",
8940
- "fieldName": "label"
8941
- },
8942
- {
8943
- "name": "error",
8944
- "type": {
8945
- "text": "boolean | undefined"
8946
- },
8947
- "description": "Specify error text and display error state of a RadioButton",
8948
- "fieldName": "error"
8911
+ "description": "Specify the width of NativeSelect",
8912
+ "attribute": "width"
8949
8913
  },
8950
8914
  {
8951
- "name": "readOnly",
8915
+ "kind": "field",
8916
+ "name": "ellipse",
8952
8917
  "type": {
8953
- "text": "boolean | undefined"
8918
+ "text": "boolean"
8954
8919
  },
8955
- "description": "Specify if RadioButton displays in a read-only state",
8956
- "fieldName": "readOnly"
8920
+ "default": "true",
8921
+ "description": "Specify if overflow displays ellipsis",
8922
+ "attribute": "ellipse"
8957
8923
  },
8958
8924
  {
8959
- "name": "disabled",
8925
+ "kind": "field",
8926
+ "name": "hideRequiredMarker",
8960
8927
  "type": {
8961
- "text": "boolean | undefined"
8928
+ "text": "boolean"
8962
8929
  },
8963
- "description": "Specify if RadioButton displays in a disabled state",
8964
- "fieldName": "disabled"
8930
+ "default": "false",
8931
+ "description": "Specify if the NativeSelect displays with an asterisk",
8932
+ "attribute": "hideRequiredMarker"
8965
8933
  },
8966
8934
  {
8935
+ "kind": "field",
8967
8936
  "name": "theme",
8968
8937
  "type": {
8969
8938
  "text": "'light' | 'dark' | undefined"
8970
8939
  },
8971
- "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
8972
- "fieldName": "theme"
8940
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
8941
+ "attribute": "theme"
8973
8942
  },
8974
8943
  {
8975
- "name": "value",
8976
- "type": {
8977
- "text": "string | undefined"
8944
+ "kind": "method",
8945
+ "name": "finalizeAssociatedCallback",
8946
+ "return": {
8947
+ "type": {
8948
+ "text": "FinalizeAssociatedResult"
8949
+ }
8978
8950
  },
8979
- "description": "The value attribute for the input element",
8980
- "fieldName": "value"
8951
+ "parameters": [
8952
+ {
8953
+ "name": "value",
8954
+ "type": {
8955
+ "text": "string"
8956
+ }
8957
+ }
8958
+ ],
8959
+ "inheritedFrom": {
8960
+ "name": "FormField",
8961
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8962
+ }
8981
8963
  },
8982
8964
  {
8983
- "name": "checked",
8965
+ "kind": "field",
8966
+ "name": "formAssociated",
8984
8967
  "type": {
8985
8968
  "text": "boolean"
8986
8969
  },
8987
- "default": "false",
8988
- "description": "The checked attribute for the input element",
8989
- "fieldName": "checked"
8970
+ "static": true,
8971
+ "default": "true",
8972
+ "inheritedFrom": {
8973
+ "name": "FormField",
8974
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8975
+ }
8990
8976
  },
8991
8977
  {
8992
- "name": "onKeyDown",
8978
+ "kind": "field",
8979
+ "name": "id",
8993
8980
  "type": {
8994
- "text": "(event: KeyboardEvent) => void | undefined"
8981
+ "text": "string"
8995
8982
  },
8996
- "description": "A user-defined function to handle keydown events",
8997
- "fieldName": "onKeyDown"
8998
- }
8999
- ],
9000
- "superclass": {
9001
- "name": "LitElement",
9002
- "package": "lit"
9003
- },
9004
- "tagName": "bm-radio-button",
9005
- "customElement": true
9006
- }
9007
- ],
9008
- "exports": [
9009
- {
9010
- "kind": "js",
9011
- "name": "BmRadioButton",
9012
- "declaration": {
9013
- "name": "BmRadioButton",
9014
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9015
- }
9016
- },
9017
- {
9018
- "kind": "custom-element-definition",
9019
- "name": "bm-radio-button",
9020
- "declaration": {
9021
- "name": "BmRadioButton",
9022
- "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
9023
- }
9024
- }
9025
- ]
9026
- },
9027
- {
9028
- "kind": "javascript-module",
9029
- "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
9030
- "declarations": [],
9031
- "exports": [
9032
- {
9033
- "kind": "js",
9034
- "name": "*",
9035
- "declaration": {
9036
- "name": "*",
9037
- "package": "./RadioButton"
9038
- }
9039
- },
9040
- {
9041
- "kind": "js",
9042
- "name": "*",
9043
- "declaration": {
9044
- "name": "*",
9045
- "package": "./RadioButtonGroup/RadioButtonGroup"
9046
- }
9047
- }
9048
- ]
9049
- },
9050
- {
9051
- "kind": "javascript-module",
9052
- "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
9053
- "declarations": [
9054
- {
9055
- "kind": "class",
9056
- "description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element",
9057
- "name": "BmSwitch",
9058
- "slots": [
9059
- {
9060
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9061
- "name": "onText"
9062
- },
9063
- {
9064
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9065
- "name": "offText"
9066
- }
9067
- ],
9068
- "members": [
8983
+ "default": "''",
8984
+ "attribute": "id",
8985
+ "inheritedFrom": {
8986
+ "name": "FormField",
8987
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
8988
+ }
8989
+ },
9069
8990
  {
9070
8991
  "kind": "field",
9071
- "name": "inputChoiceGroupContext",
8992
+ "name": "name",
9072
8993
  "type": {
9073
- "text": "InputChoiceGroupContextProps"
8994
+ "text": "string"
8995
+ },
8996
+ "default": "''",
8997
+ "attribute": "name",
8998
+ "reflects": true,
8999
+ "inheritedFrom": {
9000
+ "name": "FormField",
9001
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9074
9002
  }
9075
9003
  },
9076
9004
  {
9077
9005
  "kind": "field",
9078
- "name": "onText",
9006
+ "name": "value",
9079
9007
  "type": {
9080
- "text": "string | undefined"
9008
+ "text": "string"
9081
9009
  },
9082
- "default": "undefined",
9083
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9084
- "attribute": "onText"
9010
+ "default": "''",
9011
+ "attribute": "value",
9012
+ "inheritedFrom": {
9013
+ "name": "FormField",
9014
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9015
+ }
9085
9016
  },
9086
9017
  {
9087
9018
  "kind": "field",
9088
- "name": "offText",
9019
+ "name": "validationRules",
9089
9020
  "type": {
9090
- "text": "string | undefined"
9021
+ "text": "Array<FormValidator>"
9091
9022
  },
9092
- "default": "undefined",
9093
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9094
- "attribute": "offText"
9023
+ "default": "[]",
9024
+ "attribute": "validationRules",
9025
+ "inheritedFrom": {
9026
+ "name": "FormField",
9027
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9028
+ }
9095
9029
  },
9096
9030
  {
9097
9031
  "kind": "field",
9098
- "name": "theme",
9032
+ "name": "inputAriaLabel",
9099
9033
  "type": {
9100
- "text": "ThemeTypes | undefined"
9034
+ "text": "string | undefined"
9101
9035
  },
9102
- "default": "undefined",
9103
- "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
9036
+ "attribute": "input-aria-label",
9037
+ "inheritedFrom": {
9038
+ "name": "FormField",
9039
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9040
+ }
9104
9041
  },
9105
9042
  {
9106
9043
  "kind": "field",
9107
- "name": "textPosition",
9044
+ "name": "formContext",
9108
9045
  "type": {
9109
- "text": "'before' | 'after'"
9046
+ "text": "BmFormContext"
9110
9047
  },
9111
- "default": "'after'",
9112
- "description": "Specify the position of the side label",
9113
- "attribute": "textPosition"
9048
+ "inheritedFrom": {
9049
+ "name": "FormField",
9050
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9051
+ }
9114
9052
  },
9115
9053
  {
9116
- "kind": "field",
9117
- "name": "readOnly",
9054
+ "kind": "method",
9055
+ "name": "formAssociatedCallback",
9056
+ "return": {
9057
+ "type": {
9058
+ "text": "void"
9059
+ }
9060
+ },
9061
+ "inheritedFrom": {
9062
+ "name": "FormField",
9063
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9064
+ }
9065
+ },
9066
+ {
9067
+ "kind": "method",
9068
+ "name": "formResetCallback",
9069
+ "return": {
9070
+ "type": {
9071
+ "text": "void"
9072
+ }
9073
+ },
9074
+ "inheritedFrom": {
9075
+ "name": "FormField",
9076
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9077
+ }
9078
+ }
9079
+ ],
9080
+ "attributes": [
9081
+ {
9082
+ "name": "required",
9118
9083
  "type": {
9119
9084
  "text": "boolean"
9120
9085
  },
9121
9086
  "default": "false",
9122
- "description": "Specify if Switch displays in a read-only state",
9123
- "attribute": "readOnly"
9087
+ "description": "Specify if NativeSelect is a required input",
9088
+ "fieldName": "required"
9124
9089
  },
9125
9090
  {
9126
- "kind": "field",
9127
- "name": "disabled",
9091
+ "name": "readOnly",
9128
9092
  "type": {
9129
9093
  "text": "boolean"
9130
9094
  },
9131
9095
  "default": "false",
9132
- "description": "Specify if Switch displays in a disabled state",
9133
- "attribute": "disabled"
9096
+ "description": "Specify if NativeSelect displays in a read-only state",
9097
+ "fieldName": "readOnly"
9134
9098
  },
9135
9099
  {
9136
- "kind": "field",
9137
- "name": "checked",
9100
+ "name": "disabled",
9138
9101
  "type": {
9139
9102
  "text": "boolean"
9140
9103
  },
9141
9104
  "default": "false",
9142
- "attribute": "checked"
9105
+ "description": "Specify if NativeSelect displays in a disabled state",
9106
+ "fieldName": "disabled"
9143
9107
  },
9144
9108
  {
9145
- "kind": "field",
9146
- "name": "value",
9109
+ "name": "error",
9147
9110
  "type": {
9148
9111
  "text": "string | undefined"
9149
9112
  },
9150
- "description": "The value attribute for the input element",
9151
- "attribute": "value"
9113
+ "description": "Specify error text and display error state of a NativeSelect",
9114
+ "fieldName": "error"
9152
9115
  },
9153
9116
  {
9154
- "kind": "field",
9155
- "name": "switchRef"
9156
- }
9157
- ],
9158
- "attributes": [
9117
+ "name": "fluid",
9118
+ "type": {
9119
+ "text": "boolean"
9120
+ },
9121
+ "default": "false",
9122
+ "description": "Specify if NativeSelect is fluid",
9123
+ "fieldName": "fluid"
9124
+ },
9159
9125
  {
9160
- "name": "onText",
9126
+ "name": "size",
9161
9127
  "type": {
9162
- "text": "string | undefined"
9128
+ "text": "'sm' | 'md' | 'lg'"
9163
9129
  },
9164
- "default": "undefined",
9165
- "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
9166
- "fieldName": "onText"
9130
+ "default": "defaultInputSize",
9131
+ "description": "Specify the size of NativeSelect",
9132
+ "fieldName": "size"
9167
9133
  },
9168
9134
  {
9169
- "name": "offText",
9135
+ "name": "width",
9170
9136
  "type": {
9171
9137
  "text": "string | undefined"
9172
9138
  },
9173
- "default": "undefined",
9174
- "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
9175
- "fieldName": "offText"
9139
+ "description": "Specify the width of NativeSelect",
9140
+ "fieldName": "width"
9176
9141
  },
9177
9142
  {
9178
- "name": "textPosition",
9143
+ "name": "ellipse",
9179
9144
  "type": {
9180
- "text": "'before' | 'after'"
9145
+ "text": "boolean"
9181
9146
  },
9182
- "default": "'after'",
9183
- "description": "Specify the position of the side label",
9184
- "fieldName": "textPosition"
9147
+ "default": "true",
9148
+ "description": "Specify if overflow displays ellipsis",
9149
+ "fieldName": "ellipse"
9185
9150
  },
9186
9151
  {
9187
- "name": "readOnly",
9152
+ "name": "hideRequiredMarker",
9188
9153
  "type": {
9189
9154
  "text": "boolean"
9190
9155
  },
9191
9156
  "default": "false",
9192
- "description": "Specify if Switch displays in a read-only state",
9193
- "fieldName": "readOnly"
9157
+ "description": "Specify if the NativeSelect displays with an asterisk",
9158
+ "fieldName": "hideRequiredMarker"
9194
9159
  },
9195
9160
  {
9196
- "name": "disabled",
9161
+ "name": "theme",
9197
9162
  "type": {
9198
- "text": "boolean"
9163
+ "text": "'light' | 'dark' | undefined"
9199
9164
  },
9200
- "default": "false",
9201
- "description": "Specify if Switch displays in a disabled state",
9202
- "fieldName": "disabled"
9165
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
9166
+ "fieldName": "theme"
9203
9167
  },
9204
9168
  {
9205
- "name": "checked",
9169
+ "name": "id",
9206
9170
  "type": {
9207
- "text": "boolean"
9171
+ "text": "string"
9208
9172
  },
9209
- "default": "false",
9210
- "fieldName": "checked"
9173
+ "default": "''",
9174
+ "fieldName": "id",
9175
+ "inheritedFrom": {
9176
+ "name": "FormField",
9177
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9178
+ }
9179
+ },
9180
+ {
9181
+ "name": "name",
9182
+ "type": {
9183
+ "text": "string"
9184
+ },
9185
+ "default": "''",
9186
+ "fieldName": "name",
9187
+ "inheritedFrom": {
9188
+ "name": "FormField",
9189
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9190
+ }
9211
9191
  },
9212
9192
  {
9213
9193
  "name": "value",
9194
+ "type": {
9195
+ "text": "string"
9196
+ },
9197
+ "default": "''",
9198
+ "fieldName": "value",
9199
+ "inheritedFrom": {
9200
+ "name": "FormField",
9201
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9202
+ }
9203
+ },
9204
+ {
9205
+ "name": "validationRules",
9206
+ "type": {
9207
+ "text": "Array<FormValidator>"
9208
+ },
9209
+ "default": "[]",
9210
+ "fieldName": "validationRules",
9211
+ "inheritedFrom": {
9212
+ "name": "FormField",
9213
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9214
+ }
9215
+ },
9216
+ {
9217
+ "name": "input-aria-label",
9214
9218
  "type": {
9215
9219
  "text": "string | undefined"
9216
9220
  },
9217
- "description": "The value attribute for the input element",
9218
- "fieldName": "value"
9221
+ "fieldName": "inputAriaLabel",
9222
+ "inheritedFrom": {
9223
+ "name": "FormField",
9224
+ "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
9225
+ }
9219
9226
  }
9220
9227
  ],
9221
9228
  "superclass": {
9222
- "name": "LitElement",
9223
- "package": "lit"
9229
+ "name": "FormField",
9230
+ "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
9224
9231
  },
9225
- "tagName": "bm-switch",
9232
+ "summary": "`bm-native-select`",
9233
+ "tagName": "bm-native-select",
9226
9234
  "customElement": true
9227
9235
  }
9228
9236
  ],
9229
9237
  "exports": [
9230
9238
  {
9231
9239
  "kind": "js",
9232
- "name": "BmSwitch",
9240
+ "name": "BmNativeSelect",
9233
9241
  "declaration": {
9234
- "name": "BmSwitch",
9235
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9242
+ "name": "BmNativeSelect",
9243
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9236
9244
  }
9237
9245
  },
9238
9246
  {
9239
9247
  "kind": "custom-element-definition",
9240
- "name": "bm-switch",
9248
+ "name": "bm-native-select",
9241
9249
  "declaration": {
9242
- "name": "BmSwitch",
9243
- "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
9250
+ "name": "BmNativeSelect",
9251
+ "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
9244
9252
  }
9245
9253
  }
9246
9254
  ]
9247
9255
  },
9248
9256
  {
9249
9257
  "kind": "javascript-module",
9250
- "path": "libs/web-components/src/lib/wip/Switch/index.ts",
9258
+ "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
9251
9259
  "declarations": [],
9252
9260
  "exports": [
9253
9261
  {
@@ -9255,15 +9263,7 @@
9255
9263
  "name": "*",
9256
9264
  "declaration": {
9257
9265
  "name": "*",
9258
- "package": "./Switch"
9259
- }
9260
- },
9261
- {
9262
- "kind": "js",
9263
- "name": "*",
9264
- "declaration": {
9265
- "name": "*",
9266
- "package": "./SwitchGroup/SwitchGroup"
9266
+ "package": "./NativeSelect"
9267
9267
  }
9268
9268
  }
9269
9269
  ]