vue-chrts 2.1.0-beta-7 → 2.1.0-beta-8

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

@@ -1,191 +1 @@
-import { BulletLegendItemInterface, Orientation, LegendPosition, axisFormatter, AxisConfig, TooltipConfig } from '../../types';
-type BarChartPropsBase<T> = {
-    /**
-     * The data to be displayed in the bar chart.
-     * Each element of the array represents a data point.
-     * The structure of 'T' should be compatible with the chart's rendering logic.
-     */
-    data: T[];
-    /**
-     * If `true`, creates a stacked bar chart instead of grouped bars.
-     */
-    stacked?: boolean;
-    /**
-     * The height of the chart in pixels.
-     */
-    height: number;
-    /**
-     * Optional label for the x-axis.
-     */
-    xLabel?: string;
-    /**
-     * Optional label for the y-axis.
-     */
-    yLabel?: string;
-    /**
-     * 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>;
-    /**
-     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the x-axis.
-     * @param {number} i - The index of the tick in the `ticks` array.
-     * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
-     * @returns {string} The formatted string representation of the tick.
-     */
-    xFormatter?: axisFormatter;
-    /**
-     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
-     * @param {number} i - The index of the tick in the `ticks` array.
-     * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
-     * @returns {string} The formatted string representation of the tick.
-     */
-    yFormatter?: axisFormatter;
-    /**
-     * Use custom formatter for tooltip titles
-     */
-    tooltipTitleFormatter?: (data: T) => string | number;
-    /**
-     * The desired number of ticks on the y-axis.
-     */
-    yNumTicks?: number;
-    /**
-     * Force only first and last ticks on the x-axis.
-     */
-    minMaxTicksOnly?: boolean;
-    /**
-     * The desired number of ticks on the x-axis.
-     */
-    xNumTicks?: number;
-    /**
-     * Force specific ticks on the x-axis.
-     */
-    xExplicitTicks?: (number | string | Date)[];
-    /**
-     * An array of property keys from the data object type 'T' to be used for the y-axis values.
-     */
-    yAxis: (keyof T)[];
-    /**
-     * The padding between groups of bars in pixels.
-     */
-    groupPadding?: number;
-    /**
-     * Fractional padding between the bars in the range of [0,1). Default: 0
-     */
-    barPadding?: number;
-    /**
-     * Rounded corners for top bars. Boolean or number (to set the radius in pixels). Default: 2
-     */
-    radius?: number;
-    /**
-     * If `true`, hides the chart legend.
-     */
-    hideLegend?: boolean;
-    /**
-     * If `true`, hides the chart tooltip.
-     */
-    hideTooltip?: boolean;
-    /**
-     * The orientation of the bars (vertical or horizontal).
-     * See `Orientation` for available options.
-     */
-    orientation?: Orientation;
-    /**
-     * Optional position for the legend, if applicable.
-     * See `LegendPosition` for available options.
-     */
-    legendPosition?: LegendPosition;
-    /**
-     * Animation duration in milliseconds for the chart components.
-     */
-    duration?: number;
-    /**
-     * Configuration object for the chart tooltip.
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Optional style object for the legend container. Allows custom CSS styling.
-     */
-    legendStyle?: string | Record<string, string>;
-    /**
-     * If `true`, displays a domain line (axis line) along the x-axis.
-     */
-    xDomainLine?: boolean;
-    /**
-     * If `true`, displays a domain line (axis line) along the y-axis.
-     */
-    yDomainLine?: boolean;
-    /**
-     * If `true`, displays tick lines on the x-axis.
-     */
-    xTickLine?: boolean;
-    /**
-     * If `true`, displays tick lines on the y-axis.
-     */
-    yTickLine?: boolean;
-    /**
-     * If `true`, displays grid lines along the x-axis.
-     */
-    xGridLine?: boolean;
-    /**
-     * If `true`, displays grid lines along the y-axis.
-     */
-    yGridLine?: boolean;
-    /**
-     * If `true`, hide the x-axis.
-     */
-    hideXAxis?: boolean;
-    /**
-     * If `true`, hide the y-axis.
-     */
-    hideYAxis?: boolean;
-    /**
-     * Specific spacing between stacked and grouped bars in pixels.
-     * Only applicable if `stackAndGrouped` is `true`.
-     */
-    stackedGroupedSpacing?: number;
-    /**
-     * Axis configuration object for customizing the appearance of the axes.
-     */
-    xAxisConfig?: AxisConfig;
-    /**
-     * Axis configuration object for customizing the appearance of the axes.
-     */
-    yAxisConfig?: AxisConfig;
-};
-export type BarChartProps<T> = BarChartPropsBase<T> & {
-    /**
-     * Whether the bars should be stacked and grouped.
-     * If true, `valueLabel` is optional and `xAxis` is required.
-     */
-    stackAndGrouped?: boolean;
-    /**
-     * Configuration for the value label display.
-     * Required if `stackAndGrouped` is false and `xAxis` is present.
-     * Optional otherwise.
-     */
-    valueLabel?: ValueLabel;
-    /**
-     * The data key for the X-axis.
-     * Required if `stackAndGrouped` is true, or if `stackAndGrouped` is false AND `valueLabel` is present.
-     */
-    xAxis?: keyof T;
-};
-export type ValueLabel = {
-    label: (d: any, index: number) => string | number;
-    labelSpacing?: number;
-    backgroundColor?: string;
-    color?: string;
-    labelFontSize?: number;
-};
-export {};
+export type { BarChartProps, BarChartPropsBase, ValueLabel } from '../../../../shared/dist/index.d.ts';

package/dist/components/BubbleChart/BubbleChart.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, useSlots as N, useTemplateRef as O, ref as S, computed as p, createElementBlock as g, openBlock as r, normalizeStyle as d, createVNode as c, createCommentVNode as n, createElementVNode as R, unref as t, withCtx as K, createBlock as u, mergeProps as x, renderSlot as k } from "vue";
+import { defineComponent as D, useSlots as N, useTemplateRef as O, ref as S, computed as p, openBlock as r, createElementBlock as g, normalizeStyle as d, createVNode as c, unref as t, withCtx as R, createBlock as u, createCommentVNode as n, mergeProps as x, createElementVNode as K, renderSlot as k } from "vue";
 import { Scatter as M, Position as E } from "@unovis/ts";
 import { VisXYContainer as G, VisTooltip as W, VisScatter as $, VisAxis as L, VisBulletLegend as j } from "@unovis/vue";
-import { LegendPosition as X } from "../../types.js";
+import { LegendPosition as X } from "../../packages/shared/dist/index.js";
 import Y from "../Tooltip.js";
 const q = {
   ref: "slotWrapper",
@@ -90,7 +90,7 @@ const q = {
         scaleByDomain: !0,
         onClick: a[0] || (a[0] = (i) => A("click", i, l.value))
       }, {
-        default: K(() => [
+        default: R(() => [
           e.hideTooltip ? n("", !0) : (r(), u(t(W), {
             key: 0,
             triggers: V,
@@ -154,7 +154,7 @@ const q = {
           }))
         }, null, 8, ["style", "items"])
       ], 4)),
-      R("div", q, [
+      K("div", q, [
         t(T).tooltip ? k(o.$slots, "tooltip", {
           key: 0,
           values: l.value

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

@@ -1,172 +1 @@
-import { axisFormatter, BulletLegendItemInterface, LegendPosition, CrosshairConfig, AxisConfig, TooltipConfig } from '../../types';
-import { NumericAccessor, Position } from '@unovis/ts';
-export interface SizeOptions {
-    minRadius?: number;
-    maxRadius?: number;
-}
-export interface BubbleChartProps<T> {
-    /**
-     * Accessor for x value (index, property, etc). If not provided, defaults to d.beakLength.
-     */
-    xAccessor?: NumericAccessor<T>;
-    /**
-     * Accessor for y value. If not provided, defaults to d.flipperLength.
-     */
-    yAccessor?: NumericAccessor<T>;
-    /**
-     * Accessor for bubble size. If not provided, defaults to 1.
-     */
-    sizeAccessor?: NumericAccessor<T>;
-    /**
-     * Label position for bubbles (default: Position.Bottom)
-     */
-    labelPosition?: Position;
-    /**
-     * Range for bubble sizes (default: [1, 20])
-     */
-    sizeRange?: [number, number];
-    /**
-     * Opacity for bubbles
-     */
-    opacity?: number;
-    /**
-     * Explicit tick values for x axis
-     */
-    xExplicitTicks?: (number | string | Date)[];
-    /**
-     * Only show min/max ticks for x axis
-     */
-    minMaxTicksOnly?: boolean;
-    /**
-     * The data to be displayed in the bubble chart.
-     * Each element of the array represents a data point.
-     * The structure of 'T' should be compatible with the chart's rendering logic.
-     */
-    data: T[];
-    /**
-     * If `true`, hides the chart legend.
-     */
-    hideLegend?: boolean;
-    /**
-     * The height of the chart in pixels.
-     */
-    height: number;
-    /**
-     * Optional label for the x-axis.
-     */
-    xLabel?: string;
-    /**
-     * Optional label for the y-axis.
-     */
-    yLabel?: string;
-    /**
-     * 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.
-     * REQUIRED: Each unique value in your data's categoryKey field must have a corresponding entry with a color.
-     */
-    categories: Record<string, BulletLegendItemInterface>;
-    categoryKey: keyof T;
-    /**
-     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the x-axis.
-     * @param {number} i - The index of the tick in the `ticks` array.
-     * @param {(number[]|Date[])} ticks - An array of all tick values for the x-axis.
-     * @returns {string} The formatted string representation of the tick.
-     */
-    xFormatter?: axisFormatter;
-    /**
-     * @param {number|Date} tick - The value of the tick. This can be a number or a Date object depending on the scale of the y-axis.
-     * @param {number} i - The index of the tick in the `ticks` array.
-     * @param {(number[]|Date[])} ticks - An array of all tick values for the y-axis.
-     * @returns {string} The formatted string representation of the tick.
-     */
-    yFormatter?: axisFormatter;
-    /**
-     * Use custom formatter for tooltip titles
-     */
-    tooltipTitleFormatter?: (data: T) => string | number;
-    /**
-     * Optional position for the legend, if applicable.
-     * See `LegendPosition` for available options.
-     */
-    legendPosition?: LegendPosition;
-    /**
-     * Optional inline CSS styles for the legend container.
-     */
-    legendStyle?: Record<string, string>;
-    /** Options for controlling bubble sizes. */
-    sizeOptions?: SizeOptions;
-    /**
-     * If `true`, displays a domain line (axis line) along the x-axis.
-     */
-    xDomainLine?: boolean;
-    /**
-     * If `true`, displays a domain line (axis line) along the y-axis.
-     */
-    yDomainLine?: boolean;
-    /**
-     * If `true`, displays tick lines on the x-axis.
-     */
-    xTickLine?: boolean;
-    /**
-     * If `true`, displays tick lines on the y-axis.
-     */
-    yTickLine?: boolean;
-    /**
-     * If `true`, displays grid lines along the x-axis.
-     */
-    xGridLine?: boolean;
-    /**
-     * If `true`, displays grid lines along the y-axis.
-     */
-    yGridLine?: boolean;
-    /**
-     * If `true`, hide the x-axis.
-     */
-    hideXAxis?: boolean;
-    /**
-     * If `true`, hide the y-axis.
-     */
-    hideYAxis?: boolean;
-    /**
-     * The desired number of ticks on the x-axis.
-     */
-    xNumTicks?: number;
-    /**
-     * The desired number of ticks on the y-axis.
-     */
-    yNumTicks?: number;
-    /**
-     * If `true`, hides the tooltip.
-     */
-    hideTooltip?: boolean;
-    /**
-     * Crosshair configuration object for customizing the appearance of the crosshair line.
-     */
-    crosshairConfig?: CrosshairConfig;
-    /**
-     * Axis configuration object for customizing the appearance of the axes.
-     */
-    xAxisConfig?: AxisConfig;
-    /**
-     * Axis configuration object for customizing the appearance of the axes.
-     */
-    yAxisConfig?: AxisConfig;
-    /**
-     * Animation duration in milliseconds for the chart components.
-     */
-    duration?: number;
-    /**
-     * Configuration object for the chart tooltip.
-     */
-    tooltip?: TooltipConfig;
-}
+export type { BubbleChartProps, SizeOptions } from '../../../../shared/dist/index.d.ts';

package/dist/components/DagreGraph/DagreGraph.js

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

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

@@ -1,4 +1,4 @@
-import { BulletLegendItemInterface, TooltipConfig, LegendPosition } from '../../types';
+import { BulletLegendItemInterface, TooltipConfig, LegendPosition } from '../../../../shared/dist/index.d.ts';
 /**
  * Dagre layout direction options
  */

package/dist/components/DonutChart/DonutChart.js

@@ -1,9 +1,9 @@
-import { defineComponent as L, useSlots as S, useTemplateRef as P, ref as W, computed as s, createElementBlock as y, openBlock as d, normalizeStyle as u, createVNode as a, createCommentVNode as c, createElementVNode as h, unref as i, withCtx as b, createBlock as N, renderSlot as f } from "vue";
+import { defineComponent as L, useSlots as S, useTemplateRef as P, ref as W, computed as s, openBlock as d, createElementBlock as y, normalizeStyle as u, createVNode as a, unref as i, withCtx as b, createBlock as N, createCommentVNode as c, createElementVNode as h, renderSlot as f } from "vue";
 import { Donut as $ } from "@unovis/ts";
-import { DonutType as j } from "./types.js";
+import { LegendPosition as j } from "../../packages/shared/dist/index.js";
 import z from "../Tooltip.js";
 import { VisSingleContainer as H, VisTooltip as E, VisDonut as F, VisBulletLegend as O } from "@unovis/vue";
-import { LegendPosition as R } from "../../types.js";
+import { DonutType as R } from "../../packages/shared/dist/donut-chart.js";
 const M = { style: {
   position: "absolute",
   top: "50%",
@@ -21,7 +21,7 @@ const M = { style: {
     height: {},
     radius: {},
     hideLegend: { type: Boolean },
-    legendPosition: { default: R.BottomCenter },
+    legendPosition: { default: j.BottomCenter },
     legendStyle: {},
     categories: {},
     padAngle: {},
@@ -34,7 +34,7 @@ const M = { style: {
   },
   emits: ["click"],
   setup(l, { emit: v }) {
-    const C = v, e = l, w = S(), g = P("slotWrapper"), n = W(), k = (t) => t, T = e.type === j.Half;
+    const C = v, e = l, w = S(), g = P("slotWrapper"), n = W(), k = (t) => t, T = e.type === R.Half;
     function V(t) {
       const o = Object.values(e.categories)[t.index].name;
       return n.value = {