vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-history-plot-DqeaH_61.js → vue-ui-history-plot-DsoLp3aL.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as E, ref as u, shallowRef as ct, computed as h, onMounted as yl, onBeforeUnmount as fl, toRefs as pl, watch as de, watchEffect as gl, openBlock as s, createElementBlock as r, unref as c, normalizeStyle as M, normalizeClass as H, createElementVNode as C, toDisplayString as D, createBlock as F, createCommentVNode as y, renderSlot as f, withCtx as p, normalizeProps as $, guardReactiveProps as I, createSlots as vt, createVNode as _e, Fragment as A, renderList as S, Teleport as xl, resolveDynamicComponent as bl, mergeProps as ml, createTextVNode as dt, nextTick as Le } from "vue";
-import { j as ht, o as yt, q as ft, r as kl, t as pt, n as wl, p as he, s as Cl, D as gt, k as K, l as G, X as Al, x as Sl, w as Tl, Z as $l, W as Il, a2 as U, m as _l, a0 as Ll, a1 as Pl, T as zl, a3 as Ol } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as E, ref as u, shallowRef as ct, computed as h, onMounted as yl, onBeforeUnmount as fl, toRefs as pl, watch as he, watchEffect as gl, openBlock as s, createElementBlock as r, unref as c, normalizeStyle as M, normalizeClass as H, createElementVNode as C, toDisplayString as D, createBlock as F, createCommentVNode as y, renderSlot as f, withCtx as p, normalizeProps as A, guardReactiveProps as S, createSlots as vt, createVNode as Le, Fragment as T, renderList as $, Teleport as xl, resolveDynamicComponent as bl, mergeProps as ml, createTextVNode as dt, nextTick as _e } from "vue";
+import { j as ht, o as yt, q as ft, r as kl, t as pt, n as wl, p as ye, s as Cl, D as gt, k as K, l as G, X as Al, x as Sl, w as Tl, Z as $l, W as Il, a2 as U, m as Ll, a0 as _l, a1 as Pl, T as zl, a3 as Ol } from "./lib-DBptbyyI.js";
 import { t as xt, u as Ml } from "./useResponsive-DfdjqQps.js";
-import { u as Nl } from "./useConfig-CpJA0VZa.js";
+import { u as Nl } from "./useConfig-ChRble71.js";
 import { u as Dl, B as Fl } from "./BaseScanner-BhhkKVoj.js";
 import { u as Xl } from "./usePrinter-CEpYU3r5.js";
 import { u as Bl } from "./useSvgExport-ByUukOZt.js";
@@ -17,7 +17,7 @@ import Vl from "./Legend-CS7Xo5LK.js";
 import { A as Kl } from "./A11yDataTable-KcVAX2cP.js";
 import { B as Gl } from "./BaseLegendToggle-BQVIawmA.js";
 import { _ as ql } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative" } }, ta = ["xmlns", "viewBox", "aria-describedby"], la = ["x", "y", "width", "height"], aa = { key: 1 }, oa = ["id"], sa = ["stop-color"], na = ["stop-color"], ra = ["stop-color"], ia = { key: 2 }, ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = { key: 3 }, va = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], da = ["x", "y", "fill", "font-size"], ha = ["transform", "font-size", "fill", "font-weight"], ya = { key: 6 }, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = { key: 7 }, ga = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], xa = ["transform", "fill", "font-size", "text-anchor"], ba = ["x", "y", "font-size", "fill", "font-weight"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], Ca = ["d", "stroke", "stroke-width"], Aa = ["cx", "cy", "fill", "r"], Sa = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Ta = { key: 1 }, $a = ["x", "y", "font-size", "fill", "font-weight"], Ia = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], _a = { key: 2 }, La = ["x", "y", "font-size", "font-weight", "fill"], Pa = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], za = {
+const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative" } }, ta = ["xmlns", "viewBox", "aria-describedby"], la = ["x", "y", "width", "height"], aa = { key: 1 }, oa = ["id"], sa = ["stop-color"], na = ["stop-color"], ra = ["stop-color"], ia = { key: 2 }, ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = { key: 3 }, va = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], da = ["x", "y", "fill", "font-size"], ha = ["transform", "font-size", "fill", "font-weight"], ya = { key: 6 }, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = { key: 7 }, ga = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], xa = ["transform", "fill", "font-size", "text-anchor"], ba = ["x", "y", "font-size", "fill", "font-weight"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], Ca = ["d", "stroke", "stroke-width"], Aa = ["cx", "cy", "fill", "r"], Sa = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Ta = { key: 1 }, $a = ["x", "y", "font-size", "fill", "font-weight"], Ia = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], La = { key: 2 }, _a = ["x", "y", "font-size", "font-weight", "fill"], Pa = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], za = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -43,20 +43,20 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(bt, { expose: mt, emit: kt }) {
-    const wt = E(() => import("./Tooltip-Bf-kM3_A.js")), Ct = E(() => import("./BaseIcon-Cb3zzG6s.js")), At = E(() => import("./vue-ui-accordion-BF4v32wv.js")), St = E(() => import("./DataTable-DT2kIdQ6.js")), Tt = E(() => import("./PenAndPaper-Ct3qJ4lA.js")), $t = E(() => import("./UserOptions-rW2fRf3V.js")), It = E(() => import("./PackageVersion-1BHnPIBZ.js")), _t = E(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_history_plot: Lt } = Nl(), { isThemeValid: Pt, warnInvalidTheme: zt } = Rl(), _ = bt, X = u(null), ze = u(null), Oe = u(0), Me = u(null), Ne = u(0), De = u(0), Fe = u(0), R = ct(null), W = ct(null), Xe = u(null), L = u(ht()), oe = u(!1), ye = u(""), x = u([]), q = u(!1), P = u(null), Z = u(!1), Be = u(null), Re = u(!1), J = u(null), fe = u(null), se = u(!1), ne = u(!1), pe = u(null), ge = u(null), re = u(null), xe = u(null), k = u(null), w = u(null), Ee = u({ x: 0, y: 0 }), ie = u("pointer"), be = u(!1), ue = h({
-      get: () => !!_.dataset && _.dataset.length,
+    const wt = E(() => import("./Tooltip-C8KGyqQk.js")), Ct = E(() => import("./BaseIcon-Cb3zzG6s.js")), At = E(() => import("./vue-ui-accordion-CnDW2UQL.js")), St = E(() => import("./DataTable-DT2kIdQ6.js")), Tt = E(() => import("./PenAndPaper-Ct3qJ4lA.js")), $t = E(() => import("./UserOptions-rW2fRf3V.js")), It = E(() => import("./PackageVersion-B3kmPxTR.js")), Lt = E(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_history_plot: _t } = Nl(), { isThemeValid: Pt, warnInvalidTheme: zt } = Rl(), L = bt, X = u(null), ze = u(null), Oe = u(0), Me = u(null), Ne = u(0), De = u(0), Fe = u(0), R = ct(null), W = ct(null), Xe = u(null), _ = u(ht()), oe = u(!1), fe = u(""), x = u([]), q = u(!1), P = u(null), Z = u(!1), Be = u(null), Re = u(!1), J = u(null), pe = u(null), se = u(!1), ne = u(!1), ge = u(null), xe = u(null), re = u(null), be = u(null), k = u(null), w = u(null), Ee = u({ x: 0, y: 0 }), ie = u("pointer"), me = u(!1), ue = h({
+      get: () => !!L.dataset && L.dataset.length,
       set: (t) => t
-    }), me = kt;
+    }), ke = kt;
     yl(() => {
       Re.value = !0, He();
     });
     const Ye = h(() => !!e.value.debug);
     function He() {
-      if (yt(_.dataset) ? (ft({
+      if (yt(L.dataset) ? (ft({
         componentName: "VueUiHistoryPlot",
         type: "dataset",
         debug: Ye.value
-      }), we.value = !0) : _.dataset.forEach((t, a) => {
+      }), Ce.value = !0) : L.dataset.forEach((t, a) => {
         kl({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -69,7 +69,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             debug: Ye.value
           });
         });
-      }), yt(_.dataset) || (we.value = e.value.loading), e.value.responsive) {
+      }), yt(L.dataset) || (Ce.value = e.value.loading), e.value.responsive) {
         const t = xt(() => {
           const { width: a, height: l } = Ml({
             chart: X.value,
@@ -130,10 +130,10 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     fl(() => {
       R.value && (W.value && R.value.unobserve(W.value), R.value.disconnect());
     });
-    function ke() {
+    function we() {
       const t = Pe({
-        userConfig: _.config,
-        defaultConfig: Lt
+        userConfig: L.config,
+        defaultConfig: _t
       });
       let a = {};
       const l = t.theme;
@@ -142,22 +142,22 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           zt(t), a = t;
         else {
           const n = Pe({
-            userConfig: jl[l] || _.config,
+            userConfig: jl[l] || L.config,
             defaultConfig: t
           });
           a = {
             ...Pe({
-              userConfig: _.config,
+              userConfig: L.config,
               defaultConfig: n
             }),
-            customPalette: t.customPalette.length ? t.customPalette : _l[l] || he
+            customPalette: t.customPalette.length ? t.customPalette : Ll[l] || ye
           };
         }
       else
         a = t;
       return a;
     }
-    const e = u(ke()), j = h(() => e.value.userOptions.useCursorPointer), Ot = h(() => pt({
+    const e = u(we()), j = h(() => e.value.userOptions.useCursorPointer), Ot = h(() => pt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -208,11 +208,11 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: B, FINAL_DATASET: Mt, manualLoading: we } = Dl({
-      ...pl(_),
+    })), { loading: B, FINAL_DATASET: Mt, manualLoading: Ce } = Dl({
+      ...pl(L),
       FINAL_CONFIG: e,
-      prepareConfig: ke,
-      skeletonDataset: _.config?.skeletonDataset ?? [
+      prepareConfig: we,
+      skeletonDataset: L.config?.skeletonDataset ?? [
         {
           name: "",
           color: "#CACACA",
@@ -228,21 +228,21 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Ot.value
       })
-    }), { userOptionsVisible: Ce, setUserOptionsVisibility: Ue, keepUserOptionState: We } = El({ config: e.value }), { svgRef: Y } = Yl({ config: e.value.style.chart.title });
-    de(() => _.config, (t) => {
-      B.value || (e.value = ke()), Ce.value = !e.value.userOptions.showOnChartHover, He(), Oe.value += 1, De.value += 1, Ne.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, i.value.plots = e.value.style.chart.plots.radius, i.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, i.value.labels = e.value.style.chart.plots.labels.fontSize, i.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, i.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, i.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, i.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), de(() => _.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (we.value = !1);
+    }), { userOptionsVisible: Ae, setUserOptionsVisibility: Ue, keepUserOptionState: We } = El({ config: e.value }), { svgRef: Y } = Yl({ config: e.value.style.chart.title });
+    he(() => L.config, (t) => {
+      B.value || (e.value = we()), Ae.value = !e.value.userOptions.showOnChartHover, He(), Oe.value += 1, De.value += 1, Ne.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, i.value.plots = e.value.style.chart.plots.radius, i.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, i.value.labels = e.value.style.chart.plots.labels.fontSize, i.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, i.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, i.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, i.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
+    }, { deep: !0 }), he(() => L.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Ce.value = !1);
     }, { deep: !0 });
-    const { isPrinting: Ae, isImaging: Se, generatePdf: je, generateImage: Ve } = Xl({
-      elementId: `history_plot_${L.value}`,
+    const { isPrinting: Se, isImaging: Te, generatePdf: je, generateImage: Ve } = Xl({
+      elementId: `history_plot_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
       options: e.value.userOptions.print
     }), Nt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Dt = h(() => wl(e.value.customPalette)), z = u({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    de(e, () => {
+    he(e, () => {
       z.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
@@ -254,11 +254,11 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     }), Ft = h(() => b.value.width), Xt = h(() => b.value.height);
     function Bt() {
       let t = 0;
-      xe.value && (t = Array.from(xe.value.querySelectorAll("text")).reduce((n, o) => {
+      be.value && (t = Array.from(be.value.querySelectorAll("text")).reduce((n, o) => {
         const d = o.getComputedTextLength();
         return d > n ? d : n;
       }, 0));
-      const a = ge.value ? ge.value.getBoundingClientRect().width : 0;
+      const a = xe.value ? xe.value.getBoundingClientRect().width : 0;
       return t + a + (a ? 24 : 0);
     }
     const Ke = u(0), Rt = xt((t) => {
@@ -274,7 +274,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     });
     const Ge = h(() => {
       let t = 0;
-      pe.value && (t = pe.value.getBBox().height + i.value.xAxisName / 2);
+      ge.value && (t = ge.value.getBBox().height + i.value.xAxisName / 2);
       let a = 0;
       return re.value && (a = Ke.value), t + a;
     }), v = h(() => {
@@ -297,7 +297,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       yAxisName: e.value.style.chart.axes.y.name.fontSize
     }), N = h(() => Mt.value.map((t, a) => ({
       ...t,
-      color: t.color ? Cl(t.color) : Dt.value[a] || he[a] || he[a % he.length],
+      color: t.color ? Cl(t.color) : Dt.value[a] || ye[a] || ye[a % ye.length],
       seriesIndex: a
     }))), Et = h(() => Math.max(...N.value.filter((t) => !x.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), Yt = h(() => {
       const t = Math.min(...N.value.filter((a) => !x.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
@@ -394,10 +394,10 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function Ze({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), me("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), ke("selectDatapoint", t);
     }
     function Je(t) {
-      me("selectLegend", {
+      ke("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
         opacity: t.isSegregated ? 1 : 0.5
@@ -406,7 +406,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     function Qe(t) {
       q.value = t, Fe.value += 1;
     }
-    const Te = u(null);
+    const ve = u(null);
     function et({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), !(ie.value === "keyboard" && k.value === l && w.value === a) && (oe.value = !1, P.value = null);
     }
@@ -420,7 +420,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       o && (Ee.value = o);
     }
     function tt({ datapoint: t, plotIndex: a, seriesIndex: l, triggerMode: n = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), k.value = l, w.value = a, ie.value = n, Te.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: N.value }, P.value = t;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), k.value = l, w.value = a, ie.value = n, ve.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: N.value }, P.value = t;
       const o = e.value.style.chart.tooltip.customFormat;
       if (Z.value = !1, zl(o))
         try {
@@ -431,7 +431,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             series: N.value,
             config: e.value
           });
-          typeof d == "string" && (ye.value = d, Z.value = !0);
+          typeof d == "string" && (fe.value = d, Z.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), Z.value = !1;
         }
@@ -455,9 +455,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             s: e.value.style.chart.axes.y.labels.suffix,
             r: e.value.style.chart.axes.y.labels.rounding
           })
-        )}</div>`, ye.value = `<div>${d}</div>`;
+        )}</div>`, fe.value = `<div>${d}</div>`;
       }
-      oe.value = !0, n === "keyboard" && Le(() => {
+      oe.value = !0, n === "keyboard" && _e(() => {
         Zt(l, a);
       });
     }
@@ -518,22 +518,22 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       };
     });
     function $e(t = null) {
-      Le(() => {
+      _e(() => {
         const a = [
           [e.value.table.columnNames.series],
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = g.value.flatMap((d) => d.plots.map((T) => [
-          [T.seriesName],
-          [T.label],
-          [T.valueX],
-          [T.valueY]
+        ], l = g.value.flatMap((d) => d.plots.map((I) => [
+          [I.seriesName],
+          [I.label],
+          [I.valueX],
+          [I.valueY]
         ])), n = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           a
-        ].concat(l), o = Ll(n);
+        ].concat(l), o = _l(n);
         t ? t(o) : Pl({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-history-plot"
@@ -582,7 +582,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     const te = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = z.value.showTable;
       return {
-        component: t ? _t : At,
+        component: t ? Lt : At,
         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,
@@ -609,11 +609,11 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         }
       };
     });
-    de(() => z.value.showTable, (t) => {
+    he(() => z.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
     });
     function ot() {
-      z.value.showTable = !1, fe.value && fe.value.setTableIconState(!1);
+      z.value.showTable = !1, pe.value && pe.value.setTableIconState(!1);
     }
     const ll = h(() => e.value.style.chart.backgroundColor), al = h(() => e.value.style.chart.legend), ol = h(() => e.value.style.chart.title), { exportSvg: sl, getSvg: nl } = Bl({
       svg: Y,
@@ -623,7 +623,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       backgroundColor: ll
     });
     async function st({ isCb: t }) {
-      ne.value = !0, await Le();
+      ne.value = !0, await _e();
       try {
         if (t) {
           const { blob: a, url: l, text: n, dataUrl: o } = await nl();
@@ -646,7 +646,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       Ve();
     }
     async function nt() {
-      if (me("copyAlt", {
+      if (ke("copyAlt", {
         config: e.value,
         dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
@@ -684,35 +684,35 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       k.value = null, w.value = null, ie.value = "pointer", oe.value = !1, P.value = null;
     }
     function ul() {
-      k.value = null, w.value = null, be.value = !0;
+      k.value = null, w.value = null, me.value = !0;
     }
     function cl() {
-      rt(), be.value = !1;
+      rt(), me.value = !1;
     }
     function vl(t, a) {
       if (!t?.plots?.length) return null;
       const l = t.plots.length;
       return (a % l + l) % l;
     }
-    function ve({ seriesIndex: t, plotIndex: a, direction: l }) {
+    function de({ seriesIndex: t, plotIndex: a, direction: l }) {
       if (!g.value.length) return null;
       const n = il(t);
       if (n === -1) return null;
       if (l === "up" || l === "down") {
         const o = g.value[n];
         if (!o?.plots?.length) return null;
-        const T = vl(o, a + (l === "up" ? -1 : 1));
+        const I = vl(o, a + (l === "up" ? -1 : 1));
         return {
           seriesIndex: o.seriesIndex,
-          plotIndex: T
+          plotIndex: I
         };
       }
       if (l === "left" || l === "right") {
-        const d = ((n + (l === "left" ? -1 : 1)) % g.value.length + g.value.length) % g.value.length, T = g.value[d];
-        if (!T?.plots?.length) return null;
-        const O = Math.min(a, T.plots.length - 1);
+        const d = ((n + (l === "left" ? -1 : 1)) % g.value.length + g.value.length) % g.value.length, I = g.value[d];
+        if (!I?.plots?.length) return null;
+        const O = Math.min(a, I.plots.length - 1);
         return {
-          seriesIndex: T.seriesIndex,
+          seriesIndex: I.seriesIndex,
           plotIndex: O
         };
       }
@@ -720,9 +720,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     }
     function dl(t) {
       if (!Y.value || ee.value || document.activeElement !== Y.value || !g.value.length) return;
-      const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", n = t.key === "ArrowUp", o = t.key === "ArrowDown", d = t.key === "Enter" || t.key === " ", T = t.key === "Escape";
-      if (!a && !l && !n && !o && !d && !T) return;
-      if (t.preventDefault(), t.stopPropagation(), T) {
+      const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", n = t.key === "ArrowUp", o = t.key === "ArrowDown", d = t.key === "Enter" || t.key === " ", I = t.key === "Escape";
+      if (!a && !l && !n && !o && !d && !I) return;
+      if (t.preventDefault(), t.stopPropagation(), I) {
         rt();
         return;
       }
@@ -745,19 +745,19 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           seriesIndex: ae.seriesIndex,
           plotIndex: 0
         };
-      } else n ? O = ve({
+      } else n ? O = de({
         seriesIndex: k.value,
         plotIndex: w.value,
         direction: "up"
-      }) : o ? O = ve({
+      }) : o ? O = de({
         seriesIndex: k.value,
         plotIndex: w.value,
         direction: "down"
-      }) : a ? O = ve({
+      }) : a ? O = de({
         seriesIndex: k.value,
         plotIndex: w.value,
         direction: "left"
-      }) : l && (O = ve({
+      }) : l && (O = de({
         seriesIndex: k.value,
         plotIndex: w.value,
         direction: "right"
@@ -786,7 +786,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       toggleFullscreen: Qe,
       copyAlt: nt
     }), (t, a) => (s(), r("div", {
-      id: `history_plot_${L.value}`,
+      id: `history_plot_${_.value}`,
       ref_key: "historyPlotChart",
       ref: X,
       class: H({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": q.value }),
@@ -795,14 +795,14 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       onMouseleave: a[3] || (a[3] = () => c(Ue)(!1))
     }, [
       C("div", {
-        id: `chart-instructions-${L.value}`,
+        id: `chart-instructions-${_.value}`,
         class: "sr-only"
       }, [
         C("p", null, D(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Jl),
       le.value.body.length ? (s(), F(Kl, {
         key: 0,
-        uid: L.value,
+        uid: _.value,
         head: le.value.head,
         body: le.value.body,
         caption: le.value.caption,
@@ -822,19 +822,19 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           f(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": p(({ color: l }) => [
-          f(t.$slots, "annotator-action-color", $(I({ color: l })), void 0, !0)
+          f(t.$slots, "annotator-action-color", A(S({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": p(({ mode: l }) => [
-          f(t.$slots, "annotator-action-draw", $(I({ mode: l })), void 0, !0)
+          f(t.$slots, "annotator-action-draw", A(S({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": p(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-undo", $(I({ disabled: l })), void 0, !0)
+          f(t.$slots, "annotator-action-undo", A(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": p(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-redo", $(I({ disabled: l })), void 0, !0)
+          f(t.$slots, "annotator-action-redo", A(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": p(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-delete", $(I({ disabled: l })), void 0, !0)
+          f(t.$slots, "annotator-action-delete", A(S({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : y("", !0),
@@ -867,17 +867,17 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         }, null, 8, ["config"]))
       ], 4)) : y("", !0),
       C("div", {
-        id: `legend-top-${L.value}`
+        id: `legend-top-${_.value}`
       }, null, 8, Ql),
-      e.value.userOptions.show && ue.value && (c(We) || c(Ce)) ? (s(), F(c($t), {
+      e.value.userOptions.show && ue.value && (c(We) || c(Ae)) ? (s(), F(c($t), {
         ref_key: "userOptionsRef",
-        ref: fe,
+        ref: pe,
         key: `user_option_${Fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Ae),
-        isImaging: c(Se),
-        uid: L.value,
+        isPrinting: c(Se),
+        isImaging: c(Te),
+        uid: _.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -908,13 +908,13 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         onToggleAnnotator: Ie,
         onCopyAlt: nt,
         style: M({
-          visibility: c(We) ? c(Ce) ? "visible" : "hidden" : "visible"
+          visibility: c(We) ? c(Ae) ? "visible" : "hidden" : "visible"
         })
       }, vt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: p(({ isOpen: l, color: n }) => [
-            f(t.$slots, "menuIcon", $(I({ isOpen: l, color: n })), void 0, !0)
+            f(t.$slots, "menuIcon", A(S({ isOpen: l, color: n })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -963,21 +963,21 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: p(({ toggleFullscreen: l, isFullscreen: n }) => [
-            f(t.$slots, "optionFullscreen", $(I({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
+            f(t.$slots, "optionFullscreen", A(S({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: p(({ toggleAnnotator: l, isAnnotator: n }) => [
-            f(t.$slots, "optionAnnotator", $(I({ toggleAnnotator: l, isAnnotator: n })), void 0, !0)
+            f(t.$slots, "optionAnnotator", A(S({ toggleAnnotator: l, isAnnotator: n })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: p(({ altCopy: l }) => [
-            f(t.$slots, "optionAltCopy", $(I({ altCopy: l })), void 0, !0)
+            f(t.$slots, "optionAltCopy", A(S({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -989,13 +989,13 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           xmlns: c(Al),
           viewBox: `0 0 ${b.value.width < 0 ? 0.1 : b.value.width} ${b.value.height < 0 ? 0.1 : b.value.height}`,
           style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
-          "aria-describedby": `chart-instructions-${L.value}`,
+          "aria-describedby": `chart-instructions-${_.value}`,
           tabindex: "0",
           onFocus: ul,
           onBlur: cl,
           onKeydown: dl
         }, [
-          _e(c(It)),
+          Le(c(It)),
           t.$slots["chart-background"] ? (s(), r("foreignObject", {
             key: 0,
             x: v.value.left,
@@ -1009,8 +1009,8 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             f(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, la)) : y("", !0),
           e.value.style.chart.plots.gradient.show ? (s(), r("defs", aa, [
-            (s(!0), r(A, null, S(g.value, (l, n) => (s(), r("radialGradient", {
-              id: `gradient_${n}_${L.value}`,
+            (s(!0), r(T, null, $(g.value, (l, n) => (s(), r("radialGradient", {
+              id: `gradient_${n}_${_.value}`,
               fy: "30%"
             }, [
               C("stop", {
@@ -1028,7 +1028,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             ], 8, oa))), 256))
           ])) : y("", !0),
           e.value.style.chart.grid.verticalLines.show ? (s(), r("g", ia, [
-            (s(!0), r(A, null, S(m.value.tickX, (l) => (s(), r("line", {
+            (s(!0), r(T, null, $(m.value.tickX, (l) => (s(), r("line", {
               x1: l.x,
               x2: l.x,
               y1: l.y1,
@@ -1039,7 +1039,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             }, null, 8, ua))), 256))
           ])) : y("", !0),
           e.value.style.chart.axes.y.labels.show ? (s(), r("g", ca, [
-            (s(!0), r(A, null, S(m.value.tickY, (l) => (s(), r("line", {
+            (s(!0), r(T, null, $(m.value.tickY, (l) => (s(), r("line", {
               stroke: e.value.style.chart.grid.verticalLines.stroke,
               "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
               "stroke-linecap": "round",
@@ -1052,9 +1052,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           e.value.style.chart.axes.y.labels.show ? (s(), r("g", {
             key: 4,
             ref_key: "yAxisScales",
-            ref: xe
+            ref: be
           }, [
-            (s(!0), r(A, null, S(m.value.tickY, (l) => (s(), r("text", {
+            (s(!0), r(T, null, $(m.value.tickY, (l) => (s(), r("text", {
               x: v.value.left + e.value.style.chart.axes.y.labels.offsetX - 4 - e.value.style.chart.plots.radius,
               y: l.y + i.value.yAxisLabels / 3,
               fill: e.value.style.chart.axes.y.labels.color,
@@ -1074,7 +1074,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           e.value.style.chart.axes.y.name.text ? (s(), r("text", {
             key: 5,
             ref_key: "yAxisLabel",
-            ref: ge,
+            ref: xe,
             transform: `translate(${i.value.yAxisName}, ${b.value.height / 2 + e.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
             "font-size": i.value.yAxisName,
             fill: e.value.style.chart.axes.y.name.color,
@@ -1082,7 +1082,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             "text-anchor": "middle"
           }, D(e.value.style.chart.axes.y.name.text), 9, ha)) : y("", !0),
           e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", ya, [
-            (s(!0), r(A, null, S(m.value.tickY, (l) => (s(), r("line", {
+            (s(!0), r(T, null, $(m.value.tickY, (l) => (s(), r("line", {
               x1: l.x1,
               x2: l.x2,
               y1: l.y,
@@ -1093,7 +1093,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             }, null, 8, fa))), 256))
           ])) : y("", !0),
           e.value.style.chart.axes.x.labels.show ? (s(), r("g", pa, [
-            (s(!0), r(A, null, S(m.value.tickX, (l) => (s(), r("line", {
+            (s(!0), r(T, null, $(m.value.tickX, (l) => (s(), r("line", {
               stroke: e.value.style.chart.grid.verticalLines.stroke,
               "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
               "stroke-linecap": "round",
@@ -1108,7 +1108,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             ref_key: "xAxisScales",
             ref: re
           }, [
-            (s(!0), r(A, null, S(m.value.tickX, (l) => (s(), r("text", {
+            (s(!0), r(T, null, $(m.value.tickX, (l) => (s(), r("text", {
               class: "vue-ui-history-plot-x-axis-scale",
               transform: `translate(${l.x}, ${v.value.bottom + e.value.style.chart.axes.x.labels.offsetY + i.value.xAxisLabels + e.value.style.chart.plots.radius}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
               fill: e.value.style.chart.axes.x.labels.color,
@@ -1128,7 +1128,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           e.value.style.chart.axes.x.name.text ? (s(), r("text", {
             key: 9,
             ref_key: "xAxisLabel",
-            ref: pe,
+            ref: ge,
             x: b.value.width / 2 + e.value.style.chart.axes.x.name.offsetX,
             y: b.value.height,
             "font-size": i.value.xAxisName,
@@ -1156,7 +1156,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, ka)) : y("", !0),
-          (s(!0), r(A, null, S(g.value, (l, n) => (s(), r("g", null, [
+          (s(!0), r(T, null, $(g.value, (l, n) => (s(), r("g", null, [
             e.value.style.chart.paths.show ? (s(), r("g", {
               key: 0,
               style: M({
@@ -1182,17 +1182,17 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                 class: H({ animated: e.value.useCssAnimation && !c(B) })
               }, null, 10, Ca)
             ], 4)) : y("", !0),
-            (s(!0), r(A, null, S(l.plots, (o) => (s(), r("circle", {
+            (s(!0), r(T, null, $(l.plots, (o) => (s(), r("circle", {
               cx: o.x,
               cy: o.y,
               fill: e.value.style.chart.backgroundColor,
               r: i.value.plots,
               stroke: "none"
             }, null, 8, Aa))), 256)),
-            (s(!0), r(A, null, S(l.plots, (o) => (s(), r("circle", {
+            (s(!0), r(T, null, $(l.plots, (o) => (s(), r("circle", {
               cx: o.x,
               cy: o.y,
-              fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${n}_${L.value})` : o.color,
+              fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${n}_${_.value})` : o.color,
               r: i.value.plots,
               stroke: e.value.style.chart.plots.stroke,
               "stroke-width": e.value.style.chart.plots.strokeWidth,
@@ -1203,7 +1203,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
               })
             }, null, 14, Sa))), 256)),
             e.value.style.chart.plots.labels.show ? (s(), r("g", Ta, [
-              (s(!0), r(A, null, S(l.plots, (o) => (s(), r("g", null, [
+              (s(!0), r(T, null, $(l.plots, (o) => (s(), r("g", null, [
                 String(o.label).includes(`
 `) ? (s(), r("text", {
                   key: 1,
@@ -1241,8 +1241,8 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                 }, D(o.label), 15, $a))
               ]))), 256))
             ])) : y("", !0),
-            e.value.style.chart.plots.indexLabels.show ? (s(), r("g", _a, [
-              (s(!0), r(A, null, S(l.plots, (o, d) => (s(), r("text", {
+            e.value.style.chart.plots.indexLabels.show ? (s(), r("g", La, [
+              (s(!0), r(T, null, $(l.plots, (o, d) => (s(), r("text", {
                 x: o.x + e.value.style.chart.plots.indexLabels.offsetX,
                 y: o.y + e.value.style.chart.plots.indexLabels.offsetY + i.value.indexLabels / 3,
                 "font-size": i.value.indexLabels,
@@ -1254,11 +1254,11 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                   opacity: P.value === null || P.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 })
-              }, D(e.value.style.chart.plots.indexLabels.startAtZero ? d : d + 1), 15, La))), 256))
+              }, D(e.value.style.chart.plots.indexLabels.startAtZero ? d : d + 1), 15, _a))), 256))
             ])) : y("", !0)
           ]))), 256)),
-          (s(!0), r(A, null, S(g.value, (l) => (s(), r("g", null, [
-            (s(!0), r(A, null, S(l.plots, (n, o) => (s(), r("circle", {
+          (s(!0), r(T, null, $(g.value, (l) => (s(), r("g", null, [
+            (s(!0), r(T, null, $(l.plots, (n, o) => (s(), r("circle", {
               cx: n.x,
               cy: n.y,
               fill: "transparent",
@@ -1285,24 +1285,24 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           f(t.$slots, "svg", {
             svg: {
               ...b.value,
-              isPrintingImg: c(Ae) | c(Se) | se.value,
+              isPrintingImg: c(Se) | c(Te) | se.value,
               isPrintingSvg: ne.value
             }
           }, void 0, !0)
         ], 44, ta)),
         t.$slots.hint ? (s(), r("div", za, [
-          f(t.$slots, "hint", $(I({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: be.value })), void 0, !0)
+          f(t.$slots, "hint", A(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: me.value })), void 0, !0)
         ])) : y("", !0)
       ]),
       t.$slots.watermark ? (s(), r("div", Oa, [
-        f(t.$slots, "watermark", $(I({ isPrinting: c(Ae) || c(Se) || se.value || ne.value })), void 0, !0)
+        f(t.$slots, "watermark", A(S({ isPrinting: c(Se) || c(Te) || se.value || ne.value })), void 0, !0)
       ])) : y("", !0),
       C("div", {
-        id: `legend-bottom-${L.value}`
+        id: `legend-bottom-${_.value}`
       }, null, 8, Ma),
       Re.value ? (s(), F(xl, {
         key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${_.value}` : `#legend-bottom-${_.value}`
       }, [
         C("div", {
           ref_key: "chartLegend",
@@ -1351,7 +1351,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       }, [
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      _e(c(wt), {
+      Le(c(wt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: z.value.showTooltip && oe.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1364,7 +1364,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: X.value,
-        content: ye.value,
+        content: fe.value,
         isCustom: Z.value,
         isFullscreen: q.value,
         smooth: e.value.style.chart.tooltip.smooth,
@@ -1375,10 +1375,13 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         a11yPosition: Ee.value
       }, {
         "tooltip-before": p(() => [
-          f(t.$slots, "tooltip-before", $(I({ ...Te.value })), void 0, !0)
+          f(t.$slots, "tooltip-before", A(S({ ...ve.value })), void 0, !0)
+        ]),
+        tooltip: p(() => [
+          f(t.$slots, "tooltip", A(S({ ...ve.value })), void 0, !0)
         ]),
         "tooltip-after": p(() => [
-          f(t.$slots, "tooltip-after", $(I({ ...Te.value })), void 0, !0)
+          f(t.$slots, "tooltip-after", A(S({ ...ve.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"]),
@@ -1429,7 +1432,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
               onClick: a[1] || (a[1] = (l) => $e(e.value.userOptions.callbacks.csv)),
               style: M({ cursor: j.value ? "pointer" : "default" })
             }, [
-              _e(c(Ct), {
+              Le(c(Ct), {
                 name: "fileCsv",
                 stroke: te.value.props.color
               }, null, 8, ["stroke"])
@@ -1443,7 +1446,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       ], !0)
     ], 46, Zl));
   }
-}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-156f0653"]]);
+}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-9f997071"]]);
 export {
   oo as default
 };