vue-chrts 2.1.0-beta-7 → 2.1.0-beta-9

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

@@ -1,4 +1,4 @@
-import { LineChartProps } from './types';
+import { LineChartProps } from './LineChart';
 declare const _default: <T>(__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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & LineChartProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/components/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LineChart } from './LineChart.vue';
+export * from './LineChart';

package/dist/components/Maps/DottedMap/DottedMap.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as W, computed as d, watch as M, createElementBlock as Z, openBlock as H, normalizeStyle as f, createElementVNode as v, renderSlot as k, withModifiers as $, unref as a, createVNode as I, mergeProps as _ } from "vue";
+import { defineComponent as x, ref as W, computed as d, watch as M, openBlock as Z, createElementBlock as H, normalizeStyle as f, createElementVNode as v, withModifiers as $, unref as a, createVNode as I, mergeProps as _, renderSlot as k } from "vue";
 import { REGIONS as B, COUNTRIES as E, DEFAULT_ZOOM as D } from "./regions.js";
 import { USA_PINS as V, WORLD_PINS as L } from "./pins.js";
 import { useMapPanZoom as R } from "./useMapPanZoom.js";
@@ -103,7 +103,7 @@ const j = { class: "absolute bottom-4 right-4 flex flex-col gap-2" }, J = /* @__
       zoomIn: z,
       zoomOut: P,
       resetView: () => p(o.value.defaultZoom)
-    }), (i, t) => (H(), Z("div", {
+    }), (i, t) => (Z(), H("div", {
       class: "w-full h-full overflow-hidden relative",
       style: f({
         width: "100%",

package/dist/components/Maps/DottedMap/DottedMap.vue.d.ts

@@ -28,13 +28,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     zoomOut: () => void;
     resetView: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "point-click": (event: MouseEvent, point: MapPin) => any;
     "pin-click": (pin: MapPin) => any;
+    "point-click": (event: MouseEvent, point: MapPin) => any;
     "pin-add": (pin: MapPin) => any;
     "pin-remove": (pin: MapPin, index: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onPoint-click"?: ((event: MouseEvent, point: MapPin) => any) | undefined;
     "onPin-click"?: ((pin: MapPin) => any) | undefined;
+    "onPoint-click"?: ((event: MouseEvent, point: MapPin) => any) | undefined;
     "onPin-add"?: ((pin: MapPin) => any) | undefined;
     "onPin-remove"?: ((pin: MapPin, index: number) => any) | undefined;
 }>, {

package/dist/components/Maps/DottedMap/core.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as u, createElementBlock as q, openBlock as F, normalizeStyle as L, renderSlot as T, createElementVNode as J } from "vue";
+import { defineComponent as Y, computed as u, openBlock as q, createElementBlock as F, normalizeStyle as L, renderSlot as T, createElementVNode as J } from "vue";
 import { getMap as R, getPin as V } from "./mapUtils.js";
 import D from "../../../data/countries.geo.json.js";
 const G = ["innerHTML"], Z = /* @__PURE__ */ Y({
@@ -94,7 +94,7 @@ const G = ["innerHTML"], Z = /* @__PURE__ */ Y({
         O("point-click", n, l);
       }
     }
-    return (n, e) => (F(), q("div", {
+    return (n, e) => (q(), F("div", {
       class: "dotted-world-map-container",
       style: L({
         backgroundColor: p.backgroundColor,

package/dist/components/Maps/DottedMap/core.vue.d.ts

@@ -13,11 +13,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DottedMapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "point-click": (event: MouseEvent, point: any) => any;
     "pin-click": (point: any) => any;
+    "point-click": (event: MouseEvent, point: any) => any;
 }, string, import('vue').PublicProps, Readonly<DottedMapProps> & Readonly<{
-    "onPoint-click"?: ((event: MouseEvent, point: any) => any) | undefined;
     "onPin-click"?: ((point: any) => any) | undefined;
+    "onPoint-click"?: ((event: MouseEvent, point: any) => any) | undefined;
 }>, {
     grid: "vertical" | "diagonal";
     color: string;

package/dist/components/Maps/DottedMap/mapUtils.js

@@ -1,5 +1,5 @@
-import y from "../../../node_modules/.pnpm/proj4@2.20.2/node_modules/proj4/lib/index.js";
-import Y from "../../../node_modules/.pnpm/@turf_boolean-point-in-polygon@7.3.1/node_modules/@turf/boolean-point-in-polygon/dist/esm/index.js";
+import y from "proj4";
+import Y from "@turf/boolean-point-in-polygon";
 y.defs("GOOGLE") || y.defs("GOOGLE", "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs");
 const h = {
   lat: { min: -56, max: 71 },
@@ -9,10 +9,10 @@ const h = {
     o.geometry.type === "Polygon" ? [o.geometry.coordinates] : o.geometry.coordinates
   ),
   []
-) } }), M = (t) => {
+) } }), x = (t) => {
   const { type: n, features: c, geometry: o, coordinates: i } = t;
   if (n === "FeatureCollection") {
-    const l = c.map(M);
+    const l = c.map(x);
     return {
       lat: {
         min: Math.min(...l.map((e) => e.lat.min)),
@@ -25,14 +25,14 @@ const h = {
     };
   } else {
     if (n === "Feature")
-      return M(o);
+      return x(o);
     if (n === "MultiPolygon")
-      return M({
+      return x({
         type: "Polygon",
         coordinates: i.flat(1)
       });
     if (n === "Polygon") {
-      const l = i.flat(1), e = l.map(([u, r]) => r), a = l.map(([u, r]) => u);
+      const l = i.flat(1), e = l.map(([m, r]) => r), a = l.map(([m, r]) => m);
       return {
         lat: {
           min: Math.min(...e),
@@ -56,26 +56,26 @@ const h = {
 }) => {
   if (t <= 0 && n <= 0)
     throw new Error("height or width is required");
-  const e = l.features.reduce((s, m) => (s[m.id] = m, s), {});
+  const e = l.features.reduce((s, u) => (s[u.id] = u, s), {});
   let a = l;
   c.length > 0 ? (a = {
     type: "FeatureCollection",
     features: c.map((s) => e[s]).filter(Boolean)
-  }, o || (o = M(a))) : o || (o = h), P(a);
-  const [u, r] = y("GOOGLE", [
+  }, o || (o = x(a))) : o || (o = h), P(a);
+  const [m, r] = y("GOOGLE", [
     o.lng.min,
     o.lat.min
   ]), [d, f] = y("GOOGLE", [
     o.lng.max,
     o.lat.max
-  ]), g = d - u, x = f - r;
-  n <= 0 ? n = Math.round(t * g / x) : t <= 0 && (t = Math.round(n * x / g));
+  ]), g = d - m, M = f - r;
+  n <= 0 ? n = Math.round(t * g / M) : t <= 0 && (t = Math.round(n * M / g));
   const E = {}, G = i === "diagonal" ? Math.sqrt(3) / 2 : 1;
   for (let s = 0; s * G < t; s += 1)
-    for (let m = 0; m < n; m += 1) {
-      const O = s % 2 === 0 && i === "diagonal" ? m + 0.5 : m, X = s * G, L = [
-        O / n * g + u,
-        f - X / t * x
+    for (let u = 0; u < n; u += 1) {
+      const O = s % 2 === 0 && i === "diagonal" ? u + 0.5 : u, X = s * G, L = [
+        O / n * g + m,
+        f - X / t * M
       ], p = y(
         "GOOGLE",
         "WGS84",
@@ -83,17 +83,17 @@ const h = {
       ), A = a.features.find((_) => Y(p, _));
       if (A) {
         const [_, N] = p;
-        E[[m, s].join(";")] = { x: O, y: X, lat: N, lng: _, countryId: A.id };
+        E[[u, s].join(";")] = { x: O, y: X, lat: N, lng: _, countryId: A.id };
       }
     }
   return {
     points: E,
-    X_MIN: u,
+    X_MIN: m,
     Y_MIN: r,
     X_MAX: d,
     Y_MAX: f,
     X_RANGE: g,
-    Y_RANGE: x,
+    Y_RANGE: M,
     region: o,
     grid: i,
     height: t,
@@ -108,8 +108,8 @@ const h = {
   ];
   const a = Math.round(e / t.ystep);
   a % 2 === 0 && t.grid === "diagonal" && (l -= 0.5);
-  const u = Math.round(l);
-  let [r, d] = [u, Math.round(a) * t.ystep];
+  const m = Math.round(l);
+  let [r, d] = [m, Math.round(a) * t.ystep];
   a % 2 === 0 && t.grid === "diagonal" && (r += 0.5);
   const [f, g] = y(
     "GOOGLE",
@@ -123,7 +123,7 @@ const h = {
 };
 export {
   h as DEFAULT_WORLD_REGION,
-  M as computeGeojsonBox,
+  x as computeGeojsonBox,
   P as geojsonToMultiPolygons,
   w as getMap,
   F as getPin

package/dist/components/Maps/TopoJSONMap/TopoJSONMap.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, useSlots as O, useTemplateRef as y, ref as C, computed as u, createElementBlock as h, openBlock as c, normalizeStyle as d, createVNode as l, createCommentVNode as f, createElementVNode as A, unref as r, withCtx as R, createBlock as $, renderSlot as v } from "vue";
+import { defineComponent as M, useSlots as O, useTemplateRef as y, ref as C, computed as u, openBlock as c, createElementBlock as h, normalizeStyle as d, createVNode as l, unref as r, withCtx as A, createBlock as R, createCommentVNode as f, createElementVNode as $, renderSlot as v } from "vue";
 import { VisSingleContainer as D, VisTopoJSONMap as K, VisTooltip as H, VisBulletLegend as q } from "@unovis/vue";
 import { TopoJSONMap as s } from "@unovis/ts";
 import G from "../../Tooltip.js";
-import { LegendPosition as I } from "../../../types.js";
+import { LegendPosition as I } from "../../../enums.js";
 const Q = {
   ref: "slotWrapper",
   style: { display: "none" }
@@ -88,7 +88,7 @@ const Q = {
         width: e.width,
         padding: e.padding
       }, {
-        default: R(() => [
+        default: A(() => [
           l(r(K), {
             ref_key: "map",
             ref: p,
@@ -122,7 +122,7 @@ const Q = {
               }
             }
           }, null, 8, ["data", "point-data", "link-data", "topojson", "projection", "zoom-factor", "zoom-extent", "fitView", "fitViewPadding", "pointCursor", "pointStrokeWidth", "linkCursor", "mapFitToPoints", "areaCursor", "map-feature-name", "events"]),
-          e.hideTooltip ? f("", !0) : (c(), $(r(H), {
+          e.hideTooltip ? f("", !0) : (c(), R(r(H), {
             key: 0,
             triggers: V
           }))
@@ -147,7 +147,7 @@ const Q = {
           }))
         }, null, 8, ["style", "items"])
       ], 4)) : f("", !0),
-      A("div", Q, [
+      $("div", Q, [
         r(w).tooltip ? v(t.$slots, "tooltip", {
           key: 0,
           values: n.value

package/dist/components/Maps/TopoJSONMap/TopoJSONMap.vue.d.ts

@@ -4,9 +4,9 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onMouseenter?: ((d: any) => any) | undefined;
         readonly onMouseleave?: ((d: any) => any) | undefined;
-        readonly "onFeature-click"?: ((d: any, event: MouseEvent) => any) | undefined;
         readonly "onPoint-click"?: ((d: MapPoint, event: MouseEvent) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onMouseenter" | "onMouseleave" | "onFeature-click" | "onPoint-click"> & MapsData<T> & Partial<{}>> & import('vue').PublicProps;
+        readonly "onFeature-click"?: ((d: any, event: MouseEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onMouseenter" | "onMouseleave" | "onPoint-click" | "onFeature-click"> & MapsData<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/dist/components/Maps/TopoJSONMap/types.d.ts

@@ -1,5 +1,6 @@
 import { GeoProjection } from 'd3-geo';
-import { axisFormatter, BulletLegendItemInterface, LegendPosition } from '../../../types';
+import { axisFormatter, BulletLegendItemInterface } from '../../../types';
+import { LegendPosition } from '../../../enums';
 import { MapData, MapPoint } from '../types';
 export type MapsData<T extends Record<string, any>> = {
     mapFeatureKey: keyof T;

package/dist/components/Maps/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DottedMap } from './DottedMap/DottedMap.vue';
+export { default as TopoJSONMap } from './TopoJSONMap/TopoJSONMap.vue';
+export * from './types';
+export * from './DottedMap/types';
+export * from './TopoJSONMap/types';

package/dist/components/SankeyChart/SankeyChart.d.ts

@@ -0,0 +1,117 @@
+import { BulletLegendItemInterface, TooltipConfig } from '../../types';
+import { LegendPosition } from '../../enums';
+import { SankeyInputNode, SankeyInputLink, SankeyNodeAlign } from '@unovis/ts';
+export type SankeyChartProps<N extends SankeyInputNode, L extends SankeyInputLink> = {
+    /**
+     * The data to be displayed in the Sankey diagram.
+     * Contains nodes and links representing the flow between entities.
+     */
+    data: {
+        nodes: N[];
+        links: L[];
+    };
+    /**
+     * The height of the chart in pixels.
+     */
+    height: number;
+    /**
+     * Optional padding applied to the chart.
+     * Allows specifying individual padding values for the top, right, bottom, and left sides.
+     */
+    padding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**
+     * A record mapping category keys to `BulletLegendItemInterface` objects.
+     * This defines the visual representation and labels for each category in the chart's legend.
+     */
+    categories?: Record<string, BulletLegendItemInterface>;
+    /**
+     * If `true`, hides the chart legend.
+     */
+    hideLegend?: boolean;
+    /**
+     * Optional position for the legend, if applicable.
+     * See `LegendPosition` for available options.
+     */
+    legendPosition?: LegendPosition;
+    /**
+     * Optional style object for the legend container. Allows custom CSS styling.
+     */
+    legendStyle?: string | Record<string, string>;
+    /**
+     * Node label accessor function or value.
+     */
+    label?: (node: N) => string;
+    /**
+     * Node sub-label accessor function or value.
+     */
+    subLabel?: (node: N) => string;
+    /**
+     * Node color accessor function or value.
+     */
+    nodeColor?: (node: N) => string;
+    /**
+     * Link color accessor function or value.
+     */
+    linkColor?: (link: L) => string;
+    /**
+     * Link value accessor function or value.
+     */
+    linkValue?: (link: L) => number;
+    /**
+     * Sankey node width in pixels. Default: 10
+     */
+    nodeWidth?: number;
+    /**
+     * Sankey node alignment method. Default: 'justify'
+     */
+    nodeAlign?: SankeyNodeAlign;
+    /**
+     * Sankey vertical separation between nodes in pixels. Default: 10
+     */
+    nodePadding?: number;
+    /**
+     * Node sorting function.
+     */
+    nodeSort?: (node1: any, node2: any) => number;
+    /**
+     * Link sorting function.
+     */
+    linkSort?: (link1: any, link2: any) => number;
+    /**
+     * Sankey algorithm iterations. Default: 32
+     */
+    iterations?: number;
+    /**
+     * If `true`, hides the chart tooltip.
+     */
+    hideTooltip?: boolean;
+    /**
+     * Configuration object for the chart tooltip.
+     */
+    tooltip?: TooltipConfig;
+    /**
+     * Highlight the corresponding subtree on node / link hover. Default: false
+     */
+    highlightSubtreeOnHover?: boolean;
+    /**
+     * Label font size in pixels.
+     */
+    labelFontSize?: number;
+    /**
+     * Label color accessor function or value.
+     */
+    labelColor?: (node: N) => string;
+    /**
+     * Maximum label width in pixels. Default: 70
+     */
+    labelMaxWidth?: number;
+    /**
+     * Animation duration in milliseconds.
+     */
+    duration?: number;
+};

package/dist/components/SankeyChart/SankeyChart.js

@@ -1,12 +1,12 @@
-import { defineComponent as W, useSlots as x, useTemplateRef as V, ref as L, computed as f, createElementBlock as c, openBlock as d, normalizeStyle as r, createVNode as a, createCommentVNode as s, createElementVNode as p, unref as o, withCtx as P, createBlock as w, renderSlot as h } from "vue";
-import { SankeyNodeAlign as A, Sankey as B } from "@unovis/ts";
-import { VisSingleContainer as N, VisTooltip as H, VisSankey as T, VisBulletLegend as z } from "@unovis/vue";
-import M from "../Tooltip.js";
-import { LegendPosition as O } from "../../types.js";
-const F = {
+import { defineComponent as L, useSlots as p, useTemplateRef as P, ref as w, computed as y, openBlock as d, createElementBlock as b, normalizeStyle as r, createVNode as a, unref as o, withCtx as A, createBlock as B, createCommentVNode as s, createElementVNode as N, renderSlot as m } from "vue";
+import { SankeyNodeAlign as H, Sankey as T } from "@unovis/ts";
+import { VisSingleContainer as z, VisTooltip as M, VisSankey as O, VisBulletLegend as F } from "@unovis/vue";
+import D from "../Tooltip.js";
+import { LegendPosition as $ } from "../../enums.js";
+const j = {
   ref: "slotWrapper",
   style: { display: "none" }
-}, J = /* @__PURE__ */ W({
+}, I = /* @__PURE__ */ L({
   __name: "SankeyChart",
   props: {
     data: {},
@@ -19,7 +19,7 @@ const F = {
     }) },
     categories: {},
     hideLegend: { type: Boolean, default: !1 },
-    legendPosition: { default: O.BottomCenter },
+    legendPosition: { default: $.BottomCenter },
     legendStyle: { default: void 0 },
     label: {},
     subLabel: {},
@@ -27,12 +27,12 @@ const F = {
     linkColor: {},
     linkValue: {},
     nodeWidth: { default: 10 },
-    nodeAlign: { default: A.Justify },
+    nodeAlign: { default: H.Justify },
     nodePadding: { default: 10 },
     nodeSort: {},
     linkSort: {},
     iterations: { default: 32 },
-    hideTooltip: { type: Boolean },
+    hideTooltip: { type: Boolean, default: !1 },
     tooltip: { default: () => ({
       followCursor: !0
     }) },
@@ -43,66 +43,69 @@ const F = {
     duration: { default: 600 }
   },
   emits: ["click"],
-  setup(e, { emit: y }) {
-    const b = y, t = e, m = x(), k = V("slotWrapper"), i = L(), S = f(() => t.legendPosition.startsWith("top")), C = f(() => t.legendPosition.includes("left") ? "flex-start" : t.legendPosition.includes("right") ? "flex-end" : "center");
-    function v(n) {
+  setup(e, { emit: k }) {
+    const S = k, t = e, C = p(), v = P("slotWrapper"), i = w(), W = y(() => t.legendPosition.startsWith("top")), x = y(() => t.legendPosition.includes("left") ? "flex-start" : t.legendPosition.includes("right") ? "flex-end" : "center");
+    function V(n) {
       i.value = n;
     }
-    return (n, u) => (d(), c("div", {
+    return (n, u) => (d(), b("div", {
       style: r({
         display: "flex",
-        flexDirection: S.value ? "column-reverse" : "column",
+        flexDirection: W.value ? "column-reverse" : "column",
         gap: "var(--vis-legend-spacing)"
       }),
-      onClick: u[0] || (u[0] = (l) => b("click", l))
+      onClick: u[0] || (u[0] = (l) => S("click", l))
     }, [
-      a(o(N), {
+      a(o(z), {
         padding: e.padding,
         height: e.height,
         duration: e.duration
       }, {
-        default: P(() => [
-          e.hideTooltip ? s("", !0) : (d(), w(o(H), {
-            key: 0,
-            followCursor: t.tooltip.followCursor,
-            "show-delay": t.tooltip.showDelay,
-            "hide-delay": t.tooltip.hideDelay,
-            triggers: {
-              [o(B).selectors.node]: (l) => {
-                var g;
-                return v(l), l ? (g = k.value) == null ? void 0 : g.innerHTML : "";
+        default: A(() => {
+          var l, g, f;
+          return [
+            e.hideTooltip ? s("", !0) : (d(), B(o(M), {
+              key: 0,
+              followCursor: (l = t.tooltip) == null ? void 0 : l.followCursor,
+              "show-delay": (g = t.tooltip) == null ? void 0 : g.showDelay,
+              "hide-delay": (f = t.tooltip) == null ? void 0 : f.hideDelay,
+              triggers: {
+                [o(T).selectors.node]: (c) => {
+                  var h;
+                  return V(c), c ? (h = v.value) == null ? void 0 : h.innerHTML : "";
+                }
               }
-            }
-          }, null, 8, ["followCursor", "show-delay", "hide-delay", "triggers"])),
-          a(o(T), {
-            data: e.data,
-            label: e.label,
-            subLabel: e.subLabel,
-            nodeColor: e.nodeColor,
-            linkColor: e.linkColor,
-            linkValue: e.linkValue,
-            nodeWidth: e.nodeWidth,
-            nodeAlign: e.nodeAlign,
-            nodePadding: e.nodePadding,
-            nodeSort: e.nodeSort,
-            linkSort: e.linkSort,
-            iterations: e.iterations,
-            highlightSubtreeOnHover: e.highlightSubtreeOnHover,
-            labelFontSize: e.labelFontSize,
-            labelColor: e.labelColor,
-            labelMaxWidth: e.labelMaxWidth
-          }, null, 8, ["data", "label", "subLabel", "nodeColor", "linkColor", "linkValue", "nodeWidth", "nodeAlign", "nodePadding", "nodeSort", "linkSort", "iterations", "highlightSubtreeOnHover", "labelFontSize", "labelColor", "labelMaxWidth"])
-        ]),
+            }, null, 8, ["followCursor", "show-delay", "hide-delay", "triggers"])),
+            a(o(O), {
+              data: e.data,
+              label: e.label,
+              subLabel: e.subLabel,
+              nodeColor: e.nodeColor,
+              linkColor: e.linkColor,
+              linkValue: e.linkValue,
+              nodeWidth: e.nodeWidth,
+              nodeAlign: e.nodeAlign,
+              nodePadding: e.nodePadding,
+              nodeSort: e.nodeSort,
+              linkSort: e.linkSort,
+              iterations: e.iterations,
+              highlightSubtreeOnHover: e.highlightSubtreeOnHover,
+              labelFontSize: e.labelFontSize,
+              labelColor: e.labelColor,
+              labelMaxWidth: e.labelMaxWidth
+            }, null, 8, ["data", "label", "subLabel", "nodeColor", "linkColor", "linkValue", "nodeWidth", "nodeAlign", "nodePadding", "nodeSort", "linkSort", "iterations", "highlightSubtreeOnHover", "labelFontSize", "labelColor", "labelMaxWidth"])
+          ];
+        }),
         _: 1
       }, 8, ["padding", "height", "duration"]),
-      !t.hideLegend && t.categories ? (d(), c("div", {
+      !t.hideLegend && t.categories ? (d(), b("div", {
         key: 0,
         style: r({
           display: "flex",
-          justifyContent: C.value
+          justifyContent: x.value
         })
       }, [
-        a(o(z), {
+        a(o(F), {
           style: r([
             t.legendStyle,
             "display: flex; gap: var(--vis-legend-spacing);"
@@ -113,12 +116,12 @@ const F = {
           }))
         }, null, 8, ["style", "items"])
       ], 4)) : s("", !0),
-      p("div", F, [
-        o(m).tooltip ? h(n.$slots, "tooltip", {
+      N("div", j, [
+        o(C).tooltip ? m(n.$slots, "tooltip", {
           key: 0,
           node: i.value
-        }) : i.value ? h(n.$slots, "fallback", { key: 1 }, () => [
-          a(M, {
+        }) : i.value ? m(n.$slots, "fallback", { key: 1 }, () => [
+          a(D, {
             data: i.value,
             categories: t.categories ?? {},
             "title-formatter": (l) => l.label || l.id || "Node"
@@ -129,5 +132,5 @@ const F = {
   }
 });
 export {
-  J as default
+  I as default
 };

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

@@ -1,5 +1,5 @@
 import { SankeyInputNode, SankeyInputLink } from '@unovis/ts';
-import { SankeyChartProps } from './types';
+import { SankeyChartProps } from './SankeyChart';
 declare const _default: <N extends SankeyInputNode, L extends SankeyInputLink>(__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 onClick?: ((event: MouseEvent) => any) | undefined;

package/dist/components/SankeyChart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SankeyChart } from './SankeyChart.vue';
+export * from './SankeyChart';

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

@@ -1,4 +1,5 @@
-import { BulletLegendItemInterface, LegendPosition, TooltipConfig } from '../../types';
+import { BulletLegendItemInterface, TooltipConfig } from '../../types';
+import { LegendPosition } from '../../enums';
 import { SankeyInputNode, SankeyInputLink, SankeyNodeAlign } from '@unovis/ts';
 export type SankeyChartProps<N extends SankeyInputNode, L extends SankeyInputLink> = {
     /**

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, computed as l, createElementBlock as a, openBlock as n, createElementVNode as s, createCommentVNode as k, normalizeStyle as d, toDisplayString as m, Fragment as g, renderList as B } from "vue";
+import { defineComponent as w, computed as l, openBlock as a, createElementBlock as n, createElementVNode as s, normalizeStyle as d, toDisplayString as m, Fragment as g, renderList as k, createCommentVNode as B } from "vue";
 import { getFirstPropertyValue as C } from "../utils.js";
 const _ = /* @__PURE__ */ w({
   __name: "Tooltip",
@@ -55,22 +55,22 @@ const _ = /* @__PURE__ */ w({
         backgroundColor: typeof ((o = t.categories[e]) == null ? void 0 : o.color) == "string" && ((i = t.categories[e]) != null && i.color) ? t.categories[e].color : `var(--vis-color${v})`
       };
     };
-    return (e, v) => (n(), a("div", { style: y }, [
+    return (e, v) => (a(), n("div", { style: y }, [
       s("div", {
         style: d(h.value)
       }, m(u.value), 5),
-      c.value ? (n(), a("div", {
+      c.value ? (a(), n("div", {
         key: 0,
         style: b
       }, [
-        (n(!0), a(g, null, B(p.value, ([o, i], z) => (n(), a(g, { key: o }, [
+        (a(!0), n(g, null, k(p.value, ([o, i], z) => (a(), n(g, { key: o }, [
           s("span", {
             style: d(F(o, z))
           }, null, 4),
           s("span", { style: x }, m(r.categories[o].name), 1),
           s("span", { style: S }, m(r.yFormatter ? r.yFormatter(i) : i), 1)
         ], 64))), 128))
-      ])) : k("", !0)
+      ])) : B("", !0)
     ]));
   }
 });

package/dist/enums.d.ts

@@ -0,0 +1,32 @@
+export declare enum LegendPosition {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+export declare enum CurveType {
+    Basis = "basis",
+    BasisClosed = "basisClosed",
+    BasisOpen = "basisOpen",
+    Bundle = "bundle",
+    Cardinal = "cardinal",
+    CardinalClosed = "cardinalClosed",
+    CardinalOpen = "cardinalOpen",
+    CatmullRom = "catmullRom",
+    CatmullRomClosed = "catmullRomClosed",
+    CatmullRomOpen = "catmullRomOpen",
+    Linear = "linear",
+    LinearClosed = "linearClosed",
+    MonotoneX = "monotoneX",
+    MonotoneY = "monotoneY",
+    Natural = "natural",
+    Step = "step",
+    StepAfter = "stepAfter",
+    StepBefore = "stepBefore"
+}
+export declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}