vue-data-ui 2.17.0 → 2.17.1

package/dist/{vue-ui-circle-pack-CHgdpoYu.js → vue-ui-circle-pack-dfyPiQmy.js}

@@ -1,22 +1,22 @@
-import { useCssVars as at, computed as w, defineAsyncComponent as L, ref as b, watch as Ee, shallowRef as Me, onMounted as ot, onBeforeUnmount as st, watchEffect as nt, createElementBlock as g, openBlock as y, unref as u, normalizeStyle as le, normalizeClass as Re, createBlock as V, createCommentVNode as k, renderSlot as x, createSlots as rt, withCtx as $, normalizeProps as W, guardReactiveProps as X, createVNode as ut, Fragment as ae, renderList as it, createElementVNode as z, mergeProps as Ae, toDisplayString as Y, createTextVNode as ct, nextTick as De } from "vue";
-import { u as vt, c as Le, t as de, p as oe, a as dt, o as ht, e as ft, b as yt, d as mt, h as Ve, f as he, X as pt, l as bt, F as Z, ag as gt, q as kt, r as xt, i as He } from "./index-pPGk-uhD.js";
-import { u as Ue } from "./useNestedProp-DjACxgdZ.js";
-import { u as wt } from "./usePrinter-DDHcrl0A.js";
+import { useCssVars as at, computed as z, defineAsyncComponent as V, ref as b, watch as Re, shallowRef as Ee, onMounted as ot, onBeforeUnmount as st, watchEffect as nt, createElementBlock as g, openBlock as y, unref as u, normalizeStyle as le, normalizeClass as Me, createBlock as B, createCommentVNode as k, renderSlot as x, createSlots as rt, withCtx as $, normalizeProps as W, guardReactiveProps as X, createVNode as ut, Fragment as ae, renderList as it, createElementVNode as _, mergeProps as Ae, toDisplayString as Y, createTextVNode as ct, nextTick as De } from "vue";
+import { u as vt, c as Le, t as de, p as oe, a as dt, o as ht, e as ft, b as yt, d as mt, h as Ve, f as he, X as pt, l as bt, F as Z, ag as gt, q as kt, r as xt, i as Be } from "./index-CobsZUkv.js";
+import { u as He } from "./useNestedProp-BwL5wmVa.js";
+import { u as wt } from "./usePrinter-DPh6U_Qk.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
 import { t as _t, u as $t } from "./useResponsive-DfdjqQps.js";
-import Tt from "./Title-B-2bV0SW.js";
-import Pt from "./img-Y_hYz-ZC.js";
+import Tt from "./Title-DpERl1yr.js";
+import Pt from "./img-utitT2Gd.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Be(r, i = 0) {
-  const h = r.reduce((a, { x: n, r: v }) => Math.min(a, n - v - i), 1 / 0), m = r.reduce((a, { x: n, r: v }) => Math.max(a, n + v + i), -1 / 0), c = r.reduce((a, { y: n, r: v }) => Math.min(a, n - v - i), 1 / 0), o = r.reduce((a, { y: n, r: v }) => Math.max(a, n + v + i), -1 / 0);
-  return [h, c, m - h, o - c];
+function Ue(r, i = 0) {
+  const f = r.reduce((a, { x: n, r: v }) => Math.min(a, n - v - i), 1 / 0), m = r.reduce((a, { x: n, r: v }) => Math.max(a, n + v + i), -1 / 0), c = r.reduce((a, { y: n, r: v }) => Math.min(a, n - v - i), 1 / 0), o = r.reduce((a, { y: n, r: v }) => Math.max(a, n + v + i), -1 / 0);
+  return [f, c, m - f, o - c];
 }
-function Ot(r, i, h) {
+function Ot(r, i, f) {
   const m = r._, c = r.next._, o = m.r + c.r, a = (m.x * c.r + c.x * m.r) / o, n = (m.y * c.r + c.y * m.r) / o;
-  return Math.max(Math.abs(a * h), Math.abs(n * i));
+  return Math.max(Math.abs(a * f), Math.abs(n * i));
 }
-function Ge(r, i, h) {
+function Ge(r, i, f) {
   const m = Ot, c = r.length;
   if (!c) return r;
   let o, a, n;
@@ -41,37 +41,37 @@ function Ge(r, i, h) {
       }
     while (p !== T.next);
     n.previous = o, n.next = a, o.next = a.previous = a = n;
-    let P = m(o, h, i), C;
+    let P = m(o, f, i), w;
     for (; (n = n.next) !== a; )
-      (C = m(n, h, i)) < P && (o = n, P = C);
+      (w = m(n, f, i)) < P && (o = n, P = w);
     a = o.next;
   }
   return r;
 }
-function je(r, i, h) {
+function je(r, i, f) {
   const m = r.x - i.x, c = r.y - i.y, o = m * m + c * c;
   if (o) {
-    const a = (i.r + h.r) ** 2, n = (r.r + h.r) ** 2;
+    const a = (i.r + f.r) ** 2, n = (r.r + f.r) ** 2;
     if (a > n) {
       const v = (o + n - a) / (2 * o), p = Math.sqrt(Math.max(0, n / o - v * v));
-      h.x = r.x - v * m - p * c, h.y = r.y - v * c + p * m;
+      f.x = r.x - v * m - p * c, f.y = r.y - v * c + p * m;
     } else {
       const v = (o + a - n) / (2 * o), p = Math.sqrt(Math.max(0, a / o - v * v));
-      h.x = i.x + v * m - p * c, h.y = i.y + v * c + p * m;
+      f.x = i.x + v * m - p * c, f.y = i.y + v * c + p * m;
     }
   } else
-    h.x = i.x + h.r, h.y = i.y;
+    f.x = i.x + f.r, f.y = i.y;
 }
 function qe(r, i) {
-  const h = r.r + i.r - 1e-6, m = i.x - r.x, c = i.y - r.y;
-  return h > 0 && h * h > m * m + c * c;
+  const f = r.r + i.r - 1e-6, m = i.x - r.x, c = i.y - r.y;
+  return f > 0 && f * f > m * m + c * c;
 }
 class se {
   constructor(i) {
     this._ = i, this.next = null, this.previous = null;
   }
 }
-const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y", "width", "height"], Et = ["id"], Mt = ["stop-color"], Rt = ["stop-color"], At = ["stop-color"], Dt = { key: 0 }, Lt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Vt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ut = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Bt = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Gt = {
+const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y", "width", "height"], Rt = ["id"], Et = ["stop-color"], Mt = ["stop-color"], At = ["stop-color"], Dt = { key: 0 }, Lt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Vt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Bt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ut = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Gt = {
   key: 0,
   style: { pointerEvents: "none" }
 }, jt = { key: 1 }, qt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Wt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Xt = {
@@ -94,12 +94,12 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
     }
   },
   emits: ["selectDatapoint"],
-  setup(r, { expose: i, emit: h }) {
+  setup(r, { expose: i, emit: f }) {
     at((t) => ({
-      cbb2c5fc: D.value,
-      a809ed0a: ue.value
+      "05e4027a": L.value,
+      "85bc3108": ue.value
     }));
-    const m = L(() => import("./vue-ui-accordion-CVnA550V.js")), c = L(() => import("./DataTable-D0VYDhfx.js")), o = L(() => import("./PackageVersion-5TR4ocqp.js")), a = L(() => import("./PenAndPaper-D6AqipIO.js")), n = L(() => import("./vue-ui-skeleton-DJPjyNYn.js")), v = L(() => import("./UserOptions-Dd34lEKb.js")), p = r, T = h, { vue_ui_circle_pack: J } = vt(), N = w(() => !!p.dataset && p.dataset.length), P = b(Le()), C = b(null), fe = b(null), ye = b(null), me = b(0), pe = b(0), be = b(0), We = b(null), e = w({
+    const m = V(() => import("./vue-ui-accordion-UewqY6OI.js")), c = V(() => import("./DataTable-Dt-TIOyY.js")), o = V(() => import("./PackageVersion-C-4Ee8BQ.js")), a = V(() => import("./PenAndPaper-Cde-wJ3N.js")), n = V(() => import("./vue-ui-skeleton-8s4xts8z.js")), v = V(() => import("./UserOptions-DTEJ3UM_.js")), p = r, T = f, { vue_ui_circle_pack: J } = vt(), N = z(() => !!p.dataset && p.dataset.length), P = b(Le()), w = b(null), fe = b(null), ye = b(null), me = b(0), pe = b(0), be = b(0), We = b(null), e = z({
       get: () => we(),
       set: (t) => t
     }), { svgRef: ge } = zt({ config: e.value.style.chart.title }), {
@@ -108,47 +108,47 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       keepUserOptionState: xe
     } = Ct({ config: e.value });
     function we() {
-      const t = Ue({
+      const t = He({
         userConfig: p.config,
         defaultConfig: J
       });
       return t.theme ? {
-        ...Ue({
+        ...He({
           userConfig: dt.vue_ui_circle_pack[t.theme] || p.config,
           defaultConfig: t
         }),
         customPalette: de[t.theme] || oe
       } : t;
     }
-    Ee(() => p.config, (t) => {
+    Re(() => p.config, (t) => {
       e.value = we(), ne.value = !e.value.userOptions.showOnChartHover, re(), me.value += 1, pe.value += 1, H.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: Ce, isImaging: ze, generatePdf: _e, generateImage: $e } = wt({
       elementId: `vue-ui-circle-pack_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
       options: e.value.userOptions.print
-    }), Xe = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), H = b({
+    }), Xe = z(() => e.value.userOptions.show && !e.value.style.chart.title.text), H = b({
       showTable: e.value.table.show
-    }), S = Me(null), E = Me(null), M = b({ h: 10, w: 10 }), Te = b(0), R = b([0, 0, 100, 100]), K = b({ h: 0, w: 0 });
+    }), S = Ee(null), E = Ee(null), M = b({ h: 10, w: 10 }), Te = b(0), A = b([0, 0, 100, 100]), K = b({ h: 0, w: 0 });
     async function re() {
       ht(p.dataset) && ft({
         componentName: "VueUiCirclePack",
         type: "dataset"
-      }), A.value = await Ge(Q.value), O.value = Be(A.value, 1).join(" "), K.value = Pe(C.value);
+      }), D.value = await Ge(Q.value), O.value = Ue(D.value, 1).join(" "), K.value = Pe(w.value);
       const t = _t(() => {
-        const { width: s, height: l, heightTitle: f, heightNoTitle: _ } = $t({
-          chart: C.value,
+        const { width: s, height: l, heightTitle: h, heightNoTitle: C } = $t({
+          chart: w.value,
           title: fe.value,
           noTitle: ye.value
-        }), q = s || 10, ve = l && l > 10 ? l : 10;
-        Te.value = e.value.style.chart.title.text ? f : _, requestAnimationFrame(() => {
-          M.value.w = q, M.value.h = ve - Te.value, De(async () => {
+        }), R = s || 10, ve = l && l > 10 ? l : 10;
+        Te.value = e.value.style.chart.title.text ? h : C, requestAnimationFrame(() => {
+          M.value.w = R, M.value.h = ve - Te.value, De(async () => {
             const tt = Q.value.map((lt) => ({ ...lt }));
-            A.value = await Ge(tt, M.value.h, M.value.w), R.value = Be(A.value, 1), O.value = R.value.join(" "), K.value = Pe(C.value);
+            D.value = await Ge(tt, M.value.h, M.value.w), A.value = Ue(D.value, 1), O.value = A.value.join(" "), K.value = Pe(w.value);
           });
         });
       });
-      S.value && (E.value && S.value.unobserve(E.value), S.value.disconnect()), S.value = new ResizeObserver(t), E.value = C.value.parentNode, S.value.observe(E.value);
+      S.value && (E.value && S.value.unobserve(E.value), S.value.disconnect()), S.value = new ResizeObserver(t), E.value = w.value.parentNode, S.value.observe(E.value);
     }
     ot(re), st(() => {
       S.value && (E.value && S.value.unobserve(E.value), S.value.disconnect());
@@ -159,13 +159,13 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       const s = t.parentElement;
       if (s.offsetWidth > 0 && s.offsetHeight > 0)
         return { w: s.offsetWidth, h: s.offsetHeight };
-      const l = window.getComputedStyle(s), f = l.width, _ = l.height;
-      return f !== "auto" && _ !== "auto" && parseFloat(f) > 0 && parseFloat(_) > 0 ? { w: parseFloat(f), h: parseFloat(_) } : { w: 0, h: 0 };
+      const l = window.getComputedStyle(s), h = l.width, C = l.height;
+      return h !== "auto" && C !== "auto" && parseFloat(h) > 0 && parseFloat(C) > 0 ? { w: parseFloat(h), h: parseFloat(C) } : { w: 0, h: 0 };
     }
-    Ee(() => p.dataset, async (t) => {
+    Re(() => p.dataset, async (t) => {
       await re();
     }, { deep: !0 });
-    const Ye = w(() => yt(e.value.customPalette)), Q = w(() => p.dataset.map((t, s) => {
+    const Ye = z(() => yt(e.value.customPalette)), Q = z(() => p.dataset.map((t, s) => {
       const l = mt(t.color) || Ye.value[s] || de[e.value.theme || "default"][s % de[e.value.theme || "default"].length] || oe[s] || oe[s % oe.length];
       return {
         ...t,
@@ -173,7 +173,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         id: Le(),
         color: l
       };
-    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), A = b([]), O = b("0 0 100 100"), U = w(() => Math.max(...A.value.map((t) => t.r)));
+    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), D = b([]), O = b("0 0 100 100"), U = z(() => Math.max(...D.value.map((t) => t.r)));
     function Se(t, s) {
       return s / U.value * t;
     }
@@ -181,27 +181,27 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
     function Ze(t) {
       e.value.style.chart.circles.zoom.show && (d.value = t);
     }
-    const D = w(() => d.value ? d.value.r : 0), ue = w(() => F.value ? D.value : d.value ? d.value.r > R.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : R.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), I = b(0), Je = w(() => ({
+    const L = z(() => d.value ? d.value.r : 0), ue = z(() => F.value ? L.value : d.value ? d.value.r > A.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : A.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), I = b(0), Je = z(() => ({
       pointerEvents: "none",
       opacity: I.value,
       filter: `drop-shadow(0px 0px 6px ${Ve(d.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
-    })), B = b(D.value);
+    })), G = b(L.value);
     nt(() => {
-      B.value = D.value, I.value = 0;
+      G.value = L.value, I.value = 0;
       let t = null;
       function s(l) {
         t || (t = l);
-        const f = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
-        f < 1 ? (B.value = D.value + (ue.value - D.value) * f, I.value = 0 + e.value.style.chart.circles.zoom.opacity * f, requestAnimationFrame(s)) : (B.value = ue.value, I.value = e.value.style.chart.circles.zoom.opacity);
+        const h = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
+        h < 1 ? (G.value = L.value + (ue.value - L.value) * h, I.value = 0 + e.value.style.chart.circles.zoom.opacity * h, requestAnimationFrame(s)) : (G.value = ue.value, I.value = e.value.style.chart.circles.zoom.opacity);
       }
       requestAnimationFrame(s);
     });
-    const G = w(() => ({
-      name: e.value.style.chart.circles.zoom.label.name.fontSize * R.value[3] / 300,
-      value: e.value.style.chart.circles.zoom.label.value.fontSize * R.value[3] / 300
+    const j = z(() => ({
+      name: e.value.style.chart.circles.zoom.label.name.fontSize * A.value[3] / 300,
+      value: e.value.style.chart.circles.zoom.label.value.fontSize * A.value[3] / 300
     }));
     function ie(t) {
-      return He(
+      return Be(
         e.value.style.chart.circles.labels.value.formatter,
         t.value,
         he({
@@ -213,7 +213,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       );
     }
     function Ke() {
-      return He(
+      return Be(
         e.value.style.chart.circles.zoom.label.value.formatter,
         d.value.value,
         he({
@@ -230,45 +230,45 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       const s = t.r / ie(t).length * (ie(t).length === 1 ? 1 : 2);
       return Math.min(t.r / 2.5, s);
     }
-    const j = b(!1);
+    const q = b(!1);
     function Ie(t) {
-      j.value = t, be.value += 1;
+      q.value = t, be.value += 1;
     }
     const F = b(!1);
     function ce() {
       F.value = !F.value;
     }
-    const ee = w(() => {
+    const ee = z(() => {
       const t = Q.value.map((l) => ({
         name: l.name,
         value: l.value,
         color: l.color
-      })).toSorted((l, f) => f.value - l.value), s = t.map((l) => l.value);
+      })).toSorted((l, h) => h.value - l.value), s = t.map((l) => l.value);
       return { head: t, body: s };
     });
     function Fe(t = null) {
       De(() => {
-        const s = ee.value.head.map((_, q) => [[
-          _.name
-        ], [ee.value.body[q]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(s), f = kt(l);
-        t ? t(f) : xt({ csvContent: f, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        const s = ee.value.head.map((C, R) => [[
+          C.name
+        ], [ee.value.body[R]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(s), h = kt(l);
+        t ? t(h) : xt({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
       });
     }
-    const te = w(() => {
+    const te = z(() => {
       const t = [
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
-      ], s = ee.value.head.map((_, q) => {
+      ], s = ee.value.head.map((C, R) => {
         const ve = he({
           p: e.value.style.chart.circles.labels.value.prefix,
-          v: ee.value.body[q],
+          v: ee.value.body[R],
           s: e.value.style.chart.circles.labels.value.suffix,
           r: e.value.style.chart.circles.labels.value.rounding
         });
         return [
           {
-            color: _.color,
-            name: _.name
+            color: C.color,
+            name: C.name
           },
           ve
         ];
@@ -302,9 +302,16 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       return Q.value;
     }
     async function et({ scale: t = 2 } = {}) {
-      if (!C.value) return;
-      const { imageUri: s, base64: l } = await Pt({ domElement: C.value, base64: !0, img: !0, scale: t });
-      return { imageUri: s, base64: l };
+      if (!w.value) return;
+      const { width: s, height: l } = w.value.getBoundingClientRect(), h = s / l, { imageUri: C, base64: R } = await Pt({ domElement: w.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: C,
+        base64: R,
+        title: e.value.style.chart.title.text,
+        width: s,
+        height: l,
+        aspectRatio: h
+      };
     }
     return i({
       getData: Qe,
@@ -317,14 +324,14 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       toggleFullscreen: Ie
     }), (t, s) => (y(), g("div", {
       id: `vue-ui-circle-pack_${P.value}`,
-      class: Re(`vue-ui-circle-pack ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Me(`vue-ui-circle-pack ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "circlePackChart",
-      ref: C,
+      ref: w,
       style: le(`font-family:${e.value.style.fontFamily};text-align:center;background:${e.value.style.chart.backgroundColor}; height: ${K.value.h}px; width:${K.value.w}px`),
       onMouseenter: s[2] || (s[2] = () => u(ke)(!0)),
       onMouseleave: s[3] || (s[3] = () => u(ke)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (y(), V(u(a), {
+      e.value.userOptions.buttons.annotator ? (y(), B(u(a), {
         key: 0,
         svgRef: u(ge),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -347,7 +354,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         ref: fe,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (y(), V(Tt, {
+        (y(), B(Tt, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -361,7 +368,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
           }
         }, null, 8, ["config"]))
       ], 512)) : k("", !0),
-      e.value.userOptions.show && N.value && (u(xe) || u(ne)) ? (y(), V(u(v), {
+      e.value.userOptions.show && N.value && (u(xe) || u(ne)) ? (y(), B(u(v), {
         ref: "details",
         key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -376,8 +383,8 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: j.value,
-        chartElement: C.value,
+        isFullscreen: q.value,
+        chartElement: w.value,
         position: e.value.userOptions.position,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
@@ -396,8 +403,8 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       }, rt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: $(({ isOpen: l, color: f }) => [
-            x(t.$slots, "menuIcon", W(X({ isOpen: l, color: f })), void 0, !0)
+          fn: $(({ isOpen: l, color: h }) => [
+            x(t.$slots, "menuIcon", W(X({ isOpen: l, color: h })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -431,15 +438,15 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: l, isFullscreen: f }) => [
-            x(t.$slots, "optionFullscreen", W(X({ toggleFullscreen: l, isFullscreen: f })), void 0, !0)
+          fn: $(({ toggleFullscreen: l, isFullscreen: h }) => [
+            x(t.$slots, "optionFullscreen", W(X({ toggleFullscreen: l, isFullscreen: h })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: $(({ toggleAnnotator: l, isAnnotator: f }) => [
-            x(t.$slots, "optionAnnotator", W(X({ toggleAnnotator: l, isAnnotator: f })), void 0, !0)
+          fn: $(({ toggleAnnotator: l, isAnnotator: h }) => [
+            x(t.$slots, "optionAnnotator", W(X({ toggleAnnotator: l, isAnnotator: h })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -452,7 +459,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         viewBox: O.value,
         height: M.value.h,
         width: M.value.w,
-        class: Re({ "vue-data-ui-fullscreen--on": j.value, "vue-data-ui-fulscreen--off": !j.value }),
+        class: Me({ "vue-data-ui-fullscreen--on": q.value, "vue-data-ui-fulscreen--off": !q.value }),
         style: le(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};background:${e.value.style.chart.backgroundColor};`)
       }, [
         ut(u(o)),
@@ -468,32 +475,32 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         }, [
           x(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Nt)) : k("", !0),
-        (y(!0), g(ae, null, it(A.value, (l) => (y(), g(ae, null, [
-          z("defs", null, [
-            z("radialGradient", {
+        (y(!0), g(ae, null, it(D.value, (l) => (y(), g(ae, null, [
+          _("defs", null, [
+            _("radialGradient", {
               id: l.id,
               fy: "30%"
             }, [
-              z("stop", {
+              _("stop", {
                 offset: "10%",
                 "stop-color": u(bt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, Mt),
-              z("stop", {
+              }, null, 8, Et),
+              _("stop", {
                 offset: "90%",
                 "stop-color": u(Ve)(l.color, 0.1)
-              }, null, 8, Rt),
-              z("stop", {
+              }, null, 8, Mt),
+              _("stop", {
                 offset: "100%",
                 "stop-color": l.color
               }, null, 8, At)
-            ], 8, Et)
+            ], 8, Rt)
           ]),
           t.$slots.pattern ? (y(), g("g", Dt, [
-            z("defs", null, [
+            _("defs", null, [
               x(t.$slots, "pattern", Ae({ ref_for: !0 }, { ...l, patternId: `pattern_${P.value}_${l.id}` }), void 0, !0)
             ])
           ])) : k("", !0),
-          z("rect", {
+          _("rect", {
             x: l.x - l.r,
             y: l.y - l.r,
             width: l.r * 2,
@@ -503,8 +510,8 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
             fill: e.value.style.chart.circles.gradient.show ? `url(#${l.id})` : l.color,
             rx: l.r,
             onMouseenter: () => Ze(l),
-            onMouseout: s[0] || (s[0] = (f) => d.value = null),
-            onClick: (f) => T("selectDatapoint", l)
+            onMouseout: s[0] || (s[0] = (h) => d.value = null),
+            onClick: (h) => T("selectDatapoint", l)
           }, null, 40, Lt),
           t.$slots.pattern ? (y(), g("rect", {
             key: 1,
@@ -537,7 +544,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
               fill: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : u(Z)(l.color),
               "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, Y(l.name), 9, Ht)) : k("", !0),
+            }, Y(l.name), 9, Bt)) : k("", !0),
             e.value.style.chart.circles.labels.value.show ? (y(), g("text", {
               key: 1,
               style: {
@@ -551,44 +558,44 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
               fill: e.value.style.chart.circles.labels.value.color ? e.value.style.chart.circles.labels.value.color : u(Z)(l.color),
               "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, Y(ie(l)), 9, Ut)) : k("", !0)
+            }, Y(ie(l)), 9, Ht)) : k("", !0)
           ], 64))
         ], 64))), 256)),
         d.value && e.value.style.chart.circles.zoom.show && !F.value ? (y(), g(ae, { key: 1 }, [
-          z("circle", {
+          _("circle", {
             style: le(Je.value),
             cx: d.value.x,
             cy: d.value.y,
-            r: B.value,
+            r: G.value,
             opacity: I.value,
             stroke: e.value.style.chart.circles.stroke,
             "stroke-width": e.value.style.chart.circles.strokeWidth * U.value / 100,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${d.value.id})` : d.value.color
-          }, null, 12, Bt),
+          }, null, 12, Ut),
           t.$slots["zoom-label"] ? (y(), g("g", Gt, [
-            x(t.$slots, "zoom-label", W(X({ ...d.value, zoomOpacity: I.value, currentRadius: B.value, fontSize: G.value })), void 0, !0)
+            x(t.$slots, "zoom-label", W(X({ ...d.value, zoomOpacity: I.value, currentRadius: G.value, fontSize: j.value })), void 0, !0)
           ])) : (y(), g("g", jt, [
-            z("text", {
+            _("text", {
               style: {
                 pointerEvents: "none"
               },
               opacity: I.value,
               x: d.value.x,
-              y: d.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - G.value.name / 4,
+              y: d.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - j.value.name / 4,
               "text-anchor": "middle",
-              "font-size": G.value.name,
+              "font-size": j.value.name,
               fill: e.value.style.chart.circles.zoom.label.name.color ? e.value.style.chart.circles.zoom.label.name.color : u(Z)(d.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.name.bold ? "bold" : "normal"
             }, Y(d.value.name), 9, qt),
-            z("text", {
+            _("text", {
               style: {
                 pointerEvents: "none"
               },
               opacity: I.value,
               x: d.value.x,
-              y: d.value.y + G.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
+              y: d.value.y + j.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",
-              "font-size": G.value.value,
+              "font-size": j.value.value,
               fill: e.value.style.chart.circles.zoom.label.value.color ? e.value.style.chart.circles.zoom.label.value.color : u(Z)(d.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.value.bold ? "bold" : "normal"
             }, Y(Ke()), 9, Wt)
@@ -598,7 +605,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
           svg: { ...O.value }
         }, void 0, !0)
       ], 14, Ft)) : k("", !0),
-      N.value ? k("", !0) : (y(), V(u(n), {
+      N.value ? k("", !0) : (y(), B(u(n), {
         key: 5,
         config: {
           type: "circlePack",
@@ -618,7 +625,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       }, [
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : k("", !0),
-      N.value ? (y(), V(u(m), {
+      N.value ? (y(), B(u(m), {
         key: 8,
         hideDetails: "",
         config: {
@@ -635,7 +642,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
         }
       }, {
         content: $(() => [
-          (y(), V(u(c), {
+          (y(), B(u(c), {
             key: `table_${pe.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -645,7 +652,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
             onClose: s[1] || (s[1] = (l) => H.value.showTable = !1)
           }, {
             th: $(({ th: l }) => [
-              z("div", {
+              _("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Yt)
@@ -660,7 +667,7 @@ const It = ["id"], Ft = ["xmlns", "viewBox", "height", "width"], Nt = ["x", "y",
       }, 8, ["config"])) : k("", !0)
     ], 46, It));
   }
-}, rl = /* @__PURE__ */ St(Zt, [["__scopeId", "data-v-b5aade3d"]]);
+}, rl = /* @__PURE__ */ St(Zt, [["__scopeId", "data-v-542d122d"]]);
 export {
   rl as default
 };

package/dist/{vue-ui-cursor-63EAvElT.js → vue-ui-cursor-C2zmfeoD.js}

@@ -1,6 +1,6 @@
 import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F } from "./useNestedProp-DjACxgdZ.js";
-import { u as L, c as z, X as O, s as I } from "./index-pPGk-uhD.js";
+import { u as F } from "./useNestedProp-BwL5wmVa.js";
+import { u as L, c as z, X as O, s as I } from "./index-CobsZUkv.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["xmlns", "height", "width"], T = {
   id: "follower",