vue-data-ui 3.0.0-next.57 → 3.0.0-next.59

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

@@ -136,6 +136,8 @@ declare module "vue-data-ui" {
     export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
     export type VueUiTreemapEvent = ChartEvent<VueUiTreemapDatapoint>;
     export type VueUiDumbbellEvent = ChartEvent<VueUiDumbbellDatapoint>;
+    export type VueUiSparkbarEvent = ChartEvent<VueUiSparkbarDatasetItem>;
+    export type VueUiWordCloudEvent = ChartEvent<VueUiWordCloudDatapoint>;
     export type VueUiStripPlotEvent = ChartEvent<VueUiStripPlotDatapoint>;
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
@@ -2270,7 +2272,14 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiSparkbarConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         theme?: Theme;
+        events?: { // v3
+            datapointEnter?: VueUiSparkbarEvent; // v3
+            datapointLeave?: VueUiSparkbarEvent; // v3
+            datapointClick?: VueUiSparkbarEvent; // v3
+        }
         customPalette?: string[];
         style?: {
             backgroundColor?: string;
@@ -6482,7 +6491,14 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiWordCloudConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiWordCloudEvent; // v3
+            datapointLeave?: VueUiWordCloudEvent; // v3
+            datapointClick?: VueUiWordCloudEvent; // v3
+        }
         theme?: string;
         customPalette?: string[];
         userOptions?: ChartUserOptions;

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

@@ -136,6 +136,8 @@ declare module "vue-data-ui" {
     export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
     export type VueUiTreemapEvent = ChartEvent<VueUiTreemapDatapoint>;
     export type VueUiDumbbellEvent = ChartEvent<VueUiDumbbellDatapoint>;
+    export type VueUiSparkbarEvent = ChartEvent<VueUiSparkbarDatasetItem>;
+    export type VueUiWordCloudEvent = ChartEvent<VueUiWordCloudDatapoint>;
     export type VueUiStripPlotEvent = ChartEvent<VueUiStripPlotDatapoint>;
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
@@ -2270,7 +2272,14 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiSparkbarConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         theme?: Theme;
+        events?: { // v3
+            datapointEnter?: VueUiSparkbarEvent; // v3
+            datapointLeave?: VueUiSparkbarEvent; // v3
+            datapointClick?: VueUiSparkbarEvent; // v3
+        }
         customPalette?: string[];
         style?: {
             backgroundColor?: string;
@@ -6482,7 +6491,14 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiWordCloudConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiWordCloudEvent; // v3
+            datapointLeave?: VueUiWordCloudEvent; // v3
+            datapointClick?: VueUiWordCloudEvent; // v3
+        }
         theme?: string;
         customPalette?: string[];
         userOptions?: ChartUserOptions;

package/dist/{useAutoSizeLabelsInsideViewbox-Bwp5Va3D.js → useAutoSizeLabelsInsideViewbox-BD2VwIW8.js}

@@ -1,4 +1,4 @@
-import { a1 as p } from "./index-Dyu8fp8E.js";
+import { a1 as p } from "./index-3dwsQVpJ.js";
 function A({
   svgRef: i,
   fontSize: r,

package/dist/{useNestedProp-DQ1VA96r.js → useNestedProp-gsSGb_lz.js}

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

package/dist/usePanZoom-BVca3eMk.js

@@ -0,0 +1,122 @@
+import { ref as h, computed as H, onMounted as I, onUnmounted as W, watchEffect as _, watch as G } from "vue";
+function U(r, A = { x: 0, y: 0, width: 100, height: 100 }, C = 1, k) {
+  const l = h({ ...A }), o = h({ ...l.value }), v = h(1), E = h(!1), p = h(!1), w = h(0), X = h(null), m = h({ x: 0, y: 0 }), D = H(
+    () => o.value.x !== l.value.x || o.value.y !== l.value.y || o.value.width !== l.value.width || o.value.height !== l.value.height
+  );
+  let f = null;
+  function M(e) {
+    if (e.length < 2) return 0;
+    const t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
+    return Math.hypot(t, n);
+  }
+  function g(e) {
+    const t = r.value;
+    if (!t) return { x: 0, y: 0 };
+    const n = t.createSVGPoint();
+    n.x = e.clientX, n.y = e.clientY;
+    const a = t.getScreenCTM()?.inverse();
+    return a ? n.matrixTransform(a) : { x: 0, y: 0 };
+  }
+  function B(e, t) {
+    const n = r.value;
+    if (!n) return { dx: 0, dy: 0 };
+    const a = Math.max(1, n.clientWidth), i = Math.max(1, n.clientHeight), c = o.value.width / a, s = o.value.height / i;
+    return { dx: e * c, dy: t * s };
+  }
+  function L(e) {
+    E.value = !0;
+    const t = e.touches?.[0] || e;
+    m.value = { x: t.clientX, y: t.clientY }, r.value && (r.value.style.cursor = "grabbing");
+  }
+  function P(e) {
+    if (!E.value) return;
+    const t = e.touches?.[0] || e, n = t.clientX - m.value.x, a = t.clientY - m.value.y;
+    if (n === 0 && a === 0) return;
+    const { dx: i, dy: c } = B(n, a);
+    o.value.x -= i, o.value.y -= c, m.value = { x: t.clientX, y: t.clientY };
+  }
+  function d() {
+    E.value = !1, r.value && (r.value.style.cursor = "");
+  }
+  function T(e) {
+    e.preventDefault();
+    const t = e.deltaY > 0 ? 0.9 : 1.1;
+    S(t, g(e));
+  }
+  function Z(e) {
+    e.preventDefault();
+    const t = g(e), n = 1.02 * (1 + C / 100);
+    V(n, t);
+  }
+  function V(e, t) {
+    f && cancelAnimationFrame(f);
+    const n = v.value, a = n * e;
+    let i = 0;
+    const c = (u) => u < 0.5 ? 2 * u * u : -1 + (4 - 2 * u) * u, s = () => {
+      i += 0.02;
+      const u = n + (a - n) * c(i);
+      S(u / n, t), i < 1 ? f = requestAnimationFrame(s) : f = null;
+    };
+    s();
+  }
+  function S(e, t) {
+    const n = v.value * e, a = n / v.value, i = o.value.width / a, c = o.value.height / a, s = (t.x - o.value.x) * (1 - 1 / a), u = (t.y - o.value.y) * (1 - 1 / a);
+    o.value.x += s, o.value.y += u, o.value.width = i, o.value.height = c, v.value = n;
+  }
+  function b(e) {
+    e.touches.length === 2 ? (p.value = !0, w.value = M(e.touches), X.value = { ...o.value }) : (e.preventDefault(), L(e));
+  }
+  function F(e) {
+    if (p.value && e.touches.length === 2) {
+      e.preventDefault();
+      const t = M(e.touches);
+      if (w.value) {
+        const n = t / w.value;
+        r.value.getBoundingClientRect();
+        const i = (e.touches[0].clientX + e.touches[1].clientX) / 2, c = (e.touches[0].clientY + e.touches[1].clientY) / 2, s = g({ clientX: i, clientY: c });
+        o.value = { ...X.value }, S(n, s);
+      }
+    } else
+      e.preventDefault(), P(e);
+  }
+  function x(e) {
+    e.touches.length < 2 && (p.value = !1), d();
+  }
+  function q(e = !1) {
+    if (!e) {
+      o.value = { ...l.value }, v.value = 1;
+      return;
+    }
+    const t = { ...o.value }, n = v.value, a = 300;
+    let i = null;
+    const c = (s) => {
+      i == null && (i = s);
+      const u = Math.min((s - i) / a, 1);
+      o.value = {
+        x: t.x + (l.value.x - t.x) * u,
+        y: t.y + (l.value.y - t.y) * u,
+        width: t.width + (l.value.width - t.width) * u,
+        height: t.height + (l.value.height - t.height) * u
+      }, v.value = n + (1 - n) * u, u < 1 && requestAnimationFrame(c);
+    };
+    requestAnimationFrame(c);
+  }
+  function z(e, t = {}) {
+    const { overwriteCurrentIfNotZoomed: n = !0 } = t;
+    l.value = { ...e }, !D.value && n && (o.value = { ...l.value }, v.value = 1);
+  }
+  function Y() {
+    const e = r.value;
+    e && (e.addEventListener("mousedown", L), e.addEventListener("mousemove", P), e.addEventListener("mouseup", d), e.addEventListener("mouseleave", d), e.addEventListener("wheel", T, { passive: !1 }), e.addEventListener("dblclick", Z), e.addEventListener("touchstart", b, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", x), e.addEventListener("touchcancel", x));
+  }
+  function y() {
+    const e = r.value;
+    e && (e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", P), e.removeEventListener("mouseup", d), e.removeEventListener("mouseleave", d), e.removeEventListener("wheel", T), e.removeEventListener("dblclick", Z), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", x), e.removeEventListener("touchcancel", x));
+  }
+  return I(Y), W(y), _(() => (k?.value ? Y() : y(), () => y())), G(r, (e, t) => {
+    y(), Y();
+  }), { viewBox: o, resetZoom: q, isZoom: D, setInitialViewBox: z };
+}
+export {
+  U as u
+};

package/dist/{usePrinter-BXgpLrO7.js → usePrinter-eX-mHqpH.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-D-6h1v42.js");
+          const { default: e } = await import("./pdf-uuJ9bA-G.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-C2UO2LmT.js");
+          const { default: e } = await import("./img-XQW68ydk.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-BcGZE1NF.js → vue-data-ui-vW4TPl3U.js}

@@ -1,6 +1,6 @@
-import { toRefs as ne, defineAsyncComponent as t, computed as c, ref as o, onMounted as re, watch as Q, shallowReactive as le, createElementBlock as ue, createBlock as d, openBlock as g, normalizeStyle as se, createElementVNode as ce, createTextVNode as ge, createCommentVNode as q, toDisplayString as pe, resolveDynamicComponent as me, mergeProps as de, toHandlers as Ve, createSlots as Ue, renderList as fe, withCtx as ve, renderSlot as ke, normalizeProps as Se, guardReactiveProps as he } from "vue";
-import K from "./BaseIcon-3PL8sPji.js";
-const be = { style: { width: "36px" } }, Ae = {
+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-CY5cKZco.js";
+const ye = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
     component: { type: String },
@@ -32,76 +32,78 @@ const be = { style: { width: "36px" } }, Ae = {
     "lap",
     "toggleAnnotator",
     "selectGroup",
-    "selectRibbon"
+    "selectRibbon",
+    "toggleTable",
+    "resetZoom"
   ],
-  setup(Y, { expose: J, emit: Z }) {
-    const a = Y, { component: ye, dataset: R, config: w } = ne(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-DBV9xXzw.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Bt_VI_8S.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-CGxQiP9g.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-CP-aj92I.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-CaZecahE.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-DzcY4hbK.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-B80NHDW4.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-kET9X3KC.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-NAhqQJBq.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CNTGks21.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-DfEfHCii.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-CSPCmw07.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-BKYRlE0D.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BWURIXU2.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-DvtojfS8.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-kRYl1mlL.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-BfQYcOge.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-aLDBwsee.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CKrLowD8.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-DHrkAutJ.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-DWBdOyTl.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-CjZzfe3p.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-B8TYCohi.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-DxqxLSoK.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-D0jRJnYr.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-5WAirs-Y.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-CGPhKrdn.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-BrmviQdq.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-mQcXsCgr.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-i5YBzZm-.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-Dfziml1d.js")),
-      VueUiTable: t(() => import("./vue-ui-table-BmsE_-AB.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DDP0Zqh6.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-BI5VkftQ.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-BV7fbbN4.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-UPMVTEwz.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-Cxx8GGKW.js")),
+  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-f6DERIfX.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-CMTrjr66.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-DQ7W33jU.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-D_-OKcLB.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-BzDu3Rn6.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-y82bZlmD.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-KEMPMv_F.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-DE6uXbjC.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CnqbDlWb.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CNf7tCih.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-Cew9UDzz.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-D6cGvObH.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-BatAZ4-E.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-GPIqVVO1.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-k7qyYVdZ.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BabL_H73.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-WKD01a1O.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-BkyATCmO.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DBd4oVbT.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-CSv_3sN3.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-C6KezTXl.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-DUzsyxP3.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-I6pUXmJJ.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-CIbgIR2N.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DfTWTIRD.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-D-jjuB_S.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BmrXpZdR.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-EkEm4AS9.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-CvzKB01S.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-B76XhHl5.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BJ-rHvP2.js")),
+      VueUiTable: t(() => import("./vue-ui-table-DCJDWKjJ.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-B4caHVFQ.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-ApFwWbAJ.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-Co2nDZn0.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-CPqRKKv9.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-D6PiL6Hm.js")),
       // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-Cxx8GGKW.js")),
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-D6PiL6Hm.js")),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-CUbeYnnT.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-D8FqSx-P.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-SradgwzX.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-TMZpd9nw.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-CYSqT9wk.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-76IrbNQV.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-xOs-TnqL.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-B0iaLZgG.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Bdenoo21.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BOUbsZjz.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-dGsJ8VGE.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-BPIlcbK3.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-CVqTTlL7.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-D0fVIT8m.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-NptMB21z.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Ex0jv_6m.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-B2gTveWE.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-DNXJScbf.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-CCuyAayk.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-JWgW9aXa.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BJCl3rcg.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-BgV0RWhP.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-Daog4Afo.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-BkbB0t3y.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-iGGuwS7b.js"))
-    }, ee = {
+      VueUiWaffle: t(() => import("./vue-ui-waffle-DTf2hN2Q.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-CO06fgiJ.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-DQTFeS0H.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-CNOFepne.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-B8nt3TxA.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-CwBj1P_V.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-Ce7aQLHI.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-CTEVFB0f.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Ch1NtN_S.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BxQn3t4G.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-B13xfkXT.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-CUpEoeSY.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-94-MPmDY.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-jm-azRXI.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-CXFlnQWL.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Kc13xumV.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo--xaQAnQu.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-D1cu4co4.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-DZpiGlT4.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-CwlWwL3n.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-DW5MxS_b.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-xw5KQZU-.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-C5S4zyBs.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-BCHnAtYx.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-U669mk50.js"))
+    }, te = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
       VueUiAnnotator: ["config", "dataset"],
@@ -167,11 +169,11 @@ const be = { style: { width: "36px" } }, Ae = {
       VueUiWorld: ["config", "dataset"],
       VueUiRidgeline: ["config", "dataset"],
       VueUiChord: ["config", "dataset"]
-    }, te = Z, V = c(() => !p[a.component]), oe = c(() => p[a.component] || null), r = o(null), ie = c(() => {
-      const e = ee[a.component] || [], i = {};
-      return e.includes("config") && (i.config = w.value), e.includes("dataset") && (i.dataset = R.value), i;
-    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), P = o(() => null), A = o(() => null), T = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null);
-    re(() => {
+    }, oe = R, V = c(() => !p[a.component]), ie = c(() => p[a.component] || null), r = o(null), ae = c(() => {
+      const e = te[a.component] || [], i = {};
+      return e.includes("config") && (i.config = ee.value), e.includes("dataset") && (i.dataset = w.value), i;
+    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null);
+    le(() => {
       V.value && console.error(`
 
 Vue Data UI exception:
@@ -181,10 +183,10 @@ Available components:
 
 ${Object.keys(p).map((e) => `. ${e}
 `).join("")}`);
-    }), Q(r, async (e) => {
-      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (T.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize));
+    }), Z(r, async (e) => {
+      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (T.value = e.toggleLock), e.toggleTable && (P.value = e.toggleTable), e.toggleLabels && (A.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize), e.resetZoom && (X.value = e.resetZoom));
     });
-    const ae = () => {
+    const ne = () => {
       const e = [
         "selectLegend",
         "selectDatapoint",
@@ -214,30 +216,32 @@ ${Object.keys(p).map((e) => `. ${e}
         "selectNode",
         "selectGroup",
         "selectRibbon",
-        "autoSize"
+        "autoSize",
+        "toggleTable",
+        "resetZoom"
       ], i = {};
       return e.forEach((l) => {
-        i[l] = (...n) => te(l, ...n);
+        i[l] = (...n) => oe(l, ...n);
       }), i;
-    }, m = le([]);
-    function X(e, i) {
+    }, m = ue([]);
+    function j(e, i) {
       return new Promise((l, n) => {
         m.push({ method: e, args: i, resolve: l, reject: n });
       });
     }
-    Q(r, (e) => {
+    Z(r, (e) => {
       if (e)
         for (; m.length; ) {
-          const { method: i, args: l, resolve: n, reject: s } = m.shift(), j = e[i];
-          typeof j == "function" ? Promise.resolve().then(() => j(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
+          const { method: i, args: l, resolve: n, reject: s } = m.shift(), Q = e[i];
+          typeof Q == "function" ? Promise.resolve().then(() => Q(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
         }
     }), J({
       getData(...e) {
-        return r.value?.getData ? r.value.getData(...e) : X("getData", e);
+        return r.value?.getData ? r.value.getData(...e) : j("getData", e);
       },
       getImage(e = {}) {
         const { scale: i = 2 } = e;
-        return r.value?.getImage ? r.value.getImage({ scale: i }) : X("getImage", [{ scale: i }]);
+        return r.value?.getImage ? r.value.getImage({ scale: i }) : j("getImage", [{ scale: i }]);
       },
       autoSize: W,
       generatePdf: U,
@@ -249,9 +253,9 @@ ${Object.keys(p).map((e) => `. ${e}
       close: b,
       restoreOrder: y,
       recalculateHeight: C,
-      toggleLock: P,
-      toggleTable: A,
-      toggleLabels: T,
+      toggleLock: T,
+      toggleTable: P,
+      toggleLabels: A,
       toggleSort: D,
       toggleStack: I,
       toggleTooltip: H,
@@ -266,7 +270,8 @@ ${Object.keys(p).map((e) => `. ${e}
       toggleAnnotator: O,
       selectNode: _,
       selectGroup: $,
-      selectRibbon: M
+      selectRibbon: M,
+      resetZoom: X
     });
     const u = c(() => {
       let e = `The provided component ${a.component} does not exist.`;
@@ -278,9 +283,9 @@ ${Object.keys(p).map((e) => `. ${e}
         message: e
       });
     });
-    return (e, i) => V.value ? (g(), ue("div", {
+    return (e, i) => V.value ? (g(), se("div", {
       key: 0,
-      style: se({
+      style: ce({
         width: "100%",
         display: "flex",
         gap: "6px",
@@ -288,7 +293,7 @@ ${Object.keys(p).map((e) => `. ${e}
         color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
       })
     }, [
-      ce("div", be, [
+      ge("div", ye, [
         u.value.status === "unknown" ? (g(), d(K, {
           key: 0,
           name: "moodFlat",
@@ -300,16 +305,16 @@ ${Object.keys(p).map((e) => `. ${e}
           stroke: "#FF9000"
         })) : q("", !0)
       ]),
-      ge(" " + pe(u.value.message), 1)
-    ], 4)) : (g(), d(me(oe.value), de({
+      pe(" " + me(u.value.message), 1)
+    ], 4)) : (g(), d(de(ie.value), Ve({
       key: 1,
       ref_key: "currentComponentRef",
       ref: r
-    }, ie.value, Ve(ae())), Ue({ _: 2 }, [
-      fe(e.$slots, (l, n) => ({
+    }, ae.value, Ue(ne())), fe({ _: 2 }, [
+      ve(e.$slots, (l, n) => ({
         name: n,
-        fn: ve((s) => [
-          ke(e.$slots, n, Se(he(s)))
+        fn: ke((s) => [
+          Se(e.$slots, n, he(be(s)))
         ])
       }))
     ]), 1040));

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-Dyu8fp8E.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-3dwsQVpJ.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-DBV9xXzw.js → vue-ui-3d-bar-f6DERIfX.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-Dyu8fp8E.js";
-import { u as Je } from "./useNestedProp-DQ1VA96r.js";
-import { u as Dt } from "./usePrinter-BXgpLrO7.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-3dwsQVpJ.js";
+import { u as Je } from "./useNestedProp-gsSGb_lz.js";
+import { u as Dt } from "./usePrinter-eX-mHqpH.js";
 import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Title-9W8vYOTf.js";
-import It from "./img-C2UO2LmT.js";
+import Ot from "./Title-D0LcJx9c.js";
+import It from "./img-XQW68ydk.js";
 import { t as Nt, u as Bt } from "./useResponsive-DfdjqQps.js";
 import { u as Lt, B as Et } from "./useLoading-Bt5Doa8m.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-CYSqT9wk.js")), ot = te(() => import("./DataTable-B4_im8hi.js")), st = te(() => import("./PackageVersion-DibkYC-M.js")), at = te(() => import("./PenAndPaper-DwEs21-8.js")), nt = te(() => import("./UserOptions-BsuG6h2S.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-B8nt3TxA.js")), ot = te(() => import("./DataTable-0vMEKXyc.js")), st = te(() => import("./PackageVersion-Drk6yOgG.js")), at = te(() => import("./PenAndPaper-BSBB3lDR.js")), nt = te(() => import("./UserOptions-B6pdFvnh.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-CYSqT9wk.js → vue-ui-accordion-B8nt3TxA.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-3PL8sPji.js";
-import { u as x } from "./useNestedProp-DQ1VA96r.js";
-import { u as B, c as I } from "./index-Dyu8fp8E.js";
+import w from "./BaseIcon-CY5cKZco.js";
+import { u as x } from "./useNestedProp-gsSGb_lz.js";
+import { u as B, c as I } from "./index-3dwsQVpJ.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-Bt_VI_8S.js → vue-ui-age-pyramid-CMTrjr66.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-Dyu8fp8E.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-3dwsQVpJ.js";
 import { t as ze, u as gt } from "./useResponsive-DfdjqQps.js";
-import { u as Ie } from "./useNestedProp-DQ1VA96r.js";
-import { u as pt } from "./usePrinter-BXgpLrO7.js";
+import { u as Ie } from "./useNestedProp-gsSGb_lz.js";
+import { u as pt } from "./usePrinter-eX-mHqpH.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
-import mt from "./Title-9W8vYOTf.js";
-import wt from "./img-C2UO2LmT.js";
+import mt from "./Title-D0LcJx9c.js";
+import wt from "./img-XQW68ydk.js";
 import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as _t, B as At } from "./useLoading-Bt5Doa8m.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-CYSqT9wk.js")), Re = R(() => import("./DataTable-B4_im8hi.js")), Me = R(() => import("./PackageVersion-DibkYC-M.js")), Pe = R(() => import("./PenAndPaper-DwEs21-8.js")), Ne = R(() => import("./Tooltip-BsvF9Fzt.js")), Ee = R(() => import("./UserOptions-BsuG6h2S.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-B8nt3TxA.js")), Re = R(() => import("./DataTable-0vMEKXyc.js")), Me = R(() => import("./PackageVersion-Drk6yOgG.js")), Pe = R(() => import("./PenAndPaper-BSBB3lDR.js")), Ne = R(() => import("./Tooltip-A0rXVeCS.js")), Ee = R(() => import("./UserOptions-B6pdFvnh.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-CGxQiP9g.js → vue-ui-annotator-DQ7W33jU.js}

@@ -1,5 +1,5 @@
-import { A as p, t as v, u as w, B as A } from "./index-Dyu8fp8E.js";
-import { d as M } from "./dom-to-png-CHstuqXx.js";
+import { A as p, t as v, u as w, B as A } from "./index-3dwsQVpJ.js";
+import { d as M } from "./dom-to-png-soMc4J-O.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 = {