@emuanalytics/flow-rdf-ui 4.0.8 → 4.0.10

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 (4) hide show
  1. package/dist/custom-elements.json +950 -950
  2. package/dist/package.json.mjs +1 -1
  3. package/dist/vscode.html-custom-data.json +111 -111
  4. package/package.json +3 -3
package/dist/custom-elements.json CHANGED
@@ -670,12 +670,12 @@
670
670
  },
671
671
  {
672
672
  "kind": "javascript-module",
673
- "path": "components/breadcrumb/breadcrumb.component.js",
673
+ "path": "components/badge/badge.component.js",
674
674
  "declarations": [
675
675
  {
676
676
  "kind": "class",
677
677
  "description": "",
678
- "name": "FlowUiBreadcrumb",
678
+ "name": "FlowUiBadge",
679
679
  "cssParts": [
680
680
  {
681
681
  "description": "The component's base wrapper.",
@@ -684,84 +684,80 @@
684
684
  ],
685
685
  "slots": [
686
686
  {
687
- "description": "One or more breadcrumb items to display.",
687
+ "description": "The badge's content.",
688
688
  "name": ""
689
- },
690
- {
691
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
692
- "name": "separator"
693
689
  }
694
690
  ],
695
691
  "members": [
696
692
  {
697
693
  "kind": "field",
698
- "name": "localize",
699
- "privacy": "private",
700
- "readonly": true,
701
- "default": "new LocalizeController(this)"
702
- },
703
- {
704
- "kind": "field",
705
- "name": "separatorDir",
706
- "privacy": "private"
694
+ "name": "variant",
695
+ "type": {
696
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
697
+ },
698
+ "default": "'primary'",
699
+ "description": "The badge's theme variant.",
700
+ "attribute": "variant",
701
+ "reflects": true
707
702
  },
708
703
  {
709
704
  "kind": "field",
710
- "name": "defaultSlot",
705
+ "name": "pill",
711
706
  "type": {
712
- "text": "HTMLSlotElement"
707
+ "text": "boolean"
713
708
  },
714
- "privacy": "private"
709
+ "default": "false",
710
+ "description": "Draws a pill-style badge with rounded edges.",
711
+ "attribute": "pill",
712
+ "reflects": true
715
713
  },
716
714
  {
717
715
  "kind": "field",
718
- "name": "separatorSlot",
716
+ "name": "pulse",
719
717
  "type": {
720
- "text": "HTMLSlotElement"
718
+ "text": "boolean"
721
719
  },
722
- "privacy": "private"
723
- },
720
+ "default": "false",
721
+ "description": "Makes the badge pulsate to draw attention.",
722
+ "attribute": "pulse",
723
+ "reflects": true
724
+ }
725
+ ],
726
+ "attributes": [
724
727
  {
725
- "kind": "field",
726
- "name": "label",
728
+ "name": "variant",
727
729
  "type": {
728
- "text": "string"
730
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
729
731
  },
730
- "default": "''",
731
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
732
- "attribute": "label"
732
+ "default": "'primary'",
733
+ "description": "The badge's theme variant.",
734
+ "fieldName": "variant"
733
735
  },
734
736
  {
735
- "kind": "method",
736
- "name": "getSeparator",
737
- "privacy": "private"
737
+ "name": "pill",
738
+ "type": {
739
+ "text": "boolean"
740
+ },
741
+ "default": "false",
742
+ "description": "Draws a pill-style badge with rounded edges.",
743
+ "fieldName": "pill"
738
744
  },
739
745
  {
740
- "kind": "method",
741
- "name": "handleSlotChange",
742
- "privacy": "private"
743
- }
744
- ],
745
- "attributes": [
746
- {
747
- "name": "label",
746
+ "name": "pulse",
748
747
  "type": {
749
- "text": "string"
748
+ "text": "boolean"
750
749
  },
751
- "default": "''",
752
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
753
- "fieldName": "label"
750
+ "default": "false",
751
+ "description": "Makes the badge pulsate to draw attention.",
752
+ "fieldName": "pulse"
754
753
  }
755
754
  ],
756
755
  "superclass": {
757
756
  "name": "FlowRdfElement",
758
757
  "module": "/src/internal/flow-ui-rdf-element"
759
758
  },
760
- "tagName": "flow-ui-breadcrumb",
761
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
762
- "dependencies": [
763
- "flow-ui-icon"
764
- ],
759
+ "tagName": "flow-ui-badge",
760
+ "summary": "Badges are used to draw attention and display statuses or counts.",
765
761
  "customElement": true
766
762
  }
767
763
  ],
@@ -770,23 +766,23 @@
770
766
  "kind": "js",
771
767
  "name": "default",
772
768
  "declaration": {
773
- "name": "FlowUiBreadcrumb",
774
- "module": "components/breadcrumb/breadcrumb.component.js"
769
+ "name": "FlowUiBadge",
770
+ "module": "components/badge/badge.component.js"
775
771
  }
776
772
  }
777
773
  ]
778
774
  },
779
775
  {
780
776
  "kind": "javascript-module",
781
- "path": "components/breadcrumb/breadcrumb.js",
777
+ "path": "components/badge/badge.js",
782
778
  "declarations": [],
783
779
  "exports": [
784
780
  {
785
781
  "kind": "js",
786
782
  "name": "default",
787
783
  "declaration": {
788
- "name": "FlowUiBreadcrumb",
789
- "module": "components/breadcrumb/breadcrumb.js"
784
+ "name": "FlowUiBadge",
785
+ "module": "components/badge/badge.js"
790
786
  }
791
787
  }
792
788
  ]
@@ -940,472 +936,168 @@
940
936
  },
941
937
  {
942
938
  "kind": "javascript-module",
943
- "path": "components/badge/badge.component.js",
939
+ "path": "components/button/button.component.js",
944
940
  "declarations": [
945
941
  {
946
942
  "kind": "class",
947
943
  "description": "",
948
- "name": "FlowUiBadge",
944
+ "name": "FlowUiButton",
949
945
  "cssParts": [
950
946
  {
951
947
  "description": "The component's base wrapper.",
952
948
  "name": "base"
949
+ },
950
+ {
951
+ "description": "The container that wraps the prefix.",
952
+ "name": "prefix"
953
+ },
954
+ {
955
+ "description": "The button's label.",
956
+ "name": "label"
957
+ },
958
+ {
959
+ "description": "The container that wraps the suffix.",
960
+ "name": "suffix"
961
+ },
962
+ {
963
+ "description": "The button's caret icon, an `<flow-ui-icon>` element.",
964
+ "name": "caret"
953
965
  }
954
966
  ],
955
967
  "slots": [
956
968
  {
957
- "description": "The badge's content.",
969
+ "description": "The button's label.",
958
970
  "name": ""
971
+ },
972
+ {
973
+ "description": "A presentational prefix icon or similar element.",
974
+ "name": "prefix"
975
+ },
976
+ {
977
+ "description": "A presentational suffix icon or similar element.",
978
+ "name": "suffix"
959
979
  }
960
980
  ],
961
981
  "members": [
982
+ {
983
+ "kind": "field",
984
+ "name": "formControlController",
985
+ "privacy": "private",
986
+ "readonly": true,
987
+ "default": "new FormControlController(this, {\n form: (input) => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n })"
988
+ },
989
+ {
990
+ "kind": "field",
991
+ "name": "hasSlotController",
992
+ "privacy": "private",
993
+ "readonly": true,
994
+ "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
995
+ },
996
+ {
997
+ "kind": "field",
998
+ "name": "localize",
999
+ "privacy": "private",
1000
+ "readonly": true,
1001
+ "default": "new LocalizeController(this)"
1002
+ },
1003
+ {
1004
+ "kind": "field",
1005
+ "name": "hasFocus",
1006
+ "type": {
1007
+ "text": "boolean"
1008
+ },
1009
+ "privacy": "private",
1010
+ "default": "false"
1011
+ },
1012
+ {
1013
+ "kind": "field",
1014
+ "name": "title",
1015
+ "type": {
1016
+ "text": "string"
1017
+ },
1018
+ "default": "''",
1019
+ "attribute": "title"
1020
+ },
962
1021
  {
963
1022
  "kind": "field",
964
1023
  "name": "variant",
965
1024
  "type": {
966
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1025
+ "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
967
1026
  },
968
- "default": "'primary'",
969
- "description": "The badge's theme variant.",
1027
+ "default": "'default'",
1028
+ "description": "The button's theme variant.",
970
1029
  "attribute": "variant",
971
1030
  "reflects": true
972
1031
  },
973
1032
  {
974
1033
  "kind": "field",
975
- "name": "pill",
1034
+ "name": "size",
1035
+ "type": {
1036
+ "text": "'small' | 'medium' | 'large'"
1037
+ },
1038
+ "default": "'medium'",
1039
+ "description": "The button's size.",
1040
+ "attribute": "size",
1041
+ "reflects": true
1042
+ },
1043
+ {
1044
+ "kind": "field",
1045
+ "name": "caret",
976
1046
  "type": {
977
1047
  "text": "boolean"
978
1048
  },
979
1049
  "default": "false",
980
- "description": "Draws a pill-style badge with rounded edges.",
981
- "attribute": "pill",
1050
+ "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1051
+ "attribute": "caret",
982
1052
  "reflects": true
983
1053
  },
984
1054
  {
985
1055
  "kind": "field",
986
- "name": "pulse",
1056
+ "name": "disabled",
987
1057
  "type": {
988
1058
  "text": "boolean"
989
1059
  },
990
1060
  "default": "false",
991
- "description": "Makes the badge pulsate to draw attention.",
992
- "attribute": "pulse",
1061
+ "description": "Disables the button.",
1062
+ "attribute": "disabled",
993
1063
  "reflects": true
994
- }
995
- ],
996
- "attributes": [
1064
+ },
997
1065
  {
998
- "name": "variant",
1066
+ "kind": "field",
1067
+ "name": "loading",
999
1068
  "type": {
1000
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1069
+ "text": "boolean"
1001
1070
  },
1002
- "default": "'primary'",
1003
- "description": "The badge's theme variant.",
1004
- "fieldName": "variant"
1071
+ "default": "false",
1072
+ "description": "Draws the button in a loading state.",
1073
+ "attribute": "loading",
1074
+ "reflects": true
1075
+ },
1076
+ {
1077
+ "kind": "field",
1078
+ "name": "outline",
1079
+ "type": {
1080
+ "text": "boolean"
1081
+ },
1082
+ "default": "false",
1083
+ "description": "Draws an outlined button.",
1084
+ "attribute": "outline",
1085
+ "reflects": true
1005
1086
  },
1006
1087
  {
1088
+ "kind": "field",
1007
1089
  "name": "pill",
1008
1090
  "type": {
1009
1091
  "text": "boolean"
1010
1092
  },
1011
1093
  "default": "false",
1012
- "description": "Draws a pill-style badge with rounded edges.",
1013
- "fieldName": "pill"
1094
+ "description": "Draws a pill-style button with rounded edges.",
1095
+ "attribute": "pill",
1096
+ "reflects": true
1014
1097
  },
1015
1098
  {
1016
- "name": "pulse",
1017
- "type": {
1018
- "text": "boolean"
1019
- },
1020
- "default": "false",
1021
- "description": "Makes the badge pulsate to draw attention.",
1022
- "fieldName": "pulse"
1023
- }
1024
- ],
1025
- "superclass": {
1026
- "name": "FlowRdfElement",
1027
- "module": "/src/internal/flow-ui-rdf-element"
1028
- },
1029
- "tagName": "flow-ui-badge",
1030
- "summary": "Badges are used to draw attention and display statuses or counts.",
1031
- "customElement": true
1032
- }
1033
- ],
1034
- "exports": [
1035
- {
1036
- "kind": "js",
1037
- "name": "default",
1038
- "declaration": {
1039
- "name": "FlowUiBadge",
1040
- "module": "components/badge/badge.component.js"
1041
- }
1042
- }
1043
- ]
1044
- },
1045
- {
1046
- "kind": "javascript-module",
1047
- "path": "components/badge/badge.js",
1048
- "declarations": [],
1049
- "exports": [
1050
- {
1051
- "kind": "js",
1052
- "name": "default",
1053
- "declaration": {
1054
- "name": "FlowUiBadge",
1055
- "module": "components/badge/badge.js"
1056
- }
1057
- }
1058
- ]
1059
- },
1060
- {
1061
- "kind": "javascript-module",
1062
- "path": "components/avatar/avatar.component.js",
1063
- "declarations": [
1064
- {
1065
- "kind": "class",
1066
- "description": "",
1067
- "name": "FlowUiAvatar",
1068
- "cssProperties": [
1069
- {
1070
- "description": "The size of the avatar.",
1071
- "name": "--size"
1072
- }
1073
- ],
1074
- "cssParts": [
1075
- {
1076
- "description": "The component's base wrapper.",
1077
- "name": "base"
1078
- },
1079
- {
1080
- "description": "The container that wraps the avatar's icon.",
1081
- "name": "icon"
1082
- },
1083
- {
1084
- "description": "The container that wraps the avatar's initials.",
1085
- "name": "initials"
1086
- },
1087
- {
1088
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1089
- "name": "image"
1090
- }
1091
- ],
1092
- "slots": [
1093
- {
1094
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1095
- "name": "icon"
1096
- }
1097
- ],
1098
- "members": [
1099
- {
1100
- "kind": "field",
1101
- "name": "hasError",
1102
- "type": {
1103
- "text": "boolean"
1104
- },
1105
- "privacy": "private",
1106
- "default": "false"
1107
- },
1108
- {
1109
- "kind": "field",
1110
- "name": "image",
1111
- "type": {
1112
- "text": "string"
1113
- },
1114
- "default": "''",
1115
- "description": "The image source to use for the avatar.",
1116
- "attribute": "image"
1117
- },
1118
- {
1119
- "kind": "field",
1120
- "name": "label",
1121
- "type": {
1122
- "text": "string"
1123
- },
1124
- "default": "''",
1125
- "description": "A label to use to describe the avatar to assistive devices.",
1126
- "attribute": "label"
1127
- },
1128
- {
1129
- "kind": "field",
1130
- "name": "initials",
1131
- "type": {
1132
- "text": "string"
1133
- },
1134
- "default": "''",
1135
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1136
- "attribute": "initials"
1137
- },
1138
- {
1139
- "kind": "field",
1140
- "name": "loading",
1141
- "type": {
1142
- "text": "'eager' | 'lazy'"
1143
- },
1144
- "default": "'eager'",
1145
- "description": "Indicates how the browser should load the image.",
1146
- "attribute": "loading"
1147
- },
1148
- {
1149
- "kind": "field",
1150
- "name": "shape",
1151
- "type": {
1152
- "text": "'circle' | 'square' | 'rounded'"
1153
- },
1154
- "default": "'circle'",
1155
- "description": "The shape of the avatar.",
1156
- "attribute": "shape",
1157
- "reflects": true
1158
- }
1159
- ],
1160
- "attributes": [
1161
- {
1162
- "name": "image",
1163
- "type": {
1164
- "text": "string"
1165
- },
1166
- "default": "''",
1167
- "description": "The image source to use for the avatar.",
1168
- "fieldName": "image"
1169
- },
1170
- {
1171
- "name": "label",
1172
- "type": {
1173
- "text": "string"
1174
- },
1175
- "default": "''",
1176
- "description": "A label to use to describe the avatar to assistive devices.",
1177
- "fieldName": "label"
1178
- },
1179
- {
1180
- "name": "initials",
1181
- "type": {
1182
- "text": "string"
1183
- },
1184
- "default": "''",
1185
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1186
- "fieldName": "initials"
1187
- },
1188
- {
1189
- "name": "loading",
1190
- "type": {
1191
- "text": "'eager' | 'lazy'"
1192
- },
1193
- "default": "'eager'",
1194
- "description": "Indicates how the browser should load the image.",
1195
- "fieldName": "loading"
1196
- },
1197
- {
1198
- "name": "shape",
1199
- "type": {
1200
- "text": "'circle' | 'square' | 'rounded'"
1201
- },
1202
- "default": "'circle'",
1203
- "description": "The shape of the avatar.",
1204
- "fieldName": "shape"
1205
- }
1206
- ],
1207
- "superclass": {
1208
- "name": "FlowRdfElement",
1209
- "module": "/src/internal/flow-ui-rdf-element"
1210
- },
1211
- "tagName": "flow-ui-avatar",
1212
- "summary": "Avatars are used to represent a person or object.",
1213
- "dependencies": [
1214
- "flow-ui-icon"
1215
- ],
1216
- "customElement": true
1217
- }
1218
- ],
1219
- "exports": [
1220
- {
1221
- "kind": "js",
1222
- "name": "default",
1223
- "declaration": {
1224
- "name": "FlowUiAvatar",
1225
- "module": "components/avatar/avatar.component.js"
1226
- }
1227
- }
1228
- ]
1229
- },
1230
- {
1231
- "kind": "javascript-module",
1232
- "path": "components/avatar/avatar.js",
1233
- "declarations": [],
1234
- "exports": [
1235
- {
1236
- "kind": "js",
1237
- "name": "default",
1238
- "declaration": {
1239
- "name": "FlowUiAvatar",
1240
- "module": "components/avatar/avatar.js"
1241
- }
1242
- }
1243
- ]
1244
- },
1245
- {
1246
- "kind": "javascript-module",
1247
- "path": "components/button/button.component.js",
1248
- "declarations": [
1249
- {
1250
- "kind": "class",
1251
- "description": "",
1252
- "name": "FlowUiButton",
1253
- "cssParts": [
1254
- {
1255
- "description": "The component's base wrapper.",
1256
- "name": "base"
1257
- },
1258
- {
1259
- "description": "The container that wraps the prefix.",
1260
- "name": "prefix"
1261
- },
1262
- {
1263
- "description": "The button's label.",
1264
- "name": "label"
1265
- },
1266
- {
1267
- "description": "The container that wraps the suffix.",
1268
- "name": "suffix"
1269
- },
1270
- {
1271
- "description": "The button's caret icon, an `<flow-ui-icon>` element.",
1272
- "name": "caret"
1273
- }
1274
- ],
1275
- "slots": [
1276
- {
1277
- "description": "The button's label.",
1278
- "name": ""
1279
- },
1280
- {
1281
- "description": "A presentational prefix icon or similar element.",
1282
- "name": "prefix"
1283
- },
1284
- {
1285
- "description": "A presentational suffix icon or similar element.",
1286
- "name": "suffix"
1287
- }
1288
- ],
1289
- "members": [
1290
- {
1291
- "kind": "field",
1292
- "name": "formControlController",
1293
- "privacy": "private",
1294
- "readonly": true,
1295
- "default": "new FormControlController(this, {\n form: (input) => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n })"
1296
- },
1297
- {
1298
- "kind": "field",
1299
- "name": "hasSlotController",
1300
- "privacy": "private",
1301
- "readonly": true,
1302
- "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
1303
- },
1304
- {
1305
- "kind": "field",
1306
- "name": "localize",
1307
- "privacy": "private",
1308
- "readonly": true,
1309
- "default": "new LocalizeController(this)"
1310
- },
1311
- {
1312
- "kind": "field",
1313
- "name": "hasFocus",
1314
- "type": {
1315
- "text": "boolean"
1316
- },
1317
- "privacy": "private",
1318
- "default": "false"
1319
- },
1320
- {
1321
- "kind": "field",
1322
- "name": "title",
1323
- "type": {
1324
- "text": "string"
1325
- },
1326
- "default": "''",
1327
- "attribute": "title"
1328
- },
1329
- {
1330
- "kind": "field",
1331
- "name": "variant",
1332
- "type": {
1333
- "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
1334
- },
1335
- "default": "'default'",
1336
- "description": "The button's theme variant.",
1337
- "attribute": "variant",
1338
- "reflects": true
1339
- },
1340
- {
1341
- "kind": "field",
1342
- "name": "size",
1343
- "type": {
1344
- "text": "'small' | 'medium' | 'large'"
1345
- },
1346
- "default": "'medium'",
1347
- "description": "The button's size.",
1348
- "attribute": "size",
1349
- "reflects": true
1350
- },
1351
- {
1352
- "kind": "field",
1353
- "name": "caret",
1354
- "type": {
1355
- "text": "boolean"
1356
- },
1357
- "default": "false",
1358
- "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1359
- "attribute": "caret",
1360
- "reflects": true
1361
- },
1362
- {
1363
- "kind": "field",
1364
- "name": "disabled",
1365
- "type": {
1366
- "text": "boolean"
1367
- },
1368
- "default": "false",
1369
- "description": "Disables the button.",
1370
- "attribute": "disabled",
1371
- "reflects": true
1372
- },
1373
- {
1374
- "kind": "field",
1375
- "name": "loading",
1376
- "type": {
1377
- "text": "boolean"
1378
- },
1379
- "default": "false",
1380
- "description": "Draws the button in a loading state.",
1381
- "attribute": "loading",
1382
- "reflects": true
1383
- },
1384
- {
1385
- "kind": "field",
1386
- "name": "outline",
1387
- "type": {
1388
- "text": "boolean"
1389
- },
1390
- "default": "false",
1391
- "description": "Draws an outlined button.",
1392
- "attribute": "outline",
1393
- "reflects": true
1394
- },
1395
- {
1396
- "kind": "field",
1397
- "name": "pill",
1398
- "type": {
1399
- "text": "boolean"
1400
- },
1401
- "default": "false",
1402
- "description": "Draws a pill-style button with rounded edges.",
1403
- "attribute": "pill",
1404
- "reflects": true
1405
- },
1406
- {
1407
- "kind": "field",
1408
- "name": "fabCircle",
1099
+ "kind": "field",
1100
+ "name": "fabCircle",
1409
1101
  "type": {
1410
1102
  "text": "boolean"
1411
1103
  },
@@ -1713,187 +1405,495 @@
1713
1405
  "fieldName": "size"
1714
1406
  },
1715
1407
  {
1716
- "name": "caret",
1717
- "type": {
1718
- "text": "boolean"
1719
- },
1720
- "default": "false",
1721
- "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1722
- "fieldName": "caret"
1408
+ "name": "caret",
1409
+ "type": {
1410
+ "text": "boolean"
1411
+ },
1412
+ "default": "false",
1413
+ "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1414
+ "fieldName": "caret"
1415
+ },
1416
+ {
1417
+ "name": "disabled",
1418
+ "type": {
1419
+ "text": "boolean"
1420
+ },
1421
+ "default": "false",
1422
+ "description": "Disables the button.",
1423
+ "fieldName": "disabled"
1424
+ },
1425
+ {
1426
+ "name": "loading",
1427
+ "type": {
1428
+ "text": "boolean"
1429
+ },
1430
+ "default": "false",
1431
+ "description": "Draws the button in a loading state.",
1432
+ "fieldName": "loading"
1433
+ },
1434
+ {
1435
+ "name": "outline",
1436
+ "type": {
1437
+ "text": "boolean"
1438
+ },
1439
+ "default": "false",
1440
+ "description": "Draws an outlined button.",
1441
+ "fieldName": "outline"
1442
+ },
1443
+ {
1444
+ "name": "pill",
1445
+ "type": {
1446
+ "text": "boolean"
1447
+ },
1448
+ "default": "false",
1449
+ "description": "Draws a pill-style button with rounded edges.",
1450
+ "fieldName": "pill"
1451
+ },
1452
+ {
1453
+ "name": "fab-circle",
1454
+ "type": {
1455
+ "text": "boolean"
1456
+ },
1457
+ "default": "false",
1458
+ "description": "Draws a circular FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1459
+ "fieldName": "fabCircle"
1460
+ },
1461
+ {
1462
+ "name": "fab-square",
1463
+ "type": {
1464
+ "text": "boolean"
1465
+ },
1466
+ "default": "false",
1467
+ "description": "Draws a square FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1468
+ "fieldName": "fabSquare"
1469
+ },
1470
+ {
1471
+ "name": "type",
1472
+ "type": {
1473
+ "text": "'button' | 'submit' | 'reset'"
1474
+ },
1475
+ "default": "'button'",
1476
+ "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
1477
+ "fieldName": "type"
1478
+ },
1479
+ {
1480
+ "name": "name",
1481
+ "type": {
1482
+ "text": "string"
1483
+ },
1484
+ "default": "''",
1485
+ "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
1486
+ "fieldName": "name"
1487
+ },
1488
+ {
1489
+ "name": "value",
1490
+ "type": {
1491
+ "text": "string"
1492
+ },
1493
+ "default": "''",
1494
+ "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
1495
+ "fieldName": "value"
1496
+ },
1497
+ {
1498
+ "name": "href",
1499
+ "type": {
1500
+ "text": "string"
1501
+ },
1502
+ "default": "''",
1503
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1504
+ "fieldName": "href"
1505
+ },
1506
+ {
1507
+ "name": "target",
1508
+ "type": {
1509
+ "text": "'_blank' | '_parent' | '_self' | '_top'"
1510
+ },
1511
+ "description": "Tells the browser where to open the link. Only used when `href` is present.",
1512
+ "fieldName": "target"
1513
+ },
1514
+ {
1515
+ "name": "rel",
1516
+ "type": {
1517
+ "text": "string"
1518
+ },
1519
+ "default": "'noreferrer noopener'",
1520
+ "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
1521
+ "fieldName": "rel"
1522
+ },
1523
+ {
1524
+ "name": "download",
1525
+ "type": {
1526
+ "text": "string | undefined"
1527
+ },
1528
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1529
+ "fieldName": "download"
1530
+ },
1531
+ {
1532
+ "name": "form",
1533
+ "type": {
1534
+ "text": "string"
1535
+ },
1536
+ "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1537
+ "fieldName": "form"
1538
+ },
1539
+ {
1540
+ "name": "formaction",
1541
+ "type": {
1542
+ "text": "string"
1543
+ },
1544
+ "description": "Used to override the form owner's `action` attribute.",
1545
+ "fieldName": "formAction"
1546
+ },
1547
+ {
1548
+ "name": "formenctype",
1549
+ "type": {
1550
+ "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1551
+ },
1552
+ "description": "Used to override the form owner's `enctype` attribute.",
1553
+ "fieldName": "formEnctype"
1554
+ },
1555
+ {
1556
+ "name": "formmethod",
1557
+ "type": {
1558
+ "text": "'post' | 'get'"
1559
+ },
1560
+ "description": "Used to override the form owner's `method` attribute.",
1561
+ "fieldName": "formMethod"
1562
+ },
1563
+ {
1564
+ "name": "formnovalidate",
1565
+ "type": {
1566
+ "text": "boolean"
1567
+ },
1568
+ "description": "Used to override the form owner's `novalidate` attribute.",
1569
+ "fieldName": "formNoValidate"
1570
+ },
1571
+ {
1572
+ "name": "formtarget",
1573
+ "type": {
1574
+ "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1575
+ },
1576
+ "description": "Used to override the form owner's `target` attribute.",
1577
+ "fieldName": "formTarget"
1578
+ }
1579
+ ],
1580
+ "superclass": {
1581
+ "name": "FlowRdfFormControl",
1582
+ "module": "/src/internal/flow-ui-rdf-element"
1583
+ },
1584
+ "tagName": "flow-ui-button",
1585
+ "summary": "Buttons represent actions that are available to the user.",
1586
+ "dependencies": [
1587
+ "flow-ui-icon",
1588
+ "flow-ui-spinner"
1589
+ ],
1590
+ "customElement": true
1591
+ }
1592
+ ],
1593
+ "exports": [
1594
+ {
1595
+ "kind": "js",
1596
+ "name": "default",
1597
+ "declaration": {
1598
+ "name": "FlowUiButton",
1599
+ "module": "components/button/button.component.js"
1600
+ }
1601
+ }
1602
+ ]
1603
+ },
1604
+ {
1605
+ "kind": "javascript-module",
1606
+ "path": "components/button/button.js",
1607
+ "declarations": [],
1608
+ "exports": [
1609
+ {
1610
+ "kind": "js",
1611
+ "name": "default",
1612
+ "declaration": {
1613
+ "name": "FlowUiButton",
1614
+ "module": "components/button/button.js"
1615
+ }
1616
+ }
1617
+ ]
1618
+ },
1619
+ {
1620
+ "kind": "javascript-module",
1621
+ "path": "components/breadcrumb/breadcrumb.component.js",
1622
+ "declarations": [
1623
+ {
1624
+ "kind": "class",
1625
+ "description": "",
1626
+ "name": "FlowUiBreadcrumb",
1627
+ "cssParts": [
1628
+ {
1629
+ "description": "The component's base wrapper.",
1630
+ "name": "base"
1631
+ }
1632
+ ],
1633
+ "slots": [
1634
+ {
1635
+ "description": "One or more breadcrumb items to display.",
1636
+ "name": ""
1637
+ },
1638
+ {
1639
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1640
+ "name": "separator"
1641
+ }
1642
+ ],
1643
+ "members": [
1644
+ {
1645
+ "kind": "field",
1646
+ "name": "localize",
1647
+ "privacy": "private",
1648
+ "readonly": true,
1649
+ "default": "new LocalizeController(this)"
1650
+ },
1651
+ {
1652
+ "kind": "field",
1653
+ "name": "separatorDir",
1654
+ "privacy": "private"
1723
1655
  },
1724
1656
  {
1725
- "name": "disabled",
1657
+ "kind": "field",
1658
+ "name": "defaultSlot",
1726
1659
  "type": {
1727
- "text": "boolean"
1660
+ "text": "HTMLSlotElement"
1728
1661
  },
1729
- "default": "false",
1730
- "description": "Disables the button.",
1731
- "fieldName": "disabled"
1662
+ "privacy": "private"
1732
1663
  },
1733
1664
  {
1734
- "name": "loading",
1665
+ "kind": "field",
1666
+ "name": "separatorSlot",
1735
1667
  "type": {
1736
- "text": "boolean"
1668
+ "text": "HTMLSlotElement"
1737
1669
  },
1738
- "default": "false",
1739
- "description": "Draws the button in a loading state.",
1740
- "fieldName": "loading"
1670
+ "privacy": "private"
1741
1671
  },
1742
1672
  {
1743
- "name": "outline",
1673
+ "kind": "field",
1674
+ "name": "label",
1744
1675
  "type": {
1745
- "text": "boolean"
1676
+ "text": "string"
1746
1677
  },
1747
- "default": "false",
1748
- "description": "Draws an outlined button.",
1749
- "fieldName": "outline"
1678
+ "default": "''",
1679
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1680
+ "attribute": "label"
1750
1681
  },
1751
1682
  {
1752
- "name": "pill",
1753
- "type": {
1754
- "text": "boolean"
1755
- },
1756
- "default": "false",
1757
- "description": "Draws a pill-style button with rounded edges.",
1758
- "fieldName": "pill"
1683
+ "kind": "method",
1684
+ "name": "getSeparator",
1685
+ "privacy": "private"
1759
1686
  },
1760
1687
  {
1761
- "name": "fab-circle",
1688
+ "kind": "method",
1689
+ "name": "handleSlotChange",
1690
+ "privacy": "private"
1691
+ }
1692
+ ],
1693
+ "attributes": [
1694
+ {
1695
+ "name": "label",
1762
1696
  "type": {
1763
- "text": "boolean"
1697
+ "text": "string"
1764
1698
  },
1765
- "default": "false",
1766
- "description": "Draws a circular FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1767
- "fieldName": "fabCircle"
1699
+ "default": "''",
1700
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1701
+ "fieldName": "label"
1702
+ }
1703
+ ],
1704
+ "superclass": {
1705
+ "name": "FlowRdfElement",
1706
+ "module": "/src/internal/flow-ui-rdf-element"
1707
+ },
1708
+ "tagName": "flow-ui-breadcrumb",
1709
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1710
+ "dependencies": [
1711
+ "flow-ui-icon"
1712
+ ],
1713
+ "customElement": true
1714
+ }
1715
+ ],
1716
+ "exports": [
1717
+ {
1718
+ "kind": "js",
1719
+ "name": "default",
1720
+ "declaration": {
1721
+ "name": "FlowUiBreadcrumb",
1722
+ "module": "components/breadcrumb/breadcrumb.component.js"
1723
+ }
1724
+ }
1725
+ ]
1726
+ },
1727
+ {
1728
+ "kind": "javascript-module",
1729
+ "path": "components/breadcrumb/breadcrumb.js",
1730
+ "declarations": [],
1731
+ "exports": [
1732
+ {
1733
+ "kind": "js",
1734
+ "name": "default",
1735
+ "declaration": {
1736
+ "name": "FlowUiBreadcrumb",
1737
+ "module": "components/breadcrumb/breadcrumb.js"
1738
+ }
1739
+ }
1740
+ ]
1741
+ },
1742
+ {
1743
+ "kind": "javascript-module",
1744
+ "path": "components/avatar/avatar.component.js",
1745
+ "declarations": [
1746
+ {
1747
+ "kind": "class",
1748
+ "description": "",
1749
+ "name": "FlowUiAvatar",
1750
+ "cssProperties": [
1751
+ {
1752
+ "description": "The size of the avatar.",
1753
+ "name": "--size"
1754
+ }
1755
+ ],
1756
+ "cssParts": [
1757
+ {
1758
+ "description": "The component's base wrapper.",
1759
+ "name": "base"
1768
1760
  },
1769
1761
  {
1770
- "name": "fab-square",
1771
- "type": {
1772
- "text": "boolean"
1773
- },
1774
- "default": "false",
1775
- "description": "Draws a square FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1776
- "fieldName": "fabSquare"
1762
+ "description": "The container that wraps the avatar's icon.",
1763
+ "name": "icon"
1777
1764
  },
1778
1765
  {
1779
- "name": "type",
1780
- "type": {
1781
- "text": "'button' | 'submit' | 'reset'"
1782
- },
1783
- "default": "'button'",
1784
- "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
1785
- "fieldName": "type"
1766
+ "description": "The container that wraps the avatar's initials.",
1767
+ "name": "initials"
1786
1768
  },
1787
1769
  {
1788
- "name": "name",
1770
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
1771
+ "name": "image"
1772
+ }
1773
+ ],
1774
+ "slots": [
1775
+ {
1776
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1777
+ "name": "icon"
1778
+ }
1779
+ ],
1780
+ "members": [
1781
+ {
1782
+ "kind": "field",
1783
+ "name": "hasError",
1789
1784
  "type": {
1790
- "text": "string"
1785
+ "text": "boolean"
1791
1786
  },
1792
- "default": "''",
1793
- "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
1794
- "fieldName": "name"
1787
+ "privacy": "private",
1788
+ "default": "false"
1795
1789
  },
1796
1790
  {
1797
- "name": "value",
1791
+ "kind": "field",
1792
+ "name": "image",
1798
1793
  "type": {
1799
1794
  "text": "string"
1800
1795
  },
1801
1796
  "default": "''",
1802
- "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
1803
- "fieldName": "value"
1797
+ "description": "The image source to use for the avatar.",
1798
+ "attribute": "image"
1804
1799
  },
1805
1800
  {
1806
- "name": "href",
1801
+ "kind": "field",
1802
+ "name": "label",
1807
1803
  "type": {
1808
1804
  "text": "string"
1809
1805
  },
1810
1806
  "default": "''",
1811
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1812
- "fieldName": "href"
1813
- },
1814
- {
1815
- "name": "target",
1816
- "type": {
1817
- "text": "'_blank' | '_parent' | '_self' | '_top'"
1818
- },
1819
- "description": "Tells the browser where to open the link. Only used when `href` is present.",
1820
- "fieldName": "target"
1807
+ "description": "A label to use to describe the avatar to assistive devices.",
1808
+ "attribute": "label"
1821
1809
  },
1822
1810
  {
1823
- "name": "rel",
1811
+ "kind": "field",
1812
+ "name": "initials",
1824
1813
  "type": {
1825
1814
  "text": "string"
1826
1815
  },
1827
- "default": "'noreferrer noopener'",
1828
- "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
1829
- "fieldName": "rel"
1816
+ "default": "''",
1817
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1818
+ "attribute": "initials"
1830
1819
  },
1831
1820
  {
1832
- "name": "download",
1821
+ "kind": "field",
1822
+ "name": "loading",
1833
1823
  "type": {
1834
- "text": "string | undefined"
1824
+ "text": "'eager' | 'lazy'"
1835
1825
  },
1836
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1837
- "fieldName": "download"
1826
+ "default": "'eager'",
1827
+ "description": "Indicates how the browser should load the image.",
1828
+ "attribute": "loading"
1838
1829
  },
1839
1830
  {
1840
- "name": "form",
1831
+ "kind": "field",
1832
+ "name": "shape",
1841
1833
  "type": {
1842
- "text": "string"
1834
+ "text": "'circle' | 'square' | 'rounded'"
1843
1835
  },
1844
- "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1845
- "fieldName": "form"
1846
- },
1836
+ "default": "'circle'",
1837
+ "description": "The shape of the avatar.",
1838
+ "attribute": "shape",
1839
+ "reflects": true
1840
+ }
1841
+ ],
1842
+ "attributes": [
1847
1843
  {
1848
- "name": "formaction",
1844
+ "name": "image",
1849
1845
  "type": {
1850
1846
  "text": "string"
1851
1847
  },
1852
- "description": "Used to override the form owner's `action` attribute.",
1853
- "fieldName": "formAction"
1848
+ "default": "''",
1849
+ "description": "The image source to use for the avatar.",
1850
+ "fieldName": "image"
1854
1851
  },
1855
1852
  {
1856
- "name": "formenctype",
1853
+ "name": "label",
1857
1854
  "type": {
1858
- "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1855
+ "text": "string"
1859
1856
  },
1860
- "description": "Used to override the form owner's `enctype` attribute.",
1861
- "fieldName": "formEnctype"
1857
+ "default": "''",
1858
+ "description": "A label to use to describe the avatar to assistive devices.",
1859
+ "fieldName": "label"
1862
1860
  },
1863
1861
  {
1864
- "name": "formmethod",
1862
+ "name": "initials",
1865
1863
  "type": {
1866
- "text": "'post' | 'get'"
1864
+ "text": "string"
1867
1865
  },
1868
- "description": "Used to override the form owner's `method` attribute.",
1869
- "fieldName": "formMethod"
1866
+ "default": "''",
1867
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1868
+ "fieldName": "initials"
1870
1869
  },
1871
1870
  {
1872
- "name": "formnovalidate",
1871
+ "name": "loading",
1873
1872
  "type": {
1874
- "text": "boolean"
1873
+ "text": "'eager' | 'lazy'"
1875
1874
  },
1876
- "description": "Used to override the form owner's `novalidate` attribute.",
1877
- "fieldName": "formNoValidate"
1875
+ "default": "'eager'",
1876
+ "description": "Indicates how the browser should load the image.",
1877
+ "fieldName": "loading"
1878
1878
  },
1879
1879
  {
1880
- "name": "formtarget",
1880
+ "name": "shape",
1881
1881
  "type": {
1882
- "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1882
+ "text": "'circle' | 'square' | 'rounded'"
1883
1883
  },
1884
- "description": "Used to override the form owner's `target` attribute.",
1885
- "fieldName": "formTarget"
1884
+ "default": "'circle'",
1885
+ "description": "The shape of the avatar.",
1886
+ "fieldName": "shape"
1886
1887
  }
1887
1888
  ],
1888
1889
  "superclass": {
1889
- "name": "FlowRdfFormControl",
1890
+ "name": "FlowRdfElement",
1890
1891
  "module": "/src/internal/flow-ui-rdf-element"
1891
1892
  },
1892
- "tagName": "flow-ui-button",
1893
- "summary": "Buttons represent actions that are available to the user.",
1893
+ "tagName": "flow-ui-avatar",
1894
+ "summary": "Avatars are used to represent a person or object.",
1894
1895
  "dependencies": [
1895
- "flow-ui-icon",
1896
- "flow-ui-spinner"
1896
+ "flow-ui-icon"
1897
1897
  ],
1898
1898
  "customElement": true
1899
1899
  }
@@ -1903,23 +1903,23 @@
1903
1903
  "kind": "js",
1904
1904
  "name": "default",
1905
1905
  "declaration": {
1906
- "name": "FlowUiButton",
1907
- "module": "components/button/button.component.js"
1906
+ "name": "FlowUiAvatar",
1907
+ "module": "components/avatar/avatar.component.js"
1908
1908
  }
1909
1909
  }
1910
1910
  ]
1911
1911
  },
1912
1912
  {
1913
1913
  "kind": "javascript-module",
1914
- "path": "components/button/button.js",
1914
+ "path": "components/avatar/avatar.js",
1915
1915
  "declarations": [],
1916
1916
  "exports": [
1917
1917
  {
1918
1918
  "kind": "js",
1919
1919
  "name": "default",
1920
1920
  "declaration": {
1921
- "name": "FlowUiButton",
1922
- "module": "components/button/button.js"
1921
+ "name": "FlowUiAvatar",
1922
+ "module": "components/avatar/avatar.js"
1923
1923
  }
1924
1924
  }
1925
1925
  ]
@@ -2079,6 +2079,124 @@
2079
2079
  }
2080
2080
  ]
2081
2081
  },
2082
+ {
2083
+ "kind": "javascript-module",
2084
+ "path": "components/card/card.component.js",
2085
+ "declarations": [
2086
+ {
2087
+ "kind": "class",
2088
+ "description": "",
2089
+ "name": "FlowUiCard",
2090
+ "cssProperties": [
2091
+ {
2092
+ "description": "The card's border color, including borders that occur inside the card.",
2093
+ "name": "--border-color"
2094
+ },
2095
+ {
2096
+ "description": "The border radius for the card's edges.",
2097
+ "name": "--border-radius"
2098
+ },
2099
+ {
2100
+ "description": "The width of the card's borders.",
2101
+ "name": "--border-width"
2102
+ },
2103
+ {
2104
+ "description": "The padding to use for the card's sections.",
2105
+ "name": "--padding"
2106
+ }
2107
+ ],
2108
+ "cssParts": [
2109
+ {
2110
+ "description": "The component's base wrapper.",
2111
+ "name": "base"
2112
+ },
2113
+ {
2114
+ "description": "The container that wraps the card's image.",
2115
+ "name": "image"
2116
+ },
2117
+ {
2118
+ "description": "The container that wraps the card's header.",
2119
+ "name": "header"
2120
+ },
2121
+ {
2122
+ "description": "The container that wraps the card's main content.",
2123
+ "name": "body"
2124
+ },
2125
+ {
2126
+ "description": "The container that wraps the card's footer.",
2127
+ "name": "footer"
2128
+ }
2129
+ ],
2130
+ "slots": [
2131
+ {
2132
+ "description": "The card's main content.",
2133
+ "name": ""
2134
+ },
2135
+ {
2136
+ "description": "An optional header for the card.",
2137
+ "name": "header"
2138
+ },
2139
+ {
2140
+ "description": "An optional footer for the card.",
2141
+ "name": "footer"
2142
+ },
2143
+ {
2144
+ "description": "An optional image to render at the start of the card.",
2145
+ "name": "image"
2146
+ }
2147
+ ],
2148
+ "members": [
2149
+ {
2150
+ "kind": "field",
2151
+ "name": "hasSlotController",
2152
+ "privacy": "private",
2153
+ "readonly": true,
2154
+ "default": "new HasSlotController(this, 'footer', 'header', 'image')"
2155
+ }
2156
+ ],
2157
+ "superclass": {
2158
+ "name": "FlowRdfElement",
2159
+ "module": "/src/internal/flow-ui-rdf-element"
2160
+ },
2161
+ "tagName": "flow-ui-card",
2162
+ "summary": "Cards can be used to group related subjects in a container.",
2163
+ "customElement": true
2164
+ }
2165
+ ],
2166
+ "exports": [
2167
+ {
2168
+ "kind": "js",
2169
+ "name": "default",
2170
+ "declaration": {
2171
+ "name": "FlowUiCard",
2172
+ "module": "components/card/card.component.js"
2173
+ }
2174
+ }
2175
+ ]
2176
+ },
2177
+ {
2178
+ "kind": "javascript-module",
2179
+ "path": "components/card/card.js",
2180
+ "declarations": [],
2181
+ "exports": [
2182
+ {
2183
+ "kind": "js",
2184
+ "name": "*",
2185
+ "declaration": {
2186
+ "name": "*",
2187
+ "package": "./card.component"
2188
+ }
2189
+ },
2190
+ {
2191
+ "kind": "js",
2192
+ "name": "default",
2193
+ "declaration": {
2194
+ "name": "FlowUiCard",
2195
+ "module": "components/card/card.js"
2196
+ }
2197
+ }
2198
+ ]
2199
+ },
2082
2200
  {
2083
2201
  "kind": "javascript-module",
2084
2202
  "path": "components/calendar/calendar.component.js",
@@ -2386,133 +2504,15 @@
2386
2504
  "kind": "js",
2387
2505
  "name": "default",
2388
2506
  "declaration": {
2389
- "name": "FlowUiCalendar",
2390
- "module": "components/calendar/calendar.component.js"
2391
- }
2392
- }
2393
- ]
2394
- },
2395
- {
2396
- "kind": "javascript-module",
2397
- "path": "components/calendar/calendar.js",
2398
- "declarations": [],
2399
- "exports": [
2400
- {
2401
- "kind": "js",
2402
- "name": "*",
2403
- "declaration": {
2404
- "name": "*",
2405
- "package": "./calendar.component"
2406
- }
2407
- },
2408
- {
2409
- "kind": "js",
2410
- "name": "default",
2411
- "declaration": {
2412
- "name": "FlowUiCalendar",
2413
- "module": "components/calendar/calendar.js"
2414
- }
2415
- }
2416
- ]
2417
- },
2418
- {
2419
- "kind": "javascript-module",
2420
- "path": "components/card/card.component.js",
2421
- "declarations": [
2422
- {
2423
- "kind": "class",
2424
- "description": "",
2425
- "name": "FlowUiCard",
2426
- "cssProperties": [
2427
- {
2428
- "description": "The card's border color, including borders that occur inside the card.",
2429
- "name": "--border-color"
2430
- },
2431
- {
2432
- "description": "The border radius for the card's edges.",
2433
- "name": "--border-radius"
2434
- },
2435
- {
2436
- "description": "The width of the card's borders.",
2437
- "name": "--border-width"
2438
- },
2439
- {
2440
- "description": "The padding to use for the card's sections.",
2441
- "name": "--padding"
2442
- }
2443
- ],
2444
- "cssParts": [
2445
- {
2446
- "description": "The component's base wrapper.",
2447
- "name": "base"
2448
- },
2449
- {
2450
- "description": "The container that wraps the card's image.",
2451
- "name": "image"
2452
- },
2453
- {
2454
- "description": "The container that wraps the card's header.",
2455
- "name": "header"
2456
- },
2457
- {
2458
- "description": "The container that wraps the card's main content.",
2459
- "name": "body"
2460
- },
2461
- {
2462
- "description": "The container that wraps the card's footer.",
2463
- "name": "footer"
2464
- }
2465
- ],
2466
- "slots": [
2467
- {
2468
- "description": "The card's main content.",
2469
- "name": ""
2470
- },
2471
- {
2472
- "description": "An optional header for the card.",
2473
- "name": "header"
2474
- },
2475
- {
2476
- "description": "An optional footer for the card.",
2477
- "name": "footer"
2478
- },
2479
- {
2480
- "description": "An optional image to render at the start of the card.",
2481
- "name": "image"
2482
- }
2483
- ],
2484
- "members": [
2485
- {
2486
- "kind": "field",
2487
- "name": "hasSlotController",
2488
- "privacy": "private",
2489
- "readonly": true,
2490
- "default": "new HasSlotController(this, 'footer', 'header', 'image')"
2491
- }
2492
- ],
2493
- "superclass": {
2494
- "name": "FlowRdfElement",
2495
- "module": "/src/internal/flow-ui-rdf-element"
2496
- },
2497
- "tagName": "flow-ui-card",
2498
- "summary": "Cards can be used to group related subjects in a container.",
2499
- "customElement": true
2500
- }
2501
- ],
2502
- "exports": [
2503
- {
2504
- "kind": "js",
2505
- "name": "default",
2506
- "declaration": {
2507
- "name": "FlowUiCard",
2508
- "module": "components/card/card.component.js"
2507
+ "name": "FlowUiCalendar",
2508
+ "module": "components/calendar/calendar.component.js"
2509
2509
  }
2510
2510
  }
2511
2511
  ]
2512
2512
  },
2513
2513
  {
2514
2514
  "kind": "javascript-module",
2515
- "path": "components/card/card.js",
2515
+ "path": "components/calendar/calendar.js",
2516
2516
  "declarations": [],
2517
2517
  "exports": [
2518
2518
  {
@@ -2520,15 +2520,15 @@
2520
2520
  "name": "*",
2521
2521
  "declaration": {
2522
2522
  "name": "*",
2523
- "package": "./card.component"
2523
+ "package": "./calendar.component"
2524
2524
  }
2525
2525
  },
2526
2526
  {
2527
2527
  "kind": "js",
2528
2528
  "name": "default",
2529
2529
  "declaration": {
2530
- "name": "FlowUiCard",
2531
- "module": "components/card/card.js"
2530
+ "name": "FlowUiCalendar",
2531
+ "module": "components/calendar/calendar.js"
2532
2532
  }
2533
2533
  }
2534
2534
  ]
@@ -13477,254 +13477,24 @@
13477
13477
  },
13478
13478
  "default": "false",
13479
13479
  "description": "Display tree connector lines between query rules",
13480
- "fieldName": "treeLines"
13481
- }
13482
- ],
13483
- "superclass": {
13484
- "name": "FlowRdfElement",
13485
- "module": "/src/internal/flow-ui-rdf-element"
13486
- },
13487
- "tagName": "flow-ui-query-builder",
13488
- "summary": "Query builder component",
13489
- "dependencies": [
13490
- "flow-ui-input",
13491
- "flow-ui-select",
13492
- "flow-ui-option",
13493
- "flow-ui-checkbox",
13494
- "flow-ui-icon-button",
13495
- "flow-ui-tool-button",
13496
- "flow-ui-date-time-picker",
13497
- "flow-ui-tooltip"
13498
- ],
13499
- "customElement": true
13500
- }
13501
- ],
13502
- "exports": [
13503
- {
13504
- "kind": "js",
13505
- "name": "default",
13506
- "declaration": {
13507
- "name": "FlowUiQueryBuilder",
13508
- "module": "components/query-builder/query-builder.component.js"
13509
- }
13510
- }
13511
- ]
13512
- },
13513
- {
13514
- "kind": "javascript-module",
13515
- "path": "components/query-builder/query-builder.js",
13516
- "declarations": [],
13517
- "exports": [
13518
- {
13519
- "kind": "js",
13520
- "name": "*",
13521
- "declaration": {
13522
- "name": "*",
13523
- "package": "./query-builder.component"
13524
- }
13525
- },
13526
- {
13527
- "kind": "js",
13528
- "name": "default",
13529
- "declaration": {
13530
- "name": "FlowUiQueryBuilder",
13531
- "module": "components/query-builder/query-builder.js"
13532
- }
13533
- }
13534
- ]
13535
- },
13536
- {
13537
- "kind": "javascript-module",
13538
- "path": "components/query-builder/types.js",
13539
- "declarations": [],
13540
- "exports": []
13541
- },
13542
- {
13543
- "kind": "javascript-module",
13544
- "path": "components/radio/radio.component.js",
13545
- "declarations": [
13546
- {
13547
- "kind": "class",
13548
- "description": "",
13549
- "name": "FlowUiRadio",
13550
- "cssParts": [
13551
- {
13552
- "description": "The component's base wrapper.",
13553
- "name": "base"
13554
- },
13555
- {
13556
- "description": "The circular container that wraps the radio's checked state.",
13557
- "name": "control"
13558
- },
13559
- {
13560
- "description": "The radio control when the radio is checked.",
13561
- "name": "control--checked"
13562
- },
13563
- {
13564
- "description": "The checked icon, an `<flow-ui-icon>` element.",
13565
- "name": "checked-icon"
13566
- },
13567
- {
13568
- "description": "The container that wraps the radio's label.",
13569
- "name": "label"
13570
- }
13571
- ],
13572
- "slots": [
13573
- {
13574
- "description": "The radio's label.",
13575
- "name": ""
13576
- }
13577
- ],
13578
- "members": [
13579
- {
13580
- "kind": "field",
13581
- "name": "value",
13582
- "type": {
13583
- "text": "string"
13584
- },
13585
- "description": "The radio's value. When selected, the radio group will receive this value.",
13586
- "attribute": "value"
13587
- },
13588
- {
13589
- "kind": "field",
13590
- "name": "size",
13591
- "type": {
13592
- "text": "'small' | 'medium' | 'large'"
13593
- },
13594
- "default": "'medium'",
13595
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
13596
- "attribute": "size",
13597
- "reflects": true
13598
- },
13599
- {
13600
- "kind": "field",
13601
- "name": "variant",
13602
- "type": {
13603
- "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
13604
- },
13605
- "default": "'secondary'",
13606
- "description": "The radio's variant color.",
13607
- "attribute": "variant"
13608
- },
13609
- {
13610
- "kind": "field",
13611
- "name": "disabled",
13612
- "type": {
13613
- "text": "boolean"
13614
- },
13615
- "default": "false",
13616
- "description": "Disables the radio.",
13617
- "attribute": "disabled",
13618
- "reflects": true
13619
- },
13620
- {
13621
- "kind": "field",
13622
- "name": "fullWidth",
13623
- "type": {
13624
- "text": "boolean"
13625
- },
13626
- "default": "false",
13627
- "description": "Display the radio using the alternative 'full-width' style with left-aligned label.",
13628
- "attribute": "full-width",
13629
- "reflects": true
13630
- },
13631
- {
13632
- "kind": "method",
13633
- "name": "addEventListeners",
13634
- "privacy": "private"
13635
- },
13636
- {
13637
- "kind": "method",
13638
- "name": "removeEventListeners",
13639
- "privacy": "private"
13640
- },
13641
- {
13642
- "kind": "method",
13643
- "name": "handleBlur",
13644
- "privacy": "private"
13645
- },
13646
- {
13647
- "kind": "method",
13648
- "name": "handleClick",
13649
- "privacy": "private"
13650
- },
13651
- {
13652
- "kind": "method",
13653
- "name": "handleFocus",
13654
- "privacy": "private"
13655
- },
13656
- {
13657
- "kind": "method",
13658
- "name": "setInitialAttributes",
13659
- "privacy": "private"
13660
- }
13661
- ],
13662
- "events": [
13663
- {
13664
- "description": "Emitted when the control loses focus.",
13665
- "name": "flow-ui-blur",
13666
- "reactName": "onFlowUiBlur"
13667
- },
13668
- {
13669
- "description": "Emitted when the control gains focus.",
13670
- "name": "flow-ui-focus",
13671
- "reactName": "onFlowUiFocus"
13672
- }
13673
- ],
13674
- "attributes": [
13675
- {
13676
- "name": "value",
13677
- "type": {
13678
- "text": "string"
13679
- },
13680
- "description": "The radio's value. When selected, the radio group will receive this value.",
13681
- "fieldName": "value"
13682
- },
13683
- {
13684
- "name": "size",
13685
- "type": {
13686
- "text": "'small' | 'medium' | 'large'"
13687
- },
13688
- "default": "'medium'",
13689
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
13690
- "fieldName": "size"
13691
- },
13692
- {
13693
- "name": "variant",
13694
- "type": {
13695
- "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
13696
- },
13697
- "default": "'secondary'",
13698
- "description": "The radio's variant color.",
13699
- "fieldName": "variant"
13700
- },
13701
- {
13702
- "name": "disabled",
13703
- "type": {
13704
- "text": "boolean"
13705
- },
13706
- "default": "false",
13707
- "description": "Disables the radio.",
13708
- "fieldName": "disabled"
13709
- },
13710
- {
13711
- "name": "full-width",
13712
- "type": {
13713
- "text": "boolean"
13714
- },
13715
- "default": "false",
13716
- "description": "Display the radio using the alternative 'full-width' style with left-aligned label.",
13717
- "fieldName": "fullWidth"
13480
+ "fieldName": "treeLines"
13718
13481
  }
13719
13482
  ],
13720
13483
  "superclass": {
13721
13484
  "name": "FlowRdfElement",
13722
13485
  "module": "/src/internal/flow-ui-rdf-element"
13723
13486
  },
13724
- "tagName": "flow-ui-radio",
13725
- "summary": "Radios allow the user to select a single option from a group.",
13487
+ "tagName": "flow-ui-query-builder",
13488
+ "summary": "Query builder component",
13726
13489
  "dependencies": [
13727
- "flow-ui-icon"
13490
+ "flow-ui-input",
13491
+ "flow-ui-select",
13492
+ "flow-ui-option",
13493
+ "flow-ui-checkbox",
13494
+ "flow-ui-icon-button",
13495
+ "flow-ui-tool-button",
13496
+ "flow-ui-date-time-picker",
13497
+ "flow-ui-tooltip"
13728
13498
  ],
13729
13499
  "customElement": true
13730
13500
  }
@@ -13734,15 +13504,15 @@
13734
13504
  "kind": "js",
13735
13505
  "name": "default",
13736
13506
  "declaration": {
13737
- "name": "FlowUiRadio",
13738
- "module": "components/radio/radio.component.js"
13507
+ "name": "FlowUiQueryBuilder",
13508
+ "module": "components/query-builder/query-builder.component.js"
13739
13509
  }
13740
13510
  }
13741
13511
  ]
13742
13512
  },
13743
13513
  {
13744
13514
  "kind": "javascript-module",
13745
- "path": "components/radio/radio.js",
13515
+ "path": "components/query-builder/query-builder.js",
13746
13516
  "declarations": [],
13747
13517
  "exports": [
13748
13518
  {
@@ -13750,19 +13520,25 @@
13750
13520
  "name": "*",
13751
13521
  "declaration": {
13752
13522
  "name": "*",
13753
- "package": "./radio.component"
13523
+ "package": "./query-builder.component"
13754
13524
  }
13755
13525
  },
13756
13526
  {
13757
13527
  "kind": "js",
13758
13528
  "name": "default",
13759
13529
  "declaration": {
13760
- "name": "FlowUiRadio",
13761
- "module": "components/radio/radio.js"
13530
+ "name": "FlowUiQueryBuilder",
13531
+ "module": "components/query-builder/query-builder.js"
13762
13532
  }
13763
13533
  }
13764
13534
  ]
13765
13535
  },
13536
+ {
13537
+ "kind": "javascript-module",
13538
+ "path": "components/query-builder/types.js",
13539
+ "declarations": [],
13540
+ "exports": []
13541
+ },
13766
13542
  {
13767
13543
  "kind": "javascript-module",
13768
13544
  "path": "components/radio-group/radio-group.component.js",
@@ -14865,6 +14641,230 @@
14865
14641
  }
14866
14642
  ]
14867
14643
  },
14644
+ {
14645
+ "kind": "javascript-module",
14646
+ "path": "components/radio/radio.component.js",
14647
+ "declarations": [
14648
+ {
14649
+ "kind": "class",
14650
+ "description": "",
14651
+ "name": "FlowUiRadio",
14652
+ "cssParts": [
14653
+ {
14654
+ "description": "The component's base wrapper.",
14655
+ "name": "base"
14656
+ },
14657
+ {
14658
+ "description": "The circular container that wraps the radio's checked state.",
14659
+ "name": "control"
14660
+ },
14661
+ {
14662
+ "description": "The radio control when the radio is checked.",
14663
+ "name": "control--checked"
14664
+ },
14665
+ {
14666
+ "description": "The checked icon, an `<flow-ui-icon>` element.",
14667
+ "name": "checked-icon"
14668
+ },
14669
+ {
14670
+ "description": "The container that wraps the radio's label.",
14671
+ "name": "label"
14672
+ }
14673
+ ],
14674
+ "slots": [
14675
+ {
14676
+ "description": "The radio's label.",
14677
+ "name": ""
14678
+ }
14679
+ ],
14680
+ "members": [
14681
+ {
14682
+ "kind": "field",
14683
+ "name": "value",
14684
+ "type": {
14685
+ "text": "string"
14686
+ },
14687
+ "description": "The radio's value. When selected, the radio group will receive this value.",
14688
+ "attribute": "value"
14689
+ },
14690
+ {
14691
+ "kind": "field",
14692
+ "name": "size",
14693
+ "type": {
14694
+ "text": "'small' | 'medium' | 'large'"
14695
+ },
14696
+ "default": "'medium'",
14697
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
14698
+ "attribute": "size",
14699
+ "reflects": true
14700
+ },
14701
+ {
14702
+ "kind": "field",
14703
+ "name": "variant",
14704
+ "type": {
14705
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
14706
+ },
14707
+ "default": "'secondary'",
14708
+ "description": "The radio's variant color.",
14709
+ "attribute": "variant"
14710
+ },
14711
+ {
14712
+ "kind": "field",
14713
+ "name": "disabled",
14714
+ "type": {
14715
+ "text": "boolean"
14716
+ },
14717
+ "default": "false",
14718
+ "description": "Disables the radio.",
14719
+ "attribute": "disabled",
14720
+ "reflects": true
14721
+ },
14722
+ {
14723
+ "kind": "field",
14724
+ "name": "fullWidth",
14725
+ "type": {
14726
+ "text": "boolean"
14727
+ },
14728
+ "default": "false",
14729
+ "description": "Display the radio using the alternative 'full-width' style with left-aligned label.",
14730
+ "attribute": "full-width",
14731
+ "reflects": true
14732
+ },
14733
+ {
14734
+ "kind": "method",
14735
+ "name": "addEventListeners",
14736
+ "privacy": "private"
14737
+ },
14738
+ {
14739
+ "kind": "method",
14740
+ "name": "removeEventListeners",
14741
+ "privacy": "private"
14742
+ },
14743
+ {
14744
+ "kind": "method",
14745
+ "name": "handleBlur",
14746
+ "privacy": "private"
14747
+ },
14748
+ {
14749
+ "kind": "method",
14750
+ "name": "handleClick",
14751
+ "privacy": "private"
14752
+ },
14753
+ {
14754
+ "kind": "method",
14755
+ "name": "handleFocus",
14756
+ "privacy": "private"
14757
+ },
14758
+ {
14759
+ "kind": "method",
14760
+ "name": "setInitialAttributes",
14761
+ "privacy": "private"
14762
+ }
14763
+ ],
14764
+ "events": [
14765
+ {
14766
+ "description": "Emitted when the control loses focus.",
14767
+ "name": "flow-ui-blur",
14768
+ "reactName": "onFlowUiBlur"
14769
+ },
14770
+ {
14771
+ "description": "Emitted when the control gains focus.",
14772
+ "name": "flow-ui-focus",
14773
+ "reactName": "onFlowUiFocus"
14774
+ }
14775
+ ],
14776
+ "attributes": [
14777
+ {
14778
+ "name": "value",
14779
+ "type": {
14780
+ "text": "string"
14781
+ },
14782
+ "description": "The radio's value. When selected, the radio group will receive this value.",
14783
+ "fieldName": "value"
14784
+ },
14785
+ {
14786
+ "name": "size",
14787
+ "type": {
14788
+ "text": "'small' | 'medium' | 'large'"
14789
+ },
14790
+ "default": "'medium'",
14791
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
14792
+ "fieldName": "size"
14793
+ },
14794
+ {
14795
+ "name": "variant",
14796
+ "type": {
14797
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
14798
+ },
14799
+ "default": "'secondary'",
14800
+ "description": "The radio's variant color.",
14801
+ "fieldName": "variant"
14802
+ },
14803
+ {
14804
+ "name": "disabled",
14805
+ "type": {
14806
+ "text": "boolean"
14807
+ },
14808
+ "default": "false",
14809
+ "description": "Disables the radio.",
14810
+ "fieldName": "disabled"
14811
+ },
14812
+ {
14813
+ "name": "full-width",
14814
+ "type": {
14815
+ "text": "boolean"
14816
+ },
14817
+ "default": "false",
14818
+ "description": "Display the radio using the alternative 'full-width' style with left-aligned label.",
14819
+ "fieldName": "fullWidth"
14820
+ }
14821
+ ],
14822
+ "superclass": {
14823
+ "name": "FlowRdfElement",
14824
+ "module": "/src/internal/flow-ui-rdf-element"
14825
+ },
14826
+ "tagName": "flow-ui-radio",
14827
+ "summary": "Radios allow the user to select a single option from a group.",
14828
+ "dependencies": [
14829
+ "flow-ui-icon"
14830
+ ],
14831
+ "customElement": true
14832
+ }
14833
+ ],
14834
+ "exports": [
14835
+ {
14836
+ "kind": "js",
14837
+ "name": "default",
14838
+ "declaration": {
14839
+ "name": "FlowUiRadio",
14840
+ "module": "components/radio/radio.component.js"
14841
+ }
14842
+ }
14843
+ ]
14844
+ },
14845
+ {
14846
+ "kind": "javascript-module",
14847
+ "path": "components/radio/radio.js",
14848
+ "declarations": [],
14849
+ "exports": [
14850
+ {
14851
+ "kind": "js",
14852
+ "name": "*",
14853
+ "declaration": {
14854
+ "name": "*",
14855
+ "package": "./radio.component"
14856
+ }
14857
+ },
14858
+ {
14859
+ "kind": "js",
14860
+ "name": "default",
14861
+ "declaration": {
14862
+ "name": "FlowUiRadio",
14863
+ "module": "components/radio/radio.js"
14864
+ }
14865
+ }
14866
+ ]
14867
+ },
14868
14868
  {
14869
14869
  "kind": "javascript-module",
14870
14870
  "path": "components/scroll-view/scroll-view.component.js",
@@ -22403,6 +22403,6 @@
22403
22403
  ],
22404
22404
  "package": {
22405
22405
  "name": "@emuanalytics/flow-rdf-ui",
22406
- "version": "4.0.8"
22406
+ "version": "4.0.10"
22407
22407
  }
22408
22408
  }