vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-flow-BAqtyunQ.js

@@ -1,1279 +0,0 @@
-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-DMzrGQHK.js";
-import { t as il, u as cl } from "./useResponsive-DfdjqQps.js";
-import { u as dl } from "./useConfig-CG4HT3wS.js";
-import { u as vl } from "./usePrinter-C4t8DdQ-.js";
-import { u as fl, B as hl } from "./BaseScanner-C2j3TsSY.js";
-import { u as pl } from "./useSvgExport-BTG4hVPO.js";
-import { u as vt } from "./useNestedProp-DH0BEVVS.js";
-import { u as gl } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as yl } from "./useUserOptionState-B7Ej974k.js";
-import { u as ml } from "./useChartAccessibility-cp6XQtqi.js";
-import bl from "./img-CjTQXS0U.js";
-import Cl from "./Title-BbKoiBk2.js";
-import kl from "./vue_ui_flow-BErINgox.js";
-import wl from "./Legend-DGN5lY60.js";
-import { A as $l } from "./A11yDataTable-BpmuNomI.js";
-import { _ as Al } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xl = ["id"], Tl = ["id"], Sl = {
-  key: 2,
-  ref: "noTitle",
-  class: "vue-data-ui-no-title-space",
-  style: "height:36px; width: 100%;background:transparent"
-}, Pl = ["id"], Il = { style: { position: "relative" } }, Nl = ["xmlns", "aria-describedby", "viewBox"], Ol = ["width", "height"], El = ["id"], Fl = ["stop-color"], _l = ["stop-color"], Ml = ["d", "fill", "stroke", "stroke-width"], Dl = ["data-a11y-node-id", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx", "aria-label", "onMouseenter", "onMouseleave", "onClick"], Ll = { key: 1 }, Bl = ["x", "y", "font-size", "fill"], Yl = ["x", "y", "font-size", "fill"], zl = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Rl = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Hl = ["id"], Ul = ["onClick"], Wl = ["innerHTML"], Vl = {
-  __name: "vue-ui-flow",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(so, { expose: ro, emit: uo }) {
-    const io = te(() => import("./Tooltip-Cvt7Fi0Q.js")), co = te(() => import("./BaseIcon-DX0hTWa-.js")), vo = te(() => import("./vue-ui-accordion-DFtpH_16.js")), fo = te(() => import("./DataTable-cMnb68Ik.js")), ho = te(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), po = te(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), go = te(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), yo = te(
-      () => import("./BaseDraggableDialog-Di8Hlru3.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), Fe = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), _e = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
-    Xo(() => {
-      mt.value = !0, wt();
-    });
-    const le = r(!1);
-    function kt(t) {
-      le.value = t, ft.value += 1;
-    }
-    const e = r(Ze()), ve = i(
-      () => e.value.userOptions.useCursorPointer
-    ), $o = i(() => lo({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        nodeCategories: {
-          B: "A",
-          C: "B"
-        },
-        nodeCategoryColors: {
-          A: "#CACACA",
-          B: "#AAAAAA"
-        },
-        table: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            legend: {
-              backgroundColor: "transparent"
-            },
-            nodes: {
-              labels: {
-                show: !1
-              },
-              stroke: "#666666"
-            },
-            links: {
-              stroke: "#666666"
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: Ke, FINAL_DATASET: Me, manualLoading: Xe } = fl({
-      ...qo(N),
-      FINAL_CONFIG: e,
-      prepareConfig: Ze,
-      skeletonDataset: N.config?.skeletonDataset ?? [
-        ["A", "B", 2, "#CACACA"],
-        ["B", "C", 1, "#CACACA"],
-        ["C", "D", 0.5, "#CACACA"],
-        ["E", "F", 1, "#AAAAAA"],
-        ["F", "G", 0.5, "#AAAAAA"],
-        ["G", "H", 0.25, "#AAAAAA"]
-      ],
-      skeletonConfig: lo({
-        defaultConfig: e.value,
-        userConfig: $o.value
-      })
-    }), Ao = i(() => !!e.value.debug);
-    function wt() {
-      if (ao(N.dataset) && (el({
-        componentName: "VueUiFlow",
-        type: "dataset",
-        debug: Ao.value
-      }), 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,
-            title: e.value.style.chart.title.text ? gt.value : null,
-            legend: e.value.style.chart.legend.show ? pt.value : null,
-            source: yt.value
-          });
-          requestAnimationFrame(() => {
-            xt.value = l, Tt.value = o;
-          });
-        });
-        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({
-      config: e.value.style.chart.title
-    });
-    function Ze() {
-      const t = vt({
-        userConfig: N.config,
-        defaultConfig: mo
-      });
-      let l = t;
-      const o = t.theme;
-      if (o)
-        if (!bo.value(t))
-          Co(t), l = t;
-        else {
-          const a = vt({
-            userConfig: kl[o] || N.config,
-            defaultConfig: t
-          });
-          l = {
-            ...vt({
-              userConfig: N.config,
-              defaultConfig: a
-            }),
-            customPalette: t.customPalette.length ? t.customPalette : tl[o] || q
-          };
-        }
-      else
-        l = t;
-      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(
-      () => 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(
-      () => 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)), Ce = i(() => e.value.style.chart.nodes.width), Y = r({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    });
-    Re(
-      e,
-      () => {
-        Y.value = {
-          showTable: e.value.table.show,
-          showTooltip: e.value.style.chart.tooltip.show
-        };
-      },
-      { immediate: !0 }
-    );
-    const It = i(() => !Me.value || !Me.value.length ? [] : Me.value.map((t, l) => [
-      t[0],
-      t[1],
-      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) {
-      const l = {}, o = {};
-      function a(s, d) {
-        l[s] || (l[s] = {
-          level: null,
-          inflow: 0,
-          outflow: 0,
-          children: [],
-          color: null,
-          uid: Ue()
-        }), l[s].level === null && (l[s].level = d), o[d] || (o[d] = []), o[d].includes(s) || o[d].push(s);
-      }
-      t.forEach(([s, d, g]) => {
-        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)), O = Array.from(n).filter((s) => !p.has(s)), _ = {};
-      O.forEach((s, d) => {
-        _[s] = De.value[d] || q[d % q.length];
-      });
-      const z = {};
-      t.forEach(([s, d, g, m]) => {
-        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 || (O.includes(s) ? _[s] : null) || q[d % q.length];
-      }), Object.keys(l).forEach((s) => {
-        l[s].value = Math.max(l[s].inflow, l[s].outflow);
-      });
-      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
-      ), F = 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(F, 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 = [];
-          for (let B = 0; B < D.length; B += 1) {
-            const K = D[B];
-            K < 0 || K * L < Q && ee.push(B);
-          }
-          if (!ee.length) return Math.max(0, L);
-          for (const B of ee)
-            x += Q, T -= D[B], D[B] = -1;
-          if (T <= 0) return 0;
-        }
-        return T > 0 ? Math.max(0, (R - x) / T) : 0;
-      }
-      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(F, 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) => {
-          const ee = x[L], B = W.left + s * M, K = T;
-          y[k] = {
-            x: B,
-            y: K,
-            absoluteY: K,
-            height: ee,
-            i: L,
-            color: l[k].color,
-            value: l[k].value,
-            id: Ue()
-          }, T += ee, L < g - 1 && (T += Te);
-        });
-      });
-      const J = [], ue = W.top, ut = {}, it = {};
-      Object.keys(l).forEach((s) => {
-        ut[s] = y[s]?.y ?? 0, it[s] = 0;
-      });
-      const Vo = 1e-6, Go = 0.25, jo = !!e.value.style.chart.links.smooth, Ht = 0.5;
-      return C.forEach((s) => {
-        o[s].forEach((g) => {
-          const m = l[g], R = y[g];
-          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 = 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 = 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 = 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({
-              id: Ue(),
-              source: g,
-              target: x,
-              path: ct,
-              value: D,
-              sourceColor: m.color,
-              targetColor: l[x].color
-            }), Q = K - ue, ut[x] = ze;
-          });
-        });
-      }), { nodeCoordinates: y, links: J };
-    }
-    const $ = i(() => {
-      const t = To(Me.value);
-      return {
-        nodes: Object.keys(t.nodeCoordinates).map((l, o) => ({
-          ...t.nodeCoordinates[l],
-          name: l
-        })),
-        links: t.links
-      };
-    }), 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, 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), fe = r(null), Le = r(!1), $e = r(null);
-    function et() {
-      $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;
-      const l = ae.value.querySelector(`[data-a11y-node-id="${t}"]`);
-      if (!l) return;
-      const o = l.getBoundingClientRect();
-      bt.value = {
-        x: o.left + o.width / 2,
-        y: o.top + o.height / 2
-      };
-    }
-    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, be.value = a, de.value = t.id;
-      const n = t.name, p = It.value;
-      let O = 0, _ = 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 && (_ += J, W.push({ target: y, value: J, color: M[y] }));
-      });
-      const rt = Math.max(O, _), Te = E > 0 ? rt / E * 100 : 0, F = {
-        name: n,
-        inflow: O,
-        outflow: _,
-        from: z,
-        to: W,
-        percentOfTotal: Te,
-        color: M[n] || "#000000"
-      };
-      e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: F,
-        seriesIndex: l
-      }), fe.value = { datapoint: F }, Ne.value = !0;
-      let Z = "";
-      const Se = e.value.style.chart.tooltip.customFormat;
-      if (Le.value = !1, ul(Se))
-        try {
-          const h = Se({
-            datapoint: F,
-            series: $.value,
-            config: e.value
-          });
-          typeof h == "string" && (Ve.value = h, Le.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied.");
-        }
-      if (!Le.value) {
-        const h = e.value.style.chart.tooltip.showPercentage ? `<div>${ge({
-          p: e.value.style.chart.tooltip.translations.percentOfTotal,
-          v: F.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:${F.color}">⏹</span>${F.name}${h}</div>`, F.from.length && (Z += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, F.from.forEach((y) => {
-          Z += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${We(
-            e.value.style.chart.nodes.labels.formatter,
-            y.value,
-            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>`;
-        })), F.to.length && (Z += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, F.to.forEach((y) => {
-          Z += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${We(
-            e.value.style.chart.nodes.labels.formatter,
-            y.value,
-            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>`;
-        })), Ve.value = Z;
-      }
-      o === "keyboard" && dt(() => {
-        Po(t.id);
-      });
-    }
-    function Ft(t) {
-      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 _t(t) {
-      const l = fe.value;
-      e.value.events.datapointClick && e.value.events.datapointClick({
-        datapoint: l,
-        seriesIndex: t
-      });
-    }
-    const Mt = i(() => $.value.links.map(
-      ({ source: t, target: l, sourceColor: o, targetColor: a, value: n }) => ({
-        source: t,
-        target: l,
-        sourceColor: o,
-        targetColor: a,
-        value: n
-      })
-    ));
-    function ot(t = null) {
-      dt(() => {
-        const l = Mt.value.map((n, p) => [[n.source], [n.target], [n.value]]), o = [
-          [e.value.style.chart.title.text],
-          [e.value.style.chart.title.subtitle.text],
-          [
-            [e.value.table.columnNames.source],
-            [e.value.table.columnNames.target],
-            [e.value.table.columnNames.value]
-          ]
-        ].concat(l), a = sl(o);
-        t ? t(a) : rl({
-          csvContent: a,
-          title: e.value.style.chart.title.text || "vue-ui-flow"
-        });
-      });
-    }
-    const he = i(() => {
-      const t = [
-        e.value.table.columnNames.source,
-        e.value.table.columnNames.target,
-        e.value.table.columnNames.value
-      ], l = Mt.value.map((n, p) => [
-        {
-          color: n.sourceColor,
-          name: n.source,
-          shape: "square"
-        },
-        {
-          color: n.targetColor,
-          name: n.target,
-          shape: "square"
-        },
-        ge({
-          p: e.value.style.chart.nodes.labels.prefix,
-          v: n.value,
-          s: e.value.style.chart.nodes.labels.suffix,
-          r: e.value.style.chart.nodes.labels.rounding
-        })
-      ]), o = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.source,
-          e.value.table.columnNames.target,
-          e.value.table.columnNames.value
-        ],
-        head: t,
-        body: l,
-        config: o
-      };
-    }), lt = i(() => {
-      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 + 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) => {
-        const a = l.find(
-          (n) => Math.abs(n.x - o.x) <= 1
-        );
-        a ? a.nodes.push(o) : l.push({
-          x: o.x,
-          nodes: [o]
-        });
-      }), l.forEach((o) => {
-        o.nodes.sort((a, n) => a.absoluteY - n.absoluteY);
-      }), l.sort((o, a) => o.x - a.x);
-    }), Ye = i(() => {
-      const t = /* @__PURE__ */ new Map();
-      return Be.value.forEach((l, o) => {
-        t.set(l.id, o);
-      }), t;
-    });
-    function Io() {
-      return $.value;
-    }
-    function Dt() {
-      Y.value.showTable = !Y.value.showTable;
-    }
-    const Ae = r(!1);
-    function at() {
-      Ae.value = !Ae.value;
-    }
-    function Lt() {
-      Y.value.showTooltip = !Y.value.showTooltip;
-    }
-    const Bt = i(() => {
-      const t = new Set(
-        $.value.nodes.map(
-          (l) => e.value.nodeCategories[l.name] || "__uncategorized__"
-        )
-      );
-      return Array.from(t).map((l) => ({
-        name: l,
-        color: e.value.nodeCategoryColors[l] || q[0],
-        shape: "square",
-        count: $.value.nodes.filter(
-          (o) => (e.value.nodeCategories[o.name] || "__uncategorized__") === l
-        ).length
-      })).map((l, o) => ({
-        ...l,
-        segregate: () => st({ legend: l, i: o }),
-        opacity: re.value.length ? re.value.includes(o) ? 1 : 0.5 : 1,
-        display: `${l.name} (${l.count})`
-      }));
-    }), nt = i(
-      () => Bt.value.filter((t) => t.name !== "__uncategorized__")
-    ), re = r([]);
-    function st({ legend: t, i: l }) {
-      const o = t.name;
-      if (A.value?.every(
-        (a) => e.value.nodeCategories[a] === o
-      )) {
-        A.value = null, ne.value = null, re.value = [];
-        return;
-      }
-      re.value = [l], A.value = $.value.nodes.filter((a) => e.value.nodeCategories[a.name] === o).map((a) => a.name), ne.value = null;
-    }
-    const No = i(() => ({
-      cy: "flow-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: e.value.style.chart.legend.paddingBottom,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal"
-    }));
-    async function Oo({ scale: t = 2 } = {}) {
-      if (!V.value) return;
-      const { width: l, height: o } = V.value.getBoundingClientRect(), a = l / o, { imageUri: n, base64: p } = await bl({
-        domElement: V.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: n,
-        base64: p,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: o,
-        aspectRatio: a
-      };
-    }
-    const xe = i(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = Y.value.showTable;
-      return {
-        component: t ? yo : vo,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: le.value,
-          fullscreenParent: V.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: ve.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    Re(
-      () => Y.value.showTable,
-      (t) => {
-        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);
-    }
-    const Eo = i(() => nt.value.map((t) => ({
-      ...t,
-      name: t.display
-    }))), Fo = i(() => e.value.style.chart.backgroundColor), _o = i(() => e.value.style.chart.legend), Mo = i(() => e.value.style.chart.title), { exportSvg: Do, getSvg: Lo } = pl({
-      svg: ae,
-      title: Mo,
-      legend: _o,
-      legendItems: Eo,
-      backgroundColor: Fo
-    });
-    async function zt({ isCb: t }) {
-      Fe.value = !0, await dt();
-      try {
-        if (t) {
-          const { blob: l, url: o, text: a, dataUrl: n } = await Lo();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: l,
-              url: o,
-              text: a,
-              dataUrl: n
-            })
-          );
-        } else
-          await Promise.resolve(Do());
-      } finally {
-        Fe.value = !1;
-      }
-    }
-    function Bo(t) {
-      if (t?.stage === "start") {
-        Ee.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        Ee.value = !1;
-        return;
-      }
-      Pt();
-    }
-    async function Rt() {
-      if (ko("copyAlt", {
-        config: e.value,
-        dataset: $.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: $.value
-        })
-      );
-    }
-    function Yo(t) {
-      return se.value.findIndex(
-        (l) => l.nodes.some((o) => o.id === t)
-      );
-    }
-    function zo(t, l) {
-      const o = se.value[t];
-      return o ? o.nodes.findIndex((a) => a.id === l) : -1;
-    }
-    function Ro(t, l) {
-      const o = se.value[t];
-      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 O = o.nodes[p], _ = Math.abs(O.centerY - l);
-        _ < n && (a = O, n = _);
-      }
-      return a;
-    }
-    function Ho() {
-      be.value = null, de.value = null, _e.value = !0;
-    }
-    function Uo() {
-      et(), _e.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 === " ", O = t.key === "Escape";
-      if (!l && !o && !a && !n && !p && !O)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), O) {
-        et();
-        return;
-      }
-      if (p) {
-        if (be.value === null) return;
-        _t(be.value);
-        return;
-      }
-      if (de.value === null) {
-        const C = se.value[0]?.nodes?.[0];
-        if (!C) return;
-        const E = Ye.value.get(C.id) ?? 0;
-        tt(C, E, "keyboard", E);
-        return;
-      }
-      const _ = Ye.value.get(de.value);
-      if (_ === void 0) return;
-      const z = Be.value[_];
-      if (!z) return;
-      const W = Yo(z.id);
-      if (W < 0) return;
-      let G = null;
-      if (a || n) {
-        const C = zo(
-          W,
-          z.id
-        );
-        if (C < 0) return;
-        const E = se.value[W];
-        if (!E?.nodes?.length) return;
-        let M = C + (n ? 1 : -1);
-        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);
-        C < 0 && (C = se.value.length - 1), C >= se.value.length && (C = 0), G = Ro(
-          C,
-          z.centerY
-        );
-      }
-      if (!G) return;
-      const j = Ye.value.get(G.id);
-      j !== void 0 && tt(G, j, "keyboard", j);
-    }
-    return ro({
-      getData: Io,
-      getImage: Oo,
-      generateCsv: ot,
-      generateImage: Pt,
-      generateSvg: zt,
-      generatePdf: St,
-      toggleTable: Dt,
-      toggleAnnotator: at,
-      toggleTooltip: Lt,
-      drillCategory: st,
-      unselectNode: Ft,
-      toggleFullscreen: kt,
-      copyAlt: Rt
-    }), (t, l) => (c(), b("div", {
-      ref_key: "flowChart",
-      ref: V,
-      class: eo(`vue-data-ui-component vue-ui-flow ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: X(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `flow_${U.value}`,
-      onMouseenter: l[2] || (l[2] = () => u($t)(!0)),
-      onMouseleave: l[3] || (l[3] = () => {
-        u($t)(!1), _e.value || et();
-      })
-    }, [
-      H("div", {
-        id: `chart-instructions-${U.value}`,
-        class: "sr-only"
-      }, [
-        H("p", null, pe(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Tl),
-      lt.value?.rows?.length ? (c(), oe($l, {
-        key: 0,
-        uid: U.value,
-        head: lt.value.headers,
-        body: lt.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : w("", !0),
-      e.value.userOptions.buttons.annotator ? (c(), oe(u(ho), {
-        key: 1,
-        svgRef: u(ae),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: Ae.value,
-        onClose: at,
-        isCursorPointer: ve.value
-      }, {
-        "annotator-action-close": f(() => [
-          v(t.$slots, "annotator-action-close", {}, 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": f(({ mode: o }) => [
-          v(t.$slots, "annotator-action-draw", S(P({ mode: 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": f(({ disabled: o }) => [
-          v(t.$slots, "annotator-action-redo", S(P({ 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),
-      xo.value ? (c(), b("div", Sl, null, 512)) : w("", !0),
-      e.value.style.chart.title.text ? (c(), b("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: gt,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (c(), oe(Cl, {
-          key: `title_${ht.value}`,
-          config: {
-            title: {
-              cy: "flow-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "flow-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : w("", !0),
-      H("div", {
-        id: `legend-top-${U.value}`
-      }, null, 8, Pl),
-      e.value.userOptions.show && Ct.value && (u(At) || u(qe)) ? (c(), oe(u(po), {
-        ref_key: "userOptionsRef",
-        ref: Ge,
-        key: `user_option_${ft.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: u(Je),
-        isImaging: u(Qe),
-        uid: U.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasTable: e.value.userOptions.buttons.table,
-        callbacks: e.value.userOptions.callbacks,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: le.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: V.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        printScale: e.value.userOptions.print.scale,
-        isAnnotation: Ae.value,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        isTooltip: Y.value.showTooltip,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: ve.value,
-        onToggleTooltip: Lt,
-        onToggleFullscreen: kt,
-        onGeneratePdf: u(St),
-        onGenerateCsv: ot,
-        onGenerateImage: Bo,
-        onGenerateSvg: zt,
-        onToggleTable: Dt,
-        onToggleAnnotator: at,
-        onCopyAlt: Rt,
-        style: X({
-          visibility: u(At) ? u(qe) ? "visible" : "hidden" : "visible"
-        })
-      }, to({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          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: f(() => [
-            v(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: f(() => [
-            v(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: f(() => [
-            v(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: f(() => [
-            v(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: f(() => [
-            v(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: f(() => [
-            v(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          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: 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: f(({ altCopy: o }) => [
-            v(t.$slots, "optionAltCopy", S(P({ altCopy: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "callbacks", "hasFullscreen", "hasAltCopy", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "printScale", "isAnnotation", "hasTooltip", "isTooltip", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : w("", !0),
-      H("div", Il, [
-        (c(), b("svg", {
-          ref_key: "svgRef",
-          ref: ae,
-          xmlns: u(al),
-          "aria-describedby": `chart-instructions-${U.value}`,
-          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
-          }),
-          style: X({
-            maxWidth: "100%",
-            overflow: "visible",
-            background: "transparent",
-            color: e.value.style.chart.color
-          }),
-          tabindex: "0",
-          onFocus: Ho,
-          onBlur: Uo,
-          onKeydown: Wo
-        }, [
-          He(u(go)),
-          t.$slots["chart-background"] ? (c(), b("foreignObject", {
-            key: 0,
-            x: 0,
-            y: 0,
-            width: we.value.width,
-            height: we.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            v(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ol)) : w("", !0),
-          H("defs", null, [
-            (c(!0), b(Pe, null, Ie($.value.links, (o, a) => (c(), b("linearGradient", {
-              id: o.id,
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "0%"
-            }, [
-              H("stop", {
-                offset: "0%",
-                "stop-color": o.sourceColor
-              }, null, 8, Fl),
-              H("stop", {
-                offset: "100%",
-                "stop-color": o.targetColor
-              }, null, 8, _l)
-            ], 8, El))), 256))
-          ]),
-          (c(!0), b(Pe, null, Ie($.value.links, (o) => (c(), b("path", {
-            class: "vue-ui-flow-link",
-            d: o.path,
-            "stroke-linejoin": "round",
-            "stroke-miterlimit": "1",
-            fill: `url(#${o.id})`,
-            stroke: e.value.style.chart.links.stroke,
-            "stroke-width": e.value.style.chart.links.strokeWidth,
-            style: X(`
-                        opacity:${A.value ? A.value.includes(o.source) && A.value.includes(o.target) ? 1 : 0.3 : ne.value ? [o.target, o.source].includes(
-              ne.value
-            ) ? 1 : 0.3 : e.value.style.chart.links.opacity}
-                    `)
-          }, null, 12, Ml))), 256)),
-          (c(!0), b(Pe, null, Ie($.value.nodes, (o, a) => (c(), b("rect", {
-            "data-a11y-node-id": o.id,
-            class: "vue-ui-flow-node",
-            x: o.x,
-            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,
-            rx: e.value.style.chart.nodes.borderRadius,
-            style: X({
-              opacity: A.value ? A.value.includes(o.name) ? 1 : 0.3 : 1,
-              outline: $e.value !== null && $e.value === o.id ? "2px solid currentColor" : void 0
-            }),
-            "aria-label": `${o.name}: ${u(We)(
-              e.value.style.chart.nodes.labels.formatter,
-              o.value,
-              u(ge)({
-                p: e.value.style.chart.nodes.labels.prefix,
-                v: o.value,
-                s: e.value.style.chart.nodes.labels.suffix,
-                r: e.value.style.chart.nodes.labels.rounding
-              })
-            )}`,
-            onMouseenter: (n) => tt(
-              o,
-              a,
-              "pointer",
-              Ye.value.get(o.id)
-            ),
-            onMouseleave: (n) => Ft(a),
-            onClick: (n) => _t(a)
-          }, 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 + 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}`)
-            }, 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 + 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}`)
-            }, pe(u(We)(
-              e.value.style.chart.nodes.labels.formatter,
-              o.value,
-              u(ge)({
-                p: e.value.style.chart.nodes.labels.prefix,
-                v: o.value,
-                s: e.value.style.chart.nodes.labels.suffix,
-                r: e.value.style.chart.nodes.labels.rounding
-              }),
-              { datapoint: o, seriesIndex: a }
-            )), 13, Yl))), 256)) : w("", !0)
-          ])) : w("", !0),
-          v(t.$slots, "svg", {
-            svg: {
-              ...we.value,
-              isPrintingImg: u(Je) | u(Qe) | Ee.value,
-              isPrintingSvg: Fe.value
-            }
-          }, void 0, !0)
-        ], 46, Nl)),
-        t.$slots.hint ? (c(), b("div", zl, [
-          v(t.$slots, "hint", S(P({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: _e.value
-          })), void 0, !0)
-        ])) : w("", !0)
-      ]),
-      t.$slots.watermark ? (c(), b("div", Rl, [
-        v(t.$slots, "watermark", S(P({
-          isPrinting: u(Je) || u(Qe) || Ee.value || Fe.value
-        })), void 0, !0)
-      ])) : w("", !0),
-      H("div", {
-        id: `legend-bottom-${U.value}`
-      }, null, 8, Hl),
-      mt.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (c(), oe(Zo, {
-        key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${U.value}` : `#legend-bottom-${U.value}`
-      }, [
-        H("div", {
-          ref_key: "chartLegend",
-          ref: pt
-        }, [
-          v(t.$slots, "legend", { legend: Bt.value }, () => [
-            e.value.style.chart.legend.show && nt.value.length ? (c(), oe(wl, {
-              key: 0,
-              legendSet: nt.value,
-              config: No.value,
-              isCursorPointer: ve.value,
-              onClickMarker: l[0] || (l[0] = (o) => st(o))
-            }, {
-              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}`)
-                }, pe(o.display), 13, Ul))
-              ]),
-              _: 1
-            }, 8, ["legendSet", "config", "isCursorPointer"])) : w("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : w("", !0),
-      t.$slots.source ? (c(), b("div", {
-        key: 7,
-        ref_key: "source",
-        ref: yt,
-        dir: "auto"
-      }, [
-        v(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : w("", !0),
-      He(u(io), {
-        ref_key: "tooltip",
-        ref: wo,
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: Y.value.showTooltip && Ne.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: V.value,
-        content: Ve.value,
-        isCustom: Le.value,
-        isFullscreen: le.value,
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: je.value === "keyboard",
-        a11yPosition: bt.value
-      }, {
-        "tooltip-before": f(() => [
-          v(t.$slots, "tooltip-before", S(P({ ...fe.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: me,
-        onClose: Yt
-      }), to({
-        content: f(() => [
-          He(u(fo), {
-            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: f(({ th: o }) => [
-              H("div", {
-                innerHTML: o,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, Wl)
-            ]),
-            td: f(({ td: o }) => [
-              oo(pe(o.name || o), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: f(() => [
-            oo(pe(xe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: f(() => [
-            H("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (o) => ot(e.value.userOptions.callbacks.csv)),
-              style: X({ cursor: ve.value ? "pointer" : "default" })
-            }, [
-              He(u(co), {
-                name: "fileCsv",
-                stroke: xe.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : w("", !0),
-      v(t.$slots, "skeleton", {}, () => [
-        u(Ke) ? (c(), oe(hl, { key: 0 })) : w("", !0)
-      ], !0)
-    ], 46, xl));
-  }
-}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-4ba591ed"]]);
-export {
-  ia as default
-};