vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-waffle-CSvzbC5u.js → vue-ui-waffle-7rVD530d.js}

@@ -1,8 +1,8 @@
-import { defineAsyncComponent as W, useSlots as ml, computed as i, ref as r, toRefs as bl, watch as de, shallowRef as Tt, onMounted as wl, onBeforeUnmount as kl, openBlock as s, createElementBlock as v, unref as d, normalizeStyle as he, normalizeClass as St, createElementVNode as C, toDisplayString as pe, createBlock as I, createCommentVNode as m, withCtx as h, renderSlot as p, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as Ce, Fragment as P, renderList as G, mergeProps as Ge, Teleport as Cl, resolveDynamicComponent as xl, createTextVNode as At, nextTick as It } from "vue";
+import { defineAsyncComponent as W, useSlots as ml, computed as i, ref as r, toRefs as bl, watch as de, shallowRef as Tt, onMounted as wl, onBeforeUnmount as kl, openBlock as s, createElementBlock as v, unref as p, normalizeStyle as he, normalizeClass as St, createElementVNode as C, toDisplayString as pe, createBlock as I, createCommentVNode as m, withCtx as d, renderSlot as h, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as xe, Fragment as P, renderList as G, mergeProps as Ge, Teleport as Cl, resolveDynamicComponent as xl, createTextVNode as At, nextTick as It } from "vue";
 import { j as $l, t as Pt, m as Tl, p as Y, o as _t, q as je, r as Sl, n as Al, k as fe, l as z, X as Il, u as Pl, v as _l, W as Bl, s as Ol, a0 as Fl, a1 as Ll, a as Dl, T as Nl, U as Ml } from "./lib-DBptbyyI.js";
 import { b as zl } from "./labelUtils-CqTHa20R.js";
 import { t as Vl, u as Rl } from "./useResponsive-DfdjqQps.js";
-import { u as El } from "./useConfig-CpJA0VZa.js";
+import { u as El } from "./useConfig-ChRble71.js";
 import { u as Ul, B as Wl } from "./BaseScanner-BhhkKVoj.js";
 import { u as Gl } from "./usePrinter-CEpYU3r5.js";
 import { u as jl } from "./useSvgExport-ByUukOZt.js";
@@ -44,14 +44,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(Bt, { expose: Ot, emit: Ft }) {
-    const Lt = W(() => import("./Tooltip-Bf-kM3_A.js")), Dt = W(() => import("./BaseIcon-Cb3zzG6s.js")), Nt = W(() => import("./DataTable-DT2kIdQ6.js")), Mt = W(() => import("./vue-ui-accordion-BF4v32wv.js")), zt = W(() => import("./UserOptions-rW2fRf3V.js")), Vt = W(() => import("./PenAndPaper-Ct3qJ4lA.js")), Rt = W(() => import("./PackageVersion-1BHnPIBZ.js")), Et = W(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_waffle: Ut } = El(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Hl(), b = Bt, jt = ml(), xe = i({
+    const Lt = W(() => import("./Tooltip-C8KGyqQk.js")), Dt = W(() => import("./BaseIcon-Cb3zzG6s.js")), Nt = W(() => import("./DataTable-DT2kIdQ6.js")), Mt = W(() => import("./vue-ui-accordion-CnDW2UQL.js")), zt = W(() => import("./UserOptions-rW2fRf3V.js")), Vt = W(() => import("./PenAndPaper-Ct3qJ4lA.js")), Rt = W(() => import("./PackageVersion-B3kmPxTR.js")), Et = W(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_waffle: Ut } = El(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Hl(), b = Bt, jt = ml(), $e = i({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(e) {
         return e;
       }
-    }), y = r($l()), te = r(!1), $e = r(""), V = r(null), qe = r(0), _ = r(null), Xe = r(null), Ye = r(null), Ke = r(null), Je = r(null), Qe = r(0), Ze = r(0), et = r(0), tt = r(!1), le = r(null), Te = r(null), ge = r(!1), ye = r(!1), R = r(null), lt = r({ x: 0, y: 0 }), ae = r("pointer"), Se = r(!1), t = r(_e()), j = i(() => t.value.userOptions.useCursorPointer), Ht = i(() => Pt({
+    }), y = r($l()), te = r(!1), Te = r(""), V = r(null), qe = r(0), _ = r(null), Xe = r(null), Ye = r(null), Ke = r(null), Je = r(null), Qe = r(0), Ze = r(0), et = r(0), tt = r(!1), le = r(null), Se = r(null), ge = r(!1), ye = r(!1), R = r(null), lt = r({ x: 0, y: 0 }), ae = r("pointer"), Ae = r(!1), t = r(Be()), j = i(() => t.value.userOptions.useCursorPointer), Ht = i(() => Pt({
       defaultConfig: {
         useCustomCells: !1,
         userOptions: { show: !1 },
@@ -76,13 +76,13 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         }
       },
       userConfig: t.value.skeletonConfig ?? {}
-    })), { loading: Ae, FINAL_DATASET: K, manualLoading: Ie } = Ul({
+    })), { loading: Ie, FINAL_DATASET: K, manualLoading: Pe } = Ul({
       ...bl(b),
       FINAL_CONFIG: t,
-      prepareConfig: _e,
+      prepareConfig: Be,
       callback: () => {
         Promise.resolve().then(async () => {
-          w.value = Le();
+          w.value = De();
         });
       },
       skeletonDataset: b.config?.skeletonDataset ?? [
@@ -106,8 +106,8 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         defaultConfig: t.value,
         userConfig: Ht.value
       })
-    }), { userOptionsVisible: Pe, setUserOptionsVisibility: at, keepUserOptionState: ot } = ql({ config: t.value }), { svgRef: H } = Xl({ config: t.value.style.chart.title });
-    function _e() {
+    }), { userOptionsVisible: _e, setUserOptionsVisibility: at, keepUserOptionState: ot } = ql({ config: t.value }), { svgRef: H } = Xl({ config: t.value.style.chart.title });
+    function Be() {
       const e = He({
         userConfig: b.config,
         defaultConfig: Ut
@@ -128,7 +128,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       };
     }
     de(() => b.config, (e) => {
-      Ae.value || (t.value = _e()), Pe.value = !t.value.userOptions.showOnChartHover, ut(), Qe.value += 1, Ze.value += 1, et.value += 1, T.value.showTable = t.value.table.show, T.value.showTooltip = t.value.style.chart.tooltip.show;
+      Ie.value || (t.value = Be()), _e.value = !t.value.userOptions.showOnChartHover, ut(), Qe.value += 1, Ze.value += 1, et.value += 1, T.value.showTable = t.value.table.show, T.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const E = Tt(null), J = Tt(null), nt = i(() => !!t.value.debug);
     function ut() {
@@ -136,7 +136,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: nt.value
-      }), xe.value = !1, Ie.value = !0) : b.dataset.forEach((e, a) => {
+      }), $e.value = !1, Pe.value = !0) : b.dataset.forEach((e, a) => {
         Sl({
           datasetObject: e,
           requiredAttributes: ["name", "values"]
@@ -149,7 +149,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             debug: nt.value
           });
         });
-      }), _t(b.dataset) || (Ie.value = t.value.loading), t.value.responsive) {
+      }), _t(b.dataset) || (Pe.value = t.value.loading), t.value.responsive) {
         const e = Vl(() => {
           const { width: a, height: l } = Rl({
             chart: _.value,
@@ -170,7 +170,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     }), kl(() => {
       E.value && (J.value && E.value.unobserve(J.value), E.value.disconnect());
     });
-    const { isPrinting: Be, isImaging: Oe, generatePdf: st, generateImage: rt } = Gl({
+    const { isPrinting: Oe, isImaging: Fe, generatePdf: st, generateImage: rt } = Gl({
       elementId: `vue-ui-waffle_${y.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-waffle",
       options: t.value.userOptions.print
@@ -192,7 +192,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       left: 0,
       height: 512,
       width: 512
-    }), F = i(() => (O.value.width - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), L = i(() => (O.value.height - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), ct = i(() => Math.max(1e-4, O.value.width / t.value.style.chart.layout.grid.size)), Fe = i(() => Math.max(1e-4, O.value.height / t.value.style.chart.layout.grid.size));
+    }), F = i(() => (O.value.width - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), L = i(() => (O.value.height - t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.spaceBetween) / t.value.style.chart.layout.grid.size), ct = i(() => Math.max(1e-4, O.value.width / t.value.style.chart.layout.grid.size)), Le = i(() => Math.max(1e-4, O.value.height / t.value.style.chart.layout.grid.size));
     function vt(e) {
       const a = t.value.style.chart.layout.grid.size * t.value.style.chart.layout.grid.size, l = e.reduce((k, A) => k + A, 0), o = e.map((k) => k / l * a), n = o.map(Math.floor), u = o.map((k) => k % 1);
       let g = a - n.reduce((k, A) => k + A, 0);
@@ -203,7 +203,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       return n;
     }
     const oe = r(!1);
-    function Le() {
+    function De() {
       return oe.value = K.value.flatMap((e) => e.values.reduce((a, l) => a + l, 0)).reduce((e, a) => e + a, 0) === 0, K.value.map((e, a) => ({
         ...e,
         color: Ol(e.color) || it.value[a] || Y[a] || Y[a % Y.length],
@@ -211,11 +211,11 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         absoluteIndex: a
       }));
     }
-    const me = i(() => Le()), w = r(me.value);
+    const me = i(() => De()), w = r(me.value);
     de(() => b.dataset, (e) => {
-      Array.isArray(e) && e.length > 0 && (Ie.value = !1);
+      Array.isArray(e) && e.length > 0 && (Pe.value = !1);
     }, { immediate: !0 }), de(() => b.dataset, (e) => {
-      w.value = Le();
+      w.value = De();
     }, { deep: !0 });
     const Xt = i(() => {
       const e = w.value.filter((a, l) => !f.value.includes(a.uid)).map((a, l) => oe.value ? 1 : (a.values || []).reduce((o, n) => o + n, 0));
@@ -238,7 +238,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       value: (e.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: e.values || [],
       proportion: Xt.value[a]
-    })))), De = i(() => w.value.map((e, a) => ({
+    })))), Ne = i(() => w.value.map((e, a) => ({
       absoluteIndex: e.absoluteIndex,
       uid: e.uid,
       name: e.name,
@@ -248,7 +248,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       proportion: Yt.value[a]
     })));
     function Kt() {
-      return De.value.map((e) => ({
+      return Ne.value.map((e) => ({
         name: e.name,
         color: e.color,
         value: e.value,
@@ -392,9 +392,9 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       }
     }
     function pt(e) {
-      if (!De.value.length)
+      if (!Ne.value.length)
         return t.value.debug && console.warn("VueUiWaffle - There are no series to show."), null;
-      const a = De.value.find((l) => l.name === e);
+      const a = Ne.value.find((l) => l.name === e);
       return a || (t.value.debug && console.warn(`VueUiWaffle - Series name not found "${e}"`), null);
     }
     function el(e) {
@@ -405,7 +405,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       const a = pt(e);
       a !== null && (f.value.includes(a.uid) || Z(a.uid));
     }
-    function Ne({
+    function Me({
       val: e,
       percentage: a,
       showVal: l,
@@ -436,7 +436,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         v: e.value,
         s: t.value.style.chart.layout.labels.dataLabels.suffix,
         r: t.value.style.chart.legend.roundingValue
-      }), { datapoint: e, index: a }), o = isNaN(e.value / D.value) ? "-" : z({ v: e.value / D.value * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage }), n = Ne({
+      }), { datapoint: e, index: a }), o = isNaN(e.value / D.value) ? "-" : z({ v: e.value / D.value * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage }), n = Me({
         val: l,
         percentage: o,
         showVal: t.value.style.chart.legend.showValue,
@@ -457,7 +457,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       fontSize: t.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
-    })), D = i(() => Q.value.map((e) => e.value).reduce((e, a) => e + a, 0)), Me = r(null), ie = r(null), S = i(() => {
+    })), D = i(() => Q.value.map((e) => e.value).reduce((e, a) => e + a, 0)), we = r(null), ie = r(null), S = i(() => {
       const e = /* @__PURE__ */ new Map();
       return c.value.forEach((a, l) => {
         e.has(a.serieIndex) ? e.get(a.serieIndex).rectIndexes.push(l) : e.set(a.serieIndex, {
@@ -491,7 +491,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       if (f.value.length === b.dataset.length) return;
       const l = c.value[e];
       if (!l) return;
-      ae.value = a, R.value = l.serieIndex, Me.value = {
+      ae.value = a, R.value = l.serieIndex, we.value = {
         datapoint: l,
         seriesIndex: l.absoluteIndex,
         series: w.value,
@@ -509,7 +509,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           config: t.value
         })
       ))
-        $e.value = o({
+        Te.value = o({
           seriesIndex: l.absoluteIndex,
           datapoint: l,
           series: w.value,
@@ -517,7 +517,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         });
       else {
         let n = "";
-        n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${l.color}" />${jt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${y.value}_${l.absoluteIndex})"/>` : ""}</svg>`, n += `<b>${Ne({
+        n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${l.color}" />${jt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${y.value}_${l.absoluteIndex})"/>` : ""}</svg>`, n += `<b>${Me({
           config: t.value.style.chart.tooltip,
           showVal: t.value.style.chart.tooltip.showValue,
           showPercentage: t.value.style.chart.tooltip.showPercentage,
@@ -541,7 +541,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             s: "%",
             r: t.value.style.chart.tooltip.roundingPercentage
           })}</span>`
-        })}</b></div>`, $e.value = n;
+        })}</b></div>`, Te.value = n;
       }
     }
     const ze = Ft, N = i(() => {
@@ -551,7 +551,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       })), a = Q.value.map((l) => l.value);
       return { head: e, body: a };
     });
-    function we(e) {
+    function ke(e) {
       return t.value.useBlurOnHover && ![null, void 0].includes(V.value) && V.value !== e ? `url(#blur_${y.value})` : "";
     }
     function ol(e, a) {
@@ -568,7 +568,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           r: t.value.style.chart.layout.labels.captions.roundingValue
         }),
         { datapoint: c.value[e], position: a }
-      ), o = z({ v: c.value[e].proportion, s: "%", r: t.value.style.chart.layout.labels.captions.roundingPercentage }), n = (t.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Dl({ source: c.value[e].name, length: t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : c.value[e].name) + (t.value.style.chart.layout.labels.captions.showPercentage || t.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = t.value.style.chart.layout.labels.captions.showSerieName ? n : "", g = Ne({
+      ), o = z({ v: c.value[e].proportion, s: "%", r: t.value.style.chart.layout.labels.captions.roundingPercentage }), n = (t.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Dl({ source: c.value[e].name, length: t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : c.value[e].name) + (t.value.style.chart.layout.labels.captions.showPercentage || t.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = t.value.style.chart.layout.labels.captions.showSerieName ? n : "", g = Me({
         val: l,
         percentage: o,
         showVal: t.value.style.chart.layout.labels.captions.showValue,
@@ -704,7 +704,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       t.value.table.show || (e && t.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
     });
     function Ct() {
-      T.value.showTable = !1, Te.value && Te.value.setTableIconState(!1);
+      T.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
     }
     const sl = i(() => U.value.map((e) => ({
       ...e,
@@ -753,10 +753,10 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       }));
     }
     function pl() {
-      R.value = null, Se.value = !0;
+      R.value = null, Ae.value = !0;
     }
     function fl() {
-      R.value = null, ae.value = "pointer", te.value = !1, V.value = null, ie.value = null, Se.value = !1;
+      R.value = null, ae.value = "pointer", te.value = !1, V.value = null, ie.value = null, Ae.value = !1;
     }
     function gl(e) {
       if (!H.value || ce.value || document.activeElement !== H.value || !S.value.length || f.value.length === b.dataset.length) return;
@@ -789,14 +789,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         const Ue = q.value[M];
         return Ue ? {
           x: Ue.x + t.value.style.chart.layout.grid.spaceBetween / 2 + ct.value / 2,
-          y: Ue.y + t.value.style.chart.layout.grid.spaceBetween / 2 + Fe.value / 2
+          y: Ue.y + t.value.style.chart.layout.grid.spaceBetween / 2 + Le.value / 2
         } : null;
       }).filter(Boolean);
       if (!l.length) return;
-      const o = Math.min(...l.map((M) => M.x)), n = Math.max(...l.map((M) => M.x)), u = Math.min(...l.map((M) => M.y)), g = Math.max(...l.map((M) => M.y)), k = (o + n) / 2, A = (u + g) / 2, ke = H.value.getBoundingClientRect();
+      const o = Math.min(...l.map((M) => M.x)), n = Math.max(...l.map((M) => M.x)), u = Math.min(...l.map((M) => M.y)), g = Math.max(...l.map((M) => M.y)), k = (o + n) / 2, A = (u + g) / 2, Ce = H.value.getBoundingClientRect();
       lt.value = {
-        x: ke.left + k / B.value.width * ke.width,
-        y: ke.top + A / B.value.height * ke.height
+        x: Ce.left + k / B.value.width * Ce.width,
+        y: Ce.top + A / B.value.height * Ce.height
       };
     }
     const Ee = i(() => {
@@ -823,8 +823,8 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       ref: _,
       id: `vue-ui-waffle_${y.value}`,
       style: he(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => d(at)(!0)),
-      onMouseleave: a[3] || (a[3] = () => d(at)(!1))
+      onMouseenter: a[2] || (a[2] = () => p(at)(!0)),
+      onMouseleave: a[3] || (a[3] = () => p(at)(!1))
     }, [
       C("div", {
         id: `chart-instructions-${y.value}`,
@@ -840,32 +840,32 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         notice: t.value.a11y.translations.tableAvailable,
         caption: t.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : m("", !0),
-      t.value.userOptions.buttons.annotator ? (s(), I(d(Vt), {
+      t.value.userOptions.buttons.annotator ? (s(), I(p(Vt), {
         key: 1,
-        svgRef: d(H),
+        svgRef: p(H),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         active: ce.value,
         isCursorPointer: j.value,
         onClose: Re
       }, {
-        "annotator-action-close": h(() => [
-          p(e.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": d(() => [
+          h(e.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": h(({ color: l }) => [
-          p(e.$slots, "annotator-action-color", x($({ color: l })), void 0, !0)
+        "annotator-action-color": d(({ color: l }) => [
+          h(e.$slots, "annotator-action-color", x($({ color: l })), void 0, !0)
         ]),
-        "annotator-action-draw": h(({ mode: l }) => [
-          p(e.$slots, "annotator-action-draw", x($({ mode: l })), void 0, !0)
+        "annotator-action-draw": d(({ mode: l }) => [
+          h(e.$slots, "annotator-action-draw", x($({ mode: l })), void 0, !0)
         ]),
-        "annotator-action-undo": h(({ disabled: l }) => [
-          p(e.$slots, "annotator-action-undo", x($({ disabled: l })), void 0, !0)
+        "annotator-action-undo": d(({ disabled: l }) => [
+          h(e.$slots, "annotator-action-undo", x($({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-redo": h(({ disabled: l }) => [
-          p(e.$slots, "annotator-action-redo", x($({ disabled: l })), void 0, !0)
+        "annotator-action-redo": d(({ disabled: l }) => [
+          h(e.$slots, "annotator-action-redo", x($({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-delete": h(({ disabled: l }) => [
-          p(e.$slots, "annotator-action-delete", x($({ disabled: l })), void 0, !0)
+        "annotator-action-delete": d(({ disabled: l }) => [
+          h(e.$slots, "annotator-action-delete", x($({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : m("", !0),
@@ -899,14 +899,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       C("div", {
         id: `legend-top-${y.value}`
       }, null, 8, na),
-      t.value.userOptions.show && xe.value && (d(ot) || d(Pe)) ? (s(), I(d(zt), {
+      t.value.userOptions.show && $e.value && (p(ot) || p(_e)) ? (s(), I(p(zt), {
         ref_key: "userOptionsRef",
-        ref: Te,
+        ref: Se,
         key: `user_options_${qe.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: d(Be),
-        isImaging: d(Oe),
+        isPrinting: p(Oe),
+        isImaging: p(Fe),
         uid: y.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -928,7 +928,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         tableDialog: t.value.table.useDialog,
         isCursorPointer: j.value,
         onToggleFullscreen: bt,
-        onGeneratePdf: d(st),
+        onGeneratePdf: p(st),
         onGenerateCsv: Ve,
         onGenerateImage: hl,
         onGenerateSvg: xt,
@@ -937,76 +937,76 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         onToggleAnnotator: Re,
         onCopyAlt: $t,
         style: he({
-          visibility: d(ot) ? d(Pe) ? "visible" : "hidden" : "visible"
+          visibility: p(ot) ? p(_e) ? "visible" : "hidden" : "visible"
         })
       }, We({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: h(({ isOpen: l, color: o }) => [
-            p(e.$slots, "menuIcon", x($({ isOpen: l, color: o })), void 0, !0)
+          fn: d(({ isOpen: l, color: o }) => [
+            h(e.$slots, "menuIcon", x($({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: h(() => [
-            p(e.$slots, "optionTooltip", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: h(() => [
-            p(e.$slots, "optionPdf", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: h(() => [
-            p(e.$slots, "optionCsv", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: h(() => [
-            p(e.$slots, "optionImg", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: h(() => [
-            p(e.$slots, "optionSvg", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
-          fn: h(() => [
-            p(e.$slots, "optionTable", {}, void 0, !0)
+          fn: d(() => [
+            h(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: h(({ toggleFullscreen: l, isFullscreen: o }) => [
-            p(e.$slots, "optionFullscreen", x($({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+          fn: d(({ toggleFullscreen: l, isFullscreen: o }) => [
+            h(e.$slots, "optionFullscreen", x($({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: h(({ toggleAnnotator: l, isAnnotator: o }) => [
-            p(e.$slots, "optionAnnotator", x($({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+          fn: d(({ toggleAnnotator: l, isAnnotator: o }) => [
+            h(e.$slots, "optionAnnotator", x($({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: h(({ altCopy: l }) => [
-            p(e.$slots, "optionAltCopy", x($({ altCopy: l })), void 0, !0)
+          fn: d(({ altCopy: l }) => [
+            h(e.$slots, "optionAltCopy", x($({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1015,7 +1015,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         (s(), v("svg", {
           ref_key: "svgRef",
           ref: H,
-          xmlns: d(Il),
+          xmlns: p(Il),
           "aria-describedby": `chart-instructions-${y.value}`,
           class: St({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
           tabindex: "0",
@@ -1025,7 +1025,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           onBlur: fl,
           onKeydown: gl
         }, [
-          Ce(d(Rt)),
+          xe(p(Rt)),
           C("defs", null, [
             (s(!0), v(P, null, G(c.value, (l, o) => (s(), v("radialGradient", {
               cx: "50%",
@@ -1037,7 +1037,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             }, [
               C("stop", {
                 offset: "0%",
-                "stop-color": d(Pl)(d(_l)(l.color, 0.05), 100 - t.value.style.chart.layout.rect.gradientIntensity)
+                "stop-color": p(Pl)(p(_l)(l.color, 0.05), 100 - t.value.style.chart.layout.rect.gradientIntensity)
               }, null, 8, ia),
               C("stop", {
                 offset: "100%",
@@ -1070,7 +1070,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             width: F.value <= 0 ? 1e-4 : F.value,
             class: "vue-ui-waffle-custom-cell-foreignObject"
           }, [
-            p(e.$slots, "cell", Ge({ ref_for: !0 }, { cell: { ...l, color: c.value[o].color, ...c.value[o] }, isSelected: [null, void 0].includes(V.value) ? !0 : c.value[o].serieIndex === V.value }), void 0, !0)
+            h(e.$slots, "cell", Ge({ ref_for: !0 }, { cell: { ...l, color: c.value[o].color, ...c.value[o] }, isSelected: [null, void 0].includes(V.value) ? !0 : c.value[o].serieIndex === V.value }), void 0, !0)
           ], 8, da))), 256)) : m("", !0),
           !c.value.length && !t.value.useCustomCells ? (s(), v("rect", {
             key: 1,
@@ -1084,7 +1084,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           }, null, 8, ha)) : c.value.length && !t.value.useCustomCells ? (s(), v(P, { key: 2 }, [
             e.$slots.pattern ? (s(), v("g", pa, [
               (s(!0), v(P, null, G(me.value, (l) => (s(), v("defs", null, [
-                p(e.$slots, "pattern", Ge({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${y.value}_${l.absoluteIndex}` }), void 0, !0)
+                h(e.$slots, "pattern", Ge({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${y.value}_${l.absoluteIndex}` }), void 0, !0)
               ]))), 256))
             ])) : m("", !0),
             (s(!0), v(P, null, G(q.value, (l, o) => (s(), v("rect", {
@@ -1096,7 +1096,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
               fill: "white",
               stroke: t.value.style.chart.layout.rect.stroke,
               "stroke-width": t.value.style.chart.layout.rect.strokeWidth,
-              filter: we(c.value[o].serieIndex)
+              filter: ke(c.value[o].serieIndex)
             }, null, 8, fa))), 256)),
             (s(!0), v(P, null, G(q.value, (l, o) => (s(), v("rect", {
               rx: t.value.style.chart.layout.rect.rounded ? t.value.style.chart.layout.rect.rounding : 0,
@@ -1107,7 +1107,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
               fill: t.value.style.chart.layout.rect.useGradient && t.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${y.value}_${o})` : c.value[o].color,
               stroke: t.value.style.chart.layout.rect.stroke,
               "stroke-width": t.value.style.chart.layout.rect.strokeWidth,
-              filter: we(c.value[o].serieIndex)
+              filter: ke(c.value[o].serieIndex)
             }, null, 8, ga))), 256)),
             e.$slots.pattern ? (s(), v("g", ya, [
               (s(!0), v(P, null, G(q.value, (l, o) => (s(), v("rect", {
@@ -1118,7 +1118,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
                 width: F.value <= 0 ? 1e-4 : F.value,
                 fill: `url(#pattern_${y.value}_${c.value[o].absoluteIndex})`,
                 stroke: "none",
-                filter: we(c.value[o].serieIndex)
+                filter: ke(c.value[o].serieIndex)
               }, null, 8, ma))), 256))
             ])) : m("", !0)
           ], 64)) : m("", !0),
@@ -1127,16 +1127,16 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
               key: `datalabel_${o}`,
               textContent: pe(nl(o, l)),
               x: l.x + t.value.style.chart.layout.labels.captions.offsetX + t.value.style.chart.layout.grid.spaceBetween / 2 + 6,
-              y: l.y + t.value.style.chart.layout.labels.captions.offsetY + t.value.style.chart.layout.grid.spaceBetween / 2 + Fe.value / 2 + t.value.style.chart.layout.labels.captions.fontSize / 3,
+              y: l.y + t.value.style.chart.layout.labels.captions.offsetY + t.value.style.chart.layout.grid.spaceBetween / 2 + Le.value / 2 + t.value.style.chart.layout.labels.captions.fontSize / 3,
               "font-size": t.value.style.chart.layout.labels.captions.fontSize,
-              fill: d(Bl)(c.value[o].color),
-              filter: we(c.value[o].serieIndex)
+              fill: p(Bl)(c.value[o].color),
+              filter: ke(c.value[o].serieIndex)
             }, null, 8, ba)) : m("", !0)
           ], 64))), 256)),
           (s(!0), v(P, null, G(q.value, (l, o) => (s(), v("rect", {
             x: l.x + t.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + t.value.style.chart.layout.grid.spaceBetween / 2,
-            height: Fe.value,
+            height: Le.value,
             width: ct.value,
             fill: "transparent",
             stroke: "none",
@@ -1144,20 +1144,20 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             onMouseleave: (n) => al(o),
             onClick: (n) => yt(o)
           }, null, 40, wa))), 256)),
-          p(e.$slots, "svg", {
+          h(e.$slots, "svg", {
             svg: {
               ...B.value,
-              isPrintingImg: d(Be) | d(Oe) | ge.value,
+              isPrintingImg: p(Oe) | p(Fe) | ge.value,
               isPrintingSvg: ye.value
             }
           }, void 0, !0)
         ], 46, sa)),
         e.$slots.hint ? (s(), v("div", ka, [
-          p(e.$slots, "hint", x($({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Se.value })), void 0, !0)
+          h(e.$slots, "hint", x($({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Ae.value })), void 0, !0)
         ])) : m("", !0)
       ]),
       e.$slots.watermark ? (s(), v("div", Ca, [
-        p(e.$slots, "watermark", x($({ isPrinting: d(Be) || d(Oe) || ge.value || ye.value })), void 0, !0)
+        h(e.$slots, "watermark", x($({ isPrinting: p(Oe) || p(Fe) || ge.value || ye.value })), void 0, !0)
       ])) : m("", !0),
       C("div", {
         id: `legend-bottom-${y.value}`
@@ -1177,14 +1177,14 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             isCursorPointer: j.value,
             onClickMarker: a[0] || (a[0] = ({ legend: l }) => Z(l.uid))
           }, We({
-            item: h(({ legend: l }) => [
+            item: d(({ legend: l }) => [
               C("div", {
                 onClick: (o) => l.segregate(),
                 style: he(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
               }, pe(l.display), 13, $a)
             ]),
-            legendToggle: h(() => [
-              U.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !d(Ae) ? (s(), I(ta, {
+            legendToggle: d(() => [
+              U.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !p(Ie) ? (s(), I(ta, {
                 key: 0,
                 backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: t.value.style.chart.legend.selectAllToggle.color,
@@ -1198,8 +1198,8 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           }, [
             e.$slots.pattern ? {
               name: "legend-pattern",
-              fn: h(({ legend: l, index: o }) => [
-                Ce(Kl, {
+              fn: d(({ legend: l, index: o }) => [
+                xe(Kl, {
                   shape: l.shape,
                   radius: 30,
                   stroke: "none",
@@ -1209,7 +1209,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["legendSet", "config", "isCursorPointer"])) : p(e.$slots, "legend", {
+          ]), 1032, ["legendSet", "config", "isCursorPointer"])) : h(e.$slots, "legend", {
             key: 1,
             legend: U.value
           }, void 0, !0)
@@ -1221,9 +1221,9 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         ref: Ke,
         dir: "auto"
       }, [
-        p(e.$slots, "source", {}, void 0, !0)
+        h(e.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
-      Ce(d(Lt), {
+      xe(p(Lt), {
         teleportTo: t.value.style.chart.tooltip.teleportTo,
         show: T.value.showTooltip && te.value && f.value.length < b.dataset.length,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
@@ -1235,7 +1235,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: _.value,
-        content: $e.value,
+        content: Te.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function",
         fontSize: t.value.style.chart.tooltip.fontSize,
         isFullscreen: X.value,
@@ -1246,21 +1246,24 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
         isA11yMode: ae.value === "keyboard",
         a11yPosition: lt.value
       }, {
-        "tooltip-before": h(() => [
-          p(e.$slots, "tooltip-before", x($({ ...Me.value })), void 0, !0)
+        "tooltip-before": d(() => [
+          h(e.$slots, "tooltip-before", x($({ ...we.value })), void 0, !0)
         ]),
-        "tooltip-after": h(() => [
-          p(e.$slots, "tooltip-after", x($({ ...Me.value })), void 0, !0)
+        tooltip: d(() => [
+          h(e.$slots, "tooltip", x($({ ...we.value })), void 0, !0)
+        ]),
+        "tooltip-after": d(() => [
+          h(e.$slots, "tooltip-after", x($({ ...we.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      xe.value && t.value.userOptions.buttons.table ? (s(), I(xl(ve.value.component), Ge({ key: 8 }, ve.value.props, {
+      $e.value && t.value.userOptions.buttons.table ? (s(), I(xl(ve.value.component), Ge({ key: 8 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: le,
         onClose: Ct
       }), We({
-        content: h(() => [
-          (s(), I(d(Nt), {
+        content: d(() => [
+          (s(), I(p(Nt), {
             key: `table_${Ze.value}`,
             colNames: ee.value.colNames,
             head: ee.value.head,
@@ -1271,13 +1274,13 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
             isCursorPointer: j.value,
             onClose: Ct
           }, {
-            th: h(({ th: l }) => [
+            th: d(({ th: l }) => [
               C("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Ta)
             ]),
-            td: h(({ td: l }) => [
+            td: d(({ td: l }) => [
               At(pe(l.name || l), 1)
             ]),
             _: 1
@@ -1287,21 +1290,21 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       }, [
         t.value.table.useDialog ? {
           name: "title",
-          fn: h(() => [
+          fn: d(() => [
             At(pe(ve.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         t.value.table.useDialog ? {
           name: "actions",
-          fn: h(() => [
+          fn: d(() => [
             C("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: a[1] || (a[1] = (l) => Ve(t.value.userOptions.callbacks.csv)),
               style: he({ cursor: j.value ? "pointer" : "default" })
             }, [
-              Ce(d(Dt), {
+              xe(p(Dt), {
                 name: "fileCsv",
                 stroke: ve.value.props.color
               }, null, 8, ["stroke"])
@@ -1310,12 +1313,12 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      p(e.$slots, "skeleton", {}, () => [
-        d(Ae) ? (s(), I(Wl, { key: 0 })) : m("", !0)
+      h(e.$slots, "skeleton", {}, () => [
+        p(Ie) ? (s(), I(Wl, { key: 0 })) : m("", !0)
       ], !0)
     ], 46, aa));
   }
-}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-7a0b4694"]]);
+}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-5d3b0f81"]]);
 export {
   qa as default
 };