vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-parallel-coordinate-plot-wJcWVLAC.js → vue-ui-parallel-coordinate-plot-CcHmB0MQ.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as H, computed as h, ref as c, toRefs as sa, watch as de, shallowRef as ct, onMounted as na, onBeforeUnmount as ia, watchEffect as ua, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as oe, createElementVNode as S, toDisplayString as V, createBlock as z, createCommentVNode as y, withCtx as f, renderSlot as p, normalizeProps as A, guardReactiveProps as $, createSlots as vt, createVNode as Se, Fragment as M, renderList as D, Teleport as ra, resolveDynamicComponent as ca, mergeProps as va, createTextVNode as dt, nextTick as Me } from "vue";
-import { j as ze, t as ht, m as da, p as he, o as pt, q as ft, r as ha, n as pa, s as fa, D as ya, b as ma, c as ga, aj as ba, X as ka, Z as xa, T as yt, a2 as pe, a0 as Ca, a1 as wa, k as mt, l as gt, U as Aa, a3 as $a } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as H, computed as p, ref as c, toRefs as sa, watch as he, shallowRef as ct, onMounted as na, onBeforeUnmount as ia, watchEffect as ua, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as oe, createElementVNode as S, toDisplayString as V, createBlock as z, createCommentVNode as y, withCtx as f, renderSlot as h, normalizeProps as A, guardReactiveProps as $, createSlots as vt, createVNode as Se, Fragment as M, renderList as D, Teleport as ra, resolveDynamicComponent as ca, mergeProps as va, createTextVNode as dt, nextTick as Me } from "vue";
+import { j as ze, t as ht, m as da, p as pe, o as pt, q as ft, r as ha, n as pa, s as fa, D as ya, b as ma, c as ga, aj as ba, X as ka, Z as xa, T as yt, a2 as fe, a0 as Ca, a1 as wa, k as mt, l as gt, U as Aa, a3 as $a } from "./lib-DBptbyyI.js";
 import { t as bt, u as Ta } from "./useResponsive-DfdjqQps.js";
-import { u as Pa } from "./useConfig-CpJA0VZa.js";
+import { u as Pa } from "./useConfig-ChRble71.js";
 import { u as Ia } from "./usePrinter-CEpYU3r5.js";
 import { u as Sa, B as Ma } from "./BaseScanner-BhhkKVoj.js";
 import { u as za } from "./useSvgExport-ByUukOZt.js";
@@ -44,18 +44,18 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(kt, { expose: xt, emit: Ct }) {
-    const wt = H(() => import("./Tooltip-Bf-kM3_A.js")), At = H(() => import("./BaseIcon-Cb3zzG6s.js")), $t = H(() => import("./vue-ui-accordion-BF4v32wv.js")), Tt = H(() => import("./DataTable-DT2kIdQ6.js")), Pt = H(() => import("./PenAndPaper-Ct3qJ4lA.js")), It = H(() => import("./UserOptions-rW2fRf3V.js")), St = H(() => import("./PackageVersion-1BHnPIBZ.js")), Mt = H(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_parallel_coordinate_plot: zt } = Pa(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Na(), T = kt, se = h({
+    const wt = H(() => import("./Tooltip-C8KGyqQk.js")), At = H(() => import("./BaseIcon-Cb3zzG6s.js")), $t = H(() => import("./vue-ui-accordion-CnDW2UQL.js")), Tt = H(() => import("./DataTable-DT2kIdQ6.js")), Pt = H(() => import("./PenAndPaper-Ct3qJ4lA.js")), It = H(() => import("./UserOptions-rW2fRf3V.js")), St = H(() => import("./PackageVersion-B3kmPxTR.js")), Mt = H(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_parallel_coordinate_plot: zt } = Pa(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Na(), T = kt, se = p({
       get() {
         return !!T.dataset && T.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Fe = c(0), O = c(null), Le = c(null), _e = c(null), Oe = c(null), De = c(null), Re = c(0), Be = c(0), Ee = c(0), Ue = c(!1), q = c(null), fe = c(null), ne = c(!1), ie = c(!1), ye = c(null), N = c(null), He = c({ x: 0, y: 0 }), ue = c("pointer"), me = c(!1), F = c(ze()), W = c(!1);
+    }), Fe = c(0), O = c(null), Le = c(null), _e = c(null), Oe = c(null), De = c(null), Re = c(0), Be = c(0), Ee = c(0), Ue = c(!1), q = c(null), ye = c(null), ne = c(!1), ie = c(!1), me = c(null), N = c(null), He = c({ x: 0, y: 0 }), ue = c("pointer"), ge = c(!1), F = c(ze()), W = c(!1);
     function Ve(t) {
       W.value = t, Fe.value += 1;
     }
-    const e = c(ke()), j = h(() => e.value.userOptions.useCursorPointer), Lt = h(() => ht({
+    const e = c(xe()), j = p(() => e.value.userOptions.useCursorPointer), Lt = p(() => ht({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -81,10 +81,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: R, FINAL_DATASET: _t, manualLoading: ge } = Sa({
+    })), { loading: R, FINAL_DATASET: _t, manualLoading: be } = Sa({
       ...sa(T),
       FINAL_CONFIG: e,
-      prepareConfig: ke,
+      prepareConfig: xe,
       callback: () => {
         Promise.resolve().then(async () => {
           await Me(), g.value.showTable = e.value.table.show;
@@ -129,8 +129,8 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Lt.value
       })
-    }), { userOptionsVisible: be, setUserOptionsVisibility: We, keepUserOptionState: je } = Fa({ config: e.value }), { svgRef: G } = La({ config: e.value.style.chart.title });
-    function ke() {
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: We, keepUserOptionState: je } = Fa({ config: e.value }), { svgRef: G } = La({ config: e.value.style.chart.title });
+    function xe() {
       const t = Ne({
         userConfig: T.config,
         defaultConfig: zt
@@ -147,25 +147,25 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : da[l] || he
+        customPalette: s.customPalette.length ? s.customPalette : da[l] || pe
       };
     }
-    de(() => T.config, (t) => {
-      R.value || (e.value = ke()), be.value = !e.value.userOptions.showOnChartHover, Xe(), Re.value += 1, Ee.value += 1, Be.value += 1, g.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), de(() => T.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ge.value = !1);
+    he(() => T.config, (t) => {
+      R.value || (e.value = xe()), ke.value = !e.value.userOptions.showOnChartHover, Xe(), Re.value += 1, Ee.value += 1, Be.value += 1, g.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
+    }, { deep: !0 }), he(() => T.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (be.value = !1);
     }, { deep: !0 });
     const B = ct(null), K = ct(null);
     na(() => {
       Ue.value = !0, Xe();
     });
-    const Ge = h(() => !!e.value.debug);
+    const Ge = p(() => !!e.value.debug);
     function Xe() {
       if (pt(T.dataset) ? (ft({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset",
         debug: Ge.value
-      }), ge.value = !0) : T.dataset.forEach((t, l) => {
+      }), be.value = !0) : T.dataset.forEach((t, l) => {
         ha({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
@@ -178,7 +178,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
             debug: Ge.value
           });
         });
-      }), pt(T.dataset) || (ge.value = e.value.loading), e.value.responsive) {
+      }), pt(T.dataset) || (be.value = e.value.loading), e.value.responsive) {
         const t = bt(() => {
           const { width: l, height: a } = Ta({
             chart: O.value,
@@ -188,25 +188,25 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
             noTitle: De.value
           });
           requestAnimationFrame(() => {
-            d.value.width = l, d.value.height = a - 12, e.value.responsiveProportionalSizing ? (d.value.plotSize = pe({
+            d.value.width = l, d.value.height = a - 12, e.value.responsiveProportionalSizing ? (d.value.plotSize = fe({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
               threshold: 2,
               fallback: 2
-            }), d.value.ticksFontSize = pe({
+            }), d.value.ticksFontSize = fe({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.yAxis.labels.ticks.fontSize,
               threshold: 10,
               fallback: 10
-            }), d.value.datapointFontSize = pe({
+            }), d.value.datapointFontSize = fe({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.yAxis.labels.datapoints.fontSize,
               threshold: 10,
               fallback: 10
-            }), d.value.axisNameFontSize = pe({
+            }), d.value.axisNameFontSize = fe({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.yAxis.labels.axisNamesFontSize,
@@ -221,11 +221,11 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     ia(() => {
       B.value && (K.value && B.value.unobserve(K.value), B.value.disconnect());
     });
-    const { isPrinting: xe, isImaging: Ce, generatePdf: Ke, generateImage: Ye } = Ia({
+    const { isPrinting: Ce, isImaging: we, generatePdf: Ke, generateImage: Ye } = Ia({
       elementId: `pcp_${F.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
       options: e.value.userOptions.print
-    }), Ot = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = c({
+    }), Ot = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = c({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width,
       plotSize: e.value.style.chart.plots.radius,
@@ -234,18 +234,18 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       // ratio 42.85
       datapointFontSize: e.value.style.chart.yAxis.labels.datapoints.fontSize,
       axisNameFontSize: e.value.style.chart.yAxis.labels.axisNamesFontSize
-    }), qe = h(() => d.value.width), Ze = h(() => d.value.height), Z = c(0), Dt = bt((t) => {
+    }), qe = p(() => d.value.width), Ze = p(() => d.value.height), Z = c(0), Dt = bt((t) => {
       Z.value = t;
     }, 100);
     ua((t) => {
-      const l = ye.value;
+      const l = me.value;
       if (!l) return;
       const a = new ResizeObserver((s) => {
         Dt(s[0].contentRect.height);
       });
       a.observe(l), t(() => a.disconnect());
     });
-    const m = h(() => {
+    const m = p(() => {
       const { top: t, right: l, bottom: a, left: s } = e.value.style.chart.padding, o = Ze.value, u = qe.value;
       return {
         chartHeight: Math.max(1e-3, o),
@@ -257,14 +257,14 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         right: u - l,
         bottom: o - a - d.value.datapointFontSize
       };
-    }), Rt = h(() => pa(e.value.customPalette)), g = c({
+    }), Rt = p(() => pa(e.value.customPalette)), g = c({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    de(e, () => {
+    he(e, () => {
       g.value = {
         dataLabels: {
           show: e.value.style.chart.yAxis.labels.datapoints.show
@@ -282,8 +282,8 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     function re(t) {
       x.value.includes(t) ? x.value = x.value.filter((l) => l !== t) : x.value.push(t);
     }
-    const L = h(() => _t.value.map((t, l) => {
-      const a = fa(t.color) || Rt.value[l] || he[l] || he[l % he.length];
+    const L = p(() => _t.value.map((t, l) => {
+      const a = fa(t.color) || Rt.value[l] || pe[l] || pe[l % pe.length];
       return {
         ...t,
         series: t.series.map((s) => ({
@@ -311,25 +311,25 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       const l = Je(t);
       l !== null && (x.value.includes(l.id) || re(l.id));
     }
-    const ce = h(() => L.value.map((t) => ({
+    const ce = p(() => L.value.map((t) => ({
       ...t,
       opacity: x.value.includes(t.id) ? 0.5 : 1,
       segregate: () => re(t.id),
       isSegregated: x.value.includes(t.id),
       shape: t.shape || "circle"
-    }))), Ht = h(() => ({
+    }))), Ht = p(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), Qe = h(() => Math.max(
+    })), Qe = p(() => Math.max(
       ...L.value.filter((t) => !x.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), P = h(() => m.value.width / Qe.value), we = h(() => L.value.filter((t) => !x.value.includes(t.id))), b = h(() => {
+    )), P = p(() => m.value.width / Qe.value), Ae = p(() => L.value.filter((t) => !x.value.includes(t.id))), b = p(() => {
       let t = [];
       for (let l = 0; l < Qe.value; l += 1) {
-        const a = Math.min(...we.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), s = Math.max(...we.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), o = s === a ? a / 4 : a, u = s === a ? s * 2 : s, i = ya(o, u, e.value.style.chart.yAxis.scaleTicks), k = i.ticks.map((w, U) => {
+        const a = Math.min(...Ae.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), s = Math.max(...Ae.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), o = s === a ? a / 4 : a, u = s === a ? s * 2 : s, i = ya(o, u, e.value.style.chart.yAxis.scaleTicks), k = i.ticks.map((w, U) => {
           const I = i.min < 0 ? w + Math.abs(i.min) : w - Math.abs(i.min), oa = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
           return {
             y: m.value.bottom - m.value.height * (I / oa),
@@ -344,7 +344,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         });
       }
       return t;
-    }), Y = h(() => we.value.map((t, l) => ({
+    }), Y = p(() => Ae.value.map((t, l) => ({
       ...t,
       series: t.series.map((a, s) => ({
         ...a,
@@ -374,7 +374,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           pathLength: o
         };
       })
-    }))), X = h(() => Y.value.flatMap((t, l) => t.series.map((a, s) => ({
+    }))), X = p(() => Y.value.flatMap((t, l) => t.series.map((a, s) => ({
       shape: t.shape,
       serieName: t.name,
       serie: a,
@@ -396,11 +396,11 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         { datapoint: a, seriesIndex: l }
       );
     }
-    const C = c(null), Ae = c(null), ve = c(!1), $e = c("");
+    const C = c(null), ve = c(null), de = c(!1), $e = c("");
     function J({ shape: t, serie: l, S: a }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...l, shape: t }, seriesIndex: a });
       const s = N.value !== null ? X.value[N.value] : null;
-      ue.value === "keyboard" && s && s.serie.id === l.id || (C.value = null, ve.value = !1);
+      ue.value === "keyboard" && s && s.serie.id === l.id || (C.value = null, de.value = !1);
     }
     function Vt(t) {
       if (!G.value || !t?.datapoints?.length) return;
@@ -410,7 +410,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       a && (He.value = a);
     }
     function Q({ shape: t, serieName: l, serie: a, relativeIndex: s, seriesIndex: o, S: u, triggerMode: i = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), ue.value = i, Ae.value = { serie: a, relativeIndex: s, seriesIndex: o, series: L.value, scales: b.value }, ve.value = !0, C.value = a.id;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), ue.value = i, ve.value = { datapoint: a, serie: a, relativeIndex: s, seriesIndex: o, series: L.value, scales: b.value }, de.value = !0, C.value = a.id;
       let k = "";
       const w = e.value.style.chart.tooltip.customFormat;
       yt(w) && Aa(() => w({
@@ -451,7 +451,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     function Wt() {
       return L.value;
     }
-    const E = h(() => {
+    const E = p(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(b.value.map((o) => o.name)), l = Y.value.flatMap((o, u) => o.series.map((i) => [o.name].concat([i.name]).concat(i.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -471,7 +471,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         config: a,
         colNames: s
       };
-    }), tt = h(() => Y.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
+    }), tt = p(() => Y.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
       head: E.value.head,
       body: E.value.body
     });
@@ -515,9 +515,9 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         aspectRatio: s
       };
     }
-    const Gt = c({ start: 0, end: 1 }), Xt = h(() => b.value.map((t) => t.name));
+    const Gt = c({ start: 0, end: 1 }), Xt = p(() => b.value.map((t) => t.name));
     _a({
-      timeLabelsEls: ye,
+      timeLabelsEls: me,
       timeLabels: Xt,
       slicer: Gt,
       configRef: e,
@@ -529,7 +529,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       targetClass: ".vue-ui-parallel-coordinate-plot-x-label",
       rotation: e.value.style.chart.yAxis.labels.axisNamesAutoRotate.angle
     });
-    const ae = h(() => {
+    const ae = p(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = g.value.showTable;
       return {
         component: t ? Mt : $t,
@@ -560,13 +560,13 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         }
       };
     });
-    de(() => g.value.showTable, (t) => {
+    he(() => g.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
     });
     function nt() {
-      g.value.showTable = !1, fe.value && fe.value.setTableIconState(!1);
+      g.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
-    const Kt = h(() => e.value.style.chart.backgroundColor), Yt = h(() => e.value.style.chart.legend), qt = h(() => e.value.style.chart.title), { exportSvg: Zt, getSvg: Jt } = za({
+    const Kt = p(() => e.value.style.chart.backgroundColor), Yt = p(() => e.value.style.chart.legend), qt = p(() => e.value.style.chart.title), { exportSvg: Zt, getSvg: Jt } = za({
       svg: G,
       title: qt,
       legend: Yt,
@@ -622,13 +622,13 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           S: t.S
         });
       }
-      N.value = null, ue.value = "pointer", C.value = null, ve.value = !1;
+      N.value = null, ue.value = "pointer", C.value = null, de.value = !1;
     }
     function ta() {
-      N.value = null, me.value = !0;
+      N.value = null, ge.value = !0;
     }
     function aa() {
-      rt(), me.value = !1;
+      rt(), ge.value = !1;
     }
     function la(t) {
       if (!G.value || te.value || document.activeElement !== G.value || !X.value.length) return;
@@ -662,7 +662,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         triggerMode: "keyboard"
       }));
     }
-    const le = h(() => ({
+    const le = p(() => ({
       head: E.value.head,
       body: E.value.body.map((t) => [
         t[0] ?? "",
@@ -720,22 +720,22 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         onClose: Ie
       }, {
         "annotator-action-close": f(() => [
-          p(t.$slots, "annotator-action-close", {}, void 0, !0)
+          h(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": f(({ color: a }) => [
-          p(t.$slots, "annotator-action-color", A($({ color: a })), void 0, !0)
+          h(t.$slots, "annotator-action-color", A($({ color: a })), void 0, !0)
         ]),
         "annotator-action-draw": f(({ mode: a }) => [
-          p(t.$slots, "annotator-action-draw", A($({ mode: a })), void 0, !0)
+          h(t.$slots, "annotator-action-draw", A($({ mode: a })), void 0, !0)
         ]),
         "annotator-action-undo": f(({ disabled: a }) => [
-          p(t.$slots, "annotator-action-undo", A($({ disabled: a })), void 0, !0)
+          h(t.$slots, "annotator-action-undo", A($({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-redo": f(({ disabled: a }) => [
-          p(t.$slots, "annotator-action-redo", A($({ disabled: a })), void 0, !0)
+          h(t.$slots, "annotator-action-redo", A($({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-delete": f(({ disabled: a }) => [
-          p(t.$slots, "annotator-action-delete", A($({ disabled: a })), void 0, !0)
+          h(t.$slots, "annotator-action-delete", A($({ disabled: a })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : y("", !0),
@@ -769,14 +769,14 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       S("div", {
         id: `legend-top-${F.value}`
       }, null, 8, Ga),
-      e.value.userOptions.show && se.value && (v(je) || v(be)) ? (n(), z(v(It), {
+      e.value.userOptions.show && se.value && (v(je) || v(ke)) ? (n(), z(v(It), {
         ref_key: "userOptionsRef",
-        ref: fe,
+        ref: ye,
         key: `user_options_${Fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(xe),
-        isImaging: v(Ce),
+        isPrinting: v(Ce),
+        isImaging: v(we),
         uid: F.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -809,76 +809,76 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         onToggleAnnotator: Ie,
         onCopyAlt: ut,
         style: _({
-          visibility: v(je) ? v(be) ? "visible" : "hidden" : "visible"
+          visibility: v(je) ? v(ke) ? "visible" : "hidden" : "visible"
         })
       }, vt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", A($({ isOpen: a, color: s })), void 0, !0)
+            h(t.$slots, "menuIcon", A($({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: f(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+            h(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: f(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
+            h(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: f(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+            h(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: f(() => [
-            p(t.$slots, "optionSvg", {}, void 0, !0)
+            h(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: f(() => [
-            p(t.$slots, "optionTable", {}, void 0, !0)
+            h(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
           fn: f(() => [
-            p(t.$slots, "optionLabels", {}, void 0, !0)
+            h(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: f(({ toggleFullscreen: a, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", A($({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            h(t.$slots, "optionFullscreen", A($({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: f(({ toggleAnnotator: a, isAnnotator: s }) => [
-            p(t.$slots, "optionAnnotator", A($({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            h(t.$slots, "optionAnnotator", A($({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: f(({ altCopy: a }) => [
-            p(t.$slots, "optionAltCopy", A($({ altCopy: a })), void 0, !0)
+            h(t.$slots, "optionAltCopy", A($({ altCopy: a })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -908,7 +908,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
               pointerEvents: "none"
             }
           }, [
-            p(t.$slots, "chart-background", {}, void 0, !0)
+            h(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Ya)) : y("", !0),
           (n(!0), r(M, null, D(b.value, (a, s) => (n(), r("g", qa, [
             S("line", {
@@ -945,7 +945,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           e.value.style.chart.yAxis.labels.showAxisNames ? (n(), r("g", {
             key: 1,
             ref_key: "xAxisLabels",
-            ref: ye
+            ref: me
           }, [
             (n(!0), r(M, null, D(b.value, (a, s) => (n(), r(M, null, [
               String(a.name).includes(`
@@ -1019,7 +1019,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                     y: i.y + e.value.style.chart.comments.offsetY + 6
                   }, [
                     S("div", nl, [
-                      p(t.$slots, "plot-comment", {
+                      h(t.$slots, "plot-comment", {
                         plot: { ...i, color: a.color }
                       }, void 0, !0)
                     ])
@@ -1088,20 +1088,20 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
               }, null, 42, rl)) : y("", !0)
             ]))), 256))
           ]))), 256)),
-          p(t.$slots, "svg", {
+          h(t.$slots, "svg", {
             svg: {
               ...m.value,
-              isPrintingImg: v(xe) | v(Ce) | ne.value,
+              isPrintingImg: v(Ce) | v(we) | ne.value,
               isPrintingSvg: ie.value
             }
           }, void 0, !0)
         ], 46, Ka)),
         t.$slots.hint ? (n(), r("div", cl, [
-          p(t.$slots, "hint", A($({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: me.value })), void 0, !0)
+          h(t.$slots, "hint", A($({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ge.value })), void 0, !0)
         ])) : y("", !0)
       ]),
       t.$slots.watermark ? (n(), r("div", vl, [
-        p(t.$slots, "watermark", A($({ isPrinting: v(xe) || v(Ce) || ne.value || ie.value })), void 0, !0)
+        h(t.$slots, "watermark", A($({ isPrinting: v(Ce) || v(we) || ne.value || ie.value })), void 0, !0)
       ])) : y("", !0),
       S("div", {
         id: `legend-bottom-${F.value}`
@@ -1143,7 +1143,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : y("", !0)
             ]),
             _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : p(t.$slots, "legend", {
+          }, 8, ["legendSet", "config", "isCursorPointer"])) : h(t.$slots, "legend", {
             key: 1,
             legend: L.value
           }, void 0, !0)
@@ -1155,11 +1155,11 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         ref: Oe,
         dir: "auto"
       }, [
-        p(t.$slots, "source", {}, void 0, !0)
+        h(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       Se(v(wt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: g.value.showTooltip && ve.value,
+        show: g.value.showTooltip && de.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1181,10 +1181,13 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         a11yPosition: He.value
       }, {
         "tooltip-before": f(() => [
-          p(t.$slots, "tooltip-before", A($({ ...Ae.value })), void 0, !0)
+          h(t.$slots, "tooltip-before", A($({ ...ve.value })), void 0, !0)
+        ]),
+        tooltip: f(() => [
+          h(t.$slots, "tooltip", A($({ ...ve.value })), void 0, !0)
         ]),
         "tooltip-after": f(() => [
-          p(t.$slots, "tooltip-after", A($({ ...Ae.value })), void 0, !0)
+          h(t.$slots, "tooltip-after", A($({ ...ve.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
@@ -1241,12 +1244,12 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      p(t.$slots, "skeleton", {}, () => [
+      h(t.$slots, "skeleton", {}, () => [
         v(R) ? (n(), z(Ma, { key: 0 })) : y("", !0)
       ], !0)
     ], 46, Wa));
   }
-}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-f4b36b86"]]);
+}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-04b8bee5"]]);
 export {
   Ol as default
 };