vue-chrts 2.0.0 → 2.1.0-beta-2

package/dist/components/AreaChart/AreaChart.js

@@ -1,13 +1,13 @@
-import { defineComponent as z, useSlots as R, useTemplateRef as U, ref as H, computed as d, createElementBlock as f, openBlock as c, normalizeClass as K, normalizeStyle as p, createVNode as u, createCommentVNode as y, createElementVNode as q, unref as r, withCtx as J, createBlock as k, Fragment as T, renderList as Q, mergeProps as v, renderSlot as b } from "vue";
-import { Position as $, CurveType as h } from "@unovis/ts";
-import { createMarkers as Z } from "../../utils.js";
-import I from "../Tooltip.js";
-import { VisXYContainer as _, VisTooltip as ee, VisArea as B, VisLine as D, VisAxis as O, VisCrosshair as te, VisBulletLegend as ie } from "@unovis/vue";
-import { LegendPosition as ae } from "../../types.js";
-const ne = ["id"], oe = {
+import { defineComponent as H, useSlots as I, useTemplateRef as K, ref as q, getCurrentInstance as J, computed as c, createElementBlock as f, openBlock as d, normalizeClass as Q, normalizeStyle as p, createVNode as u, createCommentVNode as m, createElementVNode as Z, unref as l, withCtx as _, createBlock as k, Fragment as T, renderList as ee, mergeProps as v, renderSlot as B } from "vue";
+import { Position as D, CurveType as h } from "@unovis/ts";
+import { createScopedMarkers as te } from "../../utils.js";
+import ie from "../Tooltip.js";
+import { VisXYContainer as ne, VisTooltip as ae, VisArea as O, VisLine as V, VisAxis as F, VisCrosshair as oe, VisBulletLegend as re } from "@unovis/vue";
+import { LegendPosition as le } from "../../types.js";
+const se = ["id"], ce = {
   ref: "slotWrapper",
   style: { display: "none" }
-}, F = 0.5, A = "#3b82f6", ye = /* @__PURE__ */ z({
+}, S = 0.5, C = "#3b82f6", ke = /* @__PURE__ */ H({
   __name: "AreaChart",
   props: {
     data: {},
@@ -34,7 +34,7 @@ const ne = ["id"], oe = {
     yNumTicks: {},
     hideLegend: { type: Boolean, default: !1 },
     hideTooltip: { type: Boolean },
-    legendPosition: { default: ae.BottomCenter },
+    legendPosition: { default: le.BottomCenter },
     legendStyle: { default: void 0 },
     xDomainLine: { type: Boolean },
     yDomainLine: { type: Boolean },
@@ -54,128 +54,137 @@ const ne = ["id"], oe = {
     stacked: { type: Boolean }
   },
   emits: ["click"],
-  setup(e, { emit: V }) {
-    const j = V, n = e, G = R(), C = U("slotWrapper"), m = H(), g = d(() => {
-      const i = Object.values(n.categories).map(
-        (l, a) => `var(--vis-color${a})`
+  setup(e, { emit: j }) {
+    var b;
+    const G = j, a = e, N = I(), A = K("slotWrapper"), y = q(), L = `area-${((b = J()) == null ? void 0 : b.uid) ?? Math.random().toString(36).slice(2)}`, g = c(() => {
+      const t = Object.values(a.categories).map(
+        (o, n) => `var(--vis-color${n})`
       );
-      return Object.values(n.categories).map(
-        (l, a) => l.color ?? i[a]
+      return Object.values(a.categories).map(
+        (o, n) => o.color ?? t[n]
       );
-    }), N = d(() => {
-      var i;
-      return (i = n.markerConfig) != null && i.config ? Z(n.markerConfig) : "";
-    }), S = d(() => n.legendPosition.startsWith("top")), W = d(() => n.legendPosition.includes("left") ? "flex-start" : n.legendPosition.includes("right") ? "flex-end" : "center"), M = d(() => {
-      const i = (a, t) => {
-        var o;
+    }), M = c(() => {
+      var t;
+      return (t = a.markerConfig) != null && t.config ? te(a.markerConfig, L) : "";
+    }), W = c(() => {
+      var o;
+      if (!((o = a.markerConfig) != null && o.config)) return {};
+      const t = {};
+      for (const n of Object.keys(a.markerConfig.config))
+        t[`--vis-marker-${n}`] = `url("#${a.markerConfig.id}--${L}--${n}")`;
+      return t;
+    }), P = c(() => a.legendPosition.startsWith("top")), w = c(() => a.legendPosition.includes("left") ? "flex-start" : a.legendPosition.includes("right") ? "flex-end" : "center"), X = c(() => {
+      const t = (n, i) => {
+        var r;
         return `
-    <linearGradient id="gradient${a}-${t}" gradientTransform="rotate(90)">
-      ${((o = n.gradientStops) == null ? void 0 : o.map(
-          (s) => `<stop offset="${s.offset}" stop-color="${t}" stop-opacity="${s.stopOpacity}" />`
+    <linearGradient id="gradient${n}-${i}" gradientTransform="rotate(90)">
+      ${((r = a.gradientStops) == null ? void 0 : r.map(
+          (s) => `<stop offset="${s.offset}" stop-color="${i}" stop-opacity="${s.stopOpacity}" />`
         ).join("")) ?? ""}
-      <stop offset="100%" stop-color="${t}" stop-opacity="0" />
+      <stop offset="100%" stop-color="${i}" stop-opacity="0" />
     </linearGradient>
   `;
-      }, l = (a, t) => {
-        var o;
+      }, o = (n, i) => {
+        var r;
         return `
-    <linearGradient id="gradient${a}-${t}" gradientTransform="rotate(90)">
+    <linearGradient id="gradient${n}-${i}" gradientTransform="rotate(90)">
 
-    ${((o = n.gradientStops) == null ? void 0 : o.map(
+    ${((r = a.gradientStops) == null ? void 0 : r.map(
           (s) => `
-      <stop offset="${s.offset}" style="stop-color:var(${t});stop-opacity:${s.stopOpacity}" />
+      <stop offset="${s.offset}" style="stop-color:var(${i});stop-opacity:${s.stopOpacity}" />
     `
         ).join("")) ?? ""}
     </linearGradient>
   `;
       };
       return g.value.map(
-        (a, t) => a != null && a.includes("#") ? i(t, a) : l(t, a ?? A)
+        (n, i) => n != null && n.includes("#") ? t(i, n) : o(i, n ?? C)
       ).join("");
     });
-    function P(i) {
-      var l;
+    function E(t) {
+      var o;
       return {
-        y: (a) => Number(a[i]),
-        color: ((l = n.categories[i]) == null ? void 0 : l.color) ?? A
+        y: (n) => Number(n[t]),
+        color: ((o = a.categories[t]) == null ? void 0 : o.color) ?? C
       };
     }
-    const w = d(() => Object.keys(n.categories).map(
-      (i) => (l) => Number(l[i])
-    )), X = d(() => {
-      const i = Object.keys(n.categories);
-      return i.map((l, a) => (t) => {
-        let o = 0;
-        for (let s = 0; s <= a; s++)
-          o += Number(t[i[s]]) || 0;
-        return o;
+    const Y = c(() => Object.keys(a.categories).map(
+      (t) => (o) => Number(o[t])
+    )), z = c(() => {
+      const t = Object.keys(a.categories);
+      return t.map((o, n) => (i) => {
+        let r = 0;
+        for (let s = 0; s <= n; s++)
+          r += Number(i[t[s]]) || 0;
+        return r;
       });
-    }), L = d(() => (i, l) => g.value[l] ?? A);
-    function E(i) {
-      return typeof window > "u" ? "" : C.value ? C.value.innerHTML : "";
+    }), $ = c(() => (t, o) => g.value[o] ?? C);
+    function R(t) {
+      return typeof window > "u" ? "" : A.value ? A.value.innerHTML : "";
     }
-    function Y(i) {
-      return m.value = i, E();
+    function U(t) {
+      return y.value = t, R();
     }
-    return (i, l) => {
-      var a;
-      return c(), f("div", {
+    return (t, o) => {
+      var n;
+      return d(), f("div", {
         style: p({
           display: "flex",
-          flexDirection: S.value ? "column-reverse" : "column",
-          gap: "var(--vis-legend-spacing)"
+          flexDirection: P.value ? "column-reverse" : "column",
+          gap: "var(--vis-legend-spacing)",
+          ...W.value
         }),
-        class: K({ "stacked-area-chart": e.stacked }),
-        id: (a = e.markerConfig) == null ? void 0 : a.id,
-        onClick: l[0] || (l[0] = (t) => j("click", t, m.value))
+        class: Q({ "stacked-area-chart": e.stacked }),
+        id: (n = e.markerConfig) == null ? void 0 : n.id,
+        onClick: o[0] || (o[0] = (i) => G("click", i, y.value))
       }, [
-        u(r(_), {
+        u(l(ne), {
           data: e.data,
           height: e.height,
           padding: e.padding,
-          "svg-defs": M.value + N.value,
+          "svg-defs": X.value + M.value,
           "y-domain": e.yDomain,
           "x-domain": e.xDomain
         }, {
-          default: J(() => [
-            e.hideTooltip ? y("", !0) : (c(), k(r(ee), {
+          default: _(() => [
+            e.hideTooltip ? m("", !0) : (d(), k(l(ae), {
               key: 0,
-              "horizontal-placement": r($).Right,
-              "vertical-placement": r($).Top
+              "horizontal-placement": l(D).Right,
+              "vertical-placement": l(D).Top
             }, null, 8, ["horizontal-placement", "vertical-placement"])),
-            e.stacked ? (c(), f(T, { key: 1 }, [
-              u(r(B), {
-                x: (t, o) => o,
-                y: w.value,
-                color: L.value,
-                opacity: e.hideArea ? 0 : F,
-                "curve-type": e.curveType ?? r(h).MonotoneX
+            e.stacked ? (d(), f(T, { key: 1 }, [
+              u(l(O), {
+                x: (i, r) => r,
+                y: Y.value,
+                color: $.value,
+                opacity: e.hideArea ? 0 : S,
+                "curve-type": e.curveType ?? l(h).MonotoneX
               }, null, 8, ["x", "y", "color", "opacity", "curve-type"]),
-              u(r(D), {
-                x: (t, o) => o,
-                y: X.value,
-                color: L.value,
-                "curve-type": e.curveType ?? r(h).MonotoneX,
+              u(l(V), {
+                x: (i, r) => r,
+                y: z.value,
+                color: $.value,
+                "curve-type": e.curveType ?? l(h).MonotoneX,
                 "line-width": e.lineWidth
               }, null, 8, ["x", "y", "color", "curve-type", "line-width"])
-            ], 64)) : (c(!0), f(T, { key: 2 }, Q(Object.keys(n.categories), (t, o) => (c(), f(T, { key: t }, [
-              u(r(B), v({
+            ], 64)) : (d(!0), f(T, { key: 2 }, ee(Object.keys(a.categories), (i, r) => (d(), f(T, { key: i }, [
+              u(l(O), v({
                 x: (s, x) => x
-              }, { ref_for: !0 }, P(t), {
-                color: `url(#gradient${o}-${g.value[o]})`,
-                opacity: e.hideArea ? 0 : F,
-                "curve-type": e.curveType ?? r(h).MonotoneX
+              }, { ref_for: !0 }, E(i), {
+                color: `url(#gradient${r}-${g.value[r]})`,
+                opacity: e.hideArea ? 0 : S,
+                "curve-type": e.curveType ?? l(h).MonotoneX
               }), null, 16, ["x", "color", "opacity", "curve-type"]),
-              u(r(D), {
+              u(l(V), {
                 x: (s, x) => x,
-                y: (s) => s[t],
-                color: g.value[o],
-                "curve-type": e.curveType ?? r(h).MonotoneX,
+                y: (s) => s[i],
+                color: g.value[r],
+                "curve-type": e.curveType ?? l(h).MonotoneX,
                 "line-width": e.lineWidth,
-                lineDashArray: e.lineDashArray ? e.lineDashArray[o] : void 0
+                lineDashArray: e.lineDashArray ? e.lineDashArray[r] : void 0
               }, null, 8, ["x", "y", "color", "curve-type", "line-width", "lineDashArray"])
             ], 64))), 128)),
-            e.hideXAxis ? y("", !0) : (c(), k(r(O), v({
+            e.hideXAxis ? m("", !0) : (d(), k(l(F), v({
               key: 3,
               type: "x",
               label: e.xLabel,
@@ -188,7 +197,7 @@ const ne = ["id"], oe = {
               "tick-line": e.xTickLine,
               "min-max-ticks-only": e.minMaxTicksOnly
             }, e.xAxisConfig), null, 16, ["label", "num-ticks", "tick-format", "tick-values", "grid-line", "domain-line", "tick-line", "min-max-ticks-only"])),
-            e.hideYAxis ? y("", !0) : (c(), k(r(O), v({
+            e.hideYAxis ? m("", !0) : (d(), k(l(F), v({
               key: 4,
               type: "y",
               label: e.yLabel,
@@ -198,45 +207,45 @@ const ne = ["id"], oe = {
               "domain-line": e.yDomainLine,
               "tick-line": e.yTickLine
             }, e.yAxisConfig), null, 16, ["label", "num-ticks", "tick-format", "grid-line", "domain-line", "tick-line"])),
-            e.hideTooltip ? y("", !0) : (c(), k(r(te), v({ key: 5 }, e.crosshairConfig, { template: Y }), null, 16))
+            e.hideTooltip ? m("", !0) : (d(), k(l(oe), v({ key: 5 }, e.crosshairConfig, { template: U }), null, 16))
           ]),
           _: 1
         }, 8, ["data", "height", "padding", "svg-defs", "y-domain", "x-domain"]),
-        n.hideLegend ? y("", !0) : (c(), f("div", {
+        a.hideLegend ? m("", !0) : (d(), f("div", {
           key: 0,
           style: p({
             display: "flex",
-            justifyContent: W.value
+            justifyContent: w.value
           })
         }, [
-          u(r(ie), {
+          u(l(re), {
             style: p([
-              n.legendStyle,
+              a.legendStyle,
               "display: flex; gap: var(--vis-legend-spacing);"
             ]),
-            items: Object.values(n.categories).map((t) => ({
-              ...t,
-              color: Array.isArray(t.color) ? t.color[0] : t.color
+            items: Object.values(a.categories).map((i) => ({
+              ...i,
+              color: Array.isArray(i.color) ? i.color[0] : i.color
             }))
           }, null, 8, ["style", "items"])
         ], 4)),
-        q("div", oe, [
-          r(G).tooltip ? b(i.$slots, "tooltip", {
+        Z("div", ce, [
+          l(N).tooltip ? B(t.$slots, "tooltip", {
             key: 0,
-            values: m.value
-          }) : m.value ? b(i.$slots, "fallback", { key: 1 }, () => [
-            u(I, {
-              data: m.value,
+            values: y.value
+          }) : y.value ? B(t.$slots, "fallback", { key: 1 }, () => [
+            u(ie, {
+              data: y.value,
               categories: e.categories,
-              "title-formatter": n.tooltipTitleFormatter,
-              yFormatter: n.yFormatter
+              "title-formatter": a.tooltipTitleFormatter,
+              yFormatter: a.yFormatter
             }, null, 8, ["data", "categories", "title-formatter", "yFormatter"])
-          ]) : y("", !0)
+          ]) : m("", !0)
         ], 512)
-      ], 14, ne);
+      ], 14, se);
     };
   }
 });
 export {
-  ye as default
+  ke as default
 };

package/dist/components/AreaChart/types.d.ts

@@ -1,5 +1,4 @@
-import { axisFormatter, CrosshairConfig, LegendPosition, MarkerConfig, AxisConfig } from '../../types';
-import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
+import { axisFormatter, CrosshairConfig, LegendPosition, MarkerConfig, AxisConfig, BulletLegendItemInterface, CurveType } from '../../types';
 export interface AreaChartProps<T> {
     /**
      * The data to be displayed in the area chart.

package/dist/components/DagreGraph/DagreGraph.js

@@ -0,0 +1,162 @@
+import { defineComponent as D, useSlots as M, useTemplateRef as N, ref as V, computed as l, createElementBlock as c, openBlock as u, normalizeStyle as f, createVNode as k, createCommentVNode as s, createElementVNode as g, unref as a, withCtx as P, createBlock as G, renderSlot as h, toDisplayString as m } from "vue";
+import { VisSingleContainer as I, VisTooltip as Z, VisGraph as $, VisBulletLegend as j } from "@unovis/vue";
+import { Graph as S, GraphLayoutType as R } from "@unovis/ts";
+import { LegendPosition as q } from "../../types.js";
+const H = {
+  ref: "slotWrapper",
+  style: { display: "none" }
+}, J = { class: "dagre-tooltip" }, K = { class: "font-semibold" }, O = {
+  key: 0,
+  class: "text-sm text-gray-500"
+}, _ = /* @__PURE__ */ D({
+  __name: "DagreGraph",
+  props: {
+    data: {},
+    height: { default: 600 },
+    width: { default: void 0 },
+    dagreLayoutSettings: { default: () => ({
+      rankdir: "TB",
+      nodesep: 50,
+      ranksep: 100,
+      ranker: "network-simplex",
+      marginx: 20,
+      marginy: 20
+    }) },
+    nodeSize: { type: [Number, Function], default: 40 },
+    nodeLabel: {},
+    nodeShape: { type: [String, Function], default: "circle" },
+    nodeFill: { type: [String, Function], default: "#3b82f6" },
+    nodeStroke: { type: [String, Function], default: "#1e40af" },
+    nodeStrokeWidth: { type: [Number, Function], default: 2 },
+    linkArrow: { default: "end" },
+    linkLabel: {},
+    linkStroke: { type: [String, Function], default: "#9ca3af" },
+    linkWidth: { type: [Number, Function], default: 2 },
+    linkCurvature: { default: 0 },
+    padding: { default: () => ({ top: 20, right: 20, bottom: 20, left: 20 }) },
+    hideTooltip: { type: Boolean, default: !1 },
+    zoomEnabled: { type: Boolean, default: !0 },
+    zoomScaleExtent: { default: () => [0.1, 10] },
+    nodeDraggingEnabled: { type: Boolean, default: !1 },
+    hideLegend: { type: Boolean, default: !0 },
+    legendPosition: { default: q.BottomCenter },
+    legendStyle: { default: void 0 },
+    legendItems: { default: () => [] },
+    tooltipTitleFormatter: {},
+    tooltipContentFormatter: {},
+    duration: { default: 600 }
+  },
+  emits: ["nodeClick", "nodeMouseover", "nodeMouseout", "linkClick", "linkMouseover", "linkMouseout"],
+  setup(t, { emit: y }) {
+    const e = t, r = y, v = M();
+    N("slotWrapper");
+    const i = V(), p = l(() => typeof e.nodeSize == "function" ? e.nodeSize : () => e.nodeSize), b = l(() => e.nodeLabel ? e.nodeLabel : (o) => o.label || o.id), L = l(() => typeof e.nodeShape == "function" ? e.nodeShape : () => e.nodeShape), F = l(() => typeof e.nodeFill == "function" ? e.nodeFill : () => e.nodeFill), C = l(() => typeof e.nodeStroke == "function" ? e.nodeStroke : () => e.nodeStroke), A = l(() => typeof e.nodeStrokeWidth == "function" ? e.nodeStrokeWidth : () => e.nodeStrokeWidth), W = l(() => e.linkLabel ? e.linkLabel : (o) => o.label || ""), x = l(() => typeof e.linkStroke == "function" ? e.linkStroke : () => e.linkStroke), z = l(() => typeof e.linkWidth == "function" ? e.linkWidth : () => e.linkWidth), w = l(() => {
+      switch (e.linkArrow) {
+        case "start":
+          return "start";
+        case "end":
+          return "end";
+        case "both":
+          return "both";
+        case "none":
+          return;
+        default:
+          return "end";
+      }
+    }), T = l(() => e.legendPosition.startsWith("top")), B = l(() => e.legendPosition.includes("left") ? "flex-start" : e.legendPosition.includes("right") ? "flex-end" : "center"), E = {
+      [S.selectors.node]: {
+        click: (o, n) => {
+          r("nodeClick", o, n);
+        },
+        mouseover: (o, n) => {
+          i.value = o, r("nodeMouseover", o, n);
+        },
+        mouseout: (o, n) => {
+          i.value = void 0, r("nodeMouseout", o, n);
+        }
+      },
+      [S.selectors.link]: {
+        click: (o, n) => {
+          r("linkClick", o, n);
+        },
+        mouseover: (o, n) => {
+          r("linkMouseover", o, n);
+        },
+        mouseout: (o, n) => {
+          r("linkMouseout", o, n);
+        }
+      }
+    };
+    return (o, n) => (u(), c("div", {
+      style: f({
+        display: "flex",
+        flexDirection: T.value ? "column-reverse" : "column",
+        gap: "var(--vis-legend-spacing)"
+      }),
+      class: "dagre-graph-container"
+    }, [
+      k(a(I), {
+        data: t.data,
+        height: t.height,
+        width: t.width,
+        padding: t.padding
+      }, {
+        default: P(() => [
+          t.hideTooltip ? s("", !0) : (u(), G(a(Z), { key: 0 })),
+          k(a($), {
+            layoutType: a(R).Dagre,
+            dagreLayoutSettings: t.dagreLayoutSettings,
+            nodeSize: p.value,
+            nodeLabel: b.value,
+            nodeShape: L.value,
+            nodeFill: F.value,
+            nodeStroke: C.value,
+            nodeStrokeWidth: A.value,
+            linkArrow: w.value,
+            linkLabel: W.value,
+            linkStroke: x.value,
+            linkWidth: z.value,
+            linkCurvature: t.linkCurvature,
+            zoomScaleExtent: t.zoomScaleExtent,
+            disableZoom: !t.zoomEnabled,
+            disableDrag: !t.nodeDraggingEnabled,
+            events: E
+          }, null, 8, ["layoutType", "dagreLayoutSettings", "nodeSize", "nodeLabel", "nodeShape", "nodeFill", "nodeStroke", "nodeStrokeWidth", "linkArrow", "linkLabel", "linkStroke", "linkWidth", "linkCurvature", "zoomScaleExtent", "disableZoom", "disableDrag"])
+        ]),
+        _: 1
+      }, 8, ["data", "height", "width", "padding"]),
+      !t.hideLegend && t.legendItems && t.legendItems.length > 0 ? (u(), c("div", {
+        key: 0,
+        style: f({
+          display: "flex",
+          justifyContent: B.value
+        })
+      }, [
+        k(a(j), {
+          style: f([
+            t.legendStyle,
+            "display: flex; gap: var(--vis-legend-spacing);"
+          ]),
+          items: t.legendItems.map((d) => ({
+            ...d,
+            color: Array.isArray(d.color) ? d.color[0] : d.color
+          }))
+        }, null, 8, ["style", "items"])
+      ], 4)) : s("", !0),
+      g("div", H, [
+        a(v).tooltip ? h(o.$slots, "tooltip", {
+          key: 0,
+          node: i.value
+        }) : i.value ? h(o.$slots, "fallback", { key: 1 }, () => [
+          g("div", J, [
+            g("div", K, m(t.tooltipTitleFormatter ? t.tooltipTitleFormatter(i.value) : i.value.label || i.value.id), 1),
+            t.tooltipContentFormatter ? (u(), c("div", O, m(t.tooltipContentFormatter(i.value)), 1)) : s("", !0)
+          ])
+        ]) : s("", !0)
+      ], 512)
+    ], 4));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/DagreGraph/DagreGraph.vue.d.ts

@@ -0,0 +1,33 @@
+import { DagreGraphProps, GraphNodeDatum, GraphLinkDatum } from './types';
+declare const _default: <N extends GraphNodeDatum = GraphNodeDatum, L extends GraphLinkDatum = GraphLinkDatum>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onNodeClick?: ((node: N, event?: MouseEvent | undefined) => any) | undefined;
+        readonly onNodeMouseover?: ((node: N, event?: MouseEvent | undefined) => any) | undefined;
+        readonly onNodeMouseout?: ((node: N, event?: MouseEvent | undefined) => any) | undefined;
+        readonly onLinkClick?: ((link: L, event?: MouseEvent | undefined) => any) | undefined;
+        readonly onLinkMouseover?: ((link: L, event?: MouseEvent | undefined) => any) | undefined;
+        readonly onLinkMouseout?: ((link: L, event?: MouseEvent | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onNodeClick" | "onNodeMouseover" | "onNodeMouseout" | "onLinkClick" | "onLinkMouseover" | "onLinkMouseout"> & DagreGraphProps<N, L> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        tooltip?(_: {
+            node: N | undefined;
+        }): any;
+        fallback?(_: {}): any;
+    };
+    emit: {
+        (e: "nodeClick", node: N, event?: MouseEvent): void;
+        (e: "nodeMouseover", node: N, event?: MouseEvent): void;
+        (e: "nodeMouseout", node: N, event?: MouseEvent): void;
+        (e: "linkClick", link: L, event?: MouseEvent): void;
+        (e: "linkMouseover", link: L, event?: MouseEvent): void;
+        (e: "linkMouseout", link: L, event?: MouseEvent): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/DagreGraph/DagreGraph2.js

@@ -0,0 +1,4 @@
+import f from "./DagreGraph.js";
+export {
+  f as default
+};