@emuanalytics/flow-rdf-ui 4.1.16 → 4.1.18

package/dist/custom-elements.json

@@ -267,160 +267,328 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.component.js",
+      "path": "components/animation/animation.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAvatar",
-          "cssProperties": [
+          "name": "FlowUiAnimation",
+          "slots": [
             {
-              "description": "The size of the avatar.",
-              "name": "--size"
+              "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.",
+              "name": ""
             }
           ],
-          "cssParts": [
+          "members": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "kind": "field",
+              "name": "animation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
+              "kind": "field",
+              "name": "hasStarted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "Promise<HTMLSlotElement>"
+              },
+              "privacy": "private"
             },
             {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'none'",
+              "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.",
+              "attribute": "name"
+            },
             {
               "kind": "field",
-              "name": "hasError",
+              "name": "play",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "attribute": "play",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "delay",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "attribute": "delay"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "direction",
               "type": {
-                "text": "string"
+                "text": "PlaybackDirection"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "default": "'normal'",
+              "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)",
+              "attribute": "direction"
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "easing",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "default": "'linear'",
+              "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)`.",
+              "attribute": "easing"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "endDelay",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "attribute": "end-delay"
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "fill",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "FillMode"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "attribute": "fill"
+            },
+            {
+              "kind": "field",
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "attribute": "iterations"
+            },
+            {
+              "kind": "field",
+              "name": "iterationStart",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "attribute": "iteration-start"
+            },
+            {
+              "kind": "field",
+              "name": "keyframes",
+              "type": {
+                "text": "Keyframe[] | undefined"
+              },
+              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
+            },
+            {
+              "kind": "field",
+              "name": "playbackRate",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "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.",
+              "attribute": "playback-rate"
+            },
+            {
+              "kind": "field",
+              "name": "currentTime",
+              "type": {
+                "text": "CSSNumberish"
+              },
+              "description": "Gets and sets the current animation time."
+            },
+            {
+              "kind": "field",
+              "name": "handleAnimationFinish",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleAnimationCancel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "createAnimation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "destroyAnimation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "cancel",
+              "description": "Clears all keyframe effects caused by this animation and aborts its playback."
+            },
+            {
+              "kind": "method",
+              "name": "finish",
+              "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the animation is canceled.",
+              "name": "flow-ui-cancel",
+              "reactName": "onFlowUiCancel"
+            },
+            {
+              "description": "Emitted when the animation finishes.",
+              "name": "flow-ui-finish",
+              "reactName": "onFlowUiFinish"
+            },
+            {
+              "description": "Emitted when the animation starts or restarts.",
+              "name": "flow-ui-start",
+              "reactName": "onFlowUiStart"
             }
           ],
           "attributes": [
             {
-              "name": "image",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "default": "'none'",
+              "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.",
+              "fieldName": "name"
             },
             {
-              "name": "label",
+              "name": "play",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "fieldName": "play"
             },
             {
-              "name": "initials",
+              "name": "delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "fieldName": "delay"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "PlaybackDirection"
+              },
+              "default": "'normal'",
+              "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)",
+              "fieldName": "direction"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "fieldName": "duration"
+            },
+            {
+              "name": "easing",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "default": "'linear'",
+              "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)`.",
+              "fieldName": "easing"
             },
             {
-              "name": "loading",
+              "name": "end-delay",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "number"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "0",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "fieldName": "endDelay"
+            },
+            {
+              "name": "fill",
+              "type": {
+                "text": "FillMode"
+              },
+              "default": "'auto'",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "fieldName": "fill"
+            },
+            {
+              "name": "iterations",
+              "default": "Infinity",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "resolveInitializer": {
+                "module": "src/components/animation/animation.component.ts"
+              },
+              "fieldName": "iterations"
+            },
+            {
+              "name": "iteration-start",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "fieldName": "iterationStart"
             },
             {
-              "name": "shape",
+              "name": "playback-rate",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "number"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "1",
+              "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.",
+              "fieldName": "playbackRate"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-avatar",
-          "summary": "Avatars are used to represent a person or object.",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
+          "tagName": "flow-ui-animation",
+          "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).",
           "customElement": true
         }
       ],
@@ -429,23 +597,73 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiAvatar",
-            "module": "components/avatar/avatar.component.js"
+            "name": "FlowUiAnimation",
+            "module": "components/animation/animation.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/animation/animation.js",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./animation.component"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowUiAnimation",
+            "module": "components/animation/animation.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/animation/animations.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getAnimationNames",
+          "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."
+        },
+        {
+          "kind": "function",
+          "name": "getEasingNames",
+          "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."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "animations",
+          "declaration": {
+            "name": "animations",
+            "module": "components/animation/animations.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getAnimationNames",
+          "declaration": {
+            "name": "getAnimationNames",
+            "module": "components/animation/animations.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getEasingNames",
+          "declaration": {
+            "name": "getEasingNames",
+            "module": "components/animation/animations.js"
           }
         }
       ]
@@ -1201,328 +1419,160 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/animation/animation.component.js",
+      "path": "components/avatar/avatar.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiAnimation",
-          "slots": [
-            {
-              "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.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "animation",
-              "type": {
-                "text": "Animation | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasStarted",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "Promise<HTMLSlotElement>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'none'",
-              "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.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-              "attribute": "play",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "attribute": "delay"
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "PlaybackDirection"
-              },
-              "default": "'normal'",
-              "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)",
-              "attribute": "direction"
-            },
-            {
-              "kind": "field",
-              "name": "duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "attribute": "duration"
-            },
-            {
-              "kind": "field",
-              "name": "easing",
-              "type": {
-                "text": "string"
-              },
-              "default": "'linear'",
-              "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)`.",
-              "attribute": "easing"
-            },
-            {
-              "kind": "field",
-              "name": "endDelay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "attribute": "end-delay"
-            },
-            {
-              "kind": "field",
-              "name": "fill",
-              "type": {
-                "text": "FillMode"
-              },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "attribute": "fill"
-            },
-            {
-              "kind": "field",
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "attribute": "iterations"
-            },
-            {
-              "kind": "field",
-              "name": "iterationStart",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "attribute": "iteration-start"
-            },
-            {
-              "kind": "field",
-              "name": "keyframes",
-              "type": {
-                "text": "Keyframe[] | undefined"
-              },
-              "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
-            },
-            {
-              "kind": "field",
-              "name": "playbackRate",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "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.",
-              "attribute": "playback-rate"
-            },
-            {
-              "kind": "field",
-              "name": "currentTime",
-              "type": {
-                "text": "CSSNumberish"
-              },
-              "description": "Gets and sets the current animation time."
-            },
-            {
-              "kind": "field",
-              "name": "handleAnimationFinish",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleAnimationCancel",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
+          "name": "FlowUiAvatar",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "createAnimation",
-              "privacy": "private"
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "destroyAnimation",
-              "privacy": "private"
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
             },
             {
-              "kind": "method",
-              "name": "cancel",
-              "description": "Clears all keyframe effects caused by this animation and aborts its playback."
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
             },
             {
-              "kind": "method",
-              "name": "finish",
-              "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the animation is canceled.",
-              "name": "flow-ui-cancel",
-              "reactName": "onFlowUiCancel"
-            },
-            {
-              "description": "Emitted when the animation finishes.",
-              "name": "flow-ui-finish",
-              "reactName": "onFlowUiFinish"
-            },
+          "slots": [
             {
-              "description": "Emitted when the animation starts or restarts.",
-              "name": "flow-ui-start",
-              "reactName": "onFlowUiStart"
+              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
+              "name": "icon"
             }
           ],
-          "attributes": [
+          "members": [
             {
-              "name": "name",
+              "kind": "field",
+              "name": "hasError",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'none'",
-              "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.",
-              "fieldName": "name"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "play",
+              "kind": "field",
+              "name": "image",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-              "fieldName": "play"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
-              "name": "delay",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "fieldName": "delay"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
-              "name": "direction",
+              "kind": "field",
+              "name": "initials",
               "type": {
-                "text": "PlaybackDirection"
+                "text": "string"
               },
-              "default": "'normal'",
-              "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)",
-              "fieldName": "direction"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
             },
             {
-              "name": "duration",
+              "kind": "field",
+              "name": "loading",
               "type": {
-                "text": "number"
+                "text": "'eager' | 'lazy'"
               },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "fieldName": "duration"
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
-              "name": "easing",
+              "kind": "field",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "'circle' | 'square' | 'rounded'"
               },
-              "default": "'linear'",
-              "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)`.",
-              "fieldName": "easing"
-            },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "name": "end-delay",
+              "name": "image",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "fieldName": "endDelay"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "name": "fill",
+              "name": "label",
               "type": {
-                "text": "FillMode"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "fieldName": "fill"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "iterations",
-              "default": "Infinity",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "resolveInitializer": {
-                "module": "src/components/animation/animation.component.ts"
+              "name": "initials",
+              "type": {
+                "text": "string"
               },
-              "fieldName": "iterations"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
             },
             {
-              "name": "iteration-start",
+              "name": "loading",
               "type": {
-                "text": "number"
+                "text": "'eager' | 'lazy'"
               },
-              "default": "0",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "fieldName": "iterationStart"
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
             },
             {
-              "name": "playback-rate",
+              "name": "shape",
               "type": {
-                "text": "number"
+                "text": "'circle' | 'square' | 'rounded'"
               },
-              "default": "1",
-              "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.",
-              "fieldName": "playbackRate"
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-animation",
-          "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).",
+          "tagName": "flow-ui-avatar",
+          "summary": "Avatars are used to represent a person or object.",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
           "customElement": true
         }
       ],
@@ -1531,85 +1581,35 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiAnimation",
-            "module": "components/animation/animation.component.js"
+            "name": "FlowUiAvatar",
+            "module": "components/avatar/avatar.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/animation/animation.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [],
       "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./animation.component"
-          }
-        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiAnimation",
-            "module": "components/animation/animation.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/animation/animations.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getAnimationNames",
-          "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."
-        },
-        {
-          "kind": "function",
-          "name": "getEasingNames",
-          "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."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "animations",
-          "declaration": {
-            "name": "animations",
-            "module": "components/animation/animations.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getAnimationNames",
-          "declaration": {
-            "name": "getAnimationNames",
-            "module": "components/animation/animations.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getEasingNames",
-          "declaration": {
-            "name": "getEasingNames",
-            "module": "components/animation/animations.js"
+            "name": "FlowUiAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.component.js",
+      "path": "components/breadcrumb/breadcrumb.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBadge",
+          "name": "FlowUiBreadcrumb",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -1618,100 +1618,84 @@
           ],
           "slots": [
             {
-              "description": "The badge's content.",
+              "description": "One or more breadcrumb items to display.",
               "name": ""
+            },
+            {
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
+              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The badge size.",
-              "attribute": "size",
-              "reflects": true
+              "name": "separatorDir",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "pill",
+              "name": "defaultSlot",
               "type": {
-                "text": "boolean"
+                "text": "HTMLSlotElement"
               },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "pulse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
+              "name": "separatorSlot",
               "type": {
-                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                "text": "HTMLSlotElement"
               },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
+              "privacy": "private"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The badge size.",
-              "fieldName": "size"
+              "default": "''",
+              "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.",
+              "attribute": "label"
             },
             {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style badge with rounded edges.",
-              "fieldName": "pill"
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
             },
             {
-              "name": "pulse",
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
+              "default": "''",
+              "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.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-badge",
-          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagName": "flow-ui-breadcrumb",
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
           "customElement": true
         }
       ],
@@ -1720,23 +1704,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.component.js"
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/badge/badge.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBadge",
-            "module": "components/badge/badge.js"
+            "name": "FlowUiBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         }
       ]
@@ -2351,12 +2335,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.component.js",
+      "path": "components/badge/badge.component.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowUiBreadcrumb",
+          "name": "FlowUiBadge",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -2365,84 +2349,100 @@
           ],
           "slots": [
             {
-              "description": "One or more breadcrumb items to display.",
+              "description": "The badge's content.",
               "name": ""
-            },
-            {
-              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
-              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The badge size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultSlot",
+              "name": "pill",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "separatorSlot",
+              "name": "pulse",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "label",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
               },
-              "default": "''",
-              "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.",
-              "attribute": "label"
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The badge size.",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style badge with rounded edges.",
+              "fieldName": "pill"
+            },
             {
-              "name": "label",
+              "name": "pulse",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "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.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "tagName": "flow-ui-breadcrumb",
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
+          "tagName": "flow-ui-badge",
+          "summary": "Badges are used to draw attention and display statuses or counts.",
           "customElement": true
         }
       ],
@@ -2451,23 +2451,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.component.js"
+            "name": "FlowUiBadge",
+            "module": "components/badge/badge.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/badge/badge.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowUiBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "FlowUiBadge",
+            "module": "components/badge/badge.js"
           }
         }
       ]
@@ -12496,6 +12496,12 @@
           "kind": "class",
           "description": "",
           "name": "FlowUiList",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -12745,7 +12751,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-list",
-          "summary": "A panel header provides a label, optional accessory controls and expand/collapse behavior for panels.",
+          "summary": "A list of items that can be edited and reordered.",
           "dependencies": [
             "flow-ui-list-item"
           ],
@@ -12786,28 +12792,6 @@
           "kind": "class",
           "description": "",
           "name": "FlowUiListItem",
-          "cssProperties": [
-            {
-              "description": "The padding around the header. Defaults to `--flow-ui-panel-header-padding`.",
-              "name": "padding"
-            },
-            {
-              "description": "The height of the header. Defaults to `--flow-ui-panel-header-height`.",
-              "name": "header-height"
-            },
-            {
-              "description": "The background color of the header. Defaults to `--flow-ui-panel-header-background-color`.",
-              "name": "background-color"
-            },
-            {
-              "description": "The text color of the header. Defaults to `--flow-ui-panel-header-color`.",
-              "name": "color"
-            },
-            {
-              "description": "The color of the accessory controls. Defaults to `--flow-ui-panel-header-accessory-color`.",
-              "name": "accessory-color"
-            }
-          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -12866,6 +12850,15 @@
               "attribute": "label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "editMenuName",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Edit'",
+              "attribute": "edit-menu-name"
+            },
             {
               "kind": "field",
               "name": "value",
@@ -12932,7 +12925,12 @@
             },
             {
               "kind": "method",
-              "name": "rename"
+              "name": "rename",
+              "deprecated": "Use `edit` instead"
+            },
+            {
+              "kind": "method",
+              "name": "edit"
             },
             {
               "kind": "method",
@@ -13091,6 +13089,14 @@
               "description": "The label text for the list item.",
               "fieldName": "label"
             },
+            {
+              "name": "edit-menu-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Edit'",
+              "fieldName": "editMenuName"
+            },
             {
               "name": "value",
               "type": {
@@ -13149,7 +13155,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-list-item",
-          "summary": "A list item.",
+          "summary": "A list item. Use with `<flow-ui-list>` to create selectable, editable, and reorderable lists.",
           "dependencies": [
             "flow-ui-input",
             "flow-ui-icon",
@@ -17597,7 +17603,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "'0'",
               "description": "Number format to use for numeric display. (D3 format string)",
               "attribute": "format"
             },
@@ -17924,7 +17930,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "'0'",
               "description": "Number format to use for numeric display. (D3 format string)",
               "fieldName": "format"
             },
@@ -25889,6 +25895,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "4.1.16"
+    "version": "4.1.18"
   }
 }