minerva-design 1.4.0 → 1.6.0

package/dist/web-components/types/solid.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,
@@ -211,8 +217,8 @@ declare module "solid-js" {
         Partial<Pick<MinervaBox, "p" | "px" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "bg" | "rounded" | "boxShadow" | "border">> & {
 
         };
-      "minerva-box-plot-chart": Omit<JSX.HTMLAttributes<MinervaBoxPlotChart>, keyof Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">>> &
-        Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">> & {
+      "minerva-box-plot-chart": Omit<JSX.HTMLAttributes<MinervaBoxPlotChart>, keyof Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "outlierShape" | "outlierSize" | "orientation" | "options" | "height">>> &
+        Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "outlierShape" | "outlierSize" | "orientation" | "options" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
           "on:minerva-point-click"?: (event: CustomEvent) => void;
           "on:minerva-plot-click"?: (event: CustomEvent) => void;
@@ -296,6 +302,12 @@ declare module "solid-js" {
           "on:change"?: (event: CustomEvent) => void;
           "on:minerva-change"?: (event: CustomEvent) => void;
         };
+      "minerva-chord-chart": Omit<JSX.HTMLAttributes<MinervaChordChart>, keyof Partial<Pick<MinervaChordChart, "groups" | "matrix" | "links" | "directed" | "ribbonColor" | "labels" | "tickFormat" | "options" | "height">>> &
+        Partial<Pick<MinervaChordChart, "groups" | "matrix" | "links" | "directed" | "ribbonColor" | "labels" | "tickFormat" | "options" | "height">> & {
+          "on:minerva-hover"?: (event: CustomEvent) => void;
+          "on:minerva-click"?: (event: CustomEvent) => void;
+          "on:minerva-toggle"?: (event: CustomEvent) => void;
+        };
       "minerva-code-block": Omit<JSX.HTMLAttributes<MinervaCodeBlock>, keyof Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">>> &
         Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">> & {
           "on:minerva-copy"?: (event: CustomEvent) => void;
@@ -352,6 +364,16 @@ declare module "solid-js" {
           "on:minerva-open-change"?: (event: CustomEvent) => void;
           "on:minerva-clear"?: (event: CustomEvent) => void;
         };
+      "minerva-dependency-graph": Omit<JSX.HTMLAttributes<MinervaDependencyGraph>, keyof Partial<Pick<MinervaDependencyGraph, "direction" | "criticalPath" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+        Partial<Pick<MinervaDependencyGraph, "direction" | "criticalPath" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+          "on:minerva-hover"?: (event: CustomEvent) => void;
+          "on:minerva-item-click"?: (event: CustomEvent) => void;
+          "on:minerva-selection-change"?: (event: CustomEvent) => void;
+          "on:minerva-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-group-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-layout-end"?: (event: CustomEvent) => void;
+          "on:minerva-renderer-change"?: (event: CustomEvent) => void;
+        };
       "minerva-depth-chart": Omit<JSX.HTMLAttributes<MinervaDepthChart>, keyof Partial<Pick<MinervaDepthChart, "options" | "book" | "height">>> &
         Partial<Pick<MinervaDepthChart, "options" | "book" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
@@ -400,8 +422,8 @@ declare module "solid-js" {
           "on:minerva-click"?: (event: CustomEvent) => void;
           "on:minerva-toggle"?: (event: CustomEvent) => void;
         };
-      "minerva-gantt-chart": Omit<JSX.HTMLAttributes<MinervaGanttChart>, keyof Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "formatProgress" | "today" | "todayLabel" | "options" | "height">>> &
-        Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "formatProgress" | "today" | "todayLabel" | "options" | "height">> & {
+      "minerva-gantt-chart": Omit<JSX.HTMLAttributes<MinervaGanttChart>, keyof Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "dependenciesName" | "hideDependencyArrows" | "dependencyColor" | "formatProgress" | "today" | "todayLabel" | "options" | "height">>> &
+        Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "dependenciesName" | "hideDependencyArrows" | "dependencyColor" | "formatProgress" | "today" | "todayLabel" | "options" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
           "on:minerva-point-click"?: (event: CustomEvent) => void;
           "on:minerva-plot-click"?: (event: CustomEvent) => void;
@@ -414,12 +436,22 @@ declare module "solid-js" {
           "on:minerva-click"?: (event: CustomEvent) => void;
           "on:minerva-toggle"?: (event: CustomEvent) => void;
         };
+      "minerva-graph-chart": Omit<JSX.HTMLAttributes<MinervaGraphChart>, keyof Partial<Pick<MinervaGraphChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+        Partial<Pick<MinervaGraphChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+          "on:minerva-hover"?: (event: CustomEvent) => void;
+          "on:minerva-item-click"?: (event: CustomEvent) => void;
+          "on:minerva-selection-change"?: (event: CustomEvent) => void;
+          "on:minerva-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-group-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-layout-end"?: (event: CustomEvent) => void;
+          "on:minerva-renderer-change"?: (event: CustomEvent) => void;
+        };
       "minerva-grid-item": Omit<JSX.HTMLAttributes<MinervaGridItem>, keyof Partial<Pick<MinervaGridItem, "fullWidth">>> &
         Partial<Pick<MinervaGridItem, "fullWidth">> & {
 
         };
-      "minerva-heatmap-chart": Omit<JSX.HTMLAttributes<MinervaHeatmapChart>, keyof Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "valueName" | "radius" | "format" | "options" | "height">>> &
-        Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "valueName" | "radius" | "format" | "options" | "height">> & {
+      "minerva-heatmap-chart": Omit<JSX.HTMLAttributes<MinervaHeatmapChart>, keyof Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "colorMidpoint" | "valueName" | "radius" | "format" | "options" | "height">>> &
+        Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "colorMidpoint" | "valueName" | "radius" | "format" | "options" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
           "on:minerva-point-click"?: (event: CustomEvent) => void;
           "on:minerva-plot-click"?: (event: CustomEvent) => void;
@@ -858,13 +890,28 @@ declare module "solid-js" {
           "on:minerva-click"?: (event: CustomEvent) => void;
           "on:minerva-visible-range-change"?: (event: CustomEvent) => void;
           "on:minerva-order-move"?: (event: CustomEvent) => void;
+          "on:minerva-order-create"?: (event: CustomEvent) => void;
+          "on:minerva-order-cancel"?: (event: CustomEvent) => void;
           "on:minerva-drawings-change"?: (event: CustomEvent) => void;
           "on:minerva-drawing-select"?: (event: CustomEvent) => void;
           "on:minerva-drawing-tool-change"?: (event: CustomEvent) => void;
+          "on:minerva-undo-change"?: (event: CustomEvent) => void;
+          "on:minerva-replay-change"?: (event: CustomEvent) => void;
+          "on:minerva-fullscreen-change"?: (event: CustomEvent) => void;
           "on:minerva-indicator-toggle"?: (event: CustomEvent) => void;
           "on:minerva-history-request"?: (event: CustomEvent) => void;
           "on:minerva-renderer-change"?: (event: CustomEvent) => void;
         };
+      "minerva-tree-chart": Omit<JSX.HTMLAttributes<MinervaTreeChart>, keyof Partial<Pick<MinervaTreeChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+        Partial<Pick<MinervaTreeChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+          "on:minerva-hover"?: (event: CustomEvent) => void;
+          "on:minerva-item-click"?: (event: CustomEvent) => void;
+          "on:minerva-selection-change"?: (event: CustomEvent) => void;
+          "on:minerva-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-group-toggle"?: (event: CustomEvent) => void;
+          "on:minerva-layout-end"?: (event: CustomEvent) => void;
+          "on:minerva-renderer-change"?: (event: CustomEvent) => void;
+        };
       "minerva-treemap-chart": Omit<JSX.HTMLAttributes<MinervaTreemapChart>, keyof Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">>> &
         Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
@@ -888,8 +935,8 @@ declare module "solid-js" {
         Partial<Pick<MinervaVStack, "direction" | "gap" | "align" | "justify" | "wrap" | "separator" | "attached">> & {
 
         };
-      "minerva-waterfall-chart": Omit<JSX.HTMLAttributes<MinervaWaterfallChart>, keyof 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" | "orientation" | "options" | "height">> & {
+      "minerva-waterfall-chart": Omit<JSX.HTMLAttributes<MinervaWaterfallChart>, keyof Partial<Pick<MinervaWaterfallChart, "steps" | "valueName" | "upColor" | "downColor" | "totalColor" | "start" | "hideLabels" | "format" | "hideConnectors" | "connector" | "orientation" | "options" | "height">>> &
+        Partial<Pick<MinervaWaterfallChart, "steps" | "valueName" | "upColor" | "downColor" | "totalColor" | "start" | "hideLabels" | "format" | "hideConnectors" | "connector" | "orientation" | "options" | "height">> & {
           "on:minerva-hover"?: (event: CustomEvent) => void;
           "on:minerva-point-click"?: (event: CustomEvent) => void;
           "on:minerva-plot-click"?: (event: CustomEvent) => void;

package/dist/web-components/types/svelte.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,
@@ -209,8 +215,8 @@ declare module "svelte/elements" {
       Partial<Pick<MinervaBox, "p" | "px" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "bg" | "rounded" | "boxShadow" | "border">> & {
 
       };
-    "minerva-box-plot-chart": Omit<HTMLAttributes<MinervaBoxPlotChart>, keyof Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">>> &
-      Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">> & {
+    "minerva-box-plot-chart": Omit<HTMLAttributes<MinervaBoxPlotChart>, keyof Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "outlierShape" | "outlierSize" | "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;
         "onminerva-plot-click"?: (event: CustomEvent) => void;
@@ -294,6 +300,12 @@ declare module "svelte/elements" {
         "onchange"?: (event: CustomEvent) => void;
         "onminerva-change"?: (event: CustomEvent) => void;
       };
+    "minerva-chord-chart": Omit<HTMLAttributes<MinervaChordChart>, keyof Partial<Pick<MinervaChordChart, "groups" | "matrix" | "links" | "directed" | "ribbonColor" | "labels" | "tickFormat" | "options" | "height">>> &
+      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": Omit<HTMLAttributes<MinervaCodeBlock>, keyof Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">>> &
       Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">> & {
         "onminerva-copy"?: (event: CustomEvent) => void;
@@ -350,6 +362,16 @@ declare module "svelte/elements" {
         "onminerva-open-change"?: (event: CustomEvent) => void;
         "onminerva-clear"?: (event: CustomEvent) => void;
       };
+    "minerva-dependency-graph": Omit<HTMLAttributes<MinervaDependencyGraph>, keyof Partial<Pick<MinervaDependencyGraph, "direction" | "criticalPath" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+      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": Omit<HTMLAttributes<MinervaDepthChart>, keyof Partial<Pick<MinervaDepthChart, "options" | "book" | "height">>> &
       Partial<Pick<MinervaDepthChart, "options" | "book" | "height">> & {
         "onminerva-hover"?: (event: CustomEvent) => void;
@@ -398,8 +420,8 @@ declare module "svelte/elements" {
         "onminerva-click"?: (event: CustomEvent) => void;
         "onminerva-toggle"?: (event: CustomEvent) => void;
       };
-    "minerva-gantt-chart": Omit<HTMLAttributes<MinervaGanttChart>, keyof Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "formatProgress" | "today" | "todayLabel" | "options" | "height">>> &
-      Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "formatProgress" | "today" | "todayLabel" | "options" | "height">> & {
+    "minerva-gantt-chart": Omit<HTMLAttributes<MinervaGanttChart>, keyof Partial<Pick<MinervaGanttChart, "tasks" | "colors" | "taskName" | "progressName" | "milestoneName" | "dependenciesName" | "hideDependencyArrows" | "dependencyColor" | "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;
         "onminerva-plot-click"?: (event: CustomEvent) => void;
@@ -412,12 +434,22 @@ declare module "svelte/elements" {
         "onminerva-click"?: (event: CustomEvent) => void;
         "onminerva-toggle"?: (event: CustomEvent) => void;
       };
+    "minerva-graph-chart": Omit<HTMLAttributes<MinervaGraphChart>, keyof Partial<Pick<MinervaGraphChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+      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": Omit<HTMLAttributes<MinervaGridItem>, keyof Partial<Pick<MinervaGridItem, "fullWidth">>> &
       Partial<Pick<MinervaGridItem, "fullWidth">> & {
 
       };
-    "minerva-heatmap-chart": Omit<HTMLAttributes<MinervaHeatmapChart>, keyof Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "valueName" | "radius" | "format" | "options" | "height">>> &
-      Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "valueName" | "radius" | "format" | "options" | "height">> & {
+    "minerva-heatmap-chart": Omit<HTMLAttributes<MinervaHeatmapChart>, keyof Partial<Pick<MinervaHeatmapChart, "data" | "xCategories" | "yCategories" | "colorScale" | "valueRange" | "colorMidpoint" | "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;
         "onminerva-plot-click"?: (event: CustomEvent) => void;
@@ -856,13 +888,28 @@ declare module "svelte/elements" {
         "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": Omit<HTMLAttributes<MinervaTreeChart>, keyof Partial<Pick<MinervaTreeChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">>> &
+      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": Omit<HTMLAttributes<MinervaTreemapChart>, keyof Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">>> &
       Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">> & {
         "onminerva-hover"?: (event: CustomEvent) => void;
@@ -886,8 +933,8 @@ declare module "svelte/elements" {
       Partial<Pick<MinervaVStack, "direction" | "gap" | "align" | "justify" | "wrap" | "separator" | "attached">> & {
 
       };
-    "minerva-waterfall-chart": Omit<HTMLAttributes<MinervaWaterfallChart>, keyof 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" | "orientation" | "options" | "height">> & {
+    "minerva-waterfall-chart": Omit<HTMLAttributes<MinervaWaterfallChart>, keyof Partial<Pick<MinervaWaterfallChart, "steps" | "valueName" | "upColor" | "downColor" | "totalColor" | "start" | "hideLabels" | "format" | "hideConnectors" | "connector" | "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;
         "onminerva-plot-click"?: (event: CustomEvent) => void;

package/dist/web-components/types/vue.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,
@@ -220,7 +226,7 @@ declare module "vue" {
       }
     >;
     "minerva-box-plot-chart": DefineComponent<
-      Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "orientation" | "options" | "height">> & {
+      Partial<Pick<MinervaBoxPlotChart, "groups" | "series" | "valueName" | "whisker" | "outlierShape" | "outlierSize" | "orientation" | "options" | "height">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
         "onMinervaPointClick"?: (event: CustomEvent) => void;
         "onMinervaPlotClick"?: (event: CustomEvent) => void;
@@ -319,6 +325,13 @@ declare module "vue" {
         "onMinervaChange"?: (event: CustomEvent) => void;
       }
     >;
+    "minerva-chord-chart": DefineComponent<
+      Partial<Pick<MinervaChordChart, "groups" | "matrix" | "links" | "directed" | "ribbonColor" | "labels" | "tickFormat" | "options" | "height">> & {
+        "onMinervaHover"?: (event: CustomEvent) => void;
+        "onMinervaClick"?: (event: CustomEvent) => void;
+        "onMinervaToggle"?: (event: CustomEvent) => void;
+      }
+    >;
     "minerva-code-block": DefineComponent<
       Partial<Pick<MinervaCodeBlock, "code" | "language" | "noWrap" | "maxHeight" | "copyable">> & {
         "onMinervaCopy"?: (event: CustomEvent) => void;
@@ -384,6 +397,17 @@ declare module "vue" {
         "onMinervaClear"?: (event: CustomEvent) => void;
       }
     >;
+    "minerva-dependency-graph": DefineComponent<
+      Partial<Pick<MinervaDependencyGraph, "direction" | "criticalPath" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+        "onMinervaHover"?: (event: CustomEvent) => void;
+        "onMinervaItemClick"?: (event: CustomEvent) => void;
+        "onMinervaSelectionChange"?: (event: CustomEvent) => void;
+        "onMinervaToggle"?: (event: CustomEvent) => void;
+        "onMinervaGroupToggle"?: (event: CustomEvent) => void;
+        "onMinervaLayoutEnd"?: (event: CustomEvent) => void;
+        "onMinervaRendererChange"?: (event: CustomEvent) => void;
+      }
+    >;
     "minerva-depth-chart": DefineComponent<
       Partial<Pick<MinervaDepthChart, "options" | "book" | "height">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
@@ -443,7 +467,7 @@ declare module "vue" {
       }
     >;
     "minerva-gantt-chart": DefineComponent<
-      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">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
         "onMinervaPointClick"?: (event: CustomEvent) => void;
         "onMinervaPlotClick"?: (event: CustomEvent) => void;
@@ -458,13 +482,24 @@ declare module "vue" {
         "onMinervaToggle"?: (event: CustomEvent) => void;
       }
     >;
+    "minerva-graph-chart": DefineComponent<
+      Partial<Pick<MinervaGraphChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+        "onMinervaHover"?: (event: CustomEvent) => void;
+        "onMinervaItemClick"?: (event: CustomEvent) => void;
+        "onMinervaSelectionChange"?: (event: CustomEvent) => void;
+        "onMinervaToggle"?: (event: CustomEvent) => void;
+        "onMinervaGroupToggle"?: (event: CustomEvent) => void;
+        "onMinervaLayoutEnd"?: (event: CustomEvent) => void;
+        "onMinervaRendererChange"?: (event: CustomEvent) => void;
+      }
+    >;
     "minerva-grid-item": DefineComponent<
       Partial<Pick<MinervaGridItem, "fullWidth">> & {
 
       }
     >;
     "minerva-heatmap-chart": DefineComponent<
-      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">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
         "onMinervaPointClick"?: (event: CustomEvent) => void;
         "onMinervaPlotClick"?: (event: CustomEvent) => void;
@@ -985,14 +1020,30 @@ declare module "vue" {
         "onMinervaClick"?: (event: CustomEvent) => void;
         "onMinervaVisibleRangeChange"?: (event: CustomEvent) => void;
         "onMinervaOrderMove"?: (event: CustomEvent) => void;
+        "onMinervaOrderCreate"?: (event: CustomEvent) => void;
+        "onMinervaOrderCancel"?: (event: CustomEvent) => void;
         "onMinervaDrawingsChange"?: (event: CustomEvent) => void;
         "onMinervaDrawingSelect"?: (event: CustomEvent) => void;
         "onMinervaDrawingToolChange"?: (event: CustomEvent) => void;
+        "onMinervaUndoChange"?: (event: CustomEvent) => void;
+        "onMinervaReplayChange"?: (event: CustomEvent) => void;
+        "onMinervaFullscreenChange"?: (event: CustomEvent) => void;
         "onMinervaIndicatorToggle"?: (event: CustomEvent) => void;
         "onMinervaHistoryRequest"?: (event: CustomEvent) => void;
         "onMinervaRendererChange"?: (event: CustomEvent) => void;
       }
     >;
+    "minerva-tree-chart": DefineComponent<
+      Partial<Pick<MinervaTreeChart, "layout" | "direction" | "height" | "nodes" | "edges" | "groups" | "nodeShape" | "edgeStyle" | "edgeColor" | "arrowStyle" | "highlight" | "locale" | "selected" | "options">> & {
+        "onMinervaHover"?: (event: CustomEvent) => void;
+        "onMinervaItemClick"?: (event: CustomEvent) => void;
+        "onMinervaSelectionChange"?: (event: CustomEvent) => void;
+        "onMinervaToggle"?: (event: CustomEvent) => void;
+        "onMinervaGroupToggle"?: (event: CustomEvent) => void;
+        "onMinervaLayoutEnd"?: (event: CustomEvent) => void;
+        "onMinervaRendererChange"?: (event: CustomEvent) => void;
+      }
+    >;
     "minerva-treemap-chart": DefineComponent<
       Partial<Pick<MinervaTreemapChart, "data" | "gap" | "hideHeaders" | "options" | "height">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
@@ -1021,7 +1072,7 @@ declare module "vue" {
       }
     >;
     "minerva-waterfall-chart": DefineComponent<
-      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">> & {
         "onMinervaHover"?: (event: CustomEvent) => void;
         "onMinervaPointClick"?: (event: CustomEvent) => void;
         "onMinervaPlotClick"?: (event: CustomEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minerva-design",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Minerva Design: React, Vue, Angular, Web Components and native platform components with shared design tokens and contracts",
   "license": "MIT",
   "author": "fwx5618177 <fwx5618177@gmail.com>",
@@ -259,6 +259,10 @@
       "types": "./dist/uni/Checkbox.vue.d.ts",
       "default": "./dist/uni/Checkbox.vue"
     },
+    "./uni/ChordChart.vue": {
+      "types": "./dist/uni/ChordChart.vue.d.ts",
+      "default": "./dist/uni/ChordChart.vue"
+    },
     "./uni/CodeBlock.vue": {
       "types": "./dist/uni/CodeBlock.vue.d.ts",
       "default": "./dist/uni/CodeBlock.vue"
@@ -881,6 +885,10 @@
       "types": "./dist/web-components/elements/form-layout.d.ts",
       "default": "./dist/web-components/elements/form-layout.js"
     },
+    "./web-components/graph": {
+      "types": "./dist/web-components/elements/graph.d.ts",
+      "default": "./dist/web-components/elements/graph.js"
+    },
     "./web-components/html-preview": {
       "types": "./dist/web-components/elements/html-preview.d.ts",
       "default": "./dist/web-components/elements/html-preview.js"
@@ -1062,9 +1070,16 @@
       "types": "./dist/vue/monaco.d.ts",
       "default": "./dist/vue/monaco.js"
     },
+    "./vue/charts": {
+      "types": "./dist/vue/charts.d.ts",
+      "default": "./dist/vue/charts.js"
+    },
     "./vue/global": {
       "types": "./dist/vue/global.d.ts"
     },
+    "./vue/charts-global": {
+      "types": "./dist/vue/charts-global.d.ts"
+    },
     "./custom-elements.json": "./custom-elements.json",
     "./html-custom-data.json": "./dist/web-components/html-custom-data.json",
     "./package.json": "./package.json"