vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-flow-BuaVAVvN.js → vue-ui-flow-BZ-9RFsy.js}

@@ -1,19 +1,19 @@
 import { defineAsyncComponent as te, ref as r, computed as i, onMounted as Xo, toRefs as qo, watch as Re, openBlock as c, createElementBlock as b, unref as u, normalizeStyle as X, normalizeClass as eo, createElementVNode as H, toDisplayString as pe, createBlock as oe, createCommentVNode as w, withCtx as f, renderSlot as v, normalizeProps as S, guardReactiveProps as P, createSlots as to, createVNode as He, Fragment as Pe, renderList as Ie, Teleport as Zo, resolveDynamicComponent as Jo, mergeProps as Qo, createTextVNode as oo, nextTick as dt } from "vue";
-import { j as Ue, t as lo, o as ao, q as el, m as tl, p as q, n as ol, K as I, s as ll, l as ge, X as al, k as We, W as no, a as nl, a0 as sl, a1 as rl, T as ul } from "./lib-DBptbyyI.js";
+import { 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-C40HvGpD.js";
-import { u as vl } from "./usePrinter-CEpYU3r5.js";
-import { u as fl, B as hl } from "./BaseScanner-BhhkKVoj.js";
-import { u as pl } from "./useSvgExport-ByUukOZt.js";
-import { u as vt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as gl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as yl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./img-LXxMLmCg.js";
-import Cl from "./Title-BeMKE1cj.js";
+import { u as dl } from "./useConfig-DTHxOX6V.js";
+import { u as vl } from "./usePrinter-C4t8DdQ-.js";
+import { u as fl, B as hl } from "./BaseScanner-BON3d_Sx.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-CS7Xo5LK.js";
-import { A as $l } from "./A11yDataTable-KcVAX2cP.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,
@@ -46,7 +46,15 @@ const xl = ["id"], Tl = ["id"], Sl = {
   },
   emits: ["copyAlt"],
   setup(so, { expose: ro, emit: uo }) {
-    const io = te(() => import("./Tooltip-C8KGyqQk.js")), co = te(() => import("./BaseIcon-Cb3zzG6s.js")), vo = te(() => import("./vue-ui-accordion-DDuJT1xA.js")), fo = te(() => import("./DataTable-DT2kIdQ6.js")), ho = te(() => import("./PenAndPaper-Ct3qJ4lA.js")), po = te(() => import("./UserOptions-rW2fRf3V.js")), go = te(() => import("./PackageVersion-PjmqM4wb.js")), yo = te(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_flow: mo } = dl(), { isThemeValid: bo, warnInvalidTheme: Co } = gl(), N = so, ko = uo, U = r(Ue()), V = r(null), ft = r(0), ht = r(0), Ne = r(!1), Ve = r(""), pt = r(null), gt = r(null), yt = r(null), ye = r(null), Oe = r(null), mt = r(!1), me = r(null), Ge = r(null), wo = r(null), Ee = r(!1), _e = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), Fe = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
+    const io = te(() => import("./Tooltip-Cvt7Fi0Q.js")), co = te(() => import("./BaseIcon-DX0hTWa-.js")), vo = te(() => import("./vue-ui-accordion-BHmfmb_6.js")), fo = te(() => import("./DataTable-cMnb68Ik.js")), ho = te(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), po = te(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), go = te(
+      () => import("./PackageVersion-DVvvyQXB.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), _e = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), Fe = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
     Xo(() => {
       mt.value = !0, wt();
     });
@@ -54,7 +62,9 @@ const xl = ["id"], Tl = ["id"], Sl = {
     function kt(t) {
       le.value = t, ft.value += 1;
     }
-    const e = r(Ze()), ve = i(() => e.value.userOptions.useCursorPointer), $o = i(() => lo({
+    const e = r(Ze()), ve = i(
+      () => e.value.userOptions.useCursorPointer
+    ), $o = i(() => lo({
       defaultConfig: {
         userOptions: { show: !1 },
         nodeCategories: {
@@ -159,9 +169,13 @@ const xl = ["id"], Tl = ["id"], Sl = {
         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 });
+    ), 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",
@@ -170,12 +184,16 @@ const xl = ["id"], Tl = ["id"], Sl = {
       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 });
+    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],
@@ -303,8 +321,14 @@ const xl = ["id"], Tl = ["id"], Sl = {
         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)
+      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
@@ -348,7 +372,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
         percentOfTotal: Te,
         color: M[n] || "#000000"
       };
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: _, seriesIndex: l }), fe.value = { datapoint: _ }, Ne.value = !0;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: _,
+        seriesIndex: l
+      }), fe.value = { datapoint: _ }, Ne.value = !0;
       let Z = "";
       const Se = e.value.style.chart.tooltip.customFormat;
       if (Le.value = !1, ul(Se))
@@ -399,11 +426,17 @@ const xl = ["id"], Tl = ["id"], Sl = {
     }
     function _t(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);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: l,
+        seriesIndex: t
+      }), !(je.value === "keyboard" && de.value) && ($e.value = null, A.value = null, ne.value = null, Ne.value = !1);
     }
     function Ft(t) {
       const l = fe.value;
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t });
+      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 }) => ({
@@ -487,7 +520,9 @@ const xl = ["id"], Tl = ["id"], Sl = {
     })).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);
+        const a = l.find(
+          (n) => Math.abs(n.x - o.x) <= 1
+        );
         a ? a.nodes.push(o) : l.push({
           x: o.x,
           nodes: [o]
@@ -556,7 +591,12 @@ const xl = ["id"], Tl = ["id"], Sl = {
     }));
     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 });
+      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,
@@ -597,9 +637,12 @@ const xl = ["id"], Tl = ["id"], Sl = {
         }
       };
     });
-    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());
-    });
+    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);
     }
@@ -618,7 +661,14 @@ const xl = ["id"], Tl = ["id"], Sl = {
       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 }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: o,
+              text: a,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(Do());
       } finally {
@@ -641,13 +691,17 @@ const xl = ["id"], Tl = ["id"], Sl = {
         config: e.value,
         dataset: $.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        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
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: $.value
+        })
+      );
     }
     function Yo(t) {
       return se.value.findIndex(
@@ -677,7 +731,8 @@ const xl = ["id"], Tl = ["id"], Sl = {
     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 (!l && !o && !a && !n && !p && !O)
+        return;
       if (t.preventDefault(), t.stopPropagation(), O) {
         et();
         return;
@@ -702,7 +757,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
       if (W < 0) return;
       let G = null;
       if (a || n) {
-        const C = zo(W, z.id);
+        const C = zo(
+          W,
+          z.id
+        );
         if (C < 0) return;
         const E = se.value[W];
         if (!E?.nodes?.length) return;
@@ -711,7 +769,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
       }
       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);
+        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);
@@ -983,7 +1044,9 @@ const xl = ["id"], Tl = ["id"], Sl = {
             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}
+                        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", {
@@ -1011,7 +1074,12 @@ const xl = ["id"], Tl = ["id"], Sl = {
                 r: e.value.style.chart.nodes.labels.rounding
               })
             )}`,
-            onMouseenter: (n) => tt(o, a, "pointer", Ye.value.get(o.id)),
+            onMouseenter: (n) => tt(
+              o,
+              a,
+              "pointer",
+              Ye.value.get(o.id)
+            ),
             onMouseleave: (n) => _t(a),
             onClick: (n) => Ft(a)
           }, null, 44, Dl))), 256)),
@@ -1059,11 +1127,16 @@ const xl = ["id"], Tl = ["id"], Sl = {
           }, 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: Fe.value })), void 0, !0)
+          v(t.$slots, "hint", S(P({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Fe.value
+          })), void 0, !0)
         ])) : w("", !0)
       ]),
       t.$slots.watermark ? (c(), b("div", Rl, [
-        v(t.$slots, "watermark", S(P({ isPrinting: u(Je) || u(Qe) || Ee.value || _e.value })), void 0, !0)
+        v(t.$slots, "watermark", S(P({
+          isPrinting: u(Je) || u(Qe) || Ee.value || _e.value
+        })), void 0, !0)
       ])) : w("", !0),
       H("div", {
         id: `legend-bottom-${U.value}`
@@ -1199,7 +1272,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       ], !0)
     ], 46, xl));
   }
-}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-3c32a139"]]);
+}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-27f534c6"]]);
 export {
   ia as default
 };

package/dist/{vue-ui-funnel-Cv18o2ax.js → vue-ui-funnel-BJgvIvlz.js}

@@ -1,15 +1,15 @@
 import { useCssVars as rt, defineAsyncComponent as x, ref as c, shallowRef as Te, computed as v, onMounted as ut, onBeforeUnmount as it, watch as Oe, openBlock as n, createElementBlock as h, unref as s, normalizeStyle as O, normalizeClass as N, createBlock as F, withCtx as r, renderSlot as u, normalizeProps as C, guardReactiveProps as k, createCommentVNode as g, createSlots as _e, createVNode as Pe, createElementVNode as $, mergeProps as W, Fragment as q, renderList as Y, toDisplayString as E, resolveDynamicComponent as ct, createTextVNode as De, nextTick as ze } from "vue";
-import { j as vt, o as dt, q as Ie, r as ht, s as ft, x as bt, k as J, l as K, X as mt, W as gt, a2 as ne, a0 as pt, a1 as yt } from "./lib-DBptbyyI.js";
+import { j as vt, o as dt, q as Ie, r as ht, s as ft, x as bt, k as J, l as K, X as mt, W as gt, a2 as ne, a0 as pt, a1 as yt } from "./lib-DMzrGQHK.js";
 import { t as Ct, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as wt } from "./useConfig-C40HvGpD.js";
-import { u as $t } from "./usePrinter-CEpYU3r5.js";
-import { u as Lt } from "./useSvgExport-ByUukOZt.js";
-import { u as re } from "./useNestedProp-Bf5XFbs8.js";
-import { u as At } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as St } from "./useChartAccessibility-9icAAmYg.js";
-import Tt from "./img-LXxMLmCg.js";
-import Ot from "./Title-BeMKE1cj.js";
+import { u as wt } from "./useConfig-DTHxOX6V.js";
+import { u as $t } from "./usePrinter-C4t8DdQ-.js";
+import { u as Lt } from "./useSvgExport-BTG4hVPO.js";
+import { u as re } from "./useNestedProp-DH0BEVVS.js";
+import { u as At } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as xt } from "./useUserOptionState-B7Ej974k.js";
+import { u as St } from "./useChartAccessibility-cp6XQtqi.js";
+import Tt from "./img-CjTQXS0U.js";
+import Ot from "./Title-BbKoiBk2.js";
 import _t from "./vue_ui_funnel-yuaMZ-yb.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["id"], Ft = ["stop-color"], Bt = ["stop-color"], Rt = ["stop-color"], Ut = ["stroke", "stroke-width"], Mt = ["stroke", "stroke-width"], Vt = ["x", "y", "font-size", "fill", "font-weight"], Et = ["points", "fill"], Gt = ["stroke", "stroke-width", "rx"], jt = ["x", "y", "font-size", "fill", "font-weight"], Ht = ["x", "y", "font-size", "fill", "font-weight"], Xt = {
@@ -34,9 +34,17 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
   emits: ["copyAlt"],
   setup(Ne, { expose: Fe, emit: Be }) {
     rt((t) => ({
-      v571664dc: Ze.value
+      v3170e5db: Ze.value
     }));
-    const Re = x(() => import("./BaseIcon-Cb3zzG6s.js")), Ue = x(() => import("./vue-ui-skeleton-BsTtcR3x.js")), Me = x(() => import("./vue-ui-accordion-DDuJT1xA.js")), Ve = x(() => import("./DataTable-DT2kIdQ6.js")), Ee = x(() => import("./UserOptions-rW2fRf3V.js")), Ge = x(() => import("./PenAndPaper-Ct3qJ4lA.js")), je = x(() => import("./PackageVersion-PjmqM4wb.js")), He = x(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_funnel: Xe } = wt(), { isThemeValid: We, warnInvalidTheme: qe } = At(), p = Ne, Ye = Be, L = c(null), B = c(vt()), ue = c(0), ie = c(0), ce = c(0), ve = c(null), de = c(null), he = c(null), A = Te(null), _ = Te(null), S = c(!1), R = c(null), Q = c(null), G = c(!1), j = c(!1), P = v(() => !!p.dataset && p.dataset.length);
+    const Re = x(() => import("./BaseIcon-DX0hTWa-.js")), Ue = x(() => import("./vue-ui-skeleton-xLPY1FKW.js")), Me = x(() => import("./vue-ui-accordion-BHmfmb_6.js")), Ve = x(() => import("./DataTable-cMnb68Ik.js")), Ee = x(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Ge = x(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), je = x(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), He = x(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_funnel: Xe } = wt(), { isThemeValid: We, warnInvalidTheme: qe } = At(), p = Ne, Ye = Be, L = c(null), B = c(vt()), ue = c(0), ie = c(0), ce = c(0), ve = c(null), de = c(null), he = c(null), A = Te(null), _ = Te(null), S = c(!1), R = c(null), Q = c(null), G = c(!1), j = c(!1), P = v(() => !!p.dataset && p.dataset.length);
     ut(fe);
     function fe() {
       if (dt(p.dataset) ? Ie({
@@ -110,10 +118,18 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
     const e = v({
       get: () => be(),
       set: (t) => t
-    }), me = v(() => e.value.userOptions.useCursorPointer), { userOptionsVisible: Z, setUserOptionsVisibility: ge, keepUserOptionState: pe } = xt({ config: e.value }), { svgRef: ee } = St({ config: e.value.style.chart.title });
-    Oe(() => p.config, (t) => {
-      e.value = be(), Z.value = !e.value.userOptions.showOnChartHover, fe(), ie.value += 1, ce.value += 1, f.value.circles = e.value.style.chart.circles.dataLabels.fontSize, f.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, f.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, D.value.showTable = e.value.table.show;
-    }, { deep: !0 });
+    }), me = v(
+      () => e.value.userOptions.useCursorPointer
+    ), { userOptionsVisible: Z, setUserOptionsVisibility: ge, keepUserOptionState: pe } = xt({ config: e.value }), { svgRef: ee } = St({
+      config: e.value.style.chart.title
+    });
+    Oe(
+      () => p.config,
+      (t) => {
+        e.value = be(), Z.value = !e.value.userOptions.showOnChartHover, fe(), ie.value += 1, ce.value += 1, f.value.circles = e.value.style.chart.circles.dataLabels.fontSize, f.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, f.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, D.value.showTable = e.value.table.show;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: te, isImaging: ae, generatePdf: ye, generateImage: Ce } = $t({
       elementId: `funnel_${B.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel",
@@ -132,7 +148,10 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
       set: (t) => t
     }), y = v(() => P.value ? p.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? ft(t.color) : bt(e.value.style.chart.bars.defaultColor, l / p.dataset.length)
+      color: t.color ? ft(t.color) : bt(
+        e.value.style.chart.bars.defaultColor,
+        l / p.dataset.length
+      )
     })) : []);
     setTimeout(() => {
       S.value = !0;
@@ -214,11 +233,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
           }),
           { datapoint: i.value[d] }
         );
-        return [
-          { color: m.color, name: m.name },
-          V,
-          se
-        ];
+        return [{ color: m.color, name: m.name }, V, se];
       }), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -245,10 +260,23 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
     });
     function oe(t = null) {
       ze(() => {
-        const l = U.value.head.map((m, d) => [[
-          m.name
-        ], [U.value.body[d]], [i.value[d].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), o = pt(a);
-        t ? t(o) : yt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-funnel" });
+        const l = U.value.head.map((m, d) => [
+          [m.name],
+          [U.value.body[d]],
+          [i.value[d].proportion * 100]
+        ]), a = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [
+            [e.value.table.columnNames.series],
+            [e.value.table.columnNames.value],
+            ["%"]
+          ]
+        ].concat(l), o = pt(a);
+        t ? t(o) : yt({
+          csvContent: o,
+          title: e.value.style.chart.title.text || "vue-ui-funnel"
+        });
       });
     }
     function et() {
@@ -256,7 +284,12 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
     }
     async function tt({ scale: t = 2 } = {}) {
       if (!L.value) return;
-      const { width: l, height: a } = L.value.getBoundingClientRect(), o = l / a, { imageUri: m, base64: d } = await Tt({ domElement: L.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = L.value.getBoundingClientRect(), o = l / a, { imageUri: m, base64: d } = await Tt({
+        domElement: L.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: m,
         base64: d,
@@ -296,9 +329,12 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
         }
       };
     });
-    Oe(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
-    });
+    Oe(
+      () => D.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
+      }
+    );
     function Ae() {
       D.value.showTable = !1, Q.value && Q.value.setTableIconState(!1);
     }
@@ -312,7 +348,14 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
       try {
         if (t) {
           const { blob: l, url: a, text: o, dataUrl: m } = await st();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: m }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: o,
+              dataUrl: m
+            })
+          );
         } else
           await Promise.resolve(ot());
       } finally {
@@ -335,13 +378,17 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
         config: e.value,
         dataset: y.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        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: y.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: y.value
+        })
+      );
     }
     return Fe({
       getData: et,
@@ -528,7 +575,10 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
         ref_key: "svgRef",
         ref: ee,
         xmlns: s(mt),
-        class: N({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        class: N({
+          "vue-data-ui-fullscreen--on": I.value,
+          "vue-data-ui-fulscreen--off": !I.value
+        }),
         viewBox: `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`,
         style: O(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -684,7 +734,9 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
         }, void 0, !0)
       ], 14, zt)) : g("", !0),
       t.$slots.watermark ? (n(), h("div", Xt, [
-        u(t.$slots, "watermark", C(k({ isPrinting: s(te) || s(ae) || G.value || j.value })), void 0, !0)
+        u(t.$slots, "watermark", C(k({
+          isPrinting: s(te) || s(ae) || G.value || j.value
+        })), void 0, !0)
       ])) : g("", !0),
       P.value ? g("", !0) : (n(), F(s(Ue), {
         key: 6,
@@ -765,7 +817,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
       ]), 1040)) : g("", !0)
     ], 46, Dt));
   }
-}, ia = /* @__PURE__ */ Pt(qt, [["__scopeId", "data-v-206e5d0e"]]);
+}, ia = /* @__PURE__ */ Pt(qt, [["__scopeId", "data-v-d310d5f9"]]);
 export {
   ia as default
 };