@emuanalytics/flow-rdf-ui 4.1.0-preview.11 → 4.1.0-preview.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.
- package/dist/components/map/map.styles.mjs +1 -0
- package/dist/components/menu-label/menu-label.styles.mjs +1 -1
- package/dist/components/query-builder/query-builder.component.mjs +6 -2
- package/dist/custom-elements.json +409 -409
- package/dist/package.json.mjs +1 -1
- package/dist/vscode.html-custom-data.json +67 -67
- package/package.json +1 -1
- package/themes/dark.css +3 -3
- package/themes/dark.styles.js +3 -3
- package/themes/light.css +3 -3
- package/themes/light.styles.js +3 -3
|
@@ -15,7 +15,7 @@ const styles = css`
|
|
|
15
15
|
font-weight: var(--flow-ui-font-weight-semibold);
|
|
16
16
|
line-height: var(--flow-ui-line-height-normal);
|
|
17
17
|
letter-spacing: var(--flow-ui-letter-spacing-normal);
|
|
18
|
-
color: var(--flow-ui-color-neutral-
|
|
18
|
+
color: var(--flow-ui-color-neutral-800);
|
|
19
19
|
padding: var(--flow-ui-spacing-2x-small) var(--flow-ui-spacing-x-large);
|
|
20
20
|
user-select: none;
|
|
21
21
|
}
|
|
@@ -189,9 +189,13 @@ const _FlowUiQueryBuilder = class _FlowUiQueryBuilder extends FlowRdfElement {
|
|
|
189
189
|
} else if (menuItem.value === "delete-group") {
|
|
190
190
|
this.emit("flow-ui-remove");
|
|
191
191
|
} else if (menuItem.value === "clear-filters") {
|
|
192
|
-
updateValue =
|
|
192
|
+
updateValue = false;
|
|
193
193
|
this._value = emptyRuleSet;
|
|
194
|
-
this.
|
|
194
|
+
this.requestUpdate();
|
|
195
|
+
this.updateComplete.then(() => {
|
|
196
|
+
this.emitValueChange();
|
|
197
|
+
this.emit("flow-ui-clear");
|
|
198
|
+
});
|
|
195
199
|
}
|
|
196
200
|
if (updateValue) {
|
|
197
201
|
this.requestUpdate();
|
|
@@ -265,191 +265,6 @@
|
|
|
265
265
|
}
|
|
266
266
|
]
|
|
267
267
|
},
|
|
268
|
-
{
|
|
269
|
-
"kind": "javascript-module",
|
|
270
|
-
"path": "components/avatar/avatar.component.js",
|
|
271
|
-
"declarations": [
|
|
272
|
-
{
|
|
273
|
-
"kind": "class",
|
|
274
|
-
"description": "",
|
|
275
|
-
"name": "FlowUiAvatar",
|
|
276
|
-
"cssProperties": [
|
|
277
|
-
{
|
|
278
|
-
"description": "The size of the avatar.",
|
|
279
|
-
"name": "--size"
|
|
280
|
-
}
|
|
281
|
-
],
|
|
282
|
-
"cssParts": [
|
|
283
|
-
{
|
|
284
|
-
"description": "The component's base wrapper.",
|
|
285
|
-
"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
|
-
}
|
|
299
|
-
],
|
|
300
|
-
"slots": [
|
|
301
|
-
{
|
|
302
|
-
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
303
|
-
"name": "icon"
|
|
304
|
-
}
|
|
305
|
-
],
|
|
306
|
-
"members": [
|
|
307
|
-
{
|
|
308
|
-
"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",
|
|
339
|
-
"type": {
|
|
340
|
-
"text": "string"
|
|
341
|
-
},
|
|
342
|
-
"default": "''",
|
|
343
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
344
|
-
"attribute": "initials"
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
"kind": "field",
|
|
348
|
-
"name": "loading",
|
|
349
|
-
"type": {
|
|
350
|
-
"text": "'eager' | 'lazy'"
|
|
351
|
-
},
|
|
352
|
-
"default": "'eager'",
|
|
353
|
-
"description": "Indicates how the browser should load the image.",
|
|
354
|
-
"attribute": "loading"
|
|
355
|
-
},
|
|
356
|
-
{
|
|
357
|
-
"kind": "field",
|
|
358
|
-
"name": "shape",
|
|
359
|
-
"type": {
|
|
360
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
361
|
-
},
|
|
362
|
-
"default": "'circle'",
|
|
363
|
-
"description": "The shape of the avatar.",
|
|
364
|
-
"attribute": "shape",
|
|
365
|
-
"reflects": true
|
|
366
|
-
}
|
|
367
|
-
],
|
|
368
|
-
"attributes": [
|
|
369
|
-
{
|
|
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",
|
|
389
|
-
"type": {
|
|
390
|
-
"text": "string"
|
|
391
|
-
},
|
|
392
|
-
"default": "''",
|
|
393
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
394
|
-
"fieldName": "initials"
|
|
395
|
-
},
|
|
396
|
-
{
|
|
397
|
-
"name": "loading",
|
|
398
|
-
"type": {
|
|
399
|
-
"text": "'eager' | 'lazy'"
|
|
400
|
-
},
|
|
401
|
-
"default": "'eager'",
|
|
402
|
-
"description": "Indicates how the browser should load the image.",
|
|
403
|
-
"fieldName": "loading"
|
|
404
|
-
},
|
|
405
|
-
{
|
|
406
|
-
"name": "shape",
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
409
|
-
},
|
|
410
|
-
"default": "'circle'",
|
|
411
|
-
"description": "The shape of the avatar.",
|
|
412
|
-
"fieldName": "shape"
|
|
413
|
-
}
|
|
414
|
-
],
|
|
415
|
-
"superclass": {
|
|
416
|
-
"name": "FlowRdfElement",
|
|
417
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
418
|
-
},
|
|
419
|
-
"tagName": "flow-ui-avatar",
|
|
420
|
-
"summary": "Avatars are used to represent a person or object.",
|
|
421
|
-
"dependencies": [
|
|
422
|
-
"flow-ui-icon"
|
|
423
|
-
],
|
|
424
|
-
"customElement": true
|
|
425
|
-
}
|
|
426
|
-
],
|
|
427
|
-
"exports": [
|
|
428
|
-
{
|
|
429
|
-
"kind": "js",
|
|
430
|
-
"name": "default",
|
|
431
|
-
"declaration": {
|
|
432
|
-
"name": "FlowUiAvatar",
|
|
433
|
-
"module": "components/avatar/avatar.component.js"
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
]
|
|
437
|
-
},
|
|
438
|
-
{
|
|
439
|
-
"kind": "javascript-module",
|
|
440
|
-
"path": "components/avatar/avatar.js",
|
|
441
|
-
"declarations": [],
|
|
442
|
-
"exports": [
|
|
443
|
-
{
|
|
444
|
-
"kind": "js",
|
|
445
|
-
"name": "default",
|
|
446
|
-
"declaration": {
|
|
447
|
-
"name": "FlowUiAvatar",
|
|
448
|
-
"module": "components/avatar/avatar.js"
|
|
449
|
-
}
|
|
450
|
-
}
|
|
451
|
-
]
|
|
452
|
-
},
|
|
453
268
|
{
|
|
454
269
|
"kind": "javascript-module",
|
|
455
270
|
"path": "components/animation/animation.component.js",
|
|
@@ -1316,12 +1131,12 @@
|
|
|
1316
1131
|
},
|
|
1317
1132
|
{
|
|
1318
1133
|
"kind": "javascript-module",
|
|
1319
|
-
"path": "components/
|
|
1134
|
+
"path": "components/breadcrumb/breadcrumb.component.js",
|
|
1320
1135
|
"declarations": [
|
|
1321
1136
|
{
|
|
1322
1137
|
"kind": "class",
|
|
1323
1138
|
"description": "",
|
|
1324
|
-
"name": "
|
|
1139
|
+
"name": "FlowUiBreadcrumb",
|
|
1325
1140
|
"cssParts": [
|
|
1326
1141
|
{
|
|
1327
1142
|
"description": "The component's base wrapper.",
|
|
@@ -1330,57 +1145,365 @@
|
|
|
1330
1145
|
],
|
|
1331
1146
|
"slots": [
|
|
1332
1147
|
{
|
|
1333
|
-
"description": "
|
|
1148
|
+
"description": "One or more breadcrumb items to display.",
|
|
1334
1149
|
"name": ""
|
|
1150
|
+
},
|
|
1151
|
+
{
|
|
1152
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
1153
|
+
"name": "separator"
|
|
1335
1154
|
}
|
|
1336
1155
|
],
|
|
1337
1156
|
"members": [
|
|
1338
1157
|
{
|
|
1339
1158
|
"kind": "field",
|
|
1340
|
-
"name": "
|
|
1159
|
+
"name": "localize",
|
|
1160
|
+
"privacy": "private",
|
|
1161
|
+
"readonly": true,
|
|
1162
|
+
"default": "new LocalizeController(this)"
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"kind": "field",
|
|
1166
|
+
"name": "separatorDir",
|
|
1167
|
+
"privacy": "private"
|
|
1168
|
+
},
|
|
1169
|
+
{
|
|
1170
|
+
"kind": "field",
|
|
1171
|
+
"name": "defaultSlot",
|
|
1341
1172
|
"type": {
|
|
1342
|
-
"text": "
|
|
1173
|
+
"text": "HTMLSlotElement"
|
|
1343
1174
|
},
|
|
1344
|
-
"
|
|
1345
|
-
"description": "The badge's theme variant.",
|
|
1346
|
-
"attribute": "variant",
|
|
1347
|
-
"reflects": true
|
|
1175
|
+
"privacy": "private"
|
|
1348
1176
|
},
|
|
1349
1177
|
{
|
|
1350
1178
|
"kind": "field",
|
|
1351
|
-
"name": "
|
|
1179
|
+
"name": "separatorSlot",
|
|
1352
1180
|
"type": {
|
|
1353
|
-
"text": "
|
|
1181
|
+
"text": "HTMLSlotElement"
|
|
1354
1182
|
},
|
|
1355
|
-
"
|
|
1356
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
1357
|
-
"attribute": "pill",
|
|
1358
|
-
"reflects": true
|
|
1183
|
+
"privacy": "private"
|
|
1359
1184
|
},
|
|
1360
1185
|
{
|
|
1361
1186
|
"kind": "field",
|
|
1362
|
-
"name": "
|
|
1187
|
+
"name": "label",
|
|
1363
1188
|
"type": {
|
|
1364
|
-
"text": "
|
|
1189
|
+
"text": "string"
|
|
1365
1190
|
},
|
|
1366
|
-
"default": "
|
|
1367
|
-
"description": "
|
|
1368
|
-
"attribute": "
|
|
1369
|
-
|
|
1191
|
+
"default": "''",
|
|
1192
|
+
"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.",
|
|
1193
|
+
"attribute": "label"
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"kind": "method",
|
|
1197
|
+
"name": "getSeparator",
|
|
1198
|
+
"privacy": "private"
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"kind": "method",
|
|
1202
|
+
"name": "handleSlotChange",
|
|
1203
|
+
"privacy": "private"
|
|
1370
1204
|
}
|
|
1371
1205
|
],
|
|
1372
1206
|
"attributes": [
|
|
1373
1207
|
{
|
|
1374
|
-
"name": "
|
|
1208
|
+
"name": "label",
|
|
1375
1209
|
"type": {
|
|
1376
|
-
"text": "
|
|
1210
|
+
"text": "string"
|
|
1377
1211
|
},
|
|
1378
|
-
"default": "'
|
|
1379
|
-
"description": "The
|
|
1380
|
-
"fieldName": "
|
|
1381
|
-
}
|
|
1382
|
-
|
|
1383
|
-
|
|
1212
|
+
"default": "''",
|
|
1213
|
+
"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.",
|
|
1214
|
+
"fieldName": "label"
|
|
1215
|
+
}
|
|
1216
|
+
],
|
|
1217
|
+
"superclass": {
|
|
1218
|
+
"name": "FlowRdfElement",
|
|
1219
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
1220
|
+
},
|
|
1221
|
+
"tagName": "flow-ui-breadcrumb",
|
|
1222
|
+
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
1223
|
+
"dependencies": [
|
|
1224
|
+
"flow-ui-icon"
|
|
1225
|
+
],
|
|
1226
|
+
"customElement": true
|
|
1227
|
+
}
|
|
1228
|
+
],
|
|
1229
|
+
"exports": [
|
|
1230
|
+
{
|
|
1231
|
+
"kind": "js",
|
|
1232
|
+
"name": "default",
|
|
1233
|
+
"declaration": {
|
|
1234
|
+
"name": "FlowUiBreadcrumb",
|
|
1235
|
+
"module": "components/breadcrumb/breadcrumb.component.js"
|
|
1236
|
+
}
|
|
1237
|
+
}
|
|
1238
|
+
]
|
|
1239
|
+
},
|
|
1240
|
+
{
|
|
1241
|
+
"kind": "javascript-module",
|
|
1242
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
1243
|
+
"declarations": [],
|
|
1244
|
+
"exports": [
|
|
1245
|
+
{
|
|
1246
|
+
"kind": "js",
|
|
1247
|
+
"name": "default",
|
|
1248
|
+
"declaration": {
|
|
1249
|
+
"name": "FlowUiBreadcrumb",
|
|
1250
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
1251
|
+
}
|
|
1252
|
+
}
|
|
1253
|
+
]
|
|
1254
|
+
},
|
|
1255
|
+
{
|
|
1256
|
+
"kind": "javascript-module",
|
|
1257
|
+
"path": "components/avatar/avatar.component.js",
|
|
1258
|
+
"declarations": [
|
|
1259
|
+
{
|
|
1260
|
+
"kind": "class",
|
|
1261
|
+
"description": "",
|
|
1262
|
+
"name": "FlowUiAvatar",
|
|
1263
|
+
"cssProperties": [
|
|
1264
|
+
{
|
|
1265
|
+
"description": "The size of the avatar.",
|
|
1266
|
+
"name": "--size"
|
|
1267
|
+
}
|
|
1268
|
+
],
|
|
1269
|
+
"cssParts": [
|
|
1270
|
+
{
|
|
1271
|
+
"description": "The component's base wrapper.",
|
|
1272
|
+
"name": "base"
|
|
1273
|
+
},
|
|
1274
|
+
{
|
|
1275
|
+
"description": "The container that wraps the avatar's icon.",
|
|
1276
|
+
"name": "icon"
|
|
1277
|
+
},
|
|
1278
|
+
{
|
|
1279
|
+
"description": "The container that wraps the avatar's initials.",
|
|
1280
|
+
"name": "initials"
|
|
1281
|
+
},
|
|
1282
|
+
{
|
|
1283
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
1284
|
+
"name": "image"
|
|
1285
|
+
}
|
|
1286
|
+
],
|
|
1287
|
+
"slots": [
|
|
1288
|
+
{
|
|
1289
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
1290
|
+
"name": "icon"
|
|
1291
|
+
}
|
|
1292
|
+
],
|
|
1293
|
+
"members": [
|
|
1294
|
+
{
|
|
1295
|
+
"kind": "field",
|
|
1296
|
+
"name": "hasError",
|
|
1297
|
+
"type": {
|
|
1298
|
+
"text": "boolean"
|
|
1299
|
+
},
|
|
1300
|
+
"privacy": "private",
|
|
1301
|
+
"default": "false"
|
|
1302
|
+
},
|
|
1303
|
+
{
|
|
1304
|
+
"kind": "field",
|
|
1305
|
+
"name": "image",
|
|
1306
|
+
"type": {
|
|
1307
|
+
"text": "string"
|
|
1308
|
+
},
|
|
1309
|
+
"default": "''",
|
|
1310
|
+
"description": "The image source to use for the avatar.",
|
|
1311
|
+
"attribute": "image"
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"kind": "field",
|
|
1315
|
+
"name": "label",
|
|
1316
|
+
"type": {
|
|
1317
|
+
"text": "string"
|
|
1318
|
+
},
|
|
1319
|
+
"default": "''",
|
|
1320
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1321
|
+
"attribute": "label"
|
|
1322
|
+
},
|
|
1323
|
+
{
|
|
1324
|
+
"kind": "field",
|
|
1325
|
+
"name": "initials",
|
|
1326
|
+
"type": {
|
|
1327
|
+
"text": "string"
|
|
1328
|
+
},
|
|
1329
|
+
"default": "''",
|
|
1330
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1331
|
+
"attribute": "initials"
|
|
1332
|
+
},
|
|
1333
|
+
{
|
|
1334
|
+
"kind": "field",
|
|
1335
|
+
"name": "loading",
|
|
1336
|
+
"type": {
|
|
1337
|
+
"text": "'eager' | 'lazy'"
|
|
1338
|
+
},
|
|
1339
|
+
"default": "'eager'",
|
|
1340
|
+
"description": "Indicates how the browser should load the image.",
|
|
1341
|
+
"attribute": "loading"
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
"kind": "field",
|
|
1345
|
+
"name": "shape",
|
|
1346
|
+
"type": {
|
|
1347
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1348
|
+
},
|
|
1349
|
+
"default": "'circle'",
|
|
1350
|
+
"description": "The shape of the avatar.",
|
|
1351
|
+
"attribute": "shape",
|
|
1352
|
+
"reflects": true
|
|
1353
|
+
}
|
|
1354
|
+
],
|
|
1355
|
+
"attributes": [
|
|
1356
|
+
{
|
|
1357
|
+
"name": "image",
|
|
1358
|
+
"type": {
|
|
1359
|
+
"text": "string"
|
|
1360
|
+
},
|
|
1361
|
+
"default": "''",
|
|
1362
|
+
"description": "The image source to use for the avatar.",
|
|
1363
|
+
"fieldName": "image"
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "label",
|
|
1367
|
+
"type": {
|
|
1368
|
+
"text": "string"
|
|
1369
|
+
},
|
|
1370
|
+
"default": "''",
|
|
1371
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1372
|
+
"fieldName": "label"
|
|
1373
|
+
},
|
|
1374
|
+
{
|
|
1375
|
+
"name": "initials",
|
|
1376
|
+
"type": {
|
|
1377
|
+
"text": "string"
|
|
1378
|
+
},
|
|
1379
|
+
"default": "''",
|
|
1380
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1381
|
+
"fieldName": "initials"
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"name": "loading",
|
|
1385
|
+
"type": {
|
|
1386
|
+
"text": "'eager' | 'lazy'"
|
|
1387
|
+
},
|
|
1388
|
+
"default": "'eager'",
|
|
1389
|
+
"description": "Indicates how the browser should load the image.",
|
|
1390
|
+
"fieldName": "loading"
|
|
1391
|
+
},
|
|
1392
|
+
{
|
|
1393
|
+
"name": "shape",
|
|
1394
|
+
"type": {
|
|
1395
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1396
|
+
},
|
|
1397
|
+
"default": "'circle'",
|
|
1398
|
+
"description": "The shape of the avatar.",
|
|
1399
|
+
"fieldName": "shape"
|
|
1400
|
+
}
|
|
1401
|
+
],
|
|
1402
|
+
"superclass": {
|
|
1403
|
+
"name": "FlowRdfElement",
|
|
1404
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
1405
|
+
},
|
|
1406
|
+
"tagName": "flow-ui-avatar",
|
|
1407
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
1408
|
+
"dependencies": [
|
|
1409
|
+
"flow-ui-icon"
|
|
1410
|
+
],
|
|
1411
|
+
"customElement": true
|
|
1412
|
+
}
|
|
1413
|
+
],
|
|
1414
|
+
"exports": [
|
|
1415
|
+
{
|
|
1416
|
+
"kind": "js",
|
|
1417
|
+
"name": "default",
|
|
1418
|
+
"declaration": {
|
|
1419
|
+
"name": "FlowUiAvatar",
|
|
1420
|
+
"module": "components/avatar/avatar.component.js"
|
|
1421
|
+
}
|
|
1422
|
+
}
|
|
1423
|
+
]
|
|
1424
|
+
},
|
|
1425
|
+
{
|
|
1426
|
+
"kind": "javascript-module",
|
|
1427
|
+
"path": "components/avatar/avatar.js",
|
|
1428
|
+
"declarations": [],
|
|
1429
|
+
"exports": [
|
|
1430
|
+
{
|
|
1431
|
+
"kind": "js",
|
|
1432
|
+
"name": "default",
|
|
1433
|
+
"declaration": {
|
|
1434
|
+
"name": "FlowUiAvatar",
|
|
1435
|
+
"module": "components/avatar/avatar.js"
|
|
1436
|
+
}
|
|
1437
|
+
}
|
|
1438
|
+
]
|
|
1439
|
+
},
|
|
1440
|
+
{
|
|
1441
|
+
"kind": "javascript-module",
|
|
1442
|
+
"path": "components/badge/badge.component.js",
|
|
1443
|
+
"declarations": [
|
|
1444
|
+
{
|
|
1445
|
+
"kind": "class",
|
|
1446
|
+
"description": "",
|
|
1447
|
+
"name": "FlowUiBadge",
|
|
1448
|
+
"cssParts": [
|
|
1449
|
+
{
|
|
1450
|
+
"description": "The component's base wrapper.",
|
|
1451
|
+
"name": "base"
|
|
1452
|
+
}
|
|
1453
|
+
],
|
|
1454
|
+
"slots": [
|
|
1455
|
+
{
|
|
1456
|
+
"description": "The badge's content.",
|
|
1457
|
+
"name": ""
|
|
1458
|
+
}
|
|
1459
|
+
],
|
|
1460
|
+
"members": [
|
|
1461
|
+
{
|
|
1462
|
+
"kind": "field",
|
|
1463
|
+
"name": "variant",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1466
|
+
},
|
|
1467
|
+
"default": "'primary'",
|
|
1468
|
+
"description": "The badge's theme variant.",
|
|
1469
|
+
"attribute": "variant",
|
|
1470
|
+
"reflects": true
|
|
1471
|
+
},
|
|
1472
|
+
{
|
|
1473
|
+
"kind": "field",
|
|
1474
|
+
"name": "pill",
|
|
1475
|
+
"type": {
|
|
1476
|
+
"text": "boolean"
|
|
1477
|
+
},
|
|
1478
|
+
"default": "false",
|
|
1479
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
1480
|
+
"attribute": "pill",
|
|
1481
|
+
"reflects": true
|
|
1482
|
+
},
|
|
1483
|
+
{
|
|
1484
|
+
"kind": "field",
|
|
1485
|
+
"name": "pulse",
|
|
1486
|
+
"type": {
|
|
1487
|
+
"text": "boolean"
|
|
1488
|
+
},
|
|
1489
|
+
"default": "false",
|
|
1490
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
1491
|
+
"attribute": "pulse",
|
|
1492
|
+
"reflects": true
|
|
1493
|
+
}
|
|
1494
|
+
],
|
|
1495
|
+
"attributes": [
|
|
1496
|
+
{
|
|
1497
|
+
"name": "variant",
|
|
1498
|
+
"type": {
|
|
1499
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1500
|
+
},
|
|
1501
|
+
"default": "'primary'",
|
|
1502
|
+
"description": "The badge's theme variant.",
|
|
1503
|
+
"fieldName": "variant"
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"name": "pill",
|
|
1384
1507
|
"type": {
|
|
1385
1508
|
"text": "boolean"
|
|
1386
1509
|
},
|
|
@@ -1435,98 +1558,122 @@
|
|
|
1435
1558
|
},
|
|
1436
1559
|
{
|
|
1437
1560
|
"kind": "javascript-module",
|
|
1438
|
-
"path": "components/breadcrumb/breadcrumb.component.js",
|
|
1561
|
+
"path": "components/breadcrumb-item/breadcrumb-item.component.js",
|
|
1439
1562
|
"declarations": [
|
|
1440
1563
|
{
|
|
1441
1564
|
"kind": "class",
|
|
1442
1565
|
"description": "",
|
|
1443
|
-
"name": "
|
|
1566
|
+
"name": "FlowUiBreadcrumbItem",
|
|
1444
1567
|
"cssParts": [
|
|
1445
1568
|
{
|
|
1446
|
-
"description": "The component's base wrapper.",
|
|
1447
|
-
"name": "base"
|
|
1569
|
+
"description": "The component's base wrapper.",
|
|
1570
|
+
"name": "base"
|
|
1571
|
+
},
|
|
1572
|
+
{
|
|
1573
|
+
"description": "The breadcrumb item's label.",
|
|
1574
|
+
"name": "label"
|
|
1575
|
+
},
|
|
1576
|
+
{
|
|
1577
|
+
"description": "The container that wraps the prefix.",
|
|
1578
|
+
"name": "prefix"
|
|
1579
|
+
},
|
|
1580
|
+
{
|
|
1581
|
+
"description": "The container that wraps the suffix.",
|
|
1582
|
+
"name": "suffix"
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"description": "The container that wraps the separator.",
|
|
1586
|
+
"name": "separator"
|
|
1448
1587
|
}
|
|
1449
1588
|
],
|
|
1450
1589
|
"slots": [
|
|
1451
1590
|
{
|
|
1452
|
-
"description": "
|
|
1591
|
+
"description": "The breadcrumb item's label.",
|
|
1453
1592
|
"name": ""
|
|
1454
1593
|
},
|
|
1455
1594
|
{
|
|
1456
|
-
"description": "
|
|
1595
|
+
"description": "An optional prefix, usually an icon or icon button.",
|
|
1596
|
+
"name": "prefix"
|
|
1597
|
+
},
|
|
1598
|
+
{
|
|
1599
|
+
"description": "An optional suffix, usually an icon or icon button.",
|
|
1600
|
+
"name": "suffix"
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
1457
1604
|
"name": "separator"
|
|
1458
1605
|
}
|
|
1459
1606
|
],
|
|
1460
1607
|
"members": [
|
|
1461
1608
|
{
|
|
1462
1609
|
"kind": "field",
|
|
1463
|
-
"name": "
|
|
1610
|
+
"name": "hasSlotController",
|
|
1464
1611
|
"privacy": "private",
|
|
1465
1612
|
"readonly": true,
|
|
1466
|
-
"default": "new
|
|
1467
|
-
},
|
|
1468
|
-
{
|
|
1469
|
-
"kind": "field",
|
|
1470
|
-
"name": "separatorDir",
|
|
1471
|
-
"privacy": "private"
|
|
1613
|
+
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
1472
1614
|
},
|
|
1473
1615
|
{
|
|
1474
1616
|
"kind": "field",
|
|
1475
|
-
"name": "
|
|
1617
|
+
"name": "href",
|
|
1476
1618
|
"type": {
|
|
1477
|
-
"text": "
|
|
1619
|
+
"text": "string | undefined"
|
|
1478
1620
|
},
|
|
1479
|
-
"
|
|
1621
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
1622
|
+
"attribute": "href"
|
|
1480
1623
|
},
|
|
1481
1624
|
{
|
|
1482
1625
|
"kind": "field",
|
|
1483
|
-
"name": "
|
|
1626
|
+
"name": "target",
|
|
1484
1627
|
"type": {
|
|
1485
|
-
"text": "
|
|
1628
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
1486
1629
|
},
|
|
1487
|
-
"
|
|
1630
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1631
|
+
"attribute": "target"
|
|
1488
1632
|
},
|
|
1489
1633
|
{
|
|
1490
1634
|
"kind": "field",
|
|
1491
|
-
"name": "
|
|
1635
|
+
"name": "rel",
|
|
1492
1636
|
"type": {
|
|
1493
1637
|
"text": "string"
|
|
1494
1638
|
},
|
|
1495
|
-
"default": "''",
|
|
1496
|
-
"description": "The
|
|
1497
|
-
"attribute": "
|
|
1498
|
-
},
|
|
1499
|
-
{
|
|
1500
|
-
"kind": "method",
|
|
1501
|
-
"name": "getSeparator",
|
|
1502
|
-
"privacy": "private"
|
|
1503
|
-
},
|
|
1504
|
-
{
|
|
1505
|
-
"kind": "method",
|
|
1506
|
-
"name": "handleSlotChange",
|
|
1507
|
-
"privacy": "private"
|
|
1639
|
+
"default": "'noreferrer noopener'",
|
|
1640
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
1641
|
+
"attribute": "rel"
|
|
1508
1642
|
}
|
|
1509
1643
|
],
|
|
1510
1644
|
"attributes": [
|
|
1511
1645
|
{
|
|
1512
|
-
"name": "
|
|
1646
|
+
"name": "href",
|
|
1647
|
+
"type": {
|
|
1648
|
+
"text": "string | undefined"
|
|
1649
|
+
},
|
|
1650
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
1651
|
+
"fieldName": "href"
|
|
1652
|
+
},
|
|
1653
|
+
{
|
|
1654
|
+
"name": "target",
|
|
1655
|
+
"type": {
|
|
1656
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
1657
|
+
},
|
|
1658
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1659
|
+
"fieldName": "target"
|
|
1660
|
+
},
|
|
1661
|
+
{
|
|
1662
|
+
"name": "rel",
|
|
1513
1663
|
"type": {
|
|
1514
1664
|
"text": "string"
|
|
1515
1665
|
},
|
|
1516
|
-
"default": "''",
|
|
1517
|
-
"description": "The
|
|
1518
|
-
"fieldName": "
|
|
1666
|
+
"default": "'noreferrer noopener'",
|
|
1667
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
1668
|
+
"fieldName": "rel"
|
|
1519
1669
|
}
|
|
1520
1670
|
],
|
|
1521
1671
|
"superclass": {
|
|
1522
1672
|
"name": "FlowRdfElement",
|
|
1523
1673
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1524
1674
|
},
|
|
1525
|
-
"tagName": "flow-ui-breadcrumb",
|
|
1526
|
-
"summary": "
|
|
1527
|
-
"dependencies": [
|
|
1528
|
-
"flow-ui-icon"
|
|
1529
|
-
],
|
|
1675
|
+
"tagName": "flow-ui-breadcrumb-item",
|
|
1676
|
+
"summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
|
|
1530
1677
|
"customElement": true
|
|
1531
1678
|
}
|
|
1532
1679
|
],
|
|
@@ -1535,23 +1682,23 @@
|
|
|
1535
1682
|
"kind": "js",
|
|
1536
1683
|
"name": "default",
|
|
1537
1684
|
"declaration": {
|
|
1538
|
-
"name": "
|
|
1539
|
-
"module": "components/breadcrumb/breadcrumb.component.js"
|
|
1685
|
+
"name": "FlowUiBreadcrumbItem",
|
|
1686
|
+
"module": "components/breadcrumb-item/breadcrumb-item.component.js"
|
|
1540
1687
|
}
|
|
1541
1688
|
}
|
|
1542
1689
|
]
|
|
1543
1690
|
},
|
|
1544
1691
|
{
|
|
1545
1692
|
"kind": "javascript-module",
|
|
1546
|
-
"path": "components/breadcrumb/breadcrumb.js",
|
|
1693
|
+
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
1547
1694
|
"declarations": [],
|
|
1548
1695
|
"exports": [
|
|
1549
1696
|
{
|
|
1550
1697
|
"kind": "js",
|
|
1551
1698
|
"name": "default",
|
|
1552
1699
|
"declaration": {
|
|
1553
|
-
"name": "
|
|
1554
|
-
"module": "components/breadcrumb/breadcrumb.js"
|
|
1700
|
+
"name": "FlowUiBreadcrumbItem",
|
|
1701
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
1555
1702
|
}
|
|
1556
1703
|
}
|
|
1557
1704
|
]
|
|
@@ -2238,153 +2385,6 @@
|
|
|
2238
2385
|
}
|
|
2239
2386
|
]
|
|
2240
2387
|
},
|
|
2241
|
-
{
|
|
2242
|
-
"kind": "javascript-module",
|
|
2243
|
-
"path": "components/breadcrumb-item/breadcrumb-item.component.js",
|
|
2244
|
-
"declarations": [
|
|
2245
|
-
{
|
|
2246
|
-
"kind": "class",
|
|
2247
|
-
"description": "",
|
|
2248
|
-
"name": "FlowUiBreadcrumbItem",
|
|
2249
|
-
"cssParts": [
|
|
2250
|
-
{
|
|
2251
|
-
"description": "The component's base wrapper.",
|
|
2252
|
-
"name": "base"
|
|
2253
|
-
},
|
|
2254
|
-
{
|
|
2255
|
-
"description": "The breadcrumb item's label.",
|
|
2256
|
-
"name": "label"
|
|
2257
|
-
},
|
|
2258
|
-
{
|
|
2259
|
-
"description": "The container that wraps the prefix.",
|
|
2260
|
-
"name": "prefix"
|
|
2261
|
-
},
|
|
2262
|
-
{
|
|
2263
|
-
"description": "The container that wraps the suffix.",
|
|
2264
|
-
"name": "suffix"
|
|
2265
|
-
},
|
|
2266
|
-
{
|
|
2267
|
-
"description": "The container that wraps the separator.",
|
|
2268
|
-
"name": "separator"
|
|
2269
|
-
}
|
|
2270
|
-
],
|
|
2271
|
-
"slots": [
|
|
2272
|
-
{
|
|
2273
|
-
"description": "The breadcrumb item's label.",
|
|
2274
|
-
"name": ""
|
|
2275
|
-
},
|
|
2276
|
-
{
|
|
2277
|
-
"description": "An optional prefix, usually an icon or icon button.",
|
|
2278
|
-
"name": "prefix"
|
|
2279
|
-
},
|
|
2280
|
-
{
|
|
2281
|
-
"description": "An optional suffix, usually an icon or icon button.",
|
|
2282
|
-
"name": "suffix"
|
|
2283
|
-
},
|
|
2284
|
-
{
|
|
2285
|
-
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
2286
|
-
"name": "separator"
|
|
2287
|
-
}
|
|
2288
|
-
],
|
|
2289
|
-
"members": [
|
|
2290
|
-
{
|
|
2291
|
-
"kind": "field",
|
|
2292
|
-
"name": "hasSlotController",
|
|
2293
|
-
"privacy": "private",
|
|
2294
|
-
"readonly": true,
|
|
2295
|
-
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
2296
|
-
},
|
|
2297
|
-
{
|
|
2298
|
-
"kind": "field",
|
|
2299
|
-
"name": "href",
|
|
2300
|
-
"type": {
|
|
2301
|
-
"text": "string | undefined"
|
|
2302
|
-
},
|
|
2303
|
-
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
2304
|
-
"attribute": "href"
|
|
2305
|
-
},
|
|
2306
|
-
{
|
|
2307
|
-
"kind": "field",
|
|
2308
|
-
"name": "target",
|
|
2309
|
-
"type": {
|
|
2310
|
-
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
2311
|
-
},
|
|
2312
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
2313
|
-
"attribute": "target"
|
|
2314
|
-
},
|
|
2315
|
-
{
|
|
2316
|
-
"kind": "field",
|
|
2317
|
-
"name": "rel",
|
|
2318
|
-
"type": {
|
|
2319
|
-
"text": "string"
|
|
2320
|
-
},
|
|
2321
|
-
"default": "'noreferrer noopener'",
|
|
2322
|
-
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
2323
|
-
"attribute": "rel"
|
|
2324
|
-
}
|
|
2325
|
-
],
|
|
2326
|
-
"attributes": [
|
|
2327
|
-
{
|
|
2328
|
-
"name": "href",
|
|
2329
|
-
"type": {
|
|
2330
|
-
"text": "string | undefined"
|
|
2331
|
-
},
|
|
2332
|
-
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
2333
|
-
"fieldName": "href"
|
|
2334
|
-
},
|
|
2335
|
-
{
|
|
2336
|
-
"name": "target",
|
|
2337
|
-
"type": {
|
|
2338
|
-
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
2339
|
-
},
|
|
2340
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
2341
|
-
"fieldName": "target"
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "rel",
|
|
2345
|
-
"type": {
|
|
2346
|
-
"text": "string"
|
|
2347
|
-
},
|
|
2348
|
-
"default": "'noreferrer noopener'",
|
|
2349
|
-
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
2350
|
-
"fieldName": "rel"
|
|
2351
|
-
}
|
|
2352
|
-
],
|
|
2353
|
-
"superclass": {
|
|
2354
|
-
"name": "FlowRdfElement",
|
|
2355
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
2356
|
-
},
|
|
2357
|
-
"tagName": "flow-ui-breadcrumb-item",
|
|
2358
|
-
"summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
|
|
2359
|
-
"customElement": true
|
|
2360
|
-
}
|
|
2361
|
-
],
|
|
2362
|
-
"exports": [
|
|
2363
|
-
{
|
|
2364
|
-
"kind": "js",
|
|
2365
|
-
"name": "default",
|
|
2366
|
-
"declaration": {
|
|
2367
|
-
"name": "FlowUiBreadcrumbItem",
|
|
2368
|
-
"module": "components/breadcrumb-item/breadcrumb-item.component.js"
|
|
2369
|
-
}
|
|
2370
|
-
}
|
|
2371
|
-
]
|
|
2372
|
-
},
|
|
2373
|
-
{
|
|
2374
|
-
"kind": "javascript-module",
|
|
2375
|
-
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
2376
|
-
"declarations": [],
|
|
2377
|
-
"exports": [
|
|
2378
|
-
{
|
|
2379
|
-
"kind": "js",
|
|
2380
|
-
"name": "default",
|
|
2381
|
-
"declaration": {
|
|
2382
|
-
"name": "FlowUiBreadcrumbItem",
|
|
2383
|
-
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
2384
|
-
}
|
|
2385
|
-
}
|
|
2386
|
-
]
|
|
2387
|
-
},
|
|
2388
2388
|
{
|
|
2389
2389
|
"kind": "javascript-module",
|
|
2390
2390
|
"path": "components/button-group/button-group.component.js",
|
|
@@ -24587,6 +24587,6 @@
|
|
|
24587
24587
|
],
|
|
24588
24588
|
"package": {
|
|
24589
24589
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
24590
|
-
"version": "4.1.0-preview.
|
|
24590
|
+
"version": "4.1.0-preview.13"
|
|
24591
24591
|
}
|
|
24592
24592
|
}
|
package/dist/package.json.mjs
CHANGED
|
@@ -35,42 +35,6 @@
|
|
|
35
35
|
],
|
|
36
36
|
"references": []
|
|
37
37
|
},
|
|
38
|
-
{
|
|
39
|
-
"name": "flow-ui-avatar",
|
|
40
|
-
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
41
|
-
"attributes": [
|
|
42
|
-
{
|
|
43
|
-
"name": "image",
|
|
44
|
-
"description": "The image source to use for the avatar.",
|
|
45
|
-
"values": []
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"name": "label",
|
|
49
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
50
|
-
"values": []
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"name": "initials",
|
|
54
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
55
|
-
"values": []
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
"name": "loading",
|
|
59
|
-
"description": "Indicates how the browser should load the image.",
|
|
60
|
-
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"name": "shape",
|
|
64
|
-
"description": "The shape of the avatar.",
|
|
65
|
-
"values": [
|
|
66
|
-
{ "name": "circle" },
|
|
67
|
-
{ "name": "square" },
|
|
68
|
-
{ "name": "rounded" }
|
|
69
|
-
]
|
|
70
|
-
}
|
|
71
|
-
],
|
|
72
|
-
"references": []
|
|
73
|
-
},
|
|
74
38
|
{
|
|
75
39
|
"name": "flow-ui-animation",
|
|
76
40
|
"description": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-cancel** - Emitted when the animation is canceled.\n- **flow-ui-finish** - Emitted when the animation finishes.\n- **flow-ui-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
|
|
@@ -194,6 +158,54 @@
|
|
|
194
158
|
],
|
|
195
159
|
"references": []
|
|
196
160
|
},
|
|
161
|
+
{
|
|
162
|
+
"name": "flow-ui-breadcrumb",
|
|
163
|
+
"description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
164
|
+
"attributes": [
|
|
165
|
+
{
|
|
166
|
+
"name": "label",
|
|
167
|
+
"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.",
|
|
168
|
+
"values": []
|
|
169
|
+
}
|
|
170
|
+
],
|
|
171
|
+
"references": []
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"name": "flow-ui-avatar",
|
|
175
|
+
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
176
|
+
"attributes": [
|
|
177
|
+
{
|
|
178
|
+
"name": "image",
|
|
179
|
+
"description": "The image source to use for the avatar.",
|
|
180
|
+
"values": []
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "label",
|
|
184
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
185
|
+
"values": []
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "initials",
|
|
189
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
190
|
+
"values": []
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "loading",
|
|
194
|
+
"description": "Indicates how the browser should load the image.",
|
|
195
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "shape",
|
|
199
|
+
"description": "The shape of the avatar.",
|
|
200
|
+
"values": [
|
|
201
|
+
{ "name": "circle" },
|
|
202
|
+
{ "name": "square" },
|
|
203
|
+
{ "name": "rounded" }
|
|
204
|
+
]
|
|
205
|
+
}
|
|
206
|
+
],
|
|
207
|
+
"references": []
|
|
208
|
+
},
|
|
197
209
|
{
|
|
198
210
|
"name": "flow-ui-badge",
|
|
199
211
|
"description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -224,12 +236,27 @@
|
|
|
224
236
|
"references": []
|
|
225
237
|
},
|
|
226
238
|
{
|
|
227
|
-
"name": "flow-ui-breadcrumb",
|
|
228
|
-
"description": "
|
|
239
|
+
"name": "flow-ui-breadcrumb-item",
|
|
240
|
+
"description": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
|
|
229
241
|
"attributes": [
|
|
230
242
|
{
|
|
231
|
-
"name": "
|
|
232
|
-
"description": "
|
|
243
|
+
"name": "href",
|
|
244
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
245
|
+
"values": []
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "target",
|
|
249
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
250
|
+
"values": [
|
|
251
|
+
{ "name": "_blank" },
|
|
252
|
+
{ "name": "_parent" },
|
|
253
|
+
{ "name": "_self" },
|
|
254
|
+
{ "name": "_top" }
|
|
255
|
+
]
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"name": "rel",
|
|
259
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
233
260
|
"values": []
|
|
234
261
|
}
|
|
235
262
|
],
|
|
@@ -385,33 +412,6 @@
|
|
|
385
412
|
],
|
|
386
413
|
"references": []
|
|
387
414
|
},
|
|
388
|
-
{
|
|
389
|
-
"name": "flow-ui-breadcrumb-item",
|
|
390
|
-
"description": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
|
|
391
|
-
"attributes": [
|
|
392
|
-
{
|
|
393
|
-
"name": "href",
|
|
394
|
-
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
395
|
-
"values": []
|
|
396
|
-
},
|
|
397
|
-
{
|
|
398
|
-
"name": "target",
|
|
399
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
400
|
-
"values": [
|
|
401
|
-
{ "name": "_blank" },
|
|
402
|
-
{ "name": "_parent" },
|
|
403
|
-
{ "name": "_self" },
|
|
404
|
-
{ "name": "_top" }
|
|
405
|
-
]
|
|
406
|
-
},
|
|
407
|
-
{
|
|
408
|
-
"name": "rel",
|
|
409
|
-
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
410
|
-
"values": []
|
|
411
|
-
}
|
|
412
|
-
],
|
|
413
|
-
"references": []
|
|
414
|
-
},
|
|
415
415
|
{
|
|
416
416
|
"name": "flow-ui-button-group",
|
|
417
417
|
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
package/package.json
CHANGED
package/themes/dark.css
CHANGED
|
@@ -745,14 +745,14 @@
|
|
|
745
745
|
);
|
|
746
746
|
}
|
|
747
747
|
|
|
748
|
-
flow-ui-panel :nth-child(1 of :not([slot="header"])) {
|
|
748
|
+
flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
|
|
749
749
|
margin-top: 0;
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
flow-ui-panel :nth-last-child(1 of :not([slot="header"])) {
|
|
752
|
+
flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
|
|
753
753
|
margin-bottom: 0;
|
|
754
754
|
}
|
|
755
755
|
|
|
756
|
-
flow-ui-tab-panel :nth-child(1 of :not([slot="header"])) {
|
|
756
|
+
flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
|
|
757
757
|
margin-top: 0;
|
|
758
758
|
}
|
package/themes/dark.styles.js
CHANGED
|
@@ -766,15 +766,15 @@ export default css`
|
|
|
766
766
|
);
|
|
767
767
|
}
|
|
768
768
|
|
|
769
|
-
flow-ui-panel :nth-child(1 of :not([slot="header"])) {
|
|
769
|
+
flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
|
|
770
770
|
margin-top: 0;
|
|
771
771
|
}
|
|
772
772
|
|
|
773
|
-
flow-ui-panel :nth-last-child(1 of :not([slot="header"])) {
|
|
773
|
+
flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
|
|
774
774
|
margin-bottom: 0;
|
|
775
775
|
}
|
|
776
776
|
|
|
777
|
-
flow-ui-tab-panel :nth-child(1 of :not([slot="header"])) {
|
|
777
|
+
flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
|
|
778
778
|
margin-top: 0;
|
|
779
779
|
}
|
|
780
780
|
`;
|
package/themes/light.css
CHANGED
|
@@ -750,14 +750,14 @@
|
|
|
750
750
|
);
|
|
751
751
|
}
|
|
752
752
|
|
|
753
|
-
flow-ui-panel :nth-child(1 of :not([slot="header"])) {
|
|
753
|
+
flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
|
|
754
754
|
margin-top: 0;
|
|
755
755
|
}
|
|
756
756
|
|
|
757
|
-
flow-ui-panel :nth-last-child(1 of :not([slot="header"])) {
|
|
757
|
+
flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
|
|
758
758
|
margin-bottom: 0;
|
|
759
759
|
}
|
|
760
760
|
|
|
761
|
-
flow-ui-tab-panel :nth-child(1 of :not([slot="header"])) {
|
|
761
|
+
flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
|
|
762
762
|
margin-top: 0;
|
|
763
763
|
}
|
package/themes/light.styles.js
CHANGED
|
@@ -771,15 +771,15 @@ export default css`
|
|
|
771
771
|
);
|
|
772
772
|
}
|
|
773
773
|
|
|
774
|
-
flow-ui-panel :nth-child(1 of :not([slot="header"])) {
|
|
774
|
+
flow-ui-panel > :nth-child(1 of :not([slot="header"])) {
|
|
775
775
|
margin-top: 0;
|
|
776
776
|
}
|
|
777
777
|
|
|
778
|
-
flow-ui-panel :nth-last-child(1 of :not([slot="header"])) {
|
|
778
|
+
flow-ui-panel > :nth-last-child(1 of :not([slot="header"])) {
|
|
779
779
|
margin-bottom: 0;
|
|
780
780
|
}
|
|
781
781
|
|
|
782
|
-
flow-ui-tab-panel :nth-child(1 of :not([slot="header"])) {
|
|
782
|
+
flow-ui-tab-panel > :nth-child(1 of :not([slot="header"])) {
|
|
783
783
|
margin-top: 0;
|
|
784
784
|
}
|
|
785
785
|
`;
|