vue-data-ui 3.1.1 → 3.1.2

package/dist/{vue-ui-molecule-DaN5lroq.js → vue-ui-molecule-C973vfYh.js}

@@ -1,33 +1,33 @@
-import { useCssVars as dt, defineAsyncComponent as p, computed as b, onMounted as pt, ref as r, toRefs as ht, watch as R, nextTick as U, createElementBlock as C, openBlock as u, unref as a, normalizeStyle as M, normalizeClass as $e, createBlock as w, createCommentVNode as g, createVNode as I, createSlots as Te, withCtx as c, renderSlot as v, normalizeProps as $, guardReactiveProps as T, createElementVNode as D, Fragment as ft, renderList as mt, resolveDynamicComponent as gt, mergeProps as bt, createTextVNode as _e, toDisplayString as Oe } from "vue";
-import { u as Ct, o as yt, f as At, c as Pe, t as kt, a as wt, p as Ie, b as $t, d as Tt, Q as _t, X as Ot, l as Pt, R as It, e as De, v as Dt, w as Ft, y as Nt, z as Lt } from "./index-BKQqb9lF.js";
-import { u as St, B as Bt } from "./BaseScanner-BgWxam9d.js";
-import { u as xt } from "./usePrinter-BzuXiubT.js";
-import { u as Fe } from "./useNestedProp-aBOhgs4U.js";
+import { useCssVars as pt, defineAsyncComponent as p, computed as b, onMounted as ht, ref as r, toRefs as ft, watch as E, nextTick as U, createElementBlock as C, openBlock as u, unref as a, normalizeStyle as M, normalizeClass as _e, createBlock as w, createCommentVNode as g, createVNode as I, createSlots as Oe, withCtx as c, renderSlot as v, normalizeProps as $, guardReactiveProps as T, createElementVNode as P, Fragment as mt, renderList as gt, resolveDynamicComponent as bt, mergeProps as Ct, createTextVNode as De, toDisplayString as Ie } from "vue";
+import { u as yt, o as At, f as kt, c as Pe, t as wt, a as $t, p as Fe, b as Tt, d as _t, Q as Ot, X as Dt, l as It, R as Pt, e as Ne, v as Ft, w as Nt, y as Lt, z as St } from "./index-BFqW8WA0.js";
+import { u as Bt, B as xt } from "./BaseScanner-BgWxam9d.js";
+import { u as Rt } from "./usePrinter-DDIKRiOp.js";
+import { u as Le } from "./useNestedProp-BSZCnuGl.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
-import Ut from "./img-gBDz7xQQ.js";
-import { u as Mt } from "./usePanZoom-BVca3eMk.js";
-import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ht = ["id"], Vt = {
+import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
+import Mt from "./img-DvuphHeJ.js";
+import { u as zt } from "./usePanZoom-BVca3eMk.js";
+import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Vt = ["id"], Gt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Gt = {
+}, Wt = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, Wt = ["xmlns", "viewBox"], Xt = ["width", "height"], jt = ["id"], Yt = ["stop-color"], Zt = ["stop-color"], Qt = {
+}, Xt = ["xmlns", "viewBox"], jt = ["width", "height"], Yt = ["id"], Zt = ["stop-color"], Qt = ["stop-color"], qt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, qt = {
+}, Jt = {
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, Jt = {
+}, Kt = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, Kt = ["innerHTML"], eo = {
+}, eo = ["innerHTML"], to = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -44,26 +44,26 @@ const Ht = ["id"], Vt = {
     }
   },
   emits: ["selectNode"],
-  setup(Ne, { expose: Le, emit: Se }) {
-    dt((t) => ({
-      "4eb94a90": t.slicerColor
+  setup(Se, { expose: Be, emit: xe }) {
+    pt((t) => ({
+      "924669b2": t.slicerColor
     }));
-    const Be = p(() => import("./Title-Dz-j6ERs.js")), xe = p(() => import("./Tooltip-BTGOEC7w.js")), ee = p(() => import("./BaseIcon-DLesaZpW.js")), Ee = p(() => import("./vue-ui-accordion-B5QeV3BK.js")), Re = p(() => import("./DataTable-BAf4Obr9.js")), Ue = p(() => import("./PenAndPaper-B6OvfyHH.js")), Me = p(() => import("./UserOptions-CsDlFB0L.js")), ze = p(() => import("./PackageVersion-Cv_ypT0N.js")), He = p(() => import("./RecursiveLinks-00zGWPf9.js")), Ve = p(() => import("./RecursiveLabels-Bgcv0pzu.js")), Ge = p(() => import("./RecursiveCircles-BcLb1aRS.js")), We = p(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_molecule: Xe } = Ct(), A = Ne, je = Se, te = b(() => !!A.dataset && A.dataset.length);
-    pt(() => {
-      oe();
+    const Re = p(() => import("./Title-AGmmsSi_.js")), Ee = p(() => import("./Tooltip-le0yZk_t.js")), te = p(() => import("./BaseIcon-BLg8FaQ2.js")), Ue = p(() => import("./vue-ui-accordion-Cv747Pg6.js")), Me = p(() => import("./DataTable-BRN1-1ob.js")), ze = p(() => import("./PenAndPaper-TgGWddgD.js")), He = p(() => import("./UserOptions-DEFwuQIo.js")), Ve = p(() => import("./PackageVersion-Jz9FlNXl.js")), Ge = p(() => import("./RecursiveLinks-00zGWPf9.js")), We = p(() => import("./RecursiveLabels-Bgcv0pzu.js")), Xe = p(() => import("./RecursiveCircles-BcLb1aRS.js")), je = p(() => import("./BaseDraggableDialog-Dkpr-qUQ.js")), { vue_ui_molecule: Ye } = yt(), A = Se, Ze = xe, oe = b(() => !!A.dataset && A.dataset.length);
+    ht(() => {
+      le();
     });
-    const Ye = b(() => e.value.debug);
-    function oe() {
-      yt(A.dataset) && At({
+    const Qe = b(() => e.value.debug);
+    function le() {
+      At(A.dataset) && kt({
         componentName: "VueUiMolecule",
         type: "dataset",
-        debug: Ye.value
+        debug: Qe.value
       });
     }
-    const z = r(Pe()), Ze = r(null), H = r(!1), B = r(""), k = r(null), le = r(0), ae = r(0), se = r(0), F = r(null), e = r(j()), { loading: V, FINAL_DATASET: G } = St({
-      ...ht(A),
+    const z = r(Pe()), H = r(!1), B = r(""), k = r(null), ae = r(0), se = r(0), ne = r(0), F = r(null), V = r(null), e = r(Y()), { loading: G, FINAL_DATASET: W } = Bt({
+      ...ft(A),
       FINAL_CONFIG: e,
-      prepareConfig: j,
+      prepareConfig: Y,
       skeletonDataset: [
         {
           name: "_",
@@ -102,7 +102,7 @@ const Ht = ["id"], Vt = {
           ]
         }
       ],
-      skeletonConfig: kt({
+      skeletonConfig: wt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -116,50 +116,50 @@ const Ht = ["id"], Vt = {
           }
         }
       })
-    }), { userOptionsVisible: W, setUserOptionsVisibility: ne, keepUserOptionState: re } = Et({ config: e.value }), { svgRef: X } = Rt({ config: e.value.style.chart.title });
-    function j() {
-      const t = Fe({
+    }), { userOptionsVisible: X, setUserOptionsVisibility: re, keepUserOptionState: ie } = Et({ config: e.value }), { svgRef: j } = Ut({ config: e.value.style.chart.title });
+    function Y() {
+      const t = Le({
         userConfig: A.config,
-        defaultConfig: Xe
+        defaultConfig: Ye
       });
       return t.theme ? {
-        ...Fe({
-          userConfig: $t.vue_ui_molecule[t.theme] || A.config,
+        ...Le({
+          userConfig: Tt.vue_ui_molecule[t.theme] || A.config,
           defaultConfig: t
         }),
-        customPalette: wt[t.theme] || Ie
+        customPalette: $t[t.theme] || Fe
       } : t;
     }
-    R(() => A.config, (t) => {
-      e.value = j(), W.value = !e.value.userOptions.showOnChartHover, oe(), ae.value += 1, se.value += 1, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
+    E(() => A.config, (t) => {
+      e.value = Y(), X.value = !e.value.userOptions.showOnChartHover, le(), se.value += 1, ne.value += 1, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const ie = r(0), Qe = () => {
-      ie.value += 1;
+    const ue = r(0), qe = () => {
+      ue.value += 1;
     };
-    R([() => V.value, () => G.value], async ([t]) => {
-      t || (await U(), h.value = he(), await U(), Qe(), await U(), it({ x: 0, y: 0, width: 400, height: 400 }), q(!1));
+    E([() => G.value, () => W.value], async ([t]) => {
+      t || (await U(), h.value = fe(), await U(), qe(), await U(), ut({ x: 0, y: 0, width: 400, height: 400 }), J(!1));
     }, { flush: "post", deep: !1 });
-    const { isPrinting: ue, isImaging: ce, generatePdf: ve, generateImage: de } = xt({
+    const { isPrinting: ce, isImaging: ve, generatePdf: de, generateImage: pe } = Rt({
       elementId: `cluster_${z.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), qe = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Je = b(() => Tt(e.value.customPalette)), d = r({
+    }), Je = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ke = b(() => _t(e.value.customPalette)), d = r({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    R(e, () => {
+    E(e, () => {
       d.value = {
         showTable: e.value.table.show,
         showDataLabels: !0,
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    function pe(t, l = 0) {
-      return Array.isArray(t) && t.length > 0 && t[0].nodes ? pe(t[0].nodes, l + 1) : l;
+    function he(t, l = 0) {
+      return Array.isArray(t) && t.length > 0 && t[0].nodes ? he(t[0].nodes, l + 1) : l;
     }
-    function he() {
-      const t = pe(G.value);
+    function fe() {
+      const t = he(W.value);
       let l = 100, o = l;
       for (let n = 0; n < t; n += 1)
         l /= 1, o += l;
@@ -168,40 +168,40 @@ const Ht = ["id"], Vt = {
         width: o
       };
     }
-    const h = r(he());
-    function fe(t, l = { x: -h.value.width / 2.43, y: h.value.height / 2 }, o = h.value.width / 1.1, n = 24, s = 0, i = 0, f = "#BBBBBB", J = 0) {
+    const h = r(fe());
+    function me(t, l = { x: -h.value.width / 2.43, y: h.value.height / 2 }, o = h.value.width / 1.1, n = 24, s = 0, i = 0, f = "#BBBBBB", K = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
-      const vt = It({
+      const dt = Pt({
         plot: l,
         radius: o,
         sides: t.length,
         rotation: s
       });
-      return t.forEach((m, Ae) => {
-        const ke = vt.coordinates[Ae], we = m.color ? (() => {
-          let K = De(m.color);
-          return K.startsWith("#") ? K : `#${K}`;
+      return t.forEach((m, we) => {
+        const $e = dt.coordinates[we], Te = m.color ? (() => {
+          let ee = Ne(m.color);
+          return ee.startsWith("#") ? ee : `#${ee}`;
         })() : null;
-        let P;
-        we ? P = we : J === 0 ? P = f : J === 1 ? (P = Je.value[i] || Ie[i] || f, i += 1) : P = f, m.polygonPath = { coordinates: [ke] }, m.circleRadius = n, m.color = P, m.uid = Pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = fe(
+        let D;
+        Te ? D = Te : K === 0 ? D = f : K === 1 ? (D = Ke.value[i] || Fe[i] || f, i += 1) : D = f, m.polygonPath = { coordinates: [$e] }, m.circleRadius = n, m.color = D, m.uid = Pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = me(
           m.nodes,
-          ke,
+          $e,
           o / 2.9,
           n / 2.2,
-          s + Math.PI * Ae / m.nodes.length,
+          s + Math.PI * we / m.nodes.length,
           i,
-          P,
-          J + 1
+          D,
+          K + 1
         ));
       }), t;
     }
-    function Ke(t) {
+    function et(t) {
       const l = /* @__PURE__ */ new Set();
       function o(s) {
         s.forEach((i) => {
           if (!i.color) return;
           let f = i.color;
-          /^#?[0-9A-F]{6}$/i.test(f) || (f = De(f)), f.startsWith("#") || (f = `#${f}`), l.add(f), Array.isArray(i.nodes) && i.nodes.length && o(i.nodes);
+          /^#?[0-9A-F]{6}$/i.test(f) || (f = Ne(f)), f.startsWith("#") || (f = `#${f}`), l.add(f), Array.isArray(i.nodes) && i.nodes.length && o(i.nodes);
         });
       }
       o(t);
@@ -211,19 +211,19 @@ const Ht = ["id"], Vt = {
         n[s] = `gradient_${i}`;
       }), n;
     }
-    const et = b(() => Ke(y.value)), y = b(() => {
-      const t = _t(G.value);
-      return fe(t);
-    }), Y = r(null);
-    function tt(t) {
-      Y.value = {
+    const tt = b(() => et(y.value)), y = b(() => {
+      const t = Ot(W.value);
+      return me(t);
+    }), Z = r(null);
+    function ot(t) {
+      Z.value = {
         datapoint: t,
         seriesIndex: -1,
         series: y.value,
         config: e.value
       };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Nt(l) && Lt(() => l({
+      if (Lt(l) && St(() => l({
         seriesIndex: -1,
         datapoint: t,
         series: y.value,
@@ -241,11 +241,11 @@ const Ht = ["id"], Vt = {
         o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), B.value = `<div style="font-family:inherit">${o}</div>`;
       }
     }
-    const x = r(null), N = r(null), me = r(null);
-    function ot(t) {
-      me.value = x.value, x.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: me.value || x.value, seriesIndex: -1 }), t ? (H.value = !0, tt(t), N.value = t.uid) : (H.value = !1, B.value = "", N.value = null);
-    }
+    const x = r(null), N = r(null), ge = r(null);
     function lt(t) {
+      ge.value = x.value, x.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: ge.value || x.value, seriesIndex: -1 }), t ? (H.value = !0, ot(t), N.value = t.uid) : (H.value = !1, B.value = "", N.value = null);
+    }
+    function at(t) {
       const l = [];
       function o(n) {
         n.forEach((s) => {
@@ -260,12 +260,12 @@ const Ht = ["id"], Vt = {
       }
       return o(t), l;
     }
-    const at = b(() => lt(y.value)), _ = b(() => {
+    const st = b(() => at(y.value)), _ = b(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], l = at.value.map((s, i) => [
+      ], l = st.value.map((s, i) => [
         {
           color: s.color,
           name: s.name
@@ -296,44 +296,44 @@ const Ht = ["id"], Vt = {
         colNames: n
       };
     });
-    function Z(t = null) {
+    function Q(t = null) {
       U(() => {
-        const l = _.value.body.map((s, i) => [[s[0].name], [s[1]], [s[2]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[..._.value.head]]].concat(l), n = Dt(o);
-        t ? t(n) : Ft({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-molecule" });
+        const l = _.value.body.map((s, i) => [[s[0].name], [s[1]], [s[2]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[..._.value.head]]].concat(l), n = Ft(o);
+        t ? t(n) : Nt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
-    function st() {
+    function nt() {
       return y.value;
     }
     const O = r(!1);
-    function ge(t) {
-      O.value = t, le.value += 1;
+    function be(t) {
+      O.value = t, ae.value += 1;
     }
-    function be() {
+    function Ce() {
       d.value.showTable = !d.value.showTable;
     }
-    function Ce() {
+    function ye() {
       d.value.showDataLabels = !d.value.showDataLabels;
     }
-    function ye() {
+    function Ae() {
       d.value.showTooltip = !d.value.showTooltip;
     }
     const L = r(!1);
-    function Q() {
+    function q() {
       L.value = !L.value;
     }
-    const nt = b(() => !L.value), { viewBox: E, resetZoom: q, isZoom: rt, setInitialViewBox: it } = Mt(X, {
+    const rt = b(() => !L.value), { viewBox: R, resetZoom: J, isZoom: it, setInitialViewBox: ut } = zt(j, {
       x: 0,
       y: 0,
       width: Math.max(10, h.value.width),
       height: Math.max(10, h.value.height)
-    }, e.value.style.chart.zoom.speed, nt);
-    function ut(t) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: -1 }), je("selectNode", t);
+    }, e.value.style.chart.zoom.speed, rt);
+    function ct(t) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: -1 }), Ze("selectNode", t);
     }
-    async function ct({ scale: t = 2 } = {}) {
+    async function vt({ scale: t = 2 } = {}) {
       if (!k.value) return;
-      const { width: l, height: o } = k.value.getBoundingClientRect(), n = l / o, { imageUri: s, base64: i } = await Ut({ domElement: k.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = k.value.getBoundingClientRect(), n = l / o, { imageUri: s, base64: i } = await Mt({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: i,
@@ -346,7 +346,7 @@ const Ht = ["id"], Vt = {
     const S = b(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = d.value.showTable;
       return {
-        component: t ? We : Ee,
+        component: t ? je : Ue,
         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,
@@ -373,42 +373,46 @@ const Ht = ["id"], Vt = {
         }
       };
     });
-    return R(() => d.value.showTable, (t) => {
+    E(() => d.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
-    }), Le({
-      getData: st,
-      getImage: ct,
-      generatePdf: ve,
-      generateCsv: Z,
-      generateImage: de,
-      toggleTable: be,
-      toggleLabels: Ce,
-      toggleTooltip: ye,
-      toggleAnnotator: Q,
-      toggleFullscreen: ge
+    });
+    function ke() {
+      d.value.showTable = !1, V.value && V.value.setTableIconState(!1);
+    }
+    return Be({
+      getData: nt,
+      getImage: vt,
+      generatePdf: de,
+      generateCsv: Q,
+      generateImage: pe,
+      toggleTable: Ce,
+      toggleLabels: ye,
+      toggleTooltip: Ae,
+      toggleAnnotator: q,
+      toggleFullscreen: be
     }), (t, l) => (u(), C("div", {
       ref_key: "moleculeChart",
       ref: k,
-      class: $e(`vue-ui-molecule ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: _e(`vue-ui-molecule ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: M(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `cluster_${z.value}`,
-      onMouseleave: l[4] || (l[4] = (o) => {
-        x.value = null, N.value = null, a(ne)(!1);
+      onMouseleave: l[2] || (l[2] = (o) => {
+        x.value = null, N.value = null, a(re)(!1);
       }),
-      onMouseenter: l[5] || (l[5] = () => a(ne)(!0))
+      onMouseenter: l[3] || (l[3] = () => a(re)(!0))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), w(a(Ue), {
+      e.value.userOptions.buttons.annotator ? (u(), w(a(ze), {
         key: 0,
-        svgRef: a(X),
+        svgRef: a(j),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: L.value,
-        onClose: Q
+        onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      qe.value ? (u(), C("div", Vt, null, 512)) : g("", !0),
-      e.value.style.chart.title.text ? (u(), C("div", Gt, [
-        (u(), w(a(Be), {
-          key: `title_${ae.value}`,
+      Je.value ? (u(), C("div", Gt, null, 512)) : g("", !0),
+      e.value.style.chart.title.text ? (u(), C("div", Wt, [
+        (u(), w(a(Re), {
+          key: `title_${se.value}`,
           config: {
             title: {
               cy: "molecule-div-title",
@@ -421,14 +425,14 @@ const Ht = ["id"], Vt = {
           }
         }, null, 8, ["config"]))
       ])) : g("", !0),
-      e.value.userOptions.show && te.value && (a(re) || a(W)) ? (u(), w(a(Me), {
-        ref_key: "details",
-        ref: Ze,
-        key: `user_options_${le.value}`,
+      e.value.userOptions.show && oe.value && (a(ie) || a(X)) ? (u(), w(a(He), {
+        ref_key: "userOptionsRef",
+        ref: V,
+        key: `user_options_${ae.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: a(ue),
-        isImaging: a(ce),
+        isPrinting: a(ce),
+        isImaging: a(ve),
         uid: z.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -445,18 +449,19 @@ const Ht = ["id"], Vt = {
         isAnnotation: L.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: ge,
-        onGeneratePdf: a(ve),
-        onGenerateCsv: Z,
-        onGenerateImage: a(de),
-        onToggleTable: be,
-        onToggleLabels: Ce,
-        onToggleTooltip: ye,
-        onToggleAnnotator: Q,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: be,
+        onGeneratePdf: a(de),
+        onGenerateCsv: Q,
+        onGenerateImage: a(pe),
+        onToggleTable: Ce,
+        onToggleLabels: ye,
+        onToggleTooltip: Ae,
+        onToggleAnnotator: q,
         style: M({
-          visibility: a(re) ? a(W) ? "visible" : "hidden" : "visible"
+          visibility: a(ie) ? a(X) ? "visible" : "hidden" : "visible"
         })
-      }, Te({ _: 2 }, [
+      }, Oe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: c(({ isOpen: o, color: n }) => [
@@ -520,17 +525,17 @@ const Ht = ["id"], Vt = {
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       (u(), C("svg", {
         ref_key: "svgRef",
-        ref: X,
-        key: `svg_${ie.value}`,
-        xmlns: a(Ot),
-        viewBox: `${a(E).x} ${a(E).y} ${a(E).width} ${a(E).height}`,
-        class: $e({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
+        ref: j,
+        key: `svg_${ue.value}`,
+        xmlns: a(Dt),
+        viewBox: `${a(R).x} ${a(R).y} ${a(R).width} ${a(R).height}`,
+        class: _e({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         style: M(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        I(a(ze)),
+        I(a(Ve)),
         t.$slots["chart-background"] ? (u(), C("foreignObject", {
           key: 0,
           x: 0,
@@ -542,9 +547,9 @@ const Ht = ["id"], Vt = {
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Xt)) : g("", !0),
-        D("defs", null, [
-          (u(!0), C(ft, null, mt(Object.keys(et.value), (o) => (u(), C("radialGradient", {
+        ], 8, jt)) : g("", !0),
+        P("defs", null, [
+          (u(!0), C(mt, null, gt(Object.keys(tt.value), (o) => (u(), C("radialGradient", {
             id: `gradient_${o}`,
             cx: "50%",
             cy: "30%",
@@ -552,48 +557,48 @@ const Ht = ["id"], Vt = {
             fx: "50%",
             fy: "50%"
           }, [
-            D("stop", {
+            P("stop", {
               offset: "0%",
-              "stop-color": a(Pt)(o, 0.5)
-            }, null, 8, Yt),
-            D("stop", {
+              "stop-color": a(It)(o, 0.5)
+            }, null, 8, Zt),
+            P("stop", {
               offset: "100%",
               "stop-color": o
-            }, null, 8, Zt)
-          ], 8, jt))), 256))
+            }, null, 8, Qt)
+          ], 8, Yt))), 256))
         ]),
-        I(a(He), {
+        I(a(Ge), {
           dataset: y.value,
           color: e.value.style.chart.links.stroke,
           backgroundColor: e.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        I(a(Ge), {
+        I(a(Xe), {
           dataset: y.value,
           hoveredUid: N.value,
           stroke: e.value.style.chart.nodes.stroke,
           strokeHovered: e.value.style.chart.nodes.strokeHovered,
-          onClick: ut,
-          onHover: ot
+          onClick: ct,
+          onHover: lt
         }, {
           node: c(({ node: o }) => [
             v(t.$slots, "node", $(T({ node: o })), void 0, !0)
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        d.value.showDataLabels && !a(V) ? (u(), w(a(Ve), {
+        d.value.showDataLabels && !a(G) ? (u(), w(a(We), {
           key: 1,
           dataset: y.value,
           color: e.value.style.chart.color,
           hoveredUid: N.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : g("", !0),
         v(t.$slots, "svg", { svg: h.value }, void 0, !0)
-      ], 14, Wt)),
-      t.$slots.watermark ? (u(), C("div", Qt, [
-        v(t.$slots, "watermark", $(T({ isPrinting: a(ue) || a(ce) })), void 0, !0)
+      ], 14, Xt)),
+      t.$slots.watermark ? (u(), C("div", qt, [
+        v(t.$slots, "watermark", $(T({ isPrinting: a(ce) || a(ve) })), void 0, !0)
       ])) : g("", !0),
-      a(rt) ? (u(), C("div", qt, [
-        v(t.$slots, "reset-action", { reset: a(q) }, () => [
-          D("button", {
+      a(it) ? (u(), C("div", Jt, [
+        v(t.$slots, "reset-action", { reset: a(J) }, () => [
+          P("button", {
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
@@ -601,19 +606,19 @@ const Ht = ["id"], Vt = {
             style: M({
               background: e.value.style.chart.backgroundColor
             }),
-            onClick: l[0] || (l[0] = (o) => a(q)(!0))
+            onClick: l[0] || (l[0] = (o) => a(J)(!0))
           }, [
-            I(a(ee), {
+            I(a(te), {
               name: "refresh",
               stroke: e.value.style.chart.color
             }, null, 8, ["stroke"])
           ], 4)
         ], !0)
       ])) : g("", !0),
-      t.$slots.source ? (u(), C("div", Jt, [
+      t.$slots.source ? (u(), C("div", Kt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      I(a(xe), {
+      I(a(Ee), {
         show: d.value.showTooltip && H.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -632,37 +637,37 @@ const Ht = ["id"], Vt = {
         backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": c(() => [
-          v(t.$slots, "tooltip-before", $(T({ ...Y.value })), void 0, !0)
+          v(t.$slots, "tooltip-before", $(T({ ...Z.value })), void 0, !0)
         ]),
         "tooltip-after": c(() => [
-          v(t.$slots, "tooltip-after", $(T({ ...Y.value })), void 0, !0)
+          v(t.$slots, "tooltip-after", $(T({ ...Z.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      te.value ? (u(), w(gt(S.value.component), bt({ key: 7 }, S.value.props, {
+      oe.value ? (u(), w(bt(S.value.component), Ct({ key: 7 }, S.value.props, {
         ref_key: "tableUnit",
         ref: F,
-        onClose: l[3] || (l[3] = (o) => d.value.showTable = !1)
-      }), Te({
+        onClose: ke
+      }), Oe({
         content: c(() => [
-          (u(), w(a(Re), {
-            key: `table_${se.value}`,
+          (u(), w(a(Me), {
+            key: `table_${ne.value}`,
             colNames: _.value.colNames,
             head: _.value.head,
             body: _.value.body,
             config: _.value.config,
             title: e.value.table.useDialog ? "" : S.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: l[2] || (l[2] = (o) => d.value.showTable = !1)
+            onClose: ke
           }, {
             th: c(({ th: o }) => [
-              D("div", {
+              P("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Kt)
+              }, null, 8, eo)
             ]),
             td: c(({ td: o }) => [
-              _e(Oe(o.name || o), 1)
+              De(Ie(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -672,19 +677,19 @@ const Ht = ["id"], Vt = {
         e.value.table.useDialog ? {
           name: "title",
           fn: c(() => [
-            _e(Oe(S.value.title), 1)
+            De(Ie(S.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: c(() => [
-            D("button", {
+            P("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (o) => Z(e.value.userOptions.callbacks.csv))
+              onClick: l[1] || (l[1] = (o) => Q(e.value.userOptions.callbacks.csv))
             }, [
-              I(a(ee), {
+              I(a(te), {
                 name: "excel",
                 stroke: S.value.props.color
               }, null, 8, ["stroke"])
@@ -693,10 +698,10 @@ const Ht = ["id"], Vt = {
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      a(V) ? (u(), w(Bt, { key: 8 })) : g("", !0)
-    ], 46, Ht));
+      a(G) ? (u(), w(xt, { key: 8 })) : g("", !0)
+    ], 46, Vt));
   }
-}, vo = /* @__PURE__ */ zt(eo, [["__scopeId", "data-v-e1c0d48d"]]);
+}, po = /* @__PURE__ */ Ht(to, [["__scopeId", "data-v-148e098e"]]);
 export {
-  vo as default
+  po as default
 };