@emuanalytics/flow-rdf-ui 0.0.18-alpha.8 → 0.0.18

package/dist/custom-elements.json

@@ -3171,20 +3171,78 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "\nBlooodfjdkfd jkfdjkkfd kfd kfd dkfd.",
+          "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 color of the divider.",
-              "name": "--color"
+              "description": "Chart background color (applied as the background color of the base container).",
+              "name": "--background-color"
             },
             {
-              "description": "The width of the divider.",
-              "name": "--width"
+              "description": "General text color (titles etc.)",
+              "name": "--text-color"
             },
             {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
+              "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": [
@@ -3204,25 +3262,10 @@
               },
               "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
             },
             {
@@ -3231,40 +3274,27 @@
               "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"
-              },
-              "attribute": "chart-title"
-            },
             {
               "kind": "field",
               "name": "options",
               "type": {
                 "text": "ChartOptions"
               },
+              "description": "The Chart.js `options` object.",
               "attribute": "options"
             },
             {
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "ChartData"
               },
+              "description": "The Chart.js `data` object",
               "attribute": "data"
             },
-            {
-              "kind": "field",
-              "name": "scales",
-              "type": {
-                "text": "any"
-              },
-              "attribute": "scales"
-            },
             {
               "kind": "field",
               "name": "plugins",
@@ -3272,42 +3302,13 @@
                 "text": "Plugin[]"
               },
               "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
               "attribute": "plugins"
             },
             {
               "kind": "method",
-              "name": "repaint"
-            },
-            {
-              "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"
-                  }
-                }
-              ]
+              "name": "repaint",
+              "description": "Trigger a repaint of the chart."
             }
           ],
           "attributes": [
@@ -3316,42 +3317,32 @@
               "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"
-              },
-              "fieldName": "chartTitle"
-            },
             {
               "name": "options",
               "type": {
                 "text": "ChartOptions"
               },
+              "description": "The Chart.js `options` object.",
               "fieldName": "options"
             },
             {
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "ChartData"
               },
+              "description": "The Chart.js `data` object",
               "fieldName": "data"
             },
-            {
-              "name": "scales",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "scales"
-            },
             {
               "name": "plugins",
               "type": {
                 "text": "Plugin[]"
               },
               "default": "[]",
+              "description": "List of extra plugins to use for this chart.",
               "fieldName": "plugins"
             }
           ],
@@ -3360,10 +3351,7 @@
             "module": "/src/internal/flow-ui-rdf-element"
           },
           "tagName": "flow-ui-chart",
-          "summary": "Dividers are used to visually separate or group elements.\n\nThis is some text.\njfjfd.",
-          "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
-          "status": "stable",
-          "since": "2.0",
+          "summary": "The chart component displays Chart.js charts.",
           "customElement": true
         }
       ],
@@ -3403,326 +3391,48 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart-scale/chart-scale.component.js",
+      "path": "components/chart/chartjs-support.js",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "FlowChartData",
-          "cssProperties": [
-            {
-              "description": "The color of the divider.",
-              "name": "--color"
-            },
-            {
-              "description": "The width of the divider.",
-              "name": "--width"
-            },
-            {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "scaleSpec",
-              "type": {
-                "text": "any"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "axisTitle",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "axis-title"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "type"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "any"
-              },
-              "attribute": "options"
-            },
-            {
-              "kind": "field",
-              "name": "labels",
-              "type": {
-                "text": "string[]"
-              },
-              "attribute": "labels"
-            },
-            {
-              "kind": "method",
-              "name": "handlePropChange"
-            },
-            {
-              "kind": "method",
-              "name": "createRenderRoot",
-              "privacy": "protected"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "axis-title",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "axisTitle"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "type"
-            },
-            {
-              "name": "options",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "options"
-            },
-            {
-              "name": "labels",
-              "type": {
-                "text": "string[]"
-              },
-              "fieldName": "labels"
-            }
-          ],
-          "superclass": {
-            "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"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowChartData",
-            "module": "components/chart-scale/chart-scale.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/chart-scale/chart-scale.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./chart-scale.component"
-          }
+          "kind": "function",
+          "name": "initializeChartJs"
         },
         {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "FlowChartScale",
-            "module": "components/chart-scale/chart-scale.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/chart-data/chart-data.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FlowChartData",
-          "cssProperties": [
-            {
-              "description": "The color of the divider.",
-              "name": "--color"
-            },
-            {
-              "description": "The width of the divider.",
-              "name": "--width"
-            },
-            {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "datasetSpec",
-              "type": {
-                "text": "ChartDataset"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "Record<string, number>[]"
-              },
-              "attribute": "data"
-            },
-            {
-              "kind": "field",
-              "name": "x",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "x"
-            },
-            {
-              "kind": "field",
-              "name": "y",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "y"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "ChartDataset<any, any>"
-              },
-              "default": "{}",
-              "attribute": "options"
-            },
-            {
-              "kind": "method",
-              "name": "handlePropChange"
-            },
-            {
-              "kind": "method",
-              "name": "createRenderRoot",
-              "privacy": "protected"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "Record<string, number>[]"
-              },
-              "fieldName": "data"
-            },
-            {
-              "name": "x",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "x"
-            },
-            {
-              "name": "y",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "y"
-            },
+          "kind": "function",
+          "name": "registerChartComponent",
+          "parameters": [
             {
-              "name": "options",
+              "name": "components",
               "type": {
-                "text": "ChartDataset<any, any>"
-              },
-              "default": "{}",
-              "fieldName": "options"
+                "text": "ChartComponentLike[]"
+              }
             }
-          ],
-          "superclass": {
-            "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"
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "ChartJs",
           "declaration": {
-            "name": "FlowChartData",
-            "module": "components/chart-data/chart-data.component.js"
+            "name": "Chart",
+            "package": "chart.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/chart-data/chart-data.js",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "initializeChartJs",
           "declaration": {
-            "name": "*",
-            "package": "./chart-data.component"
+            "name": "initializeChartJs",
+            "module": "components/chart/chartjs-support.js"
           }
         },
         {
           "kind": "js",
-          "name": "default",
+          "name": "registerChartComponent",
           "declaration": {
-            "name": "FlowChartData",
-            "module": "components/chart-data/chart-data.js"
+            "name": "registerChartComponent",
+            "module": "components/chart/chartjs-support.js"
           }
         }
       ]
@@ -20330,13 +20040,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/plugins/days.adapter.js",
+      "path": "components/chart/chartjs-plugins/dayjs.adapter.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/plugins/interaction.interpolate.js",
+      "path": "components/chart/chartjs-plugins/interaction.interpolate.js",
       "declarations": [
         {
           "kind": "function",
@@ -20370,42 +20080,42 @@
           "name": "default",
           "declaration": {
             "name": "Interpolate",
-            "module": "components/chart/plugins/interaction.interpolate.js"
+            "module": "components/chart/chartjs-plugins/interaction.interpolate.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/plugins/plugin.flow-ui-colors.js",
+      "path": "components/chart/chartjs-plugins/plugin.flow-ui-colors.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "module": "components/chart/plugins/plugin.flow-ui-colors.js"
+            "module": "components/chart/chartjs-plugins/plugin.flow-ui-colors.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/plugins/plugin.flow-ui-crosshairs.js",
+      "path": "components/chart/chartjs-plugins/plugin.flow-ui-crosshairs.js",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "module": "components/chart/plugins/plugin.flow-ui-crosshairs.js"
+            "module": "components/chart/chartjs-plugins/plugin.flow-ui-crosshairs.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/plugins/positioner.cursor.js",
+      "path": "components/chart/chartjs-plugins/positioner.cursor.js",
       "declarations": [
         {
           "kind": "function",
@@ -20438,7 +20148,118 @@
           "name": "default",
           "declaration": {
             "name": "CursorPositioner",
-            "module": "components/chart/plugins/positioner.cursor.js"
+            "module": "components/chart/chartjs-plugins/positioner.cursor.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chart/chartjs-plugins/symlog.scale.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SymlogAxis",
+          "members": [
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "'symlog'"
+            },
+            {
+              "kind": "field",
+              "name": "defaults",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "_scale",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "parse",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "raw",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "index",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "determineDataLimits"
+            },
+            {
+              "kind": "method",
+              "name": "buildTicks"
+            },
+            {
+              "kind": "method",
+              "name": "configure",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "getPixelForValue",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getValueForPixel",
+              "parameters": [
+                {
+                  "name": "pixel",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "Scale",
+            "package": "chart.js"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SymlogAxis",
+            "module": "components/chart/chartjs-plugins/symlog.scale.js"
           }
         }
       ]
@@ -20446,6 +20267,6 @@
   ],
   "package": {
     "name": "@emuanalytics/flow-rdf-ui",
-    "version": "0.0.18-alpha.8"
+    "version": "0.0.18"
   }
 }