minerva-design 1.4.0 → 1.6.0

package/dist/web-components/html-custom-data.json

@@ -746,6 +746,22 @@
           "name": "whisker",
           "description": "Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax`\n\nDefault: 1.5"
         },
+        {
+          "name": "outlier-shape",
+          "description": "Outliers drawn as rings of the series color or as filled dots (series may set their own)\n\nDefault: \"hollow\"",
+          "values": [
+            {
+              "name": "hollow"
+            },
+            {
+              "name": "filled"
+            }
+          ]
+        },
+        {
+          "name": "outlier-size",
+          "description": "Diameter of the outliers in CSS pixels\n\nDefault: 7"
+        },
         {
           "name": "orientation",
           "description": "`horizontal` lays the boxes out in rows\n\nDefault: \"vertical\"",
@@ -1411,6 +1427,63 @@
         }
       ]
     },
+    {
+      "name": "minerva-chord-chart",
+      "description": "Chord diagram of the flows between groups.\n\nEvents: `minerva-hover`, `minerva-click`, `minerva-toggle`",
+      "attributes": [
+        {
+          "name": "directed",
+          "description": "One ribbon per direction, arcs sized by the outgoing plus the incoming flows\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "ribbon-color",
+          "description": "Color of the ribbons without `color`\n\nDefault: \"gradient\"",
+          "values": [
+            {
+              "name": "gradient"
+            },
+            {
+              "name": "source"
+            },
+            {
+              "name": "target"
+            },
+            {
+              "name": "neutral"
+            }
+          ]
+        },
+        {
+          "name": "labels",
+          "description": "Group labels along the arc (`tangential`), the radius (`radial`), whichever fits (`auto`), or none\n\nDefault: \"auto\"",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "tangential"
+            },
+            {
+              "name": "radial"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "height",
+          "description": "Height of the chart, the legend included: pixels or any CSS length (default 320, sparkline 48, gauge 240)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://fwx5618177.github.io/minerva-design/web-components/chord-chart"
+        }
+      ]
+    },
     {
       "name": "minerva-code-block",
       "description": "Read-only, scrollable code region with optional copy button.\n\nEvents: `minerva-copy`",
@@ -1912,6 +1985,73 @@
         }
       ]
     },
+    {
+      "name": "minerva-dependency-graph",
+      "description": "Layered DAG with the critical path.\n\nEvents: `minerva-hover`, `minerva-item-click`, `minerva-selection-change`, `minerva-toggle`, `minerva-group-toggle`, `minerva-layout-end`, `minerva-renderer-change`",
+      "attributes": [
+        {
+          "name": "direction",
+          "description": "Flow direction\n\nDefault: \"TB\""
+        },
+        {
+          "name": "critical-path",
+          "description": "Highlights the longest path (node `value` = duration); a list of node ids (property) sets it"
+        },
+        {
+          "name": "height",
+          "description": "Height of the chart, the legend included: pixels or any CSS length\n\nDefault: 480"
+        },
+        {
+          "name": "node-shape",
+          "description": "Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise)"
+        },
+        {
+          "name": "edge-style",
+          "description": "Edge shape; depends on the layout when omitted"
+        },
+        {
+          "name": "edge-color",
+          "description": "Edge colors: neutral or tinted with the source / target node\n\nDefault: \"neutral\"",
+          "values": [
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "source"
+            },
+            {
+              "name": "target"
+            }
+          ]
+        },
+        {
+          "name": "arrow-style",
+          "description": "Shape of the arrowheads: `open` (a slim outlined head) or `filled` (a solid head in the edge color, following the theme and the highlight)\n\nDefault: \"open\"",
+          "values": [
+            {
+              "name": "open"
+            },
+            {
+              "name": "filled"
+            }
+          ]
+        },
+        {
+          "name": "highlight",
+          "description": "What hovering / selecting a node highlights"
+        },
+        {
+          "name": "locale",
+          "description": "Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default"
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://fwx5618177.github.io/minerva-design/web-components/dependency-graph"
+        }
+      ]
+    },
     {
       "name": "minerva-depth-chart",
       "description": "Cumulative bid / ask depth around the mid price.\n\nEvents: `minerva-hover`, `minerva-click`, `minerva-range-change`",
@@ -2352,15 +2492,28 @@
       "attributes": [
         {
           "name": "task-name",
-          "description": "Name of the tasks without a group\n\nDefault: \"Tasks\""
+          "description": "Name of the tasks without a group (\"Tasks\" in the locale by default)"
         },
         {
           "name": "progress-name",
-          "description": "Name of the progress bars (legend, tooltip)\n\nDefault: \"Progress\""
+          "description": "Name of the progress bars (legend, tooltip; \"Progress\" in the locale by default)"
         },
         {
           "name": "milestone-name",
-          "description": "Name of the milestones (legend, tooltip)\n\nDefault: \"Milestones\""
+          "description": "Name of the milestones (legend, tooltip; \"Milestones\" in the locale by default)"
+        },
+        {
+          "name": "dependencies-name",
+          "description": "Name of the dependencies row of the tooltip (\"Depends on\" in the locale by default)"
+        },
+        {
+          "name": "hide-dependency-arrows",
+          "description": "Hides the elbow arrows drawn for the `dependencies` of the tasks\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "dependency-color",
+          "description": "Color of the dependency arrows (any CSS color); the secondary text color by default"
         },
         {
           "name": "today-label",
@@ -2415,6 +2568,73 @@
         }
       ]
     },
+    {
+      "name": "minerva-graph-chart",
+      "description": "GPU relationship network with force, circular and layered layouts.\n\nEvents: `minerva-hover`, `minerva-item-click`, `minerva-selection-change`, `minerva-toggle`, `minerva-group-toggle`, `minerva-layout-end`, `minerva-renderer-change`",
+      "attributes": [
+        {
+          "name": "layout",
+          "description": "Placement of the nodes\n\nDefault: \"force\""
+        },
+        {
+          "name": "direction",
+          "description": "Direction of the `dag` and `tree` layouts"
+        },
+        {
+          "name": "height",
+          "description": "Height of the chart, the legend included: pixels or any CSS length\n\nDefault: 480"
+        },
+        {
+          "name": "node-shape",
+          "description": "Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise)"
+        },
+        {
+          "name": "edge-style",
+          "description": "Edge shape; depends on the layout when omitted"
+        },
+        {
+          "name": "edge-color",
+          "description": "Edge colors: neutral or tinted with the source / target node\n\nDefault: \"neutral\"",
+          "values": [
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "source"
+            },
+            {
+              "name": "target"
+            }
+          ]
+        },
+        {
+          "name": "arrow-style",
+          "description": "Shape of the arrowheads: `open` (a slim outlined head) or `filled` (a solid head in the edge color, following the theme and the highlight)\n\nDefault: \"open\"",
+          "values": [
+            {
+              "name": "open"
+            },
+            {
+              "name": "filled"
+            }
+          ]
+        },
+        {
+          "name": "highlight",
+          "description": "What hovering / selecting a node highlights"
+        },
+        {
+          "name": "locale",
+          "description": "Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default"
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://fwx5618177.github.io/minerva-design/web-components/graph-chart"
+        }
+      ]
+    },
     {
       "name": "minerva-grid-item",
       "description": "Grid cell, optionally spanning the full row.\n\nSlots: `(default)`",
@@ -2436,6 +2656,14 @@
       "name": "minerva-heatmap-chart",
       "description": "GPU heatmap: a grid of cells colored by value.\n\nEvents: `minerva-hover`, `minerva-point-click`, `minerva-plot-click`, `minerva-zoom`, `minerva-renderer-change`",
       "attributes": [
+        {
+          "name": "color-scale",
+          "description": "Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (`sequential` by default, or `diverging`); an array is property only\n\nDefault: \"sequential\""
+        },
+        {
+          "name": "color-midpoint",
+          "description": "Value at the middle of the color scale (diverging data; 0 for `diverging` ramps spanning it, else the middle of the range, by default)"
+        },
         {
           "name": "value-name",
           "description": "Name of the value in the tooltip"
@@ -6352,7 +6580,7 @@
     },
     {
       "name": "minerva-trading-chart",
-      "description": "GPU trading chart: candles, indicators, drawings, streaming.\n\nEvents: `minerva-crosshair-move`, `minerva-click`, `minerva-visible-range-change`, `minerva-order-move`, `minerva-drawings-change`, `minerva-drawing-select`, `minerva-drawing-tool-change`, `minerva-indicator-toggle`, `minerva-history-request`, `minerva-renderer-change`",
+      "description": "GPU trading chart: candles, indicators, drawings, streaming.\n\nEvents: `minerva-crosshair-move`, `minerva-click`, `minerva-visible-range-change`, `minerva-order-move`, `minerva-order-create`, `minerva-order-cancel`, `minerva-drawings-change`, `minerva-drawing-select`, `minerva-drawing-tool-change`, `minerva-undo-change`, `minerva-replay-change`, `minerva-fullscreen-change`, `minerva-indicator-toggle`, `minerva-history-request`, `minerva-renderer-change`",
       "attributes": [
         {
           "name": "height",
@@ -6378,6 +6606,87 @@
         }
       ]
     },
+    {
+      "name": "minerva-tree-chart",
+      "description": "Tidy tree, radial tree, mind map or org chart.\n\nEvents: `minerva-hover`, `minerva-item-click`, `minerva-selection-change`, `minerva-toggle`, `minerva-group-toggle`, `minerva-layout-end`, `minerva-renderer-change`",
+      "attributes": [
+        {
+          "name": "layout",
+          "description": "Kind of tree: tidy tree, radial tree, two-sided mind map or org chart\n\nDefault: \"tree\"",
+          "values": [
+            {
+              "name": "tree"
+            },
+            {
+              "name": "radial"
+            },
+            {
+              "name": "mindmap"
+            },
+            {
+              "name": "org"
+            }
+          ]
+        },
+        {
+          "name": "direction",
+          "description": "Direction of `layout=\"tree\"`\n\nDefault: \"LR\""
+        },
+        {
+          "name": "height",
+          "description": "Height of the chart, the legend included: pixels or any CSS length\n\nDefault: 480"
+        },
+        {
+          "name": "node-shape",
+          "description": "Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise)"
+        },
+        {
+          "name": "edge-style",
+          "description": "Edge shape; depends on the layout when omitted"
+        },
+        {
+          "name": "edge-color",
+          "description": "Edge colors: neutral or tinted with the source / target node\n\nDefault: \"neutral\"",
+          "values": [
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "source"
+            },
+            {
+              "name": "target"
+            }
+          ]
+        },
+        {
+          "name": "arrow-style",
+          "description": "Shape of the arrowheads: `open` (a slim outlined head) or `filled` (a solid head in the edge color, following the theme and the highlight)\n\nDefault: \"open\"",
+          "values": [
+            {
+              "name": "open"
+            },
+            {
+              "name": "filled"
+            }
+          ]
+        },
+        {
+          "name": "highlight",
+          "description": "What hovering / selecting a node highlights"
+        },
+        {
+          "name": "locale",
+          "description": "Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default"
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://fwx5618177.github.io/minerva-design/web-components/tree-chart"
+        }
+      ]
+    },
     {
       "name": "minerva-treemap-chart",
       "description": "Treemap of nested rectangles sized by value.\n\nEvents: `minerva-hover`, `minerva-click`, `minerva-toggle`",
@@ -6602,6 +6911,11 @@
           "description": "Hides the change (or total) written at the end of every bar\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "hide-connectors",
+          "description": "Hides the thin lines from the end of every bar to the next one\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "orientation",
           "description": "`horizontal` lays the steps out in rows\n\nDefault: \"vertical\"",

package/dist/web-components/types/react.d.ts

@@ -107,6 +107,7 @@ import type {
   MinervaCalendarHeatmap,
   MinervaCandlestickChart,
   MinervaChart,
+  MinervaChordChart,
   MinervaDonutChart,
   MinervaFunnelChart,
   MinervaGanttChart,
@@ -138,6 +139,11 @@ import type {
 import type {
   MinervaCodeEditor,
 } from "../elements/code-editor.js";
+import type {
+  MinervaDependencyGraph,
+  MinervaGraphChart,
+  MinervaTreeChart,
+} from "../elements/graph.js";
 import type {
   MinervaDepthChart,
   MinervaOrderBook,
@@ -250,7 +256,7 @@ declare module "react" {
       >;
       "minerva-box-plot-chart": MinervaIntrinsic<
         MinervaBoxPlotChart,
-        Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">>,
+        Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "outlierShape" | "outlierSize" | "orientation" | "options" | "height">>,
         {
           "onminerva-hover"?: (event: CustomEvent) => void;
           "onminerva-point-click"?: (event: CustomEvent) => void;
@@ -378,6 +384,15 @@ declare module "react" {
           "onminerva-change"?: (event: CustomEvent) => void;
         }
       >;
+      "minerva-chord-chart": MinervaIntrinsic<
+        MinervaChordChart,
+        Partial<Pick<MinervaChordChart, "groups" | "matrix" | "links" | "directed" | "ribbonColor" | "labels" | "tickFormat" | "options" | "height">>,
+        {
+          "onminerva-hover"?: (event: CustomEvent) => void;
+          "onminerva-click"?: (event: CustomEvent) => void;
+          "onminerva-toggle"?: (event: CustomEvent) => void;
+        }
+      >;
       "minerva-code-block": MinervaIntrinsic<
         MinervaCodeBlock,
         Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">>,
@@ -461,6 +476,19 @@ declare module "react" {
           "onminerva-clear"?: (event: CustomEvent) => void;
         }
       >;
+      "minerva-dependency-graph": MinervaIntrinsic<
+        MinervaDependencyGraph,
+        Partial<Pick<MinervaDependencyGraph, "direction" | "criticalPath" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>,
+        {
+          "onminerva-hover"?: (event: CustomEvent) => void;
+          "onminerva-item-click"?: (event: CustomEvent) => void;
+          "onminerva-selection-change"?: (event: CustomEvent) => void;
+          "onminerva-toggle"?: (event: CustomEvent) => void;
+          "onminerva-group-toggle"?: (event: CustomEvent) => void;
+          "onminerva-layout-end"?: (event: CustomEvent) => void;
+          "onminerva-renderer-change"?: (event: CustomEvent) => void;
+        }
+      >;
       "minerva-depth-chart": MinervaIntrinsic<
         MinervaDepthChart,
         Partial<Pick<MinervaDepthChart, "options" | "book" | "height">>,
@@ -541,7 +569,7 @@ declare module "react" {
       >;
       "minerva-gantt-chart": MinervaIntrinsic<
         MinervaGanttChart,
-        Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "formatProgress" | "today" | "todayLabel" | "options" | "height">>,
+        Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "dependenciesName" | "hideDependencyArrows" | "dependencyColor" | "formatProgress" | "today" | "todayLabel" | "options" | "height">>,
         {
           "onminerva-hover"?: (event: CustomEvent) => void;
           "onminerva-point-click"?: (event: CustomEvent) => void;
@@ -559,6 +587,19 @@ declare module "react" {
           "onminerva-toggle"?: (event: CustomEvent) => void;
         }
       >;
+      "minerva-graph-chart": MinervaIntrinsic<
+        MinervaGraphChart,
+        Partial<Pick<MinervaGraphChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>,
+        {
+          "onminerva-hover"?: (event: CustomEvent) => void;
+          "onminerva-item-click"?: (event: CustomEvent) => void;
+          "onminerva-selection-change"?: (event: CustomEvent) => void;
+          "onminerva-toggle"?: (event: CustomEvent) => void;
+          "onminerva-group-toggle"?: (event: CustomEvent) => void;
+          "onminerva-layout-end"?: (event: CustomEvent) => void;
+          "onminerva-renderer-change"?: (event: CustomEvent) => void;
+        }
+      >;
       "minerva-grid-item": MinervaIntrinsic<
         MinervaGridItem,
         Partial<Pick<MinervaGridItem, "fullWidth">>,
@@ -568,7 +609,7 @@ declare module "react" {
       >;
       "minerva-heatmap-chart": MinervaIntrinsic<
         MinervaHeatmapChart,
-        Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "valueName" | "radius" | "format" | "options" | "height">>,
+        Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "colorMidpoint" | "valueName" | "radius" | "format" | "options" | "height">>,
         {
           "onminerva-hover"?: (event: CustomEvent) => void;
           "onminerva-point-click"?: (event: CustomEvent) => void;
@@ -1254,14 +1295,32 @@ declare module "react" {
           "onminerva-click"?: (event: CustomEvent) => void;
           "onminerva-visible-range-change"?: (event: CustomEvent) => void;
           "onminerva-order-move"?: (event: CustomEvent) => void;
+          "onminerva-order-create"?: (event: CustomEvent) => void;
+          "onminerva-order-cancel"?: (event: CustomEvent) => void;
           "onminerva-drawings-change"?: (event: CustomEvent) => void;
           "onminerva-drawing-select"?: (event: CustomEvent) => void;
           "onminerva-drawing-tool-change"?: (event: CustomEvent) => void;
+          "onminerva-undo-change"?: (event: CustomEvent) => void;
+          "onminerva-replay-change"?: (event: CustomEvent) => void;
+          "onminerva-fullscreen-change"?: (event: CustomEvent) => void;
           "onminerva-indicator-toggle"?: (event: CustomEvent) => void;
           "onminerva-history-request"?: (event: CustomEvent) => void;
           "onminerva-renderer-change"?: (event: CustomEvent) => void;
         }
       >;
+      "minerva-tree-chart": MinervaIntrinsic<
+        MinervaTreeChart,
+        Partial<Pick<MinervaTreeChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>,
+        {
+          "onminerva-hover"?: (event: CustomEvent) => void;
+          "onminerva-item-click"?: (event: CustomEvent) => void;
+          "onminerva-selection-change"?: (event: CustomEvent) => void;
+          "onminerva-toggle"?: (event: CustomEvent) => void;
+          "onminerva-group-toggle"?: (event: CustomEvent) => void;
+          "onminerva-layout-end"?: (event: CustomEvent) => void;
+          "onminerva-renderer-change"?: (event: CustomEvent) => void;
+        }
+      >;
       "minerva-treemap-chart": MinervaIntrinsic<
         MinervaTreemapChart,
         Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">>,
@@ -1299,7 +1358,7 @@ declare module "react" {
       >;
       "minerva-waterfall-chart": MinervaIntrinsic<
         MinervaWaterfallChart,
-        Partial<Pick<MinervaWaterfallChart, "steps" | "valueName" | "upColor" | "downColor" | "totalColor" | "start" | "hideLabels" | "format" | "orientation" | "options" | "height">>,
+        Partial<Pick<MinervaWaterfallChart, "steps" | "valueName" | "upColor" | "downColor" | "totalColor" | "start" | "hideLabels" | "format" | "hideConnectors" | "connector" | "orientation" | "options" | "height">>,
         {
           "onminerva-hover"?: (event: CustomEvent) => void;
           "onminerva-point-click"?: (event: CustomEvent) => void;