vue-data-ui 3.7.9 → 3.7.11

package/dist/usePanZoom-DZtyJi5q.js

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

package/dist/{vue-data-ui-DZK-7Yx5.js → vue-data-ui-CxlARzL0.js}

@@ -1,6 +1,6 @@
-import { toRefs as ue, defineAsyncComponent as t, computed as c, ref as o, onMounted as ce, watch as Y, shallowReactive as ge, createElementBlock as pe, createBlock as d, openBlock as g, normalizeStyle as me, createElementVNode as de, createTextVNode as Ve, createCommentVNode as J, toDisplayString as Ue, resolveDynamicComponent as he, mergeProps as be, toHandlers as ve, createSlots as fe, renderList as Se, withCtx as ke, renderSlot as ye, normalizeProps as Ce, guardReactiveProps as Te } from "vue";
-import R from "./BaseIcon-5acZpJev.js";
-const Pe = { style: { width: "36px" } }, He = {
+import { toRefs as ce, defineAsyncComponent as t, computed as c, ref as o, onMounted as ge, watch as J, shallowReactive as pe, createElementBlock as me, createBlock as d, openBlock as g, normalizeStyle as de, createElementVNode as Ve, createTextVNode as Ue, createCommentVNode as R, toDisplayString as he, resolveDynamicComponent as be, mergeProps as ve, toHandlers as fe, createSlots as Se, renderList as ke, withCtx as ye, renderSlot as Ce, normalizeProps as Te, guardReactiveProps as Pe } from "vue";
+import w from "./BaseIcon-Dl4VBlHV.js";
+const Ae = { style: { width: "36px" } }, xe = {
   __name: "vue-data-ui",
   props: {
     component: { type: String },
@@ -36,77 +36,78 @@ const Pe = { style: { width: "36px" } }, He = {
     "toggleTable",
     "resetZoom",
     "showSeries",
-    "hideSeries"
+    "hideSeries",
+    "toggleZoom"
   ],
-  setup(w, { expose: ee, emit: te }) {
-    const a = w, { component: Ae, dataset: oe, config: ie } = ue(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-DO8GurA_.js").then((e) => e.b)),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-CK7PpmzU.js").then((e) => e.b)),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-DyoPgq71.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-DGFySyJf.js").then((e) => e.b)),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-D9jJm6rb.js").then((e) => e.b)),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-ntPdgRZR.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-BGIYOfXp.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-CwcL0B7h.js").then((e) => e.a)),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-B-5PeTiF.js").then((e) => e.b)),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CilgiQ8O.js").then((e) => e.b)),
-      VueUiGauge: t(() => import("./vue-ui-gauge-CwfYnW0H.js").then((e) => e.b)),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-Ds7paMOa.js").then((e) => e.b)),
-      VueUiKpi: t(() => import("./vue-ui-kpi-CdTb340S.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-AdFMCD9m.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-BtdwWTBN.js").then((e) => e.b)),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BuAl5l8_.js").then((e) => e.b)),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-B_4SY6Fv.js").then((e) => e.b)),
-      VueUiOnion: t(() => import("./vue-ui-onion-BPDXH_KT.js").then((e) => e.b)),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CsNUMCAf.js").then((e) => e.b)),
-      VueUiRadar: t(() => import("./vue-ui-radar-JA9GM1hs.js").then((e) => e.b)),
-      VueUiRating: t(() => import("./vue-ui-rating-LYeiyamN.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-et8nSv3K.js").then((e) => e.b)),
-      VueUiRings: t(() => import("./vue-ui-rings-C-NPPZN9.js").then((e) => e.b)),
-      VueUiScatter: t(() => import("./vue-ui-scatter-HIueYGgk.js").then((e) => e.b)),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-CDvWjjvT.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-DI2YHo7_.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-DaprJTqM.js").then((e) => e.a)),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-eSRxebIu.js").then((e) => e.a)),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DRx-JoYq.js").then((e) => e.b)),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-BVe4LWkU.js").then((e) => e.b)),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-DDGQ9uMY.js").then((e) => e.b)),
-      VueUiTable: t(() => import("./vue-ui-table-Bh4ymroj.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CnZgAbZi.js").then((e) => e.b)),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-EYtAEuYR.js").then((e) => e.b)),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CR8nCXfb.js").then((e) => e.b)),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-ubsPya59.js").then((e) => e.b)),
-      VueUiVerticalBar: t(() => import("./vue-ui-horizontal-bar-D4fJhwhe.js").then((e) => e.b)),
+  setup(ee, { expose: te, emit: oe }) {
+    const a = ee, { component: De, dataset: ie, config: ae } = ce(a), p = {
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CPqG0nkm.js").then((e) => e.b)),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Ci_nYeGy.js").then((e) => e.b)),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-CmCG1U2b.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BVT5S4A7.js").then((e) => e.b)),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-SUJ8HIBI.js").then((e) => e.b)),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-DlzUYi_J.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-uszbkbEK.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-BCq_iYNW.js").then((e) => e.a)),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CJ3hcXal.js").then((e) => e.b)),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-zlloUYDn.js").then((e) => e.b)),
+      VueUiGauge: t(() => import("./vue-ui-gauge-UPQhTDCY.js").then((e) => e.b)),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BbazGNWj.js").then((e) => e.b)),
+      VueUiKpi: t(() => import("./vue-ui-kpi-Bkxvv0Re.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-oYhRTSA7.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-CSlSiwbF.js").then((e) => e.b)),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DdKg5Jq8.js").then((e) => e.b)),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-DHt0XTLx.js").then((e) => e.b)),
+      VueUiOnion: t(() => import("./vue-ui-onion-DwMcFdqy.js").then((e) => e.b)),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-cW0fRzL_.js").then((e) => e.b)),
+      VueUiRadar: t(() => import("./vue-ui-radar-ypC88ouR.js").then((e) => e.b)),
+      VueUiRating: t(() => import("./vue-ui-rating-BALFx0aJ.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-CF3mp1_8.js").then((e) => e.b)),
+      VueUiRings: t(() => import("./vue-ui-rings-CsaXHfbR.js").then((e) => e.b)),
+      VueUiScatter: t(() => import("./vue-ui-scatter-CwhL1Z6V.js").then((e) => e.b)),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-kiUPhnKb.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DABDSgAF.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-CGVL2WyD.js").then((e) => e.a)),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DMahN0oG.js").then((e) => e.a)),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DIm-dhdu.js").then((e) => e.b)),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-B6F6FrEk.js").then((e) => e.b)),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-rpuQ620h.js").then((e) => e.b)),
+      VueUiTable: t(() => import("./vue-ui-table-CJpEycgN.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-D4L1lJzA.js").then((e) => e.b)),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-B__EImnG.js").then((e) => e.b)),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-DP5deFrA.js").then((e) => e.b)),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-CpimSaxC.js").then((e) => e.b)),
+      VueUiVerticalBar: t(() => import("./vue-ui-horizontal-bar-BEIR3lGE.js").then((e) => e.b)),
       // legacy support
-      VueUiHorizontalBar: t(() => import("./vue-ui-horizontal-bar-D4fJhwhe.js").then((e) => e.b)),
+      VueUiHorizontalBar: t(() => import("./vue-ui-horizontal-bar-BEIR3lGE.js").then((e) => e.b)),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-Bxu6ZXFr.js").then((e) => e.b)),
-      VueUiWheel: t(() => import("./vue-ui-wheel-Bmy5D-bu.js").then((e) => e.b)),
-      VueUiXy: t(() => import("./vue-ui-xy-CS1Gu1gs.js").then((e) => e.a)),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-CWPVPHU5.js").then((e) => e.b)),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-Cxz5Cxwj.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-BVHExcyO.js").then((e) => e.b)),
-      VueUiCursor: t(() => import("./vue-ui-cursor-BUgTz119.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-BSOVrCEk.js").then((e) => e.b)),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B_r0DhOo.js").then((e) => e.b)),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BpRrh_Li.js").then((e) => e.b)),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-DXW_2Hj8.js").then((e) => e.b)),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-VnX4al_h.js").then((e) => e.b)),
-      VueUiFlow: t(() => import("./vue-ui-flow-CVAqaYNz.js").then((e) => e.b)),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CvJWNuGi.js").then((e) => e.b)),
-      VueUiTimer: t(() => import("./vue-ui-timer-N9Sh6YWG.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-JxoqQnNA.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-ylawNFfS.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-iP02IXUA.js").then((e) => e.b)),
-      VueUiStackline: t(() => import("./vue-ui-stackline-B2mdBy6-.js").then((e) => e.b)),
-      VueUiBullet: t(() => import("./vue-ui-bullet-DQ8RujAn.js").then((e) => e.b)),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-AUONOn8i.js").then((e) => e.b)),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-Bg1xXaPb.js").then((e) => e.b)),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-BozsdDqp.js").then((e) => e.b)),
-      VueUiWorld: t(() => import("./vue-ui-world-B2H2E1l2.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-D6L0QodO.js").then((e) => e.b)),
-      VueUiChord: t(() => import("./vue-ui-chord-DPN3Fwm7.js").then((e) => e.b))
-    }, ae = {
+      VueUiWaffle: t(() => import("./vue-ui-waffle-BVGVNq11.js").then((e) => e.b)),
+      VueUiWheel: t(() => import("./vue-ui-wheel-B3O0lEj4.js").then((e) => e.b)),
+      VueUiXy: t(() => import("./vue-ui-xy-Cj3a2gNF.js").then((e) => e.a)),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-BHqtF71-.js").then((e) => e.b)),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-BXTVRRX7.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-BCZBZBRm.js").then((e) => e.b)),
+      VueUiCursor: t(() => import("./vue-ui-cursor-4Ldkkd2T.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-CP-hXjfZ.js").then((e) => e.b)),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-mYX2KEoI.js").then((e) => e.b)),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-Czmk8zMs.js").then((e) => e.b)),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-67I78EbL.js").then((e) => e.b)),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-3x-UDcCu.js").then((e) => e.b)),
+      VueUiFlow: t(() => import("./vue-ui-flow-MfiSTtxE.js").then((e) => e.b)),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-BVFJeYJp.js").then((e) => e.b)),
+      VueUiTimer: t(() => import("./vue-ui-timer-DAXW8dMO.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-R9y3ZMj5.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-CLs6Xv3_.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-C7S5g-tW.js").then((e) => e.b)),
+      VueUiStackline: t(() => import("./vue-ui-stackline-U099Cb9P.js").then((e) => e.b)),
+      VueUiBullet: t(() => import("./vue-ui-bullet-aChvEdJw.js").then((e) => e.b)),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-al95vFQ1.js").then((e) => e.b)),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BmiY0vD2.js").then((e) => e.b)),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CFm8eA1x.js").then((e) => e.b)),
+      VueUiWorld: t(() => import("./vue-ui-world-DjA_217m.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-Ck-tYacP.js").then((e) => e.b)),
+      VueUiChord: t(() => import("./vue-ui-chord-CjBMnwsa.js").then((e) => e.b))
+    }, ne = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
       VueUiAnnotator: ["config", "dataset"],
@@ -173,11 +174,11 @@ const Pe = { style: { width: "36px" } }, He = {
       VueUiWorld: ["config", "dataset"],
       VueUiRidgeline: ["config", "dataset"],
       VueUiChord: ["config", "dataset"]
-    }, ne = te, V = c(() => !p[a.component]), re = c(() => p[a.component] || null), r = o(null), le = c(() => {
-      const e = ae[a.component] || [], i = {};
-      return e.includes("config") && (i.config = ie.value), e.includes("dataset") && (i.dataset = oe.value), i;
-    }), U = o(() => null), h = o(() => null), b = o(() => null), v = o(() => null), f = o(() => null), S = o(() => null), k = 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), j = o(() => null), Q = o(() => null), Z = o(() => null);
-    ce(() => {
+    }, re = oe, V = c(() => !p[a.component]), le = c(() => p[a.component] || null), r = o(null), se = c(() => {
+      const e = ne[a.component] || [], i = {};
+      return e.includes("config") && (i.config = ae.value), e.includes("dataset") && (i.dataset = ie.value), i;
+    }), U = o(() => null), h = o(() => null), b = o(() => null), v = o(() => null), f = o(() => null), S = o(() => null), k = 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), Z = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null), j = o(() => null), Q = o(() => null), q = o(() => null);
+    ge(() => {
       V.value && console.error(`
 
 Vue Data UI exception:
@@ -187,10 +188,10 @@ Available components:
 
 ${Object.keys(p).map((e) => `. ${e}
 `).join("")}`);
-    }), Y(r, async (e) => {
-      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (b.value = e.generateImage), e.generateSvg && (v.value = e.generateSvg), e.generateCsv && (h.value = e.generateCsv), e.getItemsPositions && (f.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (k.value = e.shoot), e.close && (y.value = e.close), e.restoreOrder && (C.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (D.value = e.toggleLabels), e.toggleSort && (I.value = e.toggleSort), e.toggleStack && (H.value = e.toggleStack), e.toggleTooltip && (x.value = e.toggleTooltip), e.start && (B.value = e.start), e.pause && (F.value = e.pause), e.reset && (L.value = e.reset), e.restart && (N.value = e.restart), e.lap && (E.value = e.lap), e.toggleAnimation && (G.value = e.toggleAnimation), e.pauseAnimation && (z.value = e.pauseAnimation), e.resumeAnimation && (O.value = e.resumeAnimation), e.toggleAnnotator && (_.value = e.toggleAnnotator), e.selectNode && ($.value = e.selectNode), e.selectGroup && (M.value = e.selectGroup), e.selectRibbon && (W.value = e.selectRibbon), e.autoSize && (X.value = e.autoSize), e.resetZoom && (j.value = e.resetZoom), e.showSeries && (Q.value = e.showSeries), e.hideSeries && (Z.value = e.hideSeries));
+    }), J(r, async (e) => {
+      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (b.value = e.generateImage), e.generateSvg && (v.value = e.generateSvg), e.generateCsv && (h.value = e.generateCsv), e.getItemsPositions && (f.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (k.value = e.shoot), e.close && (y.value = e.close), e.restoreOrder && (C.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (D.value = e.toggleLabels), e.toggleSort && (I.value = e.toggleSort), e.toggleStack && (H.value = e.toggleStack), e.toggleTooltip && (x.value = e.toggleTooltip), e.start && (B.value = e.start), e.pause && (F.value = e.pause), e.reset && (L.value = e.reset), e.restart && (N.value = e.restart), e.lap && (E.value = e.lap), e.toggleAnimation && (G.value = e.toggleAnimation), e.pauseAnimation && (z.value = e.pauseAnimation), e.resumeAnimation && (O.value = e.resumeAnimation), e.toggleAnnotator && (Z.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), e.showSeries && (j.value = e.showSeries), e.hideSeries && (Q.value = e.hideSeries), e.toggleZoom && (q.value = e.toggleZoom));
     });
-    const se = () => {
+    const ue = () => {
       const e = [
         "selectLegend",
         "selectDatapoint",
@@ -224,32 +225,33 @@ ${Object.keys(p).map((e) => `. ${e}
         "toggleTable",
         "resetZoom",
         "showSeries",
-        "hideSeries"
+        "hideSeries",
+        "toggleZoom"
       ], i = {};
       return e.forEach((l) => {
-        i[l] = (...n) => ne(l, ...n);
+        i[l] = (...n) => re(l, ...n);
       }), i;
-    }, m = ge([]);
-    function q(e, i) {
+    }, m = pe([]);
+    function K(e, i) {
       return new Promise((l, n) => {
         m.push({ method: e, args: i, resolve: l, reject: n });
       });
     }
-    Y(r, (e) => {
+    J(r, (e) => {
       if (e)
         for (; m.length; ) {
-          const { method: i, args: l, resolve: n, reject: u } = m.shift(), K = e[i];
-          typeof K == "function" ? Promise.resolve().then(() => K(...l)).then(n).catch(u) : u(new Error(`Method ${i} not found on ${a.component}`));
+          const { method: i, args: l, resolve: n, reject: u } = m.shift(), Y = e[i];
+          typeof Y == "function" ? Promise.resolve().then(() => Y(...l)).then(n).catch(u) : u(new Error(`Method ${i} not found on ${a.component}`));
         }
-    }), ee({
+    }), te({
       getData(...e) {
-        return r.value?.getData ? r.value.getData(...e) : q("getData", e);
+        return r.value?.getData ? r.value.getData(...e) : K("getData", e);
       },
       getImage(e = {}) {
         const { scale: i = 2 } = e;
-        return r.value?.getImage ? r.value.getImage({ scale: i }) : q("getImage", [{ scale: i }]);
+        return r.value?.getImage ? r.value.getImage({ scale: i }) : K("getImage", [{ scale: i }]);
       },
-      autoSize: X,
+      autoSize: W,
       generatePdf: U,
       generateCsv: h,
       generateImage: b,
@@ -274,13 +276,14 @@ ${Object.keys(p).map((e) => `. ${e}
       pauseAnimation: z,
       resumeAnimation: O,
       toggleAnimation: G,
-      toggleAnnotator: _,
-      selectNode: $,
-      selectGroup: M,
-      selectRibbon: W,
-      resetZoom: j,
-      showSeries: Q,
-      hideSeries: Z
+      toggleAnnotator: Z,
+      selectNode: _,
+      selectGroup: $,
+      selectRibbon: M,
+      resetZoom: X,
+      showSeries: j,
+      hideSeries: Q,
+      toggleZoom: q
     });
     const s = c(() => {
       let e = `The provided component ${a.component} does not exist.`;
@@ -292,9 +295,9 @@ ${Object.keys(p).map((e) => `. ${e}
         message: e
       });
     });
-    return (e, i) => V.value ? (g(), pe("div", {
+    return (e, i) => V.value ? (g(), me("div", {
       key: 0,
-      style: me({
+      style: de({
         width: "100%",
         display: "flex",
         gap: "6px",
@@ -302,33 +305,33 @@ ${Object.keys(p).map((e) => `. ${e}
         color: s.value.status === "notSupported" ? "#FF9000" : "#FF0000"
       })
     }, [
-      de("div", Pe, [
-        s.value.status === "unknown" ? (g(), d(R, {
+      Ve("div", Ae, [
+        s.value.status === "unknown" ? (g(), d(w, {
           key: 0,
           name: "moodFlat",
           stroke: "#FF0000"
-        })) : J("", !0),
-        s.value.status === "notSupported" ? (g(), d(R, {
+        })) : R("", !0),
+        s.value.status === "notSupported" ? (g(), d(w, {
           key: 1,
           name: "circleExclamation",
           stroke: "#FF9000"
-        })) : J("", !0)
+        })) : R("", !0)
       ]),
-      Ve(" " + Ue(s.value.message), 1)
-    ], 4)) : (g(), d(he(re.value), be({
+      Ue(" " + he(s.value.message), 1)
+    ], 4)) : (g(), d(be(le.value), ve({
       key: 1,
       ref_key: "currentComponentRef",
       ref: r
-    }, le.value, ve(se())), fe({ _: 2 }, [
-      Se(e.$slots, (l, n) => ({
+    }, se.value, fe(ue())), Se({ _: 2 }, [
+      ke(e.$slots, (l, n) => ({
         name: n,
-        fn: ke((u) => [
-          ye(e.$slots, n, Ce(Te(u)))
+        fn: ye((u) => [
+          Ce(e.$slots, n, Te(Pe(u)))
         ])
       }))
     ]), 1040));
   }
 };
 export {
-  He as default
+  xe as default
 };