@emuanalytics/flow-rdf-ui 0.0.18-alpha.1 → 0.0.18-alpha.11

package/dist/custom-elements.json

@@ -672,123 +672,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowBreadcrumb",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "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": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "separatorDir",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "separatorSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "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"
-            },
-            {
-              "kind": "method",
-              "name": "getSeparator",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "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"
-          },
-          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-breadcrumb",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb",
-          "declaration": {
-            "name": "FlowBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/badge/badge.js",
@@ -906,310 +789,310 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowBreadcrumbItem",
+          "name": "FlowAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The breadcrumb item's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
+              "description": "The container that wraps the avatar's icon.",
+              "name": "icon"
             },
             {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
             },
             {
-              "description": "The container that wraps the separator.",
-              "name": "separator"
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb item's label.",
-              "name": ""
-            },
-            {
-              "description": "An optional prefix, usually an icon or icon button.",
-              "name": "prefix"
-            },
-            {
-              "description": "An optional suffix, usually an icon or icon button.",
-              "name": "suffix"
-            },
-            {
-              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
-              "name": "separator"
+              "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": "hasSlotController",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'prefix', 'suffix')"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "image",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "attribute": "href"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "initials",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "attribute": "rel"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
             }
           ],
           "attributes": [
             {
-              "name": "href",
+              "name": "image",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
-              "fieldName": "href"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "name": "target",
+              "name": "label",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "string"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "rel",
+              "name": "initials",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
-              "fieldName": "rel"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
-          "status": "stable",
-          "since": "2.0",
-          "tagName": "flow-ui-breadcrumb-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "Avatars are used to represent a person or object.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-avatar",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-breadcrumb-item",
+          "name": "flow-ui-avatar",
           "declaration": {
-            "name": "FlowBreadcrumbItem",
-            "module": "components/breadcrumb-item/breadcrumb-item.js"
+            "name": "FlowAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/breadcrumb-item/breadcrumb-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
+          "name": "FlowBreadcrumbItem",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
+              "description": "The breadcrumb item's label.",
+              "name": "label"
             },
             {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
             },
             {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The container that wraps the separator.",
+              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
-              "name": "icon"
+              "description": "The breadcrumb item's label.",
+              "name": ""
+            },
+            {
+              "description": "An optional prefix, usually an icon or icon button.",
+              "name": "prefix"
+            },
+            {
+              "description": "An optional suffix, usually an icon or icon button.",
+              "name": "suffix"
+            },
+            {
+              "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
+              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "hasSlotController",
               "privacy": "private",
-              "default": "false"
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix', 'suffix')"
             },
             {
               "kind": "field",
-              "name": "image",
+              "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "initials",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleImageChange"
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "attribute": "rel"
             }
           ],
           "attributes": [
             {
-              "name": "image",
+              "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
+              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
+              "fieldName": "href"
             },
             {
-              "name": "label",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
             },
             {
-              "name": "initials",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
+              "fieldName": "rel"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Avatars are used to represent a person or object.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
+          "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
           "status": "stable",
           "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "tagName": "flow-ui-avatar",
+          "tagName": "flow-ui-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -1218,84 +1101,201 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "flow-ui-avatar",
+          "name": "flow-ui-breadcrumb-item",
           "declaration": {
-            "name": "FlowAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "FlowBreadcrumbItem",
+            "module": "components/breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/button/button.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FlowButton",
+          "name": "FlowBreadcrumb",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The button's label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            },
-            {
-              "description": "The button's caret icon, an `<flow-ui-icon>` element.",
-              "name": "caret"
             }
           ],
           "slots": [
             {
-              "description": "The button's label.",
+              "description": "One or more breadcrumb items to display.",
               "name": ""
             },
             {
-              "description": "A presentational prefix icon or similar element.",
-              "name": "prefix"
-            },
-            {
-              "description": "A presentational suffix icon or similar element.",
-              "name": "suffix"
+              "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
+              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
+              "name": "localize",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click']\n  })"
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
+              "name": "separatorDir",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "separatorSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "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"
+            },
+            {
+              "kind": "method",
+              "name": "getSeparator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "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"
+          },
+          "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "tagName": "flow-ui-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-breadcrumb",
+          "declaration": {
+            "name": "FlowBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/button/button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The button's label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            },
+            {
+              "description": "The button's caret icon, an `<flow-ui-icon>` element.",
+              "name": "caret"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The button's label.",
+              "name": ""
+            },
+            {
+              "description": "A presentational prefix icon or similar element.",
+              "name": "prefix"
+            },
+            {
+              "description": "A presentational suffix icon or similar element.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click']\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
               "default": "new LocalizeController(this)"
             },
             {
@@ -3055,146 +3055,578 @@
               ]
             },
             {
-              "kind": "method",
-              "name": "handleTouchStart",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TouchEvent"
-                  }
-                }
-              ]
+              "kind": "method",
+              "name": "handleTouchStart",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TouchEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDragStart"
+            },
+            {
+              "kind": "method",
+              "name": "handleDrag",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDragEnd"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ScrollController",
+          "declaration": {
+            "name": "ScrollController",
+            "module": "components/carousel/scroll-controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/carousel-item/carousel-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowCarouselItem",
+          "cssProperties": [
+            {
+              "description": "The slide's aspect ratio. Inherited from the carousel by default.",
+              "name": "--aspect-ratio"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The carousel item's content..",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "isCarouselItem",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "node",
+                  "type": {
+                    "text": "Node"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
+          "since": "2.0",
+          "status": "experimental",
+          "tagName": "flow-ui-carousel-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowCarouselItem",
+            "module": "components/carousel-item/carousel-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "flow-ui-carousel-item",
+          "declaration": {
+            "name": "FlowCarouselItem",
+            "module": "components/carousel-item/carousel-item.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/chart.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The chart component is a container for [Chart.js](https://www.chartjs.org/) charts. The component\nsupplies additional Flow RDF UI features including:\n\n- Consistent theming with other flow-rdf-ui components.\n- Additional plugins and charts types for commonly-used charts.\n- Convenience child components (`flow-ui-chart-data` and `flow-ui-chart-scale`) for defining chart data and scales.",
+          "name": "FlowChart",
+          "cssProperties": [
+            {
+              "description": "General text color (titles etc.)",
+              "name": "--text-color"
+            },
+            {
+              "description": "Color of the axis lines.",
+              "name": "--axis-color"
+            },
+            {
+              "description": "Color of the x-axis lines. (defaults to `--axis-color`)",
+              "name": "--x-axis-color"
+            },
+            {
+              "description": "Color of the y-axis lines. (defaults to `--axis-color`)",
+              "name": "--y-axis-color"
+            },
+            {
+              "description": "Color of the axis grid lines.",
+              "name": "--axis-grid-color"
+            },
+            {
+              "description": "Color of the x-axis grid lines. (defaults to `--axis-grid-color`)",
+              "name": "--x-axis-grid-color"
+            },
+            {
+              "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
+              "name": "--y-axis-grid-color"
+            },
+            {
+              "description": "Color of the axis labels.",
+              "name": "--axis-label-color"
+            },
+            {
+              "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
+              "name": "--x-axis-label-color"
+            },
+            {
+              "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
+              "name": "--y-axis-label-color"
+            },
+            {
+              "description": "Color of the tick labels.",
+              "name": "--tick-label-color"
+            },
+            {
+              "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
+              "name": "--x-tick-label-color"
+            },
+            {
+              "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
+              "name": "--y-tick-label-color"
+            },
+            {
+              "description": "Color of the stroke for dataset n (where n = 0-9).",
+              "name": "--dataset-stroke-color-n"
+            },
+            {
+              "description": "Color of the fill for dataset n (where n = 0-9).",
+              "name": "--dataset-fill-color-n"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The base container of the chart.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_chartRef",
+              "type": {
+                "text": "Ref<HTMLCanvasElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_chart",
+              "type": {
+                "text": "Chart | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_dataItems",
+              "type": {
+                "text": "Array<FlowChartData>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_scaleItems",
+              "type": {
+                "text": "Array<FlowChartScale>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "chart",
+              "description": "The Chart.js chart instance.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "chartTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "The title of the chart (optional - leave as `undefined` to omit).",
+              "attribute": "chart-title"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "ChartOptions"
+              },
+              "description": "The Chart.js `options` object.",
+              "attribute": "options"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData"
+              },
+              "description": "The Chart.js `data` object",
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "plugins",
+              "type": {
+                "text": "Plugin[]"
+              },
+              "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
+              "attribute": "plugins"
+            },
+            {
+              "kind": "method",
+              "name": "repaint",
+              "description": "Trigger a repaint of the chart."
+            },
+            {
+              "kind": "field",
+              "name": "combinedOptions",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "chartData",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "chartScales",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FlowChangeEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
+              "fieldName": "type"
+            },
+            {
+              "name": "chart-title",
+              "type": {
+                "text": "string"
+              },
+              "description": "The title of the chart (optional - leave as `undefined` to omit).",
+              "fieldName": "chartTitle"
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "ChartOptions"
+              },
+              "description": "The Chart.js `options` object.",
+              "fieldName": "options"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "ChartData"
+              },
+              "description": "The Chart.js `data` object",
+              "fieldName": "data"
+            },
+            {
+              "name": "plugins",
+              "type": {
+                "text": "Plugin[]"
+              },
+              "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
+              "fieldName": "plugins"
+            }
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "tagName": "flow-ui-chart",
+          "summary": "The chart component displays Chart.js charts.",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChart",
+            "module": "components/chart/chart.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/chart.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart.component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlowChart",
+            "module": "components/chart/chart.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart-data/chart-data.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The chart data component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a dataset for a chart.\n\nChart datasets can also be defined using the `data` property of the parent `flow-ui-chart` component.\nDataset configuration provided by the `flow-ui-chart-data` component is merged with the parent `flow-ui-chart` configuration.",
+          "name": "FlowChartData",
+          "members": [
+            {
+              "kind": "field",
+              "name": "datasetSpec",
+              "type": {
+                "text": "ChartDataset"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The dataset label to use in the chart legend.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "any[]"
+              },
+              "description": "The data to associate with this dataset.",
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "x",
+              "type": {
+                "text": "string"
+              },
+              "description": "The data property to use for the x value.",
+              "attribute": "x"
+            },
+            {
+              "kind": "field",
+              "name": "y",
+              "type": {
+                "text": "string"
+              },
+              "description": "The data property to use for the y value.",
+              "attribute": "y"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "Additional Chart.js options to merge with the dataset.",
+              "attribute": "options"
+            },
+            {
+              "kind": "method",
+              "name": "createRenderRoot",
+              "privacy": "protected"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The dataset label to use in the chart legend.",
+              "fieldName": "label"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "any[]"
+              },
+              "description": "The data to associate with this dataset.",
+              "fieldName": "data"
             },
             {
-              "kind": "method",
-              "name": "handleDragStart"
+              "name": "x",
+              "type": {
+                "text": "string"
+              },
+              "description": "The data property to use for the x value.",
+              "fieldName": "x"
             },
             {
-              "kind": "method",
-              "name": "handleDrag",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "name": "y",
+              "type": {
+                "text": "string"
+              },
+              "description": "The data property to use for the y value.",
+              "fieldName": "y"
             },
             {
-              "kind": "method",
-              "name": "handleDragEnd"
+              "name": "options",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "Additional Chart.js options to merge with the dataset.",
+              "fieldName": "options"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "FlowRdfElement",
+            "module": "/src/internal/flow-ui-rdf-element"
+          },
+          "summary": "The chart data component is used with the chart component to specify a dataset to display."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ScrollController",
+          "name": "default",
           "declaration": {
-            "name": "ScrollController",
-            "module": "components/carousel/scroll-controller.js"
+            "name": "FlowChartData",
+            "module": "components/chart-data/chart-data.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/carousel-item/carousel-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowCarouselItem",
-          "cssProperties": [
-            {
-              "description": "The slide's aspect ratio. Inherited from the carousel by default.",
-              "name": "--aspect-ratio"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The carousel item's content..",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "isCarouselItem",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "node",
-                  "type": {
-                    "text": "Node"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
-          "since": "2.0",
-          "status": "experimental",
-          "tagName": "flow-ui-carousel-item",
-          "customElement": true
-        }
-      ],
+      "path": "components/chart-data/chart-data.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "*",
           "declaration": {
-            "name": "FlowCarouselItem",
-            "module": "components/carousel-item/carousel-item.js"
+            "name": "*",
+            "package": "./chart-data.component"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-carousel-item",
+          "kind": "js",
+          "name": "default",
           "declaration": {
-            "name": "FlowCarouselItem",
-            "module": "components/carousel-item/carousel-item.js"
+            "name": "FlowChartData",
+            "module": "components/chart-data/chart-data.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/chart.component.js",
+      "path": "components/chart-scale/chart-scale.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "FlowChart",
-          "cssProperties": [
-            {
-              "description": "The color of the divider.",
-              "name": "--color"
-            },
+          "description": "The chart scale component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a scale for a chart.\n\nChart scales can also be defined using the `options` property of the parent `flow-ui-chart` component.\nScale configuration provided by the `flow-ui-chart-scale` component is merged with the parent `flow-ui-chart` configuration.",
+          "name": "FlowChartScale",
+          "members": [
             {
-              "description": "The width of the divider.",
-              "name": "--width"
+              "kind": "field",
+              "name": "scaleSpec",
+              "type": {
+                "text": "any"
+              },
+              "readonly": true
             },
-            {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "chartRef",
+              "name": "name",
               "type": {
-                "text": "Ref<HTMLCanvasElement>"
+                "text": "string"
               },
-              "privacy": "private"
+              "description": "The scale name used to identify the scale.",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -3202,15 +3634,17 @@
               "type": {
                 "text": "string"
               },
+              "description": "The scale type (e.g. `linear`, `category`).",
               "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "label",
               "type": {
-                "text": "any"
+                "text": "string"
               },
-              "attribute": "data"
+              "description": "The axis label. Leave as `undefined` to omit.",
+              "attribute": "label"
             },
             {
               "kind": "field",
@@ -3218,29 +3652,46 @@
               "type": {
                 "text": "any"
               },
+              "description": "Additional Chart.js options to merge with the scale.",
               "attribute": "options"
+            },
+            {
+              "kind": "method",
+              "name": "createRenderRoot",
+              "privacy": "protected"
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The scale name used to identify the scale.",
+              "fieldName": "name"
+            },
             {
               "name": "type",
               "type": {
                 "text": "string"
               },
+              "description": "The scale type (e.g. `linear`, `category`).",
               "fieldName": "type"
             },
             {
-              "name": "data",
+              "name": "label",
               "type": {
-                "text": "any"
+                "text": "string"
               },
-              "fieldName": "data"
+              "description": "The axis label. Leave as `undefined` to omit.",
+              "fieldName": "label"
             },
             {
               "name": "options",
               "type": {
                 "text": "any"
               },
+              "description": "Additional Chart.js options to merge with the scale.",
               "fieldName": "options"
             }
           ],
@@ -3248,10 +3699,7 @@
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
           },
-          "summary": "Dividers are used to visually separate or group elements.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
-          "status": "stable",
-          "since": "2.0"
+          "summary": "The chart scale component is used with the chart component to specify a scale."
         }
       ],
       "exports": [
@@ -3259,15 +3707,15 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowChart",
-            "module": "components/chart/chart.component.js"
+            "name": "FlowChartScale",
+            "module": "components/chart-scale/chart-scale.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/chart.js",
+      "path": "components/chart-scale/chart-scale.js",
       "declarations": [],
       "exports": [
         {
@@ -3275,15 +3723,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./chart.component"
+            "package": "./chart-scale.component"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowChart",
-            "module": "components/chart/chart.js"
+            "name": "FlowChartScale",
+            "module": "components/chart-scale/chart-scale.js"
           }
         }
       ]
@@ -19888,10 +20336,125 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/days.adapter.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/interaction.interpolate.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "Interpolate",
+          "parameters": [
+            {
+              "name": "chart",
+              "type": {
+                "text": "Chart"
+              }
+            },
+            {
+              "name": "e",
+              "type": {
+                "text": "ChartEvent"
+              }
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "InteractionOptions"
+              }
+            }
+          ],
+          "description": "Custom interaction mode to interpolate values on the chart."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Interpolate",
+            "module": "components/chart/plugins/interaction.interpolate.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/plugin.flow-ui-colors.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "components/chart/plugins/plugin.flow-ui-colors.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/plugin.flow-ui-crosshairs.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "components/chart/plugins/plugin.flow-ui-crosshairs.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/plugins/positioner.cursor.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "CursorPositioner",
+          "parameters": [
+            {
+              "name": "this",
+              "type": {
+                "text": "TooltipModel<any>"
+              }
+            },
+            {
+              "name": "_elements",
+              "type": {
+                "text": "Element[]"
+              }
+            },
+            {
+              "name": "eventPosition",
+              "type": {
+                "text": "Point"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CursorPositioner",
+            "module": "components/chart/plugins/positioner.cursor.js"
+          }
+        }
+      ]
     }
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.18-alpha.1"
+    "version": "0.0.18-alpha.11"
   }
 }