@emuanalytics/flow-rdf-ui 4.0.12 → 4.0.13

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/components/calendar/calendar.component.mjs +2 -2
  2. package/dist/custom-elements.json +928 -928
  3. package/dist/vscode.html-custom-data.json +92 -92
  4. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -267,160 +267,94 @@
267
267
  },
268
268
  {
269
269
  "kind": "javascript-module",
270
- "path": "components/avatar/avatar.component.js",
270
+ "path": "components/badge/badge.component.js",
271
271
  "declarations": [
272
272
  {
273
273
  "kind": "class",
274
274
  "description": "",
275
- "name": "FlowUiAvatar",
276
- "cssProperties": [
277
- {
278
- "description": "The size of the avatar.",
279
- "name": "--size"
280
- }
281
- ],
275
+ "name": "FlowUiBadge",
282
276
  "cssParts": [
283
277
  {
284
278
  "description": "The component's base wrapper.",
285
279
  "name": "base"
286
- },
287
- {
288
- "description": "The container that wraps the avatar's icon.",
289
- "name": "icon"
290
- },
291
- {
292
- "description": "The container that wraps the avatar's initials.",
293
- "name": "initials"
294
- },
295
- {
296
- "description": "The avatar image. Only shown when the `image` attribute is set.",
297
- "name": "image"
298
280
  }
299
281
  ],
300
282
  "slots": [
301
283
  {
302
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
303
- "name": "icon"
284
+ "description": "The badge's content.",
285
+ "name": ""
304
286
  }
305
287
  ],
306
288
  "members": [
307
289
  {
308
290
  "kind": "field",
309
- "name": "hasError",
310
- "type": {
311
- "text": "boolean"
312
- },
313
- "privacy": "private",
314
- "default": "false"
315
- },
316
- {
317
- "kind": "field",
318
- "name": "image",
319
- "type": {
320
- "text": "string"
321
- },
322
- "default": "''",
323
- "description": "The image source to use for the avatar.",
324
- "attribute": "image"
325
- },
326
- {
327
- "kind": "field",
328
- "name": "label",
329
- "type": {
330
- "text": "string"
331
- },
332
- "default": "''",
333
- "description": "A label to use to describe the avatar to assistive devices.",
334
- "attribute": "label"
335
- },
336
- {
337
- "kind": "field",
338
- "name": "initials",
291
+ "name": "variant",
339
292
  "type": {
340
- "text": "string"
293
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
341
294
  },
342
- "default": "''",
343
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
344
- "attribute": "initials"
295
+ "default": "'primary'",
296
+ "description": "The badge's theme variant.",
297
+ "attribute": "variant",
298
+ "reflects": true
345
299
  },
346
300
  {
347
301
  "kind": "field",
348
- "name": "loading",
302
+ "name": "pill",
349
303
  "type": {
350
- "text": "'eager' | 'lazy'"
304
+ "text": "boolean"
351
305
  },
352
- "default": "'eager'",
353
- "description": "Indicates how the browser should load the image.",
354
- "attribute": "loading"
306
+ "default": "false",
307
+ "description": "Draws a pill-style badge with rounded edges.",
308
+ "attribute": "pill",
309
+ "reflects": true
355
310
  },
356
311
  {
357
312
  "kind": "field",
358
- "name": "shape",
313
+ "name": "pulse",
359
314
  "type": {
360
- "text": "'circle' | 'square' | 'rounded'"
315
+ "text": "boolean"
361
316
  },
362
- "default": "'circle'",
363
- "description": "The shape of the avatar.",
364
- "attribute": "shape",
317
+ "default": "false",
318
+ "description": "Makes the badge pulsate to draw attention.",
319
+ "attribute": "pulse",
365
320
  "reflects": true
366
321
  }
367
322
  ],
368
323
  "attributes": [
369
324
  {
370
- "name": "image",
371
- "type": {
372
- "text": "string"
373
- },
374
- "default": "''",
375
- "description": "The image source to use for the avatar.",
376
- "fieldName": "image"
377
- },
378
- {
379
- "name": "label",
380
- "type": {
381
- "text": "string"
382
- },
383
- "default": "''",
384
- "description": "A label to use to describe the avatar to assistive devices.",
385
- "fieldName": "label"
386
- },
387
- {
388
- "name": "initials",
325
+ "name": "variant",
389
326
  "type": {
390
- "text": "string"
327
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
391
328
  },
392
- "default": "''",
393
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
394
- "fieldName": "initials"
329
+ "default": "'primary'",
330
+ "description": "The badge's theme variant.",
331
+ "fieldName": "variant"
395
332
  },
396
333
  {
397
- "name": "loading",
334
+ "name": "pill",
398
335
  "type": {
399
- "text": "'eager' | 'lazy'"
336
+ "text": "boolean"
400
337
  },
401
- "default": "'eager'",
402
- "description": "Indicates how the browser should load the image.",
403
- "fieldName": "loading"
338
+ "default": "false",
339
+ "description": "Draws a pill-style badge with rounded edges.",
340
+ "fieldName": "pill"
404
341
  },
405
342
  {
406
- "name": "shape",
343
+ "name": "pulse",
407
344
  "type": {
408
- "text": "'circle' | 'square' | 'rounded'"
345
+ "text": "boolean"
409
346
  },
410
- "default": "'circle'",
411
- "description": "The shape of the avatar.",
412
- "fieldName": "shape"
347
+ "default": "false",
348
+ "description": "Makes the badge pulsate to draw attention.",
349
+ "fieldName": "pulse"
413
350
  }
414
351
  ],
415
352
  "superclass": {
416
353
  "name": "FlowRdfElement",
417
354
  "module": "/src/internal/flow-ui-rdf-element"
418
355
  },
419
- "tagName": "flow-ui-avatar",
420
- "summary": "Avatars are used to represent a person or object.",
421
- "dependencies": [
422
- "flow-ui-icon"
423
- ],
356
+ "tagName": "flow-ui-badge",
357
+ "summary": "Badges are used to draw attention and display statuses or counts.",
424
358
  "customElement": true
425
359
  }
426
360
  ],
@@ -429,23 +363,23 @@
429
363
  "kind": "js",
430
364
  "name": "default",
431
365
  "declaration": {
432
- "name": "FlowUiAvatar",
433
- "module": "components/avatar/avatar.component.js"
366
+ "name": "FlowUiBadge",
367
+ "module": "components/badge/badge.component.js"
434
368
  }
435
369
  }
436
370
  ]
437
371
  },
438
372
  {
439
373
  "kind": "javascript-module",
440
- "path": "components/avatar/avatar.js",
374
+ "path": "components/badge/badge.js",
441
375
  "declarations": [],
442
376
  "exports": [
443
377
  {
444
378
  "kind": "js",
445
379
  "name": "default",
446
380
  "declaration": {
447
- "name": "FlowUiAvatar",
448
- "module": "components/avatar/avatar.js"
381
+ "name": "FlowUiBadge",
382
+ "module": "components/badge/badge.js"
449
383
  }
450
384
  }
451
385
  ]
@@ -1002,73 +936,46 @@
1002
936
  },
1003
937
  {
1004
938
  "kind": "javascript-module",
1005
- "path": "components/button/button.component.js",
939
+ "path": "components/avatar/avatar.component.js",
1006
940
  "declarations": [
1007
941
  {
1008
942
  "kind": "class",
1009
943
  "description": "",
1010
- "name": "FlowUiButton",
944
+ "name": "FlowUiAvatar",
945
+ "cssProperties": [
946
+ {
947
+ "description": "The size of the avatar.",
948
+ "name": "--size"
949
+ }
950
+ ],
1011
951
  "cssParts": [
1012
952
  {
1013
953
  "description": "The component's base wrapper.",
1014
954
  "name": "base"
1015
955
  },
1016
956
  {
1017
- "description": "The container that wraps the prefix.",
1018
- "name": "prefix"
1019
- },
1020
- {
1021
- "description": "The button's label.",
1022
- "name": "label"
957
+ "description": "The container that wraps the avatar's icon.",
958
+ "name": "icon"
1023
959
  },
1024
960
  {
1025
- "description": "The container that wraps the suffix.",
1026
- "name": "suffix"
961
+ "description": "The container that wraps the avatar's initials.",
962
+ "name": "initials"
1027
963
  },
1028
964
  {
1029
- "description": "The button's caret icon, an `<flow-ui-icon>` element.",
1030
- "name": "caret"
965
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
966
+ "name": "image"
1031
967
  }
1032
968
  ],
1033
969
  "slots": [
1034
970
  {
1035
- "description": "The button's label.",
1036
- "name": ""
1037
- },
1038
- {
1039
- "description": "A presentational prefix icon or similar element.",
1040
- "name": "prefix"
1041
- },
1042
- {
1043
- "description": "A presentational suffix icon or similar element.",
1044
- "name": "suffix"
971
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
972
+ "name": "icon"
1045
973
  }
1046
974
  ],
1047
975
  "members": [
1048
976
  {
1049
977
  "kind": "field",
1050
- "name": "formControlController",
1051
- "privacy": "private",
1052
- "readonly": true,
1053
- "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 })"
1054
- },
1055
- {
1056
- "kind": "field",
1057
- "name": "hasSlotController",
1058
- "privacy": "private",
1059
- "readonly": true,
1060
- "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
1061
- },
1062
- {
1063
- "kind": "field",
1064
- "name": "localize",
1065
- "privacy": "private",
1066
- "readonly": true,
1067
- "default": "new LocalizeController(this)"
1068
- },
1069
- {
1070
- "kind": "field",
1071
- "name": "hasFocus",
978
+ "name": "hasError",
1072
979
  "type": {
1073
980
  "text": "boolean"
1074
981
  },
@@ -1077,669 +984,825 @@
1077
984
  },
1078
985
  {
1079
986
  "kind": "field",
1080
- "name": "title",
987
+ "name": "image",
1081
988
  "type": {
1082
989
  "text": "string"
1083
990
  },
1084
991
  "default": "''",
1085
- "attribute": "title"
992
+ "description": "The image source to use for the avatar.",
993
+ "attribute": "image"
1086
994
  },
1087
995
  {
1088
996
  "kind": "field",
1089
- "name": "variant",
997
+ "name": "label",
1090
998
  "type": {
1091
- "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
999
+ "text": "string"
1092
1000
  },
1093
- "default": "'default'",
1094
- "description": "The button's theme variant.",
1095
- "attribute": "variant",
1096
- "reflects": true
1001
+ "default": "''",
1002
+ "description": "A label to use to describe the avatar to assistive devices.",
1003
+ "attribute": "label"
1097
1004
  },
1098
1005
  {
1099
1006
  "kind": "field",
1100
- "name": "size",
1007
+ "name": "initials",
1101
1008
  "type": {
1102
- "text": "'small' | 'medium' | 'large'"
1009
+ "text": "string"
1103
1010
  },
1104
- "default": "'medium'",
1105
- "description": "The button's size.",
1106
- "attribute": "size",
1107
- "reflects": true
1011
+ "default": "''",
1012
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1013
+ "attribute": "initials"
1108
1014
  },
1109
1015
  {
1110
1016
  "kind": "field",
1111
- "name": "caret",
1017
+ "name": "loading",
1112
1018
  "type": {
1113
- "text": "boolean"
1019
+ "text": "'eager' | 'lazy'"
1114
1020
  },
1115
- "default": "false",
1116
- "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1117
- "attribute": "caret",
1118
- "reflects": true
1021
+ "default": "'eager'",
1022
+ "description": "Indicates how the browser should load the image.",
1023
+ "attribute": "loading"
1119
1024
  },
1120
1025
  {
1121
1026
  "kind": "field",
1122
- "name": "disabled",
1027
+ "name": "shape",
1123
1028
  "type": {
1124
- "text": "boolean"
1029
+ "text": "'circle' | 'square' | 'rounded'"
1125
1030
  },
1126
- "default": "false",
1127
- "description": "Disables the button.",
1128
- "attribute": "disabled",
1031
+ "default": "'circle'",
1032
+ "description": "The shape of the avatar.",
1033
+ "attribute": "shape",
1129
1034
  "reflects": true
1130
- },
1035
+ }
1036
+ ],
1037
+ "attributes": [
1131
1038
  {
1132
- "kind": "field",
1133
- "name": "loading",
1039
+ "name": "image",
1134
1040
  "type": {
1135
- "text": "boolean"
1041
+ "text": "string"
1136
1042
  },
1137
- "default": "false",
1138
- "description": "Draws the button in a loading state.",
1139
- "attribute": "loading",
1140
- "reflects": true
1043
+ "default": "''",
1044
+ "description": "The image source to use for the avatar.",
1045
+ "fieldName": "image"
1141
1046
  },
1142
1047
  {
1143
- "kind": "field",
1144
- "name": "outline",
1048
+ "name": "label",
1145
1049
  "type": {
1146
- "text": "boolean"
1050
+ "text": "string"
1147
1051
  },
1148
- "default": "false",
1149
- "description": "Draws an outlined button.",
1150
- "attribute": "outline",
1151
- "reflects": true
1052
+ "default": "''",
1053
+ "description": "A label to use to describe the avatar to assistive devices.",
1054
+ "fieldName": "label"
1152
1055
  },
1153
1056
  {
1154
- "kind": "field",
1155
- "name": "pill",
1057
+ "name": "initials",
1156
1058
  "type": {
1157
- "text": "boolean"
1059
+ "text": "string"
1158
1060
  },
1159
- "default": "false",
1160
- "description": "Draws a pill-style button with rounded edges.",
1161
- "attribute": "pill",
1162
- "reflects": true
1061
+ "default": "''",
1062
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1063
+ "fieldName": "initials"
1163
1064
  },
1164
1065
  {
1165
- "kind": "field",
1166
- "name": "fabCircle",
1066
+ "name": "loading",
1167
1067
  "type": {
1168
- "text": "boolean"
1068
+ "text": "'eager' | 'lazy'"
1169
1069
  },
1170
- "default": "false",
1171
- "description": "Draws a circular FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1172
- "attribute": "fab-circle",
1173
- "reflects": true
1070
+ "default": "'eager'",
1071
+ "description": "Indicates how the browser should load the image.",
1072
+ "fieldName": "loading"
1174
1073
  },
1175
1074
  {
1176
- "kind": "field",
1177
- "name": "fabSquare",
1075
+ "name": "shape",
1178
1076
  "type": {
1179
- "text": "boolean"
1077
+ "text": "'circle' | 'square' | 'rounded'"
1180
1078
  },
1181
- "default": "false",
1182
- "description": "Draws a square FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1183
- "attribute": "fab-square",
1184
- "reflects": true
1185
- },
1079
+ "default": "'circle'",
1080
+ "description": "The shape of the avatar.",
1081
+ "fieldName": "shape"
1082
+ }
1083
+ ],
1084
+ "superclass": {
1085
+ "name": "FlowRdfElement",
1086
+ "module": "/src/internal/flow-ui-rdf-element"
1087
+ },
1088
+ "tagName": "flow-ui-avatar",
1089
+ "summary": "Avatars are used to represent a person or object.",
1090
+ "dependencies": [
1091
+ "flow-ui-icon"
1092
+ ],
1093
+ "customElement": true
1094
+ }
1095
+ ],
1096
+ "exports": [
1097
+ {
1098
+ "kind": "js",
1099
+ "name": "default",
1100
+ "declaration": {
1101
+ "name": "FlowUiAvatar",
1102
+ "module": "components/avatar/avatar.component.js"
1103
+ }
1104
+ }
1105
+ ]
1106
+ },
1107
+ {
1108
+ "kind": "javascript-module",
1109
+ "path": "components/avatar/avatar.js",
1110
+ "declarations": [],
1111
+ "exports": [
1112
+ {
1113
+ "kind": "js",
1114
+ "name": "default",
1115
+ "declaration": {
1116
+ "name": "FlowUiAvatar",
1117
+ "module": "components/avatar/avatar.js"
1118
+ }
1119
+ }
1120
+ ]
1121
+ },
1122
+ {
1123
+ "kind": "javascript-module",
1124
+ "path": "components/calendar/calendar.component.js",
1125
+ "declarations": [
1126
+ {
1127
+ "kind": "class",
1128
+ "description": "",
1129
+ "name": "FlowUiCalendar",
1130
+ "cssProperties": [
1186
1131
  {
1187
- "kind": "field",
1188
- "name": "type",
1189
- "type": {
1190
- "text": "'button' | 'submit' | 'reset'"
1191
- },
1192
- "default": "'button'",
1193
- "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.",
1194
- "attribute": "type"
1132
+ "description": "The width of the calendar in CSS units. Set automatically if `size` is set.",
1133
+ "name": "--width"
1195
1134
  },
1196
1135
  {
1197
- "kind": "field",
1198
- "name": "name",
1199
- "type": {
1200
- "text": "string"
1201
- },
1202
- "default": "''",
1203
- "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.",
1204
- "attribute": "name"
1136
+ "description": "The font size of the calendar. Set automatically if `size` is set.",
1137
+ "name": "--font-size"
1205
1138
  },
1206
1139
  {
1207
- "kind": "field",
1208
- "name": "value",
1209
- "type": {
1210
- "text": "string"
1211
- },
1212
- "default": "''",
1213
- "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.",
1214
- "attribute": "value"
1215
- },
1140
+ "description": "The font size of the day labels. Set automatically if `size` is set.",
1141
+ "name": "--day-font-size"
1142
+ }
1143
+ ],
1144
+ "cssParts": [
1216
1145
  {
1217
- "kind": "field",
1218
- "name": "href",
1219
- "type": {
1220
- "text": "string"
1221
- },
1222
- "default": "''",
1223
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1224
- "attribute": "href"
1225
- },
1146
+ "description": "The component's base wrapper.",
1147
+ "name": "base"
1148
+ }
1149
+ ],
1150
+ "members": [
1226
1151
  {
1227
1152
  "kind": "field",
1228
- "name": "target",
1153
+ "name": "_monthSelect",
1229
1154
  "type": {
1230
- "text": "'_blank' | '_parent' | '_self' | '_top'"
1155
+ "text": "FlowSelect"
1231
1156
  },
1232
- "description": "Tells the browser where to open the link. Only used when `href` is present.",
1233
- "attribute": "target"
1157
+ "privacy": "private"
1234
1158
  },
1235
1159
  {
1236
1160
  "kind": "field",
1237
- "name": "rel",
1161
+ "name": "_yearSelect",
1238
1162
  "type": {
1239
- "text": "string"
1163
+ "text": "FlowSelect"
1240
1164
  },
1241
- "default": "'noreferrer noopener'",
1242
- "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.",
1243
- "attribute": "rel"
1165
+ "privacy": "private"
1244
1166
  },
1245
1167
  {
1246
1168
  "kind": "field",
1247
- "name": "download",
1169
+ "name": "_displayDate",
1248
1170
  "type": {
1249
- "text": "string | undefined"
1171
+ "text": "DateTime<true>"
1250
1172
  },
1251
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1252
- "attribute": "download"
1173
+ "privacy": "private"
1253
1174
  },
1254
1175
  {
1255
1176
  "kind": "field",
1256
- "name": "form",
1177
+ "name": "_selectedDate",
1257
1178
  "type": {
1258
- "text": "string"
1179
+ "text": "DateTime<true> | undefined"
1259
1180
  },
1260
- "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.",
1261
- "attribute": "form"
1181
+ "privacy": "private"
1262
1182
  },
1263
1183
  {
1264
1184
  "kind": "field",
1265
- "name": "formAction",
1185
+ "name": "value",
1266
1186
  "type": {
1267
1187
  "text": "string"
1268
1188
  },
1269
- "description": "Used to override the form owner's `action` attribute.",
1270
- "attribute": "formaction"
1189
+ "description": "The value of the control. (ISO8601 date/time string)",
1190
+ "attribute": "value",
1191
+ "reflects": true
1271
1192
  },
1272
1193
  {
1273
1194
  "kind": "field",
1274
- "name": "formEnctype",
1195
+ "name": "displayMode",
1275
1196
  "type": {
1276
- "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1197
+ "text": "'date' | 'time' | 'datetime'"
1277
1198
  },
1278
- "description": "Used to override the form owner's `enctype` attribute.",
1279
- "attribute": "formenctype"
1199
+ "default": "'date'",
1200
+ "description": "Select whether to show date only, time only or both date and time.",
1201
+ "attribute": "display-mode"
1280
1202
  },
1281
1203
  {
1282
1204
  "kind": "field",
1283
- "name": "formMethod",
1205
+ "name": "timezone",
1284
1206
  "type": {
1285
- "text": "'post' | 'get'"
1207
+ "text": "string | undefined"
1286
1208
  },
1287
- "description": "Used to override the form owner's `method` attribute.",
1288
- "attribute": "formmethod"
1209
+ "description": "Set the timezone for display. If not set the default timezone will be used. (TZ name e.g. `'Europe/London'`)",
1210
+ "attribute": "timezone"
1289
1211
  },
1290
1212
  {
1291
1213
  "kind": "field",
1292
- "name": "formNoValidate",
1214
+ "name": "locale",
1293
1215
  "type": {
1294
- "text": "boolean"
1216
+ "text": "string | undefined"
1295
1217
  },
1296
- "description": "Used to override the form owner's `novalidate` attribute.",
1297
- "attribute": "formnovalidate"
1218
+ "description": "Set the locale for display. If not set the default locale will be used. (e.g `'en-GB'`)",
1219
+ "attribute": "locale"
1298
1220
  },
1299
1221
  {
1300
1222
  "kind": "field",
1301
- "name": "formTarget",
1223
+ "name": "size",
1302
1224
  "type": {
1303
- "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1225
+ "text": "'small' | 'medium' | 'large'"
1304
1226
  },
1305
- "description": "Used to override the form owner's `target` attribute.",
1306
- "attribute": "formtarget"
1227
+ "default": "'medium'",
1228
+ "description": "Set the size of the calendar.",
1229
+ "attribute": "size"
1307
1230
  },
1308
1231
  {
1309
- "kind": "field",
1310
- "name": "validity",
1311
- "description": "Gets the validity state object",
1312
- "readonly": true
1313
- },
1314
- {
1315
- "kind": "field",
1316
- "name": "validationMessage",
1317
- "description": "Gets the validation message",
1318
- "readonly": true
1319
- },
1320
- {
1321
- "kind": "method",
1322
- "name": "handleBlur",
1323
- "privacy": "private"
1324
- },
1325
- {
1326
- "kind": "method",
1327
- "name": "handleFocus",
1328
- "privacy": "private"
1329
- },
1330
- {
1331
- "kind": "method",
1332
- "name": "handleClick",
1333
- "privacy": "private"
1232
+ "kind": "method",
1233
+ "name": "dateClicked",
1234
+ "privacy": "private",
1235
+ "parameters": [
1236
+ {
1237
+ "name": "val",
1238
+ "type": {
1239
+ "text": "string"
1240
+ }
1241
+ }
1242
+ ]
1334
1243
  },
1335
1244
  {
1336
1245
  "kind": "method",
1337
- "name": "handleHostClick",
1246
+ "name": "stepDisplayDate",
1338
1247
  "privacy": "private",
1339
1248
  "parameters": [
1340
1249
  {
1341
- "name": "event",
1250
+ "name": "duration",
1342
1251
  "type": {
1343
- "text": "MouseEvent"
1252
+ "text": "DurationLike"
1344
1253
  }
1345
1254
  }
1346
1255
  ]
1347
1256
  },
1348
1257
  {
1349
1258
  "kind": "method",
1350
- "name": "handleInvalid",
1259
+ "name": "yearOptionsForDate",
1351
1260
  "privacy": "private",
1261
+ "return": {
1262
+ "type": {
1263
+ "text": "number[]"
1264
+ }
1265
+ },
1352
1266
  "parameters": [
1353
1267
  {
1354
- "name": "event",
1268
+ "name": "date",
1355
1269
  "type": {
1356
- "text": "Event"
1270
+ "text": "DateTime"
1357
1271
  }
1358
1272
  }
1359
- ]
1360
- },
1361
- {
1362
- "kind": "method",
1363
- "name": "isButton",
1364
- "privacy": "private"
1273
+ ],
1274
+ "description": "Generate a list of years for the year select dropdown"
1365
1275
  },
1366
1276
  {
1367
1277
  "kind": "method",
1368
- "name": "isLink",
1369
- "privacy": "private"
1278
+ "name": "makeDate",
1279
+ "privacy": "private",
1280
+ "return": {
1281
+ "type": {
1282
+ "text": "DateTime<true> | undefined"
1283
+ }
1284
+ },
1285
+ "parameters": [
1286
+ {
1287
+ "name": "d",
1288
+ "optional": true,
1289
+ "type": {
1290
+ "text": "string"
1291
+ }
1292
+ }
1293
+ ]
1370
1294
  },
1371
1295
  {
1372
1296
  "kind": "method",
1373
- "name": "click",
1374
- "description": "Simulates a click on the button."
1297
+ "name": "updateValue",
1298
+ "privacy": "private",
1299
+ "parameters": [
1300
+ {
1301
+ "name": "emitEvents",
1302
+ "default": "true"
1303
+ }
1304
+ ]
1375
1305
  },
1376
1306
  {
1377
1307
  "kind": "method",
1378
- "name": "focus",
1308
+ "name": "handleHeaderSelectChange",
1309
+ "privacy": "private",
1379
1310
  "parameters": [
1380
1311
  {
1381
- "name": "options",
1382
- "optional": true,
1312
+ "name": "ev",
1383
1313
  "type": {
1384
- "text": "FocusOptions"
1314
+ "text": "FlowChangeEvent"
1385
1315
  }
1386
1316
  }
1387
- ],
1388
- "description": "Sets focus on the button."
1317
+ ]
1389
1318
  },
1390
1319
  {
1391
1320
  "kind": "method",
1392
- "name": "blur",
1393
- "description": "Removes focus from the button."
1321
+ "name": "handleTimeChange",
1322
+ "privacy": "private",
1323
+ "parameters": [
1324
+ {
1325
+ "name": "ev",
1326
+ "type": {
1327
+ "text": "FlowChangeEvent"
1328
+ }
1329
+ }
1330
+ ]
1394
1331
  },
1395
1332
  {
1396
1333
  "kind": "method",
1397
- "name": "checkValidity",
1398
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1334
+ "name": "calendarHeaderTemplate",
1335
+ "privacy": "private"
1399
1336
  },
1400
1337
  {
1401
1338
  "kind": "method",
1402
- "name": "getForm",
1403
- "return": {
1404
- "type": {
1405
- "text": "HTMLFormElement | null"
1406
- }
1407
- },
1408
- "description": "Gets the associated form, if one exists."
1339
+ "name": "dayOfWeekGridTemplate",
1340
+ "privacy": "private"
1409
1341
  },
1410
1342
  {
1411
1343
  "kind": "method",
1412
- "name": "reportValidity",
1413
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1344
+ "name": "dayGridTemplate",
1345
+ "privacy": "private"
1414
1346
  },
1415
1347
  {
1416
1348
  "kind": "method",
1417
- "name": "setCustomValidity",
1418
- "parameters": [
1419
- {
1420
- "name": "message",
1421
- "type": {
1422
- "text": "string"
1423
- }
1424
- }
1425
- ],
1426
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
1349
+ "name": "timeTemplate",
1350
+ "privacy": "private"
1427
1351
  }
1428
1352
  ],
1429
1353
  "events": [
1430
1354
  {
1431
- "description": "Emitted when the button loses focus.",
1432
- "name": "flow-ui-blur",
1433
- "reactName": "onFlowUiBlur"
1434
- },
1435
- {
1436
- "description": "Emitted when the button gains focus.",
1437
- "name": "flow-ui-focus",
1438
- "reactName": "onFlowUiFocus"
1355
+ "description": "Emitted when the calendar value changes.",
1356
+ "name": "flow-ui-input",
1357
+ "reactName": "onFlowUiInput"
1439
1358
  },
1440
1359
  {
1441
- "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
1442
- "name": "flow-ui-invalid",
1443
- "reactName": "onFlowUiInvalid"
1360
+ "description": "Emitted when the calendar value changes.",
1361
+ "name": "flow-ui-change",
1362
+ "reactName": "onFlowUiChange"
1444
1363
  }
1445
1364
  ],
1446
1365
  "attributes": [
1447
1366
  {
1448
- "name": "title",
1367
+ "name": "value",
1449
1368
  "type": {
1450
1369
  "text": "string"
1451
1370
  },
1452
- "default": "''",
1453
- "fieldName": "title"
1371
+ "description": "The value of the control. (ISO8601 date/time string)",
1372
+ "fieldName": "value"
1454
1373
  },
1455
1374
  {
1456
- "name": "variant",
1375
+ "name": "display-mode",
1457
1376
  "type": {
1458
- "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
1377
+ "text": "'date' | 'time' | 'datetime'"
1459
1378
  },
1460
- "default": "'default'",
1461
- "description": "The button's theme variant.",
1462
- "fieldName": "variant"
1379
+ "default": "'date'",
1380
+ "description": "Select whether to show date only, time only or both date and time.",
1381
+ "fieldName": "displayMode"
1463
1382
  },
1464
1383
  {
1465
- "name": "size",
1384
+ "name": "timezone",
1466
1385
  "type": {
1467
- "text": "'small' | 'medium' | 'large'"
1386
+ "text": "string | undefined"
1468
1387
  },
1469
- "default": "'medium'",
1470
- "description": "The button's size.",
1471
- "fieldName": "size"
1388
+ "description": "Set the timezone for display. If not set the default timezone will be used. (TZ name e.g. `'Europe/London'`)",
1389
+ "fieldName": "timezone"
1472
1390
  },
1473
1391
  {
1474
- "name": "caret",
1392
+ "name": "locale",
1475
1393
  "type": {
1476
- "text": "boolean"
1394
+ "text": "string | undefined"
1477
1395
  },
1478
- "default": "false",
1479
- "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1480
- "fieldName": "caret"
1396
+ "description": "Set the locale for display. If not set the default locale will be used. (e.g `'en-GB'`)",
1397
+ "fieldName": "locale"
1481
1398
  },
1482
1399
  {
1483
- "name": "disabled",
1400
+ "name": "size",
1484
1401
  "type": {
1485
- "text": "boolean"
1402
+ "text": "'small' | 'medium' | 'large'"
1486
1403
  },
1487
- "default": "false",
1488
- "description": "Disables the button.",
1489
- "fieldName": "disabled"
1404
+ "default": "'medium'",
1405
+ "description": "Set the size of the calendar.",
1406
+ "fieldName": "size"
1407
+ }
1408
+ ],
1409
+ "superclass": {
1410
+ "name": "FlowRdfElement",
1411
+ "module": "/src/internal/flow-ui-rdf-element"
1412
+ },
1413
+ "tagName": "flow-ui-calendar",
1414
+ "summary": "A calendar component for selecting dates and times.",
1415
+ "dependencies": [
1416
+ "flow-ui-icon-button",
1417
+ "flow-ui-input",
1418
+ "flow-ui-select",
1419
+ "flow-ui-option"
1420
+ ],
1421
+ "customElement": true
1422
+ }
1423
+ ],
1424
+ "exports": [
1425
+ {
1426
+ "kind": "js",
1427
+ "name": "default",
1428
+ "declaration": {
1429
+ "name": "FlowUiCalendar",
1430
+ "module": "components/calendar/calendar.component.js"
1431
+ }
1432
+ }
1433
+ ]
1434
+ },
1435
+ {
1436
+ "kind": "javascript-module",
1437
+ "path": "components/calendar/calendar.js",
1438
+ "declarations": [],
1439
+ "exports": [
1440
+ {
1441
+ "kind": "js",
1442
+ "name": "*",
1443
+ "declaration": {
1444
+ "name": "*",
1445
+ "package": "./calendar.component"
1446
+ }
1447
+ },
1448
+ {
1449
+ "kind": "js",
1450
+ "name": "default",
1451
+ "declaration": {
1452
+ "name": "FlowUiCalendar",
1453
+ "module": "components/calendar/calendar.js"
1454
+ }
1455
+ }
1456
+ ]
1457
+ },
1458
+ {
1459
+ "kind": "javascript-module",
1460
+ "path": "components/button/button.component.js",
1461
+ "declarations": [
1462
+ {
1463
+ "kind": "class",
1464
+ "description": "",
1465
+ "name": "FlowUiButton",
1466
+ "cssParts": [
1467
+ {
1468
+ "description": "The component's base wrapper.",
1469
+ "name": "base"
1490
1470
  },
1491
1471
  {
1492
- "name": "loading",
1493
- "type": {
1494
- "text": "boolean"
1495
- },
1496
- "default": "false",
1497
- "description": "Draws the button in a loading state.",
1498
- "fieldName": "loading"
1472
+ "description": "The container that wraps the prefix.",
1473
+ "name": "prefix"
1499
1474
  },
1500
1475
  {
1501
- "name": "outline",
1476
+ "description": "The button's label.",
1477
+ "name": "label"
1478
+ },
1479
+ {
1480
+ "description": "The container that wraps the suffix.",
1481
+ "name": "suffix"
1482
+ },
1483
+ {
1484
+ "description": "The button's caret icon, an `<flow-ui-icon>` element.",
1485
+ "name": "caret"
1486
+ }
1487
+ ],
1488
+ "slots": [
1489
+ {
1490
+ "description": "The button's label.",
1491
+ "name": ""
1492
+ },
1493
+ {
1494
+ "description": "A presentational prefix icon or similar element.",
1495
+ "name": "prefix"
1496
+ },
1497
+ {
1498
+ "description": "A presentational suffix icon or similar element.",
1499
+ "name": "suffix"
1500
+ }
1501
+ ],
1502
+ "members": [
1503
+ {
1504
+ "kind": "field",
1505
+ "name": "formControlController",
1506
+ "privacy": "private",
1507
+ "readonly": true,
1508
+ "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 })"
1509
+ },
1510
+ {
1511
+ "kind": "field",
1512
+ "name": "hasSlotController",
1513
+ "privacy": "private",
1514
+ "readonly": true,
1515
+ "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
1516
+ },
1517
+ {
1518
+ "kind": "field",
1519
+ "name": "localize",
1520
+ "privacy": "private",
1521
+ "readonly": true,
1522
+ "default": "new LocalizeController(this)"
1523
+ },
1524
+ {
1525
+ "kind": "field",
1526
+ "name": "hasFocus",
1527
+ "type": {
1528
+ "text": "boolean"
1529
+ },
1530
+ "privacy": "private",
1531
+ "default": "false"
1532
+ },
1533
+ {
1534
+ "kind": "field",
1535
+ "name": "title",
1536
+ "type": {
1537
+ "text": "string"
1538
+ },
1539
+ "default": "''",
1540
+ "attribute": "title"
1541
+ },
1542
+ {
1543
+ "kind": "field",
1544
+ "name": "variant",
1545
+ "type": {
1546
+ "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
1547
+ },
1548
+ "default": "'default'",
1549
+ "description": "The button's theme variant.",
1550
+ "attribute": "variant",
1551
+ "reflects": true
1552
+ },
1553
+ {
1554
+ "kind": "field",
1555
+ "name": "size",
1556
+ "type": {
1557
+ "text": "'small' | 'medium' | 'large'"
1558
+ },
1559
+ "default": "'medium'",
1560
+ "description": "The button's size.",
1561
+ "attribute": "size",
1562
+ "reflects": true
1563
+ },
1564
+ {
1565
+ "kind": "field",
1566
+ "name": "caret",
1567
+ "type": {
1568
+ "text": "boolean"
1569
+ },
1570
+ "default": "false",
1571
+ "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1572
+ "attribute": "caret",
1573
+ "reflects": true
1574
+ },
1575
+ {
1576
+ "kind": "field",
1577
+ "name": "disabled",
1578
+ "type": {
1579
+ "text": "boolean"
1580
+ },
1581
+ "default": "false",
1582
+ "description": "Disables the button.",
1583
+ "attribute": "disabled",
1584
+ "reflects": true
1585
+ },
1586
+ {
1587
+ "kind": "field",
1588
+ "name": "loading",
1589
+ "type": {
1590
+ "text": "boolean"
1591
+ },
1592
+ "default": "false",
1593
+ "description": "Draws the button in a loading state.",
1594
+ "attribute": "loading",
1595
+ "reflects": true
1596
+ },
1597
+ {
1598
+ "kind": "field",
1599
+ "name": "outline",
1502
1600
  "type": {
1503
1601
  "text": "boolean"
1504
1602
  },
1505
1603
  "default": "false",
1506
1604
  "description": "Draws an outlined button.",
1507
- "fieldName": "outline"
1605
+ "attribute": "outline",
1606
+ "reflects": true
1508
1607
  },
1509
1608
  {
1609
+ "kind": "field",
1510
1610
  "name": "pill",
1511
1611
  "type": {
1512
1612
  "text": "boolean"
1513
1613
  },
1514
1614
  "default": "false",
1515
1615
  "description": "Draws a pill-style button with rounded edges.",
1516
- "fieldName": "pill"
1616
+ "attribute": "pill",
1617
+ "reflects": true
1517
1618
  },
1518
1619
  {
1519
- "name": "fab-circle",
1620
+ "kind": "field",
1621
+ "name": "fabCircle",
1520
1622
  "type": {
1521
1623
  "text": "boolean"
1522
1624
  },
1523
1625
  "default": "false",
1524
1626
  "description": "Draws a circular FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1525
- "fieldName": "fabCircle"
1627
+ "attribute": "fab-circle",
1628
+ "reflects": true
1526
1629
  },
1527
1630
  {
1528
- "name": "fab-square",
1631
+ "kind": "field",
1632
+ "name": "fabSquare",
1529
1633
  "type": {
1530
1634
  "text": "boolean"
1531
1635
  },
1532
1636
  "default": "false",
1533
1637
  "description": "Draws a square FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1534
- "fieldName": "fabSquare"
1638
+ "attribute": "fab-square",
1639
+ "reflects": true
1535
1640
  },
1536
1641
  {
1642
+ "kind": "field",
1537
1643
  "name": "type",
1538
1644
  "type": {
1539
1645
  "text": "'button' | 'submit' | 'reset'"
1540
1646
  },
1541
1647
  "default": "'button'",
1542
1648
  "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.",
1543
- "fieldName": "type"
1649
+ "attribute": "type"
1544
1650
  },
1545
1651
  {
1652
+ "kind": "field",
1546
1653
  "name": "name",
1547
1654
  "type": {
1548
1655
  "text": "string"
1549
1656
  },
1550
1657
  "default": "''",
1551
1658
  "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.",
1552
- "fieldName": "name"
1659
+ "attribute": "name"
1553
1660
  },
1554
1661
  {
1662
+ "kind": "field",
1555
1663
  "name": "value",
1556
1664
  "type": {
1557
1665
  "text": "string"
1558
1666
  },
1559
1667
  "default": "''",
1560
1668
  "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.",
1561
- "fieldName": "value"
1669
+ "attribute": "value"
1562
1670
  },
1563
1671
  {
1672
+ "kind": "field",
1564
1673
  "name": "href",
1565
1674
  "type": {
1566
1675
  "text": "string"
1567
1676
  },
1568
1677
  "default": "''",
1569
1678
  "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
1570
- "fieldName": "href"
1679
+ "attribute": "href"
1571
1680
  },
1572
1681
  {
1682
+ "kind": "field",
1573
1683
  "name": "target",
1574
1684
  "type": {
1575
1685
  "text": "'_blank' | '_parent' | '_self' | '_top'"
1576
1686
  },
1577
1687
  "description": "Tells the browser where to open the link. Only used when `href` is present.",
1578
- "fieldName": "target"
1688
+ "attribute": "target"
1579
1689
  },
1580
1690
  {
1691
+ "kind": "field",
1581
1692
  "name": "rel",
1582
1693
  "type": {
1583
1694
  "text": "string"
1584
1695
  },
1585
1696
  "default": "'noreferrer noopener'",
1586
1697
  "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.",
1587
- "fieldName": "rel"
1698
+ "attribute": "rel"
1588
1699
  },
1589
1700
  {
1701
+ "kind": "field",
1590
1702
  "name": "download",
1591
1703
  "type": {
1592
1704
  "text": "string | undefined"
1593
1705
  },
1594
1706
  "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1595
- "fieldName": "download"
1707
+ "attribute": "download"
1596
1708
  },
1597
1709
  {
1710
+ "kind": "field",
1598
1711
  "name": "form",
1599
1712
  "type": {
1600
1713
  "text": "string"
1601
1714
  },
1602
1715
  "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.",
1603
- "fieldName": "form"
1716
+ "attribute": "form"
1604
1717
  },
1605
1718
  {
1606
- "name": "formaction",
1719
+ "kind": "field",
1720
+ "name": "formAction",
1607
1721
  "type": {
1608
1722
  "text": "string"
1609
1723
  },
1610
1724
  "description": "Used to override the form owner's `action` attribute.",
1611
- "fieldName": "formAction"
1725
+ "attribute": "formaction"
1612
1726
  },
1613
1727
  {
1614
- "name": "formenctype",
1728
+ "kind": "field",
1729
+ "name": "formEnctype",
1615
1730
  "type": {
1616
1731
  "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1617
1732
  },
1618
1733
  "description": "Used to override the form owner's `enctype` attribute.",
1619
- "fieldName": "formEnctype"
1734
+ "attribute": "formenctype"
1620
1735
  },
1621
1736
  {
1622
- "name": "formmethod",
1737
+ "kind": "field",
1738
+ "name": "formMethod",
1623
1739
  "type": {
1624
1740
  "text": "'post' | 'get'"
1625
1741
  },
1626
1742
  "description": "Used to override the form owner's `method` attribute.",
1627
- "fieldName": "formMethod"
1743
+ "attribute": "formmethod"
1628
1744
  },
1629
1745
  {
1630
- "name": "formnovalidate",
1746
+ "kind": "field",
1747
+ "name": "formNoValidate",
1631
1748
  "type": {
1632
1749
  "text": "boolean"
1633
1750
  },
1634
1751
  "description": "Used to override the form owner's `novalidate` attribute.",
1635
- "fieldName": "formNoValidate"
1752
+ "attribute": "formnovalidate"
1636
1753
  },
1637
1754
  {
1638
- "name": "formtarget",
1755
+ "kind": "field",
1756
+ "name": "formTarget",
1639
1757
  "type": {
1640
1758
  "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1641
1759
  },
1642
1760
  "description": "Used to override the form owner's `target` attribute.",
1643
- "fieldName": "formTarget"
1644
- }
1645
- ],
1646
- "superclass": {
1647
- "name": "FlowRdfFormControl",
1648
- "module": "/src/internal/flow-ui-rdf-element"
1649
- },
1650
- "tagName": "flow-ui-button",
1651
- "summary": "Buttons represent actions that are available to the user.",
1652
- "dependencies": [
1653
- "flow-ui-icon",
1654
- "flow-ui-spinner"
1655
- ],
1656
- "customElement": true
1657
- }
1658
- ],
1659
- "exports": [
1660
- {
1661
- "kind": "js",
1662
- "name": "default",
1663
- "declaration": {
1664
- "name": "FlowUiButton",
1665
- "module": "components/button/button.component.js"
1666
- }
1667
- }
1668
- ]
1669
- },
1670
- {
1671
- "kind": "javascript-module",
1672
- "path": "components/button/button.js",
1673
- "declarations": [],
1674
- "exports": [
1675
- {
1676
- "kind": "js",
1677
- "name": "default",
1678
- "declaration": {
1679
- "name": "FlowUiButton",
1680
- "module": "components/button/button.js"
1681
- }
1682
- }
1683
- ]
1684
- },
1685
- {
1686
- "kind": "javascript-module",
1687
- "path": "components/button-group/button-group.component.js",
1688
- "declarations": [
1689
- {
1690
- "kind": "class",
1691
- "description": "",
1692
- "name": "FlowUiButtonGroup",
1693
- "cssParts": [
1694
- {
1695
- "description": "The component's base wrapper.",
1696
- "name": "base"
1697
- }
1698
- ],
1699
- "slots": [
1700
- {
1701
- "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1702
- "name": ""
1703
- }
1704
- ],
1705
- "members": [
1761
+ "attribute": "formtarget"
1762
+ },
1706
1763
  {
1707
1764
  "kind": "field",
1708
- "name": "label",
1709
- "type": {
1710
- "text": "string"
1711
- },
1712
- "default": "''",
1713
- "description": "Text label for assistive devices.",
1714
- "attribute": "label"
1765
+ "name": "validity",
1766
+ "description": "Gets the validity state object",
1767
+ "readonly": true
1715
1768
  },
1716
1769
  {
1717
1770
  "kind": "field",
1718
- "name": "vertical",
1719
- "type": {
1720
- "text": "boolean"
1721
- },
1722
- "default": "false",
1723
- "description": "Use vertical layout for the button group.",
1724
- "attribute": "vertical",
1725
- "reflects": true
1771
+ "name": "validationMessage",
1772
+ "description": "Gets the validation message",
1773
+ "readonly": true
1774
+ },
1775
+ {
1776
+ "kind": "method",
1777
+ "name": "handleBlur",
1778
+ "privacy": "private"
1726
1779
  },
1727
1780
  {
1728
1781
  "kind": "method",
1729
1782
  "name": "handleFocus",
1783
+ "privacy": "private"
1784
+ },
1785
+ {
1786
+ "kind": "method",
1787
+ "name": "handleClick",
1788
+ "privacy": "private"
1789
+ },
1790
+ {
1791
+ "kind": "method",
1792
+ "name": "handleHostClick",
1730
1793
  "privacy": "private",
1731
1794
  "parameters": [
1732
1795
  {
1733
1796
  "name": "event",
1734
1797
  "type": {
1735
- "text": "Event"
1798
+ "text": "MouseEvent"
1736
1799
  }
1737
1800
  }
1738
1801
  ]
1739
1802
  },
1740
1803
  {
1741
1804
  "kind": "method",
1742
- "name": "handleBlur",
1805
+ "name": "handleInvalid",
1743
1806
  "privacy": "private",
1744
1807
  "parameters": [
1745
1808
  {
@@ -1752,155 +1815,151 @@
1752
1815
  },
1753
1816
  {
1754
1817
  "kind": "method",
1755
- "name": "handleMouseOver",
1756
- "privacy": "private",
1818
+ "name": "isButton",
1819
+ "privacy": "private"
1820
+ },
1821
+ {
1822
+ "kind": "method",
1823
+ "name": "isLink",
1824
+ "privacy": "private"
1825
+ },
1826
+ {
1827
+ "kind": "method",
1828
+ "name": "click",
1829
+ "description": "Simulates a click on the button."
1830
+ },
1831
+ {
1832
+ "kind": "method",
1833
+ "name": "focus",
1757
1834
  "parameters": [
1758
1835
  {
1759
- "name": "event",
1836
+ "name": "options",
1837
+ "optional": true,
1760
1838
  "type": {
1761
- "text": "Event"
1839
+ "text": "FocusOptions"
1762
1840
  }
1763
1841
  }
1764
- ]
1842
+ ],
1843
+ "description": "Sets focus on the button."
1765
1844
  },
1766
1845
  {
1767
1846
  "kind": "method",
1768
- "name": "handleMouseOut",
1769
- "privacy": "private",
1847
+ "name": "blur",
1848
+ "description": "Removes focus from the button."
1849
+ },
1850
+ {
1851
+ "kind": "method",
1852
+ "name": "checkValidity",
1853
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1854
+ },
1855
+ {
1856
+ "kind": "method",
1857
+ "name": "getForm",
1858
+ "return": {
1859
+ "type": {
1860
+ "text": "HTMLFormElement | null"
1861
+ }
1862
+ },
1863
+ "description": "Gets the associated form, if one exists."
1864
+ },
1865
+ {
1866
+ "kind": "method",
1867
+ "name": "reportValidity",
1868
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1869
+ },
1870
+ {
1871
+ "kind": "method",
1872
+ "name": "setCustomValidity",
1770
1873
  "parameters": [
1771
1874
  {
1772
- "name": "event",
1875
+ "name": "message",
1773
1876
  "type": {
1774
- "text": "Event"
1877
+ "text": "string"
1775
1878
  }
1776
1879
  }
1777
- ]
1880
+ ],
1881
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
1882
+ }
1883
+ ],
1884
+ "events": [
1885
+ {
1886
+ "description": "Emitted when the button loses focus.",
1887
+ "name": "flow-ui-blur",
1888
+ "reactName": "onFlowUiBlur"
1778
1889
  },
1779
1890
  {
1780
- "kind": "method",
1781
- "name": "handleSlotChange",
1782
- "privacy": "private"
1891
+ "description": "Emitted when the button gains focus.",
1892
+ "name": "flow-ui-focus",
1893
+ "reactName": "onFlowUiFocus"
1894
+ },
1895
+ {
1896
+ "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
1897
+ "name": "flow-ui-invalid",
1898
+ "reactName": "onFlowUiInvalid"
1783
1899
  }
1784
1900
  ],
1785
1901
  "attributes": [
1786
1902
  {
1787
- "name": "label",
1903
+ "name": "title",
1788
1904
  "type": {
1789
1905
  "text": "string"
1790
1906
  },
1791
1907
  "default": "''",
1792
- "description": "Text label for assistive devices.",
1793
- "fieldName": "label"
1908
+ "fieldName": "title"
1794
1909
  },
1795
1910
  {
1796
- "name": "vertical",
1911
+ "name": "variant",
1797
1912
  "type": {
1798
- "text": "boolean"
1913
+ "text": "| 'default'\n | 'primary'\n | 'secondary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text'"
1799
1914
  },
1800
- "default": "false",
1801
- "description": "Use vertical layout for the button group.",
1802
- "fieldName": "vertical"
1803
- }
1804
- ],
1805
- "superclass": {
1806
- "name": "FlowRdfElement",
1807
- "module": "/src/internal/flow-ui-rdf-element"
1808
- },
1809
- "tagName": "flow-ui-button-group",
1810
- "summary": "Button groups can be used to group related buttons into sections.",
1811
- "customElement": true
1812
- }
1813
- ],
1814
- "exports": [
1815
- {
1816
- "kind": "js",
1817
- "name": "default",
1818
- "declaration": {
1819
- "name": "FlowUiButtonGroup",
1820
- "module": "components/button-group/button-group.component.js"
1821
- }
1822
- }
1823
- ]
1824
- },
1825
- {
1826
- "kind": "javascript-module",
1827
- "path": "components/button-group/button-group.js",
1828
- "declarations": [],
1829
- "exports": [
1830
- {
1831
- "kind": "js",
1832
- "name": "default",
1833
- "declaration": {
1834
- "name": "FlowUiButtonGroup",
1835
- "module": "components/button-group/button-group.js"
1836
- }
1837
- }
1838
- ]
1839
- },
1840
- {
1841
- "kind": "javascript-module",
1842
- "path": "components/badge/badge.component.js",
1843
- "declarations": [
1844
- {
1845
- "kind": "class",
1846
- "description": "",
1847
- "name": "FlowUiBadge",
1848
- "cssParts": [
1849
- {
1850
- "description": "The component's base wrapper.",
1851
- "name": "base"
1852
- }
1853
- ],
1854
- "slots": [
1915
+ "default": "'default'",
1916
+ "description": "The button's theme variant.",
1917
+ "fieldName": "variant"
1918
+ },
1855
1919
  {
1856
- "description": "The badge's content.",
1857
- "name": ""
1858
- }
1859
- ],
1860
- "members": [
1920
+ "name": "size",
1921
+ "type": {
1922
+ "text": "'small' | 'medium' | 'large'"
1923
+ },
1924
+ "default": "'medium'",
1925
+ "description": "The button's size.",
1926
+ "fieldName": "size"
1927
+ },
1861
1928
  {
1862
- "kind": "field",
1863
- "name": "variant",
1929
+ "name": "caret",
1864
1930
  "type": {
1865
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1931
+ "text": "boolean"
1866
1932
  },
1867
- "default": "'primary'",
1868
- "description": "The badge's theme variant.",
1869
- "attribute": "variant",
1870
- "reflects": true
1933
+ "default": "false",
1934
+ "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
1935
+ "fieldName": "caret"
1871
1936
  },
1872
1937
  {
1873
- "kind": "field",
1874
- "name": "pill",
1938
+ "name": "disabled",
1875
1939
  "type": {
1876
1940
  "text": "boolean"
1877
1941
  },
1878
1942
  "default": "false",
1879
- "description": "Draws a pill-style badge with rounded edges.",
1880
- "attribute": "pill",
1881
- "reflects": true
1943
+ "description": "Disables the button.",
1944
+ "fieldName": "disabled"
1882
1945
  },
1883
1946
  {
1884
- "kind": "field",
1885
- "name": "pulse",
1947
+ "name": "loading",
1886
1948
  "type": {
1887
1949
  "text": "boolean"
1888
1950
  },
1889
1951
  "default": "false",
1890
- "description": "Makes the badge pulsate to draw attention.",
1891
- "attribute": "pulse",
1892
- "reflects": true
1893
- }
1894
- ],
1895
- "attributes": [
1952
+ "description": "Draws the button in a loading state.",
1953
+ "fieldName": "loading"
1954
+ },
1896
1955
  {
1897
- "name": "variant",
1956
+ "name": "outline",
1898
1957
  "type": {
1899
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1958
+ "text": "boolean"
1900
1959
  },
1901
- "default": "'primary'",
1902
- "description": "The badge's theme variant.",
1903
- "fieldName": "variant"
1960
+ "default": "false",
1961
+ "description": "Draws an outlined button.",
1962
+ "fieldName": "outline"
1904
1963
  },
1905
1964
  {
1906
1965
  "name": "pill",
@@ -1908,147 +1967,146 @@
1908
1967
  "text": "boolean"
1909
1968
  },
1910
1969
  "default": "false",
1911
- "description": "Draws a pill-style badge with rounded edges.",
1970
+ "description": "Draws a pill-style button with rounded edges.",
1912
1971
  "fieldName": "pill"
1913
1972
  },
1914
1973
  {
1915
- "name": "pulse",
1974
+ "name": "fab-circle",
1916
1975
  "type": {
1917
1976
  "text": "boolean"
1918
1977
  },
1919
1978
  "default": "false",
1920
- "description": "Makes the badge pulsate to draw attention.",
1921
- "fieldName": "pulse"
1922
- }
1923
- ],
1924
- "superclass": {
1925
- "name": "FlowRdfElement",
1926
- "module": "/src/internal/flow-ui-rdf-element"
1927
- },
1928
- "tagName": "flow-ui-badge",
1929
- "summary": "Badges are used to draw attention and display statuses or counts.",
1930
- "customElement": true
1931
- }
1932
- ],
1933
- "exports": [
1934
- {
1935
- "kind": "js",
1936
- "name": "default",
1937
- "declaration": {
1938
- "name": "FlowUiBadge",
1939
- "module": "components/badge/badge.component.js"
1940
- }
1941
- }
1942
- ]
1943
- },
1944
- {
1945
- "kind": "javascript-module",
1946
- "path": "components/badge/badge.js",
1947
- "declarations": [],
1948
- "exports": [
1949
- {
1950
- "kind": "js",
1951
- "name": "default",
1952
- "declaration": {
1953
- "name": "FlowUiBadge",
1954
- "module": "components/badge/badge.js"
1955
- }
1956
- }
1957
- ]
1958
- },
1959
- {
1960
- "kind": "javascript-module",
1961
- "path": "components/breadcrumb/breadcrumb.component.js",
1962
- "declarations": [
1963
- {
1964
- "kind": "class",
1965
- "description": "",
1966
- "name": "FlowUiBreadcrumb",
1967
- "cssParts": [
1968
- {
1969
- "description": "The component's base wrapper.",
1970
- "name": "base"
1971
- }
1972
- ],
1973
- "slots": [
1979
+ "description": "Draws a circular FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1980
+ "fieldName": "fabCircle"
1981
+ },
1974
1982
  {
1975
- "description": "One or more breadcrumb items to display.",
1976
- "name": ""
1983
+ "name": "fab-square",
1984
+ "type": {
1985
+ "text": "boolean"
1986
+ },
1987
+ "default": "false",
1988
+ "description": "Draws a square FAB. When this attribute is present, the button expects a single `<flow-ui-icon>` in the\ndefault slot.",
1989
+ "fieldName": "fabSquare"
1977
1990
  },
1978
1991
  {
1979
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1980
- "name": "separator"
1981
- }
1982
- ],
1983
- "members": [
1992
+ "name": "type",
1993
+ "type": {
1994
+ "text": "'button' | 'submit' | 'reset'"
1995
+ },
1996
+ "default": "'button'",
1997
+ "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.",
1998
+ "fieldName": "type"
1999
+ },
1984
2000
  {
1985
- "kind": "field",
1986
- "name": "localize",
1987
- "privacy": "private",
1988
- "readonly": true,
1989
- "default": "new LocalizeController(this)"
2001
+ "name": "name",
2002
+ "type": {
2003
+ "text": "string"
2004
+ },
2005
+ "default": "''",
2006
+ "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.",
2007
+ "fieldName": "name"
1990
2008
  },
1991
2009
  {
1992
- "kind": "field",
1993
- "name": "separatorDir",
1994
- "privacy": "private"
2010
+ "name": "value",
2011
+ "type": {
2012
+ "text": "string"
2013
+ },
2014
+ "default": "''",
2015
+ "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.",
2016
+ "fieldName": "value"
1995
2017
  },
1996
2018
  {
1997
- "kind": "field",
1998
- "name": "defaultSlot",
2019
+ "name": "href",
1999
2020
  "type": {
2000
- "text": "HTMLSlotElement"
2021
+ "text": "string"
2001
2022
  },
2002
- "privacy": "private"
2023
+ "default": "''",
2024
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
2025
+ "fieldName": "href"
2003
2026
  },
2004
2027
  {
2005
- "kind": "field",
2006
- "name": "separatorSlot",
2028
+ "name": "target",
2007
2029
  "type": {
2008
- "text": "HTMLSlotElement"
2030
+ "text": "'_blank' | '_parent' | '_self' | '_top'"
2009
2031
  },
2010
- "privacy": "private"
2032
+ "description": "Tells the browser where to open the link. Only used when `href` is present.",
2033
+ "fieldName": "target"
2011
2034
  },
2012
2035
  {
2013
- "kind": "field",
2014
- "name": "label",
2036
+ "name": "rel",
2015
2037
  "type": {
2016
2038
  "text": "string"
2017
2039
  },
2018
- "default": "''",
2019
- "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.",
2020
- "attribute": "label"
2040
+ "default": "'noreferrer noopener'",
2041
+ "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.",
2042
+ "fieldName": "rel"
2021
2043
  },
2022
2044
  {
2023
- "kind": "method",
2024
- "name": "getSeparator",
2025
- "privacy": "private"
2045
+ "name": "download",
2046
+ "type": {
2047
+ "text": "string | undefined"
2048
+ },
2049
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
2050
+ "fieldName": "download"
2026
2051
  },
2027
2052
  {
2028
- "kind": "method",
2029
- "name": "handleSlotChange",
2030
- "privacy": "private"
2031
- }
2032
- ],
2033
- "attributes": [
2053
+ "name": "form",
2054
+ "type": {
2055
+ "text": "string"
2056
+ },
2057
+ "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.",
2058
+ "fieldName": "form"
2059
+ },
2034
2060
  {
2035
- "name": "label",
2061
+ "name": "formaction",
2036
2062
  "type": {
2037
2063
  "text": "string"
2038
2064
  },
2039
- "default": "''",
2040
- "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.",
2041
- "fieldName": "label"
2065
+ "description": "Used to override the form owner's `action` attribute.",
2066
+ "fieldName": "formAction"
2067
+ },
2068
+ {
2069
+ "name": "formenctype",
2070
+ "type": {
2071
+ "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
2072
+ },
2073
+ "description": "Used to override the form owner's `enctype` attribute.",
2074
+ "fieldName": "formEnctype"
2075
+ },
2076
+ {
2077
+ "name": "formmethod",
2078
+ "type": {
2079
+ "text": "'post' | 'get'"
2080
+ },
2081
+ "description": "Used to override the form owner's `method` attribute.",
2082
+ "fieldName": "formMethod"
2083
+ },
2084
+ {
2085
+ "name": "formnovalidate",
2086
+ "type": {
2087
+ "text": "boolean"
2088
+ },
2089
+ "description": "Used to override the form owner's `novalidate` attribute.",
2090
+ "fieldName": "formNoValidate"
2091
+ },
2092
+ {
2093
+ "name": "formtarget",
2094
+ "type": {
2095
+ "text": "'_self' | '_blank' | '_parent' | '_top' | string"
2096
+ },
2097
+ "description": "Used to override the form owner's `target` attribute.",
2098
+ "fieldName": "formTarget"
2042
2099
  }
2043
2100
  ],
2044
2101
  "superclass": {
2045
- "name": "FlowRdfElement",
2102
+ "name": "FlowRdfFormControl",
2046
2103
  "module": "/src/internal/flow-ui-rdf-element"
2047
2104
  },
2048
- "tagName": "flow-ui-breadcrumb",
2049
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2105
+ "tagName": "flow-ui-button",
2106
+ "summary": "Buttons represent actions that are available to the user.",
2050
2107
  "dependencies": [
2051
- "flow-ui-icon"
2108
+ "flow-ui-icon",
2109
+ "flow-ui-spinner"
2052
2110
  ],
2053
2111
  "customElement": true
2054
2112
  }
@@ -2058,325 +2116,275 @@
2058
2116
  "kind": "js",
2059
2117
  "name": "default",
2060
2118
  "declaration": {
2061
- "name": "FlowUiBreadcrumb",
2062
- "module": "components/breadcrumb/breadcrumb.component.js"
2119
+ "name": "FlowUiButton",
2120
+ "module": "components/button/button.component.js"
2063
2121
  }
2064
2122
  }
2065
2123
  ]
2066
2124
  },
2067
2125
  {
2068
2126
  "kind": "javascript-module",
2069
- "path": "components/breadcrumb/breadcrumb.js",
2127
+ "path": "components/button/button.js",
2070
2128
  "declarations": [],
2071
2129
  "exports": [
2072
2130
  {
2073
2131
  "kind": "js",
2074
2132
  "name": "default",
2075
2133
  "declaration": {
2076
- "name": "FlowUiBreadcrumb",
2077
- "module": "components/breadcrumb/breadcrumb.js"
2134
+ "name": "FlowUiButton",
2135
+ "module": "components/button/button.js"
2078
2136
  }
2079
2137
  }
2080
2138
  ]
2081
2139
  },
2082
2140
  {
2083
2141
  "kind": "javascript-module",
2084
- "path": "components/calendar/calendar.component.js",
2142
+ "path": "components/button-group/button-group.component.js",
2085
2143
  "declarations": [
2086
2144
  {
2087
2145
  "kind": "class",
2088
2146
  "description": "",
2089
- "name": "FlowUiCalendar",
2090
- "cssProperties": [
2091
- {
2092
- "description": "The width of the calendar in CSS units. Set automatically if `size` is set.",
2093
- "name": "--width"
2094
- },
2095
- {
2096
- "description": "The font size of the calendar. Set automatically if `size` is set.",
2097
- "name": "--font-size"
2098
- },
2099
- {
2100
- "description": "The font size of the day labels. Set automatically if `size` is set.",
2101
- "name": "--day-font-size"
2102
- }
2103
- ],
2147
+ "name": "FlowUiButtonGroup",
2104
2148
  "cssParts": [
2105
2149
  {
2106
2150
  "description": "The component's base wrapper.",
2107
2151
  "name": "base"
2108
2152
  }
2109
2153
  ],
2110
- "members": [
2111
- {
2112
- "kind": "field",
2113
- "name": "_monthSelect",
2114
- "type": {
2115
- "text": "FlowSelect"
2116
- },
2117
- "privacy": "private"
2118
- },
2119
- {
2120
- "kind": "field",
2121
- "name": "_yearSelect",
2122
- "type": {
2123
- "text": "FlowSelect"
2124
- },
2125
- "privacy": "private"
2126
- },
2127
- {
2128
- "kind": "field",
2129
- "name": "_displayDate",
2130
- "type": {
2131
- "text": "DateTime<true>"
2132
- },
2133
- "privacy": "private"
2134
- },
2135
- {
2136
- "kind": "field",
2137
- "name": "_selectedDate",
2138
- "type": {
2139
- "text": "DateTime<true> | undefined"
2140
- },
2141
- "privacy": "private"
2142
- },
2143
- {
2144
- "kind": "field",
2145
- "name": "value",
2146
- "type": {
2147
- "text": "string"
2148
- },
2149
- "description": "The value of the control. (ISO8601 date/time string)",
2150
- "attribute": "value",
2151
- "reflects": true
2152
- },
2153
- {
2154
- "kind": "field",
2155
- "name": "displayMode",
2156
- "type": {
2157
- "text": "'date' | 'time' | 'datetime'"
2158
- },
2159
- "default": "'date'",
2160
- "description": "Select whether to show date only, time only or both date and time.",
2161
- "attribute": "display-mode"
2162
- },
2163
- {
2164
- "kind": "field",
2165
- "name": "timezone",
2166
- "type": {
2167
- "text": "string | undefined"
2168
- },
2169
- "description": "Set the timezone for display. If not set the default timezone will be used. (TZ name e.g. `'Europe/London'`)",
2170
- "attribute": "timezone"
2171
- },
2172
- {
2173
- "kind": "field",
2174
- "name": "locale",
2175
- "type": {
2176
- "text": "string | undefined"
2177
- },
2178
- "description": "Set the locale for display. If not set the default locale will be used. (e.g `'en-GB'`)",
2179
- "attribute": "locale"
2180
- },
2181
- {
2182
- "kind": "field",
2183
- "name": "size",
2184
- "type": {
2185
- "text": "'small' | 'medium' | 'large'"
2186
- },
2187
- "default": "'medium'",
2188
- "description": "Set the size of the calendar.",
2189
- "attribute": "size"
2190
- },
2191
- {
2192
- "kind": "method",
2193
- "name": "dateClicked",
2194
- "privacy": "private",
2195
- "parameters": [
2196
- {
2197
- "name": "val",
2198
- "type": {
2199
- "text": "string"
2200
- }
2201
- }
2202
- ]
2203
- },
2204
- {
2205
- "kind": "method",
2206
- "name": "stepDisplayDate",
2207
- "privacy": "private",
2208
- "parameters": [
2209
- {
2210
- "name": "duration",
2211
- "type": {
2212
- "text": "DurationLike"
2213
- }
2214
- }
2215
- ]
2154
+ "slots": [
2155
+ {
2156
+ "description": "One or more `<flow-ui-button>` elements to display in the button group.",
2157
+ "name": ""
2158
+ }
2159
+ ],
2160
+ "members": [
2161
+ {
2162
+ "kind": "field",
2163
+ "name": "label",
2164
+ "type": {
2165
+ "text": "string"
2166
+ },
2167
+ "default": "''",
2168
+ "description": "Text label for assistive devices.",
2169
+ "attribute": "label"
2216
2170
  },
2217
2171
  {
2218
- "kind": "method",
2219
- "name": "yearOptionsForDate",
2220
- "privacy": "private",
2221
- "return": {
2222
- "type": {
2223
- "text": "number[]"
2224
- }
2172
+ "kind": "field",
2173
+ "name": "vertical",
2174
+ "type": {
2175
+ "text": "boolean"
2225
2176
  },
2226
- "parameters": [
2227
- {
2228
- "name": "date",
2229
- "type": {
2230
- "text": "DateTime"
2231
- }
2232
- }
2233
- ],
2234
- "description": "Generate a list of years for the year select dropdown"
2177
+ "default": "false",
2178
+ "description": "Use vertical layout for the button group.",
2179
+ "attribute": "vertical",
2180
+ "reflects": true
2235
2181
  },
2236
2182
  {
2237
2183
  "kind": "method",
2238
- "name": "makeDate",
2184
+ "name": "handleFocus",
2239
2185
  "privacy": "private",
2240
- "return": {
2241
- "type": {
2242
- "text": "DateTime<true> | undefined"
2243
- }
2244
- },
2245
2186
  "parameters": [
2246
2187
  {
2247
- "name": "d",
2248
- "optional": true,
2188
+ "name": "event",
2249
2189
  "type": {
2250
- "text": "string"
2190
+ "text": "Event"
2251
2191
  }
2252
2192
  }
2253
2193
  ]
2254
2194
  },
2255
2195
  {
2256
2196
  "kind": "method",
2257
- "name": "updateValue",
2197
+ "name": "handleBlur",
2258
2198
  "privacy": "private",
2259
2199
  "parameters": [
2260
2200
  {
2261
- "name": "emitEvents",
2262
- "default": "true"
2201
+ "name": "event",
2202
+ "type": {
2203
+ "text": "Event"
2204
+ }
2263
2205
  }
2264
2206
  ]
2265
2207
  },
2266
2208
  {
2267
2209
  "kind": "method",
2268
- "name": "handleHeaderSelectChange",
2210
+ "name": "handleMouseOver",
2269
2211
  "privacy": "private",
2270
2212
  "parameters": [
2271
2213
  {
2272
- "name": "ev",
2214
+ "name": "event",
2273
2215
  "type": {
2274
- "text": "FlowChangeEvent"
2216
+ "text": "Event"
2275
2217
  }
2276
2218
  }
2277
2219
  ]
2278
2220
  },
2279
2221
  {
2280
2222
  "kind": "method",
2281
- "name": "handleTimeChange",
2223
+ "name": "handleMouseOut",
2282
2224
  "privacy": "private",
2283
2225
  "parameters": [
2284
2226
  {
2285
- "name": "ev",
2227
+ "name": "event",
2286
2228
  "type": {
2287
- "text": "FlowChangeEvent"
2229
+ "text": "Event"
2288
2230
  }
2289
2231
  }
2290
2232
  ]
2291
2233
  },
2292
2234
  {
2293
2235
  "kind": "method",
2294
- "name": "calendarHeaderTemplate",
2236
+ "name": "handleSlotChange",
2295
2237
  "privacy": "private"
2296
- },
2238
+ }
2239
+ ],
2240
+ "attributes": [
2297
2241
  {
2298
- "kind": "method",
2299
- "name": "dayOfWeekGridTemplate",
2300
- "privacy": "private"
2242
+ "name": "label",
2243
+ "type": {
2244
+ "text": "string"
2245
+ },
2246
+ "default": "''",
2247
+ "description": "Text label for assistive devices.",
2248
+ "fieldName": "label"
2301
2249
  },
2302
2250
  {
2303
- "kind": "method",
2304
- "name": "dayGridTemplate",
2305
- "privacy": "private"
2306
- },
2251
+ "name": "vertical",
2252
+ "type": {
2253
+ "text": "boolean"
2254
+ },
2255
+ "default": "false",
2256
+ "description": "Use vertical layout for the button group.",
2257
+ "fieldName": "vertical"
2258
+ }
2259
+ ],
2260
+ "superclass": {
2261
+ "name": "FlowRdfElement",
2262
+ "module": "/src/internal/flow-ui-rdf-element"
2263
+ },
2264
+ "tagName": "flow-ui-button-group",
2265
+ "summary": "Button groups can be used to group related buttons into sections.",
2266
+ "customElement": true
2267
+ }
2268
+ ],
2269
+ "exports": [
2270
+ {
2271
+ "kind": "js",
2272
+ "name": "default",
2273
+ "declaration": {
2274
+ "name": "FlowUiButtonGroup",
2275
+ "module": "components/button-group/button-group.component.js"
2276
+ }
2277
+ }
2278
+ ]
2279
+ },
2280
+ {
2281
+ "kind": "javascript-module",
2282
+ "path": "components/button-group/button-group.js",
2283
+ "declarations": [],
2284
+ "exports": [
2285
+ {
2286
+ "kind": "js",
2287
+ "name": "default",
2288
+ "declaration": {
2289
+ "name": "FlowUiButtonGroup",
2290
+ "module": "components/button-group/button-group.js"
2291
+ }
2292
+ }
2293
+ ]
2294
+ },
2295
+ {
2296
+ "kind": "javascript-module",
2297
+ "path": "components/breadcrumb/breadcrumb.component.js",
2298
+ "declarations": [
2299
+ {
2300
+ "kind": "class",
2301
+ "description": "",
2302
+ "name": "FlowUiBreadcrumb",
2303
+ "cssParts": [
2307
2304
  {
2308
- "kind": "method",
2309
- "name": "timeTemplate",
2310
- "privacy": "private"
2305
+ "description": "The component's base wrapper.",
2306
+ "name": "base"
2311
2307
  }
2312
2308
  ],
2313
- "events": [
2309
+ "slots": [
2314
2310
  {
2315
- "description": "Emitted when the calendar value changes.",
2316
- "name": "flow-ui-input",
2317
- "reactName": "onFlowUiInput"
2311
+ "description": "One or more breadcrumb items to display.",
2312
+ "name": ""
2318
2313
  },
2319
2314
  {
2320
- "description": "Emitted when the calendar value changes.",
2321
- "name": "flow-ui-change",
2322
- "reactName": "onFlowUiChange"
2315
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
2316
+ "name": "separator"
2323
2317
  }
2324
2318
  ],
2325
- "attributes": [
2319
+ "members": [
2326
2320
  {
2327
- "name": "value",
2328
- "type": {
2329
- "text": "string"
2330
- },
2331
- "description": "The value of the control. (ISO8601 date/time string)",
2332
- "fieldName": "value"
2321
+ "kind": "field",
2322
+ "name": "localize",
2323
+ "privacy": "private",
2324
+ "readonly": true,
2325
+ "default": "new LocalizeController(this)"
2333
2326
  },
2334
2327
  {
2335
- "name": "display-mode",
2328
+ "kind": "field",
2329
+ "name": "separatorDir",
2330
+ "privacy": "private"
2331
+ },
2332
+ {
2333
+ "kind": "field",
2334
+ "name": "defaultSlot",
2336
2335
  "type": {
2337
- "text": "'date' | 'time' | 'datetime'"
2336
+ "text": "HTMLSlotElement"
2338
2337
  },
2339
- "default": "'date'",
2340
- "description": "Select whether to show date only, time only or both date and time.",
2341
- "fieldName": "displayMode"
2338
+ "privacy": "private"
2342
2339
  },
2343
2340
  {
2344
- "name": "timezone",
2341
+ "kind": "field",
2342
+ "name": "separatorSlot",
2345
2343
  "type": {
2346
- "text": "string | undefined"
2344
+ "text": "HTMLSlotElement"
2347
2345
  },
2348
- "description": "Set the timezone for display. If not set the default timezone will be used. (TZ name e.g. `'Europe/London'`)",
2349
- "fieldName": "timezone"
2346
+ "privacy": "private"
2350
2347
  },
2351
2348
  {
2352
- "name": "locale",
2349
+ "kind": "field",
2350
+ "name": "label",
2353
2351
  "type": {
2354
- "text": "string | undefined"
2352
+ "text": "string"
2355
2353
  },
2356
- "description": "Set the locale for display. If not set the default locale will be used. (e.g `'en-GB'`)",
2357
- "fieldName": "locale"
2354
+ "default": "''",
2355
+ "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.",
2356
+ "attribute": "label"
2358
2357
  },
2359
2358
  {
2360
- "name": "size",
2359
+ "kind": "method",
2360
+ "name": "getSeparator",
2361
+ "privacy": "private"
2362
+ },
2363
+ {
2364
+ "kind": "method",
2365
+ "name": "handleSlotChange",
2366
+ "privacy": "private"
2367
+ }
2368
+ ],
2369
+ "attributes": [
2370
+ {
2371
+ "name": "label",
2361
2372
  "type": {
2362
- "text": "'small' | 'medium' | 'large'"
2373
+ "text": "string"
2363
2374
  },
2364
- "default": "'medium'",
2365
- "description": "Set the size of the calendar.",
2366
- "fieldName": "size"
2375
+ "default": "''",
2376
+ "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.",
2377
+ "fieldName": "label"
2367
2378
  }
2368
2379
  ],
2369
2380
  "superclass": {
2370
2381
  "name": "FlowRdfElement",
2371
2382
  "module": "/src/internal/flow-ui-rdf-element"
2372
2383
  },
2373
- "tagName": "flow-ui-calendar",
2374
- "summary": "A calendar component for selecting dates and times.",
2384
+ "tagName": "flow-ui-breadcrumb",
2385
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2375
2386
  "dependencies": [
2376
- "flow-ui-icon-button",
2377
- "flow-ui-input",
2378
- "flow-ui-select",
2379
- "flow-ui-option"
2387
+ "flow-ui-icon"
2380
2388
  ],
2381
2389
  "customElement": true
2382
2390
  }
@@ -2386,31 +2394,23 @@
2386
2394
  "kind": "js",
2387
2395
  "name": "default",
2388
2396
  "declaration": {
2389
- "name": "FlowUiCalendar",
2390
- "module": "components/calendar/calendar.component.js"
2397
+ "name": "FlowUiBreadcrumb",
2398
+ "module": "components/breadcrumb/breadcrumb.component.js"
2391
2399
  }
2392
2400
  }
2393
2401
  ]
2394
2402
  },
2395
2403
  {
2396
2404
  "kind": "javascript-module",
2397
- "path": "components/calendar/calendar.js",
2405
+ "path": "components/breadcrumb/breadcrumb.js",
2398
2406
  "declarations": [],
2399
2407
  "exports": [
2400
- {
2401
- "kind": "js",
2402
- "name": "*",
2403
- "declaration": {
2404
- "name": "*",
2405
- "package": "./calendar.component"
2406
- }
2407
- },
2408
2408
  {
2409
2409
  "kind": "js",
2410
2410
  "name": "default",
2411
2411
  "declaration": {
2412
- "name": "FlowUiCalendar",
2413
- "module": "components/calendar/calendar.js"
2412
+ "name": "FlowUiBreadcrumb",
2413
+ "module": "components/breadcrumb/breadcrumb.js"
2414
2414
  }
2415
2415
  }
2416
2416
  ]