vue-data-ui 3.9.0 → 3.9.1

package/dist/{PackageVersion-DXy-wfBa.js → PackageVersion-CIhhY-aH.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.9.0", a = { "aria-hidden": "true" }, p = {
+const n = "3.9.1", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/components/vue-ui-3d-bar.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-3d-bar-uKhbCJCE.js";
+import { v as r, v as d } from "../vue-ui-3d-bar-Bs1SXAWI.js";
 export {
   r as VueUi3dBar,
   d as default

package/dist/components/vue-ui-age-pyramid.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-age-pyramid-DLT_gkMY.js";
+import { v as r, v as d } from "../vue-ui-age-pyramid-D25YLhPh.js";
 export {
   r as VueUiAgePyramid,
   d as default

package/dist/components/vue-ui-bullet.js

@@ -1,4 +1,4 @@
-import { v as l, v as t } from "../vue-ui-bullet-BwOyLfur.js";
+import { v as l, v as t } from "../vue-ui-bullet-XX1owNiy.js";
 export {
   l as VueUiBullet,
   t as default

package/dist/components/vue-ui-candlestick.js

@@ -1,4 +1,4 @@
-import { v as s, v as t } from "../vue-ui-candlestick-DvIJjYgT.js";
+import { v as s, v as t } from "../vue-ui-candlestick-CbKnRXLs.js";
 export {
   s as VueUiCandlestick,
   t as default

package/dist/components/vue-ui-carousel-table.js

@@ -1,4 +1,4 @@
-import { default as l, default as u } from "../vue-ui-carousel-table-mQdTBiJ6.js";
+import { default as l, default as u } from "../vue-ui-carousel-table-B95eZm5f.js";
 export {
   l as VueUiCarouselTable,
   u as default

package/dist/components/vue-ui-chestnut.js

@@ -1,4 +1,4 @@
-import { v as a, v as s } from "../vue-ui-chestnut-D4aL-SRw.js";
+import { v as a, v as s } from "../vue-ui-chestnut-D6B8mFCb.js";
 export {
   a as VueUiChestnut,
   s as default

package/dist/components/vue-ui-chord.js

@@ -1,4 +1,4 @@
-import { v as o, v as r } from "../vue-ui-chord-BNyOLiis.js";
+import { v as o, v as r } from "../vue-ui-chord-C-Fe5nTC.js";
 export {
   o as VueUiChord,
   r as default

package/dist/components/vue-ui-circle-pack.js

@@ -1,4 +1,4 @@
-import { v as r, v as c } from "../vue-ui-circle-pack-DGjOBC77.js";
+import { v as r, v as c } from "../vue-ui-circle-pack-DbGOEbwG.js";
 export {
   r as VueUiCirclePack,
   c as default

package/dist/components/vue-ui-cursor.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-cursor-JDfWC_4Z.js";
+import { default as u, default as a } from "../vue-ui-cursor-D99JZotY.js";
 export {
   u as VueUiCursor,
   a as default

package/dist/components/vue-ui-dag.js

@@ -1,4 +1,4 @@
-import { v as f, v as o } from "../vue-ui-dag-C7GVHRdz.js";
+import { v as f, v as o } from "../vue-ui-dag-D7R60BRH.js";
 export {
   f as VueUiDag,
   o as default

package/dist/components/vue-ui-dashboard.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-dashboard-Dhte9CS8.js";
+import { default as d, default as f } from "../vue-ui-dashboard-Dxhaj5E6.js";
 export {
   d as VueUiDashboard,
   f as default

package/dist/components/vue-ui-donut-evolution.js

@@ -1,4 +1,4 @@
-import { v as u, v as a } from "../vue-ui-donut-evolution-B7IXs662.js";
+import { v as u, v as a } from "../vue-ui-donut-evolution--rlD_bzN.js";
 export {
   u as VueUiDonutEvolution,
   a as default

package/dist/components/vue-ui-donut.js

@@ -1,4 +1,4 @@
-import { V as o, V as t } from "../vue-ui-donut-BnJXrdXi.js";
+import { V as o, V as t } from "../vue-ui-donut-CbHumHFw.js";
 export {
   o as VueUiDonut,
   t as default

package/dist/components/vue-ui-dumbbell.js

@@ -1,4 +1,4 @@
-import { v as l, v as u } from "../vue-ui-dumbbell-icb7XI8Y.js";
+import { v as l, v as u } from "../vue-ui-dumbbell-Bak094f4.js";
 export {
   l as VueUiDumbbell,
   u as default

package/dist/components/vue-ui-flow.js

@@ -1,4 +1,4 @@
-import { v as o, v as f } from "../vue-ui-flow-BkFZyi2d.js";
+import { v as o, v as f } from "../vue-ui-flow-BU_3xWDD.js";
 export {
   o as VueUiFlow,
   f as default

package/dist/components/vue-ui-funnel.js

@@ -1,4 +1,4 @@
-import { v as u, v as f } from "../vue-ui-funnel-BtCQx40Z.js";
+import { v as u, v as f } from "../vue-ui-funnel-aOfTIY8A.js";
 export {
   u as VueUiFunnel,
   f as default

package/dist/components/vue-ui-galaxy.js

@@ -1,4 +1,4 @@
-import { v as f, v as l } from "../vue-ui-galaxy-DlkNLZDJ.js";
+import { v as f, v as l } from "../vue-ui-galaxy-CFnCDW6L.js";
 export {
   f as VueUiGalaxy,
   l as default

package/dist/components/vue-ui-gauge.js

@@ -1,4 +1,4 @@
-import { v as u, v as f } from "../vue-ui-gauge-Cdj0ecH3.js";
+import { v as u, v as f } from "../vue-ui-gauge-Te_U6eYB.js";
 export {
   u as VueUiGauge,
   f as default

package/dist/components/vue-ui-geo.js

@@ -1,4 +1,4 @@
-import { v as o, v as f } from "../vue-ui-geo-e3rtm3qo.js";
+import { v as o, v as f } from "../vue-ui-geo-qkJZph6o.js";
 export {
   o as VueUiGeo,
   f as default

package/dist/components/vue-ui-gizmo.js

@@ -1,4 +1,4 @@
-import { default as f, default as o } from "../vue-ui-gizmo-D14h2JTq.js";
+import { default as f, default as o } from "../vue-ui-gizmo-BKGL0hrf.js";
 export {
   f as VueUiGizmo,
   o as default

package/dist/components/vue-ui-heatmap.js

@@ -1,4 +1,4 @@
-import { v as t, v as f } from "../vue-ui-heatmap-rpR42azQ.js";
+import { v as t, v as f } from "../vue-ui-heatmap-CxupvmxZ.js";
 export {
   t as VueUiHeatmap,
   f as default

package/dist/components/vue-ui-history-plot.js

@@ -1,4 +1,4 @@
-import { v as a, v as e } from "../vue-ui-history-plot-Cecn8Oxm.js";
+import { v as a, v as e } from "../vue-ui-history-plot-CRNGUd--.js";
 export {
   a as VueUiHistoryPlot,
   e as default

package/dist/components/vue-ui-horizontal-bar.js

@@ -1,4 +1,4 @@
-import { v as r, v as e } from "../vue-ui-horizontal-bar-VKpzt8eG.js";
+import { v as r, v as e } from "../vue-ui-horizontal-bar-GXt7JlrG.js";
 export {
   r as VueUiHorizontalBar,
   e as default

package/dist/components/vue-ui-molecule.js

@@ -1,4 +1,4 @@
-import { v as l, v as o } from "../vue-ui-molecule-DlEuruqh.js";
+import { v as l, v as o } from "../vue-ui-molecule-D5MQWvsl.js";
 export {
   l as VueUiMolecule,
   o as default

package/dist/components/vue-ui-mood-radar.js

@@ -1,4 +1,4 @@
-import { v as d, v as e } from "../vue-ui-mood-radar-BAP8G4Wj.js";
+import { v as d, v as e } from "../vue-ui-mood-radar-DkwW-6_J.js";
 export {
   d as VueUiMoodRadar,
   e as default

package/dist/components/vue-ui-nested-donuts.js

@@ -1,4 +1,4 @@
-import { v as t, v as a } from "../vue-ui-nested-donuts-DSxsX5Vz.js";
+import { v as t, v as a } from "../vue-ui-nested-donuts-Cl2CtNHY.js";
 export {
   t as VueUiNestedDonuts,
   a as default

package/dist/components/vue-ui-onion.js

@@ -1,4 +1,4 @@
-import { v as o, v as f } from "../vue-ui-onion-BcFbjgm_.js";
+import { v as o, v as f } from "../vue-ui-onion-BbTd3-9h.js";
 export {
   o as VueUiOnion,
   f as default

package/dist/components/vue-ui-parallel-coordinate-plot.js

@@ -1,4 +1,4 @@
-import { v as l, v as o } from "../vue-ui-parallel-coordinate-plot-C-qcnEpN.js";
+import { v as l, v as o } from "../vue-ui-parallel-coordinate-plot-CAuAUcJe.js";
 export {
   l as VueUiParallelCoordinatePlot,
   o as default

package/dist/components/vue-ui-quadrant.js

@@ -1,4 +1,4 @@
-import { v as r, v as t } from "../vue-ui-quadrant-ChTRugDc.js";
+import { v as r, v as t } from "../vue-ui-quadrant-CiQOwv_x.js";
 export {
   r as VueUiQuadrant,
   t as default

package/dist/components/vue-ui-quick-chart.js

@@ -1,4 +1,4 @@
-import { v as r, v as t } from "../vue-ui-quick-chart-CkRSQBoP.js";
+import { v as r, v as t } from "../vue-ui-quick-chart-Db_p50n_.js";
 export {
   r as VueUiQuickChart,
   t as default

package/dist/components/vue-ui-radar.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-radar-D7h9MmKX.js";
+import { v as r, v as d } from "../vue-ui-radar-Cq0FzSuo.js";
 export {
   r as VueUiRadar,
   d as default

package/dist/components/vue-ui-relation-circle.js

@@ -1,4 +1,4 @@
-import { v as i, v as l } from "../vue-ui-relation-circle-BGSf9_de.js";
+import { v as i, v as l } from "../vue-ui-relation-circle-0TKhiI54.js";
 export {
   i as VueUiRelationCircle,
   l as default

package/dist/components/vue-ui-ridgeline.js

@@ -1,4 +1,4 @@
-import { v as i, v as d } from "../vue-ui-ridgeline-BP3OBUSp.js";
+import { v as i, v as d } from "../vue-ui-ridgeline-BpKSoxMw.js";
 export {
   i as VueUiRidgeline,
   d as default

package/dist/components/vue-ui-rings.js

@@ -1,4 +1,4 @@
-import { v as s, v as f } from "../vue-ui-rings-bixIaG84.js";
+import { v as s, v as f } from "../vue-ui-rings-vn5kZZRA.js";
 export {
   s as VueUiRings,
   f as default

package/dist/components/vue-ui-scatter.js

@@ -1,4 +1,4 @@
-import { v as t, v as r } from "../vue-ui-scatter-CsbW44rO.js";
+import { v as t, v as r } from "../vue-ui-scatter-CF_h6seO.js";
 export {
   t as VueUiScatter,
   r as default

package/dist/components/vue-ui-skeleton.js

@@ -1,4 +1,4 @@
-import { default as a, default as f } from "../vue-ui-skeleton-B7FFPfD7.js";
+import { default as a, default as f } from "../vue-ui-skeleton-pcNjmtIm.js";
 export {
   a as VueUiSkeleton,
   f as default

package/dist/components/vue-ui-spark-trend.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-spark-trend-BWiUSAGV.js";
+import { v as r, v as d } from "../vue-ui-spark-trend-Gwr_mhU3.js";
 export {
   r as VueUiSparkTrend,
   d as default

package/dist/components/vue-ui-sparkbar.js

@@ -1,4 +1,4 @@
-import { _ as e, _ as f } from "../vue-ui-sparkbar-Y1-PvC2Q.js";
+import { _ as e, _ as f } from "../vue-ui-sparkbar-Ti79zXlf.js";
 export {
   e as VueUiSparkbar,
   f as default

package/dist/components/vue-ui-sparkgauge.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as u } from "../vue-ui-sparkgauge-DIOgIo9T.js";
+import { _ as r, _ as u } from "../vue-ui-sparkgauge-Cw076CAR.js";
 export {
   r as VueUiSparkgauge,
   u as default

package/dist/components/vue-ui-sparkhistogram.js

@@ -1,4 +1,4 @@
-import { v as e, v as o } from "../vue-ui-sparkhistogram-Cc45FboV.js";
+import { v as e, v as o } from "../vue-ui-sparkhistogram-DAQatxbk.js";
 export {
   e as VueUiSparkHistogram,
   o as default

package/dist/components/vue-ui-sparkline.js

@@ -1,4 +1,4 @@
-import { v as r, v as f } from "../vue-ui-sparkline-BkxHQO4g.js";
+import { v as r, v as f } from "../vue-ui-sparkline-DIFjHdAd.js";
 export {
   r as VueUiSparkline,
   f as default

package/dist/components/vue-ui-sparkstackbar.js

@@ -1,4 +1,4 @@
-import { v as e, v as t } from "../vue-ui-sparkstackbar-eL00_vqY.js";
+import { v as e, v as t } from "../vue-ui-sparkstackbar-CV48OIlq.js";
 export {
   e as VueUiSparkStackbar,
   t as default

package/dist/components/vue-ui-stackbar.js

@@ -1,4 +1,4 @@
-import { v as r, v as t } from "../vue-ui-stackbar-CCgBPMxT.js";
+import { v as r, v as t } from "../vue-ui-stackbar-iNQuoaFJ.js";
 export {
   r as VueUiStackbar,
   t as default

package/dist/components/vue-ui-stackline.js

@@ -1,4 +1,4 @@
-import { v as t, v as f } from "../vue-ui-stackline-CrChjJG1.js";
+import { v as t, v as f } from "../vue-ui-stackline-Ba_T3bRL.js";
 export {
   t as VueUiStackline,
   f as default

package/dist/components/vue-ui-strip-plot.js

@@ -1,4 +1,4 @@
-import { v as e, v as o } from "../vue-ui-strip-plot-ChBPDnF4.js";
+import { v as e, v as o } from "../vue-ui-strip-plot-DQHiecxa.js";
 export {
   e as VueUiStripPlot,
   o as default

package/dist/components/vue-ui-table-sparkline.js

@@ -1,4 +1,4 @@
-import { v as l, v as r } from "../vue-ui-table-sparkline-CQf4nxMY.js";
+import { v as l, v as r } from "../vue-ui-table-sparkline-Z9G-8VPL.js";
 export {
   l as VueUiTableSparkline,
   r as default

package/dist/components/vue-ui-table.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-table-Bf7ErBf-.js";
+import { default as f, default as l } from "../vue-ui-table-BNvnkqgr.js";
 export {
   f as VueUiTable,
   l as default

package/dist/components/vue-ui-thermometer.js

@@ -1,4 +1,4 @@
-import { v as a, v as m } from "../vue-ui-thermometer-1vtRLqYp.js";
+import { v as a, v as m } from "../vue-ui-thermometer-NJ6mFchh.js";
 export {
   a as VueUiThermometer,
   m as default

package/dist/components/vue-ui-timer.js

@@ -1,4 +1,4 @@
-import { default as f, default as r } from "../vue-ui-timer-C0_Umc6p.js";
+import { default as f, default as r } from "../vue-ui-timer-BzWAHC6N.js";
 export {
   f as VueUiTimer,
   r as default

package/dist/components/vue-ui-tiremarks.js

@@ -1,4 +1,4 @@
-import { v as r, v as s } from "../vue-ui-tiremarks-iijIId_5.js";
+import { v as r, v as s } from "../vue-ui-tiremarks-DUVReJRZ.js";
 export {
   r as VueUiTiremarks,
   s as default

package/dist/components/vue-ui-treemap.js

@@ -1,4 +1,4 @@
-import { v as r, v as f } from "../vue-ui-treemap-vE6a19Mm.js";
+import { v as r, v as f } from "../vue-ui-treemap-pLbU0XEi.js";
 export {
   r as VueUiTreemap,
   f as default

package/dist/components/vue-ui-vertical-bar.js

@@ -1,4 +1,4 @@
-import { v as r, v as t } from "../vue-ui-horizontal-bar-VKpzt8eG.js";
+import { v as r, v as t } from "../vue-ui-horizontal-bar-GXt7JlrG.js";
 export {
   r as VueUiVerticalBar,
   t as default

package/dist/components/vue-ui-waffle.js

@@ -1,4 +1,4 @@
-import { v as f, v as l } from "../vue-ui-waffle-C8kR8CpE.js";
+import { v as f, v as l } from "../vue-ui-waffle-QkCm05fN.js";
 export {
   f as VueUiWaffle,
   l as default

package/dist/components/vue-ui-wheel.js

@@ -1,4 +1,4 @@
-import { v as f, v as l } from "../vue-ui-wheel-D4OCD06F.js";
+import { v as f, v as l } from "../vue-ui-wheel-DaRAOHXK.js";
 export {
   f as VueUiWheel,
   l as default

package/dist/components/vue-ui-word-cloud.js

@@ -1,4 +1,4 @@
-import { v as d, v as e } from "../vue-ui-word-cloud-Zhi8r9_M.js";
+import { v as d, v as e } from "../vue-ui-word-cloud-CEIaALCH.js";
 export {
   d as VueUiWordCloud,
   e as default

package/dist/components/vue-ui-world.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-world-CKdzBshi.js";
+import { default as d, default as f } from "../vue-ui-world-BS0oWBVp.js";
 export {
   d as VueUiWorld,
   f as default

package/dist/components/vue-ui-xy.js

@@ -1,4 +1,4 @@
-import { V, V as f } from "../vue-ui-xy-BOzzwSSP.js";
+import { V, V as f } from "../vue-ui-xy-l6mUNMUu.js";
 export {
   V as VueUiXy,
   f as default

package/dist/usePanZoom-CDF7rb3o.js

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