vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-circle-pack-BGXpEnmN.js → vue-ui-circle-pack-Ct2roluW.js}

@@ -1,21 +1,33 @@
-import { defineAsyncComponent as U, computed as w, ref as r, toRefs as Ut, watch as fe, onMounted as Vt, onBeforeUnmount as Gt, openBlock as d, createElementBlock as C, unref as v, normalizeStyle as ae, normalizeClass as _e, createElementVNode as O, toDisplayString as ne, createBlock as K, createCommentVNode as x, withCtx as b, renderSlot as c, normalizeProps as P, guardReactiveProps as S, createSlots as vt, createVNode as Oe, Fragment as W, renderList as Fe, mergeProps as pe, resolveDynamicComponent as Kt, createTextVNode as ct, nextTick as dt } from "vue";
-import { u as Yt } from "./useConfig-C40HvGpD.js";
-import { j as ft, t as pt, m as De, p as he, o as jt, q as Xt, n as qt, s as Wt, l as ht, X as Ht, x as Zt, w as Jt, W as Ie, d as Qt, a0 as eo, a1 as to, T as oo, k as lo, a3 as ao } from "./lib-DBptbyyI.js";
-import { u as no } from "./usePrinter-CEpYU3r5.js";
-import { u as so, B as uo } from "./BaseScanner-BhhkKVoj.js";
-import { u as ro } from "./useSvgExport-ByUukOZt.js";
-import { u as Ne } from "./useNestedProp-Bf5XFbs8.js";
-import { u as io } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as vo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as co } from "./useChartAccessibility-9icAAmYg.js";
+import { defineAsyncComponent as U, computed as w, ref as r, toRefs as Ut, watch as fe, onMounted as Vt, onBeforeUnmount as Gt, openBlock as d, createElementBlock as C, unref as v, normalizeStyle as ae, normalizeClass as _e, createElementVNode as O, toDisplayString as ne, createBlock as K, createCommentVNode as x, withCtx as m, renderSlot as c, normalizeProps as P, guardReactiveProps as S, createSlots as vt, createVNode as Oe, Fragment as W, renderList as Fe, mergeProps as pe, resolveDynamicComponent as Kt, createTextVNode as ct, nextTick as dt } from "vue";
+import { u as Yt } from "./useConfig-DTHxOX6V.js";
+import { j as ft, t as pt, m as De, p as he, o as jt, q as Xt, n as qt, s as Wt, l as ht, X as Ht, x as Zt, w as Jt, W as Ie, d as Qt, a0 as eo, a1 as to, T as oo, k as lo, a3 as ao } from "./lib-DMzrGQHK.js";
+import { u as no } from "./usePrinter-C4t8DdQ-.js";
+import { u as so, B as uo } from "./BaseScanner-BON3d_Sx.js";
+import { u as ro } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ne } from "./useNestedProp-DH0BEVVS.js";
+import { u as io } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as vo } from "./useUserOptionState-B7Ej974k.js";
+import { u as co } from "./useChartAccessibility-cp6XQtqi.js";
 import { t as fo, u as po } from "./useResponsive-DfdjqQps.js";
-import ho from "./img-LXxMLmCg.js";
-import yo from "./Title-BeMKE1cj.js";
-import mo from "./vue_ui_circle_pack-CLmw8nHe.js";
-import { A as bo } from "./A11yDataTable-KcVAX2cP.js";
+import ho from "./img-CjTQXS0U.js";
+import yo from "./Title-BbKoiBk2.js";
+import bo from "./vue_ui_circle_pack-CLmw8nHe.js";
+import { A as mo } from "./A11yDataTable-BpmuNomI.js";
 import { _ as go } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function ko(i, f = 0) {
-  const y = i.reduce((a, { x: s, r: h }) => Math.min(a, s - h - f), 1 / 0), g = i.reduce((a, { x: s, r: h }) => Math.max(a, s + h + f), -1 / 0), p = i.reduce((a, { y: s, r: h }) => Math.min(a, s - h - f), 1 / 0), n = i.reduce((a, { y: s, r: h }) => Math.max(a, s + h + f), -1 / 0);
+  const y = i.reduce(
+    (a, { x: s, r: h }) => Math.min(a, s - h - f),
+    1 / 0
+  ), g = i.reduce(
+    (a, { x: s, r: h }) => Math.max(a, s + h + f),
+    -1 / 0
+  ), p = i.reduce(
+    (a, { y: s, r: h }) => Math.min(a, s - h - f),
+    1 / 0
+  ), n = i.reduce(
+    (a, { y: s, r: h }) => Math.max(a, s + h + f),
+    -1 / 0
+  );
   return [y, p, g - y, n - p];
 }
 function Co(i, f, y) {
@@ -33,13 +45,13 @@ function wo(i, f, y) {
     let T = a.next, B = n.previous, A = a._.r, H = n._.r;
     do
       if (A <= H) {
-        if (mt(T._, s._)) {
+        if (bt(T._, s._)) {
           a = T, n.next = a, a.previous = n, --h;
           continue e;
         }
         A += T._.r, T = T.next;
       } else {
-        if (mt(B._, s._)) {
+        if (bt(B._, s._)) {
           n = B, n.next = a, a.previous = n, --h;
           continue e;
         }
@@ -68,7 +80,7 @@ function yt(i, f, y) {
   } else
     y.x = f.x + y.r, y.y = f.y;
 }
-function mt(i, f) {
+function bt(i, f) {
   const y = i.r + f.r - 1e-6, g = f.x - i.x, p = f.y - i.y;
   return y > 0 && y * y > g * g + p * p;
 }
@@ -103,7 +115,17 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup(i, { expose: f, emit: y }) {
-    const g = U(() => import("./Tooltip-C8KGyqQk.js")), p = U(() => import("./BaseIcon-Cb3zzG6s.js")), n = U(() => import("./vue-ui-accordion-DDuJT1xA.js")), a = U(() => import("./DataTable-DT2kIdQ6.js")), s = U(() => import("./UserOptions-rW2fRf3V.js")), h = U(() => import("./PenAndPaper-Ct3qJ4lA.js")), T = U(() => import("./PackageVersion-PjmqM4wb.js")), B = U(() => import("./BaseDraggableDialog-CIb-iD9g.js")), A = i, H = y, { vue_ui_circle_pack: se } = Yt(), { isThemeValid: ue, warnInvalidTheme: bt } = io(), Me = w(() => !!A.dataset && A.dataset.length), M = r(ft()), F = r(null), Re = r(null), Be = r(null), Ee = r(0), ze = r(0), Le = r(0), Ue = r(null), Y = r(null), me = r(null), re = r(!1), be = r(""), I = r(null), ie = r(!1), ve = r(!1), _ = r(null), Ve = r({ x: 0, y: 0 }), Z = r("pointer"), ge = r(!1), e = r(Ce()), J = w(() => e.value.userOptions.useCursorPointer), gt = w(() => pt({
+    const g = U(() => import("./Tooltip-Cvt7Fi0Q.js")), p = U(() => import("./BaseIcon-DX0hTWa-.js")), n = U(() => import("./vue-ui-accordion-BHmfmb_6.js")), a = U(() => import("./DataTable-cMnb68Ik.js")), s = U(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), h = U(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), T = U(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), B = U(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), A = i, H = y, { vue_ui_circle_pack: se } = Yt(), { isThemeValid: ue, warnInvalidTheme: mt } = io(), Me = w(() => !!A.dataset && A.dataset.length), M = r(ft()), F = r(null), Re = r(null), Be = r(null), Ee = r(0), ze = r(0), Le = r(0), Ue = r(null), Y = r(null), be = r(null), re = r(!1), me = r(""), I = r(null), ie = r(!1), ve = r(!1), _ = r(null), Ve = r({ x: 0, y: 0 }), Z = r("pointer"), ge = r(!1), e = r(Ce()), J = w(
+      () => e.value.userOptions.useCursorPointer
+    ), gt = w(() => pt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -137,11 +159,9 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         defaultConfig: e.value,
         userConfig: gt.value
       })
-    }), { svgRef: N } = co({ config: e.value.style.chart.title }), {
-      userOptionsVisible: ke,
-      setUserOptionsVisibility: Ye,
-      keepUserOptionState: je
-    } = vo({ config: e.value });
+    }), { svgRef: N } = co({
+      config: e.value.style.chart.title
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ye, keepUserOptionState: je } = vo({ config: e.value });
     function Ce() {
       const t = Ne({
         userConfig: A.config,
@@ -149,9 +169,9 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       }), l = t.theme;
       if (!l) return t;
       if (!ue.value(t))
-        return bt(t), t;
+        return mt(t), t;
       const o = Ne({
-        userConfig: mo[l] || A.config,
+        userConfig: bo[l] || A.config,
         defaultConfig: t
       }), u = Ne({
         userConfig: A.config,
@@ -162,9 +182,13 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         customPalette: u.customPalette.length ? u.customPalette : De[l] || he
       };
     }
-    fe(() => A.config, (t) => {
-      e.value = Ce(), ke.value = !e.value.userOptions.showOnChartHover, xe(), Ee.value += 1, ze.value += 1, D.value.showTable = e.value.table.show;
-    }, { deep: !0 });
+    fe(
+      () => A.config,
+      (t) => {
+        e.value = Ce(), ke.value = !e.value.userOptions.showOnChartHover, xe(), Ee.value += 1, ze.value += 1, D.value.showTable = e.value.table.show;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: we, isImaging: $e, generatePdf: Xe, generateImage: qe } = no({
       elementId: `vue-ui-circle-pack_${M.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
@@ -173,12 +197,16 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    fe(e, () => {
-      D.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    fe(
+      e,
+      () => {
+        D.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const Ct = r({ h: 10, w: 10 }), We = r([0, 0, 100, 100]), wt = w(() => e.value.debug), $t = 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;
@@ -196,13 +224,13 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         $.value = [], We.value = [0, 0, t, l], E.value = `0 0 ${t} ${l}`;
         return;
       }
-      const u = wo(o, l, t), [m, k, L, X] = ko(u, 1), le = Math.min(
+      const u = wo(o, l, t), [b, k, L, X] = ko(u, 1), le = Math.min(
         L ? t / L : 1,
         X ? l / X : 1
       ), zt = (t - L * le) / 2, Lt = (l - X * le) / 2;
       $.value = u.map((q) => ({
         ...q,
-        x: (q.x - m) * le + zt,
+        x: (q.x - b) * le + zt,
         y: (q.y - k) * le + Lt,
         r: q.r * le
       })), We.value = [0, 0, t, l], E.value = `0 0 ${t} ${l}`;
@@ -237,9 +265,13 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     }
     Vt(xe), Gt(() => {
       Ze();
-    }), fe(() => Ke.value, async (t) => {
-      await xe();
-    }, { deep: !0 });
+    }), fe(
+      () => Ke.value,
+      async (t) => {
+        await xe();
+      },
+      { deep: !0 }
+    );
     const Pt = w(() => qt(e.value.customPalette)), V = w(() => Ke.value.map((t, l) => {
       const o = Wt(t.color) || Pt.value[l] || De[e.value.theme || "default"][l % De[e.value.theme || "default"].length] || he[l] || he[l % he.length];
       return {
@@ -248,7 +280,9 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         id: ft(),
         color: o
       };
-    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), Q = w(() => $.value.length ? Math.max(...$.value.map((t) => t.r)) : 0);
+    }).filter(
+      (t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value)
+    )), Q = w(() => $.value.length ? Math.max(...$.value.map((t) => t.r)) : 0);
     function Je(t, l) {
       return Q.value ? l / Q.value * t : 0;
     }
@@ -260,23 +294,28 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     }
     const ce = r(null), ee = r(!1);
     function tt(t, l, o = "pointer") {
-      I.value = t, _.value = l, Z.value = o, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), ce.value = { datapoint: t, seriesIndex: l, config: e.value, series: V.value }, re.value = !0;
+      I.value = t, _.value = l, Z.value = o, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), ce.value = {
+        datapoint: t,
+        seriesIndex: l,
+        config: e.value,
+        series: V.value
+      }, re.value = !0;
       const u = e.value.style.chart.tooltip.customFormat;
       if (ee.value = !1, oo(u))
         try {
-          const m = u({
+          const b = u({
             seriesIndex: l,
             datapoint: t,
             series: V.value,
             config: e.value
           });
-          typeof m == "string" && (be.value = m, ee.value = !0);
+          typeof b == "string" && (me.value = b, ee.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), ee.value = !1;
         }
       if (!ee.value) {
-        let m = "";
-        m += `
+        let b = "";
+        b += `
             <div style="display:flex;align-items:center;gap:4px;">
                 <svg viewBox="0 0 10 10" height="${e.value.style.chart.tooltip.fontSize}" width="${e.value.style.chart.tooltip.fontSize}">
                     <circle
@@ -288,7 +327,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                 </svg>
                 <span>${t.name}: <b>${Te(t)}</b></span>
             </div>
-        `, be.value = m;
+        `, me.value = b;
       }
     }
     function Te(t) {
@@ -327,19 +366,22 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     });
     function Se(t = null) {
       dt(() => {
-        const l = de.value.head.map((m, k) => [[m.name], [de.value.body[k]]]), o = [
+        const l = de.value.head.map((b, k) => [[b.name], [de.value.body[k]]]), o = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [[""], [e.value.table.columnNames.value]]
         ].concat(l), u = eo(o);
-        t ? t(u) : to({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        t ? t(u) : to({
+          csvContent: u,
+          title: e.value.style.chart.title.text || "vue-ui-circle-pack"
+        });
       });
     }
     const j = w(() => {
       const t = [
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
-      ], l = de.value.head.map((m, k) => {
+      ], l = de.value.head.map((b, k) => {
         const L = ht({
           p: e.value.style.chart.circles.labels.value.prefix,
           v: de.value.body[k],
@@ -348,8 +390,8 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         });
         return [
           {
-            color: m.color,
-            name: m.name
+            color: b.color,
+            name: b.name
           },
           L
         ];
@@ -387,9 +429,14 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     }
     async function _t({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      const { width: l, height: o } = F.value.getBoundingClientRect(), u = l / o, { imageUri: m, base64: k } = await ho({ domElement: F.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = F.value.getBoundingClientRect(), u = l / o, { imageUri: b, base64: k } = await ho({
+        domElement: F.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
-        imageUri: m,
+        imageUri: b,
         base64: k,
         title: e.value.style.chart.title.text,
         width: l,
@@ -428,11 +475,14 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         }
       };
     });
-    fe(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : Y.value && "close" in Y.value && Y.value.close());
-    });
+    fe(
+      () => D.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : Y.value && "close" in Y.value && Y.value.close());
+      }
+    );
     function nt() {
-      D.value.showTable = !1, me.value && me.value.setTableIconState(!1);
+      D.value.showTable = !1, be.value && be.value.setTableIconState(!1);
     }
     const Ot = w(() => e.value.style.chart.backgroundColor), Ft = w(() => e.value.style.chart.title), { exportSvg: Dt, getSvg: It } = ro({
       svg: N,
@@ -443,8 +493,15 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       ve.value = !0, await dt();
       try {
         if (t) {
-          const { blob: l, url: o, text: u, dataUrl: m } = await It();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: o, text: u, dataUrl: m }));
+          const { blob: l, url: o, text: u, dataUrl: b } = await It();
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: o,
+              text: u,
+              dataUrl: b
+            })
+          );
         } else
           await Promise.resolve(Dt());
       } finally {
@@ -467,13 +524,17 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         config: e.value,
         dataset: V.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: V.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: V.value
+        })
+      );
     }
     function Mt(t) {
       if (!Number.isFinite(t) || !N.value) return;
@@ -501,9 +562,10 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     }
     function Et(t) {
       if (!N.value || te.value || document.activeElement !== N.value || !$.value.length) return;
-      const l = ["ArrowLeft", "ArrowUp"].includes(t.key), o = ["ArrowRight", "ArrowDown"].includes(t.key), u = t.key === "Enter" || t.key === " ", m = t.key === "Escape";
-      if (!l && !o && !u && !m) return;
-      if (t.preventDefault(), t.stopPropagation(), m) {
+      const l = ["ArrowLeft", "ArrowUp"].includes(t.key), o = ["ArrowRight", "ArrowDown"].includes(t.key), u = t.key === "Enter" || t.key === " ", b = t.key === "Escape";
+      if (!l && !o && !u && !b)
+        return;
+      if (t.preventDefault(), t.stopPropagation(), b) {
         rt();
         return;
       }
@@ -520,10 +582,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       L && (_.value = k, Mt(k), tt(L, k, "keyboard"));
     }
     const Ae = w(() => {
-      const t = j.value?.colNames ?? [], l = j.value?.body?.map((o) => [
-        o[0]?.name ?? "",
-        o[1]
-      ]) ?? [];
+      const t = j.value?.colNames ?? [], l = j.value?.body?.map((o) => [o[0]?.name ?? "", o[1]]) ?? [];
       return { headers: t, rows: l };
     });
     return f({
@@ -552,7 +611,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       }, [
         O("p", null, ne(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, xo),
-      Ae.value?.rows?.length ? (d(), K(bo, {
+      Ae.value?.rows?.length ? (d(), K(mo, {
         key: 0,
         uid: M.value,
         head: Ae.value.headers,
@@ -570,22 +629,22 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         isCursorPointer: J.value,
         onClose: Pe
       }, {
-        "annotator-action-close": b(() => [
+        "annotator-action-close": m(() => [
           c(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": b(({ color: o }) => [
+        "annotator-action-color": m(({ color: o }) => [
           c(t.$slots, "annotator-action-color", P(S({ color: o })), void 0, !0)
         ]),
-        "annotator-action-draw": b(({ mode: o }) => [
+        "annotator-action-draw": m(({ mode: o }) => [
           c(t.$slots, "annotator-action-draw", P(S({ mode: o })), void 0, !0)
         ]),
-        "annotator-action-undo": b(({ disabled: o }) => [
+        "annotator-action-undo": m(({ disabled: o }) => [
           c(t.$slots, "annotator-action-undo", P(S({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-redo": b(({ disabled: o }) => [
+        "annotator-action-redo": m(({ disabled: o }) => [
           c(t.$slots, "annotator-action-redo", P(S({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-delete": b(({ disabled: o }) => [
+        "annotator-action-delete": m(({ disabled: o }) => [
           c(t.$slots, "annotator-action-delete", P(S({ disabled: o })), void 0, !0)
         ]),
         _: 3
@@ -620,7 +679,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       ], 512)) : x("", !0),
       e.value.userOptions.show && Me.value && (v(je) || v(ke)) ? (d(), K(v(s), {
         ref_key: "userOptionsRef",
-        ref: me,
+        ref: be,
         key: `user_option_${Le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -656,74 +715,79 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         onToggleTooltip: St,
         onToggleAnnotator: Pe,
         onCopyAlt: ut,
-        style: ae({ visibility: v(je) ? v(ke) ? "visible" : "hidden" : "visible" })
+        style: ae({
+          visibility: v(je) ? v(ke) ? "visible" : "hidden" : "visible"
+        })
       }, vt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: o, color: u }) => [
+          fn: m(({ isOpen: o, color: u }) => [
             c(t.$slots, "menuIcon", P(S({ isOpen: o, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
+          fn: m(() => [
             c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
+          fn: m(() => [
             c(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
+          fn: m(() => [
             c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: b(() => [
+          fn: m(() => [
             c(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
+          fn: m(() => [
             c(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: o, isFullscreen: u }) => [
+          fn: m(({ toggleFullscreen: o, isFullscreen: u }) => [
             c(t.$slots, "optionFullscreen", P(S({ toggleFullscreen: o, isFullscreen: u })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: o, isAnnotator: u }) => [
+          fn: m(({ toggleAnnotator: o, isAnnotator: u }) => [
             c(t.$slots, "optionAnnotator", P(S({ toggleAnnotator: o, isAnnotator: u })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: b(({ altCopy: o }) => [
+          fn: m(({ altCopy: o }) => [
             c(t.$slots, "optionAltCopy", P(S({ altCopy: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "isTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "callbacks", "printScale", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : x("", !0),
       O("div", {
-        class: _e({ "vue-ui-circle-pack-svg-container": !0, "not-responsive": !e.value.responsive })
+        class: _e({
+          "vue-ui-circle-pack-svg-container": !0,
+          "not-responsive": !e.value.responsive
+        })
       }, [
         (d(), C("svg", {
           ref_key: "svgRef",
@@ -732,7 +796,11 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
           "aria-describedby": `chart-instructions-${M.value}`,
           viewBox: E.value,
           preserveAspectRatio: "xMidYMid meet",
-          class: _e({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value, "not-responsive": !e.value.responsive }),
+          class: _e({
+            "vue-data-ui-fullscreen--on": G.value,
+            "vue-data-ui-fulscreen--off": !G.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};`),
           tabindex: "0",
           onFocus: Rt,
@@ -760,7 +828,10 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
               }, [
                 O("stop", {
                   offset: "10%",
-                  "stop-color": v(Zt)(o.color, e.value.style.chart.circles.gradient.intensity / 100)
+                  "stop-color": v(Zt)(
+                    o.color,
+                    e.value.style.chart.circles.gradient.intensity / 100
+                  )
                 }, null, 8, Ao),
                 O("stop", {
                   offset: "90%",
@@ -774,7 +845,10 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             ]),
             t.$slots.pattern ? (d(), C("g", Fo, [
               O("defs", null, [
-                c(t.$slots, "pattern", pe({ ref_for: !0 }, { ...o, patternId: `pattern_${M.value}_${o.id}` }), void 0, !0)
+                c(t.$slots, "pattern", pe({ ref_for: !0 }, {
+                  ...o,
+                  patternId: `pattern_${M.value}_${o.id}`
+                }), void 0, !0)
               ])
             ])) : x("", !0),
             O("rect", {
@@ -786,9 +860,9 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
               "stroke-width": e.value.style.chart.circles.strokeWidth * (Q.value || 1) / 100,
               fill: e.value.style.chart.circles.gradient.show ? `url(#${o.id})` : o.color,
               rx: o.r,
-              onMouseenter: (m) => tt(o, u, "pointer"),
-              onMouseout: (m) => Qe(o, u),
-              onClick: (m) => et(o, u)
+              onMouseenter: (b) => tt(o, u, "pointer"),
+              onMouseout: (b) => Qe(o, u),
+              onClick: (b) => et(o, u)
             }, null, 40, Do),
             t.$slots.pattern ? (d(), C("rect", {
               key: 1,
@@ -841,7 +915,10 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                   transition: "opacity 0.2s ease-in-out"
                 },
                 x: o.x,
-                y: o.y + Je(o.r, e.value.style.chart.circles.labels.name.offsetY) - o.r / 10,
+                y: o.y + Je(
+                  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" ? v(Ie)(o.color) : e.value.style.chart.circles.labels.name.color,
                 "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
@@ -854,7 +931,10 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                   transition: "opacity 0.2s ease-in-out"
                 },
                 x: o.x,
-                y: o.y + Je(o.r, e.value.style.chart.circles.labels.value.offsetY) + o.r / 2.5,
+                y: o.y + Je(
+                  o.r,
+                  e.value.style.chart.circles.labels.value.offsetY
+                ) + o.r / 2.5,
                 "font-size": ot(o) * e.value.style.chart.circles.labels.value.fontSizeRatio,
                 fill: e.value.style.chart.circles.labels.value.color === "auto" ? v(Ie)(o.color) : e.value.style.chart.circles.labels.value.color,
                 "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
@@ -876,11 +956,16 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
           }, void 0, !0)
         ], 46, To)),
         t.$slots.hint ? (d(), C("div", Bo, [
-          c(t.$slots, "hint", P(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ge.value })), void 0, !0)
+          c(t.$slots, "hint", P(S({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ge.value
+          })), void 0, !0)
         ])) : x("", !0)
       ], 2),
       t.$slots.watermark ? (d(), C("div", Eo, [
-        c(t.$slots, "watermark", P(S({ isPrinting: v(we) || v($e) || ie.value || ve.value })), void 0, !0)
+        c(t.$slots, "watermark", P(S({
+          isPrinting: v(we) || v($e) || ie.value || ve.value
+        })), void 0, !0)
       ])) : x("", !0),
       t.$slots.source ? (d(), C("div", {
         key: 6,
@@ -903,7 +988,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: F.value,
-        content: be.value,
+        content: me.value,
         isCustom: ee.value,
         isFullscreen: G.value,
         smooth: e.value.style.chart.tooltip.smooth,
@@ -913,13 +998,13 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         isA11yMode: Z.value === "keyboard",
         a11yPosition: Ve.value
       }, {
-        "tooltip-before": b(() => [
+        "tooltip-before": m(() => [
           c(t.$slots, "tooltip-before", P(S({ ...ce.value })), void 0, !0)
         ]),
-        tooltip: b(() => [
+        tooltip: m(() => [
           c(t.$slots, "tooltip", P(S({ ...ce.value })), void 0, !0)
         ]),
-        "tooltip-after": b(() => [
+        "tooltip-after": m(() => [
           c(t.$slots, "tooltip-after", P(S({ ...ce.value })), void 0, !0)
         ]),
         _: 3
@@ -929,7 +1014,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         ref: Y,
         onClose: nt
       }), vt({
-        content: b(() => [
+        content: m(() => [
           (d(), K(v(a), {
             key: `table_${ze.value}`,
             colNames: j.value.colNames,
@@ -941,13 +1026,13 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             isCursorPointer: J.value,
             onClose: nt
           }, {
-            th: b(({ th: o }) => [
+            th: m(({ th: o }) => [
               O("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, zo)
             ]),
-            td: b(({ td: o }) => [
+            td: m(({ td: o }) => [
               ct(ne(o.name || o), 1)
             ]),
             _: 1
@@ -957,14 +1042,14 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: b(() => [
+          fn: m(() => [
             ct(ne(oe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: b(() => [
+          fn: m(() => [
             O("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -985,7 +1070,7 @@ const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       ], !0)
     ], 46, $o));
   }
-}, ll = /* @__PURE__ */ go(Lo, [["__scopeId", "data-v-d80137cf"]]);
+}, ll = /* @__PURE__ */ go(Lo, [["__scopeId", "data-v-22655fbd"]]);
 export {
   ll as default
 };