vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-quadrant-lJ7T6q87.js → vue-ui-quadrant-CQIMUggy.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as R, computed as m, ref as h, toRefs as sl, watch as Fe, shallowRef as xt, onMounted as nl, onBeforeUnmount as rl, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as d, toDisplayString as w, createBlock as B, createCommentVNode as y, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as $t, createVNode as de, Fragment as A, renderList as N, mergeProps as kt, Teleport as il, resolveDynamicComponent as vl, createTextVNode as wt, nextTick as Ce } from "vue";
-import { j as Lt, t as dl, m as cl, p as Ie, o as hl, q as ae, n as yl, s as bl, ak as fl, k as D, l as H, X as pl, u as Se, v as gl, al as ml, Z as xl, W as $l, a0 as kl, a1 as wl, T as Ll, U as Cl } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as R, computed as m, ref as h, toRefs as sl, watch as Fe, shallowRef as xt, onMounted as nl, onBeforeUnmount as rl, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as d, toDisplayString as w, createBlock as B, createCommentVNode as y, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as $t, createVNode as de, Fragment as A, renderList as N, mergeProps as kt, Teleport as il, resolveDynamicComponent as vl, createTextVNode as wt, nextTick as Se } from "vue";
+import { j as Lt, t as dl, m as cl, p as Ie, o as hl, q as ae, n as yl, s as bl, ak as fl, k as D, l as H, X as pl, u as _e, v as gl, al as ml, Z as xl, W as $l, a0 as kl, a1 as wl, T as Ll, U as Cl } from "./lib-DBptbyyI.js";
 import { t as Sl, u as _l } from "./useResponsive-DfdjqQps.js";
-import { u as Tl } from "./useConfig-CpJA0VZa.js";
+import { u as Tl } from "./useConfig-ChRble71.js";
 import { u as ql, B as Al } from "./BaseScanner-BhhkKVoj.js";
 import { u as zl } from "./usePrinter-CEpYU3r5.js";
 import { u as Wl } from "./useSvgExport-ByUukOZt.js";
@@ -54,7 +54,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
   },
   emits: ["selectPlot", "selectSide", "selectLegend", "copyAlt"],
   setup(St, { expose: _t, emit: Tt }) {
-    const qt = R(() => import("./Tooltip-Bf-kM3_A.js")), At = R(() => import("./BaseIcon-Cb3zzG6s.js")), zt = R(() => import("./vue-ui-accordion-BF4v32wv.js")), Wt = R(() => import("./DataTable-DT2kIdQ6.js")), Xt = R(() => import("./PenAndPaper-Ct3qJ4lA.js")), Pt = R(() => import("./UserOptions-rW2fRf3V.js")), Yt = R(() => import("./PackageVersion-1BHnPIBZ.js")), Mt = R(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_quadrant: Ot } = Tl(), { isThemeValid: Bt, warnInvalidTheme: Nt } = Xl(), M = St, De = m(() => !!M.dataset && M.dataset.length), $ = h(Lt()), ce = Tt, he = h(!1), _e = h(""), He = h(0), x = h(!1), V = h(null), Ee = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(0), je = h(0), Je = h(0), Ze = h(!1), oe = h(null), Te = h(null), ye = h(!1), be = h(!1), j = h(null), fe = h(null), et = h({ x: 0, y: 0 }), qe = h("pointer"), pe = h(!1), e = h(ze()), X = m(() => e.value.userOptions.useCursorPointer), Vt = m(() => ({
+    const qt = R(() => import("./Tooltip-C8KGyqQk.js")), At = R(() => import("./BaseIcon-Cb3zzG6s.js")), zt = R(() => import("./vue-ui-accordion-CnDW2UQL.js")), Wt = R(() => import("./DataTable-DT2kIdQ6.js")), Xt = R(() => import("./PenAndPaper-Ct3qJ4lA.js")), Pt = R(() => import("./UserOptions-rW2fRf3V.js")), Yt = R(() => import("./PackageVersion-B3kmPxTR.js")), Mt = R(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_quadrant: Ot } = Tl(), { isThemeValid: Bt, warnInvalidTheme: Nt } = Xl(), M = St, De = m(() => !!M.dataset && M.dataset.length), $ = h(Lt()), ce = Tt, he = h(!1), Te = h(""), He = h(0), x = h(!1), V = h(null), Ee = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(0), je = h(0), Je = h(0), Ze = h(!1), oe = h(null), qe = h(null), ye = h(!1), be = h(!1), j = h(null), fe = h(null), et = h({ x: 0, y: 0 }), Ae = h("pointer"), pe = h(!1), e = h(We()), X = m(() => e.value.userOptions.useCursorPointer), Vt = m(() => ({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -94,10 +94,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     })), { loading: ge, FINAL_DATASET: tt } = ql({
       ...sl(M),
       FINAL_CONFIG: e,
-      prepareConfig: ze,
+      prepareConfig: We,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ce(), k.value.showTable = e.value.table.show;
+          await Se(), k.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: M.config?.skeletonDataset ?? [
@@ -126,8 +126,8 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Vt.value
       })
-    }), { userOptionsVisible: Ae, setUserOptionsVisibility: lt, keepUserOptionState: at } = Pl({ config: e.value }), { svgRef: E } = Yl({ config: e.value.style.chart.title });
-    function ze() {
+    }), { userOptionsVisible: ze, setUserOptionsVisibility: lt, keepUserOptionState: at } = Pl({ config: e.value }), { svgRef: E } = Yl({ config: e.value.style.chart.title });
+    function We() {
       const l = Re({
         userConfig: M.config,
         defaultConfig: Ot
@@ -148,7 +148,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       };
     }
     Fe(() => M.config, (l) => {
-      e.value = ze(), Ae.value = !e.value.userOptions.showOnChartHover, ot(), Ke.value += 1, je.value += 1, Je.value += 1, k.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = We(), ze.value = !e.value.userOptions.showOnChartHover, ot(), Ke.value += 1, je.value += 1, Je.value += 1, k.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const F = xt(null), J = xt(null), Z = m(() => e.value.debug);
     function ot() {
@@ -200,7 +200,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     }), rl(() => {
       F.value && (J.value && F.value.unobserve(J.value), F.value.disconnect());
     });
-    const { isPrinting: We, isImaging: Xe, generatePdf: ut, generateImage: st } = zl({
+    const { isPrinting: Xe, isImaging: Pe, generatePdf: ut, generateImage: st } = zl({
       elementId: `vue-ui-quadrant_${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
@@ -285,10 +285,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         h: s - b.value.height
       }, c = e.value.zoomAnimationFrames;
       let Y = 0;
-      function we() {
-        me.value = !0, b.value.startX += i.x / c, b.value.startY += i.y / c, b.value.width += i.w / c, b.value.height += i.h / c, Y += 1, Y < c ? It.value = requestAnimationFrame(we) : me.value = !1;
+      function Le() {
+        me.value = !0, b.value.startX += i.x / c, b.value.startY += i.y / c, b.value.width += i.w / c, b.value.height += i.h / c, Y += 1, Y < c ? It.value = requestAnimationFrame(Le) : me.value = !1;
       }
-      we();
+      Le();
     }
     function I(l) {
       if (!me.value)
@@ -375,7 +375,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       }),
       id: `cat_${o}_${$.value}`,
       color: bl(l.color) || nt.value[o] || Ie[o]
-    }))), Pe = m(() => ee.value.filter((l) => !C.value.includes(l.id))), Dt = m(() => ee.value.map((l, o) => ({
+    }))), Ye = m(() => ee.value.filter((l) => !C.value.includes(l.id))), Dt = m(() => ee.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
@@ -407,7 +407,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           debug: Z.value
         });
       });
-    }), Pe.value.map((l, o) => ({
+    }), Ye.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       color: l.color || nt.value[o] || Ie[o],
@@ -552,7 +552,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           return "";
       }
     }
-    const G = h(null), ne = h(null), Ye = h(null);
+    const G = h(null), ne = h(null), $e = h(null);
     function Me() {
       G.value = null, ne.value = null, j.value = null, fe.value = null, he.value = !1;
     }
@@ -566,11 +566,11 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         y: s.top + s.height / 2
       };
     }
-    function $e(l, o, a, s = "pointer", u = null) {
+    function ke(l, o, a, s = "pointer", u = null) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: a }), G.value = o.uid, ne.value = {
         color: l.color,
         shape: l.shape
-      }, qe.value = s, j.value = u, fe.value = o.uid, Ye.value = {
+      }, Ae.value = s, j.value = u, fe.value = o.uid, $e.value = {
         datapoint: o,
         seriesIndex: a,
         series: W.value,
@@ -583,7 +583,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         series: W.value,
         config: e.value
       })))
-        _e.value = i({
+        Te.value = i({
           seriesIndex: a,
           datapoint: o,
           series: W.value,
@@ -607,16 +607,16 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: o, category: l, categoryIndex: a }
-        )}</b></div>`, _e.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${c}</div>`;
+        )}</b></div>`, Te.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${c}</div>`;
       }
-      s === "keyboard" && Ce(() => {
+      s === "keyboard" && Se(() => {
         Gt(o.uid);
       }), he.value = !0;
     }
     function Oe(l, o) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o }), !(fe.value === l.uid && qe.value === "keyboard") && (he.value = !1, G.value = null, ne.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o }), !(fe.value === l.uid && Ae.value === "keyboard") && (he.value = !1, G.value = null, ne.value = null);
     }
-    function ke(l, o, a) {
+    function we(l, o, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: a });
       const s = {
         category: l.name,
@@ -764,7 +764,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       }));
     }
     function Be(l = null) {
-      Ce(() => {
+      Se(() => {
         const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = xe.value.head, s = xe.value.body, u = o.concat([a]).concat(s), i = kl(u);
         l ? l(i) : wl({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
@@ -833,7 +833,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       e.value.table.show || (l && e.value.table.useDialog && oe.value ? oe.value.open() : "close" in oe.value && oe.value.close());
     });
     function pt() {
-      k.value.showTable = !1, Te.value && Te.value.setTableIconState(!1);
+      k.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
     }
     const jt = m(() => e.value.style.chart.backgroundColor), Jt = m(() => e.value.style.chart.legend), Zt = m(() => e.value.style.chart.title), { exportSvg: el, getSvg: tl } = Wl({
       svg: E,
@@ -843,7 +843,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       backgroundColor: jt
     });
     async function gt({ isCb: l }) {
-      be.value = !0, await Ce();
+      be.value = !0, await Se();
       try {
         if (l) {
           const { blob: o, url: a, text: s, dataUrl: u } = await tl();
@@ -868,14 +868,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     async function mt() {
       if (ce("copyAlt", {
         config: e.value,
-        dataset: Pe.value
+        dataset: Ye.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: Pe.value
+        dataset: Ye.value
       }));
     }
     function al() {
@@ -896,14 +896,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         if (j.value === null) return;
         const le = P.value[j.value];
         if (!le) return;
-        ke(le.category, le.plot, le.categoryIndex);
+        we(le.category, le.plot, le.categoryIndex);
         return;
       }
       let i = j.value;
-      const c = G.value ? P.value.findIndex((le) => le.plot.uid === G.value) : null, Y = i !== null && i >= 0 && i < P.value.length, we = c !== null && c >= 0 && c < P.value.length;
-      Y ? (i += a ? 1 : -1, i < 0 && (i = P.value.length - 1), i >= P.value.length && (i = 0)) : we ? (i = a ? c + 1 : c - 1, i >= P.value.length && (i = 0), i < 0 && (i = P.value.length - 1)) : a ? i = 0 : i = P.value.length - 1;
-      const Le = P.value[i];
-      Le && $e(Le.category, Le.plot, Le.categoryIndex, "keyboard", i);
+      const c = G.value ? P.value.findIndex((le) => le.plot.uid === G.value) : null, Y = i !== null && i >= 0 && i < P.value.length, Le = c !== null && c >= 0 && c < P.value.length;
+      Y ? (i += a ? 1 : -1, i < 0 && (i = P.value.length - 1), i >= P.value.length && (i = 0)) : Le ? (i = a ? c + 1 : c - 1, i >= P.value.length && (i = 0), i < 0 && (i = P.value.length - 1)) : a ? i = 0 : i = P.value.length - 1;
+      const Ce = P.value[i];
+      Ce && ke(Ce.category, Ce.plot, Ce.categoryIndex, "keyboard", i);
     }
     const Ve = m(() => {
       const l = te.value?.colNames ?? [], o = te.value?.a11yBody ?? [];
@@ -1012,14 +1012,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       d("div", {
         id: `legend-top-${$.value}`
       }, null, 8, Hl),
-      e.value.userOptions.show && De.value && (v(at) || v(Ae)) ? (n(), B(v(Pt), {
+      e.value.userOptions.show && De.value && (v(at) || v(ze)) ? (n(), B(v(Pt), {
         ref_key: "userOptionsRef",
-        ref: Te,
+        ref: qe,
         key: `user_options_${He.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(Xe),
-        isPrinting: v(We),
+        isImaging: v(Pe),
+        isPrinting: v(Xe),
         uid: $.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1052,7 +1052,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         onToggleAnnotator: Ne,
         onCopyAlt: mt,
         style: _({
-          visibility: v(at) ? v(Ae) ? "visible" : "hidden" : "visible"
+          visibility: v(at) ? v(ze) ? "visible" : "hidden" : "visible"
         })
       }, $t({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -1172,17 +1172,17 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": v(Se)(v(gl)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
+                "stop-color": v(_e)(v(gl)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
               }, null, 8, Kl),
               d("stop", {
                 offset: "100%",
-                "stop-color": v(Se)(a.color, e.value.style.chart.layout.areas.opacity)
+                "stop-color": v(_e)(a.color, e.value.style.chart.layout.areas.opacity)
               }, null, 8, jl)
             ], 8, Gl))), 256))
           ]),
           e.value.style.chart.layout.grid.graduations.show ? (n(), r("g", Jl, [
             (n(!0), r(A, null, N(Rt.value, (a) => (n(), r("rect", {
-              fill: e.value.style.chart.layout.grid.graduations.fill ? v(Se)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
+              fill: e.value.style.chart.layout.grid.graduations.fill ? v(_e)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
               x: a.x,
               y: a.y,
               height: a.height <= 0 ? 1e-3 : a.height,
@@ -1349,7 +1349,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               a.series.length > 2 ? (n(), r("polygon", {
                 key: 0,
                 "data-cy-quadrant-area": "",
-                fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${$.value}_${s})` : v(Se)(a.color, e.value.style.chart.layout.areas.opacity),
+                fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${$.value}_${s})` : v(_e)(a.color, e.value.style.chart.layout.areas.opacity),
                 points: v(ml)(a)
               }, null, 8, xa)) : y("", !0)
             ]))), 256))
@@ -1401,9 +1401,9 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
                   width: "100",
                   x: u.x - 50,
                   y: u.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
-                  onMouseover: (i) => $e(a, u, s),
+                  onMouseover: (i) => ke(a, u, s),
                   onMouseleave: (i) => Oe(u, s),
-                  onClick: (i) => ke(a, u, s)
+                  onClick: (i) => we(a, u, s)
                 }, [
                   d("div", {
                     style: _(`color:${v($l)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
@@ -1422,9 +1422,9 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
                   width: "2",
                   height: "2",
                   style: { overflow: "visible", "pointer-events": "none" },
-                  onMouseenter: (i) => $e(a, u, s),
+                  onMouseenter: (i) => ke(a, u, s),
                   onMouseleave: (i) => Oe(u, s),
-                  onClick: (i) => ke(a, u, s)
+                  onClick: (i) => we(a, u, s)
                 }, [
                   g(l.$slots, "datapoint", kt({ ref_for: !0 }, { datapoint: u }), void 0, !0)
                 ], 40, Ca)),
@@ -1448,9 +1448,9 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
                   shape: a.shape,
                   stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
                   strokeWidth: e.value.style.chart.layout.plots.outlineWidth,
-                  onMouseenter: (c) => $e(a, u, s, "pointer"),
+                  onMouseenter: (c) => ke(a, u, s, "pointer"),
                   onMouseleave: (c) => Oe(u, s),
-                  onClick: (c) => ke(a, u, s)
+                  onClick: (c) => we(a, u, s)
                 }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]),
                 d("circle", {
                   "data-dom-to-png-ignore": "",
@@ -1587,7 +1587,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           g(l.$slots, "svg", {
             svg: {
               ...t.value,
-              isPrintingImg: v(We) | v(Xe) | ye.value,
+              isPrintingImg: v(Xe) | v(Pe) | ye.value,
               isPrintingSvg: be.value
             }
           }, void 0, !0)
@@ -1597,7 +1597,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         ])) : y("", !0)
       ]),
       l.$slots.watermark ? (n(), r("div", Qa, [
-        g(l.$slots, "watermark", T(q({ isPrinting: v(We) || v(Xe) || ye.value || be.value })), void 0, !0)
+        g(l.$slots, "watermark", T(q({ isPrinting: v(Xe) || v(Pe) || ye.value || be.value })), void 0, !0)
       ])) : y("", !0),
       d("div", {
         id: `legend-bottom-${$.value}`
@@ -1663,21 +1663,24 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: V.value,
-        content: _e.value,
+        content: Te.value,
         isFullscreen: K.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: qe.value === "keyboard",
+        isA11yMode: Ae.value === "keyboard",
         a11yPosition: et.value
       }, {
         "tooltip-before": p(() => [
-          g(l.$slots, "tooltip-before", T(q({ ...Ye.value })), void 0, !0)
+          g(l.$slots, "tooltip-before", T(q({ ...$e.value })), void 0, !0)
+        ]),
+        tooltip: p(() => [
+          g(l.$slots, "tooltip", T(q({ ...$e.value })), void 0, !0)
         ]),
         "tooltip-after": p(() => [
-          g(l.$slots, "tooltip-after", T(q({ ...Ye.value })), void 0, !0)
+          g(l.$slots, "tooltip-after", T(q({ ...$e.value })), void 0, !0)
         ]),
         default: p(() => [
           e.value.style.chart.tooltip.showShape ? (n(), r("svg", ja, [
@@ -1753,7 +1756,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       ], !0)
     ], 46, Rl));
   }
-}, xo = /* @__PURE__ */ Il(Za, [["__scopeId", "data-v-89557c20"]]);
+}, xo = /* @__PURE__ */ Il(Za, [["__scopeId", "data-v-2a01b016"]]);
 export {
   xo as default
 };