vue-data-ui 3.7.14 → 3.7.16

package/dist/{vue-ui-flow-B97OGV1a.js → vue-ui-flow-bbLDmA3Q.js}

@@ -1,43 +1,43 @@
-import { defineAsyncComponent as W, ref as u, computed as f, onMounted as ko, toRefs as Ao, watch as Ee, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as U, normalizeClass as xt, createBlock as Z, createCommentVNode as T, createElementVNode as G, createVNode as Se, withCtx as v, renderSlot as h, normalizeProps as P, guardReactiveProps as I, createSlots as Ot, Fragment as ve, renderList as fe, withKeys as qe, withModifiers as Ke, toDisplayString as he, Teleport as wo, resolveDynamicComponent as $o, mergeProps as To, createTextVNode as _t, nextTick as Nt } from "vue";
-import { c as xe, t as Fo, o as Bt, g as Eo, i as So, p as L, j as xo, M as F, l as Oo, d as te, X as _o, a as Oe, w as Dt, S as No, u as Bo, q as Do, x as Po } from "./lib-DUaaQGCv.js";
-import { t as Io, u as Mo } from "./useResponsive-DfdjqQps.js";
-import { u as zo, a as Ze } from "./useNestedProp-BjZ1Lg9E.js";
-import { u as Lo } from "./usePrinter-BdVu83IN.js";
-import { u as Ro, B as Ho } from "./BaseScanner-BgWxam9d.js";
-import { u as jo } from "./useSvgExport-DrjCWun4.js";
-import { u as Wo } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Uo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Go } from "./useChartAccessibility-9icAAmYg.js";
-import Yo from "./Legend-DSyOOSJ1.js";
-import Vo from "./Title-BwhstTFA.js";
-import Xo from "./img-BYzbY8TZ.js";
-import { _ as qo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, It = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, nodes: { stroke: "#3A3A3A" }, links: { stroke: "#3A3A3A" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Mt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, nodes: { stroke: "#1E1E1E" }, links: { stroke: "#1E1E1E" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, zt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Lt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, nodes: { stroke: "#fbfafa" }, links: { stroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Rt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, nodes: { stroke: "#f6f6fb" }, links: { stroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ht = {
+import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as W, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as U, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as M, guardReactiveProps as P, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Mo, resolveDynamicComponent as Po, mergeProps as Io, createTextVNode as Wt, nextTick as Ut } from "vue";
+import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, p as R, j as Yo, M as T, l as Ho, d as le, X as jo, a as Ne, w as Vt, S as Wo, u as Uo, q as Go, x as Vo } from "./lib-DUaaQGCv.js";
+import { t as Xo, u as qo } from "./useResponsive-DfdjqQps.js";
+import { u as Ko, a as et } from "./useNestedProp-CoXaJ2T6.js";
+import { u as Zo } from "./usePrinter-BdVu83IN.js";
+import { u as Jo, B as Qo } from "./BaseScanner-BgWxam9d.js";
+import { u as el } from "./useSvgExport-DrjCWun4.js";
+import { u as tl } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
+import al from "./Legend-DSyOOSJ1.js";
+import nl from "./Title-CM2dM0rQ.js";
+import sl from "./img-BYzbY8TZ.js";
+import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, qt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, nodes: { stroke: "#3A3A3A" }, links: { stroke: "#3A3A3A" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Kt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, nodes: { stroke: "#1E1E1E" }, links: { stroke: "#1E1E1E" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Zt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Jt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, nodes: { stroke: "#fbfafa" }, links: { stroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Qt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, nodes: { stroke: "#f6f6fb" }, links: { stroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, eo = {
   default: {},
-  dark: Pt,
-  celebration: It,
-  celebrationNight: Mt,
-  hack: zt,
-  zen: Lt,
-  concrete: Rt
-}, xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  dark: Xt,
+  celebration: qt,
+  celebrationNight: Kt,
+  hack: Zt,
+  zen: Jt,
+  concrete: Qt
+}, Yl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: It,
-  celebrationNight: Mt,
-  concrete: Rt,
-  dark: Pt,
-  default: Ht,
-  hack: zt,
-  zen: Lt
-}, Symbol.toStringTag, { value: "Module" })), Ko = ["id"], Zo = {
+  celebration: qt,
+  celebrationNight: Kt,
+  concrete: Qt,
+  dark: Xt,
+  default: eo,
+  hack: Zt,
+  zen: Jt
+}, Symbol.toStringTag, { value: "Module" })), ul = ["id"], il = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Jo = ["id"], Qo = ["xmlns", "viewBox"], el = ["width", "height"], tl = ["id"], ol = ["stop-color"], ll = ["stop-color"], al = ["d", "fill", "stroke", "stroke-width"], nl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx", "aria-label", "onMouseenter", "onMouseleave", "onClick", "onKeydown", "onFocus", "onBlur"], sl = { key: 1 }, rl = ["x", "y", "font-size", "fill"], ul = ["x", "y", "font-size", "fill"], il = {
+}, cl = ["id"], dl = ["xmlns", "viewBox"], vl = ["width", "height"], fl = ["id"], hl = ["stop-color"], gl = ["stop-color"], pl = ["d", "fill", "stroke", "stroke-width"], bl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx", "aria-label", "onMouseenter", "onMouseleave", "onClick", "onKeydown", "onFocus", "onBlur"], ml = { key: 1 }, yl = ["x", "y", "font-size", "fill"], Cl = ["x", "y", "font-size", "fill"], kl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, cl = ["id"], dl = ["onClick"], vl = ["innerHTML"], fl = {
+}, Al = ["id"], wl = ["onClick"], $l = ["innerHTML"], Tl = {
   __name: "vue-ui-flow",
   props: {
     config: {
@@ -53,19 +53,19 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       }
     }
   },
-  setup(jt, { expose: Wt }) {
-    const Ut = W(() => import("./Tooltip-De7i-i20.js")), Gt = W(() => import("./BaseIcon-Dl4VBlHV.js")), Yt = W(() => import("./vue-ui-accordion-BXTVRRX7.js")), Vt = W(() => import("./DataTable-Ho3Bf5oq.js")), Xt = W(() => import("./PenAndPaper-kymjF6_b.js")), qt = W(() => import("./UserOptions-DgscxIaa.js")), Kt = W(() => import("./PackageVersion-DtFSiS0a.js")), Zt = W(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_flow: Jt } = zo(), { isThemeValid: Qt, warnInvalidTheme: eo } = Wo(), E = jt, Y = u(xe()), B = u(null), Je = u(0), Qe = u(0), _e = u(!1), Ne = u(""), et = u(null), tt = u(null), ot = u(null), oe = u(null), ge = u(null), lt = u(!1), le = u(null), Be = u(null), De = u(null), at = f(() => !!E.dataset && E.dataset.length);
-    ko(() => {
-      lt.value = !0, st();
+  setup(to, { expose: oo }) {
+    const lo = j(() => import("./Tooltip-De7i-i20.js")), ao = j(() => import("./BaseIcon--wNsuYtd.js")), no = j(() => import("./vue-ui-accordion-WOXCCkiC.js")), so = j(() => import("./DataTable-DRZJOlJB.js")), ro = j(() => import("./PenAndPaper-CMmG5Mka.js")), uo = j(() => import("./UserOptions-5GYBcJJU.js")), io = j(() => import("./PackageVersion-BW9_gimf.js")), co = j(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Me = u(null), Pe = u(null), rt = f(() => !!F.dataset && F.dataset.length);
+    Bo(() => {
+      st.value = !0, it();
     });
     const V = u(!1);
-    function nt(o) {
-      V.value = o, Je.value += 1;
+    function ut(o) {
+      V.value = o, tt.value += 1;
     }
-    const e = u(Le()), { loading: Pe, FINAL_DATASET: pe, manualLoading: Ie } = Ro({
-      ...Ao(E),
+    const e = u(Ye()), { loading: Ie, FINAL_DATASET: me, manualLoading: ze } = Jo({
+      ...Do(F),
       FINAL_CONFIG: e,
-      prepareConfig: Le,
+      prepareConfig: Ye,
       skeletonDataset: [
         ["A", "B", 2, "#CACACA"],
         ["B", "C", 1, "#CACACA"],
@@ -74,7 +74,7 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         ["F", "G", 0.5, "#AAAAAA"],
         ["G", "H", 0.25, "#AAAAAA"]
       ],
-      skeletonConfig: Fo({
+      skeletonConfig: zo({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -106,88 +106,88 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           }
         }
       })
-    }), to = f(() => !!e.value.debug);
-    function st() {
-      if (Bt(E.dataset) && (Eo({
+    }), go = f(() => !!e.value.debug);
+    function it() {
+      if (Gt(F.dataset) && (Lo({
         componentName: "VueUiFlow",
         type: "dataset",
-        debug: to.value
-      }), Ie.value = !0), Bt(E.dataset) || (Ie.value = e.value.loading), e.value.responsive) {
-        const o = Io(() => {
-          const { width: l, height: t } = Mo({
+        debug: go.value
+      }), ze.value = !0), Gt(F.dataset) || (ze.value = e.value.loading), e.value.responsive) {
+        const o = Xo(() => {
+          const { width: l, height: t } = qo({
             chart: B.value,
-            title: e.value.style.chart.title.text ? tt.value : null,
-            legend: e.value.style.chart.legend.show ? et.value : null,
-            source: ot.value
+            title: e.value.style.chart.title.text ? at.value : null,
+            legend: e.value.style.chart.legend.show ? lt.value : null,
+            source: nt.value
           });
           requestAnimationFrame(() => {
-            it.value = l, ct.value = t;
+            vt.value = l, ft.value = t;
           });
         });
-        oe.value && (ge.value && oe.value.unobserve(ge.value), oe.value.disconnect()), oe.value = new ResizeObserver(o), ge.value = B.value.parentNode, oe.value.observe(ge.value);
+        ae.value && (be.value && ae.value.unobserve(be.value), ae.value.disconnect()), ae.value = new ResizeObserver(o), be.value = B.value.parentNode, ae.value.observe(be.value);
       }
     }
-    const { userOptionsVisible: Me, setUserOptionsVisibility: rt, keepUserOptionState: ut } = Uo({ config: e.value }), { svgRef: ze } = Go({
+    const { userOptionsVisible: Le, setUserOptionsVisibility: ct, keepUserOptionState: dt } = ol({ config: e.value }), { svgRef: Re } = ll({
       config: e.value.style.chart.title
     });
-    function Le() {
-      const o = Ze({
-        userConfig: E.config,
-        defaultConfig: Jt
+    function Ye() {
+      const o = et({
+        userConfig: F.config,
+        defaultConfig: vo
       });
       let l = o;
       const t = o.theme;
       if (t)
-        if (!Qt.value(o))
-          eo(o), l = o;
+        if (!fo.value(o))
+          ho(o), l = o;
         else {
-          const a = Ze({
-            userConfig: Ht[t] || E.config,
+          const a = et({
+            userConfig: eo[t] || F.config,
             defaultConfig: o
           });
           l = {
-            ...Ze({
-              userConfig: E.config,
+            ...et({
+              userConfig: F.config,
               defaultConfig: a
             }),
-            customPalette: o.customPalette.length ? o.customPalette : So[t] || L
+            customPalette: o.customPalette.length ? o.customPalette : Ro[t] || R
           };
         }
       else
         l = o;
-      return l.nodeCategories = E.config.nodeCategories || {}, l.nodeCategoryColors = E.config.nodeCategoryColors || {}, l;
+      return l.nodeCategories = F.config.nodeCategories || {}, l.nodeCategoryColors = F.config.nodeCategoryColors || {}, l;
     }
-    const it = u(e.value.style.chart.width), ct = u(e.value.style.chart.height);
-    Ee(
-      () => E.config,
+    const vt = u(e.value.style.chart.width), ft = u(e.value.style.chart.height);
+    xe(
+      () => F.config,
       (o) => {
-        Pe.value || (e.value = Le()), Me.value = !e.value.userOptions.showOnChartHover, st(), Qe.value += 1, S.value.showTable = e.value.table.show;
+        Ie.value || (e.value = Ye()), Le.value = !e.value.userOptions.showOnChartHover, it(), ot.value += 1, S.value.showTable = e.value.table.show;
       },
       { deep: !0 }
-    ), Ee(() => E.dataset, (o) => {
-      Array.isArray(o) && o.length > 0 && (Ie.value = !1);
+    ), xe(() => F.dataset, (o) => {
+      Array.isArray(o) && o.length > 0 && (ze.value = !1);
     }, { deep: !0 });
-    const { isPrinting: dt, isImaging: vt, generatePdf: ft, generateImage: ht } = Lo({
-      elementId: `flow_${Y.value}`,
+    const { isPrinting: ht, isImaging: gt, generatePdf: pt, generateImage: bt } = Zo({
+      elementId: `flow_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-flow",
       options: e.value.userOptions.print
-    }), oo = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), be = f(() => xo(e.value.customPalette)), me = f(() => e.value.style.chart.nodes.width), S = u({
+    }), po = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ye = f(() => Yo(e.value.customPalette)), Ce = f(() => e.value.style.chart.nodes.width), S = u({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    Ee(e, () => {
+    xe(e, () => {
       S.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const gt = f(() => !pe.value || !pe.value.length ? [] : pe.value.map((o, l) => [
+    const mt = f(() => !me.value || !me.value.length ? [] : me.value.map((o, l) => [
       o[0],
       o[1],
-      F(o[2]),
-      o[3] ? Oo(o[3]) : be.value[l] || be.value[l % be.value.length] || L[l] || L[l % L.length]
+      T(o[2]),
+      o[3] ? Ho(o[3]) : ye.value[l] || ye.value[l % ye.value.length] || R[l] || R[l % R.length]
     ]));
-    function lo(o) {
+    function bo(o) {
       const l = {}, t = {};
       function a(n, i) {
         l[n] || (l[n] = {
@@ -196,99 +196,110 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           outflow: 0,
           children: [],
           color: null,
-          uid: xe()
+          uid: _e()
         }), l[n].level === null && (l[n].level = i), t[i] || (t[i] = []), t[i].includes(n) || t[i].push(n);
       }
       o.forEach(([n, i, g]) => {
-        const p = l[n]?.level ?? 0, O = p + 1;
-        a(n, p), a(i, O), l[n].children.push({ target: i, value: g }), l[n].outflow += g, l[i].inflow += g;
+        const p = l[n]?.level ?? 0, D = p + 1;
+        a(n, p), a(i, D), l[n].children.push({ target: i, value: g }), l[n].outflow += g, l[i].inflow += g;
       });
-      const s = new Set(o.map(([n]) => n)), w = new Set(o.map(([, n]) => n)), Q = Array.from(s).filter((n) => !w.has(n)), ue = {};
-      Q.forEach((n, i) => {
-        ue[n] = be.value[i] || L[i % L.length];
+      const s = new Set(o.map(([n]) => n)), w = new Set(o.map(([, n]) => n)), te = Array.from(s).filter((n) => !w.has(n)), ce = {};
+      te.forEach((n, i) => {
+        ce[n] = ye.value[i] || R[i % R.length];
       });
-      const ie = {};
+      const de = {};
       o.forEach(([n, i, g, p]) => {
-        p && (ie[n] = p, ie[i] = p);
+        p && (de[n] = p, de[i] = p);
       }), Object.keys(l).forEach((n, i) => {
         const g = e.value.nodeCategories?.[n], p = g ? e.value.nodeCategoryColors?.[g] : null;
-        l[n].color = ie[n] || p || (Q.includes(n) ? ue[n] : null) || L[i % L.length];
+        l[n].color = de[n] || p || (te.includes(n) ? ce[n] : null) || R[i % R.length];
       }), Object.keys(l).forEach((n) => {
         l[n].value = Math.max(l[n].inflow, l[n].outflow);
       });
-      const $e = ae.value, Ge = mt.value.width, ee = mt.value.height, z = Object.keys(t).map(Number).sort((n, i) => n - i), Te = z.length || 1, Ye = Te > 1 ? Ge / (Te - 1) : 0, $ = Number(me.value), M = Number(
+      const Fe = se.value, Ve = kt.value.width, oe = kt.value.height, z = Object.keys(t).map(Number).sort((n, i) => n - i), Se = z.length || 1, Xe = Se > 1 ? Ve / (Se - 1) : 0, x = Number(Ce.value), I = Number(
         e.value.style.chart.nodes.gapPx ?? e.value.style.chart.nodes.gap ?? 8
-      ), ce = Number(e.value.style.chart.nodes.minHeight || 0);
+      ), ve = Number(
+        e.value.style.chart.nodes.minHeight || 0
+      );
       function d(n) {
         const i = t[n], g = i.length;
         if (!g) return 1 / 0;
-        const p = Math.max(0, (g - 1) * M), O = Math.max(0, ee - p), R = Math.min(ce, g ? O / g : 0);
-        let k = 0, _ = i.map((b) => l[b].value || 0), C = _.reduce((b, N) => b + N, 0);
+        const p = Math.max(0, (g - 1) * I), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0);
+        let C = 0, O = i.map((b) => l[b].value || 0), k = O.reduce((b, _) => b + _, 0);
         for (let b = 0; b < 12; b += 1) {
-          const N = C > 0 ? (O - k) / C : 0, H = [];
-          for (let D = 0; D < _.length; D += 1) {
-            const j = _[D];
-            j < 0 || j * N < R && H.push(D);
+          const _ = k > 0 ? (D - C) / k : 0, H = [];
+          for (let N = 0; N < O.length; N += 1) {
+            const L = O[N];
+            L < 0 || L * _ < Y && H.push(N);
           }
-          if (!H.length) return Math.max(0, N);
-          for (const D of H)
-            k += R, C -= _[D], _[D] = -1;
-          if (C <= 0) return 0;
+          if (!H.length) return Math.max(0, _);
+          for (const N of H)
+            C += Y, k -= O[N], O[N] = -1;
+          if (k <= 0) return 0;
         }
-        return C > 0 ? Math.max(0, (O - k) / C) : 0;
+        return k > 0 ? Math.max(0, (D - C) / k) : 0;
       }
       const y = z.map(d), q = y.length ? Math.min(...y) : 0, K = {};
       z.forEach((n) => {
-        const i = t[n], g = i.length, p = Math.max(0, (g - 1) * M), O = Math.max(0, ee - p), R = Math.min(ce, g ? O / g : 0), k = i.map(
-          (b) => Math.max(R, (l[b].value || 0) * q)
-        ), _ = k.reduce((b, N) => b + N, 0) + p;
-        let C = Math.max(0, (ee - _) / 2);
-        i.forEach((b, N) => {
-          const H = k[N], D = $e.left + n * Ye, j = C;
+        const i = t[n], g = i.length, p = Math.max(0, (g - 1) * I), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0), C = i.map(
+          (b) => Math.max(Y, (l[b].value || 0) * q)
+        ), O = C.reduce((b, _) => b + _, 0) + p;
+        let k = Math.max(0, (oe - O) / 2);
+        i.forEach((b, _) => {
+          const H = C[_], N = Fe.left + n * Xe, L = k;
           K[b] = {
-            x: D,
-            y: j,
-            absoluteY: j,
+            x: N,
+            y: L,
+            absoluteY: L,
             height: H,
-            i: N,
+            i: _,
             color: l[b].color,
             value: l[b].value,
-            id: xe()
-          }, C += H, N < g - 1 && (C += M);
+            id: _e()
+          }, k += H, _ < g - 1 && (k += I);
         });
       });
-      const Ft = [], de = $e.top, Ve = {}, Xe = {};
+      const xt = [], fe = Fe.top, qe = {}, Ke = {};
       Object.keys(l).forEach((n) => {
-        Ve[n] = K[n]?.y ?? 0, Xe[n] = 0;
+        qe[n] = K[n]?.y ?? 0, Ke[n] = 0;
       });
-      const po = 1e-6, bo = 0.25;
+      const xo = 1e-6, Oo = 0.25, _o = !!e.value.style.chart.links.smooth, Ot = 0.5;
       return z.forEach((n) => {
         t[n].forEach((g) => {
-          const p = l[g], O = K[g];
+          const p = l[g], D = K[g];
           if (!p.children || !p.children.length) return;
-          let R = O.y;
-          p.children.forEach(({ target: k, value: _ }) => {
-            const C = K[k], b = l[k], N = p.outflow > 0 ? _ / p.outflow : 0, H = b.inflow > 0 ? _ / b.inflow : 0, D = F(R + de), j = F(R + N * O.height + de), Et = Ve[k];
-            let Fe = Et + H * C.height;
-            Xe[k] += _;
-            const mo = b.inflow > 0 && Xe[k] >= b.inflow - po, St = C.y + C.height;
-            (mo || Fe > St - bo) && (Fe = St);
-            const yo = F(Et + de), Co = F(Fe + de);
-            Ft.push({
-              id: xe(),
+          let Y = D.y;
+          p.children.forEach(({ target: C, value: O }) => {
+            const k = K[C], b = l[C], _ = p.outflow > 0 ? O / p.outflow : 0, H = b.inflow > 0 ? O / b.inflow : 0, N = T(Y + fe), L = T(
+              Y + _ * D.height + fe
+            ), _t = qe[C];
+            let Ee = _t + H * k.height;
+            Ke[C] += O;
+            const No = b.inflow > 0 && Ke[C] >= b.inflow - xo, Nt = k.y + k.height;
+            (No || Ee > Nt - Oo) && (Ee = Nt);
+            const Bt = T(_t + fe), Dt = T(Ee + fe), Z = T(D.x + x), J = T(k.x);
+            let Ze;
+            if (!_o || J <= Z)
+              Ze = `M ${Z} ${N} L ${Z} ${L} L ${J} ${Dt} L ${J} ${Bt} Z`;
+            else {
+              const Mt = J - Z, Pt = T(Z + Mt * Ot), It = T(J - Mt * Ot), zt = N, Lt = Bt, Rt = L, Yt = Dt;
+              Ze = `M ${Z} ${zt} C ${Pt} ${zt}, ${It} ${Lt}, ${J} ${Lt} L ${J} ${Yt} C ${It} ${Yt}, ${Pt} ${Rt}, ${Z} ${Rt} Z`;
+            }
+            xt.push({
+              id: _e(),
               source: g,
-              target: k,
-              path: `M ${F(O.x + $)} ${D} L ${F(O.x + $)} ${j} L ${F(C.x)} ${Co} L ${F(C.x)} ${yo} Z`,
-              value: _,
+              target: C,
+              path: Ze,
+              value: O,
               sourceColor: p.color,
-              targetColor: l[k].color
-            }), R = j - de, Ve[k] = Fe;
+              targetColor: l[C].color
+            }), Y = L - fe, qe[C] = Ee;
           });
         });
-      }), { nodeCoordinates: K, links: Ft };
+      }), { nodeCoordinates: K, links: xt };
     }
-    const x = f(() => {
-      const o = lo(pe.value);
+    const E = f(() => {
+      const o = bo(me.value);
       return {
         nodes: Object.keys(o.nodeCoordinates).map((l, t) => ({
           ...o.nodeCoordinates[l],
@@ -296,95 +307,95 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         })),
         links: o.links
       };
-    }), pt = f(() => it.value), bt = f(() => ct.value), ae = f(() => e.value.style.chart.padding), mt = f(() => ({
-      width: Math.max(0, pt.value - 40 - ae.value.right - ae.value.left),
-      height: Math.max(0, bt.value - ae.value.top - ae.value.bottom)
-    })), ne = f(() => ({
-      width: pt.value,
-      height: bt.value
+    }), yt = f(() => vt.value), Ct = f(() => ft.value), se = f(() => e.value.style.chart.padding), kt = f(() => ({
+      width: Math.max(0, yt.value - 40 - se.value.right - se.value.left),
+      height: Math.max(0, Ct.value - se.value.top - se.value.bottom)
+    })), re = f(() => ({
+      width: yt.value,
+      height: Ct.value
     }));
-    function ao(o) {
+    function mo(o) {
       const l = {}, t = {}, a = /* @__PURE__ */ new Set();
-      return gt.value.forEach(([s, w, Q]) => {
+      return mt.value.forEach(([s, w, te]) => {
         l[s] || (l[s] = []), t[w] || (t[w] = []), l[s].push(w), t[w].push(s);
       }), l[o] && l[o].forEach((s) => a.add(s)), t[o] && t[o].forEach((s) => a.add(s)), Array.from(a).concat(o);
     }
-    const A = u(null), J = u(null), se = u(null), ye = u(!1), Ce = u(null);
-    function yt(o, l) {
-      X.value = [], A.value = ao(o.name), J.value = o.name, Ce.value = o.id;
-      const t = o.name, a = gt.value;
-      let s = 0, w = 0, Q = [], ue = [];
-      const ie = new Set(a.map(([d]) => d)), $e = new Set(a.map(([, d]) => d)), Ge = Array.from(ie).filter((d) => !$e.has(d)), ee = a.filter(([d]) => Ge.includes(d)).reduce((d, [y, q, K]) => d + K, 0), z = {};
-      x.value.nodes.forEach((d) => {
+    const A = u(null), ee = u(null), ue = u(null), ke = u(!1), Ae = u(null);
+    function At(o, l) {
+      X.value = [], A.value = mo(o.name), ee.value = o.name, Ae.value = o.id;
+      const t = o.name, a = mt.value;
+      let s = 0, w = 0, te = [], ce = [];
+      const de = new Set(a.map(([d]) => d)), Fe = new Set(a.map(([, d]) => d)), Ve = Array.from(de).filter((d) => !Fe.has(d)), oe = a.filter(([d]) => Ve.includes(d)).reduce((d, [y, q, K]) => d + K, 0), z = {};
+      E.value.nodes.forEach((d) => {
         z[d.name] = d.color;
       }), a.forEach(([d, y, q]) => {
-        y === t && (s += q, Q.push({ source: d, value: q, color: z[d] })), d === t && (w += q, ue.push({ target: y, value: q, color: z[y] }));
+        y === t && (s += q, te.push({ source: d, value: q, color: z[d] })), d === t && (w += q, ce.push({ target: y, value: q, color: z[y] }));
       });
-      const Te = Math.max(s, w), Ye = ee > 0 ? Te / ee * 100 : 0, $ = {
+      const Se = Math.max(s, w), Xe = oe > 0 ? Se / oe * 100 : 0, x = {
         name: t,
         inflow: s,
         outflow: w,
-        from: Q,
-        to: ue,
-        percentOfTotal: Ye,
+        from: te,
+        to: ce,
+        percentOfTotal: Xe,
         color: z[t] || "#000000"
       };
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: $, seriesIndex: l }), se.value = { datapoint: $ }, _e.value = !0;
-      let M = "";
-      const ce = e.value.style.chart.tooltip.customFormat;
-      if (ye.value = !1, Po(ce))
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: x, seriesIndex: l }), ue.value = { datapoint: x }, Be.value = !0;
+      let I = "";
+      const ve = e.value.style.chart.tooltip.customFormat;
+      if (ke.value = !1, Vo(ve))
         try {
-          const d = ce({
-            datapoint: $,
-            series: x.value,
+          const d = ve({
+            datapoint: x,
+            series: E.value,
             config: e.value
           });
-          typeof d == "string" && (Ne.value = d, ye.value = !0);
+          typeof d == "string" && (De.value = d, ke.value = !0);
         } catch {
           console.warn("Custom format cannot be applied.");
         }
-      if (!ye.value) {
-        const d = e.value.style.chart.tooltip.showPercentage ? `<div>${te({
+      if (!ke.value) {
+        const d = e.value.style.chart.tooltip.showPercentage ? `<div>${le({
           p: e.value.style.chart.tooltip.translations.percentOfTotal,
-          v: $.percentOfTotal,
+          v: x.percentOfTotal,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })}</div>` : "";
-        M += `<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}${d}</div>`, $.from.length && (M += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, $.from.forEach((y) => {
-          M += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${Oe(
+        I += `<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:${x.color}">⏹</span>${x.name}${d}</div>`, x.from.length && (I += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, x.from.forEach((y) => {
+          I += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${Ne(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
-            te({
+            le({
               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>`;
-        })), $.to.length && (M += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, $.to.forEach((y) => {
-          M += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${Oe(
+        })), x.to.length && (I += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, x.to.forEach((y) => {
+          I += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${Ne(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
-            te({
+            le({
               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>`;
-        })), Ne.value = M;
+        })), De.value = I;
       }
     }
-    function ke(o) {
-      Ce.value = null;
-      const l = se.value;
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o }), A.value = null, J.value = null, _e.value = !1;
+    function we(o) {
+      Ae.value = null;
+      const l = ue.value;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o }), A.value = null, ee.value = null, Be.value = !1;
     }
-    function Re(o) {
-      const l = se.value;
+    function He(o) {
+      const l = ue.value;
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: o });
     }
-    const Ct = f(() => x.value.links.map(
+    const wt = f(() => E.value.links.map(
       ({ source: o, target: l, sourceColor: t, targetColor: a, value: s }) => ({
         source: o,
         target: l,
@@ -393,9 +404,9 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         value: s
       })
     ));
-    function He(o = null) {
-      Nt(() => {
-        const l = Ct.value.map((s, w) => [[s.source], [s.target], [s.value]]), t = [
+    function je(o = null) {
+      Ut(() => {
+        const l = wt.value.map((s, w) => [[s.source], [s.target], [s.value]]), t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [
@@ -403,19 +414,19 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             [e.value.table.columnNames.target],
             [e.value.table.columnNames.value]
           ]
-        ].concat(l), a = Bo(t);
-        o ? o(a) : Do({
+        ].concat(l), a = Uo(t);
+        o ? o(a) : Go({
           csvContent: a,
           title: e.value.style.chart.title.text || "vue-ui-flow"
         });
       });
     }
-    const Ae = f(() => {
+    const $e = f(() => {
       const o = [
         e.value.table.columnNames.source,
         e.value.table.columnNames.target,
         e.value.table.columnNames.value
-      ], l = Ct.value.map((s, w) => [
+      ], l = wt.value.map((s, w) => [
         {
           color: s.sourceColor,
           name: s.source,
@@ -426,7 +437,7 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           name: s.target,
           shape: "square"
         },
-        te({
+        le({
           p: e.value.style.chart.nodes.labels.prefix,
           v: s.value,
           s: e.value.style.chart.nodes.labels.suffix,
@@ -456,52 +467,52 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         config: t
       };
     });
-    function no() {
-      return x.value;
+    function yo() {
+      return E.value;
     }
-    function kt() {
+    function $t() {
       S.value.showTable = !S.value.showTable;
     }
-    const we = u(!1);
-    function je() {
-      we.value = !we.value;
+    const Te = u(!1);
+    function We() {
+      Te.value = !Te.value;
     }
-    function At() {
+    function Tt() {
       S.value.showTooltip = !S.value.showTooltip;
     }
-    const wt = f(() => {
+    const Ft = f(() => {
       const o = new Set(
-        x.value.nodes.map(
+        E.value.nodes.map(
           (l) => e.value.nodeCategories[l.name] || "__uncategorized__"
         )
       );
       return Array.from(o).map((l) => ({
         name: l,
-        color: e.value.nodeCategoryColors[l] || L[0],
+        color: e.value.nodeCategoryColors[l] || R[0],
         shape: "square",
-        count: x.value.nodes.filter(
+        count: E.value.nodes.filter(
           (t) => (e.value.nodeCategories[t.name] || "__uncategorized__") === l
         ).length
       })).map((l, t) => ({
         ...l,
-        segregate: () => Ue({ legend: l, i: t }),
+        segregate: () => Ge({ legend: l, i: t }),
         opacity: X.value.length ? X.value.includes(t) ? 1 : 0.5 : 1,
         display: `${l.name} (${l.count})`
       }));
-    }), We = f(
-      () => wt.value.filter((o) => o.name !== "__uncategorized__")
+    }), Ue = f(
+      () => Ft.value.filter((o) => o.name !== "__uncategorized__")
     ), X = u([]);
-    function Ue({ legend: o, i: l }) {
+    function Ge({ legend: o, i: l }) {
       const t = o.name;
       if (A.value?.every(
         (a) => e.value.nodeCategories[a] === t
       )) {
-        A.value = null, J.value = null, X.value = [];
+        A.value = null, ee.value = null, X.value = [];
         return;
       }
-      X.value = [l], A.value = x.value.nodes.filter((a) => e.value.nodeCategories[a.name] === t).map((a) => a.name), J.value = null;
+      X.value = [l], A.value = E.value.nodes.filter((a) => e.value.nodeCategories[a.name] === t).map((a) => a.name), ee.value = null;
     }
-    const so = f(() => ({
+    const Co = f(() => ({
       cy: "flow-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -509,9 +520,9 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       paddingBottom: e.value.style.chart.legend.paddingBottom,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal"
     }));
-    async function ro({ scale: o = 2 } = {}) {
+    async function ko({ scale: o = 2 } = {}) {
       if (!B.value) return;
-      const { width: l, height: t } = B.value.getBoundingClientRect(), a = l / t, { imageUri: s, base64: w } = await Xo({ domElement: B.value, base64: !0, img: !0, scale: o });
+      const { width: l, height: t } = B.value.getBoundingClientRect(), a = l / t, { imageUri: s, base64: w } = await sl({ domElement: B.value, base64: !0, img: !0, scale: o });
       return {
         imageUri: s,
         base64: w,
@@ -521,10 +532,10 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         aspectRatio: a
       };
     }
-    const re = f(() => {
+    const ie = f(() => {
       const o = e.value.table.useDialog && !e.value.table.show, l = S.value.showTable;
       return {
-        component: o ? Zt : Yt,
+        component: o ? co : no,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: o ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -551,94 +562,94 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         }
       };
     });
-    Ee(() => S.value.showTable, (o) => {
-      e.value.table.show || (o && e.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
+    xe(() => S.value.showTable, (o) => {
+      e.value.table.show || (o && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
     });
-    function $t() {
-      S.value.showTable = !1, Be.value && Be.value.setTableIconState(!1);
+    function St() {
+      S.value.showTable = !1, Me.value && Me.value.setTableIconState(!1);
     }
-    const uo = f(() => We.value.map((o) => ({
+    const Ao = f(() => Ue.value.map((o) => ({
       ...o,
       name: o.display
-    }))), io = f(() => e.value.style.chart.backgroundColor), co = f(() => e.value.style.chart.legend), vo = f(() => e.value.style.chart.title), { exportSvg: fo, getSvg: ho } = jo({
-      svg: ze,
-      title: vo,
-      legend: co,
-      legendItems: uo,
-      backgroundColor: io
+    }))), wo = f(() => e.value.style.chart.backgroundColor), $o = f(() => e.value.style.chart.legend), To = f(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: So } = el({
+      svg: Re,
+      title: To,
+      legend: $o,
+      legendItems: Ao,
+      backgroundColor: wo
     });
-    async function Tt({ isCb: o }) {
+    async function Et({ isCb: o }) {
       if (o) {
-        const { blob: l, url: t, text: a, dataUrl: s } = await ho();
+        const { blob: l, url: t, text: a, dataUrl: s } = await So();
         e.value.userOptions.callbacks.svg({ blob: l, url: t, text: a, dataUrl: s });
       } else
-        fo();
+        Fo();
     }
-    async function go(o, l) {
-      if (yt(o, l), S.value.showTooltip && (await Nt(), B.value && De.value)) {
+    async function Eo(o, l) {
+      if (At(o, l), S.value.showTooltip && (await Ut(), B.value && Pe.value)) {
         const { left: t, top: a } = B.value.getBoundingClientRect();
-        De.value.placeTooltip({ x: (t ?? 0) + 12, y: (a ?? 0) + 12 });
+        Pe.value.placeTooltip({ x: (t ?? 0) + 12, y: (a ?? 0) + 12 });
       }
     }
-    return Wt({
-      getData: no,
-      getImage: ro,
-      generateCsv: He,
-      generateImage: ht,
-      generateSvg: Tt,
-      generatePdf: ft,
-      toggleTable: kt,
-      toggleAnnotator: je,
-      toggleTooltip: At,
-      drillCategory: Ue,
-      unselectNode: ke,
-      toggleFullscreen: nt
+    return oo({
+      getData: yo,
+      getImage: ko,
+      generateCsv: je,
+      generateImage: bt,
+      generateSvg: Et,
+      generatePdf: pt,
+      toggleTable: $t,
+      toggleAnnotator: We,
+      toggleTooltip: Tt,
+      drillCategory: Ge,
+      unselectNode: we,
+      toggleFullscreen: ut
     }), (o, l) => (c(), m("div", {
       ref_key: "flowChart",
       ref: B,
-      class: xt(`vue-data-ui-component vue-ui-flow ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: U(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `flow_${Y.value}`,
-      onMouseenter: l[2] || (l[2] = () => r(rt)(!0)),
-      onMouseleave: l[3] || (l[3] = () => r(rt)(!1))
+      class: Ht(`vue-data-ui-component vue-ui-flow ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: W(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      id: `flow_${G.value}`,
+      onMouseenter: l[2] || (l[2] = () => r(ct)(!0)),
+      onMouseleave: l[3] || (l[3] = () => r(ct)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (c(), Z(r(Xt), {
+      e.value.userOptions.buttons.annotator ? (c(), Q(r(ro), {
         key: 0,
-        svgRef: r(ze),
+        svgRef: r(Re),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: we.value,
-        onClose: je
+        active: Te.value,
+        onClose: We
       }, {
         "annotator-action-close": v(() => [
           h(o.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": v(({ color: t }) => [
-          h(o.$slots, "annotator-action-color", P(I({ color: t })), void 0, !0)
+          h(o.$slots, "annotator-action-color", M(P({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": v(({ mode: t }) => [
-          h(o.$slots, "annotator-action-draw", P(I({ mode: t })), void 0, !0)
+          h(o.$slots, "annotator-action-draw", M(P({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-undo", P(I({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-undo", M(P({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-redo", P(I({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-redo", M(P({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-delete", P(I({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-delete", M(P({ disabled: t })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : T("", !0),
-      oo.value ? (c(), m("div", Zo, null, 512)) : T("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : $("", !0),
+      po.value ? (c(), m("div", il, null, 512)) : $("", !0),
       e.value.style.chart.title.text ? (c(), m("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: tt,
+        ref: at,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (c(), Z(Vo, {
-          key: `title_${Qe.value}`,
+        (c(), Q(nl, {
+          key: `title_${ot.value}`,
           config: {
             title: {
               cy: "flow-title",
@@ -650,19 +661,19 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : T("", !0),
-      G("div", {
-        id: `legend-top-${Y.value}`
-      }, null, 8, Jo),
-      e.value.userOptions.show && at.value && (r(ut) || r(Me)) ? (c(), Z(r(qt), {
+      ], 512)) : $("", !0),
+      U("div", {
+        id: `legend-top-${G.value}`
+      }, null, 8, cl),
+      e.value.userOptions.show && rt.value && (r(dt) || r(Le)) ? (c(), Q(r(uo), {
         ref_key: "userOptionsRef",
-        ref: Be,
-        key: `user_option_${Je.value}`,
+        ref: Me,
+        key: `user_option_${tt.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: r(dt),
-        isImaging: r(vt),
-        uid: Y.value,
+        isPrinting: r(ht),
+        isImaging: r(gt),
+        uid: G.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
@@ -676,26 +687,26 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         printScale: e.value.userOptions.print.scale,
-        isAnnotation: we.value,
+        isAnnotation: Te.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         isTooltip: S.value.showTooltip,
         tableDialog: e.value.table.useDialog,
-        onToggleTooltip: At,
-        onToggleFullscreen: nt,
-        onGeneratePdf: r(ft),
-        onGenerateCsv: He,
-        onGenerateImage: r(ht),
-        onGenerateSvg: Tt,
-        onToggleTable: kt,
-        onToggleAnnotator: je,
-        style: U({
-          visibility: r(ut) ? r(Me) ? "visible" : "hidden" : "visible"
+        onToggleTooltip: Tt,
+        onToggleFullscreen: ut,
+        onGeneratePdf: r(pt),
+        onGenerateCsv: je,
+        onGenerateImage: r(bt),
+        onGenerateSvg: Et,
+        onToggleTable: $t,
+        onToggleAnnotator: We,
+        style: W({
+          visibility: r(dt) ? r(Le) ? "visible" : "hidden" : "visible"
         })
-      }, Ot({ _: 2 }, [
+      }, jt({ _: 2 }, [
         o.$slots.menuIcon ? {
           name: "menuIcon",
           fn: v(({ isOpen: t, color: a }) => [
-            h(o.$slots, "menuIcon", P(I({ isOpen: t, color: a })), void 0, !0)
+            h(o.$slots, "menuIcon", M(P({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -744,66 +755,66 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: v(({ toggleFullscreen: t, isFullscreen: a }) => [
-            h(o.$slots, "optionFullscreen", P(I({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+            h(o.$slots, "optionFullscreen", M(P({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: v(({ toggleAnnotator: t, isAnnotator: a }) => [
-            h(o.$slots, "optionAnnotator", P(I({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+            h(o.$slots, "optionAnnotator", M(P({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "callbacks", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "printScale", "isAnnotation", "hasTooltip", "isTooltip", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : T("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "callbacks", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "printScale", "isAnnotation", "hasTooltip", "isTooltip", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : $("", !0),
       (c(), m("svg", {
         ref_key: "svgRef",
-        ref: ze,
-        xmlns: r(_o),
-        viewBox: `0 0 ${ne.value.width} ${ne.value.height}`,
-        class: xt({
+        ref: Re,
+        xmlns: r(jo),
+        viewBox: `0 0 ${re.value.width} ${re.value.height}`,
+        class: Ht({
           "vue-data-ui-fullscreen--on": V.value,
           "vue-data-ui-fulscreen--off": !V.value
         }),
-        style: U({
+        style: W({
           maxWidth: "100%",
           overflow: "visible",
           background: "transparent",
           color: e.value.style.chart.color
         })
       }, [
-        Se(r(Kt)),
+        Oe(r(io)),
         o.$slots["chart-background"] ? (c(), m("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: ne.value.width,
-          height: ne.value.height,
+          width: re.value.width,
+          height: re.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           h(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, el)) : T("", !0),
-        G("defs", null, [
-          (c(!0), m(ve, null, fe(x.value.links, (t, a) => (c(), m("linearGradient", {
+        ], 8, vl)) : $("", !0),
+        U("defs", null, [
+          (c(!0), m(he, null, ge(E.value.links, (t, a) => (c(), m("linearGradient", {
             id: t.id,
             x1: "0%",
             y1: "0%",
             x2: "100%",
             y2: "0%"
           }, [
-            G("stop", {
+            U("stop", {
               offset: "0%",
               "stop-color": t.sourceColor
-            }, null, 8, ol),
-            G("stop", {
+            }, null, 8, hl),
+            U("stop", {
               offset: "100%",
               "stop-color": t.targetColor
-            }, null, 8, ll)
-          ], 8, tl))), 256))
+            }, null, 8, gl)
+          ], 8, fl))), 256))
         ]),
-        (c(!0), m(ve, null, fe(x.value.links, (t) => (c(), m("path", {
+        (c(!0), m(he, null, ge(E.value.links, (t) => (c(), m("path", {
           class: "vue-ui-flow-link",
           d: t.path,
           "stroke-linejoin": "round",
@@ -811,128 +822,128 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           fill: `url(#${t.id})`,
           stroke: e.value.style.chart.links.stroke,
           "stroke-width": e.value.style.chart.links.strokeWidth,
-          style: U(`
-                    opacity:${A.value ? A.value.includes(t.source) && A.value.includes(t.target) ? 1 : 0.3 : J.value ? [t.target, t.source].includes(J.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}
+          style: W(`
+                    opacity:${A.value ? A.value.includes(t.source) && A.value.includes(t.target) ? 1 : 0.3 : ee.value ? [t.target, t.source].includes(ee.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}
                 `)
-        }, null, 12, al))), 256)),
-        (c(!0), m(ve, null, fe(x.value.nodes, (t, a) => (c(), m("rect", {
+        }, null, 12, pl))), 256)),
+        (c(!0), m(he, null, ge(E.value.nodes, (t, a) => (c(), m("rect", {
           class: "vue-ui-flow-node",
           x: t.x,
-          y: r(F)(t.absoluteY) + e.value.style.chart.padding.top,
-          height: r(F)(t.height),
-          width: me.value,
+          y: r(T)(t.absoluteY) + e.value.style.chart.padding.top,
+          height: r(T)(t.height),
+          width: Ce.value,
           fill: t.color,
           stroke: e.value.style.chart.nodes.stroke,
           "stroke-width": e.value.style.chart.nodes.strokeWidth,
           rx: e.value.style.chart.nodes.borderRadius,
-          style: U({
+          style: W({
             opacity: A.value ? A.value.includes(t.name) ? 1 : 0.3 : 1,
-            outline: Ce.value !== null && Ce.value === t.id ? "2px solid currentColor" : void 0
+            outline: Ae.value !== null && Ae.value === t.id ? "2px solid currentColor" : void 0
           }),
           role: "button",
           tabindex: "0",
-          "aria-label": `${t.name}: ${r(Oe)(
+          "aria-label": `${t.name}: ${r(Ne)(
             e.value.style.chart.nodes.labels.formatter,
             t.value,
-            r(te)({
+            r(le)({
               p: e.value.style.chart.nodes.labels.prefix,
               v: t.value,
               s: e.value.style.chart.nodes.labels.suffix,
               r: e.value.style.chart.nodes.labels.rounding
             })
           )}`,
-          onMouseenter: (s) => yt(t, a),
-          onMouseleave: (s) => ke(a),
-          onClick: (s) => Re(a),
+          onMouseenter: (s) => At(t, a),
+          onMouseleave: (s) => we(a),
+          onClick: (s) => He(a),
           onKeydown: [
-            qe(Ke((s) => Re(a), ["prevent"]), ["enter"]),
-            qe(Ke((s) => Re(a), ["prevent"]), ["space"]),
-            qe(Ke((s) => ke(a), ["prevent"]), ["esc"])
+            Je(Qe((s) => He(a), ["prevent"]), ["enter"]),
+            Je(Qe((s) => He(a), ["prevent"]), ["space"]),
+            Je(Qe((s) => we(a), ["prevent"]), ["esc"])
           ],
-          onFocus: (s) => go(t, a),
-          onBlur: (s) => ke(a)
-        }, null, 44, nl))), 256)),
-        e.value.style.chart.nodes.labels.show ? (c(), m("g", sl, [
-          (c(!0), m(ve, null, fe(x.value.nodes, (t, a) => (c(), m("text", {
-            x: t.x + me.value / 2,
-            y: r(F)(
+          onFocus: (s) => Eo(t, a),
+          onBlur: (s) => we(a)
+        }, null, 44, bl))), 256)),
+        e.value.style.chart.nodes.labels.show ? (c(), m("g", ml, [
+          (c(!0), m(he, null, ge(E.value.nodes, (t, a) => (c(), m("text", {
+            x: t.x + Ce.value / 2,
+            y: (e.value.style.chart.nodes.labels.showValue ? r(T)(
               t.absoluteY + t.height / 2 - e.value.style.chart.nodes.labels.fontSize / 4
-            ) + e.value.style.chart.padding.top,
+            ) : t.absoluteY + t.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: r(Dt)(t.color),
+            fill: r(Vt)(t.color),
             "text-anchor": "middle",
-            style: U(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
-          }, he(e.value.style.chart.nodes.labels.abbreviation.use ? r(No)({
+            style: W(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
+          }, pe(e.value.style.chart.nodes.labels.abbreviation.use ? r(Wo)({
             source: t.name,
             length: e.value.style.chart.nodes.labels.abbreviation.length
-          }) : t.name), 13, rl))), 256)),
-          (c(!0), m(ve, null, fe(x.value.nodes, (t, a) => (c(), m("text", {
-            x: t.x + me.value / 2,
-            y: r(F)(
-              t.absoluteY + t.height / 2 + e.value.style.chart.nodes.labels.fontSize
+          }) : t.name), 13, yl))), 256)),
+          e.value.style.chart.nodes.labels.showValue ? (c(!0), m(he, { key: 0 }, ge(E.value.nodes, (t, a) => (c(), m("text", {
+            x: t.x + Ce.value / 2,
+            y: r(T)(
+              t.absoluteY + t.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: r(Dt)(t.color),
+            fill: r(Vt)(t.color),
             "text-anchor": "middle",
-            style: U(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
-          }, he(r(Oe)(
+            style: W(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
+          }, pe(r(Ne)(
             e.value.style.chart.nodes.labels.formatter,
             t.value,
-            r(te)({
+            r(le)({
               p: e.value.style.chart.nodes.labels.prefix,
               v: t.value,
               s: e.value.style.chart.nodes.labels.suffix,
               r: e.value.style.chart.nodes.labels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 13, ul))), 256))
-        ])) : T("", !0),
-        h(o.$slots, "svg", { svg: ne.value }, void 0, !0)
-      ], 14, Qo)),
-      o.$slots.watermark ? (c(), m("div", il, [
-        h(o.$slots, "watermark", P(I({ isPrinting: r(dt) || r(vt) })), void 0, !0)
-      ])) : T("", !0),
-      G("div", {
-        id: `legend-bottom-${Y.value}`
-      }, null, 8, cl),
-      lt.value ? (c(), Z(wo, {
+          )), 13, Cl))), 256)) : $("", !0)
+        ])) : $("", !0),
+        h(o.$slots, "svg", { svg: re.value }, void 0, !0)
+      ], 14, dl)),
+      o.$slots.watermark ? (c(), m("div", kl, [
+        h(o.$slots, "watermark", M(P({ isPrinting: r(ht) || r(gt) })), void 0, !0)
+      ])) : $("", !0),
+      U("div", {
+        id: `legend-bottom-${G.value}`
+      }, null, 8, Al),
+      st.value ? (c(), Q(Mo, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${G.value}` : `#legend-bottom-${G.value}`
       }, [
-        G("div", {
+        U("div", {
           ref_key: "chartLegend",
-          ref: et
+          ref: lt
         }, [
-          e.value.style.chart.legend.show && We.value.length ? (c(), Z(Yo, {
+          e.value.style.chart.legend.show && Ue.value.length ? (c(), Q(al, {
             key: 0,
-            legendSet: We.value,
-            config: so.value,
-            onClickMarker: l[0] || (l[0] = (t) => Ue(t))
+            legendSet: Ue.value,
+            config: Co.value,
+            onClickMarker: l[0] || (l[0] = (t) => Ge(t))
           }, {
             item: v(({ legend: t, index: a }) => [
-              r(Pe) ? T("", !0) : (c(), m("div", {
+              r(Ie) ? $("", !0) : (c(), m("div", {
                 key: 0,
                 onClick: (s) => t.segregate(),
-                style: U(`opacity:${X.value.length ? X.value.includes(a) ? 1 : 0.5 : 1}`)
-              }, he(t.display), 13, dl))
+                style: W(`opacity:${X.value.length ? X.value.includes(a) ? 1 : 0.5 : 1}`)
+              }, pe(t.display), 13, wl))
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : T("", !0),
-          h(o.$slots, "legend", { legend: wt.value }, void 0, !0)
+          }, 8, ["legendSet", "config"])) : $("", !0),
+          h(o.$slots, "legend", { legend: Ft.value }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : T("", !0),
+      ], 8, ["to"])) : $("", !0),
       o.$slots.source ? (c(), m("div", {
         key: 6,
         ref_key: "source",
-        ref: ot,
+        ref: nt,
         dir: "auto"
       }, [
         h(o.$slots, "source", {}, void 0, !0)
-      ], 512)) : T("", !0),
-      Se(r(Ut), {
+      ], 512)) : $("", !0),
+      Oe(r(lo), {
         ref_key: "tooltip",
-        ref: De,
-        show: S.value.showTooltip && _e.value,
+        ref: Pe,
+        show: S.value.showTooltip && Be.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -943,8 +954,8 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: B.value,
-        content: Ne.value,
-        isCustom: ye.value,
+        content: De.value,
+        isCustom: ke.value,
         isFullscreen: V.value,
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
@@ -952,36 +963,36 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": v(() => [
-          h(o.$slots, "tooltip-before", P(I({ ...se.value })), void 0, !0)
+          h(o.$slots, "tooltip-before", M(P({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": v(() => [
-          h(o.$slots, "tooltip-after", P(I({ ...se.value })), void 0, !0)
+          h(o.$slots, "tooltip-after", M(P({ ...ue.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      at.value && e.value.userOptions.buttons.table ? (c(), Z($o(re.value.component), To({ key: 7 }, re.value.props, {
+      rt.value && e.value.userOptions.buttons.table ? (c(), Q(Po(ie.value.component), Io({ key: 7 }, ie.value.props, {
         ref_key: "tableUnit",
-        ref: le,
-        onClose: $t
-      }), Ot({
+        ref: ne,
+        onClose: St
+      }), jt({
         content: v(() => [
-          Se(r(Vt), {
-            colNames: Ae.value.colNames,
-            head: Ae.value.head,
-            body: Ae.value.body,
-            config: Ae.value.config,
-            title: e.value.table.useDialog ? "" : re.value.title,
+          Oe(r(so), {
+            colNames: $e.value.colNames,
+            head: $e.value.head,
+            body: $e.value.body,
+            config: $e.value.config,
+            title: e.value.table.useDialog ? "" : ie.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: $t
+            onClose: St
           }, {
             th: v(({ th: t }) => [
-              G("div", {
+              U("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, vl)
+              }, null, 8, $l)
             ]),
             td: v(({ td: t }) => [
-              _t(he(t.name || t), 1)
+              Wt(pe(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
@@ -991,36 +1002,36 @@ const Pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         e.value.table.useDialog ? {
           name: "title",
           fn: v(() => [
-            _t(he(re.value.title), 1)
+            Wt(pe(ie.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: v(() => [
-            G("button", {
+            U("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (t) => He(e.value.userOptions.callbacks.csv))
+              onClick: l[1] || (l[1] = (t) => je(e.value.userOptions.callbacks.csv))
             }, [
-              Se(r(Gt), {
+              Oe(r(ao), {
                 name: "excel",
-                stroke: re.value.props.color
+                stroke: ie.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : T("", !0),
-      r(Pe) ? (c(), Z(Ho, { key: 8 })) : T("", !0)
-    ], 46, Ko));
+      ]), 1040)) : $("", !0),
+      r(Ie) ? (c(), Q(Qo, { key: 8 })) : $("", !0)
+    ], 46, ul));
   }
-}, hl = /* @__PURE__ */ qo(fl, [["__scopeId", "data-v-06724f69"]]), Ol = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fl = /* @__PURE__ */ rl(Tl, [["__scopeId", "data-v-b23619de"]]), Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: hl
+  default: Fl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  xl as a,
-  Ol as b,
-  hl as v
+  Yl as a,
+  Hl as b,
+  Fl as v
 };