vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-circle-pack-pqOFrf-X.js → vue-ui-circle-pack-CwuEfQPE.js}

@@ -1,6 +1,6 @@
-import { defineAsyncComponent as U, computed as w, ref as r, toRefs as Ut, watch as de, 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 $, withCtx as g, renderSlot as c, normalizeProps as P, guardReactiveProps as S, createSlots as vt, createVNode as Oe, Fragment as W, renderList as Fe, mergeProps as fe, resolveDynamicComponent as Kt, createTextVNode as ct, nextTick as dt } from "vue";
-import { u as Yt } from "./useConfig-CpJA0VZa.js";
-import { j as ft, t as pt, m as De, p as pe, 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 { 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-ChRble71.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";
@@ -15,21 +15,21 @@ import mo from "./vue_ui_circle_pack-CLmw8nHe.js";
 import { A as bo } from "./A11yDataTable-KcVAX2cP.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), b = 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, b - y, n - p];
+  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) {
-  const b = i._, p = i.next._, n = b.r + p.r, a = (b.x * p.r + p.x * b.r) / n, s = (b.y * p.r + p.y * b.r) / n;
+  const g = i._, p = i.next._, n = g.r + p.r, a = (g.x * p.r + p.x * g.r) / n, s = (g.y * p.r + p.y * g.r) / n;
   return Math.max(Math.abs(a * y), Math.abs(s * f));
 }
 function wo(i, f, y) {
-  const b = Co, p = i.length;
+  const g = Co, p = i.length;
   if (!p) return i;
   let n, a, s;
   if (n = i[0], n.x = 0, n.y = 0, !(p > 1) || (a = i[1], n.x = -a.r, a.x = n.r, a.y = 0, !(p > 2))) return i;
-  yt(a, n, s = i[2]), n = new he(n), a = new he(a), s = new he(s), n.next = s.previous = a, a.next = n.previous = s, s.next = a.previous = n;
+  yt(a, n, s = i[2]), n = new ye(n), a = new ye(a), s = new ye(s), n.next = s.previous = a, a.next = n.previous = s, s.next = a.previous = n;
   e: for (let h = 3; h < p; ++h) {
-    yt(n._, a._, s = i[h]), s = new he(s);
+    yt(n._, a._, s = i[h]), s = new ye(s);
     let T = a.next, B = n.previous, A = a._.r, H = n._.r;
     do
       if (A <= H) {
@@ -47,37 +47,37 @@ function wo(i, f, y) {
       }
     while (T !== B.next);
     s.previous = n, s.next = a, n.next = a.previous = a = s;
-    let se = b(n, y, f), ue;
+    let se = g(n, y, f), ue;
     for (; (s = s.next) !== a; )
-      (ue = b(s, y, f)) < se && (n = s, se = ue);
+      (ue = g(s, y, f)) < se && (n = s, se = ue);
     a = n.next;
   }
   return i;
 }
 function yt(i, f, y) {
-  const b = i.x - f.x, p = i.y - f.y, n = b * b + p * p;
+  const g = i.x - f.x, p = i.y - f.y, n = g * g + p * p;
   if (n) {
     const a = (f.r + y.r) ** 2, s = (i.r + y.r) ** 2;
     if (a > s) {
       const h = (n + s - a) / (2 * n), T = Math.sqrt(Math.max(0, s / n - h * h));
-      y.x = i.x - h * b - T * p, y.y = i.y - h * p + T * b;
+      y.x = i.x - h * g - T * p, y.y = i.y - h * p + T * g;
     } else {
       const h = (n + a - s) / (2 * n), T = Math.sqrt(Math.max(0, a / n - h * h));
-      y.x = f.x + h * b - T * p, y.y = f.y + h * p + T * b;
+      y.x = f.x + h * g - T * p, y.y = f.y + h * p + T * g;
     }
   } else
     y.x = f.x + y.r, y.y = f.y;
 }
 function mt(i, f) {
-  const y = i.r + f.r - 1e-6, b = f.x - i.x, p = f.y - i.y;
-  return y > 0 && y * y > b * b + p * p;
+  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;
 }
-class he {
+class ye {
   constructor(f) {
     this._ = f, this.next = null, this.previous = null;
   }
 }
-const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], Po = ["x", "y", "width", "height"], So = ["id"], Ao = ["stop-color"], _o = ["stop-color"], Oo = ["stop-color"], Fo = { key: 0 }, Do = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], Io = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], No = ["x", "y", "width", "height", "fill", "rx"], Mo = ["x", "y", "font-size", "fill", "font-weight"], Ro = ["x", "y", "font-size", "fill", "font-weight"], Bo = {
+const $o = ["id"], xo = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], Po = ["x", "y", "width", "height"], So = ["id"], Ao = ["stop-color"], _o = ["stop-color"], Oo = ["stop-color"], Fo = { key: 0 }, Do = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], Io = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], No = ["x", "y", "width", "height", "fill", "rx"], Mo = ["x", "y", "font-size", "fill", "font-weight"], Ro = ["x", "y", "font-size", "fill", "font-weight"], Bo = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -103,7 +103,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup(i, { expose: f, emit: y }) {
-    const b = U(() => import("./Tooltip-Bf-kM3_A.js")), p = U(() => import("./BaseIcon-Cb3zzG6s.js")), n = U(() => import("./vue-ui-accordion-BF4v32wv.js")), a = U(() => import("./DataTable-DT2kIdQ6.js")), s = U(() => import("./UserOptions-rW2fRf3V.js")), h = U(() => import("./PenAndPaper-Ct3qJ4lA.js")), T = U(() => import("./PackageVersion-1BHnPIBZ.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), ye = 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"), be = r(!1), e = r(ke()), J = w(() => e.value.userOptions.useCursorPointer), gt = w(() => pt({
+    const g = U(() => import("./Tooltip-C8KGyqQk.js")), p = U(() => import("./BaseIcon-Cb3zzG6s.js")), n = U(() => import("./vue-ui-accordion-CnDW2UQL.js")), a = U(() => import("./DataTable-DT2kIdQ6.js")), s = U(() => import("./UserOptions-rW2fRf3V.js")), h = U(() => import("./PenAndPaper-Ct3qJ4lA.js")), T = U(() => import("./PackageVersion-B3kmPxTR.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({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -124,7 +124,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     })), { loading: Ge, FINAL_DATASET: Ke } = so({
       ...Ut(A),
       FINAL_CONFIG: e,
-      prepareConfig: ke,
+      prepareConfig: Ce,
       skeletonDataset: A.config?.skeletonDataset ?? [
         { name: "_", value: 13, color: "#F2F2F2" },
         { name: "_", value: 8, color: "#DBDBDB" },
@@ -138,11 +138,11 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         userConfig: gt.value
       })
     }), { svgRef: N } = co({ config: e.value.style.chart.title }), {
-      userOptionsVisible: ge,
+      userOptionsVisible: ke,
       setUserOptionsVisibility: Ye,
       keepUserOptionState: je
     } = vo({ config: e.value });
-    function ke() {
+    function Ce() {
       const t = Ne({
         userConfig: A.config,
         defaultConfig: se
@@ -159,13 +159,13 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       });
       return {
         ...u,
-        customPalette: u.customPalette.length ? u.customPalette : De[l] || pe
+        customPalette: u.customPalette.length ? u.customPalette : De[l] || he
       };
     }
-    de(() => A.config, (t) => {
-      e.value = ke(), ge.value = !e.value.userOptions.showOnChartHover, xe(), Ee.value += 1, ze.value += 1, D.value.showTable = e.value.table.show;
+    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: Ce, isImaging: we, generatePdf: Xe, generateImage: qe } = no({
+    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",
       options: e.value.userOptions.print
@@ -173,19 +173,19 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    de(e, () => {
+    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), xt = w(() => {
+    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;
-    }), $t = w(() => {
+    }), xt = 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;
-    }), x = r([]), E = r("0 0 100 100"), R = r(null), z = r(null);
+    }), $ = r([]), E = r("0 0 100 100"), R = r(null), z = r(null);
     function He(t, l) {
       Ct.value = {
         w: t,
@@ -193,14 +193,14 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       };
       const o = V.value.map((q) => ({ ...q }));
       if (!o.length) {
-        x.value = [], We.value = [0, 0, t, l], E.value = `0 0 ${t} ${l}`;
+        $.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(
         L ? t / L : 1,
         X ? l / X : 1
       ), zt = (t - L * le) / 2, Lt = (l - X * le) / 2;
-      x.value = u.map((q) => ({
+      $.value = u.map((q) => ({
         ...q,
         x: (q.x - m) * le + zt,
         y: (q.y - k) * le + Lt,
@@ -232,23 +232,23 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         type: "dataset",
         debug: wt.value
       });
-      const t = xt.value, l = $t.value;
+      const t = $t.value, l = xt.value;
       He(t, l), e.value.responsive ? Tt() : Ze();
     }
     Vt(xe), Gt(() => {
       Ze();
-    }), de(() => Ke.value, async (t) => {
+    }), 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] || pe[l] || pe[l % pe.length];
+      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 {
         ...t,
         r: t.value,
         id: ft(),
         color: o
       };
-    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), Q = w(() => x.value.length ? Math.max(...x.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;
     }
@@ -258,9 +258,9 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     function et(t, l) {
       H("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
     }
-    const $e = r(null), ee = r(!1);
+    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 }), $e.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 {
@@ -270,7 +270,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             series: V.value,
             config: e.value
           });
-          typeof m == "string" && (me.value = m, ee.value = !0);
+          typeof m == "string" && (be.value = m, ee.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), ee.value = !1;
         }
@@ -288,7 +288,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                 </svg>
                 <span>${t.name}: <b>${Te(t)}</b></span>
             </div>
-        `, me.value = m;
+        `, be.value = m;
       }
     }
     function Te(t) {
@@ -317,7 +317,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     function Pe() {
       te.value = !te.value;
     }
-    const ce = w(() => {
+    const de = w(() => {
       const t = V.value.map((o) => ({
         name: o.name,
         value: o.value,
@@ -327,7 +327,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     });
     function Se(t = null) {
       dt(() => {
-        const l = ce.value.head.map((m, k) => [[m.name], [ce.value.body[k]]]), o = [
+        const l = de.value.head.map((m, k) => [[m.name], [de.value.body[k]]]), o = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [[""], [e.value.table.columnNames.value]]
@@ -339,10 +339,10 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       const t = [
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
-      ], l = ce.value.head.map((m, k) => {
+      ], l = de.value.head.map((m, k) => {
         const L = ht({
           p: e.value.style.chart.circles.labels.value.prefix,
-          v: ce.value.body[k],
+          v: de.value.body[k],
           s: e.value.style.chart.circles.labels.value.suffix,
           r: e.value.style.chart.circles.labels.value.rounding
         });
@@ -428,11 +428,11 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         }
       };
     });
-    de(() => D.value.showTable, (t) => {
+    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, ye.value && ye.value.setTableIconState(!1);
+      D.value.showTable = !1, me.value && me.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,
@@ -477,30 +477,30 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
     }
     function Mt(t) {
       if (!Number.isFinite(t) || !N.value) return;
-      const l = x.value[t];
+      const l = $.value[t];
       if (!l) return;
       const o = ao(l.x, l.y, N.value);
       o && (Ve.value = o);
     }
     function rt() {
       if (_.value !== null) {
-        const t = x.value[_.value];
+        const t = $.value[_.value];
         t && Qe(t, _.value);
       }
       _.value = null, Z.value = "pointer", re.value = !1, I.value = null;
     }
     function Rt() {
-      _.value = null, be.value = !0;
+      _.value = null, ge.value = !0;
     }
     function Bt() {
-      rt(), be.value = !1;
+      rt(), ge.value = !1;
     }
     function it(t, l) {
-      const o = x.value.length;
+      const o = $.value.length;
       return o ? t === null || t < 0 || t >= o ? l === "next" ? 0 : o - 1 : l === "previous" ? (t - 1 + o) % o : (t + 1) % o : null;
     }
     function Et(t) {
-      if (!N.value || te.value || document.activeElement !== N.value || !x.value.length) return;
+      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) {
@@ -509,14 +509,14 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       }
       if (u) {
         if (_.value === null) return;
-        const X = x.value[_.value];
+        const X = $.value[_.value];
         if (!X) return;
         et(X, _.value);
         return;
       }
       let k = _.value;
-      k === null || k < 0 || k >= x.value.length ? k = o ? 0 : x.value.length - 1 : o ? k = it(k, "next") : l && (k = it(k, "previous"));
-      const L = x.value[k];
+      k === null || k < 0 || k >= $.value.length ? k = o ? 0 : $.value.length - 1 : o ? k = it(k, "next") : l && (k = it(k, "previous"));
+      const L = $.value[k];
       L && (_.value = k, Mt(k), tt(L, k, "keyboard"));
     }
     const Ae = w(() => {
@@ -551,7 +551,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         class: "sr-only"
       }, [
         O("p", null, ne(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, $o),
+      ], 8, xo),
       Ae.value?.rows?.length ? (d(), K(bo, {
         key: 0,
         uid: M.value,
@@ -559,7 +559,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         body: Ae.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : $("", !0),
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : x("", !0),
       e.value.userOptions.buttons.annotator ? (d(), K(v(h), {
         key: 1,
         svgRef: v(N),
@@ -570,26 +570,26 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         isCursorPointer: J.value,
         onClose: Pe
       }, {
-        "annotator-action-close": g(() => [
+        "annotator-action-close": b(() => [
           c(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": g(({ color: o }) => [
+        "annotator-action-color": b(({ color: o }) => [
           c(t.$slots, "annotator-action-color", P(S({ color: o })), void 0, !0)
         ]),
-        "annotator-action-draw": g(({ mode: o }) => [
+        "annotator-action-draw": b(({ mode: o }) => [
           c(t.$slots, "annotator-action-draw", P(S({ mode: o })), void 0, !0)
         ]),
-        "annotator-action-undo": g(({ disabled: o }) => [
+        "annotator-action-undo": b(({ disabled: o }) => [
           c(t.$slots, "annotator-action-undo", P(S({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-redo": g(({ disabled: o }) => [
+        "annotator-action-redo": b(({ disabled: o }) => [
           c(t.$slots, "annotator-action-redo", P(S({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-delete": g(({ disabled: o }) => [
+        "annotator-action-delete": b(({ disabled: o }) => [
           c(t.$slots, "annotator-action-delete", P(S({ disabled: o })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "scale", "isCursorPointer"])) : $("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "scale", "isCursorPointer"])) : x("", !0),
       c(t.$slots, "userConfig", {}, void 0, !0),
       kt.value ? (d(), C("div", {
         key: 2,
@@ -597,7 +597,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         ref: Be,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : $("", !0),
+      }, null, 512)) : x("", !0),
       e.value.style.chart.title.text ? (d(), C("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -617,15 +617,15 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : $("", !0),
-      e.value.userOptions.show && Me.value && (v(je) || v(ge)) ? (d(), K(v(s), {
+      ], 512)) : x("", !0),
+      e.value.userOptions.show && Me.value && (v(je) || v(ke)) ? (d(), K(v(s), {
         ref_key: "userOptionsRef",
-        ref: ye,
+        ref: me,
         key: `user_option_${Le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(Ce),
-        isImaging: v(we),
+        isPrinting: v(we),
+        isImaging: v($e),
         uid: M.value,
         hasTooltip: e.value.userOptions.buttons.tooltip,
         isTooltip: D.value.showTooltip,
@@ -656,72 +656,72 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         onToggleTooltip: St,
         onToggleAnnotator: Pe,
         onCopyAlt: ut,
-        style: ae({ visibility: v(je) ? v(ge) ? "visible" : "hidden" : "visible" })
+        style: ae({ visibility: v(je) ? v(ke) ? "visible" : "hidden" : "visible" })
       }, vt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: g(({ isOpen: o, color: u }) => [
+          fn: b(({ 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: g(() => [
+          fn: b(() => [
             c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: g(() => [
+          fn: b(() => [
             c(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: g(() => [
+          fn: b(() => [
             c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: g(() => [
+          fn: b(() => [
             c(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: g(() => [
+          fn: b(() => [
             c(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: g(({ toggleFullscreen: o, isFullscreen: u }) => [
+          fn: b(({ 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: g(({ toggleAnnotator: o, isAnnotator: u }) => [
+          fn: b(({ 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: g(({ altCopy: o }) => [
+          fn: b(({ 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"])) : $("", !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 })
       }, [
@@ -749,8 +749,8 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             style: { pointerEvents: "none" }
           }, [
             c(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Po)) : $("", !0),
-          (d(!0), C(W, null, Fe(x.value, (o, u) => (d(), C(W, {
+          ], 8, Po)) : x("", !0),
+          (d(!0), C(W, null, Fe($.value, (o, u) => (d(), C(W, {
             key: o.id
           }, [
             O("defs", null, [
@@ -774,9 +774,9 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             ]),
             t.$slots.pattern ? (d(), C("g", Fo, [
               O("defs", null, [
-                c(t.$slots, "pattern", fe({ 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)
               ])
-            ])) : $("", !0),
+            ])) : x("", !0),
             O("rect", {
               x: o.x - o.r,
               y: o.y - o.r,
@@ -801,9 +801,9 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
               fill: `url(#pattern_${M.value}_${o.id})`,
               rx: o.r,
               style: { pointerEvents: "none" }
-            }, null, 8, Io)) : $("", !0)
+            }, null, 8, Io)) : x("", !0)
           ], 64))), 128)),
-          (d(!0), C(W, null, Fe(x.value, (o, u) => (d(), C("rect", {
+          (d(!0), C(W, null, Fe($.value, (o, u) => (d(), C("rect", {
             key: o.id,
             x: o.x - o.r,
             y: o.y - o.r,
@@ -819,10 +819,10 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
               transition: "opacity 0.2s ease-in-out"
             })
           }, null, 12, No))), 128)),
-          (d(!0), C(W, null, Fe(x.value, (o, u) => (d(), C(W, {
+          (d(!0), C(W, null, Fe($.value, (o, u) => (d(), C(W, {
             key: o.id
           }, [
-            t.$slots["data-label"] ? c(t.$slots, "data-label", fe({
+            t.$slots["data-label"] ? c(t.$slots, "data-label", pe({
               key: 0,
               ref_for: !0
             }, {
@@ -846,7 +846,7 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                 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",
                 "text-anchor": "middle"
-              }, ne(o.name), 9, Mo)) : $("", !0),
+              }, ne(o.name), 9, Mo)) : x("", !0),
               e.value.style.chart.circles.labels.value.show ? (d(), C("text", {
                 key: 1,
                 style: {
@@ -859,9 +859,9 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
                 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",
                 "text-anchor": "middle"
-              }, ne(Te(o)), 9, Ro)) : $("", !0)
+              }, ne(Te(o)), 9, Ro)) : x("", !0)
             ], 64)),
-            c(t.$slots, "circle", fe({ ref_for: !0 }, {
+            c(t.$slots, "circle", pe({ ref_for: !0 }, {
               ...o,
               isSelected: I.value?.id === o.id,
               uid: `${u}_${M.value}`
@@ -870,18 +870,18 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
           c(t.$slots, "svg", {
             svg: {
               ...E.value,
-              isPrintingImg: v(Ce) | v(we) | ie.value,
+              isPrintingImg: v(we) | v($e) | ie.value,
               isPrintingSvg: ve.value
             }
           }, 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: be.value })), void 0, !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(Ce) || v(we) || ie.value || ve.value })), void 0, !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,
         ref_key: "source",
@@ -889,8 +889,8 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         dir: "auto"
       }, [
         c(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : $("", !0),
-      Oe(v(b), {
+      ], 512)) : x("", !0),
+      Oe(v(g), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: D.value.showTooltip && re.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -903,7 +903,7 @@ const xo = ["id"], $o = ["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: me.value,
+        content: be.value,
         isCustom: ee.value,
         isFullscreen: G.value,
         smooth: e.value.style.chart.tooltip.smooth,
@@ -913,20 +913,23 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
         isA11yMode: Z.value === "keyboard",
         a11yPosition: Ve.value
       }, {
-        "tooltip-before": g(() => [
-          c(t.$slots, "tooltip-before", P(S({ ...$e.value })), void 0, !0)
+        "tooltip-before": b(() => [
+          c(t.$slots, "tooltip-before", P(S({ ...ce.value })), void 0, !0)
         ]),
-        "tooltip-after": g(() => [
-          c(t.$slots, "tooltip-after", P(S({ ...$e.value })), void 0, !0)
+        tooltip: b(() => [
+          c(t.$slots, "tooltip", P(S({ ...ce.value })), void 0, !0)
+        ]),
+        "tooltip-after": b(() => [
+          c(t.$slots, "tooltip-after", P(S({ ...ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      Me.value && e.value.userOptions.buttons.table ? (d(), K(Kt(oe.value.component), fe({ key: 7 }, oe.value.props, {
+      Me.value && e.value.userOptions.buttons.table ? (d(), K(Kt(oe.value.component), pe({ key: 7 }, oe.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: nt
       }), vt({
-        content: g(() => [
+        content: b(() => [
           (d(), K(v(a), {
             key: `table_${ze.value}`,
             colNames: j.value.colNames,
@@ -938,13 +941,13 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
             isCursorPointer: J.value,
             onClose: nt
           }, {
-            th: g(({ th: o }) => [
+            th: b(({ th: o }) => [
               O("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, zo)
             ]),
-            td: g(({ td: o }) => [
+            td: b(({ td: o }) => [
               ct(ne(o.name || o), 1)
             ]),
             _: 1
@@ -954,14 +957,14 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: g(() => [
+          fn: b(() => [
             ct(ne(oe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: g(() => [
+          fn: b(() => [
             O("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -976,13 +979,13 @@ const xo = ["id"], $o = ["id"], To = ["xmlns", "aria-describedby", "viewBox"], P
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : $("", !0),
+      ]), 1040)) : x("", !0),
       c(t.$slots, "skeleton", {}, () => [
-        v(Ge) ? (d(), K(uo, { key: 0 })) : $("", !0)
+        v(Ge) ? (d(), K(uo, { key: 0 })) : x("", !0)
       ], !0)
-    ], 46, xo));
+    ], 46, $o));
   }
-}, ll = /* @__PURE__ */ go(Lo, [["__scopeId", "data-v-977c045f"]]);
+}, ll = /* @__PURE__ */ go(Lo, [["__scopeId", "data-v-d80137cf"]]);
 export {
   ll as default
 };