vue-data-ui 2.4.86 → 2.4.88

package/dist/{vue-ui-molecule-BTO5WRuL.js → vue-ui-molecule-DyiuRZQM.js}

@@ -1,15 +1,15 @@
-import { toRef as ce, resolveComponent as de, openBlock as a, createElementBlock as r, Fragment as m, renderList as z, withModifiers as M, createBlock as R, createCommentVNode as h, createElementVNode as P, toDisplayString as Ie, normalizeStyle as _, createVNode as L, computed as N, onMounted as tt, ref as f, watch as ot, normalizeClass as Oe, unref as b, createSlots as lt, withCtx as $, renderSlot as k, normalizeProps as W, guardReactiveProps as q, createTextVNode as at, nextTick as Le } from "vue";
-import { u as nt, o as st, e as rt, c as Ue, t as it, a as ut, p as De, b as ct, X as dt, l as vt, O as ft, q as ht, r as pt, x as gt, y as yt } from "./index-CXx0JV8R.js";
-import { _ as mt } from "./Title-ClQ27HaB.js";
-import { u as bt, U as kt } from "./usePrinter-Ctor1UK0.js";
-import { D as Ct } from "./DataTable-BfiPjHpN.js";
-import { _ as $t } from "./Tooltip-CGYgJoPR.js";
-import Z from "./BaseIcon-CdPe2CAc.js";
-import wt from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import xt from "./vue-ui-accordion-BljYKOXR.js";
-import { u as Ae } from "./useNestedProp-B-WAbP7E.js";
-import { _ as Pt } from "./PackageVersion-qom4AEUr.js";
-import { P as Tt } from "./PenAndPaper-C-1AU46J.js";
+import { toRef as ce, resolveComponent as de, openBlock as a, createElementBlock as r, Fragment as m, renderList as z, withModifiers as M, createBlock as R, createCommentVNode as f, createElementVNode as T, toDisplayString as Ie, normalizeStyle as _, createVNode as L, computed as N, onMounted as tt, ref as h, watch as ot, normalizeClass as Oe, unref as b, createSlots as lt, withCtx as w, renderSlot as k, normalizeProps as W, guardReactiveProps as q, createTextVNode as at, nextTick as Le } from "vue";
+import { u as st, o as nt, e as rt, c as Ue, t as it, a as ut, p as De, b as ct, X as dt, l as vt, O as ht, q as ft, r as pt, x as gt, y as yt } from "./index-DCHLGNvJ.js";
+import { _ as mt } from "./Title-Dt5mC-vb.js";
+import { u as bt, U as kt } from "./usePrinter-BvounINk.js";
+import { D as Ct } from "./DataTable-Cnr3w23K.js";
+import { _ as $t } from "./Tooltip-CmKYX0H1.js";
+import Z from "./BaseIcon-B9BZgZsa.js";
+import wt from "./vue-ui-skeleton-nTL-u4Yd.js";
+import xt from "./vue-ui-accordion-DEpeQHhr.js";
+import { u as Ae } from "./useNestedProp-BPR7xHxr.js";
+import { _ as Pt } from "./PackageVersion-BAKTtSRE.js";
+import { P as Tt } from "./PenAndPaper-BUzmu0vi.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], Ot = {
@@ -41,29 +41,29 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
   },
   emits: ["zoom", "hover"],
-  setup(n, { emit: w }) {
-    const C = n;
-    function c(s) {
-      w("zoom", s);
+  setup(s, { emit: x }) {
+    const C = s;
+    function c(n) {
+      x("zoom", n);
     }
-    function d(s) {
-      w("hover", s);
+    function d(n) {
+      x("hover", n);
     }
-    return ce(C, "dataset").value.forEach((s) => {
-      s.nodes && s.nodes.length > 0 && s.nodes.forEach((v) => {
-        v.ancestor = s;
+    return ce(C, "dataset").value.forEach((n) => {
+      n.nodes && n.nodes.length > 0 && n.nodes.forEach((v) => {
+        v.ancestor = n;
       });
-    }), (s, v) => {
+    }), (n, v) => {
       const O = de("RecursiveCircles", !0);
-      return a(!0), r(m, null, z(n.dataset, (p) => (a(), r(m, null, [
+      return a(!0), r(m, null, z(s.dataset, (p) => (a(), r(m, null, [
         p.polygonPath && p.polygonPath.coordinates ? (a(), r(m, { key: 0 }, [
           (a(!0), r(m, null, z(p.polygonPath.coordinates, (D, J) => (a(), r("circle", {
             cx: D.x,
             cy: D.y,
             r: p.circleRadius,
             fill: `url(#gradient_${p.color})`,
-            stroke: n.hoveredUid && n.hoveredUid === p.uid ? n.strokeHovered : n.stroke,
-            "stroke-width": n.hoveredUid && n.hoveredUid === p.uid ? p.circleRadius / 6 : p.circleRadius / 12,
+            stroke: s.hoveredUid && s.hoveredUid === p.uid ? s.strokeHovered : s.stroke,
+            "stroke-width": s.hoveredUid && s.hoveredUid === p.uid ? p.circleRadius / 6 : p.circleRadius / 12,
             style: { cursor: "pointer" },
             onClick: M((A) => c(p), ["stop"]),
             onMouseover: (A) => d(p),
@@ -72,14 +72,14 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           p.nodes && p.nodes.length > 0 ? (a(), R(O, {
             key: 0,
             dataset: p.nodes,
-            color: n.color,
-            stroke: n.stroke,
-            strokeHovered: n.strokeHovered,
-            hoveredUid: n.hoveredUid,
+            color: s.color,
+            stroke: s.stroke,
+            strokeHovered: s.strokeHovered,
+            hoveredUid: s.hoveredUid,
             onZoom: c,
             onHover: d
-          }, null, 8, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : h("", !0)
-        ], 64)) : h("", !0)
+          }, null, 8, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : f("", !0)
+        ], 64)) : f("", !0)
       ], 64))), 256);
     };
   }
@@ -99,45 +99,45 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       default: "#FFFFFF"
     }
   },
-  setup(n) {
-    return ce(n, "dataset").value.forEach((c) => {
+  setup(s) {
+    return ce(s, "dataset").value.forEach((c) => {
       c.nodes && c.nodes.length > 0 && c.nodes.forEach((d) => {
         d.ancestor = c;
       });
     }), (c, d) => {
       const U = de("RecursiveLinks", !0);
       return a(), r(m, null, [
-        (a(!0), r(m, null, z(n.dataset, (s) => (a(), r(m, null, [
-          s.polygonPath && s.polygonPath.coordinates ? (a(!0), r(m, { key: 0 }, z(s.polygonPath.coordinates, (v, O) => (a(), r(m, null, [
-            s.ancestor && s.ancestor.polygonPath ? (a(), r(m, { key: 0 }, [
-              P("line", {
+        (a(!0), r(m, null, z(s.dataset, (n) => (a(), r(m, null, [
+          n.polygonPath && n.polygonPath.coordinates ? (a(!0), r(m, { key: 0 }, z(n.polygonPath.coordinates, (v, O) => (a(), r(m, null, [
+            n.ancestor && n.ancestor.polygonPath ? (a(), r(m, { key: 0 }, [
+              T("line", {
                 x1: v.x,
                 y1: v.y,
-                x2: s.ancestor.polygonPath.coordinates[0].x,
-                y2: s.ancestor.polygonPath.coordinates[0].y,
-                stroke: n.backgroundColor,
-                "stroke-width": s.circleRadius / 1.5
+                x2: n.ancestor.polygonPath.coordinates[0].x,
+                y2: n.ancestor.polygonPath.coordinates[0].y,
+                stroke: s.backgroundColor,
+                "stroke-width": n.circleRadius / 1.5
               }, null, 8, Lt),
-              P("line", {
+              T("line", {
                 x1: v.x,
                 y1: v.y,
-                x2: s.ancestor.polygonPath.coordinates[0].x,
-                y2: s.ancestor.polygonPath.coordinates[0].y,
-                stroke: n.color,
-                "stroke-width": s.circleRadius / 2
+                x2: n.ancestor.polygonPath.coordinates[0].x,
+                y2: n.ancestor.polygonPath.coordinates[0].y,
+                stroke: s.color,
+                "stroke-width": n.circleRadius / 2
               }, null, 8, Ut)
-            ], 64)) : h("", !0)
-          ], 64))), 256)) : h("", !0)
+            ], 64)) : f("", !0)
+          ], 64))), 256)) : f("", !0)
         ], 64))), 256)),
-        (a(!0), r(m, null, z(n.dataset, (s) => (a(), r(m, null, [
-          s.polygonPath && s.polygonPath.coordinates ? (a(), r(m, { key: 0 }, [
-            s.nodes && s.nodes.length > 0 ? (a(), R(U, {
+        (a(!0), r(m, null, z(s.dataset, (n) => (a(), r(m, null, [
+          n.polygonPath && n.polygonPath.coordinates ? (a(), r(m, { key: 0 }, [
+            n.nodes && n.nodes.length > 0 ? (a(), R(U, {
               key: 0,
-              dataset: s.nodes,
-              color: n.color,
-              backgroundColor: n.backgroundColor
-            }, null, 8, ["dataset", "color", "backgroundColor"])) : h("", !0)
-          ], 64)) : h("", !0)
+              dataset: n.nodes,
+              color: s.color,
+              backgroundColor: s.backgroundColor
+            }, null, 8, ["dataset", "color", "backgroundColor"])) : f("", !0)
+          ], 64)) : f("", !0)
         ], 64))), 256))
       ], 64);
     };
@@ -159,30 +159,30 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
   },
   emits: ["zoom", "hover"],
-  setup(n, { emit: w }) {
-    return ce(n, "dataset").value.forEach((d) => {
+  setup(s, { emit: x }) {
+    return ce(s, "dataset").value.forEach((d) => {
       d.nodes && d.nodes.length > 0 && d.nodes.forEach((U) => {
         U.ancestor = d;
       });
     }), (d, U) => {
-      const s = de("RecursiveLabels", !0);
-      return a(!0), r(m, null, z(n.dataset, (v) => (a(), r(m, null, [
+      const n = de("RecursiveLabels", !0);
+      return a(!0), r(m, null, z(s.dataset, (v) => (a(), r(m, null, [
         v.polygonPath && v.polygonPath.coordinates ? (a(), r(m, { key: 0 }, [
           (a(!0), r(m, null, z(v.polygonPath.coordinates, (O) => (a(), r("text", {
             x: O.x,
             y: O.y + v.circleRadius * 2,
-            fill: n.color,
+            fill: s.color,
             "font-size": v.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
           }, Ie(v.name), 9, At))), 256)),
-          v.nodes && v.nodes.length > 0 ? (a(), R(s, {
+          v.nodes && v.nodes.length > 0 ? (a(), R(n, {
             key: 0,
             dataset: v.nodes,
-            color: n.color,
-            hoveredUid: n.hoveredUid
-          }, null, 8, ["dataset", "color", "hoveredUid"])) : h("", !0)
-        ], 64)) : h("", !0)
+            color: s.color,
+            hoveredUid: s.hoveredUid
+          }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0)
+        ], 64)) : f("", !0)
       ], 64))), 256);
     };
   }
@@ -199,58 +199,58 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
   },
   emits: ["moveLeft", "moveTop", "moveRight", "moveBottom", "reset"],
-  setup(n, { emit: w }) {
+  setup(s, { emit: x }) {
     return (C, c) => (a(), r("div", {
-      style: _(`position: ${n.isFullscreen ? "fixed" : "absolute"};bottom:0;right:${n.isFullscreen ? "12px" : "0"};width:80px;height:80px`),
+      style: _(`position: ${s.isFullscreen ? "fixed" : "absolute"};bottom:0;right:${s.isFullscreen ? "12px" : "0"};width:80px;height:80px`),
       "data-html2canvas-ignore": ""
     }, [
-      P("div", Nt, [
-        P("button", {
-          onClick: c[0] || (c[0] = M((d) => w("moveLeft"), ["stop"])),
+      T("div", Nt, [
+        T("button", {
+          onClick: c[0] || (c[0] = M((d) => x("moveLeft"), ["stop"])),
           style: { position: "absolute", left: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
           L(Z, {
-            stroke: n.color,
+            stroke: s.color,
             name: "arrowLeft",
             style: { cursor: "pointer" }
           }, null, 8, ["stroke"])
         ]),
-        P("button", {
-          onClick: c[1] || (c[1] = M((d) => w("moveTop"), ["stop"])),
+        T("button", {
+          onClick: c[1] || (c[1] = M((d) => x("moveTop"), ["stop"])),
           style: { position: "absolute", top: "0", left: "50%", transform: "translateX(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
           L(Z, {
-            stroke: n.color,
+            stroke: s.color,
             name: "arrowTop",
             style: { cursor: "pointer" }
           }, null, 8, ["stroke"])
         ]),
-        P("button", {
-          onClick: c[2] || (c[2] = M((d) => w("moveRight"), ["stop"])),
+        T("button", {
+          onClick: c[2] || (c[2] = M((d) => x("moveRight"), ["stop"])),
           style: { position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
           L(Z, {
-            stroke: n.color,
+            stroke: s.color,
             name: "arrowRight",
             style: { cursor: "pointer" }
           }, null, 8, ["stroke"])
         ]),
-        P("button", {
-          onClick: c[3] || (c[3] = M((d) => w("moveBottom"), ["stop"])),
+        T("button", {
+          onClick: c[3] || (c[3] = M((d) => x("moveBottom"), ["stop"])),
           style: { position: "absolute", bottom: "0", left: "50%", transform: "translateX(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
           L(Z, {
-            stroke: n.color,
+            stroke: s.color,
             name: "arrowBottom",
             style: { cursor: "pointer" }
           }, null, 8, ["stroke"])
         ]),
-        P("button", {
-          onClick: c[4] || (c[4] = M((d) => w("reset"), ["stop"])),
+        T("button", {
+          onClick: c[4] || (c[4] = M((d) => x("reset"), ["stop"])),
           style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
           L(Z, {
-            stroke: n.color,
+            stroke: s.color,
             name: "close",
             style: { cursor: "pointer" },
             strokeWidth: 2
@@ -290,18 +290,18 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }
     }
   },
-  setup(n, { expose: w }) {
-    const C = n, { vue_ui_molecule: c } = nt(), d = N(() => !!C.dataset && C.dataset.length);
+  setup(s, { expose: x }) {
+    const C = s, { vue_ui_molecule: c } = st(), d = N(() => !!C.dataset && C.dataset.length);
     tt(() => {
       U();
     });
     function U() {
-      st(C.dataset) && rt({
+      nt(C.dataset) && rt({
         componentName: "VueUiMolecule",
         type: "dataset"
       });
     }
-    const s = f(Ue()), v = f(null), O = f(!1), p = f(""), D = f(null), J = f(null), A = f(!1), T = f(null), ve = f(null), ee = f(0), fe = f(0), he = f(0), t = N({
+    const n = h(Ue()), v = h(null), O = h(!1), p = h(""), D = h(null), J = h(null), A = h(!1), F = h(null), ve = h(null), ee = h(0), he = h(0), fe = h(0), t = N({
       get: () => ye(),
       set: (e) => e
     }), { userOptionsVisible: te, setUserOptionsVisibility: pe, keepUserOptionState: ge } = Ft({ config: t.value });
@@ -319,12 +319,12 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       } : e;
     }
     ot(() => C.config, (e) => {
-      t.value = ye(), te.value = !t.value.showOnChartHover, U(), fe.value += 1, he.value += 1;
+      t.value = ye(), te.value = !t.value.showOnChartHover, U(), he.value += 1, fe.value += 1, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: me, isImaging: be, generatePdf: ke, generateImage: Ce } = bt({
-      elementId: `cluster_${s.value}`,
+      elementId: `cluster_${n.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-molecule"
-    }), Ne = N(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = N(() => ct(t.value.customPalette)), F = f({
+    }), Ne = N(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = N(() => ct(t.value.customPalette)), $ = h({
       showTable: t.value.table.show,
       showDataLabels: !0,
       showTooltip: t.value.style.chart.tooltip.show
@@ -342,10 +342,10 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         width: l
       };
     }
-    const x = f(Be()), oe = f(`0 0 ${x.value.width} ${x.value.height}`);
-    function we(e, o = { x: -x.value.width / 2.43, y: x.value.height / 2 }, l = x.value.width / 1.1, u = 24, i = 0, g = 0, j = "#BBBBBB") {
+    const P = h(Be()), oe = h(`0 0 ${P.value.width} ${P.value.height}`);
+    function we(e, o = { x: -P.value.width / 2.43, y: P.value.height / 2 }, l = P.value.width / 1.1, u = 24, i = 0, g = 0, j = "#BBBBBB") {
       if (e && e.length > 0) {
-        const ie = ft({
+        const ie = ht({
           plot: o,
           radius: l,
           sides: e.length,
@@ -387,15 +387,15 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
     const He = N(() => Me(S.value)), S = N(() => we(C.dataset));
     function le() {
-      A.value = !1, J.value = null, ve.value = null, T.value = null, ne({
+      A.value = !1, J.value = null, ve.value = null, F.value = null, se({
         polygonPath: {
-          coordinates: [{ x: x.value.width / 2, y: x.value.height / 2 }]
+          coordinates: [{ x: P.value.width / 2, y: P.value.height / 2 }]
         },
         circleRadius: 24
       });
     }
-    const ae = f(null);
-    function ne(e) {
+    const ae = h(null);
+    function se(e) {
       D.value.focus(), Le(() => {
         ae.value && cancelAnimationFrame(ae.value);
         const o = oe.value.split(" "), l = parseFloat(o[0]), u = parseFloat(o[1]), i = parseFloat(o[2]), g = parseFloat(o[3]), { x: j, y: ie } = e.polygonPath.coordinates[0], { circleRadius: y } = e, B = 8.34, G = j - y * B, I = ie - y * B, ue = y * B * 2, Ze = y * B * 2, Je = Math.sqrt((G - l) ** 2 + (I - u) ** 2), Y = Math.min(1200, Math.max(20, Math.floor(Je / 10))), Ke = (G - l) / Y, Qe = (I - u) / Y, _e = (ue - i) / Y, et = (Ze - g) / Y;
@@ -407,12 +407,12 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       });
     }
     function Ee(e) {
-      J.value === e.uid ? le() : (J.value = e.uid, ve.value = e, T.value = {
+      J.value === e.uid ? le() : (J.value = e.uid, ve.value = e, F.value = {
         circleRadius: e.circleRadius,
         polygonPath: {
           coordinates: [{ x: e.polygonPath.coordinates[0].x, y: e.polygonPath.coordinates[0].y }]
         }
-      }, ne(e), A.value = e.uid !== S.value[0].uid);
+      }, se(e), A.value = e.uid !== S.value[0].uid);
     }
     function Ve(e) {
       if (e.target.nodeName !== "circle")
@@ -420,9 +420,9 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       else
         return;
     }
-    const se = f(null);
+    const ne = h(null);
     function Xe(e) {
-      se.value = {
+      ne.value = {
         datapoint: e,
         seriesIndex: -1,
         series: S.value,
@@ -447,12 +447,12 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         l += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${e.color}">⬤</div><div>${e.name}</div></div>`, e.details && (l += `<div style="width:100%;border-top:1px solid ${t.value.style.chart.tooltip.borderColor};margin-top: 2px">${e.details}</div>`), p.value = `<div style="font-family:inherit">${l}</div>`;
       }
     }
-    const xe = f(null), X = f(null);
+    const xe = h(null), X = h(null);
     function je(e) {
       xe.value = e, e ? (O.value = !0, Xe(e), X.value = e.uid) : (O.value = !1, p.value = "", X.value = null);
     }
     function K(e) {
-      e === "right" && (T.value.polygonPath.coordinates[0].x += T.value.circleRadius), e === "left" && (T.value.polygonPath.coordinates[0].x -= T.value.circleRadius), e === "top" && (T.value.polygonPath.coordinates[0].y -= T.value.circleRadius), e === "bottom" && (T.value.polygonPath.coordinates[0].y += T.value.circleRadius), ne(T.value);
+      e === "right" && (F.value.polygonPath.coordinates[0].x += F.value.circleRadius), e === "left" && (F.value.polygonPath.coordinates[0].x -= F.value.circleRadius), e === "top" && (F.value.polygonPath.coordinates[0].y -= F.value.circleRadius), e === "bottom" && (F.value.polygonPath.coordinates[0].y += F.value.circleRadius), se(F.value);
     }
     function Ge(e) {
       const o = [];
@@ -507,31 +507,31 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     });
     function Pe() {
       Le(() => {
-        const e = H.value.body.map((u, i) => [[u[0].name], [u[1]], [u[2]]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[...H.value.head]]].concat(e), l = ht(o);
+        const e = H.value.body.map((u, i) => [[u[0].name], [u[1]], [u[2]]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[...H.value.head]]].concat(e), l = ft(o);
         pt({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
     function We() {
       return S.value;
     }
-    const E = f(!1);
+    const E = h(!1);
     function qe(e) {
       E.value = e, ee.value += 1;
     }
     function Te() {
-      F.value.showTable = !F.value.showTable;
+      $.value.showTable = !$.value.showTable;
     }
     function Fe() {
-      F.value.showDataLabels = !F.value.showDataLabels;
+      $.value.showDataLabels = !$.value.showDataLabels;
     }
     function Re() {
-      F.value.showTooltip = !F.value.showTooltip;
+      $.value.showTooltip = !$.value.showTooltip;
     }
-    const Q = f(!1);
+    const Q = h(!1);
     function re() {
       Q.value = !Q.value;
     }
-    return w({
+    return x({
       getData: We,
       generatePdf: ke,
       generateCsv: Pe,
@@ -545,7 +545,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ref: D,
       class: Oe(`vue-ui-molecule ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: _(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
-      id: `cluster_${s.value}`,
+      id: `cluster_${n.value}`,
       onMouseleave: o[7] || (o[7] = (l) => {
         xe.value = null, X.value = null, b(pe)(!1);
       }),
@@ -558,11 +558,11 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         color: t.value.style.chart.color,
         active: Q.value,
         onClose: re
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : h("", !0),
-      Ne.value ? (a(), r("div", Mt, null, 512)) : h("", !0),
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
+      Ne.value ? (a(), r("div", Mt, null, 512)) : f("", !0),
       t.value.style.chart.title.text ? (a(), r("div", Ht, [
         (a(), R(mt, {
-          key: `title_${fe.value}`,
+          key: `title_${he.value}`,
           config: {
             title: {
               cy: "molecule-div-title",
@@ -574,7 +574,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             }
           }
         }, null, 8, ["config"]))
-      ])) : h("", !0),
+      ])) : f("", !0),
       t.value.userOptions.show && d.value && (b(ge) || b(te)) ? (a(), R(kt, {
         ref_key: "details",
         ref: v,
@@ -583,7 +583,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         color: t.value.style.chart.color,
         isPrinting: b(me),
         isImaging: b(be),
-        uid: s.value,
+        uid: n.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -591,7 +591,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         hasTable: t.value.userOptions.buttons.table,
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        isTooltip: F.value.showTooltip,
+        isTooltip: $.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: D.value,
         position: t.value.userOptions.position,
@@ -611,61 +611,61 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }, lt({ _: 2 }, [
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: $(() => [
+          fn: w(() => [
             k(e.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: l, isFullscreen: u }) => [
+          fn: w(({ toggleFullscreen: l, isFullscreen: u }) => [
             k(e.$slots, "optionFullscreen", W(q({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: $(({ toggleAnnotator: l, isAnnotator: u }) => [
+          fn: w(({ toggleAnnotator: l, isAnnotator: u }) => [
             k(e.$slots, "optionAnnotator", W(q({ toggleAnnotator: l, isAnnotator: u })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       d.value ? (a(), r("svg", {
         key: 4,
         xmlns: b(dt),
@@ -679,15 +679,15 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           key: 0,
           x: 0,
           y: 0,
-          width: x.value.width <= 0 ? 10 : x.value.width,
-          height: x.value.height <= 0 ? 10 : x.value.height,
+          width: P.value.width <= 0 ? 10 : P.value.width,
+          height: P.value.height <= 0 ? 10 : P.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           k(e.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Vt)) : h("", !0),
-        P("defs", null, [
+        ], 8, Vt)) : f("", !0),
+        T("defs", null, [
           (a(!0), r(m, null, z(Object.keys(He.value), (l) => (a(), r("radialGradient", {
             id: `gradient_${l}`,
             cx: "50%",
@@ -696,11 +696,11 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             fx: "50%",
             fy: "50%"
           }, [
-            P("stop", {
+            T("stop", {
               offset: "0%",
               "stop-color": b(vt)(l, 0.5)
             }, null, 8, jt),
-            P("stop", {
+            T("stop", {
               offset: "100%",
               "stop-color": l
             }, null, 8, Gt)
@@ -719,14 +719,14 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onZoom: Ee,
           onHover: je
         }, null, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        F.value.showDataLabels ? (a(), R(It, {
+        $.value.showDataLabels ? (a(), R(It, {
           key: 1,
           dataset: S.value,
           color: t.value.style.chart.color,
           hoveredUid: X.value
-        }, null, 8, ["dataset", "color", "hoveredUid"])) : h("", !0),
-        k(e.$slots, "svg", { svg: x.value }, void 0, !0)
-      ], 14, Et)) : h("", !0),
+        }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0),
+        k(e.$slots, "svg", { svg: P.value }, void 0, !0)
+      ], 14, Et)) : f("", !0),
       A.value ? (a(), R(zt, {
         key: `direction_pad_${ee.value}`,
         color: t.value.style.chart.color,
@@ -738,11 +738,11 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         onReset: o[5] || (o[5] = (l) => {
           le(), A.value = !1;
         })
-      }, null, 8, ["color", "isFullscreen"])) : h("", !0),
+      }, null, 8, ["color", "isFullscreen"])) : f("", !0),
       e.$slots.watermark ? (a(), r("div", Yt, [
         k(e.$slots, "watermark", W(q({ isPrinting: b(me) || b(be) })), void 0, !0)
-      ])) : h("", !0),
-      d.value ? h("", !0) : (a(), R(wt, {
+      ])) : f("", !0),
+      d.value ? f("", !0) : (a(), R(wt, {
         key: 7,
         config: {
           type: "molecule",
@@ -756,9 +756,9 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }, null, 8, ["config"])),
       e.$slots.source ? (a(), r("div", Wt, [
         k(e.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
+      ], 512)) : f("", !0),
       L($t, {
-        show: F.value.showTooltip && O.value,
+        show: $.value.showTooltip && O.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
         borderRadius: t.value.style.chart.tooltip.borderRadius,
@@ -773,11 +773,11 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         isFullscreen: E.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
       }, {
-        "tooltip-before": $(() => [
-          k(e.$slots, "tooltip-before", W(q({ ...se.value })), void 0, !0)
+        "tooltip-before": w(() => [
+          k(e.$slots, "tooltip-before", W(q({ ...ne.value })), void 0, !0)
         ]),
-        "tooltip-after": $(() => [
-          k(e.$slots, "tooltip-after", W(q({ ...se.value })), void 0, !0)
+        "tooltip-after": w(() => [
+          k(e.$slots, "tooltip-after", W(q({ ...ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -785,7 +785,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         key: 9,
         hideDetails: "",
         config: {
-          open: F.value.showTable,
+          open: $.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: t.value.style.chart.backgroundColor,
@@ -797,33 +797,33 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }
         }
       }, {
-        content: $(() => [
+        content: w(() => [
           (a(), R(Ct, {
-            key: `table_${he.value}`,
+            key: `table_${fe.value}`,
             colNames: H.value.colNames,
             head: H.value.head,
             body: H.value.body,
             config: H.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: o[6] || (o[6] = (l) => F.value.showTable = !1)
+            onClose: o[6] || (o[6] = (l) => $.value.showTable = !1)
           }, {
-            th: $(({ th: l }) => [
-              P("div", {
+            th: w(({ th: l }) => [
+              T("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, qt)
             ]),
-            td: $(({ td: l }) => [
+            td: w(({ td: l }) => [
               at(Ie(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : h("", !0)
+      }, 8, ["config"])) : f("", !0)
     ], 46, Bt));
   }
-}, co = /* @__PURE__ */ Rt(Zt, [["__scopeId", "data-v-84f8e29e"]]);
+}, co = /* @__PURE__ */ Rt(Zt, [["__scopeId", "data-v-74208540"]]);
 export {
   co as default
 };