vue-data-ui 3.0.0-next.65 → 3.0.0-next.67

package/dist/types/vue-data-ui.d.cts

@@ -146,8 +146,10 @@ declare module "vue-data-ui" {
     export type VueUiRidgelineEvent = ChartEvent<VueUiRidgelineDatapointEvent>;
     export type VueUiSparkStackbarEvent = ChartEvent<VueUiSparkStackbarDatapoint>;
     export type VueUiHistoryPlotEvent = ChartEvent<VueUiHistoryPlotDatapointEvent>;
+    export type VueUiRelationCircleEvent = ChartEvent<VueUiRelationCircleDatapoint>;
     export type VueUiDonutEvolutionEvent = ChartEvent<VueUiDonutEvolutionDatapoint>;
     export type VueUiSparkHistogramEvent = ChartEvent<VueUiSparkHistogramDatasetItem>;
+    export type VueUiChordEvent = ChartEvent<VueUiChordDatapointArc | VueUiChordDatapointRibbon>;
     export type VueUiParallelCoordinatePlotEvent = ChartEvent<VueUiParallelCoordinatePlotEventDatapoint>;
 
     export type VueUiPatternName =
@@ -2105,7 +2107,14 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiRelationCircleConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiRelationCircleEvent; // v3
+            datapointLeave?: VueUiRelationCircleEvent; // v3
+            datapointClick?: VueUiRelationCircleEvent; // v3
+        };
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -2122,6 +2131,7 @@ declare module "vue-data-ui" {
             labels?: {
                 color?: string;
                 fontSize?: number;
+                minFontSize?: number; // v3
             };
             weightLabels?: {
                 size?: number;
@@ -2159,6 +2169,18 @@ declare module "vue-data-ui" {
         color?: string;
     };
 
+    export type VueUiRelationCircleDatapoint = {
+        color: string;
+        id: string;
+        label: string;
+        regAngle: number;
+        relations: string[];
+        totalWeight: number;
+        weights: number[];
+        x: number;
+        y: number;
+    }
+
     export type VueUiRelationCircleExpose = {
         getImage(options?: { scale?: number }): GetImagePromise
         generatePdf(): void
@@ -8435,13 +8457,53 @@ declare module "vue-data-ui" {
         colors?: string[];
     }
 
+    export type VueUiChordDatapointArc = {
+        color: string;
+        endAngle: number;
+        id: string;
+        index: number;
+        name: string;
+        pattern: string;
+        proportion: number;
+        startAngle: number;
+    }
+
+    export type VueUiChordNode = {
+        endAngle: number;
+        groupColor: string;
+        groupId: string;
+        groupName: string;
+        index: number;
+        midAngle: number;
+        midBaseX: number;
+        midBaseY: number;
+        pattern: string;
+        startAngle: number;
+        subIndex: number;
+        value: number;
+    }
+
+    export type VueUiChordDatapointRibbon = {
+        color: string;
+        id: string;
+        source: VueUiChordNode;
+        target: VueUiChordNode;
+    }
+
     export type VueUiChordConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean;
+        events?: {
+            datapointEnter?: VueUiChordEvent; // v3
+            datapointLeave?: VueUiChordEvent; // v3
+            datapointClick?: VueUiChordEvent; // v3
+        };
         theme?: Theme;
         customPalette?: string[];
         enableRotation?: boolean;
         initialRotation?: nulber;
         useCssAnimation?: boolean;
-        responsive?: boolean;
         userOptions?: ChartUserOptions;
         table?: {
             show?: boolean;

package/dist/types/vue-data-ui.d.ts

@@ -146,8 +146,10 @@ declare module "vue-data-ui" {
     export type VueUiRidgelineEvent = ChartEvent<VueUiRidgelineDatapointEvent>;
     export type VueUiSparkStackbarEvent = ChartEvent<VueUiSparkStackbarDatapoint>;
     export type VueUiHistoryPlotEvent = ChartEvent<VueUiHistoryPlotDatapointEvent>;
+    export type VueUiRelationCircleEvent = ChartEvent<VueUiRelationCircleDatapoint>;
     export type VueUiDonutEvolutionEvent = ChartEvent<VueUiDonutEvolutionDatapoint>;
     export type VueUiSparkHistogramEvent = ChartEvent<VueUiSparkHistogramDatasetItem>;
+    export type VueUiChordEvent = ChartEvent<VueUiChordDatapointArc | VueUiChordDatapointRibbon>;
     export type VueUiParallelCoordinatePlotEvent = ChartEvent<VueUiParallelCoordinatePlotEventDatapoint>;
 
     export type VueUiPatternName =
@@ -2105,7 +2107,14 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiRelationCircleConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiRelationCircleEvent; // v3
+            datapointLeave?: VueUiRelationCircleEvent; // v3
+            datapointClick?: VueUiRelationCircleEvent; // v3
+        };
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -2122,6 +2131,7 @@ declare module "vue-data-ui" {
             labels?: {
                 color?: string;
                 fontSize?: number;
+                minFontSize?: number; // v3
             };
             weightLabels?: {
                 size?: number;
@@ -2159,6 +2169,18 @@ declare module "vue-data-ui" {
         color?: string;
     };
 
+    export type VueUiRelationCircleDatapoint = {
+        color: string;
+        id: string;
+        label: string;
+        regAngle: number;
+        relations: string[];
+        totalWeight: number;
+        weights: number[];
+        x: number;
+        y: number;
+    }
+
     export type VueUiRelationCircleExpose = {
         getImage(options?: { scale?: number }): GetImagePromise
         generatePdf(): void
@@ -8435,13 +8457,53 @@ declare module "vue-data-ui" {
         colors?: string[];
     }
 
+    export type VueUiChordDatapointArc = {
+        color: string;
+        endAngle: number;
+        id: string;
+        index: number;
+        name: string;
+        pattern: string;
+        proportion: number;
+        startAngle: number;
+    }
+
+    export type VueUiChordNode = {
+        endAngle: number;
+        groupColor: string;
+        groupId: string;
+        groupName: string;
+        index: number;
+        midAngle: number;
+        midBaseX: number;
+        midBaseY: number;
+        pattern: string;
+        startAngle: number;
+        subIndex: number;
+        value: number;
+    }
+
+    export type VueUiChordDatapointRibbon = {
+        color: string;
+        id: string;
+        source: VueUiChordNode;
+        target: VueUiChordNode;
+    }
+
     export type VueUiChordConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean;
+        events?: {
+            datapointEnter?: VueUiChordEvent; // v3
+            datapointLeave?: VueUiChordEvent; // v3
+            datapointClick?: VueUiChordEvent; // v3
+        };
         theme?: Theme;
         customPalette?: string[];
         enableRotation?: boolean;
         initialRotation?: nulber;
         useCssAnimation?: boolean;
-        responsive?: boolean;
         userOptions?: ChartUserOptions;
         table?: {
             show?: boolean;

package/dist/useAutoSizeLabelsInsideViewbox-DhQdKdBD.js

@@ -0,0 +1,81 @@
+import { a1 as K } from "./index-DSzRUkFt.js";
+function q({
+  svgRef: S,
+  fontSize: p,
+  minFontSize: z,
+  sizeRef: A,
+  labelClass: B,
+  labelTypes: m = []
+}) {
+  let y = null;
+  function g(e) {
+    let n = e[0];
+    for (let t = 1; t < e.length; t += 1) e[t] < n && (n = e[t]);
+    return n;
+  }
+  function w(e) {
+    let n = e[0];
+    for (let t = 1; t < e.length; t += 1) e[t] > n && (n = e[t]);
+    return n;
+  }
+  function F(e) {
+    const n = e.ownerSVGElement;
+    if (!n) return { x: 0, y: 0, width: 0, height: 0 };
+    const t = e.getBBox(), i = e.getCTM(), s = [
+      { x: t.x, y: t.y },
+      { x: t.x + t.width, y: t.y },
+      { x: t.x, y: t.y + t.height },
+      { x: t.x + t.width, y: t.y + t.height }
+    ].map((r) => {
+      const a = n.createSVGPoint();
+      a.x = r.x, a.y = r.y;
+      const l = i ? a.matrixTransform(i) : a;
+      return { x: l.x, y: l.y };
+    }), h = s.map((r) => r.x), c = s.map((r) => r.y), o = g(h), u = w(h), f = g(c), x = w(c);
+    return { x: o, y: f, width: u - o, height: x - f };
+  }
+  function O(e, n, t = 1) {
+    const { x: i, y: s, width: h, height: c } = F(e), o = i >= n.x + t, u = i + h <= n.x + n.width - t, f = s >= n.y + t, x = s + c <= n.y + n.height - t;
+    return o && u && f && x;
+  }
+  function d(e, n, t, i, s = 120, h = 1) {
+    let c = t, o = 0;
+    for (; o < s && (e.style.fontSize = `${c}px`, !(O(e, n, h) || c <= i)); )
+      c -= 0.5, o += 1;
+    return c < i ? i : c;
+  }
+  function b() {
+    const e = S.value;
+    if (!e) return;
+    const [n, t, i, s] = e.getAttribute("viewBox").split(" ").map(Number), h = { x: n, y: t, width: i, height: s };
+    m.length || (m = [
+      {
+        selector: B,
+        baseSize: p,
+        minSize: z,
+        sizeRef: A
+      }
+    ]), m.map((o) => e.querySelectorAll(o.selector).length).reduce((o, u) => o + u, 0) !== 0 && m.forEach(({ selector: o, baseSize: u, minSize: f, sizeRef: x }) => {
+      e.querySelectorAll(o).forEach((r) => {
+        const a = K({
+          el: r,
+          bounds: h,
+          currentFontSize: u,
+          minFontSize: f,
+          attempts: 200,
+          padding: 1
+        }), l = d(r, h, a, f, 120, 1);
+        r.style.fontSize = `${l}px`, x.value = l;
+      });
+    });
+  }
+  function v() {
+    y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+      y = null, b();
+    });
+  }
+  return { autoSizeLabels: v };
+}
+export {
+  q as u
+};

package/dist/{useNestedProp-DpsQk2zA.js → useNestedProp-jGBTZAI0.js}

@@ -1,4 +1,4 @@
-import { t as o, A as n } from "./index-D4WnuWyh.js";
+import { t as o, A as n } from "./index-DSzRUkFt.js";
 function c({ defaultConfig: e, userConfig: t }) {
   if (!Object.keys(t || {}).length)
     return e;

package/dist/{usePrinter-LIy0Oc_F.js → usePrinter-BVME5tnZ.js}

@@ -10,7 +10,7 @@ function m({
     !t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./pdf-OOqMngGF.js");
+          const { default: e } = await import("./pdf-CkDaIwJh.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,
@@ -27,7 +27,7 @@ function m({
     !t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./img-DByXXZOX.js");
+          const { default: e } = await import("./img-DNh0GOHm.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-g-wGH-lb.js → vue-data-ui-DG3WfzGA.js}

@@ -1,5 +1,5 @@
 import { toRefs as re, defineAsyncComponent as t, computed as c, ref as o, onMounted as le, watch as Z, shallowReactive as ue, createElementBlock as se, createBlock as d, openBlock as g, normalizeStyle as ce, createElementVNode as ge, createTextVNode as pe, createCommentVNode as q, toDisplayString as me, resolveDynamicComponent as de, mergeProps as Ve, toHandlers as Ue, createSlots as fe, renderList as ve, withCtx as ke, renderSlot as Se, normalizeProps as he, guardReactiveProps as be } from "vue";
-import K from "./BaseIcon-BU1qUe7c.js";
+import K from "./BaseIcon-Cdvi-iBt.js";
 const ye = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
@@ -38,71 +38,71 @@ const ye = { style: { width: "36px" } }, Ae = {
   ],
   setup(Y, { expose: J, emit: R }) {
     const a = Y, { component: Ce, dataset: w, config: ee } = re(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-DBRlOX7j.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BfgNlK97.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-DSQM48rJ.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-D_eIh1L1.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-BjJmleW-.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-DBygQ4-S.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-DY2apUU-.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-2RP4GaYE.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-D96i03R8.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-C_vIi1L7.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-BzdnCu-X.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-RB-M6SaR.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-Bujm_UUv.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-a7Uqcx82.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-BN-NyAZi.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DiIFJqB_.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-CJZbkPFw.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-BMph52bs.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DX5Qq24z.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-BEVqfDd0.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-DwI3Rv3E.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-DnBt_4Z-.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-cYyJqaty.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-BuxMaOvY.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-BcbHBGA8.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-BxuhvqKH.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-C5EIrDdI.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-MqGNM5FN.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-kKrQQ5yk.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-BdovbeOV.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-EfkdY-Ax.js")),
-      VueUiTable: t(() => import("./vue-ui-table-Dc4t3Fwj.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DYla4bRO.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-DJfWwWWc.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-DALcBVpW.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-B2ZaMQGd.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-CVhUQTSk.js")),
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CTz1QNSR.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BniPj0Je.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-BVKHKzvB.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-CDacpOoa.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-l888Vg6A.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-CYmQxOVl.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-SXPqFWSS.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-BKCbyy87.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DbuTGQJ8.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-Bv409liT.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-C-jKjQBe.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-Cmr1fe03.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-BjYv3G6b.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BfRTGqYM.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-CLrm9jZX.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BfZl-mJF.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-CHq-ki7S.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-fSbsF3AE.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-Rb9aJbsM.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-BPa4sMX-.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-BiJN6mha.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-CqeWZjwe.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-C7ObYFMH.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-DzVxBntt.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-AWu-Lr7l.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-BtwxpYus.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BUmriiHQ.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-xrrCkMmE.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-BM4W5qfl.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-Kf3VEu2r.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BzRWT_6S.js")),
+      VueUiTable: t(() => import("./vue-ui-table-7mco2z0H.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-5-DnehDb.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-jd-Ba40e.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-NuCzPpfn.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-C8MLPRUz.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DohenEMX.js")),
       // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-CVhUQTSk.js")),
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-DohenEMX.js")),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-DKQr0dys.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-B5Lv0Z1y.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-DslMfLA-.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DDQg3bxn.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-B3qWFvj-.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-4REpC2Tf.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-sTcuRVmy.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-BYARTbLp.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-CwkCmNEy.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-CEZXGNEg.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BubzKqXN.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-C6iEe7Gl.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-B8k9kxKB.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CBiSBImC.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-DGfM3hjM.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-nEAroVfe.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-DOQZQ58m.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-DBx0rzvk.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-BRQLmWS9.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-BWKfPaNH.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-Bgmurf0-.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CWVh_N2U.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-CPM4kKP8.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CNuNfOmr.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-Cd1H5HfK.js"))
+      VueUiWaffle: t(() => import("./vue-ui-waffle-BQLMULXv.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-BwHQLQxI.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-DMPIrN7g.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-BPjfohgN.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-CC84yjap.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-XhXLw_Lh.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-DVM0wbdO.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-CidJd1aP.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-CpcZUO7A.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-CMkcLq8N.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-bqR58sPB.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-CQfiWuh5.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-C5KS0_1Q.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-B1TwFB-x.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-BpSgPo2R.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-_Q_bBdvq.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-Derp2Hfq.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-BEAjBPCI.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-j-m1l7oC.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-C_EPa3Z6.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-D-7W7WRj.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-vJwFi3dB.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-Bk1saLf-.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-DYi51pwG.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-ByYg0taA.js"))
     }, te = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { ar as s, as as u, at as V, au as U, av as r, aw as t, bm as o, ax as b, bj as l, ay as n, bt as d, bq as g, az as m, aA as C, aB as c, aC as S, aD as k, aE as p, aF as h, bn as T, aG as P, aH as D, bk as f, aI as v, bo as y, bd as A, aJ as B, aK as H, aL as R, aM as W, aN as x, aO as M, aP as w, aQ as z, bp as F, aR as G, aS as E, aT as L, aU as O, aV as Q, bs as X, aW as j, aX as I, aY as K, aZ as N, a_ as q, a$ as J, b0 as Y, b1 as Z, b2 as _, b3 as $, bl as aa, b4 as ea, b5 as ia, b6 as sa, b7 as ua, b8 as Va, b9 as Ua, ba as ra, bb as ta, bc as oa, be as ba, bf as la, bg as na, br as da, bh as ga, bi as ma, L as Ca, V as ca, U as Sa, al as ka, an as pa, bu as ha, bv as Ta, bw as Pa, bx as Da, by as fa, bz as va, bA as ya, bB as Aa, bC as Ba, bD as Ha, bE as Ra } from "./index-D4WnuWyh.js";
+import { ar as s, as as u, at as V, au as U, av as r, aw as t, bm as o, ax as b, bj as l, ay as n, bt as d, bq as g, az as m, aA as C, aB as c, aC as S, aD as k, aE as p, aF as h, bn as T, aG as P, aH as D, bk as f, aI as v, bo as y, bd as A, aJ as B, aK as H, aL as R, aM as W, aN as x, aO as M, aP as w, aQ as z, bp as F, aR as G, aS as E, aT as L, aU as O, aV as Q, bs as X, aW as j, aX as I, aY as K, aZ as N, a_ as q, a$ as J, b0 as Y, b1 as Z, b2 as _, b3 as $, bl as aa, b4 as ea, b5 as ia, b6 as sa, b7 as ua, b8 as Va, b9 as Ua, ba as ra, bb as ta, bc as oa, be as ba, bf as la, bg as na, br as da, bh as ga, bi as ma, L as Ca, V as ca, U as Sa, al as ka, an as pa, bu as ha, bv as Ta, bw as Pa, bx as Da, by as fa, bz as va, bA as ya, bB as Aa, bC as Ba, bD as Ha, bE as Ra } from "./index-DSzRUkFt.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-DBRlOX7j.js → vue-ui-3d-bar-CTz1QNSR.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as te, computed as S, ref as b, toRefs as yt, watch as Re, onMounted as kt, createElementBlock as c, openBlock as u, unref as n, normalizeStyle as I, normalizeClass as Ve, createBlock as J, createCommentVNode as p, createSlots as gt, withCtx as D, renderSlot as T, normalizeProps as re, guardReactiveProps as ue, createVNode as $t, createElementVNode as i, Fragment as C, renderList as M, toDisplayString as E, withKeys as He, withModifiers as Ue, mergeProps as Xe, createTextVNode as _t, nextTick as Ze } from "vue";
-import { u as mt, c as qe, t as bt, a as xt, p as ie, b as wt, d as Ct, e as Mt, o as Ft, f as de, g as $e, l as W, m as Ye, h as Pt, i as j, X as Tt, s as $, j as H, k as ce, n as Ke, q as ve, r as G, v as At, w as St } from "./index-D4WnuWyh.js";
-import { u as Je } from "./useNestedProp-DpsQk2zA.js";
-import { u as Dt } from "./usePrinter-LIy0Oc_F.js";
+import { u as mt, c as qe, t as bt, a as xt, p as ie, b as wt, d as Ct, e as Mt, o as Ft, f as de, g as $e, l as W, m as Ye, h as Pt, i as j, X as Tt, s as $, j as H, k as ce, n as Ke, q as ve, r as G, v as At, w as St } from "./index-DSzRUkFt.js";
+import { u as Je } from "./useNestedProp-jGBTZAI0.js";
+import { u as Dt } from "./usePrinter-BVME5tnZ.js";
 import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Title-DLzQZPSp.js";
-import It from "./img-DByXXZOX.js";
+import Ot from "./Title-KSMyq3wn.js";
+import It from "./img-DNh0GOHm.js";
 import { t as Nt, u as Bt } from "./useResponsive-DfdjqQps.js";
 import { u as Lt, B as Et } from "./useLoading-D7YHNtLX.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -30,7 +30,7 @@ const Gt = ["id"], Rt = ["xmlns", "viewBox"], Vt = ["width", "height"], Ht = ["i
   },
   emits: ["selectDatapoint"],
   setup(Qe, { expose: et, emit: tt }) {
-    const lt = te(() => import("./vue-ui-accordion-B3qWFvj-.js")), ot = te(() => import("./DataTable-awPoVqrs.js")), st = te(() => import("./PackageVersion-bvIGp0Wr.js")), at = te(() => import("./PenAndPaper-CDiJnTx6.js")), nt = te(() => import("./UserOptions-CyxK5Q-5.js")), { vue_ui_3d_bar: rt } = mt(), A = Qe, le = tt, _e = S(() => !!A.dataset && Object.keys(A.dataset).length), F = b(qe()), ut = b(null), R = b(null), z = b(!1), me = b(0), be = b(0), xe = b(null), Q = b(null), oe = b(null), we = b(null), ee = b(!1), t = b(fe()), { loading: U, FINAL_DATASET: O } = Lt({
+    const lt = te(() => import("./vue-ui-accordion-CC84yjap.js")), ot = te(() => import("./DataTable-Dm9n_hgl.js")), st = te(() => import("./PackageVersion-DzLNBusm.js")), at = te(() => import("./PenAndPaper-BsfhRXyF.js")), nt = te(() => import("./UserOptions-BDt8OYJb.js")), { vue_ui_3d_bar: rt } = mt(), A = Qe, le = tt, _e = S(() => !!A.dataset && Object.keys(A.dataset).length), F = b(qe()), ut = b(null), R = b(null), z = b(!1), me = b(0), be = b(0), xe = b(null), Q = b(null), oe = b(null), we = b(null), ee = b(!1), t = b(fe()), { loading: U, FINAL_DATASET: O } = Lt({
       ...yt(A),
       FINAL_CONFIG: t,
       prepareConfig: fe,

package/dist/{vue-ui-accordion-B3qWFvj-.js → vue-ui-accordion-CC84yjap.js}

@@ -1,7 +1,7 @@
 import { useCssVars as y, computed as s, ref as r, onMounted as b, watch as _, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeClass as $, normalizeStyle as p, createCommentVNode as O, renderSlot as c, createBlock as D, normalizeProps as i, mergeProps as N, guardReactiveProps as m } from "vue";
-import w from "./BaseIcon-BU1qUe7c.js";
-import { u as x } from "./useNestedProp-DpsQk2zA.js";
-import { u as B, c as I } from "./index-D4WnuWyh.js";
+import w from "./BaseIcon-Cdvi-iBt.js";
+import { u as x } from "./useNestedProp-jGBTZAI0.js";
+import { u as B, c as I } from "./index-DSzRUkFt.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-BfgNlK97.js → vue-ui-age-pyramid-BniPj0Je.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as r, openBlock as i, unref as u, normalizeStyle as ee, normalizeClass as Le, createBlock as M, createCommentVNode as y, renderSlot as h, createVNode as Ce, createSlots as ot, withCtx as p, normalizeProps as P, guardReactiveProps as N, createElementVNode as d, Fragment as L, renderList as $, toDisplayString as C, createTextVNode as Te, nextTick as st } from "vue";
-import { u as it, c as ut, t as rt, b as nt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-D4WnuWyh.js";
+import { u as it, c as ut, t as rt, b as nt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-DSzRUkFt.js";
 import { t as ze, u as gt } from "./useResponsive-DfdjqQps.js";
-import { u as Ie } from "./useNestedProp-DpsQk2zA.js";
-import { u as pt } from "./usePrinter-LIy0Oc_F.js";
+import { u as Ie } from "./useNestedProp-jGBTZAI0.js";
+import { u as pt } from "./usePrinter-BVME5tnZ.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
-import mt from "./Title-DLzQZPSp.js";
-import wt from "./img-DByXXZOX.js";
+import mt from "./Title-KSMyq3wn.js";
+import wt from "./img-DNh0GOHm.js";
 import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as _t, B as At } from "./useLoading-D7YHNtLX.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -30,7 +30,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
     }
   },
   setup(le, { expose: Oe }) {
-    const Fe = R(() => import("./vue-ui-accordion-B3qWFvj-.js")), Re = R(() => import("./DataTable-awPoVqrs.js")), Me = R(() => import("./PackageVersion-bvIGp0Wr.js")), Pe = R(() => import("./PenAndPaper-CDiJnTx6.js")), Ne = R(() => import("./Tooltip-DgVlOrus.js")), Ee = R(() => import("./UserOptions-CyxK5Q-5.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), re = v(0), ne = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
+    const Fe = R(() => import("./vue-ui-accordion-CC84yjap.js")), Re = R(() => import("./DataTable-Dm9n_hgl.js")), Me = R(() => import("./PackageVersion-DzLNBusm.js")), Pe = R(() => import("./PenAndPaper-BsfhRXyF.js")), Ne = R(() => import("./Tooltip-DnEIs-sg.js")), Ee = R(() => import("./UserOptions-BDt8OYJb.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), re = v(0), ne = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
       ...tt(b),
       FINAL_CONFIG: e,
       prepareConfig: q,

package/dist/{vue-ui-annotator-DSQM48rJ.js → vue-ui-annotator-BVKHKzvB.js}

@@ -1,5 +1,5 @@
-import { A as p, t as v, u as w, B as A } from "./index-D4WnuWyh.js";
-import { d as M } from "./dom-to-png-DOOD6zHB.js";
+import { A as p, t as v, u as w, B as A } from "./index-DSzRUkFt.js";
+import { d as M } from "./dom-to-png-hBxSbmYr.js";
 import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {

package/dist/{vue-ui-bullet-BRQLmWS9.js → vue-ui-bullet-j-m1l7oC.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as W, ref as c, computed as f, onMounted as Se, toRefs as Ie, watch as ie, onBeforeUnmount as Pe, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as D, normalizeClass as ce, createBlock as C, createCommentVNode as i, createElementVNode as I, createSlots as Fe, withCtx as w, renderSlot as m, normalizeProps as P, guardReactiveProps as F, createVNode as He, Fragment as V, renderList as G, toDisplayString as H } from "vue";
-import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-D4WnuWyh.js";
-import { u as de } from "./useNestedProp-DpsQk2zA.js";
-import { u as Ve } from "./usePrinter-LIy0Oc_F.js";
+import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-DSzRUkFt.js";
+import { u as de } from "./useNestedProp-jGBTZAI0.js";
+import { u as Ve } from "./usePrinter-BVME5tnZ.js";
 import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as je } from "./useChartAccessibility-9icAAmYg.js";
-import qe from "./Legend-DFZdoZrW.js";
-import Xe from "./Title-DLzQZPSp.js";
-import Ye from "./img-DByXXZOX.js";
+import qe from "./Legend-C8iYgsQ8.js";
+import Xe from "./Title-KSMyq3wn.js";
+import Ye from "./img-DNh0GOHm.js";
 import { t as Je, u as Ke } from "./useResponsive-DfdjqQps.js";
 import { u as Qe, B as Ze } from "./useLoading-D7YHNtLX.js";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -39,7 +39,7 @@ const tt = ["id"], at = {
     }
   },
   setup(ge, { expose: fe }) {
-    const me = W(() => import("./PackageVersion-bvIGp0Wr.js")), ye = W(() => import("./PenAndPaper-CDiJnTx6.js")), pe = W(() => import("./UserOptions-CyxK5Q-5.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
+    const me = W(() => import("./PackageVersion-DzLNBusm.js")), ye = W(() => import("./PenAndPaper-BsfhRXyF.js")), pe = W(() => import("./UserOptions-BDt8OYJb.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
       get: () => u.value.hasOwnProperty("value"),
       set: (t) => t
     }), A = f(() => u.value.segments ? Array.isArray(u.value.segments) ? u.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:

package/dist/{vue-ui-candlestick-D_eIh1L1.js → vue-ui-candlestick-CDacpOoa.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as D, computed as g, ref as r, toRefs as Rt, watch as pe, shallowRef as Xe, onMounted as Ot, onBeforeUnmount as je, watchEffect as Nt, nextTick as be, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as me, normalizeClass as S, createBlock as N, createCommentVNode as p, createElementVNode as y, createVNode as Ye, createSlots as Pt, withCtx as x, renderSlot as b, normalizeProps as P, guardReactiveProps as E, Fragment as V, renderList as B, toDisplayString as Q, createTextVNode as Et } from "vue";
-import { u as Vt, c as Bt, t as Mt, b as Ut, C as Z, o as qe, f as M, D as Wt, h as X, i as L, X as Dt, x as ee, s as Ht, E as Je, v as Gt, w as Xt, y as jt, z as Yt } from "./index-D4WnuWyh.js";
+import { u as Vt, c as Bt, t as Mt, b as Ut, C as Z, o as qe, f as M, D as Wt, h as X, i as L, X as Dt, x as ee, s as Ht, E as Je, v as Gt, w as Xt, y as jt, z as Yt } from "./index-DSzRUkFt.js";
 import { t as Ke, u as qt } from "./useResponsive-DfdjqQps.js";
-import { u as Qe } from "./useNestedProp-DpsQk2zA.js";
-import { u as Jt } from "./usePrinter-LIy0Oc_F.js";
+import { u as Qe } from "./useNestedProp-jGBTZAI0.js";
+import { u as Jt } from "./usePrinter-BVME5tnZ.js";
 import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Zt, B as el } from "./useLoading-D7YHNtLX.js";
-import tl from "./Title-DLzQZPSp.js";
-import { S as ll } from "./Slicer-CJUj0NPg.js";
+import tl from "./Title-KSMyq3wn.js";
+import { S as ll } from "./Slicer-DUtsBqwT.js";
 import { u as al } from "./useTimeLabels-DkzmKfZn.js";
-import ol from "./img-DByXXZOX.js";
+import ol from "./img-DNh0GOHm.js";
 import { u as sl } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const il = ["id"], nl = ["xmlns", "aria-label", "viewBox"], rl = ["x", "y", "width", "height"], vl = { key: 1 }, dl = ["id"], cl = ["stop-color"], yl = ["stop-color"], hl = ["stop-color"], fl = ["id"], gl = ["stop-color"], pl = ["stop-color"], bl = ["stop-color"], ml = { key: 0 }, xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Al = ["x", "y", "font-size", "fill", "font-weight"], _l = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Cl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], $l = ["x", "y", "width", "height", "fill", "rx"], zl = { key: 0 }, Sl = ["cx", "cy", "r", "fill"], Ll = ["cx", "cy", "r", "fill"], Tl = { key: 1 }, Il = ["x", "y", "width", "height", "rx", "fill"], Fl = ["x", "y", "width", "height", "fill", "rx"], Rl = ["x", "y", "height", "width", "fill", "rx"], Ol = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Nl = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Pl = {
@@ -32,7 +32,7 @@ const il = ["id"], nl = ["xmlns", "aria-label", "viewBox"], rl = ["x", "y", "wid
     }
   },
   setup(Ze, { expose: et }) {
-    const tt = D(() => import("./vue-ui-accordion-B3qWFvj-.js")), lt = D(() => import("./DataTable-awPoVqrs.js")), at = D(() => import("./PackageVersion-bvIGp0Wr.js")), ot = D(() => import("./PenAndPaper-CDiJnTx6.js")), st = D(() => import("./Tooltip-DgVlOrus.js")), ut = D(() => import("./UserOptions-CyxK5Q-5.js")), { vue_ui_candlestick: it } = Vt(), h = Ze, te = g(() => !!h.dataset && h.dataset.length), $ = r(!1), le = r(null), w = r(Bt()), nt = r(null), ae = r(!1), oe = r(""), se = r(void 0), xe = r(0), T = r(null), ke = r(null), we = r(null), Ae = r(null), _e = r(null), Ce = r(null), j = r(0), $e = r(0), ze = r(0), ue = r(null), H = r(null), e = r(re()), { loading: z, FINAL_DATASET: A, manualLoading: ie } = Zt({
+    const tt = D(() => import("./vue-ui-accordion-CC84yjap.js")), lt = D(() => import("./DataTable-Dm9n_hgl.js")), at = D(() => import("./PackageVersion-DzLNBusm.js")), ot = D(() => import("./PenAndPaper-BsfhRXyF.js")), st = D(() => import("./Tooltip-DnEIs-sg.js")), ut = D(() => import("./UserOptions-BDt8OYJb.js")), { vue_ui_candlestick: it } = Vt(), h = Ze, te = g(() => !!h.dataset && h.dataset.length), $ = r(!1), le = r(null), w = r(Bt()), nt = r(null), ae = r(!1), oe = r(""), se = r(void 0), xe = r(0), T = r(null), ke = r(null), we = r(null), Ae = r(null), _e = r(null), Ce = r(null), j = r(0), $e = r(0), ze = r(0), ue = r(null), H = r(null), e = r(re()), { loading: z, FINAL_DATASET: A, manualLoading: ie } = Zt({
       ...Rt(h),
       FINAL_CONFIG: e,
       prepareConfig: re,