vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-circle-pack-U-fW2dBh.js → vue-ui-circle-pack-CwrgCRKX.js}

@@ -1,40 +1,40 @@
-import { defineAsyncComponent as E, computed as w, ref as f, toRefs as St, watch as le, onMounted as Ot, onBeforeUnmount as Dt, createElementBlock as g, openBlock as h, unref as i, normalizeStyle as ae, normalizeClass as ge, createBlock as V, createCommentVNode as x, renderSlot as b, createElementVNode as S, createVNode as ke, withCtx as m, normalizeProps as _, guardReactiveProps as F, createSlots as Ze, Fragment as j, renderList as Ce, mergeProps as we, toDisplayString as ne, resolveDynamicComponent as Pt, createTextVNode as Je, nextTick as It } from "vue";
-import { u as Et, a as xe } from "./useNestedProp-BCt4DMkT.js";
-import { c as Ke, t as Bt, i as $e, j as se, o as Mt, g as Nt, k as Rt, m as zt, d as Qe, X as Lt, q as Ut, u as Vt, x as Te, H as jt, v as Gt, r as Yt, y as Xt, a as qt } from "./lib-2iaAPQ_c.js";
-import { u as Ht } from "./usePrinter-ChVMpU2f.js";
-import { u as Wt, B as Zt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Jt } from "./useSvgExport-ByUukOZt.js";
-import { u as Kt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
-import { t as to, u as oo } from "./useResponsive-DfdjqQps.js";
-import lo from "./img-CqYIrJ8I.js";
-import ao from "./Title-B5L2jweB.js";
-import { _ as no } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function so(u, c = 0) {
+import { defineAsyncComponent as E, computed as w, ref as f, toRefs as Dt, watch as le, onMounted as Pt, onBeforeUnmount as It, createElementBlock as g, openBlock as h, unref as i, normalizeStyle as ae, normalizeClass as ge, createBlock as V, createCommentVNode as x, renderSlot as b, createElementVNode as S, createVNode as Ce, withCtx as m, normalizeProps as _, guardReactiveProps as F, createSlots as Ze, Fragment as j, renderList as ke, mergeProps as we, toDisplayString as ne, resolveDynamicComponent as Et, createTextVNode as Je, nextTick as Bt } from "vue";
+import { u as Mt, a as xe } from "./useNestedProp-Ckf_2P_V.js";
+import { c as Ke, t as Nt, i as Ae, j as se, o as Rt, g as zt, k as Lt, m as Ut, d as Qe, X as Vt, q as jt, u as Gt, x as $e, H as Yt, v as Xt, r as qt, y as Ht, a as Wt } from "./lib-CVHM9FhP.js";
+import { u as Zt } from "./usePrinter-1NmjuP-i.js";
+import { u as Jt, B as Kt } from "./BaseScanner-BMpwQAfz.js";
+import { u as Qt } from "./useSvgExport-ByUukOZt.js";
+import { u as eo } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as to } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as oo } from "./useChartAccessibility-9icAAmYg.js";
+import { t as lo, u as ao } from "./useResponsive-DfdjqQps.js";
+import no from "./img-6fNF_rG0.js";
+import so from "./Title-NgeRXqRA.js";
+import { _ as ro } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function uo(u, c = 0) {
   const p = u.reduce((a, { x: s, r: d }) => Math.min(a, s - d - c), 1 / 0), y = u.reduce((a, { x: s, r: d }) => Math.max(a, s + d + c), -1 / 0), v = u.reduce((a, { y: s, r: d }) => Math.min(a, s - d - c), 1 / 0), n = u.reduce((a, { y: s, r: d }) => Math.max(a, s + d + c), -1 / 0);
   return [p, v, y - p, n - v];
 }
-function ro(u, c, p) {
+function io(u, c, p) {
   const y = u._, v = u.next._, n = y.r + v.r, a = (y.x * v.r + v.x * y.r) / n, s = (y.y * v.r + v.y * y.r) / n;
   return Math.max(Math.abs(a * p), Math.abs(s * c));
 }
-function uo(u, c, p) {
-  const y = ro, v = u.length;
+function co(u, c, p) {
+  const y = io, v = u.length;
   if (!v) return u;
   let n, a, s;
   if (n = u[0], n.x = 0, n.y = 0, !(v > 1) || (a = u[1], n.x = -a.r, a.x = n.r, a.y = 0, !(v > 2))) return u;
   et(a, n, s = u[2]), n = new re(n), a = new re(a), s = new re(s), n.next = s.previous = a, a.next = n.previous = s, s.next = a.previous = n;
   e: for (let d = 3; d < v; ++d) {
     et(n._, a._, s = u[d]), s = new re(s);
-    let k = a.next, D = n.previous, $ = a._.r, J = n._.r;
+    let C = a.next, D = n.previous, A = a._.r, J = n._.r;
     do
-      if ($ <= J) {
-        if (tt(k._, s._)) {
-          a = k, n.next = a, a.previous = n, --d;
+      if (A <= J) {
+        if (tt(C._, s._)) {
+          a = C, n.next = a, a.previous = n, --d;
           continue e;
         }
-        $ += k._.r, k = k.next;
+        A += C._.r, C = C.next;
       } else {
         if (tt(D._, s._)) {
           n = D, n.next = a, a.previous = n, --d;
@@ -42,7 +42,7 @@ function uo(u, c, p) {
         }
         J += D._.r, D = D.previous;
       }
-    while (k !== D.next);
+    while (C !== D.next);
     s.previous = n, s.next = a, n.next = a.previous = a = s;
     let K = y(n, p, c), Q;
     for (; (s = s.next) !== a; )
@@ -56,11 +56,11 @@ function et(u, c, p) {
   if (n) {
     const a = (c.r + p.r) ** 2, s = (u.r + p.r) ** 2;
     if (a > s) {
-      const d = (n + s - a) / (2 * n), k = Math.sqrt(Math.max(0, s / n - d * d));
-      p.x = u.x - d * y - k * v, p.y = u.y - d * v + k * y;
+      const d = (n + s - a) / (2 * n), C = Math.sqrt(Math.max(0, s / n - d * d));
+      p.x = u.x - d * y - C * v, p.y = u.y - d * v + C * y;
     } else {
-      const d = (n + a - s) / (2 * n), k = Math.sqrt(Math.max(0, a / n - d * d));
-      p.x = c.x + d * y - k * v, p.y = c.y + d * v + k * y;
+      const d = (n + a - s) / (2 * n), C = Math.sqrt(Math.max(0, a / n - d * d));
+      p.x = c.x + d * y - C * v, p.y = c.y + d * v + C * y;
     }
   } else
     p.x = c.x + p.r, p.y = c.y;
@@ -74,27 +74,31 @@ class re {
     this._ = c, this.next = null, this.previous = null;
   }
 }
-const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", circles: { stroke: "#1A1A1A", selectedShadowColor: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } } }, lt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, circles: { stroke: "#3A3A3A", selectedShadowColor: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } } }, nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, circles: { stroke: "#3A3A3A", selectedShadowColor: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } } }, st = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } } }, rt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } } }, ut = {
+const ot = { userOptions: { show: !1 } }, lt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", circles: { stroke: "#1A1A1A", selectedShadowColor: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } } }, at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", circles: { stroke: "#1A1A1A", selectedShadowColor: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } } }, nt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, circles: { stroke: "#3A3A3A", selectedShadowColor: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } } }, rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, circles: { stroke: "#3A3A3A", selectedShadowColor: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } } }, ut = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } } }, it = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } } }, ct = {
   default: {},
-  dark: ot,
-  celebration: lt,
-  celebrationNight: at,
-  hack: nt,
-  zen: st,
-  concrete: rt
-}, Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ot,
+  minimalDark: lt,
+  dark: at,
+  celebration: nt,
+  celebrationNight: st,
+  hack: rt,
+  zen: ut,
+  concrete: it
+}, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: lt,
-  celebrationNight: at,
-  concrete: rt,
-  dark: ot,
-  default: ut,
-  hack: nt,
-  zen: st
-}, Symbol.toStringTag, { value: "Module" })), io = ["id"], co = ["xmlns", "viewBox"], vo = ["x", "y", "width", "height"], fo = ["id"], ho = ["stop-color"], po = ["stop-color"], bo = ["stop-color"], yo = { key: 0 }, mo = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], go = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], ko = ["x", "y", "width", "height", "fill", "rx"], Co = ["x", "y", "font-size", "fill", "font-weight"], wo = ["x", "y", "font-size", "fill", "font-weight"], xo = {
+  celebration: nt,
+  celebrationNight: st,
+  concrete: it,
+  dark: at,
+  default: ct,
+  hack: rt,
+  minimal: ot,
+  minimalDark: lt,
+  zen: ut
+}, Symbol.toStringTag, { value: "Module" })), vo = ["id"], fo = ["xmlns", "viewBox"], ho = ["x", "y", "width", "height"], po = ["id"], bo = ["stop-color"], yo = ["stop-color"], mo = ["stop-color"], go = { key: 0 }, Co = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], ko = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], wo = ["x", "y", "width", "height", "fill", "rx"], xo = ["x", "y", "font-size", "fill", "font-weight"], Ao = ["x", "y", "font-size", "fill", "font-weight"], $o = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, $o = ["innerHTML"], To = {
+}, To = ["innerHTML"], _o = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -112,8 +116,8 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
   },
   emits: ["selectDatapoint"],
   setup(u, { expose: c, emit: p }) {
-    const y = E(() => import("./Tooltip-DpfUZbt7.js")), v = E(() => import("./BaseIcon-B9bGT7HU.js")), n = E(() => import("./vue-ui-accordion-CAXPDm31.js")), a = E(() => import("./DataTable-DEwh__D8.js")), s = E(() => import("./UserOptions-5pXc4J-c.js")), d = E(() => import("./PenAndPaper-CulSakut.js")), k = E(() => import("./PackageVersion-C-JOGZBL.js")), D = E(() => import("./BaseDraggableDialog-O2XSymlZ.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Ae = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), T = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
-      ...St($),
+    const y = E(() => import("./Tooltip-B6qvABDL.js")), v = E(() => import("./BaseIcon-4uOct8re.js")), n = E(() => import("./vue-ui-accordion-DFKaB_05.js")), a = E(() => import("./DataTable-DyoDzNNY.js")), s = E(() => import("./UserOptions-CX7Xsusk.js")), d = E(() => import("./PenAndPaper-LTuSTmWE.js")), C = E(() => import("./PackageVersion-CQxJyGQr.js")), D = E(() => import("./BaseDraggableDialog-BQYfVNu8.js")), A = u, J = p, { vue_ui_circle_pack: K } = Mt(), { isThemeValid: Q, warnInvalidTheme: vt } = eo(), Te = w(() => !!A.dataset && A.dataset.length), G = f(Ke()), $ = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Jt({
+      ...Dt(A),
       FINAL_CONFIG: e,
       prepareConfig: de,
       skeletonDataset: [
@@ -124,7 +128,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         { name: "_", value: 2, color: "#808080" },
         { name: "_", value: 1, color: "#696969" }
       ],
-      skeletonConfig: Bt({
+      skeletonConfig: Nt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -143,57 +147,57 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           }
         }
       })
-    }), { svgRef: L } = eo({ config: e.value.style.chart.title }), {
+    }), { svgRef: L } = oo({ config: e.value.style.chart.title }), {
       userOptionsVisible: ve,
       setUserOptionsVisibility: Be,
       keepUserOptionState: Me
-    } = Qt({ config: e.value });
+    } = to({ config: e.value });
     function de() {
       const t = xe({
-        userConfig: $.config,
+        userConfig: A.config,
         defaultConfig: K
       }), l = t.theme;
       if (!l) return t;
       if (!Q.value(t))
-        return it(t), t;
+        return vt(t), t;
       const o = xe({
-        userConfig: ut[l] || $.config,
+        userConfig: ct[l] || A.config,
         defaultConfig: t
       }), r = xe({
-        userConfig: $.config,
+        userConfig: A.config,
         defaultConfig: o
       });
       return {
         ...r,
-        customPalette: r.customPalette.length ? r.customPalette : $e[l] || se
+        customPalette: r.customPalette.length ? r.customPalette : Ae[l] || se
       };
     }
-    le(() => $.config, (t) => {
-      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, A.value.showTable = e.value.table.show;
+    le(() => A.config, (t) => {
+      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, T.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: Ne, isImaging: Re, generatePdf: ze, generateImage: Le } = Ht({
+    const { isPrinting: Ne, isImaging: Re, generatePdf: ze, generateImage: Le } = Zt({
       elementId: `vue-ui-circle-pack_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
       options: e.value.userOptions.print
-    }), ct = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = f({
+    }), dt = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), T = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     le(e, () => {
-      A.value = {
+      T.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const vt = f({ h: 10, w: 10 }), Ue = f([0, 0, 100, 100]), dt = w(() => e.value.debug), ft = w(() => {
+    const ft = f({ h: 10, w: 10 }), Ue = f([0, 0, 100, 100]), ht = w(() => e.value.debug), pt = w(() => {
       const t = e.value.style?.chart || {};
       return t.dimensions && typeof t.dimensions.width == "number" ? t.dimensions.width : typeof t.width == "number" ? t.width : 300;
-    }), ht = w(() => {
+    }), bt = w(() => {
       const t = e.value.style?.chart || {};
       return t.dimensions && typeof t.dimensions.height == "number" ? t.dimensions.height : typeof t.height == "number" ? t.height : 300;
     }), M = f([]), P = f("0 0 100 100"), O = f(null), I = f(null);
     function Ve(t, l) {
-      vt.value = {
+      ft.value = {
         w: t,
         h: l
       };
@@ -202,22 +206,22 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         M.value = [], Ue.value = [0, 0, t, l], P.value = `0 0 ${t} ${l}`;
         return;
       }
-      const r = uo(o, l, t), [C, R, W, me] = so(r, 1), Z = Math.min(
+      const r = co(o, l, t), [k, R, W, me] = uo(r, 1), Z = Math.min(
         W ? t / W : 1,
         me ? l / me : 1
-      ), _t = (t - W * Z) / 2, Ft = (l - me * Z) / 2;
+      ), St = (t - W * Z) / 2, Ot = (l - me * Z) / 2;
       M.value = r.map((U) => ({
         ...U,
-        x: (U.x - C) * Z + _t,
-        y: (U.y - R) * Z + Ft,
+        x: (U.x - k) * Z + St,
+        y: (U.y - R) * Z + Ot,
         r: U.r * Z
       })), Ue.value = [0, 0, t, l], P.value = `0 0 ${t} ${l}`;
     }
-    function pt() {
-      if (!e.value.responsive || !T.value) return;
-      const t = to(() => {
-        const { width: l, height: o } = oo({
-          chart: T.value,
+    function yt() {
+      if (!e.value.responsive || !$.value) return;
+      const t = lo(() => {
+        const { width: l, height: o } = ao({
+          chart: $.value,
           title: e.value.style.chart.title.text ? _e.value : null,
           legend: null,
           source: Pe.value,
@@ -227,27 +231,27 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           !l || !o || (L.value && (L.value.setAttribute("width", l), L.value.setAttribute("height", o)), Ve(l, o));
         });
       });
-      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = T.value.parentNode || T.value, I.value && O.value.observe(I.value), t();
+      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = $.value.parentNode || $.value, I.value && O.value.observe(I.value), t();
     }
     function je() {
       O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect(), O.value = null, I.value = null);
     }
     async function fe() {
-      Mt($.dataset) && Nt({
+      Rt(A.dataset) && zt({
         componentName: "VueUiCirclePack",
         type: "dataset",
-        debug: dt.value
+        debug: ht.value
       });
-      const t = ft.value, l = ht.value;
-      Ve(t, l), e.value.responsive ? pt() : je();
+      const t = pt.value, l = bt.value;
+      Ve(t, l), e.value.responsive ? yt() : je();
     }
-    Ot(fe), Dt(() => {
+    Pt(fe), It(() => {
       je();
     }), le(() => Ee.value, async (t) => {
       await fe();
     }, { deep: !0 });
-    const bt = w(() => Rt(e.value.customPalette)), Y = w(() => Ee.value.map((t, l) => {
-      const o = zt(t.color) || bt.value[l] || $e[e.value.theme || "default"][l % $e[e.value.theme || "default"].length] || se[l] || se[l % se.length];
+    const mt = w(() => Lt(e.value.customPalette)), Y = w(() => Ee.value.map((t, l) => {
+      const o = Ut(t.color) || mt.value[l] || Ae[e.value.theme || "default"][l % Ae[e.value.theme || "default"].length] || se[l] || se[l % se.length];
       return {
         ...t,
         r: t.value,
@@ -258,17 +262,17 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
     function Ge(t, l) {
       return X.value ? l / X.value * t : 0;
     }
-    function yt(t, l) {
+    function gt(t, l) {
       ie.value = !1, B.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l });
     }
-    function mt(t, l) {
+    function Ct(t, l) {
       J("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
     }
     const he = f(null), q = f(!1);
-    function gt(t, l) {
+    function kt(t, l) {
       B.value = t, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), he.value = { datapoint: t, seriesIndex: l, config: e.value, series: Y.value }, ie.value = !0;
       const o = e.value.style.chart.tooltip.customFormat;
-      if (q.value = !1, Xt(o))
+      if (q.value = !1, Ht(o))
         try {
           const r = o({
             seriesIndex: l,
@@ -298,7 +302,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       }
     }
     function pe(t) {
-      return qt(
+      return Wt(
         e.value.style.chart.circles.labels.value.formatter,
         t.value,
         Qe({
@@ -332,20 +336,20 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       return { head: t, body: l };
     });
     function ye(t = null) {
-      It(() => {
-        const l = te.value.head.map((C, R) => [[C.name], [te.value.body[R]]]), o = [
+      Bt(() => {
+        const l = te.value.head.map((k, R) => [[k.name], [te.value.body[R]]]), o = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [[""], [e.value.table.columnNames.value]]
-        ].concat(l), r = Gt(o);
-        t ? t(r) : Yt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        ].concat(l), r = Xt(o);
+        t ? t(r) : qt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
       });
     }
     const oe = w(() => {
       const t = [
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
-      ], l = te.value.head.map((C, R) => {
+      ], l = te.value.head.map((k, R) => {
         const W = Qe({
           p: e.value.style.chart.circles.labels.value.prefix,
           v: te.value.body[R],
@@ -354,8 +358,8 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         });
         return [
           {
-            color: C.color,
-            name: C.name
+            color: k.color,
+            name: k.name
           },
           W
         ];
@@ -383,19 +387,19 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     });
     function qe() {
-      A.value.showTable = !A.value.showTable;
+      T.value.showTable = !T.value.showTable;
     }
-    function kt() {
-      A.value.showTooltip = !A.value.showTooltip;
+    function wt() {
+      T.value.showTooltip = !T.value.showTooltip;
     }
-    function Ct() {
+    function xt() {
       return Y.value;
     }
-    async function wt({ scale: t = 2 } = {}) {
-      if (!T.value) return;
-      const { width: l, height: o } = T.value.getBoundingClientRect(), r = l / o, { imageUri: C, base64: R } = await lo({ domElement: T.value, base64: !0, img: !0, scale: t });
+    async function At({ scale: t = 2 } = {}) {
+      if (!$.value) return;
+      const { width: l, height: o } = $.value.getBoundingClientRect(), r = l / o, { imageUri: k, base64: R } = await no({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: C,
+        imageUri: k,
         base64: R,
         title: e.value.style.chart.title.text,
         width: l,
@@ -404,7 +408,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     }
     const H = w(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = A.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
       return {
         component: t ? D : n,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -414,7 +418,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: N.value,
-          fullscreenParent: T.value,
+          fullscreenParent: $.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -433,27 +437,27 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         }
       };
     });
-    le(() => A.value.showTable, (t) => {
+    le(() => T.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && z.value ? z.value.open() : z.value && "close" in z.value && z.value.close());
     });
     function He() {
-      A.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
+      T.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
     }
-    const xt = w(() => e.value.style.chart.backgroundColor), $t = w(() => e.value.style.chart.title), { exportSvg: Tt, getSvg: At } = Jt({
+    const $t = w(() => e.value.style.chart.backgroundColor), Tt = w(() => e.value.style.chart.title), { exportSvg: _t, getSvg: Ft } = Qt({
       svg: L,
-      title: $t,
-      backgroundColor: xt
+      title: Tt,
+      backgroundColor: $t
     });
     async function We({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: r, dataUrl: C } = await At();
-        e.value.userOptions.callbacks.svg({ blob: l, url: o, text: r, dataUrl: C });
+        const { blob: l, url: o, text: r, dataUrl: k } = await Ft();
+        e.value.userOptions.callbacks.svg({ blob: l, url: o, text: r, dataUrl: k });
       } else
-        Tt();
+        _t();
     }
     return c({
-      getData: Ct,
-      getImage: wt,
+      getData: xt,
+      getImage: At,
       generateCsv: ye,
       generatePdf: ze,
       generateImage: Le,
@@ -465,7 +469,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       id: `vue-ui-circle-pack_${G.value}`,
       class: ge(`vue-data-ui-component vue-ui-circle-pack ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${i(Ie) ? "loading" : ""}`),
       ref_key: "circlePackChart",
-      ref: T,
+      ref: $,
       style: ae(`font-family:${e.value.style.fontFamily};text-align:center;background:${e.value.style.chart.backgroundColor};`),
       onMouseenter: l[1] || (l[1] = () => i(Be)(!0)),
       onMouseleave: l[2] || (l[2] = () => i(Be)(!1))
@@ -500,7 +504,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "scale"])) : x("", !0),
       b(t.$slots, "userConfig", {}, void 0, !0),
-      ct.value ? (h(), g("div", {
+      dt.value ? (h(), g("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Fe,
@@ -513,7 +517,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         ref: _e,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (h(), V(ao, {
+        (h(), V(so, {
           key: `title_${Se.value}`,
           config: {
             title: {
@@ -527,7 +531,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           }
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
-      e.value.userOptions.show && Ae.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
+      e.value.userOptions.show && Te.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
         ref_key: "userOptionsRef",
         ref: ue,
         key: `user_option_${De.value}`,
@@ -537,7 +541,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         isImaging: i(Re),
         uid: G.value,
         hasTooltip: e.value.userOptions.buttons.tooltip,
-        isTooltip: A.value.showTooltip,
+        isTooltip: T.value.showTooltip,
         hasLabel: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -546,7 +550,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: N.value,
-        chartElement: T.value,
+        chartElement: $.value,
         position: e.value.userOptions.position,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
@@ -560,7 +564,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         onGenerateImage: i(Le),
         onGenerateSvg: We,
         onToggleTable: qe,
-        onToggleTooltip: kt,
+        onToggleTooltip: wt,
         onToggleAnnotator: be,
         style: ae({ visibility: i(Me) ? i(ve) ? "visible" : "hidden" : "visible" })
       }, Ze({ _: 2 }, [
@@ -627,13 +631,13 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         (h(), g("svg", {
           ref_key: "svgRef",
           ref: L,
-          xmlns: i(Lt),
+          xmlns: i(Vt),
           viewBox: P.value,
           preserveAspectRatio: "xMidYMid meet",
           class: ge({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value, "not-responsive": !e.value.responsive }),
           style: ae(`display:block;${e.value.responsive ? "width:100%;height:auto" : "height:100%;"};overflow:visible;background:transparent;color:${e.value.style.chart.color};background:${e.value.style.chart.backgroundColor};`)
         }, [
-          ke(i(k)),
+          Ce(i(C)),
           t.$slots["chart-background"] ? (h(), g("foreignObject", {
             key: 0,
             x: P.value.x,
@@ -643,8 +647,8 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
             style: { pointerEvents: "none" }
           }, [
             b(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, vo)) : x("", !0),
-          (h(!0), g(j, null, Ce(M.value, (o, r) => (h(), g(j, {
+          ], 8, ho)) : x("", !0),
+          (h(!0), g(j, null, ke(M.value, (o, r) => (h(), g(j, {
             key: o.id
           }, [
             S("defs", null, [
@@ -654,19 +658,19 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               }, [
                 S("stop", {
                   offset: "10%",
-                  "stop-color": i(Ut)(o.color, e.value.style.chart.circles.gradient.intensity / 100)
-                }, null, 8, ho),
+                  "stop-color": i(jt)(o.color, e.value.style.chart.circles.gradient.intensity / 100)
+                }, null, 8, bo),
                 S("stop", {
                   offset: "90%",
-                  "stop-color": i(Vt)(o.color, 0.1)
-                }, null, 8, po),
+                  "stop-color": i(Gt)(o.color, 0.1)
+                }, null, 8, yo),
                 S("stop", {
                   offset: "100%",
                   "stop-color": o.color
-                }, null, 8, bo)
-              ], 8, fo)
+                }, null, 8, mo)
+              ], 8, po)
             ]),
-            t.$slots.pattern ? (h(), g("g", yo, [
+            t.$slots.pattern ? (h(), g("g", go, [
               S("defs", null, [
                 b(t.$slots, "pattern", we({ ref_for: !0 }, { ...o, patternId: `pattern_${G.value}_${o.id}` }), void 0, !0)
               ])
@@ -680,10 +684,10 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               "stroke-width": e.value.style.chart.circles.strokeWidth * (X.value || 1) / 100,
               fill: e.value.style.chart.circles.gradient.show ? `url(#${o.id})` : o.color,
               rx: o.r,
-              onMouseenter: (C) => gt(o, r),
-              onMouseout: (C) => yt(o, r),
-              onClick: (C) => mt(o, r)
-            }, null, 40, mo),
+              onMouseenter: (k) => kt(o, r),
+              onMouseout: (k) => gt(o, r),
+              onClick: (k) => Ct(o, r)
+            }, null, 40, Co),
             t.$slots.pattern ? (h(), g("rect", {
               key: 1,
               x: o.x - o.r,
@@ -695,9 +699,9 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               fill: `url(#pattern_${G.value}_${o.id})`,
               rx: o.r,
               style: { pointerEvents: "none" }
-            }, null, 8, go)) : x("", !0)
+            }, null, 8, ko)) : x("", !0)
           ], 64))), 128)),
-          (h(!0), g(j, null, Ce(M.value, (o, r) => (h(), g("rect", {
+          (h(!0), g(j, null, ke(M.value, (o, r) => (h(), g("rect", {
             key: o.id,
             x: o.x - o.r,
             y: o.y - o.r,
@@ -712,8 +716,8 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               pointerEvents: "none",
               transition: "opacity 0.2s ease-in-out"
             })
-          }, null, 12, ko))), 128)),
-          (h(!0), g(j, null, Ce(M.value, (o, r) => (h(), g(j, {
+          }, null, 12, wo))), 128)),
+          (h(!0), g(j, null, ke(M.value, (o, r) => (h(), g(j, {
             key: o.id
           }, [
             t.$slots["data-label"] ? b(t.$slots, "data-label", we({
@@ -721,12 +725,12 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               ref_for: !0
             }, {
               ...o,
-              createTSpans: i(jt),
+              createTSpans: i(Yt),
               fontSize: {
                 name: o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
                 value: Ye(o) * e.value.style.chart.circles.labels.value.fontSizeRatio
               },
-              color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : i(Te)(o.color)
+              color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : i($e)(o.color)
             }), void 0, !0) : (h(), g(j, { key: 1 }, [
               e.value.style.chart.circles.labels.name.show && o.name ? (h(), g("text", {
                 key: 0,
@@ -737,10 +741,10 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.name.offsetY) - o.r / 10,
                 "font-size": o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.name.color,
+                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i($e)(o.color) : e.value.style.chart.circles.labels.name.color,
                 "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, ne(o.name), 9, Co)) : x("", !0),
+              }, ne(o.name), 9, xo)) : x("", !0),
               e.value.style.chart.circles.labels.value.show ? (h(), g("text", {
                 key: 1,
                 style: {
@@ -750,18 +754,18 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.value.offsetY) + o.r / 2.5,
                 "font-size": Ye(o) * e.value.style.chart.circles.labels.value.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.value.color,
+                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i($e)(o.color) : e.value.style.chart.circles.labels.value.color,
                 "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, ne(pe(o)), 9, wo)) : x("", !0)
+              }, ne(pe(o)), 9, Ao)) : x("", !0)
             ], 64))
           ], 64))), 128)),
           b(t.$slots, "svg", {
             svg: { ...P.value }
           }, void 0, !0)
-        ], 14, co))
+        ], 14, fo))
       ], 2),
-      t.$slots.watermark ? (h(), g("div", xo, [
+      t.$slots.watermark ? (h(), g("div", $o, [
         b(t.$slots, "watermark", _(F({ isPrinting: i(Ne) || i(Re) })), void 0, !0)
       ])) : x("", !0),
       t.$slots.source ? (h(), g("div", {
@@ -772,9 +776,9 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       }, [
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      ke(i(y), {
+      Ce(i(y), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: A.value.showTooltip && ie.value,
+        show: T.value.showTooltip && ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -784,7 +788,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: T.value,
+        parent: $.value,
         content: ce.value,
         isCustom: q.value,
         isFullscreen: N.value,
@@ -801,7 +805,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Ae.value && e.value.userOptions.buttons.table ? (h(), V(Pt(H.value.component), we({ key: 6 }, H.value.props, {
+      Te.value && e.value.userOptions.buttons.table ? (h(), V(Et(H.value.component), we({ key: 6 }, H.value.props, {
         ref_key: "tableUnit",
         ref: z,
         onClose: He
@@ -821,7 +825,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               S("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, $o)
+              }, null, 8, To)
             ]),
             td: m(({ td: o }) => [
               Je(ne(o.name || o), 1)
@@ -846,7 +850,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
               class: "vue-ui-user-options-button",
               onClick: l[0] || (l[0] = (o) => ye(e.value.userOptions.callbacks.csv))
             }, [
-              ke(i(v), {
+              Ce(i(v), {
                 name: "excel",
                 stroke: H.value.props.color
               }, null, 8, ["stroke"])
@@ -855,15 +859,15 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           key: "1"
         } : void 0
       ]), 1040)) : x("", !0),
-      i(Ie) ? (h(), V(Zt, { key: 7 })) : x("", !0)
-    ], 46, io));
+      i(Ie) ? (h(), V(Kt, { key: 7 })) : x("", !0)
+    ], 46, vo));
   }
-}, Ao = /* @__PURE__ */ no(To, [["__scopeId", "data-v-7e3110ea"]]), Uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fo = /* @__PURE__ */ ro(_o, [["__scopeId", "data-v-7e3110ea"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ao
+  default: Fo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Lo as a,
-  Uo as b,
-  Ao as v
+  Vo as a,
+  jo as b,
+  Fo as v
 };