@emuanalytics/flow-rdf-ui 0.0.43 → 0.0.44

package/dist/custom-elements.json

@@ -1742,6 +1742,123 @@
         }
       ]
     },
+    {
+      "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",
@@ -2025,123 +2142,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/calendar/calendar.component.js",
@@ -3392,28 +3392,300 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/checkbox.js",
+      "path": "components/chart/chart.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "FlowCheckbox",
-          "cssParts": [
+          "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": "The component's base wrapper.",
-              "name": "base"
+              "description": "Chart background color (applied as the background color of the base container).",
+              "name": "--background-color"
             },
             {
-              "description": "The square container that wraps the checkbox's checked state.",
-              "name": "control"
+              "description": "General text color (titles etc.)",
+              "name": "--text-color"
             },
             {
-              "description": "Matches the control part when the checkbox is checked.",
-              "name": "control--checked"
+              "description": "Color of the axis lines.",
+              "name": "--axis-color"
             },
             {
-              "description": "Matches the control part when the checkbox is indeterminate.",
-              "name": "control--indeterminate"
+              "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": "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": "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."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
+              "fieldName": "type"
+            },
+            {
+              "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/chartjs-support.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "initializeChartJs"
+        },
+        {
+          "kind": "function",
+          "name": "registerChartComponent",
+          "parameters": [
+            {
+              "name": "components",
+              "type": {
+                "text": "ChartComponentLike[]"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChartJs",
+          "declaration": {
+            "name": "Chart",
+            "package": "chart.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "initializeChartJs",
+          "declaration": {
+            "name": "initializeChartJs",
+            "module": "components/chart/chartjs-support.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerChartComponent",
+          "declaration": {
+            "name": "registerChartComponent",
+            "module": "components/chart/chartjs-support.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox/checkbox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FlowCheckbox",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The square container that wraps the checkbox's checked state.",
+              "name": "control"
+            },
+            {
+              "description": "Matches the control part when the checkbox is checked.",
+              "name": "control--checked"
+            },
+            {
+              "description": "Matches the control part when the checkbox is indeterminate.",
+              "name": "control--indeterminate"
             },
             {
               "description": "The checked icon, an `<flow-ui-icon>` element.",
@@ -6153,382 +6425,125 @@
             {
               "name": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The select's size.",
-              "fieldName": "size"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show as a hint when the select is empty.",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the select control.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the select is not empty.",
-              "fieldName": "clearable"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
-            },
-            {
-              "name": "filled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a filled select.",
-              "fieldName": "filled"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style select with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
-              },
-              "default": "'bottom-end'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The select's required attribute.",
-              "fieldName": "required"
-            }
-          ],
-          "superclass": {
-            "name": "FlowRdfElement",
-            "module": "/src/internal/flow-ui-rdf-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowDatetimePicker",
-            "module": "components/date-time-picker/date-time-picker.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/date-time-picker/date-time-picker.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./date-time-picker.component.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowDateTimePicker",
-            "module": "components/date-time-picker/date-time-picker.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/details/details.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowDetails",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The header that wraps both the summary and the expand/collapse icon.",
-              "name": "header"
-            },
-            {
-              "description": "The container that wraps the summary.",
-              "name": "summary"
-            },
-            {
-              "description": "The container that wraps the expand/collapse icons.",
-              "name": "summary-icon"
-            },
-            {
-              "description": "The details content.",
-              "name": "content"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The details' main content.",
-              "name": ""
-            },
-            {
-              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
-              "name": "summary"
-            },
-            {
-              "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
-              "name": "collapse-icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "details",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "header",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "body",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "expandIconSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "attribute": "open",
-              "reflects": true
+              "default": "'medium'",
+              "description": "The select's size.",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "summary",
+              "name": "placeholder",
               "type": {
                 "text": "string"
               },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "attribute": "summary"
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the select is empty.",
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "Disables the select control.",
+              "fieldName": "disabled"
             },
             {
-              "kind": "method",
-              "name": "handleSummaryClick",
-              "privacy": "private"
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "fieldName": "clearable"
             },
             {
-              "kind": "method",
-              "name": "handleSummaryKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+              "fieldName": "open"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the details."
+              "name": "filled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a filled select.",
+              "fieldName": "filled"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the details"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the details opens.",
-              "name": "flow-ui-show",
-              "reactName": "onFlowUiShow"
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style select with rounded edges.",
+              "fieldName": "pill"
             },
             {
-              "description": "Emitted after the details opens and all animations are complete.",
-              "name": "flow-ui-after-show",
-              "reactName": "onFlowUiAfterShow"
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
             },
             {
-              "description": "Emitted when the details closes.",
-              "name": "flow-ui-hide",
-              "reactName": "onFlowUiHide"
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
+              },
+              "default": "'bottom-end'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "fieldName": "placement"
             },
             {
-              "description": "Emitted after the details closes and all animations are complete.",
-              "name": "flow-ui-after-hide",
-              "reactName": "onFlowUiAfterHide"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
+              "name": "help-text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
-              "fieldName": "open"
+              "default": "''",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "name": "summary",
+              "name": "form",
               "type": {
                 "text": "string"
               },
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "fieldName": "summary"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
             },
             {
-              "name": "disabled",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the details so it can't be toggled.",
-              "fieldName": "disabled"
+              "description": "The select's required attribute.",
+              "fieldName": "required"
             }
           ],
           "superclass": {
             "name": "FlowRdfElement",
             "module": "/src/internal/flow-ui-rdf-element"
-          },
-          "summary": "Details show a brief summary and expand to show additional content.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
-          "status": "stable",
-          "since": "2.0",
-          "dependencies": [
-            "flow-ui-icon"
-          ],
-          "animations": [
-            {
-              "name": "details.show",
-              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
-            },
-            {
-              "name": "details.hide",
-              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
-            }
-          ],
-          "tagName": "flow-ui-details",
-          "customElement": true
+          }
         }
       ],
       "exports": [
@@ -6536,288 +6551,273 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "FlowDetails",
-            "module": "components/details/details.js"
+            "name": "FlowDatetimePicker",
+            "module": "components/date-time-picker/date-time-picker.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/date-time-picker/date-time-picker.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./date-time-picker.component.js"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "flow-ui-details",
+          "kind": "js",
+          "name": "default",
           "declaration": {
-            "name": "FlowDetails",
-            "module": "components/details/details.js"
+            "name": "FlowDateTimePicker",
+            "module": "components/date-time-picker/date-time-picker.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/chart.component.js",
+      "path": "components/details/details.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": "Chart background color (applied as the background color of the base container).",
-              "name": "--background-color"
-            },
-            {
-              "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": "",
+          "name": "FlowDetails",
+          "cssParts": [
             {
-              "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
-              "name": "--y-axis-grid-color"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "Color of the axis labels.",
-              "name": "--axis-label-color"
+              "description": "The header that wraps both the summary and the expand/collapse icon.",
+              "name": "header"
             },
             {
-              "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
-              "name": "--x-axis-label-color"
+              "description": "The container that wraps the summary.",
+              "name": "summary"
             },
             {
-              "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
-              "name": "--y-axis-label-color"
+              "description": "The container that wraps the expand/collapse icons.",
+              "name": "summary-icon"
             },
             {
-              "description": "Color of the tick labels.",
-              "name": "--tick-label-color"
-            },
+              "description": "The details content.",
+              "name": "content"
+            }
+          ],
+          "slots": [
             {
-              "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
-              "name": "--x-tick-label-color"
+              "description": "The details' main content.",
+              "name": ""
             },
             {
-              "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
-              "name": "--y-tick-label-color"
+              "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
+              "name": "summary"
             },
             {
-              "description": "Color of the stroke for dataset n (where n = 0-9).",
-              "name": "--dataset-stroke-color-n"
+              "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
+              "name": "expand-icon"
             },
             {
-              "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"
+              "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
+              "name": "collapse-icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "_chartRef",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "details",
               "type": {
-                "text": "Ref<HTMLCanvasElement>"
-              },
-              "privacy": "private"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_chart",
+              "name": "header",
               "type": {
-                "text": "Chart | undefined"
-              },
-              "privacy": "private"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "chart",
-              "description": "The Chart.js chart instance.",
-              "readonly": true
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "expandIconSlot",
               "type": {
-                "text": "string"
-              },
-              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
-              "attribute": "type"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "open",
               "type": {
-                "text": "ChartOptions"
+                "text": "boolean"
               },
-              "description": "The Chart.js `options` object.",
-              "attribute": "options"
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "summary",
               "type": {
-                "text": "ChartData"
+                "text": "string"
               },
-              "description": "The Chart.js `data` object",
-              "attribute": "data"
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "attribute": "summary"
             },
             {
               "kind": "field",
-              "name": "plugins",
+              "name": "disabled",
               "type": {
-                "text": "Plugin[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "List of extra plugins to use for this chart.",
-              "attribute": "plugins"
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "repaint",
-              "description": "Trigger a repaint of the chart."
+              "name": "handleSummaryClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSummaryKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the details."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the details"
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
-              "fieldName": "type"
+              "description": "Emitted when the details opens.",
+              "name": "flow-ui-show",
+              "reactName": "onFlowUiShow"
             },
             {
-              "name": "options",
+              "description": "Emitted after the details opens and all animations are complete.",
+              "name": "flow-ui-after-show",
+              "reactName": "onFlowUiAfterShow"
+            },
+            {
+              "description": "Emitted when the details closes.",
+              "name": "flow-ui-hide",
+              "reactName": "onFlowUiHide"
+            },
+            {
+              "description": "Emitted after the details closes and all animations are complete.",
+              "name": "flow-ui-after-hide",
+              "reactName": "onFlowUiAfterHide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "ChartOptions"
+                "text": "boolean"
               },
-              "description": "The Chart.js `options` object.",
-              "fieldName": "options"
+              "default": "false",
+              "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
+              "fieldName": "open"
             },
             {
-              "name": "data",
+              "name": "summary",
               "type": {
-                "text": "ChartData"
+                "text": "string"
               },
-              "description": "The Chart.js `data` object",
-              "fieldName": "data"
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "fieldName": "summary"
             },
             {
-              "name": "plugins",
+              "name": "disabled",
               "type": {
-                "text": "Plugin[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "List of extra plugins to use for this chart.",
-              "fieldName": "plugins"
+              "default": "false",
+              "description": "Disables the details so it can't be toggled.",
+              "fieldName": "disabled"
             }
           ],
           "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/chartjs-support.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "initializeChartJs"
-        },
-        {
-          "kind": "function",
-          "name": "registerChartComponent",
-          "parameters": [
+          "summary": "Details show a brief summary and expand to show additional content.",
+          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
+          "status": "stable",
+          "since": "2.0",
+          "dependencies": [
+            "flow-ui-icon"
+          ],
+          "animations": [
             {
-              "name": "components",
-              "type": {
-                "text": "ChartComponentLike[]"
-              }
+              "name": "details.show",
+              "description": "The animation to use when showing details. You can use `height: auto` with this animation."
+            },
+            {
+              "name": "details.hide",
+              "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
             }
-          ]
+          ],
+          "tagName": "flow-ui-details",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ChartJs",
-          "declaration": {
-            "name": "Chart",
-            "package": "chart.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "initializeChartJs",
+          "name": "default",
           "declaration": {
-            "name": "initializeChartJs",
-            "module": "components/chart/chartjs-support.js"
+            "name": "FlowDetails",
+            "module": "components/details/details.js"
           }
         },
         {
-          "kind": "js",
-          "name": "registerChartComponent",
+          "kind": "custom-element-definition",
+          "name": "flow-ui-details",
           "declaration": {
-            "name": "registerChartComponent",
-            "module": "components/chart/chartjs-support.js"
+            "name": "FlowDetails",
+            "module": "components/details/details.js"
           }
         }
       ]
@@ -23351,6 +23351,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.43"
+    "version": "0.0.44"
   }
 }