vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-flow-RyxU8f22.js → vue-ui-flow-DUn9hp_J.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as te, ref as r, computed as i, onMounted as Xo, toRefs as qo, watch as Re, openBlock as c, createElementBlock as b, unref as u, normalizeStyle as X, normalizeClass as eo, createElementVNode as H, toDisplayString as he, createBlock as oe, createCommentVNode as w, withCtx as h, renderSlot as v, normalizeProps as E, guardReactiveProps as _, createSlots as to, createVNode as He, Fragment as Pe, renderList as Ie, Teleport as Zo, resolveDynamicComponent as Jo, mergeProps as Qo, createTextVNode as oo, nextTick as dt } from "vue";
-import { j as Ue, t as lo, o as ao, q as el, m as tl, p as q, n as ol, K as S, s as ll, l as pe, X as al, k as We, W as no, a as nl, a0 as sl, a1 as rl, T as ul } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as te, ref as r, computed as i, onMounted as Xo, toRefs as qo, watch as Re, openBlock as c, createElementBlock as b, unref as u, normalizeStyle as X, normalizeClass as eo, createElementVNode as H, toDisplayString as pe, createBlock as oe, createCommentVNode as w, withCtx as f, renderSlot as v, normalizeProps as S, guardReactiveProps as P, createSlots as to, createVNode as He, Fragment as Pe, renderList as Ie, Teleport as Zo, resolveDynamicComponent as Jo, mergeProps as Qo, createTextVNode as oo, nextTick as dt } from "vue";
+import { j as Ue, t as lo, o as ao, q as el, m as tl, p as q, n as ol, K as I, s as ll, l as ge, X as al, k as We, W as no, a as nl, a0 as sl, a1 as rl, T as ul } from "./lib-DBptbyyI.js";
 import { t as il, u as cl } from "./useResponsive-DfdjqQps.js";
-import { u as dl } from "./useConfig-CpJA0VZa.js";
+import { u as dl } from "./useConfig-ChRble71.js";
 import { u as vl } from "./usePrinter-CEpYU3r5.js";
 import { u as fl, B as hl } from "./BaseScanner-BhhkKVoj.js";
 import { u as pl } from "./useSvgExport-ByUukOZt.js";
@@ -46,7 +46,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
   },
   emits: ["copyAlt"],
   setup(so, { expose: ro, emit: uo }) {
-    const io = te(() => import("./Tooltip-Bf-kM3_A.js")), co = te(() => import("./BaseIcon-Cb3zzG6s.js")), vo = te(() => import("./vue-ui-accordion-BF4v32wv.js")), fo = te(() => import("./DataTable-DT2kIdQ6.js")), ho = te(() => import("./PenAndPaper-Ct3qJ4lA.js")), po = te(() => import("./UserOptions-rW2fRf3V.js")), go = te(() => import("./PackageVersion-1BHnPIBZ.js")), yo = te(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_flow: mo } = dl(), { isThemeValid: bo, warnInvalidTheme: Co } = gl(), P = so, ko = uo, U = r(Ue()), V = r(null), ft = r(0), ht = r(0), Ne = r(!1), Ve = r(""), pt = r(null), gt = r(null), yt = r(null), ge = r(null), Oe = r(null), mt = r(!1), ye = r(null), Ge = r(null), wo = r(null), Ee = r(!1), _e = r(!1), me = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), Fe = r(!1), Ct = i(() => !!P.dataset && P.dataset.length);
+    const io = te(() => import("./Tooltip-C8KGyqQk.js")), co = te(() => import("./BaseIcon-Cb3zzG6s.js")), vo = te(() => import("./vue-ui-accordion-CnDW2UQL.js")), fo = te(() => import("./DataTable-DT2kIdQ6.js")), ho = te(() => import("./PenAndPaper-Ct3qJ4lA.js")), po = te(() => import("./UserOptions-rW2fRf3V.js")), go = te(() => import("./PackageVersion-B3kmPxTR.js")), yo = te(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_flow: mo } = dl(), { isThemeValid: bo, warnInvalidTheme: Co } = gl(), N = so, ko = uo, U = r(Ue()), V = r(null), ft = r(0), ht = r(0), Ne = r(!1), Ve = r(""), pt = r(null), gt = r(null), yt = r(null), ye = r(null), Oe = r(null), mt = r(!1), me = r(null), Ge = r(null), wo = r(null), Ee = r(!1), _e = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), Fe = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
     Xo(() => {
       mt.value = !0, wt();
     });
@@ -86,10 +86,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
       },
       userConfig: e.value.skeletonConfig ?? {}
     })), { loading: Ke, FINAL_DATASET: Me, manualLoading: Xe } = fl({
-      ...qo(P),
+      ...qo(N),
       FINAL_CONFIG: e,
       prepareConfig: Ze,
-      skeletonDataset: P.config?.skeletonDataset ?? [
+      skeletonDataset: N.config?.skeletonDataset ?? [
         ["A", "B", 2, "#CACACA"],
         ["B", "C", 1, "#CACACA"],
         ["C", "D", 0.5, "#CACACA"],
@@ -103,11 +103,11 @@ const xl = ["id"], Tl = ["id"], Sl = {
       })
     }), Ao = i(() => !!e.value.debug);
     function wt() {
-      if (ao(P.dataset) && (el({
+      if (ao(N.dataset) && (el({
         componentName: "VueUiFlow",
         type: "dataset",
         debug: Ao.value
-      }), Xe.value = !0), ao(P.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
+      }), Xe.value = !0), ao(N.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
         const t = il(() => {
           const { width: l, height: o } = cl({
             chart: V.value,
@@ -119,7 +119,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
             xt.value = l, Tt.value = o;
           });
         });
-        ge.value && (Oe.value && ge.value.unobserve(Oe.value), ge.value.disconnect()), ge.value = new ResizeObserver(t), Oe.value = V.value.parentNode, ge.value.observe(Oe.value);
+        ye.value && (Oe.value && ye.value.unobserve(Oe.value), ye.value.disconnect()), ye.value = new ResizeObserver(t), Oe.value = V.value.parentNode, ye.value.observe(Oe.value);
       }
     }
     const { userOptionsVisible: qe, setUserOptionsVisibility: $t, keepUserOptionState: At } = yl({ config: e.value }), { svgRef: ae } = ml({
@@ -127,7 +127,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
     });
     function Ze() {
       const t = vt({
-        userConfig: P.config,
+        userConfig: N.config,
         defaultConfig: mo
       });
       let l = t;
@@ -137,12 +137,12 @@ const xl = ["id"], Tl = ["id"], Sl = {
           Co(t), l = t;
         else {
           const a = vt({
-            userConfig: kl[o] || P.config,
+            userConfig: kl[o] || N.config,
             defaultConfig: t
           });
           l = {
             ...vt({
-              userConfig: P.config,
+              userConfig: N.config,
               defaultConfig: a
             }),
             customPalette: t.customPalette.length ? t.customPalette : tl[o] || q
@@ -150,23 +150,23 @@ const xl = ["id"], Tl = ["id"], Sl = {
         }
       else
         l = t;
-      return l.nodeCategories = P.config.nodeCategories || {}, l.nodeCategoryColors = P.config.nodeCategoryColors || {}, l;
+      return l.nodeCategories = N.config.nodeCategories || {}, l.nodeCategoryColors = N.config.nodeCategoryColors || {}, l;
     }
     const xt = r(e.value.style.chart.width), Tt = r(e.value.style.chart.height);
     Re(
-      () => P.config,
+      () => N.config,
       (t) => {
         Ke.value || (e.value = Ze()), qe.value = !e.value.userOptions.showOnChartHover, wt(), ht.value += 1, Y.value.showTable = e.value.table.show;
       },
       { deep: !0 }
-    ), Re(() => P.dataset, (t) => {
+    ), Re(() => N.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Xe.value = !1);
     }, { deep: !0 });
     const { isPrinting: Je, isImaging: Qe, generatePdf: St, generateImage: Pt } = vl({
       elementId: `flow_${U.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-flow",
       options: e.value.userOptions.print
-    }), xo = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), De = i(() => ol(e.value.customPalette)), be = i(() => e.value.style.chart.nodes.width), Y = r({
+    }), xo = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), De = i(() => ol(e.value.customPalette)), Ce = i(() => e.value.style.chart.nodes.width), Y = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -179,7 +179,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
     const It = i(() => !Me.value || !Me.value.length ? [] : Me.value.map((t, l) => [
       t[0],
       t[1],
-      S(t[2]),
+      I(t[2]),
       t[3] ? ll(t[3]) : De.value[l] || De.value[l % De.value.length] || q[l] || q[l % q.length]
     ]));
     function To(t) {
@@ -198,8 +198,8 @@ const xl = ["id"], Tl = ["id"], Sl = {
         const m = l[s]?.level ?? 0, R = m + 1;
         a(s, m), a(d, R), l[s].children.push({ target: d, value: g }), l[s].outflow += g, l[d].inflow += g;
       });
-      const n = new Set(t.map(([s]) => s)), p = new Set(t.map(([, s]) => s)), I = Array.from(n).filter((s) => !p.has(s)), F = {};
-      I.forEach((s, d) => {
+      const n = new Set(t.map(([s]) => s)), p = new Set(t.map(([, s]) => s)), O = Array.from(n).filter((s) => !p.has(s)), F = {};
+      O.forEach((s, d) => {
         F[s] = De.value[d] || q[d % q.length];
       });
       const z = {};
@@ -207,19 +207,19 @@ const xl = ["id"], Tl = ["id"], Sl = {
         m && (z[s] = m, z[d] = m);
       }), Object.keys(l).forEach((s, d) => {
         const g = e.value.nodeCategories?.[s], m = g ? e.value.nodeCategoryColors?.[g] : null;
-        l[s].color = z[s] || m || (I.includes(s) ? F[s] : null) || q[d % q.length];
+        l[s].color = z[s] || m || (O.includes(s) ? F[s] : null) || q[d % q.length];
       }), Object.keys(l).forEach((s) => {
         l[s].value = Math.max(l[s].inflow, l[s].outflow);
       });
-      const W = Ce.value, G = Et.value.width, j = Et.value.height, C = Object.keys(o).map(Number).sort((s, d) => s - d), N = C.length || 1, M = N > 1 ? G / (N - 1) : 0, rt = Number(be.value), Te = Number(
+      const W = ke.value, G = Et.value.width, j = Et.value.height, C = Object.keys(o).map(Number).sort((s, d) => s - d), E = C.length || 1, M = E > 1 ? G / (E - 1) : 0, rt = Number(Ce.value), Te = Number(
         e.value.style.chart.nodes.gapPx ?? e.value.style.chart.nodes.gap ?? 8
-      ), O = Number(
+      ), _ = Number(
         e.value.style.chart.nodes.minHeight || 0
       );
       function Z(s) {
         const d = o[s], g = d.length;
         if (!g) return 1 / 0;
-        const m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(O, g ? R / g : 0);
+        const m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(_, g ? R / g : 0);
         let x = 0, D = d.map((k) => l[k].value || 0), T = D.reduce((k, L) => k + L, 0);
         for (let k = 0; k < 12; k += 1) {
           const L = T > 0 ? (R - x) / T : 0, ee = [];
@@ -234,10 +234,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
         }
         return T > 0 ? Math.max(0, (R - x) / T) : 0;
       }
-      const Se = C.map(Z), f = Se.length ? Math.min(...Se) : 0, y = {};
+      const Se = C.map(Z), h = Se.length ? Math.min(...Se) : 0, y = {};
       C.forEach((s) => {
-        const d = o[s], g = d.length, m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(O, g ? R / g : 0), x = d.map(
-          (k) => Math.max(Q, (l[k].value || 0) * f)
+        const d = o[s], g = d.length, m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(_, g ? R / g : 0), x = d.map(
+          (k) => Math.max(Q, (l[k].value || 0) * h)
         ), D = x.reduce((k, L) => k + L, 0) + m;
         let T = Math.max(0, (j - D) / 2);
         d.forEach((k, L) => {
@@ -265,19 +265,19 @@ const xl = ["id"], Tl = ["id"], Sl = {
           if (!m.children || !m.children.length) return;
           let Q = R.y;
           m.children.forEach(({ target: x, value: D }) => {
-            const T = y[x], k = l[x], L = m.outflow > 0 ? D / m.outflow : 0, ee = k.inflow > 0 ? D / k.inflow : 0, B = S(Q + ue), K = S(
+            const T = y[x], k = l[x], L = m.outflow > 0 ? D / m.outflow : 0, ee = k.inflow > 0 ? D / k.inflow : 0, B = I(Q + ue), K = I(
               Q + L * R.height + ue
             ), Ut = ut[x];
             let ze = Ut + ee * T.height;
             it[x] += D;
             const Ko = k.inflow > 0 && it[x] >= k.inflow - Vo, Wt = T.y + T.height;
             (Ko || ze > Wt - Go) && (ze = Wt);
-            const Vt = S(Ut + ue), Gt = S(ze + ue), ie = S(R.x + rt), ce = S(T.x);
+            const Vt = I(Ut + ue), Gt = I(ze + ue), ie = I(R.x + rt), ce = I(T.x);
             let ct;
             if (!jo || ce <= ie)
               ct = `M ${ie} ${B} L ${ie} ${K} L ${ce} ${Gt} L ${ce} ${Vt} Z`;
             else {
-              const jt = ce - ie, Kt = S(ie + jt * Ht), Xt = S(ce - jt * Ht), qt = B, Zt = Vt, Jt = K, Qt = Gt;
+              const jt = ce - ie, Kt = I(ie + jt * Ht), Xt = I(ce - jt * Ht), qt = B, Zt = Vt, Jt = K, Qt = Gt;
               ct = `M ${ie} ${qt} C ${Kt} ${qt}, ${Xt} ${Zt}, ${ce} ${Zt} L ${ce} ${Qt} C ${Xt} ${Qt}, ${Kt} ${Jt}, ${ie} ${Jt} Z`;
             }
             J.push({
@@ -302,22 +302,22 @@ const xl = ["id"], Tl = ["id"], Sl = {
         })),
         links: t.links
       };
-    }), Nt = i(() => xt.value), Ot = i(() => Tt.value), Ce = i(() => e.value.style.chart.padding), Et = i(() => ({
-      width: Math.max(0, Nt.value - 40 - Ce.value.right - Ce.value.left),
-      height: Math.max(0, Ot.value - Ce.value.top - Ce.value.bottom)
-    })), ke = i(() => ({
+    }), Nt = i(() => xt.value), Ot = i(() => Tt.value), ke = i(() => e.value.style.chart.padding), Et = i(() => ({
+      width: Math.max(0, Nt.value - 40 - ke.value.right - ke.value.left),
+      height: Math.max(0, Ot.value - ke.value.top - ke.value.bottom)
+    })), we = i(() => ({
       width: Nt.value,
       height: Ot.value
     }));
     function So(t) {
       const l = {}, o = {}, a = /* @__PURE__ */ new Set();
-      return It.value.forEach(([n, p, I]) => {
+      return It.value.forEach(([n, p, O]) => {
         l[n] || (l[n] = []), o[p] || (o[p] = []), l[n].push(p), o[p].push(n);
       }), l[t] && l[t].forEach((n) => a.add(n)), o[t] && o[t].forEach((n) => a.add(n)), Array.from(a).concat(t);
     }
-    const A = r(null), ne = r(null), we = r(null), Le = r(!1), $e = r(null);
+    const A = r(null), ne = r(null), fe = r(null), Le = r(!1), $e = r(null);
     function et() {
-      $e.value = null, A.value = null, ne.value = null, Ne.value = !1, me.value = null, de.value = null;
+      $e.value = null, A.value = null, ne.value = null, Ne.value = !1, be.value = null, de.value = null;
     }
     function Po(t) {
       if (!ae.value || !t) return;
@@ -330,61 +330,61 @@ const xl = ["id"], Tl = ["id"], Sl = {
       };
     }
     function tt(t, l, o = "pointer", a = null) {
-      re.value = [], A.value = So(t.name), ne.value = t.name, $e.value = t.id, je.value = o, me.value = a, de.value = t.id;
+      re.value = [], A.value = So(t.name), ne.value = t.name, $e.value = t.id, je.value = o, be.value = a, de.value = t.id;
       const n = t.name, p = It.value;
-      let I = 0, F = 0, z = [], W = [];
-      const G = new Set(p.map(([f]) => f)), j = new Set(p.map(([, f]) => f)), C = Array.from(G).filter((f) => !j.has(f)), N = p.filter(([f]) => C.includes(f)).reduce((f, [y, J, ue]) => f + ue, 0), M = {};
-      $.value.nodes.forEach((f) => {
-        M[f.name] = f.color;
-      }), p.forEach(([f, y, J]) => {
-        y === n && (I += J, z.push({ source: f, value: J, color: M[f] })), f === n && (F += J, W.push({ target: y, value: J, color: M[y] }));
+      let O = 0, F = 0, z = [], W = [];
+      const G = new Set(p.map(([h]) => h)), j = new Set(p.map(([, h]) => h)), C = Array.from(G).filter((h) => !j.has(h)), E = p.filter(([h]) => C.includes(h)).reduce((h, [y, J, ue]) => h + ue, 0), M = {};
+      $.value.nodes.forEach((h) => {
+        M[h.name] = h.color;
+      }), p.forEach(([h, y, J]) => {
+        y === n && (O += J, z.push({ source: h, value: J, color: M[h] })), h === n && (F += J, W.push({ target: y, value: J, color: M[y] }));
       });
-      const rt = Math.max(I, F), Te = N > 0 ? rt / N * 100 : 0, O = {
+      const rt = Math.max(O, F), Te = E > 0 ? rt / E * 100 : 0, _ = {
         name: n,
-        inflow: I,
+        inflow: O,
         outflow: F,
         from: z,
         to: W,
         percentOfTotal: Te,
         color: M[n] || "#000000"
       };
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: O, seriesIndex: l }), we.value = { datapoint: O }, Ne.value = !0;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: _, seriesIndex: l }), fe.value = { datapoint: _ }, Ne.value = !0;
       let Z = "";
       const Se = e.value.style.chart.tooltip.customFormat;
       if (Le.value = !1, ul(Se))
         try {
-          const f = Se({
-            datapoint: O,
+          const h = Se({
+            datapoint: _,
             series: $.value,
             config: e.value
           });
-          typeof f == "string" && (Ve.value = f, Le.value = !0);
+          typeof h == "string" && (Ve.value = h, Le.value = !0);
         } catch {
           console.warn("Custom format cannot be applied.");
         }
       if (!Le.value) {
-        const f = e.value.style.chart.tooltip.showPercentage ? `<div>${pe({
+        const h = e.value.style.chart.tooltip.showPercentage ? `<div>${ge({
           p: e.value.style.chart.tooltip.translations.percentOfTotal,
-          v: O.percentOfTotal,
+          v: _.percentOfTotal,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })}</div>` : "";
-        Z += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${O.color}">⏹</span>${O.name}${f}</div>`, O.from.length && (Z += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, O.from.forEach((y) => {
+        Z += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${_.color}">⏹</span>${_.name}${h}</div>`, _.from.length && (Z += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, _.from.forEach((y) => {
           Z += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${We(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
-            pe({
+            ge({
               p: e.value.style.chart.nodes.labels.prefix,
               v: y.value,
               s: e.value.style.chart.nodes.labels.suffix,
               r: e.value.style.chart.nodes.labels.rounding
             })
           )}</div>`;
-        })), O.to.length && (Z += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, O.to.forEach((y) => {
+        })), _.to.length && (Z += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, _.to.forEach((y) => {
           Z += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${We(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
-            pe({
+            ge({
               p: e.value.style.chart.nodes.labels.prefix,
               v: y.value,
               s: e.value.style.chart.nodes.labels.suffix,
@@ -398,11 +398,11 @@ const xl = ["id"], Tl = ["id"], Sl = {
       });
     }
     function _t(t) {
-      const l = we.value;
+      const l = fe.value;
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: t }), !(je.value === "keyboard" && de.value) && ($e.value = null, A.value = null, ne.value = null, Ne.value = !1);
     }
     function Ft(t) {
-      const l = we.value;
+      const l = fe.value;
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t });
     }
     const Mt = i(() => $.value.links.map(
@@ -431,7 +431,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
         });
       });
     }
-    const fe = i(() => {
+    const he = i(() => {
       const t = [
         e.value.table.columnNames.source,
         e.value.table.columnNames.target,
@@ -447,7 +447,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
           name: n.target,
           shape: "square"
         },
-        pe({
+        ge({
           p: e.value.style.chart.nodes.labels.prefix,
           v: n.value,
           s: e.value.style.chart.nodes.labels.suffix,
@@ -477,13 +477,13 @@ const xl = ["id"], Tl = ["id"], Sl = {
         config: o
       };
     }), lt = i(() => {
-      const t = fe.value?.colNames ?? [], l = fe.value?.body ?? [];
+      const t = he.value?.colNames ?? [], l = he.value?.body ?? [];
       return { headers: t, rows: l };
     }), Be = i(() => [...$.value.nodes].map((t, l) => ({
       ...t,
       index: l,
-      centerX: t.x + be.value / 2,
-      centerY: S(t.absoluteY) + e.value.style.chart.padding.top + t.height / 2
+      centerX: t.x + Ce.value / 2,
+      centerY: I(t.absoluteY) + e.value.style.chart.padding.top + t.height / 2
     })).sort((t, l) => t.x === l.x ? t.absoluteY - l.absoluteY : t.x - l.x)), se = i(() => {
       const l = [];
       return Be.value.forEach((o) => {
@@ -598,7 +598,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       };
     });
     Re(() => Y.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ye.value ? ye.value.open() : "close" in ye.value && ye.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && me.value ? me.value.open() : "close" in me.value && me.value.close());
     });
     function Yt() {
       Y.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
@@ -663,35 +663,35 @@ const xl = ["id"], Tl = ["id"], Sl = {
       if (!o || !o.nodes.length) return null;
       let a = o.nodes[0], n = Math.abs(a.centerY - l);
       for (let p = 1; p < o.nodes.length; p += 1) {
-        const I = o.nodes[p], F = Math.abs(I.centerY - l);
-        F < n && (a = I, n = F);
+        const O = o.nodes[p], F = Math.abs(O.centerY - l);
+        F < n && (a = O, n = F);
       }
       return a;
     }
     function Ho() {
-      me.value = null, de.value = null, Fe.value = !0;
+      be.value = null, de.value = null, Fe.value = !0;
     }
     function Uo() {
       et(), Fe.value = !1;
     }
     function Wo(t) {
       if (!ae.value || Ae.value || document.activeElement !== ae.value || !Be.value.length) return;
-      const l = t.key === "ArrowLeft", o = t.key === "ArrowRight", a = t.key === "ArrowUp", n = t.key === "ArrowDown", p = t.key === "Enter" || t.key === " ", I = t.key === "Escape";
-      if (!l && !o && !a && !n && !p && !I) return;
-      if (t.preventDefault(), t.stopPropagation(), I) {
+      const l = t.key === "ArrowLeft", o = t.key === "ArrowRight", a = t.key === "ArrowUp", n = t.key === "ArrowDown", p = t.key === "Enter" || t.key === " ", O = t.key === "Escape";
+      if (!l && !o && !a && !n && !p && !O) return;
+      if (t.preventDefault(), t.stopPropagation(), O) {
         et();
         return;
       }
       if (p) {
-        if (me.value === null) return;
-        Ft(me.value);
+        if (be.value === null) return;
+        Ft(be.value);
         return;
       }
       if (de.value === null) {
         const C = se.value[0]?.nodes?.[0];
         if (!C) return;
-        const N = Ye.value.get(C.id) ?? 0;
-        tt(C, N, "keyboard", N);
+        const E = Ye.value.get(C.id) ?? 0;
+        tt(C, E, "keyboard", E);
         return;
       }
       const F = Ye.value.get(de.value);
@@ -704,10 +704,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
       if (a || n) {
         const C = zo(W, z.id);
         if (C < 0) return;
-        const N = se.value[W];
-        if (!N?.nodes?.length) return;
+        const E = se.value[W];
+        if (!E?.nodes?.length) return;
         let M = C + (n ? 1 : -1);
-        M < 0 && (M = N.nodes.length - 1), M >= N.nodes.length && (M = 0), G = N.nodes[M];
+        M < 0 && (M = E.nodes.length - 1), M >= E.nodes.length && (M = 0), G = E.nodes[M];
       }
       if (l || o) {
         let C = W + (o ? 1 : -1);
@@ -746,7 +746,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
         id: `chart-instructions-${U.value}`,
         class: "sr-only"
       }, [
-        H("p", null, he(e.value.a11y.translations.keyboardNavigation), 1)
+        H("p", null, pe(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Tl),
       lt.value?.rows?.length ? (c(), oe($l, {
         key: 0,
@@ -765,23 +765,23 @@ const xl = ["id"], Tl = ["id"], Sl = {
         onClose: at,
         isCursorPointer: ve.value
       }, {
-        "annotator-action-close": h(() => [
+        "annotator-action-close": f(() => [
           v(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": h(({ color: o }) => [
-          v(t.$slots, "annotator-action-color", E(_({ color: o })), void 0, !0)
+        "annotator-action-color": f(({ color: o }) => [
+          v(t.$slots, "annotator-action-color", S(P({ color: o })), void 0, !0)
         ]),
-        "annotator-action-draw": h(({ mode: o }) => [
-          v(t.$slots, "annotator-action-draw", E(_({ mode: o })), void 0, !0)
+        "annotator-action-draw": f(({ mode: o }) => [
+          v(t.$slots, "annotator-action-draw", S(P({ mode: o })), void 0, !0)
         ]),
-        "annotator-action-undo": h(({ disabled: o }) => [
-          v(t.$slots, "annotator-action-undo", E(_({ disabled: o })), void 0, !0)
+        "annotator-action-undo": f(({ disabled: o }) => [
+          v(t.$slots, "annotator-action-undo", S(P({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-redo": h(({ disabled: o }) => [
-          v(t.$slots, "annotator-action-redo", E(_({ disabled: o })), void 0, !0)
+        "annotator-action-redo": f(({ disabled: o }) => [
+          v(t.$slots, "annotator-action-redo", S(P({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-delete": h(({ disabled: o }) => [
-          v(t.$slots, "annotator-action-delete", E(_({ disabled: o })), void 0, !0)
+        "annotator-action-delete": f(({ disabled: o }) => [
+          v(t.$slots, "annotator-action-delete", S(P({ disabled: o })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : w("", !0),
@@ -852,71 +852,71 @@ const xl = ["id"], Tl = ["id"], Sl = {
       }, to({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: h(({ isOpen: o, color: a }) => [
-            v(t.$slots, "menuIcon", E(_({ isOpen: o, color: a })), void 0, !0)
+          fn: f(({ isOpen: o, color: a }) => [
+            v(t.$slots, "menuIcon", S(P({ isOpen: o, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: h(() => [
+          fn: f(() => [
             v(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: h(({ toggleFullscreen: o, isFullscreen: a }) => [
-            v(t.$slots, "optionFullscreen", E(_({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
+          fn: f(({ toggleFullscreen: o, isFullscreen: a }) => [
+            v(t.$slots, "optionFullscreen", S(P({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: h(({ toggleAnnotator: o, isAnnotator: a }) => [
-            v(t.$slots, "optionAnnotator", E(_({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
+          fn: f(({ toggleAnnotator: o, isAnnotator: a }) => [
+            v(t.$slots, "optionAnnotator", S(P({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: h(({ altCopy: o }) => [
-            v(t.$slots, "optionAltCopy", E(_({ altCopy: o })), void 0, !0)
+          fn: f(({ altCopy: o }) => [
+            v(t.$slots, "optionAltCopy", S(P({ altCopy: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -927,7 +927,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
           ref: ae,
           xmlns: u(al),
           "aria-describedby": `chart-instructions-${U.value}`,
-          viewBox: `0 0 ${ke.value.width} ${ke.value.height}`,
+          viewBox: `0 0 ${we.value.width} ${we.value.height}`,
           class: eo({
             "vue-data-ui-fullscreen--on": le.value,
             "vue-data-ui-fulscreen--off": !le.value
@@ -948,8 +948,8 @@ const xl = ["id"], Tl = ["id"], Sl = {
             key: 0,
             x: 0,
             y: 0,
-            width: ke.value.width,
-            height: ke.value.height,
+            width: we.value.width,
+            height: we.value.height,
             style: {
               pointerEvents: "none"
             }
@@ -990,9 +990,9 @@ const xl = ["id"], Tl = ["id"], Sl = {
             "data-a11y-node-id": o.id,
             class: "vue-ui-flow-node",
             x: o.x,
-            y: u(S)(o.absoluteY) + e.value.style.chart.padding.top,
-            height: u(S)(o.height),
-            width: be.value,
+            y: u(I)(o.absoluteY) + e.value.style.chart.padding.top,
+            height: u(I)(o.height),
+            width: Ce.value,
             fill: o.color,
             stroke: e.value.style.chart.nodes.stroke,
             "stroke-width": e.value.style.chart.nodes.strokeWidth,
@@ -1004,7 +1004,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
             "aria-label": `${o.name}: ${u(We)(
               e.value.style.chart.nodes.labels.formatter,
               o.value,
-              u(pe)({
+              u(ge)({
                 p: e.value.style.chart.nodes.labels.prefix,
                 v: o.value,
                 s: e.value.style.chart.nodes.labels.suffix,
@@ -1017,31 +1017,31 @@ const xl = ["id"], Tl = ["id"], Sl = {
           }, null, 44, Dl))), 256)),
           e.value.style.chart.nodes.labels.show ? (c(), b("g", Ll, [
             (c(!0), b(Pe, null, Ie($.value.nodes, (o, a) => (c(), b("text", {
-              x: o.x + be.value / 2,
-              y: (e.value.style.chart.nodes.labels.showValue ? u(S)(
+              x: o.x + Ce.value / 2,
+              y: (e.value.style.chart.nodes.labels.showValue ? u(I)(
                 o.absoluteY + o.height / 2 - e.value.style.chart.nodes.labels.fontSize / 4
               ) : o.absoluteY + o.height / 2 + e.value.style.chart.nodes.labels.fontSize / 3) + e.value.style.chart.padding.top,
               "font-size": e.value.style.chart.nodes.labels.fontSize,
               fill: u(no)(o.color),
               "text-anchor": "middle",
               style: X(`pointer-events: none; opacity:${A.value ? A.value.includes(o.name) ? 1 : 0 : 1}`)
-            }, he(e.value.style.chart.nodes.labels.abbreviation.use ? u(nl)({
+            }, pe(e.value.style.chart.nodes.labels.abbreviation.use ? u(nl)({
               source: o.name,
               length: e.value.style.chart.nodes.labels.abbreviation.length
             }) : o.name), 13, Bl))), 256)),
             e.value.style.chart.nodes.labels.showValue ? (c(!0), b(Pe, { key: 0 }, Ie($.value.nodes, (o, a) => (c(), b("text", {
-              x: o.x + be.value / 2,
-              y: u(S)(
+              x: o.x + Ce.value / 2,
+              y: u(I)(
                 o.absoluteY + o.height / 2 + e.value.style.chart.nodes.labels.fontSize / 1.3
               ) + e.value.style.chart.padding.top,
               "font-size": e.value.style.chart.nodes.labels.fontSize,
               fill: u(no)(o.color),
               "text-anchor": "middle",
               style: X(`pointer-events: none; opacity:${A.value ? A.value.includes(o.name) ? 1 : 0 : 1}`)
-            }, he(u(We)(
+            }, pe(u(We)(
               e.value.style.chart.nodes.labels.formatter,
               o.value,
-              u(pe)({
+              u(ge)({
                 p: e.value.style.chart.nodes.labels.prefix,
                 v: o.value,
                 s: e.value.style.chart.nodes.labels.suffix,
@@ -1052,18 +1052,18 @@ const xl = ["id"], Tl = ["id"], Sl = {
           ])) : w("", !0),
           v(t.$slots, "svg", {
             svg: {
-              ...ke.value,
+              ...we.value,
               isPrintingImg: u(Je) | u(Qe) | Ee.value,
               isPrintingSvg: _e.value
             }
           }, void 0, !0)
         ], 46, Nl)),
         t.$slots.hint ? (c(), b("div", zl, [
-          v(t.$slots, "hint", E(_({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
+          v(t.$slots, "hint", S(P({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
         ])) : w("", !0)
       ]),
       t.$slots.watermark ? (c(), b("div", Rl, [
-        v(t.$slots, "watermark", E(_({ isPrinting: u(Je) || u(Qe) || Ee.value || _e.value })), void 0, !0)
+        v(t.$slots, "watermark", S(P({ isPrinting: u(Je) || u(Qe) || Ee.value || _e.value })), void 0, !0)
       ])) : w("", !0),
       H("div", {
         id: `legend-bottom-${U.value}`
@@ -1083,12 +1083,12 @@ const xl = ["id"], Tl = ["id"], Sl = {
             isCursorPointer: ve.value,
             onClickMarker: l[0] || (l[0] = (o) => st(o))
           }, {
-            item: h(({ legend: o, index: a }) => [
+            item: f(({ legend: o, index: a }) => [
               u(Ke) ? w("", !0) : (c(), b("div", {
                 key: 0,
                 onClick: (n) => o.segregate(),
                 style: X(`opacity:${re.value.length ? re.value.includes(a) ? 1 : 0.5 : 1}`)
-              }, he(o.display), 13, Ul))
+              }, pe(o.display), 13, Ul))
             ]),
             _: 1
           }, 8, ["legendSet", "config", "isCursorPointer"])) : w("", !0),
@@ -1128,38 +1128,41 @@ const xl = ["id"], Tl = ["id"], Sl = {
         isA11yMode: je.value === "keyboard",
         a11yPosition: bt.value
       }, {
-        "tooltip-before": h(() => [
-          v(t.$slots, "tooltip-before", E(_({ ...we.value })), void 0, !0)
+        "tooltip-before": f(() => [
+          v(t.$slots, "tooltip-before", S(P({ ...fe.value })), void 0, !0)
         ]),
-        "tooltip-after": h(() => [
-          v(t.$slots, "tooltip-after", E(_({ ...we.value })), void 0, !0)
+        tooltip: f(() => [
+          v(t.$slots, "tooltip", S(P({ ...fe.value })), void 0, !0)
+        ]),
+        "tooltip-after": f(() => [
+          v(t.$slots, "tooltip-after", S(P({ ...fe.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"]),
       Ct.value && e.value.userOptions.buttons.table ? (c(), oe(Jo(xe.value.component), Qo({ key: 8 }, xe.value.props, {
         ref_key: "tableUnit",
-        ref: ye,
+        ref: me,
         onClose: Yt
       }), to({
-        content: h(() => [
+        content: f(() => [
           He(u(fo), {
-            colNames: fe.value.colNames,
-            head: fe.value.head,
-            body: fe.value.body,
-            config: fe.value.config,
+            colNames: he.value.colNames,
+            head: he.value.head,
+            body: he.value.body,
+            config: he.value.config,
             title: e.value.table.useDialog ? "" : xe.value.title,
             withCloseButton: !e.value.table.useDialog,
             isCursorPointer: ve.value,
             onClose: Yt
           }, {
-            th: h(({ th: o }) => [
+            th: f(({ th: o }) => [
               H("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Wl)
             ]),
-            td: h(({ td: o }) => [
-              oo(he(o.name || o), 1)
+            td: f(({ td: o }) => [
+              oo(pe(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"])
@@ -1168,14 +1171,14 @@ const xl = ["id"], Tl = ["id"], Sl = {
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: h(() => [
-            oo(he(xe.value.title), 1)
+          fn: f(() => [
+            oo(pe(xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: h(() => [
+          fn: f(() => [
             H("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1196,7 +1199,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       ], !0)
     ], 46, xl));
   }
-}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-3fc63fc6"]]);
+}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-3c32a139"]]);
 export {
   ia as default
 };