@emuanalytics/flow-rdf-ui 4.1.18 → 4.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/custom-elements.json +837 -837
  2. package/dist/package.json.mjs +1 -1
  3. package/dist/vscode.html-custom-data.json +107 -107
  4. package/package.json +3 -3
package/dist/custom-elements.json CHANGED
@@ -267,30 +267,46 @@
267
267
  },
268
268
  {
269
269
  "kind": "javascript-module",
270
- "path": "components/animation/animation.component.js",
270
+ "path": "components/avatar/avatar.component.js",
271
271
  "declarations": [
272
272
  {
273
273
  "kind": "class",
274
274
  "description": "",
275
- "name": "FlowUiAnimation",
276
- "slots": [
275
+ "name": "FlowUiAvatar",
276
+ "cssProperties": [
277
277
  {
278
- "description": "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.",
279
- "name": ""
278
+ "description": "The size of the avatar.",
279
+ "name": "--size"
280
280
  }
281
281
  ],
282
- "members": [
282
+ "cssParts": [
283
283
  {
284
- "kind": "field",
285
- "name": "animation",
286
- "type": {
287
- "text": "Animation | undefined"
288
- },
289
- "privacy": "private"
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
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": [
291
307
  {
292
308
  "kind": "field",
293
- "name": "hasStarted",
309
+ "name": "hasError",
294
310
  "type": {
295
311
  "text": "boolean"
296
312
  },
@@ -299,415 +315,181 @@
299
315
  },
300
316
  {
301
317
  "kind": "field",
302
- "name": "defaultSlot",
318
+ "name": "image",
303
319
  "type": {
304
- "text": "Promise<HTMLSlotElement>"
320
+ "text": "string"
305
321
  },
306
- "privacy": "private"
322
+ "default": "''",
323
+ "description": "The image source to use for the avatar.",
324
+ "attribute": "image"
307
325
  },
308
326
  {
309
327
  "kind": "field",
310
- "name": "name",
328
+ "name": "label",
311
329
  "type": {
312
330
  "text": "string"
313
331
  },
314
- "default": "'none'",
315
- "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
316
- "attribute": "name"
332
+ "default": "''",
333
+ "description": "A label to use to describe the avatar to assistive devices.",
334
+ "attribute": "label"
317
335
  },
318
336
  {
319
337
  "kind": "field",
320
- "name": "play",
338
+ "name": "initials",
321
339
  "type": {
322
- "text": "boolean"
340
+ "text": "string"
323
341
  },
324
- "default": "false",
325
- "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
326
- "attribute": "play",
327
- "reflects": true
342
+ "default": "''",
343
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
344
+ "attribute": "initials"
328
345
  },
329
346
  {
330
347
  "kind": "field",
331
- "name": "delay",
348
+ "name": "loading",
332
349
  "type": {
333
- "text": "number"
350
+ "text": "'eager' | 'lazy'"
334
351
  },
335
- "default": "0",
336
- "description": "The number of milliseconds to delay the start of the animation.",
337
- "attribute": "delay"
352
+ "default": "'eager'",
353
+ "description": "Indicates how the browser should load the image.",
354
+ "attribute": "loading"
338
355
  },
339
356
  {
340
357
  "kind": "field",
341
- "name": "direction",
358
+ "name": "shape",
342
359
  "type": {
343
- "text": "PlaybackDirection"
360
+ "text": "'circle' | 'square' | 'rounded'"
344
361
  },
345
- "default": "'normal'",
346
- "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
347
- "attribute": "direction"
348
- },
362
+ "default": "'circle'",
363
+ "description": "The shape of the avatar.",
364
+ "attribute": "shape",
365
+ "reflects": true
366
+ }
367
+ ],
368
+ "attributes": [
349
369
  {
350
- "kind": "field",
351
- "name": "duration",
370
+ "name": "image",
352
371
  "type": {
353
- "text": "number"
372
+ "text": "string"
354
373
  },
355
- "default": "1000",
356
- "description": "The number of milliseconds each iteration of the animation takes to complete.",
357
- "attribute": "duration"
374
+ "default": "''",
375
+ "description": "The image source to use for the avatar.",
376
+ "fieldName": "image"
358
377
  },
359
378
  {
360
- "kind": "field",
361
- "name": "easing",
379
+ "name": "label",
362
380
  "type": {
363
381
  "text": "string"
364
382
  },
365
- "default": "'linear'",
366
- "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
367
- "attribute": "easing"
383
+ "default": "''",
384
+ "description": "A label to use to describe the avatar to assistive devices.",
385
+ "fieldName": "label"
368
386
  },
369
387
  {
370
- "kind": "field",
371
- "name": "endDelay",
388
+ "name": "initials",
372
389
  "type": {
373
- "text": "number"
390
+ "text": "string"
374
391
  },
375
- "default": "0",
376
- "description": "The number of milliseconds to delay after the active period of an animation sequence.",
377
- "attribute": "end-delay"
392
+ "default": "''",
393
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
394
+ "fieldName": "initials"
378
395
  },
379
396
  {
380
- "kind": "field",
381
- "name": "fill",
397
+ "name": "loading",
382
398
  "type": {
383
- "text": "FillMode"
399
+ "text": "'eager' | 'lazy'"
384
400
  },
385
- "default": "'auto'",
386
- "description": "Sets how the animation applies styles to its target before and after its execution.",
387
- "attribute": "fill"
388
- },
389
- {
390
- "kind": "field",
391
- "name": "iterations",
392
- "default": "Infinity",
393
- "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
394
- "attribute": "iterations"
401
+ "default": "'eager'",
402
+ "description": "Indicates how the browser should load the image.",
403
+ "fieldName": "loading"
395
404
  },
396
405
  {
397
- "kind": "field",
398
- "name": "iterationStart",
406
+ "name": "shape",
399
407
  "type": {
400
- "text": "number"
408
+ "text": "'circle' | 'square' | 'rounded'"
401
409
  },
402
- "default": "0",
403
- "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
404
- "attribute": "iteration-start"
405
- },
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
+ {
454
+ "kind": "javascript-module",
455
+ "path": "components/autocomplete/autocomplete.component.js",
456
+ "declarations": [
457
+ {
458
+ "kind": "class",
459
+ "description": "",
460
+ "name": "FlowUiAutocomplete",
461
+ "cssParts": [
406
462
  {
407
- "kind": "field",
408
- "name": "keyframes",
409
- "type": {
410
- "text": "Keyframe[] | undefined"
411
- },
412
- "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
463
+ "description": "The form control that wraps the label, input, and help text.",
464
+ "name": "form-control"
413
465
  },
414
466
  {
415
- "kind": "field",
416
- "name": "playbackRate",
417
- "type": {
418
- "text": "number"
419
- },
420
- "default": "1",
421
- "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
422
- "attribute": "playback-rate"
467
+ "description": "The label's wrapper.",
468
+ "name": "form-control-label"
423
469
  },
424
470
  {
425
- "kind": "field",
426
- "name": "currentTime",
427
- "type": {
428
- "text": "CSSNumberish"
429
- },
430
- "description": "Gets and sets the current animation time."
471
+ "description": "The select's wrapper.",
472
+ "name": "form-control-input"
431
473
  },
432
474
  {
433
- "kind": "field",
434
- "name": "handleAnimationFinish",
435
- "privacy": "private"
475
+ "description": "The help text's wrapper.",
476
+ "name": "form-control-help-text"
436
477
  },
437
478
  {
438
- "kind": "field",
439
- "name": "handleAnimationCancel",
440
- "privacy": "private"
479
+ "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
480
+ "name": "combobox"
441
481
  },
442
482
  {
443
- "kind": "method",
444
- "name": "handleSlotChange",
445
- "privacy": "private"
483
+ "description": "The container that wraps the prefix slot.",
484
+ "name": "prefix"
446
485
  },
447
486
  {
448
- "kind": "method",
449
- "name": "createAnimation",
450
- "privacy": "private"
487
+ "description": "The container that wraps the suffix slot.",
488
+ "name": "suffix"
451
489
  },
452
490
  {
453
- "kind": "method",
454
- "name": "destroyAnimation",
455
- "privacy": "private"
456
- },
457
- {
458
- "kind": "method",
459
- "name": "cancel",
460
- "description": "Clears all keyframe effects caused by this animation and aborts its playback."
461
- },
462
- {
463
- "kind": "method",
464
- "name": "finish",
465
- "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
466
- }
467
- ],
468
- "events": [
469
- {
470
- "description": "Emitted when the animation is canceled.",
471
- "name": "flow-ui-cancel",
472
- "reactName": "onFlowUiCancel"
473
- },
474
- {
475
- "description": "Emitted when the animation finishes.",
476
- "name": "flow-ui-finish",
477
- "reactName": "onFlowUiFinish"
478
- },
479
- {
480
- "description": "Emitted when the animation starts or restarts.",
481
- "name": "flow-ui-start",
482
- "reactName": "onFlowUiStart"
483
- }
484
- ],
485
- "attributes": [
486
- {
487
- "name": "name",
488
- "type": {
489
- "text": "string"
490
- },
491
- "default": "'none'",
492
- "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
493
- "fieldName": "name"
494
- },
495
- {
496
- "name": "play",
497
- "type": {
498
- "text": "boolean"
499
- },
500
- "default": "false",
501
- "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
502
- "fieldName": "play"
503
- },
504
- {
505
- "name": "delay",
506
- "type": {
507
- "text": "number"
508
- },
509
- "default": "0",
510
- "description": "The number of milliseconds to delay the start of the animation.",
511
- "fieldName": "delay"
512
- },
513
- {
514
- "name": "direction",
515
- "type": {
516
- "text": "PlaybackDirection"
517
- },
518
- "default": "'normal'",
519
- "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
520
- "fieldName": "direction"
521
- },
522
- {
523
- "name": "duration",
524
- "type": {
525
- "text": "number"
526
- },
527
- "default": "1000",
528
- "description": "The number of milliseconds each iteration of the animation takes to complete.",
529
- "fieldName": "duration"
530
- },
531
- {
532
- "name": "easing",
533
- "type": {
534
- "text": "string"
535
- },
536
- "default": "'linear'",
537
- "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
538
- "fieldName": "easing"
539
- },
540
- {
541
- "name": "end-delay",
542
- "type": {
543
- "text": "number"
544
- },
545
- "default": "0",
546
- "description": "The number of milliseconds to delay after the active period of an animation sequence.",
547
- "fieldName": "endDelay"
548
- },
549
- {
550
- "name": "fill",
551
- "type": {
552
- "text": "FillMode"
553
- },
554
- "default": "'auto'",
555
- "description": "Sets how the animation applies styles to its target before and after its execution.",
556
- "fieldName": "fill"
557
- },
558
- {
559
- "name": "iterations",
560
- "default": "Infinity",
561
- "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
562
- "resolveInitializer": {
563
- "module": "src/components/animation/animation.component.ts"
564
- },
565
- "fieldName": "iterations"
566
- },
567
- {
568
- "name": "iteration-start",
569
- "type": {
570
- "text": "number"
571
- },
572
- "default": "0",
573
- "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
574
- "fieldName": "iterationStart"
575
- },
576
- {
577
- "name": "playback-rate",
578
- "type": {
579
- "text": "number"
580
- },
581
- "default": "1",
582
- "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
583
- "fieldName": "playbackRate"
584
- }
585
- ],
586
- "superclass": {
587
- "name": "FlowRdfElement",
588
- "module": "/src/internal/flow-ui-rdf-element"
589
- },
590
- "tagName": "flow-ui-animation",
591
- "summary": "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).",
592
- "customElement": true
593
- }
594
- ],
595
- "exports": [
596
- {
597
- "kind": "js",
598
- "name": "default",
599
- "declaration": {
600
- "name": "FlowUiAnimation",
601
- "module": "components/animation/animation.component.js"
602
- }
603
- }
604
- ]
605
- },
606
- {
607
- "kind": "javascript-module",
608
- "path": "components/animation/animation.js",
609
- "declarations": [],
610
- "exports": [
611
- {
612
- "kind": "js",
613
- "name": "*",
614
- "declaration": {
615
- "name": "*",
616
- "package": "./animation.component"
617
- }
618
- },
619
- {
620
- "kind": "js",
621
- "name": "default",
622
- "declaration": {
623
- "name": "FlowUiAnimation",
624
- "module": "components/animation/animation.js"
625
- }
626
- }
627
- ]
628
- },
629
- {
630
- "kind": "javascript-module",
631
- "path": "components/animation/animations.js",
632
- "declarations": [
633
- {
634
- "kind": "function",
635
- "name": "getAnimationNames",
636
- "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
637
- },
638
- {
639
- "kind": "function",
640
- "name": "getEasingNames",
641
- "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
642
- }
643
- ],
644
- "exports": [
645
- {
646
- "kind": "js",
647
- "name": "animations",
648
- "declaration": {
649
- "name": "animations",
650
- "module": "components/animation/animations.js"
651
- }
652
- },
653
- {
654
- "kind": "js",
655
- "name": "getAnimationNames",
656
- "declaration": {
657
- "name": "getAnimationNames",
658
- "module": "components/animation/animations.js"
659
- }
660
- },
661
- {
662
- "kind": "js",
663
- "name": "getEasingNames",
664
- "declaration": {
665
- "name": "getEasingNames",
666
- "module": "components/animation/animations.js"
667
- }
668
- }
669
- ]
670
- },
671
- {
672
- "kind": "javascript-module",
673
- "path": "components/autocomplete/autocomplete.component.js",
674
- "declarations": [
675
- {
676
- "kind": "class",
677
- "description": "",
678
- "name": "FlowUiAutocomplete",
679
- "cssParts": [
680
- {
681
- "description": "The form control that wraps the label, input, and help text.",
682
- "name": "form-control"
683
- },
684
- {
685
- "description": "The label's wrapper.",
686
- "name": "form-control-label"
687
- },
688
- {
689
- "description": "The select's wrapper.",
690
- "name": "form-control-input"
691
- },
692
- {
693
- "description": "The help text's wrapper.",
694
- "name": "form-control-help-text"
695
- },
696
- {
697
- "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
698
- "name": "combobox"
699
- },
700
- {
701
- "description": "The container that wraps the prefix slot.",
702
- "name": "prefix"
703
- },
704
- {
705
- "description": "The container that wraps the suffix slot.",
706
- "name": "suffix"
707
- },
708
- {
709
- "description": "The element that displays the selected option's label, an `<input>` element.",
710
- "name": "display-input"
491
+ "description": "The element that displays the selected option's label, an `<input>` element.",
492
+ "name": "display-input"
711
493
  },
712
494
  {
713
495
  "description": "The listbox container where options are slotted.",
@@ -1419,160 +1201,114 @@
1419
1201
  },
1420
1202
  {
1421
1203
  "kind": "javascript-module",
1422
- "path": "components/avatar/avatar.component.js",
1204
+ "path": "components/badge/badge.component.js",
1423
1205
  "declarations": [
1424
1206
  {
1425
1207
  "kind": "class",
1426
1208
  "description": "",
1427
- "name": "FlowUiAvatar",
1428
- "cssProperties": [
1429
- {
1430
- "description": "The size of the avatar.",
1431
- "name": "--size"
1432
- }
1433
- ],
1209
+ "name": "FlowUiBadge",
1434
1210
  "cssParts": [
1435
1211
  {
1436
1212
  "description": "The component's base wrapper.",
1437
1213
  "name": "base"
1438
- },
1439
- {
1440
- "description": "The container that wraps the avatar's icon.",
1441
- "name": "icon"
1442
- },
1443
- {
1444
- "description": "The container that wraps the avatar's initials.",
1445
- "name": "initials"
1446
- },
1447
- {
1448
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1449
- "name": "image"
1450
1214
  }
1451
1215
  ],
1452
1216
  "slots": [
1453
1217
  {
1454
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1455
- "name": "icon"
1218
+ "description": "The badge's content.",
1219
+ "name": ""
1456
1220
  }
1457
1221
  ],
1458
1222
  "members": [
1459
1223
  {
1460
1224
  "kind": "field",
1461
- "name": "hasError",
1462
- "type": {
1463
- "text": "boolean"
1464
- },
1465
- "privacy": "private",
1466
- "default": "false"
1467
- },
1468
- {
1469
- "kind": "field",
1470
- "name": "image",
1471
- "type": {
1472
- "text": "string"
1473
- },
1474
- "default": "''",
1475
- "description": "The image source to use for the avatar.",
1476
- "attribute": "image"
1477
- },
1478
- {
1479
- "kind": "field",
1480
- "name": "label",
1225
+ "name": "variant",
1481
1226
  "type": {
1482
- "text": "string"
1227
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1483
1228
  },
1484
- "default": "''",
1485
- "description": "A label to use to describe the avatar to assistive devices.",
1486
- "attribute": "label"
1229
+ "default": "'primary'",
1230
+ "description": "The badge's theme variant.",
1231
+ "attribute": "variant",
1232
+ "reflects": true
1487
1233
  },
1488
1234
  {
1489
1235
  "kind": "field",
1490
- "name": "initials",
1236
+ "name": "size",
1491
1237
  "type": {
1492
- "text": "string"
1238
+ "text": "'small' | 'medium' | 'large'"
1493
1239
  },
1494
- "default": "''",
1495
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1496
- "attribute": "initials"
1240
+ "default": "'medium'",
1241
+ "description": "The badge size.",
1242
+ "attribute": "size",
1243
+ "reflects": true
1497
1244
  },
1498
1245
  {
1499
1246
  "kind": "field",
1500
- "name": "loading",
1247
+ "name": "pill",
1501
1248
  "type": {
1502
- "text": "'eager' | 'lazy'"
1249
+ "text": "boolean"
1503
1250
  },
1504
- "default": "'eager'",
1505
- "description": "Indicates how the browser should load the image.",
1506
- "attribute": "loading"
1251
+ "default": "false",
1252
+ "description": "Draws a pill-style badge with rounded edges.",
1253
+ "attribute": "pill",
1254
+ "reflects": true
1507
1255
  },
1508
1256
  {
1509
1257
  "kind": "field",
1510
- "name": "shape",
1258
+ "name": "pulse",
1511
1259
  "type": {
1512
- "text": "'circle' | 'square' | 'rounded'"
1260
+ "text": "boolean"
1513
1261
  },
1514
- "default": "'circle'",
1515
- "description": "The shape of the avatar.",
1516
- "attribute": "shape",
1262
+ "default": "false",
1263
+ "description": "Makes the badge pulsate to draw attention.",
1264
+ "attribute": "pulse",
1517
1265
  "reflects": true
1518
1266
  }
1519
1267
  ],
1520
1268
  "attributes": [
1521
1269
  {
1522
- "name": "image",
1523
- "type": {
1524
- "text": "string"
1525
- },
1526
- "default": "''",
1527
- "description": "The image source to use for the avatar.",
1528
- "fieldName": "image"
1529
- },
1530
- {
1531
- "name": "label",
1270
+ "name": "variant",
1532
1271
  "type": {
1533
- "text": "string"
1272
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1534
1273
  },
1535
- "default": "''",
1536
- "description": "A label to use to describe the avatar to assistive devices.",
1537
- "fieldName": "label"
1274
+ "default": "'primary'",
1275
+ "description": "The badge's theme variant.",
1276
+ "fieldName": "variant"
1538
1277
  },
1539
1278
  {
1540
- "name": "initials",
1279
+ "name": "size",
1541
1280
  "type": {
1542
- "text": "string"
1281
+ "text": "'small' | 'medium' | 'large'"
1543
1282
  },
1544
- "default": "''",
1545
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1546
- "fieldName": "initials"
1283
+ "default": "'medium'",
1284
+ "description": "The badge size.",
1285
+ "fieldName": "size"
1547
1286
  },
1548
1287
  {
1549
- "name": "loading",
1288
+ "name": "pill",
1550
1289
  "type": {
1551
- "text": "'eager' | 'lazy'"
1290
+ "text": "boolean"
1552
1291
  },
1553
- "default": "'eager'",
1554
- "description": "Indicates how the browser should load the image.",
1555
- "fieldName": "loading"
1292
+ "default": "false",
1293
+ "description": "Draws a pill-style badge with rounded edges.",
1294
+ "fieldName": "pill"
1556
1295
  },
1557
1296
  {
1558
- "name": "shape",
1297
+ "name": "pulse",
1559
1298
  "type": {
1560
- "text": "'circle' | 'square' | 'rounded'"
1299
+ "text": "boolean"
1561
1300
  },
1562
- "default": "'circle'",
1563
- "description": "The shape of the avatar.",
1564
- "fieldName": "shape"
1301
+ "default": "false",
1302
+ "description": "Makes the badge pulsate to draw attention.",
1303
+ "fieldName": "pulse"
1565
1304
  }
1566
1305
  ],
1567
1306
  "superclass": {
1568
1307
  "name": "FlowRdfElement",
1569
1308
  "module": "/src/internal/flow-ui-rdf-element"
1570
1309
  },
1571
- "tagName": "flow-ui-avatar",
1572
- "summary": "Avatars are used to represent a person or object.",
1573
- "dependencies": [
1574
- "flow-ui-icon"
1575
- ],
1310
+ "tagName": "flow-ui-badge",
1311
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1576
1312
  "customElement": true
1577
1313
  }
1578
1314
  ],
@@ -1581,120 +1317,450 @@
1581
1317
  "kind": "js",
1582
1318
  "name": "default",
1583
1319
  "declaration": {
1584
- "name": "FlowUiAvatar",
1585
- "module": "components/avatar/avatar.component.js"
1320
+ "name": "FlowUiBadge",
1321
+ "module": "components/badge/badge.component.js"
1586
1322
  }
1587
1323
  }
1588
1324
  ]
1589
1325
  },
1590
1326
  {
1591
1327
  "kind": "javascript-module",
1592
- "path": "components/avatar/avatar.js",
1328
+ "path": "components/badge/badge.js",
1593
1329
  "declarations": [],
1594
1330
  "exports": [
1595
1331
  {
1596
1332
  "kind": "js",
1597
1333
  "name": "default",
1598
1334
  "declaration": {
1599
- "name": "FlowUiAvatar",
1600
- "module": "components/avatar/avatar.js"
1335
+ "name": "FlowUiBadge",
1336
+ "module": "components/badge/badge.js"
1601
1337
  }
1602
1338
  }
1603
1339
  ]
1604
1340
  },
1605
1341
  {
1606
1342
  "kind": "javascript-module",
1607
- "path": "components/breadcrumb/breadcrumb.component.js",
1343
+ "path": "components/base-control/base-control.component.js",
1608
1344
  "declarations": [
1609
1345
  {
1610
1346
  "kind": "class",
1611
1347
  "description": "",
1612
- "name": "FlowUiBreadcrumb",
1348
+ "name": "FlowUiBaseControl",
1613
1349
  "cssParts": [
1350
+ {
1351
+ "description": "The form control that wraps the label, input, and help text.",
1352
+ "name": "form-control"
1353
+ },
1354
+ {
1355
+ "description": "The label's wrapper.",
1356
+ "name": "form-control-label"
1357
+ },
1358
+ {
1359
+ "description": "The input's wrapper.",
1360
+ "name": "form-control-input"
1361
+ },
1362
+ {
1363
+ "description": "The help text's wrapper.",
1364
+ "name": "form-control-help-text"
1365
+ },
1614
1366
  {
1615
1367
  "description": "The component's base wrapper.",
1616
1368
  "name": "base"
1369
+ },
1370
+ {
1371
+ "description": "The internal `<input>` control.",
1372
+ "name": "input"
1373
+ },
1374
+ {
1375
+ "description": "The container that wraps the prefix.",
1376
+ "name": "prefix"
1377
+ },
1378
+ {
1379
+ "description": "The clear button.",
1380
+ "name": "clear-button"
1381
+ },
1382
+ {
1383
+ "description": "The password toggle button.",
1384
+ "name": "password-toggle-button"
1385
+ },
1386
+ {
1387
+ "description": "The container that wraps the suffix.",
1388
+ "name": "suffix"
1617
1389
  }
1618
1390
  ],
1619
1391
  "slots": [
1620
1392
  {
1621
- "description": "One or more breadcrumb items to display.",
1622
- "name": ""
1393
+ "description": "The input's label. Alternatively, you can use the `label` attribute.",
1394
+ "name": "label"
1623
1395
  },
1624
1396
  {
1625
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1626
- "name": "separator"
1397
+ "description": "Used to prepend a presentational icon or similar element to the input.",
1398
+ "name": "prefix"
1399
+ },
1400
+ {
1401
+ "description": "Used to append a presentational icon or similar element to the input.",
1402
+ "name": "suffix"
1403
+ },
1404
+ {
1405
+ "description": "An icon to use in lieu of the default clear icon.",
1406
+ "name": "clear-icon"
1407
+ },
1408
+ {
1409
+ "description": "An icon to use in lieu of the default show password icon.",
1410
+ "name": "show-password-icon"
1411
+ },
1412
+ {
1413
+ "description": "An icon to use in lieu of the default hide password icon.",
1414
+ "name": "hide-password-icon"
1415
+ },
1416
+ {
1417
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
1418
+ "name": "help-text"
1627
1419
  }
1628
1420
  ],
1629
1421
  "members": [
1630
1422
  {
1631
1423
  "kind": "field",
1632
- "name": "localize",
1424
+ "name": "formControlController",
1633
1425
  "privacy": "private",
1634
1426
  "readonly": true,
1635
- "default": "new LocalizeController(this)"
1427
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
1636
1428
  },
1637
1429
  {
1638
1430
  "kind": "field",
1639
- "name": "separatorDir",
1640
- "privacy": "private"
1431
+ "name": "hasSlotController",
1432
+ "privacy": "private",
1433
+ "readonly": true,
1434
+ "default": "new HasSlotController(this, 'help-text', 'label')"
1641
1435
  },
1642
1436
  {
1643
1437
  "kind": "field",
1644
- "name": "defaultSlot",
1438
+ "name": "hasFocus",
1645
1439
  "type": {
1646
- "text": "HTMLSlotElement"
1440
+ "text": "boolean"
1647
1441
  },
1648
- "privacy": "private"
1442
+ "privacy": "private",
1443
+ "default": "false"
1649
1444
  },
1650
1445
  {
1651
1446
  "kind": "field",
1652
- "name": "separatorSlot",
1447
+ "name": "size",
1653
1448
  "type": {
1654
- "text": "HTMLSlotElement"
1449
+ "text": "'small' | 'medium' | 'large'"
1655
1450
  },
1656
- "privacy": "private"
1451
+ "default": "'medium'",
1452
+ "description": "The input's size.",
1453
+ "attribute": "size",
1454
+ "reflects": true
1657
1455
  },
1658
1456
  {
1659
1457
  "kind": "field",
1660
- "name": "label",
1458
+ "name": "filled",
1661
1459
  "type": {
1662
- "text": "string"
1460
+ "text": "boolean"
1663
1461
  },
1664
- "default": "''",
1665
- "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.",
1666
- "attribute": "label"
1667
- },
1668
- {
1669
- "kind": "method",
1670
- "name": "getSeparator",
1462
+ "default": "false",
1463
+ "description": "Draws a filled input.",
1464
+ "attribute": "filled",
1465
+ "reflects": true
1466
+ },
1467
+ {
1468
+ "kind": "field",
1469
+ "name": "pill",
1470
+ "type": {
1471
+ "text": "boolean"
1472
+ },
1473
+ "default": "false",
1474
+ "description": "Draws a pill-style input with rounded edges.",
1475
+ "attribute": "pill",
1476
+ "reflects": true
1477
+ },
1478
+ {
1479
+ "kind": "field",
1480
+ "name": "label",
1481
+ "type": {
1482
+ "text": "string"
1483
+ },
1484
+ "default": "''",
1485
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1486
+ "attribute": "label"
1487
+ },
1488
+ {
1489
+ "kind": "field",
1490
+ "name": "helpText",
1491
+ "type": {
1492
+ "text": "string"
1493
+ },
1494
+ "default": "''",
1495
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1496
+ "attribute": "help-text"
1497
+ },
1498
+ {
1499
+ "kind": "field",
1500
+ "name": "disabled",
1501
+ "type": {
1502
+ "text": "boolean"
1503
+ },
1504
+ "default": "false",
1505
+ "description": "Disables the input.",
1506
+ "attribute": "disabled",
1507
+ "reflects": true
1508
+ },
1509
+ {
1510
+ "kind": "field",
1511
+ "name": "form",
1512
+ "type": {
1513
+ "text": "string"
1514
+ },
1515
+ "default": "''",
1516
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1517
+ "attribute": "form",
1518
+ "reflects": true
1519
+ },
1520
+ {
1521
+ "kind": "field",
1522
+ "name": "required",
1523
+ "type": {
1524
+ "text": "boolean"
1525
+ },
1526
+ "default": "false",
1527
+ "description": "Makes the input a required field.",
1528
+ "attribute": "required",
1529
+ "reflects": true
1530
+ },
1531
+ {
1532
+ "kind": "field",
1533
+ "name": "inline",
1534
+ "type": {
1535
+ "text": "boolean"
1536
+ },
1537
+ "default": "false",
1538
+ "description": "Display the input in the 'inline' form control style.",
1539
+ "attribute": "inline",
1540
+ "reflects": true
1541
+ },
1542
+ {
1543
+ "kind": "field",
1544
+ "name": "divider",
1545
+ "type": {
1546
+ "text": "boolean"
1547
+ },
1548
+ "default": "false",
1549
+ "description": "Indicates that the control should display a divider",
1550
+ "attribute": "divider",
1551
+ "reflects": true
1552
+ },
1553
+ {
1554
+ "kind": "field",
1555
+ "name": "validity",
1556
+ "description": "Gets the validity state object",
1557
+ "readonly": true
1558
+ },
1559
+ {
1560
+ "kind": "field",
1561
+ "name": "validationMessage",
1562
+ "description": "Gets the validation message",
1563
+ "readonly": true
1564
+ },
1565
+ {
1566
+ "kind": "method",
1567
+ "name": "handleBlur",
1671
1568
  "privacy": "private"
1672
1569
  },
1673
1570
  {
1674
1571
  "kind": "method",
1675
- "name": "handleSlotChange",
1572
+ "name": "handleFocus",
1676
1573
  "privacy": "private"
1574
+ },
1575
+ {
1576
+ "kind": "method",
1577
+ "name": "focus",
1578
+ "parameters": [
1579
+ {
1580
+ "name": "options",
1581
+ "optional": true,
1582
+ "type": {
1583
+ "text": "FocusOptions"
1584
+ }
1585
+ }
1586
+ ],
1587
+ "description": "Sets focus on the input."
1588
+ },
1589
+ {
1590
+ "kind": "method",
1591
+ "name": "blur",
1592
+ "description": "Removes focus from the input."
1593
+ },
1594
+ {
1595
+ "kind": "method",
1596
+ "name": "checkValidity",
1597
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1598
+ },
1599
+ {
1600
+ "kind": "method",
1601
+ "name": "getForm",
1602
+ "return": {
1603
+ "type": {
1604
+ "text": "HTMLFormElement | null"
1605
+ }
1606
+ },
1607
+ "description": "Gets the associated form, if one exists."
1608
+ },
1609
+ {
1610
+ "kind": "method",
1611
+ "name": "reportValidity",
1612
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1613
+ },
1614
+ {
1615
+ "kind": "method",
1616
+ "name": "setCustomValidity",
1617
+ "parameters": [
1618
+ {
1619
+ "name": "message",
1620
+ "type": {
1621
+ "text": "string"
1622
+ }
1623
+ }
1624
+ ],
1625
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
1626
+ }
1627
+ ],
1628
+ "events": [
1629
+ {
1630
+ "description": "Emitted when the control loses focus.",
1631
+ "name": "flow-ui-blur",
1632
+ "reactName": "onFlowUiBlur"
1633
+ },
1634
+ {
1635
+ "description": "Emitted when an alteration to the control's value is committed by the user.",
1636
+ "name": "flow-ui-change",
1637
+ "reactName": "onFlowUiChange"
1638
+ },
1639
+ {
1640
+ "description": "Emitted when the clear button is activated.",
1641
+ "name": "flow-ui-clear",
1642
+ "reactName": "onFlowUiClear"
1643
+ },
1644
+ {
1645
+ "description": "Emitted when the control gains focus.",
1646
+ "name": "flow-ui-focus",
1647
+ "reactName": "onFlowUiFocus"
1648
+ },
1649
+ {
1650
+ "description": "Emitted when the control receives input.",
1651
+ "name": "flow-ui-input",
1652
+ "reactName": "onFlowUiInput"
1653
+ },
1654
+ {
1655
+ "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
1656
+ "name": "flow-ui-invalid",
1657
+ "reactName": "onFlowUiInvalid"
1677
1658
  }
1678
1659
  ],
1679
1660
  "attributes": [
1661
+ {
1662
+ "name": "size",
1663
+ "type": {
1664
+ "text": "'small' | 'medium' | 'large'"
1665
+ },
1666
+ "default": "'medium'",
1667
+ "description": "The input's size.",
1668
+ "fieldName": "size"
1669
+ },
1670
+ {
1671
+ "name": "filled",
1672
+ "type": {
1673
+ "text": "boolean"
1674
+ },
1675
+ "default": "false",
1676
+ "description": "Draws a filled input.",
1677
+ "fieldName": "filled"
1678
+ },
1679
+ {
1680
+ "name": "pill",
1681
+ "type": {
1682
+ "text": "boolean"
1683
+ },
1684
+ "default": "false",
1685
+ "description": "Draws a pill-style input with rounded edges.",
1686
+ "fieldName": "pill"
1687
+ },
1680
1688
  {
1681
1689
  "name": "label",
1682
1690
  "type": {
1683
1691
  "text": "string"
1684
1692
  },
1685
1693
  "default": "''",
1686
- "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.",
1694
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1687
1695
  "fieldName": "label"
1696
+ },
1697
+ {
1698
+ "name": "help-text",
1699
+ "type": {
1700
+ "text": "string"
1701
+ },
1702
+ "default": "''",
1703
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1704
+ "fieldName": "helpText"
1705
+ },
1706
+ {
1707
+ "name": "disabled",
1708
+ "type": {
1709
+ "text": "boolean"
1710
+ },
1711
+ "default": "false",
1712
+ "description": "Disables the input.",
1713
+ "fieldName": "disabled"
1714
+ },
1715
+ {
1716
+ "name": "form",
1717
+ "type": {
1718
+ "text": "string"
1719
+ },
1720
+ "default": "''",
1721
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1722
+ "fieldName": "form"
1723
+ },
1724
+ {
1725
+ "name": "required",
1726
+ "type": {
1727
+ "text": "boolean"
1728
+ },
1729
+ "default": "false",
1730
+ "description": "Makes the input a required field.",
1731
+ "fieldName": "required"
1732
+ },
1733
+ {
1734
+ "name": "inline",
1735
+ "type": {
1736
+ "text": "boolean"
1737
+ },
1738
+ "default": "false",
1739
+ "description": "Display the input in the 'inline' form control style.",
1740
+ "fieldName": "inline"
1741
+ },
1742
+ {
1743
+ "name": "divider",
1744
+ "type": {
1745
+ "text": "boolean"
1746
+ },
1747
+ "default": "false",
1748
+ "description": "Indicates that the control should display a divider",
1749
+ "fieldName": "divider"
1688
1750
  }
1689
1751
  ],
1690
1752
  "superclass": {
1691
- "name": "FlowRdfElement",
1753
+ "name": "FlowRdfFormControl",
1692
1754
  "module": "/src/internal/flow-ui-rdf-element"
1693
1755
  },
1694
- "tagName": "flow-ui-breadcrumb",
1695
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1756
+ "tagName": "flow-ui-base-control",
1757
+ "summary": "Inputs collect data from the user.",
1758
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
1759
+ "status": "stable",
1760
+ "since": "2.0",
1696
1761
  "dependencies": [
1697
- "flow-ui-icon"
1762
+ "flow-ui-icon",
1763
+ "flow-ui-icon-button"
1698
1764
  ],
1699
1765
  "customElement": true
1700
1766
  }
@@ -1704,125 +1770,61 @@
1704
1770
  "kind": "js",
1705
1771
  "name": "default",
1706
1772
  "declaration": {
1707
- "name": "FlowUiBreadcrumb",
1708
- "module": "components/breadcrumb/breadcrumb.component.js"
1773
+ "name": "FlowUiBaseControl",
1774
+ "module": "components/base-control/base-control.component.js"
1709
1775
  }
1710
1776
  }
1711
1777
  ]
1712
1778
  },
1713
1779
  {
1714
1780
  "kind": "javascript-module",
1715
- "path": "components/breadcrumb/breadcrumb.js",
1781
+ "path": "components/base-control/base-control.js",
1716
1782
  "declarations": [],
1717
1783
  "exports": [
1784
+ {
1785
+ "kind": "js",
1786
+ "name": "*",
1787
+ "declaration": {
1788
+ "name": "*",
1789
+ "package": "./base-control.component"
1790
+ }
1791
+ },
1718
1792
  {
1719
1793
  "kind": "js",
1720
1794
  "name": "default",
1721
1795
  "declaration": {
1722
- "name": "FlowUiBreadcrumb",
1723
- "module": "components/breadcrumb/breadcrumb.js"
1796
+ "name": "FlowUiBaseControl",
1797
+ "module": "components/base-control/base-control.js"
1724
1798
  }
1725
1799
  }
1726
1800
  ]
1727
1801
  },
1728
1802
  {
1729
1803
  "kind": "javascript-module",
1730
- "path": "components/base-control/base-control.component.js",
1804
+ "path": "components/animation/animation.component.js",
1731
1805
  "declarations": [
1732
1806
  {
1733
1807
  "kind": "class",
1734
1808
  "description": "",
1735
- "name": "FlowUiBaseControl",
1736
- "cssParts": [
1737
- {
1738
- "description": "The form control that wraps the label, input, and help text.",
1739
- "name": "form-control"
1740
- },
1741
- {
1742
- "description": "The label's wrapper.",
1743
- "name": "form-control-label"
1744
- },
1745
- {
1746
- "description": "The input's wrapper.",
1747
- "name": "form-control-input"
1748
- },
1749
- {
1750
- "description": "The help text's wrapper.",
1751
- "name": "form-control-help-text"
1752
- },
1753
- {
1754
- "description": "The component's base wrapper.",
1755
- "name": "base"
1756
- },
1757
- {
1758
- "description": "The internal `<input>` control.",
1759
- "name": "input"
1760
- },
1761
- {
1762
- "description": "The container that wraps the prefix.",
1763
- "name": "prefix"
1764
- },
1765
- {
1766
- "description": "The clear button.",
1767
- "name": "clear-button"
1768
- },
1769
- {
1770
- "description": "The password toggle button.",
1771
- "name": "password-toggle-button"
1772
- },
1773
- {
1774
- "description": "The container that wraps the suffix.",
1775
- "name": "suffix"
1776
- }
1777
- ],
1809
+ "name": "FlowUiAnimation",
1778
1810
  "slots": [
1779
1811
  {
1780
- "description": "The input's label. Alternatively, you can use the `label` attribute.",
1781
- "name": "label"
1782
- },
1783
- {
1784
- "description": "Used to prepend a presentational icon or similar element to the input.",
1785
- "name": "prefix"
1786
- },
1787
- {
1788
- "description": "Used to append a presentational icon or similar element to the input.",
1789
- "name": "suffix"
1790
- },
1791
- {
1792
- "description": "An icon to use in lieu of the default clear icon.",
1793
- "name": "clear-icon"
1794
- },
1795
- {
1796
- "description": "An icon to use in lieu of the default show password icon.",
1797
- "name": "show-password-icon"
1798
- },
1799
- {
1800
- "description": "An icon to use in lieu of the default hide password icon.",
1801
- "name": "hide-password-icon"
1802
- },
1803
- {
1804
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
1805
- "name": "help-text"
1812
+ "description": "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.",
1813
+ "name": ""
1806
1814
  }
1807
1815
  ],
1808
1816
  "members": [
1809
1817
  {
1810
1818
  "kind": "field",
1811
- "name": "formControlController",
1812
- "privacy": "private",
1813
- "readonly": true,
1814
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
1815
- },
1816
- {
1817
- "kind": "field",
1818
- "name": "hasSlotController",
1819
- "privacy": "private",
1820
- "readonly": true,
1821
- "default": "new HasSlotController(this, 'help-text', 'label')"
1819
+ "name": "animation",
1820
+ "type": {
1821
+ "text": "Animation | undefined"
1822
+ },
1823
+ "privacy": "private"
1822
1824
  },
1823
1825
  {
1824
1826
  "kind": "field",
1825
- "name": "hasFocus",
1827
+ "name": "hasStarted",
1826
1828
  "type": {
1827
1829
  "text": "boolean"
1828
1830
  },
@@ -1831,324 +1833,296 @@
1831
1833
  },
1832
1834
  {
1833
1835
  "kind": "field",
1834
- "name": "size",
1836
+ "name": "defaultSlot",
1835
1837
  "type": {
1836
- "text": "'small' | 'medium' | 'large'"
1838
+ "text": "Promise<HTMLSlotElement>"
1837
1839
  },
1838
- "default": "'medium'",
1839
- "description": "The input's size.",
1840
- "attribute": "size",
1841
- "reflects": true
1840
+ "privacy": "private"
1842
1841
  },
1843
1842
  {
1844
1843
  "kind": "field",
1845
- "name": "filled",
1844
+ "name": "name",
1846
1845
  "type": {
1847
- "text": "boolean"
1846
+ "text": "string"
1848
1847
  },
1849
- "default": "false",
1850
- "description": "Draws a filled input.",
1851
- "attribute": "filled",
1852
- "reflects": true
1848
+ "default": "'none'",
1849
+ "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
1850
+ "attribute": "name"
1853
1851
  },
1854
1852
  {
1855
1853
  "kind": "field",
1856
- "name": "pill",
1854
+ "name": "play",
1857
1855
  "type": {
1858
1856
  "text": "boolean"
1859
1857
  },
1860
1858
  "default": "false",
1861
- "description": "Draws a pill-style input with rounded edges.",
1862
- "attribute": "pill",
1859
+ "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
1860
+ "attribute": "play",
1863
1861
  "reflects": true
1864
1862
  },
1865
1863
  {
1866
1864
  "kind": "field",
1867
- "name": "label",
1865
+ "name": "delay",
1868
1866
  "type": {
1869
- "text": "string"
1867
+ "text": "number"
1870
1868
  },
1871
- "default": "''",
1872
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1873
- "attribute": "label"
1869
+ "default": "0",
1870
+ "description": "The number of milliseconds to delay the start of the animation.",
1871
+ "attribute": "delay"
1874
1872
  },
1875
1873
  {
1876
1874
  "kind": "field",
1877
- "name": "helpText",
1875
+ "name": "direction",
1878
1876
  "type": {
1879
- "text": "string"
1877
+ "text": "PlaybackDirection"
1880
1878
  },
1881
- "default": "''",
1882
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1883
- "attribute": "help-text"
1879
+ "default": "'normal'",
1880
+ "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
1881
+ "attribute": "direction"
1884
1882
  },
1885
1883
  {
1886
1884
  "kind": "field",
1887
- "name": "disabled",
1885
+ "name": "duration",
1888
1886
  "type": {
1889
- "text": "boolean"
1887
+ "text": "number"
1890
1888
  },
1891
- "default": "false",
1892
- "description": "Disables the input.",
1893
- "attribute": "disabled",
1894
- "reflects": true
1889
+ "default": "1000",
1890
+ "description": "The number of milliseconds each iteration of the animation takes to complete.",
1891
+ "attribute": "duration"
1895
1892
  },
1896
1893
  {
1897
1894
  "kind": "field",
1898
- "name": "form",
1895
+ "name": "easing",
1899
1896
  "type": {
1900
1897
  "text": "string"
1901
1898
  },
1902
- "default": "''",
1903
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
1904
- "attribute": "form",
1905
- "reflects": true
1899
+ "default": "'linear'",
1900
+ "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
1901
+ "attribute": "easing"
1906
1902
  },
1907
1903
  {
1908
1904
  "kind": "field",
1909
- "name": "required",
1905
+ "name": "endDelay",
1910
1906
  "type": {
1911
- "text": "boolean"
1907
+ "text": "number"
1912
1908
  },
1913
- "default": "false",
1914
- "description": "Makes the input a required field.",
1915
- "attribute": "required",
1916
- "reflects": true
1909
+ "default": "0",
1910
+ "description": "The number of milliseconds to delay after the active period of an animation sequence.",
1911
+ "attribute": "end-delay"
1917
1912
  },
1918
1913
  {
1919
1914
  "kind": "field",
1920
- "name": "inline",
1915
+ "name": "fill",
1921
1916
  "type": {
1922
- "text": "boolean"
1917
+ "text": "FillMode"
1923
1918
  },
1924
- "default": "false",
1925
- "description": "Display the input in the 'inline' form control style.",
1926
- "attribute": "inline",
1927
- "reflects": true
1919
+ "default": "'auto'",
1920
+ "description": "Sets how the animation applies styles to its target before and after its execution.",
1921
+ "attribute": "fill"
1928
1922
  },
1929
1923
  {
1930
1924
  "kind": "field",
1931
- "name": "divider",
1925
+ "name": "iterations",
1926
+ "default": "Infinity",
1927
+ "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
1928
+ "attribute": "iterations"
1929
+ },
1930
+ {
1931
+ "kind": "field",
1932
+ "name": "iterationStart",
1932
1933
  "type": {
1933
- "text": "boolean"
1934
+ "text": "number"
1934
1935
  },
1935
- "default": "false",
1936
- "description": "Indicates that the control should display a divider",
1937
- "attribute": "divider",
1938
- "reflects": true
1936
+ "default": "0",
1937
+ "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
1938
+ "attribute": "iteration-start"
1939
1939
  },
1940
1940
  {
1941
1941
  "kind": "field",
1942
- "name": "validity",
1943
- "description": "Gets the validity state object",
1944
- "readonly": true
1942
+ "name": "keyframes",
1943
+ "type": {
1944
+ "text": "Keyframe[] | undefined"
1945
+ },
1946
+ "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
1945
1947
  },
1946
1948
  {
1947
1949
  "kind": "field",
1948
- "name": "validationMessage",
1949
- "description": "Gets the validation message",
1950
- "readonly": true
1950
+ "name": "playbackRate",
1951
+ "type": {
1952
+ "text": "number"
1953
+ },
1954
+ "default": "1",
1955
+ "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
1956
+ "attribute": "playback-rate"
1951
1957
  },
1952
1958
  {
1953
- "kind": "method",
1954
- "name": "handleBlur",
1955
- "privacy": "private"
1959
+ "kind": "field",
1960
+ "name": "currentTime",
1961
+ "type": {
1962
+ "text": "CSSNumberish"
1963
+ },
1964
+ "description": "Gets and sets the current animation time."
1956
1965
  },
1957
1966
  {
1958
- "kind": "method",
1959
- "name": "handleFocus",
1967
+ "kind": "field",
1968
+ "name": "handleAnimationFinish",
1960
1969
  "privacy": "private"
1961
1970
  },
1962
1971
  {
1963
- "kind": "method",
1964
- "name": "focus",
1965
- "parameters": [
1966
- {
1967
- "name": "options",
1968
- "optional": true,
1969
- "type": {
1970
- "text": "FocusOptions"
1971
- }
1972
- }
1973
- ],
1974
- "description": "Sets focus on the input."
1972
+ "kind": "field",
1973
+ "name": "handleAnimationCancel",
1974
+ "privacy": "private"
1975
1975
  },
1976
1976
  {
1977
1977
  "kind": "method",
1978
- "name": "blur",
1979
- "description": "Removes focus from the input."
1978
+ "name": "handleSlotChange",
1979
+ "privacy": "private"
1980
1980
  },
1981
1981
  {
1982
1982
  "kind": "method",
1983
- "name": "checkValidity",
1984
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
1983
+ "name": "createAnimation",
1984
+ "privacy": "private"
1985
1985
  },
1986
1986
  {
1987
1987
  "kind": "method",
1988
- "name": "getForm",
1989
- "return": {
1990
- "type": {
1991
- "text": "HTMLFormElement | null"
1992
- }
1993
- },
1994
- "description": "Gets the associated form, if one exists."
1988
+ "name": "destroyAnimation",
1989
+ "privacy": "private"
1995
1990
  },
1996
1991
  {
1997
1992
  "kind": "method",
1998
- "name": "reportValidity",
1999
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
1993
+ "name": "cancel",
1994
+ "description": "Clears all keyframe effects caused by this animation and aborts its playback."
2000
1995
  },
2001
1996
  {
2002
1997
  "kind": "method",
2003
- "name": "setCustomValidity",
2004
- "parameters": [
2005
- {
2006
- "name": "message",
2007
- "type": {
2008
- "text": "string"
2009
- }
2010
- }
2011
- ],
2012
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
1998
+ "name": "finish",
1999
+ "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
2013
2000
  }
2014
2001
  ],
2015
2002
  "events": [
2016
2003
  {
2017
- "description": "Emitted when the control loses focus.",
2018
- "name": "flow-ui-blur",
2019
- "reactName": "onFlowUiBlur"
2020
- },
2021
- {
2022
- "description": "Emitted when an alteration to the control's value is committed by the user.",
2023
- "name": "flow-ui-change",
2024
- "reactName": "onFlowUiChange"
2025
- },
2026
- {
2027
- "description": "Emitted when the clear button is activated.",
2028
- "name": "flow-ui-clear",
2029
- "reactName": "onFlowUiClear"
2030
- },
2031
- {
2032
- "description": "Emitted when the control gains focus.",
2033
- "name": "flow-ui-focus",
2034
- "reactName": "onFlowUiFocus"
2004
+ "description": "Emitted when the animation is canceled.",
2005
+ "name": "flow-ui-cancel",
2006
+ "reactName": "onFlowUiCancel"
2035
2007
  },
2036
2008
  {
2037
- "description": "Emitted when the control receives input.",
2038
- "name": "flow-ui-input",
2039
- "reactName": "onFlowUiInput"
2009
+ "description": "Emitted when the animation finishes.",
2010
+ "name": "flow-ui-finish",
2011
+ "reactName": "onFlowUiFinish"
2040
2012
  },
2041
2013
  {
2042
- "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
2043
- "name": "flow-ui-invalid",
2044
- "reactName": "onFlowUiInvalid"
2014
+ "description": "Emitted when the animation starts or restarts.",
2015
+ "name": "flow-ui-start",
2016
+ "reactName": "onFlowUiStart"
2045
2017
  }
2046
2018
  ],
2047
2019
  "attributes": [
2048
2020
  {
2049
- "name": "size",
2021
+ "name": "name",
2050
2022
  "type": {
2051
- "text": "'small' | 'medium' | 'large'"
2023
+ "text": "string"
2052
2024
  },
2053
- "default": "'medium'",
2054
- "description": "The input's size.",
2055
- "fieldName": "size"
2025
+ "default": "'none'",
2026
+ "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
2027
+ "fieldName": "name"
2056
2028
  },
2057
2029
  {
2058
- "name": "filled",
2030
+ "name": "play",
2059
2031
  "type": {
2060
2032
  "text": "boolean"
2061
2033
  },
2062
2034
  "default": "false",
2063
- "description": "Draws a filled input.",
2064
- "fieldName": "filled"
2035
+ "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
2036
+ "fieldName": "play"
2065
2037
  },
2066
2038
  {
2067
- "name": "pill",
2039
+ "name": "delay",
2068
2040
  "type": {
2069
- "text": "boolean"
2041
+ "text": "number"
2070
2042
  },
2071
- "default": "false",
2072
- "description": "Draws a pill-style input with rounded edges.",
2073
- "fieldName": "pill"
2043
+ "default": "0",
2044
+ "description": "The number of milliseconds to delay the start of the animation.",
2045
+ "fieldName": "delay"
2046
+ },
2047
+ {
2048
+ "name": "direction",
2049
+ "type": {
2050
+ "text": "PlaybackDirection"
2051
+ },
2052
+ "default": "'normal'",
2053
+ "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
2054
+ "fieldName": "direction"
2074
2055
  },
2075
2056
  {
2076
- "name": "label",
2057
+ "name": "duration",
2077
2058
  "type": {
2078
- "text": "string"
2059
+ "text": "number"
2079
2060
  },
2080
- "default": "''",
2081
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
2082
- "fieldName": "label"
2061
+ "default": "1000",
2062
+ "description": "The number of milliseconds each iteration of the animation takes to complete.",
2063
+ "fieldName": "duration"
2083
2064
  },
2084
2065
  {
2085
- "name": "help-text",
2066
+ "name": "easing",
2086
2067
  "type": {
2087
2068
  "text": "string"
2088
2069
  },
2089
- "default": "''",
2090
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
2091
- "fieldName": "helpText"
2070
+ "default": "'linear'",
2071
+ "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
2072
+ "fieldName": "easing"
2092
2073
  },
2093
2074
  {
2094
- "name": "disabled",
2075
+ "name": "end-delay",
2095
2076
  "type": {
2096
- "text": "boolean"
2077
+ "text": "number"
2097
2078
  },
2098
- "default": "false",
2099
- "description": "Disables the input.",
2100
- "fieldName": "disabled"
2079
+ "default": "0",
2080
+ "description": "The number of milliseconds to delay after the active period of an animation sequence.",
2081
+ "fieldName": "endDelay"
2101
2082
  },
2102
2083
  {
2103
- "name": "form",
2084
+ "name": "fill",
2104
2085
  "type": {
2105
- "text": "string"
2086
+ "text": "FillMode"
2106
2087
  },
2107
- "default": "''",
2108
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
2109
- "fieldName": "form"
2088
+ "default": "'auto'",
2089
+ "description": "Sets how the animation applies styles to its target before and after its execution.",
2090
+ "fieldName": "fill"
2110
2091
  },
2111
2092
  {
2112
- "name": "required",
2113
- "type": {
2114
- "text": "boolean"
2093
+ "name": "iterations",
2094
+ "default": "Infinity",
2095
+ "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
2096
+ "resolveInitializer": {
2097
+ "module": "src/components/animation/animation.component.ts"
2115
2098
  },
2116
- "default": "false",
2117
- "description": "Makes the input a required field.",
2118
- "fieldName": "required"
2099
+ "fieldName": "iterations"
2119
2100
  },
2120
2101
  {
2121
- "name": "inline",
2102
+ "name": "iteration-start",
2122
2103
  "type": {
2123
- "text": "boolean"
2104
+ "text": "number"
2124
2105
  },
2125
- "default": "false",
2126
- "description": "Display the input in the 'inline' form control style.",
2127
- "fieldName": "inline"
2106
+ "default": "0",
2107
+ "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
2108
+ "fieldName": "iterationStart"
2128
2109
  },
2129
2110
  {
2130
- "name": "divider",
2111
+ "name": "playback-rate",
2131
2112
  "type": {
2132
- "text": "boolean"
2113
+ "text": "number"
2133
2114
  },
2134
- "default": "false",
2135
- "description": "Indicates that the control should display a divider",
2136
- "fieldName": "divider"
2115
+ "default": "1",
2116
+ "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
2117
+ "fieldName": "playbackRate"
2137
2118
  }
2138
2119
  ],
2139
2120
  "superclass": {
2140
- "name": "FlowRdfFormControl",
2121
+ "name": "FlowRdfElement",
2141
2122
  "module": "/src/internal/flow-ui-rdf-element"
2142
2123
  },
2143
- "tagName": "flow-ui-base-control",
2144
- "summary": "Inputs collect data from the user.",
2145
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
2146
- "status": "stable",
2147
- "since": "2.0",
2148
- "dependencies": [
2149
- "flow-ui-icon",
2150
- "flow-ui-icon-button"
2151
- ],
2124
+ "tagName": "flow-ui-animation",
2125
+ "summary": "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).",
2152
2126
  "customElement": true
2153
2127
  }
2154
2128
  ],
@@ -2157,15 +2131,15 @@
2157
2131
  "kind": "js",
2158
2132
  "name": "default",
2159
2133
  "declaration": {
2160
- "name": "FlowUiBaseControl",
2161
- "module": "components/base-control/base-control.component.js"
2134
+ "name": "FlowUiAnimation",
2135
+ "module": "components/animation/animation.component.js"
2162
2136
  }
2163
2137
  }
2164
2138
  ]
2165
2139
  },
2166
2140
  {
2167
2141
  "kind": "javascript-module",
2168
- "path": "components/base-control/base-control.js",
2142
+ "path": "components/animation/animation.js",
2169
2143
  "declarations": [],
2170
2144
  "exports": [
2171
2145
  {
@@ -2173,15 +2147,57 @@
2173
2147
  "name": "*",
2174
2148
  "declaration": {
2175
2149
  "name": "*",
2176
- "package": "./base-control.component"
2150
+ "package": "./animation.component"
2177
2151
  }
2178
2152
  },
2179
2153
  {
2180
2154
  "kind": "js",
2181
2155
  "name": "default",
2182
2156
  "declaration": {
2183
- "name": "FlowUiBaseControl",
2184
- "module": "components/base-control/base-control.js"
2157
+ "name": "FlowUiAnimation",
2158
+ "module": "components/animation/animation.js"
2159
+ }
2160
+ }
2161
+ ]
2162
+ },
2163
+ {
2164
+ "kind": "javascript-module",
2165
+ "path": "components/animation/animations.js",
2166
+ "declarations": [
2167
+ {
2168
+ "kind": "function",
2169
+ "name": "getAnimationNames",
2170
+ "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
2171
+ },
2172
+ {
2173
+ "kind": "function",
2174
+ "name": "getEasingNames",
2175
+ "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
2176
+ }
2177
+ ],
2178
+ "exports": [
2179
+ {
2180
+ "kind": "js",
2181
+ "name": "animations",
2182
+ "declaration": {
2183
+ "name": "animations",
2184
+ "module": "components/animation/animations.js"
2185
+ }
2186
+ },
2187
+ {
2188
+ "kind": "js",
2189
+ "name": "getAnimationNames",
2190
+ "declaration": {
2191
+ "name": "getAnimationNames",
2192
+ "module": "components/animation/animations.js"
2193
+ }
2194
+ },
2195
+ {
2196
+ "kind": "js",
2197
+ "name": "getEasingNames",
2198
+ "declaration": {
2199
+ "name": "getEasingNames",
2200
+ "module": "components/animation/animations.js"
2185
2201
  }
2186
2202
  }
2187
2203
  ]
@@ -2335,12 +2351,12 @@
2335
2351
  },
2336
2352
  {
2337
2353
  "kind": "javascript-module",
2338
- "path": "components/badge/badge.component.js",
2354
+ "path": "components/breadcrumb/breadcrumb.component.js",
2339
2355
  "declarations": [
2340
2356
  {
2341
2357
  "kind": "class",
2342
2358
  "description": "",
2343
- "name": "FlowUiBadge",
2359
+ "name": "FlowUiBreadcrumb",
2344
2360
  "cssParts": [
2345
2361
  {
2346
2362
  "description": "The component's base wrapper.",
@@ -2349,100 +2365,84 @@
2349
2365
  ],
2350
2366
  "slots": [
2351
2367
  {
2352
- "description": "The badge's content.",
2368
+ "description": "One or more breadcrumb items to display.",
2353
2369
  "name": ""
2370
+ },
2371
+ {
2372
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
2373
+ "name": "separator"
2354
2374
  }
2355
2375
  ],
2356
2376
  "members": [
2357
2377
  {
2358
2378
  "kind": "field",
2359
- "name": "variant",
2360
- "type": {
2361
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
2362
- },
2363
- "default": "'primary'",
2364
- "description": "The badge's theme variant.",
2365
- "attribute": "variant",
2366
- "reflects": true
2379
+ "name": "localize",
2380
+ "privacy": "private",
2381
+ "readonly": true,
2382
+ "default": "new LocalizeController(this)"
2367
2383
  },
2368
2384
  {
2369
2385
  "kind": "field",
2370
- "name": "size",
2371
- "type": {
2372
- "text": "'small' | 'medium' | 'large'"
2373
- },
2374
- "default": "'medium'",
2375
- "description": "The badge size.",
2376
- "attribute": "size",
2377
- "reflects": true
2386
+ "name": "separatorDir",
2387
+ "privacy": "private"
2378
2388
  },
2379
2389
  {
2380
2390
  "kind": "field",
2381
- "name": "pill",
2391
+ "name": "defaultSlot",
2382
2392
  "type": {
2383
- "text": "boolean"
2393
+ "text": "HTMLSlotElement"
2384
2394
  },
2385
- "default": "false",
2386
- "description": "Draws a pill-style badge with rounded edges.",
2387
- "attribute": "pill",
2388
- "reflects": true
2395
+ "privacy": "private"
2389
2396
  },
2390
2397
  {
2391
2398
  "kind": "field",
2392
- "name": "pulse",
2393
- "type": {
2394
- "text": "boolean"
2395
- },
2396
- "default": "false",
2397
- "description": "Makes the badge pulsate to draw attention.",
2398
- "attribute": "pulse",
2399
- "reflects": true
2400
- }
2401
- ],
2402
- "attributes": [
2403
- {
2404
- "name": "variant",
2399
+ "name": "separatorSlot",
2405
2400
  "type": {
2406
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
2401
+ "text": "HTMLSlotElement"
2407
2402
  },
2408
- "default": "'primary'",
2409
- "description": "The badge's theme variant.",
2410
- "fieldName": "variant"
2403
+ "privacy": "private"
2411
2404
  },
2412
2405
  {
2413
- "name": "size",
2406
+ "kind": "field",
2407
+ "name": "label",
2414
2408
  "type": {
2415
- "text": "'small' | 'medium' | 'large'"
2409
+ "text": "string"
2416
2410
  },
2417
- "default": "'medium'",
2418
- "description": "The badge size.",
2419
- "fieldName": "size"
2411
+ "default": "''",
2412
+ "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.",
2413
+ "attribute": "label"
2420
2414
  },
2421
2415
  {
2422
- "name": "pill",
2423
- "type": {
2424
- "text": "boolean"
2425
- },
2426
- "default": "false",
2427
- "description": "Draws a pill-style badge with rounded edges.",
2428
- "fieldName": "pill"
2416
+ "kind": "method",
2417
+ "name": "getSeparator",
2418
+ "privacy": "private"
2429
2419
  },
2430
2420
  {
2431
- "name": "pulse",
2421
+ "kind": "method",
2422
+ "name": "handleSlotChange",
2423
+ "privacy": "private"
2424
+ }
2425
+ ],
2426
+ "attributes": [
2427
+ {
2428
+ "name": "label",
2432
2429
  "type": {
2433
- "text": "boolean"
2430
+ "text": "string"
2434
2431
  },
2435
- "default": "false",
2436
- "description": "Makes the badge pulsate to draw attention.",
2437
- "fieldName": "pulse"
2432
+ "default": "''",
2433
+ "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.",
2434
+ "fieldName": "label"
2438
2435
  }
2439
2436
  ],
2440
2437
  "superclass": {
2441
2438
  "name": "FlowRdfElement",
2442
2439
  "module": "/src/internal/flow-ui-rdf-element"
2443
2440
  },
2444
- "tagName": "flow-ui-badge",
2445
- "summary": "Badges are used to draw attention and display statuses or counts.",
2441
+ "tagName": "flow-ui-breadcrumb",
2442
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2443
+ "dependencies": [
2444
+ "flow-ui-icon"
2445
+ ],
2446
2446
  "customElement": true
2447
2447
  }
2448
2448
  ],
@@ -2451,23 +2451,23 @@
2451
2451
  "kind": "js",
2452
2452
  "name": "default",
2453
2453
  "declaration": {
2454
- "name": "FlowUiBadge",
2455
- "module": "components/badge/badge.component.js"
2454
+ "name": "FlowUiBreadcrumb",
2455
+ "module": "components/breadcrumb/breadcrumb.component.js"
2456
2456
  }
2457
2457
  }
2458
2458
  ]
2459
2459
  },
2460
2460
  {
2461
2461
  "kind": "javascript-module",
2462
- "path": "components/badge/badge.js",
2462
+ "path": "components/breadcrumb/breadcrumb.js",
2463
2463
  "declarations": [],
2464
2464
  "exports": [
2465
2465
  {
2466
2466
  "kind": "js",
2467
2467
  "name": "default",
2468
2468
  "declaration": {
2469
- "name": "FlowUiBadge",
2470
- "module": "components/badge/badge.js"
2469
+ "name": "FlowUiBreadcrumb",
2470
+ "module": "components/breadcrumb/breadcrumb.js"
2471
2471
  }
2472
2472
  }
2473
2473
  ]
@@ -25895,6 +25895,6 @@
25895
25895
  ],
25896
25896
  "package": {
25897
25897
  "name": "@emuanalytics/flow-rdf-ui",
25898
- "version": "4.1.18"
25898
+ "version": "4.1.19"
25899
25899
  }
25900
25900
  }