vue-data-ui 2.10.6 → 2.10.7

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

@@ -0,0 +1,655 @@
+import { computed as m, onMounted as je, ref as b, watch as Xe, createElementBlock as f, openBlock as c, unref as i, normalizeStyle as S, normalizeClass as Fe, createBlock as G, createCommentVNode as N, createVNode as ne, createSlots as qe, withCtx as k, renderSlot as y, normalizeProps as A, guardReactiveProps as H, createElementVNode as J, Fragment as R, renderList as U, toDisplayString as re, createTextVNode as Je, nextTick as Ze } from "vue";
+import { u as Ke, o as Qe, e as et, c as ue, t as tt, p as ie, a as ot, b as lt, v as g, f as V, X as at, G as Pe, J as st, i as ce, q as nt, r as rt, x as ut } from "./index-Co_0CzhC.js";
+import { _ as it } from "./Title-BDdzEGgo.js";
+import { u as ct, U as dt } from "./usePrinter-BV6TePSm.js";
+import { D as vt } from "./DataTable-BhwIv7c6.js";
+import ft from "./vue-ui-accordion-DMCnTtx0.js";
+import ht from "./vue-ui-skeleton-Dzehgcp3.js";
+import { u as Se } from "./useNestedProp-DqI_VUcm.js";
+import { _ as pt } from "./PackageVersion-DmKsiZge.js";
+import { _ as gt } from "./PenAndPaper-Dgf1a1MW.js";
+import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as yt } from "./useChartAccessibility-BWojgys7.js";
+import { _ as bt } from "./Tooltip-Cdkz2ese.js";
+import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const wt = ["id"], Ct = {
+  key: 1,
+  ref: "noTitle",
+  class: "vue-data-ui-no-title-space",
+  style: "height:36px; width: 100%;background:transparent"
+}, $t = {
+  key: 2,
+  style: "width:100%;background:transparent;padding-bottom:24px"
+}, Tt = ["xmlns", "viewBox"], xt = ["width", "height"], _t = ["id"], Ot = ["stop-color"], Nt = ["stop-color"], Ft = ["d", "fill", "stroke", "stroke-width"], Pt = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "onMouseenter"], St = ["x", "y", "font-size", "fill"], It = ["x", "y", "font-size", "fill"], Et = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, At = {
+  key: 6,
+  ref: "source",
+  dir: "auto"
+}, Ht = ["innerHTML"], Lt = {
+  __name: "vue-ui-flow",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(Ie, { expose: Ee }) {
+    const { vue_ui_flow: Ae } = Ke(), $ = Ie, Z = m(() => !!$.dataset && $.dataset.length);
+    je(() => {
+      de();
+    });
+    function de() {
+      Qe($.dataset) && et({
+        componentName: "VueUiFlow",
+        type: "dataset"
+      });
+    }
+    const K = b(ue()), Q = b(null), ve = b(0), fe = b(0), ee = b(!1), te = b(""), I = b(!1);
+    function He(t) {
+      I.value = t, ve.value += 1;
+    }
+    const e = m({
+      get: () => me(),
+      set: (t) => t
+    }), { userOptionsVisible: oe, setUserOptionsVisibility: he, keepUserOptionState: pe } = mt({ config: e.value }), { svgRef: ge } = yt({ config: e.value.style.chart.title });
+    function me() {
+      const t = Se({
+        userConfig: $.config,
+        defaultConfig: Ae
+      });
+      return t.theme ? {
+        ...Se({
+          userConfig: ot.vue_ui_flow[t.theme] || $.config,
+          defaultConfig: t
+        }),
+        customPalette: tt[t.theme] || ie
+      } : t;
+    }
+    Xe(() => $.config, (t) => {
+      e.value = me(), oe.value = !e.value.userOptions.showOnChartHover, de(), fe.value += 1, x.value.showTable = e.value.table.show;
+    }, { deep: !0 });
+    const { isPrinting: ye, isImaging: be, generatePdf: ke, generateImage: we } = ct({
+      elementId: `flow_${K.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-flow",
+      options: e.value.userOptions.print
+    }), Le = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), le = m(() => lt(e.value.customPalette)), Ce = m(() => e.value.style.chart.nodes.gap), E = m(() => e.value.style.chart.nodes.width), x = b({
+      showTable: e.value.table.show,
+      showTooltip: e.value.style.chart.tooltip.show
+    }), $e = m(() => e.value.style.chart.links.width), B = m(() => !$.dataset || !$.dataset.length ? [] : $.dataset.map((t) => [
+      t[0],
+      t[1],
+      g(t[2])
+    ])), Te = m(() => {
+      const t = {};
+      function l(a) {
+        t[a] || (t[a] = { inflow: 0, outflow: 0 });
+      }
+      B.value.forEach(([a, s, v]) => {
+        l(a), l(s), t[a].outflow += v, t[s].inflow += v;
+      });
+      let o = 0;
+      for (const a in t) {
+        const s = Math.max(t[a].inflow, t[a].outflow);
+        o = Math.max(o, s);
+      }
+      return o;
+    });
+    function Me(t) {
+      return t / Te.value * 100 + e.value.style.chart.nodes.minHeight;
+    }
+    function ze(t) {
+      const l = e.value.style.chart.nodes.minHeight;
+      return (t - l) / 100 * Te.value;
+    }
+    function Ye(t) {
+      const l = {}, o = {};
+      function a(n, u) {
+        l[n] || (l[n] = { height: 0, level: null, inflow: 0, outflow: 0, uid: ue() }), l[n].level === null && (l[n].level = u), o[u] || (o[u] = []), o[u].includes(n) || o[u].push(n);
+      }
+      t.forEach(([n, u, h], P) => {
+        const T = l[n] ? l[n].level : 0, _ = T + 1;
+        a(n, T), a(u, _), l[n].children || (l[n].children = []), l[n].children.push({ target: u, value: h }), l[n].outflow += h, l[u].inflow += h;
+      }), Object.keys(l).forEach((n, u) => {
+        l[n].color = le.value[u] || le.value[u % le.value.length] || ie[u] || ie[u % d.length];
+      });
+      for (const n in l)
+        l[n].height = Me(Math.max(l[n].inflow, l[n].outflow)), l[n].name = n;
+      const s = {};
+      for (const n in o) {
+        let u = 0;
+        o[n].forEach((h, P) => {
+          const T = l[h].height;
+          s[h] = {
+            x: parseInt(n, 10) * $e.value + e.value.style.chart.padding.left,
+            y: u,
+            absoluteY: u,
+            height: T,
+            i: P,
+            color: l[h].color,
+            value: ze(T)
+          }, u += T + Ce.value;
+        });
+      }
+      const v = [];
+      for (const n in l) {
+        let u = s[n].absoluteY + e.value.style.chart.padding.top;
+        l[n].children && l[n].children.forEach(({ target: h, value: P }, T) => {
+          const _ = s[h].y + e.value.style.chart.padding.top, M = s[n], z = s[h], w = g(u), O = g(u + P / l[n].outflow * M.height), Y = g(_), r = g(_ + P / l[h].inflow * z.height), p = {
+            id: ue(),
+            source: n,
+            target: h,
+            path: `M ${g(M.x) + g(E.value)} ${w} L ${g(M.x) + g(E.value)} ${O} L ${g(z.x)} ${r} L ${g(z.x)} ${Y} Z`,
+            value: P,
+            sourceColor: l[n].color,
+            targetColor: l[h].color
+          };
+          v.push(p), u += O - w, s[h].y += r - Y;
+        });
+      }
+      return { nodeCoordinates: s, links: v };
+    }
+    const C = m(() => {
+      const t = Ye($.dataset);
+      return {
+        nodes: Object.keys(t.nodeCoordinates).map((l, o) => ({
+          ...t.nodeCoordinates[l],
+          name: l
+        })),
+        links: t.links
+      };
+    }), De = m(() => Ge(C.value.nodes));
+    function Ge(t) {
+      const l = {};
+      for (const a in t) {
+        const { x: s, height: v } = t[a];
+        l[s] || (l[s] = 0), l[s] += v + Ce.value;
+      }
+      return Math.max(...Object.values(l));
+    }
+    const L = m(() => {
+      const { top: t, right: l, left: o, bottom: a } = e.value.style.chart.padding, s = B.value.length * $e.value;
+      return {
+        height: De.value + t + a,
+        width: l + Math.max(...C.value.nodes.map((v) => v.x)) + E.value,
+        left: o,
+        top: t,
+        right: s - l,
+        p_top: t,
+        p_bottom: a
+      };
+    });
+    function Re(t) {
+      const l = {}, o = {}, a = /* @__PURE__ */ new Set();
+      return B.value.forEach(([s, v, n]) => {
+        l[s] || (l[s] = []), o[v] || (o[v] = []), l[s].push(v), o[v].push(s);
+      }), l[t] && l[t].forEach((s) => a.add(s)), o[t] && o[t].forEach((s) => a.add(s)), Array.from(a).concat(t);
+    }
+    const F = b(null), W = b(null), ae = b(null), j = b(!1);
+    function Ue(t) {
+      F.value = Re(t.name), W.value = t.name;
+      const l = t.name, o = B.value;
+      let a = 0, s = 0, v = [], n = [];
+      const u = new Set(o.map(([r]) => r)), h = new Set(o.map(([, r]) => r)), P = Array.from(u).filter((r) => !h.has(r)), T = o.filter(([r]) => P.includes(r)).reduce((r, [p, D, We]) => r + We, 0), _ = {};
+      C.value.nodes.forEach((r) => {
+        _[r.name] = r.color;
+      }), o.forEach(([r, p, D]) => {
+        p === l && (a += D, v.push({ source: r, value: D, color: _[r] })), r === l && (s += D, n.push({ target: p, value: D, color: _[p] }));
+      });
+      const M = Math.max(a, s), z = T > 0 ? M / T * 100 : 0, w = {
+        name: l,
+        inflow: a,
+        outflow: s,
+        from: v,
+        to: n,
+        percentOfTotal: z,
+        color: _[l] || "#000000"
+      };
+      ae.value = { datapoint: w }, ee.value = !0;
+      let O = "";
+      const Y = e.value.style.chart.tooltip.customFormat;
+      if (j.value = !1, ut(Y))
+        try {
+          const r = Y({
+            datapoint: w,
+            series: C.value,
+            config: e.value
+          });
+          typeof r == "string" && (te.value = r, j.value = !0);
+        } catch {
+          console.warn("Custom format cannot be applied.");
+        }
+      if (!j.value) {
+        const r = e.value.style.chart.tooltip.showPercentage ? `<div>${V({
+          p: e.value.style.chart.tooltip.translations.percentOfTotal,
+          v: w.percentOfTotal,
+          s: "%",
+          r: e.value.style.chart.tooltip.roundingPercentage
+        })}</div>` : "";
+        O += `<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:${w.color}">⏹</span>${w.name}${r}</div>`, w.from.length && (O += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, w.from.forEach((p) => {
+          O += `<div><span style="color:${p.color}">⏹←</span> ${p.source}: ${ce(
+            e.value.style.chart.nodes.labels.formatter,
+            p.value,
+            V({
+              p: e.value.style.chart.nodes.labels.prefix,
+              v: p.value,
+              s: e.value.style.chart.nodes.labels.suffix,
+              r: e.value.style.chart.nodes.labels.rounding
+            })
+          )}</div>`;
+        })), w.to.length && (O += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, w.to.forEach((p) => {
+          O += `<div><span style="color:${p.color}">⏹→</span> ${p.target}: ${ce(
+            e.value.style.chart.nodes.labels.formatter,
+            p.value,
+            V({
+              p: e.value.style.chart.nodes.labels.prefix,
+              v: p.value,
+              s: e.value.style.chart.nodes.labels.suffix,
+              r: e.value.style.chart.nodes.labels.rounding
+            })
+          )}</div>`;
+        })), te.value = O;
+      }
+    }
+    function Ve() {
+      F.value = null, W.value = null, ee.value = !1;
+    }
+    const xe = m(() => C.value.links.map(({ source: t, target: l, sourceColor: o, targetColor: a, value: s }) => ({
+      source: t,
+      target: l,
+      sourceColor: o,
+      targetColor: a,
+      value: s
+    })));
+    function _e() {
+      Ze(() => {
+        const t = xe.value.map((a, s) => [
+          [a.source],
+          [a.target],
+          [a.value]
+        ]), l = [
+          [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(t), o = nt(l);
+        rt({
+          csvContent: o,
+          title: e.value.style.chart.title.text || "vue-ui-flow"
+        });
+      });
+    }
+    const X = m(() => {
+      const t = [
+        e.value.table.columnNames.source,
+        e.value.table.columnNames.target,
+        e.value.table.columnNames.value
+      ], l = xe.value.map((s, v) => [
+        {
+          color: s.sourceColor,
+          name: s.source
+        },
+        {
+          color: s.targetColor,
+          name: s.target
+        },
+        V({
+          p: e.value.style.chart.nodes.labels.prefix,
+          v: s.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
+      };
+    });
+    function Be() {
+      return C.value;
+    }
+    function Oe() {
+      x.value.showTable = !x.value.showTable;
+    }
+    const q = b(!1);
+    function se() {
+      q.value = !q.value;
+    }
+    function Ne() {
+      x.value.showTooltip = !x.value.showTooltip;
+    }
+    return Ee({
+      getData: Be,
+      generateCsv: _e,
+      generateImage: we,
+      generatePdf: ke,
+      toggleTable: Oe,
+      toggleAnnotator: se,
+      toggleTooltip: Ne
+    }), (t, l) => (c(), f("div", {
+      ref_key: "flowChart",
+      ref: Q,
+      class: Fe(`vue-ui-flow ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: S(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      id: `flow_${K.value}`,
+      onMouseenter: l[2] || (l[2] = () => i(he)(!0)),
+      onMouseleave: l[3] || (l[3] = () => i(he)(!1))
+    }, [
+      e.value.userOptions.buttons.annotator ? (c(), G(gt, {
+        key: 0,
+        svgRef: i(ge),
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: q.value,
+        onClose: se
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : N("", !0),
+      Le.value ? (c(), f("div", Ct, null, 512)) : N("", !0),
+      e.value.style.chart.title.text ? (c(), f("div", $t, [
+        (c(), G(it, {
+          key: `title_${fe.value}`,
+          config: {
+            title: {
+              cy: "flow-title",
+              ...e.value.style.chart.title
+            },
+            subtitle: {
+              cy: "flow-subtitle",
+              ...e.value.style.chart.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ])) : N("", !0),
+      e.value.userOptions.show && Z.value && (i(pe) || i(oe)) ? (c(), G(dt, {
+        ref: "details",
+        key: `user_option_${ve.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: i(ye),
+        isImaging: i(be),
+        uid: K.value,
+        hasPdf: e.value.userOptions.buttons.pdf,
+        hasXls: e.value.userOptions.buttons.csv,
+        hasImg: e.value.userOptions.buttons.img,
+        hasTable: e.value.userOptions.buttons.table,
+        hasFullscreen: e.value.userOptions.buttons.fullscreen,
+        isFullscreen: I.value,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: Q.value,
+        position: e.value.userOptions.position,
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: q.value,
+        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
+        isTooltip: x.value.showTooltip,
+        onToggleTooltip: Ne,
+        onToggleFullscreen: He,
+        onGeneratePdf: i(ke),
+        onGenerateCsv: _e,
+        onGenerateImage: i(we),
+        onToggleTable: Oe,
+        onToggleAnnotator: se,
+        style: S({
+          visibility: i(pe) ? i(oe) ? "visible" : "hidden" : "visible"
+        })
+      }, qe({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: k(({ isOpen: o, color: a }) => [
+            y(t.$slots, "menuIcon", A(H({ isOpen: o, color: a })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: k(() => [
+            y(t.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: k(() => [
+            y(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: k(() => [
+            y(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: k(() => [
+            y(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: k(() => [
+            y(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: k(({ toggleFullscreen: o, isFullscreen: a }) => [
+            y(t.$slots, "optionFullscreen", A(H({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: k(({ toggleAnnotator: o, isAnnotator: a }) => [
+            y(t.$slots, "optionAnnotator", A(H({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "hasTooltip", "isTooltip", "onGeneratePdf", "onGenerateImage", "style"])) : N("", !0),
+      (c(), f("svg", {
+        ref_key: "svgRef",
+        ref: ge,
+        xmlns: i(at),
+        viewBox: `0 0 ${L.value.width} ${L.value.height}`,
+        class: Fe({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        style: S(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+      }, [
+        ne(pt),
+        t.$slots["chart-background"] ? (c(), f("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: L.value.width,
+          height: L.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          y(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, xt)) : N("", !0),
+        J("defs", null, [
+          (c(!0), f(R, null, U(C.value.links, (o, a) => (c(), f("linearGradient", {
+            id: o.id,
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%"
+          }, [
+            J("stop", {
+              offset: "0%",
+              "stop-color": o.sourceColor
+            }, null, 8, Ot),
+            J("stop", {
+              offset: "100%",
+              "stop-color": o.targetColor
+            }, null, 8, Nt)
+          ], 8, _t))), 256))
+        ]),
+        (c(!0), f(R, null, U(C.value.links, (o) => (c(), f("path", {
+          class: "vue-ui-flow-link",
+          d: o.path,
+          fill: `url(#${o.id})`,
+          stroke: e.value.style.chart.links.stroke,
+          "stroke-width": e.value.style.chart.links.strokeWidth,
+          style: S(`opacity:${W.value ? [o.target, o.source].includes(W.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}`)
+        }, null, 12, Ft))), 256)),
+        (c(!0), f(R, null, U(C.value.nodes, (o, a) => (c(), f("rect", {
+          class: "vue-ui-flow-node",
+          x: o.x,
+          y: i(g)(o.absoluteY) + e.value.style.chart.padding.top,
+          height: i(g)(o.height),
+          width: E.value,
+          fill: o.color,
+          stroke: e.value.style.chart.nodes.stroke,
+          "stroke-width": e.value.style.chart.nodes.strokeWidth,
+          onMouseenter: (s) => Ue(o),
+          onMouseleave: l[0] || (l[0] = (s) => Ve()),
+          style: S(`opacity:${F.value ? F.value.includes(o.name) ? 1 : 0.2 : 1}`)
+        }, null, 44, Pt))), 256)),
+        (c(!0), f(R, null, U(C.value.nodes, (o, a) => (c(), f("text", {
+          x: o.x + E.value / 2,
+          y: i(g)(o.absoluteY + o.height / 2 - e.value.style.chart.nodes.labels.fontSize / 4) + e.value.style.chart.padding.top,
+          "font-size": e.value.style.chart.nodes.labels.fontSize,
+          fill: i(Pe)(o.color),
+          "text-anchor": "middle",
+          style: S(`pointer-events: none; opacity:${F.value ? F.value.includes(o.name) ? 1 : 0 : 1}`)
+        }, re(e.value.style.chart.nodes.labels.abbreviation.use ? i(st)({
+          source: o.name,
+          length: e.value.style.chart.nodes.labels.abbreviation.length
+        }) : o.name), 13, St))), 256)),
+        (c(!0), f(R, null, U(C.value.nodes, (o, a) => (c(), f("text", {
+          x: o.x + E.value / 2,
+          y: i(g)(o.absoluteY + o.height / 2 + e.value.style.chart.nodes.labels.fontSize) + e.value.style.chart.padding.top,
+          "font-size": e.value.style.chart.nodes.labels.fontSize,
+          fill: i(Pe)(o.color),
+          "text-anchor": "middle",
+          style: S(`pointer-events: none; opacity:${F.value ? F.value.includes(o.name) ? 1 : 0 : 1}`)
+        }, re(i(ce)(
+          e.value.style.chart.nodes.labels.formatter,
+          o.value,
+          i(V)({
+            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, It))), 256)),
+        y(t.$slots, "svg", { svg: L.value }, void 0, !0)
+      ], 14, Tt)),
+      t.$slots.watermark ? (c(), f("div", Et, [
+        y(t.$slots, "watermark", A(H({ isPrinting: i(ye) || i(be) })), void 0, !0)
+      ])) : N("", !0),
+      Z.value ? N("", !0) : (c(), G(ht, {
+        key: 5,
+        config: {
+          type: "flow",
+          style: {
+            backgroundColor: e.value.style.chart.backgroundColor
+          }
+        }
+      }, null, 8, ["config"])),
+      t.$slots.source ? (c(), f("div", At, [
+        y(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : N("", !0),
+      ne(bt, {
+        show: x.value.showTooltip && ee.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: Q.value,
+        content: te.value,
+        isCustom: j.value,
+        isFullscreen: I.value
+      }, {
+        "tooltip-before": k(() => [
+          y(t.$slots, "tooltip-before", A(H({ ...ae.value })), void 0, !0)
+        ]),
+        "tooltip-after": k(() => [
+          y(t.$slots, "tooltip-after", A(H({ ...ae.value })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
+      Z.value ? (c(), G(ft, {
+        key: 7,
+        hideDetails: "",
+        config: {
+          open: x.value.showTable,
+          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
+          }
+        }
+      }, {
+        content: k(() => [
+          ne(vt, {
+            colNames: X.value.colNames,
+            head: X.value.head,
+            body: X.value.body,
+            config: X.value.config,
+            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
+            onClose: l[1] || (l[1] = (o) => x.value.showTable = !1)
+          }, {
+            th: k(({ th: o }) => [
+              J("div", {
+                innerHTML: o,
+                style: { display: "flex", "align-items": "center" }
+              }, null, 8, Ht)
+            ]),
+            td: k(({ td: o }) => [
+              Je(re(o.name || o), 1)
+            ]),
+            _: 1
+          }, 8, ["colNames", "head", "body", "config", "title"])
+        ]),
+        _: 1
+      }, 8, ["config"])) : N("", !0)
+    ], 46, wt));
+  }
+}, Zt = /* @__PURE__ */ kt(Lt, [["__scopeId", "data-v-17e83e4a"]]);
+export {
+  Zt as default
+};

package/dist/{vue-ui-funnel-CfxmaNEA.js → vue-ui-funnel-Bga3R3li.js}

@@ -1,15 +1,15 @@
 import { useCssVars as Le, computed as v, onMounted as Te, ref as c, watch as Ae, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as _, normalizeClass as T, createBlock as A, createCommentVNode as f, createSlots as Ne, withCtx as g, renderSlot as b, normalizeProps as M, guardReactiveProps as R, createVNode as Oe, createElementVNode as C, mergeProps as q, Fragment as V, renderList as B, toDisplayString as U, createTextVNode as ze, nextTick as Se } from "vue";
-import { u as Fe, o as Ie, e as me, g as Pe, c as De, d as Me, l as Re, i as E, f as G, X as Ve, G as Be, F as Y, a as Ue, q as Ee, r as Ge } from "./index-hMo72hAq.js";
-import { u as be } from "./useNestedProp-DhEaBTgF.js";
-import { u as je, U as He } from "./usePrinter-D2z-bUtX.js";
-import { _ as Xe } from "./Title-DrVDm1wy.js";
-import { _ as qe } from "./PenAndPaper-D4Uu-GqW.js";
-import { D as Ye } from "./DataTable-CXbN2mJi.js";
-import We from "./vue-ui-accordion-CHMdpjnX.js";
+import { u as Fe, o as Ie, e as me, g as Pe, c as De, d as Me, l as Re, i as E, f as G, X as Ve, G as Be, F as Y, a as Ue, q as Ee, r as Ge } from "./index-Co_0CzhC.js";
+import { u as be } from "./useNestedProp-DqI_VUcm.js";
+import { u as je, U as He } from "./usePrinter-BV6TePSm.js";
+import { _ as Xe } from "./Title-BDdzEGgo.js";
+import { _ as qe } from "./PenAndPaper-Dgf1a1MW.js";
+import { D as Ye } from "./DataTable-BhwIv7c6.js";
+import We from "./vue-ui-accordion-DMCnTtx0.js";
 import { t as Je, u as Ke } from "./useResponsive-Cw4oZ8sQ.js";
-import Qe from "./vue-ui-skeleton-C3t9bL6f.js";
+import Qe from "./vue-ui-skeleton-Dzehgcp3.js";
 import { u as Ze } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as et } from "./PackageVersion-0Lu6RIig.js";
+import { _ as et } from "./PackageVersion-DmKsiZge.js";
 import { u as tt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const lt = ["id"], st = ["xmlns", "viewBox"], ot = ["width", "height"], nt = ["id"], rt = ["stop-color"], ut = ["stop-color"], it = ["stop-color"], ct = ["stroke", "stroke-width"], vt = ["stroke", "stroke-width"], dt = ["x", "y", "font-size", "fill", "font-weight"], ht = ["points", "fill"], ft = ["stroke", "stroke-width", "rx"], mt = ["x", "y", "font-size", "fill", "font-weight"], bt = ["x", "y", "font-size", "fill", "font-weight"], yt = {