vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-donut-DxOwX8nC.js → vue-ui-donut-B1C7vzFY.js}

@@ -1,8 +1,8 @@
-import { computed as m, defineAsyncComponent as Me, useSlots as aa, shallowRef as Ie, ref as b, onMounted as vl, onBeforeUnmount as dl, toRefs as oa, watch as je, openBlock as u, createElementBlock as i, normalizeStyle as L, normalizeClass as qt, createElementVNode as w, toDisplayString as ye, createBlock as ge, createCommentVNode as d, unref as s, withCtx as _, renderSlot as k, normalizeProps as K, guardReactiveProps as Q, createSlots as Wt, createVNode as At, Fragment as P, renderList as J, mergeProps as jt, withDirectives as Tt, vShow as Pt, Teleport as na, resolveDynamicComponent as sa, createTextVNode as hl, nextTick as fl } from "vue";
-import { o as yl, q as Kt, r as ua, j as ra, t as gl, n as ia, p as Re, K as ca, s as pl, k as pe, l as ve, a4 as ml, ax as va, X as da, u as St, v as ha, a5 as fa, ae as X, G as bl, a6 as we, a7 as A, as as wl, C as ya, m as ga, a0 as pa, a1 as ma, T as ba, ay as kl, ai as xl } from "./lib-DBptbyyI.js";
+import { computed as m, defineAsyncComponent as Me, useSlots as aa, shallowRef as Ie, ref as b, onMounted as vl, onBeforeUnmount as dl, toRefs as oa, watch as je, openBlock as u, createElementBlock as i, normalizeStyle as L, normalizeClass as qt, createElementVNode as w, toDisplayString as ye, createBlock as ge, createCommentVNode as d, unref as s, withCtx as _, renderSlot as k, normalizeProps as W, guardReactiveProps as j, createSlots as Wt, createVNode as Tt, Fragment as P, renderList as J, mergeProps as jt, withDirectives as Pt, vShow as St, Teleport as na, resolveDynamicComponent as sa, createTextVNode as hl, nextTick as fl } from "vue";
+import { o as yl, q as Kt, r as ua, j as ra, t as gl, n as ia, p as Re, K as ca, s as pl, k as pe, l as ve, a4 as ml, ax as va, X as da, u as Lt, v as ha, a5 as fa, ae as X, G as bl, a6 as we, a7 as A, as as wl, C as ya, m as ga, a0 as pa, a1 as ma, T as ba, ay as kl, ai as xl } from "./lib-DBptbyyI.js";
 import { f as wa, b as ka } from "./labelUtils-CqTHa20R.js";
 import { t as xa, u as $a } from "./useResponsive-DfdjqQps.js";
-import { u as Ca } from "./useConfig-CpJA0VZa.js";
+import { u as Ca } from "./useConfig-ChRble71.js";
 import { u as _a } from "./usePrinter-CEpYU3r5.js";
 import { u as Aa, B as Ta } from "./BaseScanner-BhhkKVoj.js";
 import { u as Pa } from "./useSvgExport-ByUukOZt.js";
@@ -21,23 +21,23 @@ import { _ as Xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Na(it) {
   const {
     FINAL_CONFIG: ct,
-    noGhostDonut: Lt,
+    noGhostDonut: Mt,
     svg: Ke,
     padding: vt,
-    labels_inline_fontSize: Mt,
+    labels_inline_fontSize: It,
     minSize: dt,
-    findArcMidpoint: It,
-    calcMarkerOffsetX: Ft,
-    calcMarkerOffsetY: zt,
-    animatingIndex: Ot,
-    segregated: Yt,
-    isSmallArc: Dt
+    findArcMidpoint: Ft,
+    calcMarkerOffsetX: zt,
+    calcMarkerOffsetY: Ot,
+    animatingIndex: Yt,
+    segregated: Dt,
+    isSmallArc: Bt
   } = it;
   return { smallArcLayoutsClassic: m(() => {
     if (ct.value.type !== "classic") return {};
-    const Qe = {}, E = Lt.value || [];
+    const Qe = {}, E = Mt.value || [];
     if (!E.length) return Qe;
-    const B = Ke.value.width / 2, M = Ke.value.height / 2, Fe = vt.value.top + 16, ht = Ke.value.height - vt.value.bottom - 16, Je = Mt.value, ft = Je / 3, yt = Je * 1.5, ne = 8, me = 6, Ze = B - (dt.value + me), et = B + (dt.value + me), gt = !!ct.value.style.chart.layout.curvedMarkers;
+    const B = Ke.value.width / 2, M = Ke.value.height / 2, Fe = vt.value.top + 16, ht = Ke.value.height - vt.value.bottom - 16, Je = It.value, ft = Je / 3, yt = Je * 1.5, ne = 8, me = 6, Ze = B - (dt.value + me), et = B + (dt.value + me), gt = !!ct.value.style.chart.layout.curvedMarkers;
     function pt({ midX: h, midY: g, bandX: f, bandY: C }) {
       if (!gt)
         return `M ${h} ${g} L ${h} ${C} L ${f} ${C}`;
@@ -54,14 +54,14 @@ function Na(it) {
       if (ae < 56) {
         const _e = F / ae;
         let re = -(le / ae), Z = _e;
-        const Ae = (h + f) * 0.5, Te = (g + C) * 0.5, W = Ae + re, kt = Te + Z, Xt = (W - B) * (W - B) + (kt - M) * (kt - M), He = Ae - re, Ge = Te - Z;
-        (He - B) * (He - B) + (Ge - M) * (Ge - M) > Xt && (re = -re, Z = -Z);
-        const at = 0.78, $t = h + F * at, Nt = g + le * at, qe = Math.max(0, Math.min(1, (ae - 18) / 44)), x = qe * qe * (3 - 2 * qe);
+        const Ae = (h + f) * 0.5, Te = (g + C) * 0.5, K = Ae + re, kt = Te + Z, Nt = (K - B) * (K - B) + (kt - M) * (kt - M), He = Ae - re, Ge = Te - Z;
+        (He - B) * (He - B) + (Ge - M) * (Ge - M) > Nt && (re = -re, Z = -Z);
+        const at = 0.78, $t = h + F * at, Rt = g + le * at, qe = Math.max(0, Math.min(1, (ae - 18) / 44)), x = qe * qe * (3 - 2 * qe);
         let n = 2.5 + x * 4, he = 1 + x * 2.5;
         n *= 0.9;
         const ot = {
           x: $t + re * n + se * he,
-          y: Nt + Z * n + z * he
+          y: Rt + Z * n + z * he
         }, U = e(ot);
         return `M ${h} ${g} Q ${U.x} ${U.y} ${f} ${C}`;
       }
@@ -72,10 +72,10 @@ function Na(it) {
       const Ye = {
         x: h + se * $e,
         y: g + z * $e
-      }, Ue = B + I * Math.max(Math.abs(f - B), Oe), Bt = {
+      }, Ue = B + I * Math.max(Math.abs(f - B), Oe), Xt = {
         x: f - I * Math.min(ue, Math.abs(Ue - f) * 0.75),
         y: C
-      }, Y = e(Ye), Ce = e(Bt);
+      }, Y = e(Ye), Ce = e(Xt);
       return `M ${h} ${g} C ${Y.x} ${Y.y} ${Ce.x} ${Ce.y} ${f} ${C}`;
     }
     function mt(h) {
@@ -83,7 +83,7 @@ function Na(it) {
       return yt + I;
     }
     function bt({ arc: h, index: g }) {
-      const { x: f, y: C } = It(h.path), I = Ft(h).x, F = zt(h) - 3.5, le = mt(h.name);
+      const { x: f, y: C } = Ft(h.path), I = zt(h).x, F = Ot(h) - 3.5, le = mt(h.name);
       return {
         arc: h,
         index: g,
@@ -96,7 +96,7 @@ function Na(it) {
     }
     function ze(h) {
       const { arc: g } = h, f = g.seriesIndex ?? 0;
-      return Ot.value === f || Yt.value.includes(f) ? !1 : Dt(g, f);
+      return Yt.value === f || Dt.value.includes(f) ? !1 : Bt(g, f);
     }
     function tt(h) {
       const g = h.inlineMarkerY < M, f = h.inlineMarkerX < B;
@@ -212,8 +212,8 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     }
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
-  setup(it, { expose: ct, emit: Lt }) {
-    const Ke = Me(() => import("./Tooltip-Bf-kM3_A.js")), vt = Me(() => import("./BaseIcon-Cb3zzG6s.js")), Mt = Me(() => import("./vue-ui-accordion-BF4v32wv.js")), dt = Me(() => import("./DataTable-DT2kIdQ6.js")), It = Me(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ft = Me(() => import("./UserOptions-rW2fRf3V.js")), zt = Me(() => import("./PackageVersion-CvtT2-UH.js")), Ot = Me(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_donut: Yt } = Ca(), { isThemeValid: Dt, warnInvalidTheme: Jt } = Sa(), Qe = aa(), E = it, B = m({
+  setup(it, { expose: ct, emit: Mt }) {
+    const Ke = Me(() => import("./Tooltip-C8KGyqQk.js")), vt = Me(() => import("./BaseIcon-Cb3zzG6s.js")), It = Me(() => import("./vue-ui-accordion-CnDW2UQL.js")), dt = Me(() => import("./DataTable-DT2kIdQ6.js")), Ft = Me(() => import("./PenAndPaper-Ct3qJ4lA.js")), zt = Me(() => import("./UserOptions-rW2fRf3V.js")), Ot = Me(() => import("./PackageVersion-B3kmPxTR.js")), Yt = Me(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_donut: Dt } = Ca(), { isThemeValid: Bt, warnInvalidTheme: Jt } = Sa(), Qe = aa(), E = it, B = m({
       get() {
         return !!E.dataset && E.dataset.length;
       },
@@ -234,7 +234,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     const F = () => {
       !e.value.autoSize || I || (I = !0, requestAnimationFrame(() => {
         I = !1;
-        const t = e.value, o = Fe.value, l = W.value;
+        const t = e.value, o = Fe.value, l = K.value;
         if (!t.autoSize || !o || !l) return;
         const [a, r, c, y] = l.getAttribute("viewBox").split(" ").map(Number), $ = { x: a, y: r, width: c, height: y }, D = [
           {
@@ -338,13 +338,13 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     function Oe() {
       const t = Qt({
         userConfig: E.config,
-        defaultConfig: Yt
+        defaultConfig: Dt
       });
       let o = {};
       const l = t.theme;
       if (!l)
         o = t;
-      else if (!Dt.value(t))
+      else if (!Bt.value(t))
         Jt(t), o = t;
       else {
         const a = Qt({
@@ -397,7 +397,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: ue, FINAL_DATASET: Ye, manualLoading: Ue, skeletonDataset: Bt } = Aa({
+    })), { loading: ue, FINAL_DATASET: Ye, manualLoading: Ue, skeletonDataset: Xt } = Aa({
       ...oa(E),
       FINAL_CONFIG: e,
       prepareConfig: Oe,
@@ -442,7 +442,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       async (t) => {
         if (t || _e.value)
           return;
-        const o = Ye.value === Bt, l = e.value.startAnimation?.show;
+        const o = Ye.value === Xt, l = e.value.startAnimation?.show;
         if (!o && l) {
           _e.value = !0;
           const a = e.value.startAnimation.durationMs || 1e3;
@@ -453,11 +453,11 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       },
       { immediate: !0 }
     );
-    const { userOptionsVisible: Z, setUserOptionsVisibility: Ae, keepUserOptionState: Te } = La({ config: e.value }), { svgRef: W } = Ma({ config: e.value.style.chart.title });
+    const { userOptionsVisible: Z, setUserOptionsVisibility: Ae, keepUserOptionState: Te } = La({ config: e.value }), { svgRef: K } = Ma({ config: e.value.style.chart.title });
     function kt() {
       Ae(!0);
     }
-    function Xt() {
+    function Nt() {
       Ae(!1);
     }
     je(() => E.config, (t) => {
@@ -476,7 +476,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       elementId: `donut__${p.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut",
       options: e.value.userOptions.print
-    }), Nt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), qe = m(() => ia(e.value.customPalette)), x = b({
+    }), Rt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), qe = m(() => ia(e.value.customPalette)), x = b({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -500,7 +500,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         return O.value;
       const t = e.value.style.chart.layout.donut.strokeWidth / 512, o = Math.min(n.value.width, n.value.height) * t, l = o > O.value ? O.value : o;
       return Math.max(l, 12 * (1 + t));
-    }), ot = Lt, U = m(() => Ye.value.sort((t, o) => {
+    }), ot = Mt, U = m(() => Ye.value.sort((t, o) => {
       const l = Array.isArray(t.values) ? t.values.reduce((r, c) => r + c, 0) : t.value ?? 0, a = Array.isArray(o.values) ? o.values.reduce((r, c) => r + c, 0) : o.value ?? 0;
       return t.ghost && !o.ghost ? 1 : o.ghost && !t.ghost ? -1 : a - l;
     }).map((t, o) => ({
@@ -517,9 +517,9 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     je(() => E.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Ue.value = !1);
     }, { immediate: !0 });
-    const j = Ie(U.value);
+    const Q = Ie(U.value);
     je(() => U.value, (t) => {
-      j.value = t, requestAnimationFrame(F);
+      Q.value = t, requestAnimationFrame(F);
     });
     function $l() {
       return U.value.map((t) => ({
@@ -544,10 +544,10 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     }
     function Ct(t) {
       const o = U.value.find((r, c) => c === t);
-      let a = j.value.find((r, c) => c === t).value;
+      let a = Q.value.find((r, c) => c === t).value;
       if (N.value.includes(t)) {
         let c = function() {
-          j.value = j.value.map(
+          Q.value = Q.value.map(
             ($, D) => t === D ? { ...$, value: r } : $
           );
         }, y = function() {
@@ -556,7 +556,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
             to: r,
             duration: e.value.serieToggleAnimation.durationMs,
             onUpdate: ($, D) => {
-              j.value = j.value.map(
+              Q.value = Q.value.map(
                 (S, V) => t === V ? { ...S, value: $ } : S
               ), requestAnimationFrame(F);
             },
@@ -570,7 +570,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         e.value.serieToggleAnimation.show && e.value.type === "classic" ? y() : (c(), requestAnimationFrame(F));
       } else if (N.value.length < U.value.length - 1) {
         let r = function() {
-          N.value.push(t), j.value = j.value.map(
+          N.value.push(t), Q.value = Q.value.map(
             (y, $) => t === $ ? { ...y, value: 0 } : y
           );
         }, c = function() {
@@ -579,7 +579,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
             to: 0,
             duration: e.value.serieToggleAnimation.durationMs,
             onUpdate: (y, $) => {
-              j.value = j.value.map(
+              Q.value = Q.value.map(
                 (D, S) => t === S ? { ...D, value: y } : D
               ), requestAnimationFrame(F);
             },
@@ -630,13 +630,13 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
           ghost: !0
         }), o;
       } else
-        return j.value.forEach((t) => {
+        return Q.value.forEach((t) => {
           if ([null, void 0].includes(t.values))
             return {
               ...t,
               values: []
             };
-        }), j.value.map((t, o) => ({
+        }), Q.value.map((t, o) => ({
           ...t,
           seriesIndex: o
         })).filter((t, o) => !N.value.includes(o));
@@ -754,16 +754,16 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     const te = m(() => be.value.map((t) => t.value).reduce((t, o) => t + o, 0)), zl = m(() => {
       const t = U.value.reduce((o, l) => o + l.value, 0);
       return t <= 0 ? [] : U.value.map((o) => o.value / t);
-    }), Rt = m(() => te.value / be.value.length);
+    }), Vt = m(() => te.value / be.value.length);
     function ll(t) {
       return Pe.value ? t.proportion * 100 : t.value / te.value * 100;
     }
-    const Vt = b(null), st = b(!1);
+    const _t = b(null), st = b(!1);
     function fe({ datapoint: t, seriesIndex: o }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), oe.value = !1, z.value = null, H.value = null, G.value = "pointer";
     }
     function ie({ datapoint: t, relativeIndex: o, seriesIndex: l, show: a = !1, triggerMode: r = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), G.value = r, H.value = o, Vt.value = { datapoint: t, seriesIndex: l, config: e.value, series: U.value }, oe.value = a, z.value = o;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), G.value = r, H.value = o, _t.value = { datapoint: t, seriesIndex: l, config: e.value, series: U.value }, oe.value = a, z.value = o;
       let c = "";
       const y = e.value.style.chart.tooltip.customFormat;
       if (st.value = !1, ba(y))
@@ -829,7 +829,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       };
     }
     function Yl(t, o, l) {
-      const { textAnchor: a, x: r } = Ol(t, o), c = _t(t), y = `
+      const { textAnchor: a, x: r } = Ol(t, o), c = At(t), y = `
         <tspan
             class="vue-data-ui-datalabel-inline"
             fill="${e.value.style.chart.layout.labels.percentage.color}"
@@ -867,7 +867,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         centerY: n.value.height / 2
       }), c = r.x;
       r.y;
-      const y = _t(t), $ = `
+      const y = At(t), $ = `
         <tspan
             class="vue-data-ui-datalabel-value"
             fill="${e.value.style.chart.layout.labels.percentage.color}"
@@ -982,7 +982,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         showPercentage: a
       });
     }
-    function _t(t) {
+    function At(t) {
       return Ut({
         val: pe(
           e.value.style.chart.layout.labels.value.formatter,
@@ -1032,12 +1032,12 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     function Rl() {
       if (!Fe.value) return;
       const { x: t, y: o, width: l, height: a } = Fe.value.getBBox();
-      W.value && W.value.setAttribute("viewBox", `${t} ${o} ${l + Math.min(0, t)} ${a + Math.min(0, o)}`);
+      K.value && K.value.setAttribute("viewBox", `${t} ${o} ${l + Math.min(0, t)} ${a + Math.min(0, o)}`);
     }
     const rt = m(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = x.value.showTable;
       return {
-        component: t ? Ot : Mt,
+        component: t ? Yt : It,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -1075,7 +1075,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       ...t,
       name: t.display
     }))), El = m(() => e.value.style.chart.backgroundColor), Ul = m(() => e.value.style.chart.legend), Hl = m(() => e.value.style.chart.title), { exportSvg: Gl, getSvg: ql } = Pa({
-      svg: W,
+      svg: K,
       title: Hl,
       legend: Ul,
       legendItems: Vl,
@@ -1107,14 +1107,14 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
     async function cl() {
       if (ot("copyAlt", {
         config: e.value,
-        dataset: j.value
+        dataset: Q.value
       }), !e.value.userOptions.callbacks.altCopy) {
         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: j.value
+        dataset: Q.value
       }));
     }
     function jl() {
@@ -1124,7 +1124,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       H.value = null, G.value = "pointer", oe.value = !1, z.value = null, h.value = !1;
     }
     function Ql(t) {
-      if (!W.value || ut.value || document.activeElement !== W.value || !T.value.length) return;
+      if (!K.value || ut.value || document.activeElement !== K.value || !T.value.length) return;
       const o = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), a = t.key === "Enter" || t.key === " ", r = t.key === "Escape";
       if (!o && !l && !a && !r) return;
       if (t.preventDefault(), t.stopPropagation(), r) {
@@ -1151,7 +1151,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       }));
     }
     function Jl(t) {
-      if (!Number.isFinite(t) || !W.value) return;
+      if (!Number.isFinite(t) || !K.value) return;
       let o = n.value.width / 2, l = n.value.height / 2;
       if (e.value.type === "classic") {
         const r = T.value[t];
@@ -1164,7 +1164,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         if (!r) return;
         o = r.x, l = r.y;
       }
-      const a = W.value.getBoundingClientRect();
+      const a = K.value.getBoundingClientRect();
       wt.value = {
         x: a.left + o / n.value.width * a.width,
         y: a.top + l / n.value.height * a.height
@@ -1197,7 +1197,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       style: L(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${p.value}`,
       onMouseenter: kt,
-      onMouseleave: Xt
+      onMouseleave: Nt
     }, [
       w("div", {
         id: `chart-instructions-${p.value}`,
@@ -1213,12 +1213,12 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : d("", !0),
-      e.value.userOptions.buttons.annotator && s(W) ? (u(), ge(s(It), {
+      e.value.userOptions.buttons.annotator && s(K) ? (u(), ge(s(Ft), {
         key: 1,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
         active: ut.value,
-        svgRef: s(W),
+        svgRef: s(K),
         isCursorPointer: xe.value,
         onClose: Ht
       }, {
@@ -1226,24 +1226,24 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
           k(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": _(({ color: l }) => [
-          k(t.$slots, "annotator-action-color", K(Q({ color: l })), void 0, !0)
+          k(t.$slots, "annotator-action-color", W(j({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": _(({ mode: l }) => [
-          k(t.$slots, "annotator-action-draw", K(Q({ mode: l })), void 0, !0)
+          k(t.$slots, "annotator-action-draw", W(j({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": _(({ disabled: l }) => [
-          k(t.$slots, "annotator-action-undo", K(Q({ disabled: l })), void 0, !0)
+          k(t.$slots, "annotator-action-undo", W(j({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": _(({ disabled: l }) => [
-          k(t.$slots, "annotator-action-redo", K(Q({ disabled: l })), void 0, !0)
+          k(t.$slots, "annotator-action-redo", W(j({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": _(({ disabled: l }) => [
-          k(t.$slots, "annotator-action-delete", K(Q({ disabled: l })), void 0, !0)
+          k(t.$slots, "annotator-action-delete", W(j({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["color", "backgroundColor", "active", "svgRef", "isCursorPointer"])) : d("", !0),
       k(t.$slots, "userConfig", {}, void 0, !0),
-      Nt.value ? (u(), i("div", {
+      Rt.value ? (u(), i("div", {
         key: 2,
         ref_key: "noTitle",
         ref: et,
@@ -1273,7 +1273,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       w("div", {
         id: `legend-top-${p.value}`
       }, null, 8, Ea),
-      e.value.userOptions.show && B.value && (s(Te) || s(Z)) ? (u(), ge(s(Ft), {
+      e.value.userOptions.show && B.value && (s(Te) || s(Z)) ? (u(), ge(s(zt), {
         ref_key: "userOptionsRef",
         ref: tt,
         key: `user_option_${lt.value}`,
@@ -1317,7 +1317,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: _(({ isOpen: l, color: a }) => [
-            k(t.$slots, "menuIcon", K(Q({ isOpen: l, color: a })), void 0, !0)
+            k(t.$slots, "menuIcon", W(j({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1373,21 +1373,21 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: _(({ toggleFullscreen: l, isFullscreen: a }) => [
-            k(t.$slots, "optionFullscreen", K(Q({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            k(t.$slots, "optionFullscreen", W(j({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: _(({ toggleAnnotator: l, isAnnotator: a }) => [
-            k(t.$slots, "optionAnnotator", K(Q({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            k(t.$slots, "optionAnnotator", W(j({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: _(({ altCopy: l }) => [
-            k(t.$slots, "optionAltCopy", K(Q({ altCopy: l })), void 0, !0)
+            k(t.$slots, "optionAltCopy", W(j({ altCopy: l })), void 0, !0)
           ]),
           key: "10"
         } : void 0
@@ -1395,7 +1395,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       w("div", Ua, [
         (u(), i("svg", {
           ref_key: "svgRef",
-          ref: W,
+          ref: K,
           xmlns: s(da),
           "aria-describedby": `chart-instructions-${p.value}`,
           class: qt({ "vue-data-ui-fullscreen--on": Xe.value, "vue-data-ui-fulscreen--off": !Xe.value, "vue-data-ui-svg": !0 }),
@@ -1411,7 +1411,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
             ref: Fe,
             class: "vue-data-ui-g"
           }, [
-            At(s(zt)),
+            Tt(s(Ot)),
             t.$slots["chart-background"] ? (u(), i("foreignObject", {
               key: 0,
               x: 0,
@@ -1431,21 +1431,21 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
               }, [
                 w("stop", {
                   offset: "0%",
-                  "stop-color": s(St)(e.value.style.chart.backgroundColor, 0),
+                  "stop-color": s(Lt)(e.value.style.chart.backgroundColor, 0),
                   "stop-opacity": "0"
                 }, null, 8, ja),
                 w("stop", {
                   offset: `${(1 - he.value / O.value) * 100}%`,
-                  "stop-color": s(St)("#FFFFFF", 0),
+                  "stop-color": s(Lt)("#FFFFFF", 0),
                   "stop-opacity": "0"
                 }, null, 8, Ka),
                 w("stop", {
                   offset: `${(1 - he.value / O.value / 2) * 100}%`,
-                  "stop-color": s(St)("#FFFFFF", e.value.style.chart.gradientIntensity)
+                  "stop-color": s(Lt)("#FFFFFF", e.value.style.chart.gradientIntensity)
                 }, null, 8, Qa),
                 w("stop", {
                   offset: "100%",
-                  "stop-color": s(St)(e.value.style.chart.backgroundColor, 0),
+                  "stop-color": s(Lt)(e.value.style.chart.backgroundColor, 0),
                   "stop-opacity": "0"
                 }, null, 8, Ja)
               ], 8, Wa)) : d("", !0)
@@ -1779,10 +1779,10 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                 style: L(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
               }, ye(Pe.value || Y.value ? "--" : s(pe)(
                 e.value.style.chart.layout.labels.hollow.average.value.formatter,
-                s(bl)(Rt.value),
+                s(bl)(Vt.value),
                 s(ve)({
                   p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
-                  v: s(bl)(Rt.value),
+                  v: s(bl)(Vt.value),
                   s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
                   r: e.value.style.chart.layout.labels.hollow.average.value.rounding
                 })
@@ -1834,7 +1834,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                     }),
                     onMouseleave: (r) => fe({ datapoint: l, seriesIndex: l.seriesIndex })
                   }, null, 40, Ho)) : d("", !0),
-                  e.value.style.chart.layout.labels.dataLabels.oneLine || s(R)[a] ? Tt((u(), i("text", {
+                  e.value.style.chart.layout.labels.dataLabels.oneLine || s(R)[a] ? Pt((u(), i("text", {
                     key: 1,
                     class: "vue-data-ui-datalabel-inline",
                     "text-anchor": s(R)[a]?.textAnchor || s(A)(l, !0, 12).anchor,
@@ -1850,9 +1850,9 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                     onMouseleave: (r) => fe({ datapoint: l, seriesIndex: l.seriesIndex }),
                     innerHTML: Yl(l, a, !!s(R)[a])
                   }, null, 40, Go)), [
-                    [Pt, ee(l) && x.value.dataLabels.show]
+                    [St, ee(l) && x.value.dataLabels.show]
                   ]) : (u(), i(P, { key: 2 }, [
-                    Tt(w("text", {
+                    Pt(w("text", {
                       class: "vue-data-ui-datalabel-value",
                       "text-anchor": s(R)[a]?.textAnchor || s(A)(l, !0, 12).anchor,
                       x: s(R)[a]?.labelX ?? s(A)(l, !0, 12).x,
@@ -1868,10 +1868,10 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                         show: !0
                       }),
                       onMouseleave: (r) => fe({ datapoint: l, seriesIndex: l.seriesIndex })
-                    }, ye(_t(l)), 45, qo), [
-                      [Pt, ee(l) && x.value.dataLabels.show]
+                    }, ye(At(l)), 45, qo), [
+                      [St, ee(l) && x.value.dataLabels.show]
                     ]),
-                    Tt(w("text", {
+                    Pt(w("text", {
                       class: "vue-data-ui-datalabel-name",
                       "text-anchor": s(R)[a]?.textAnchor || s(A)(l).anchor,
                       x: s(R)[a]?.labelX ?? s(A)(l, !0, 12).x,
@@ -1895,7 +1895,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                         y: (s(R)[a]?.labelY ?? s(we)(l)) + f.value
                       })
                     }, null, 44, Wo), [
-                      [Pt, ee(l) && x.value.dataLabels.show && e.value.style.chart.layout.labels.name.show]
+                      [St, ee(l) && x.value.dataLabels.show && e.value.style.chart.layout.labels.name.show]
                     ])
                   ], 64))
                 ], 64)) : d("", !0),
@@ -1921,7 +1921,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                       transition: Y.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                     })
                   }, null, 44, jo)) : d("", !0),
-                  e.value.style.chart.layout.labels.dataLabels.oneLine ? Tt((u(), i("text", {
+                  e.value.style.chart.layout.labels.dataLabels.oneLine ? Pt((u(), i("text", {
                     key: 1,
                     class: "vue-data-ui-datalabel-inline",
                     "text-anchor": Se(v.value[a].middlePoint),
@@ -1940,7 +1940,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                     onMouseleave: (r) => fe({ datapoint: l, seriesIndex: l.seriesIndex }),
                     innerHTML: Dl(l, a)
                   }, null, 44, Ko)), [
-                    [Pt, ee(l) && x.value.dataLabels.show]
+                    [St, ee(l) && x.value.dataLabels.show]
                   ]) : (u(), i(P, { key: 2 }, [
                     ee(l) && x.value.dataLabels.show ? (u(), i("text", {
                       key: 0,
@@ -1962,7 +1962,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
                         show: !0
                       }),
                       onMouseleave: (r) => fe({ datapoint: l, seriesIndex: l.seriesIndex })
-                    }, ye(_t(l)), 45, Qo)) : d("", !0),
+                    }, ye(At(l)), 45, Qo)) : d("", !0),
                     ee(l) && x.value.dataLabels.show && e.value.style.chart.layout.labels.name.show ? (u(), i("text", {
                       key: 1,
                       class: "vue-data-ui-datalabel-name",
@@ -2039,11 +2039,11 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
           ], 512)
         ], 46, Ha)),
         t.$slots.hint ? (u(), i("div", ln, [
-          k(t.$slots, "hint", K(Q({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: h.value })), void 0, !0)
+          k(t.$slots, "hint", W(j({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: h.value })), void 0, !0)
         ])) : d("", !0)
       ]),
       t.$slots.watermark ? (u(), i("div", an, [
-        k(t.$slots, "watermark", K(Q({ isPrinting: s(Ge) || s(xt) || Ve.value || Ee.value })), void 0, !0)
+        k(t.$slots, "watermark", W(j({ isPrinting: s(Ge) || s(xt) || Ve.value || Ee.value })), void 0, !0)
       ])) : d("", !0),
       w("div", {
         id: `legend-bottom-${p.value}`
@@ -2085,7 +2085,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: _(({ legend: l, index: a }) => [
-                At(Fa, {
+                Tt(Fa, {
                   shape: l.shape,
                   radius: 30,
                   stroke: "none",
@@ -2108,13 +2108,13 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         k(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
       t.$slots.hollow ? (u(), i("div", sn, [
-        k(t.$slots, "hollow", K(Q({
+        k(t.$slots, "hollow", W(j({
           total: te.value,
-          average: Rt.value,
+          average: Vt.value,
           dataset: U.value
         })), void 0, !0)
       ])) : d("", !0),
-      At(s(Ke), {
+      Tt(s(Ke), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: x.value.showTooltip && oe.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -2138,10 +2138,13 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
         a11yPosition: wt.value
       }, {
         "tooltip-before": _(() => [
-          k(t.$slots, "tooltip-before", K(Q({ ...Vt.value })), void 0, !0)
+          k(t.$slots, "tooltip-before", W(j({ ..._t.value })), void 0, !0)
+        ]),
+        tooltip: _(() => [
+          k(t.$slots, "tooltip", W(j({ ..._t.value })), void 0, !0)
         ]),
         "tooltip-after": _(() => [
-          k(t.$slots, "tooltip-after", K(Q({ ...Vt.value })), void 0, !0)
+          k(t.$slots, "tooltip-after", W(j({ ..._t.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"]),
@@ -2209,7 +2212,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
               onClick: o[4] || (o[4] = (l) => Et(e.value.userOptions.callbacks.csv)),
               style: L({ cursor: xe.value ? "pointer" : "default" })
             }, [
-              At(s(vt), {
+              Tt(s(vt), {
                 name: "fileCsv",
                 stroke: rt.value.props.color
               }, null, 8, ["stroke"])
@@ -2223,7 +2226,7 @@ const Ra = ["id"], Va = ["id"], Ea = ["id"], Ua = { style: { position: "relative
       ], !0)
     ], 46, Ra));
   }
-}, Ln = /* @__PURE__ */ Xa(rn, [["__scopeId", "data-v-af8588d0"]]);
+}, Ln = /* @__PURE__ */ Xa(rn, [["__scopeId", "data-v-efe06837"]]);
 export {
   Ln as default
 };