vue-data-ui 2.3.89 → 2.3.91

package/dist/{vue-ui-molecule-DHrHeQgF.js → vue-ui-molecule-Bv_ppQig.js}

@@ -1,15 +1,16 @@
-import { toRef as re, resolveComponent as ie, openBlock as s, createElementBlock as r, Fragment as y, renderList as z, withModifiers as H, createBlock as F, createCommentVNode as m, createElementVNode as $, toDisplayString as Le, normalizeStyle as ne, createVNode as U, computed as O, onMounted as Ze, ref as f, watch as Je, normalizeClass as Pe, unref as N, createSlots as Ke, withCtx as C, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createTextVNode as Qe, nextTick as Te } from "vue";
-import { u as _e, o as et, e as tt, c as Fe, t as ot, a as lt, p as Re, b as at, X as st, l as nt, N as rt, q as it, r as ut, x as ct, y as dt } from "./index-Ca4RHJ4t.js";
-import { _ as vt } from "./Title-fAvrqioZ.js";
-import { u as ft, U as pt } from "./usePrinter-5fwXghqP.js";
-import { D as ht } from "./DataTable-BmYcdJ1w.js";
-import { _ as gt } from "./Tooltip-TZYYFvPe.js";
-import W from "./BaseIcon-Dj8EbAXm.js";
-import yt from "./vue-ui-skeleton-D7aLznpP.js";
-import mt from "./vue-ui-accordion-vYoYjedX.js";
-import { u as Se } from "./useNestedProp-vP7uimPz.js";
-import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], Ct = {
+import { toRef as re, resolveComponent as ie, openBlock as s, createElementBlock as r, Fragment as y, renderList as z, withModifiers as H, createBlock as F, createCommentVNode as m, createElementVNode as $, toDisplayString as Le, normalizeStyle as ne, createVNode as S, computed as O, onMounted as Ze, ref as f, watch as Je, normalizeClass as Pe, unref as U, createSlots as Ke, withCtx as C, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createTextVNode as Qe, nextTick as Te } from "vue";
+import { u as _e, o as et, e as tt, c as Fe, t as ot, a as lt, p as Re, b as at, X as st, l as nt, N as rt, q as it, r as ut, x as ct, y as dt } from "./index-mBy4elhB.js";
+import { _ as vt } from "./Title-CECK1w9L.js";
+import { u as ft, U as pt } from "./usePrinter-Ck-yukK2.js";
+import { D as ht } from "./DataTable-BKc3r3k3.js";
+import { _ as gt } from "./Tooltip-Ci3AprCm.js";
+import W from "./BaseIcon-DfaCNBgc.js";
+import yt from "./vue-ui-skeleton-DDhwPZd_.js";
+import mt from "./vue-ui-accordion-dyF20BlD.js";
+import { u as Se } from "./useNestedProp-BrIRtQj1.js";
+import { _ as bt } from "./PackageVersion-D9PU8glB.js";
+import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], $t = {
   __name: "RecursiveCircles",
   props: {
     color: {
@@ -62,10 +63,10 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             stroke: a.hoveredUid && a.hoveredUid === p.uid ? a.strokeHovered : a.stroke,
             "stroke-width": a.hoveredUid && a.hoveredUid === p.uid ? p.circleRadius / 6 : p.circleRadius / 12,
             style: { cursor: "pointer" },
-            onClick: H((L) => u(p), ["stop"]),
-            onMouseover: (L) => c(p),
-            onMouseleave: v[0] || (v[0] = (L) => c(null))
-          }, null, 40, kt))), 256)),
+            onClick: H((D) => u(p), ["stop"]),
+            onMouseover: (D) => c(p),
+            onMouseleave: v[0] || (v[0] = (D) => c(null))
+          }, null, 40, Ct))), 256)),
           p.nodes && p.nodes.length > 0 ? (s(), F(R, {
             key: 0,
             dataset: p.nodes,
@@ -80,7 +81,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64))), 256);
     };
   }
-}, $t = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], xt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], wt = {
+}, xt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], wt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Pt = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -102,7 +103,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         c.ancestor = u;
       });
     }), (u, c) => {
-      const S = ie("RecursiveLinks", !0);
+      const L = ie("RecursiveLinks", !0);
       return s(), r(y, null, [
         (s(!0), r(y, null, z(a.dataset, (n) => (s(), r(y, null, [
           n.polygonPath && n.polygonPath.coordinates ? (s(!0), r(y, { key: 0 }, z(n.polygonPath.coordinates, (v, R) => (s(), r(y, null, [
@@ -114,7 +115,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
                 y2: n.ancestor.polygonPath.coordinates[0].y,
                 stroke: a.backgroundColor,
                 "stroke-width": n.circleRadius / 1.5
-              }, null, 8, $t),
+              }, null, 8, xt),
               $("line", {
                 x1: v.x,
                 y1: v.y,
@@ -122,13 +123,13 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
                 y2: n.ancestor.polygonPath.coordinates[0].y,
                 stroke: a.color,
                 "stroke-width": n.circleRadius / 2
-              }, null, 8, xt)
+              }, null, 8, wt)
             ], 64)) : m("", !0)
           ], 64))), 256)) : m("", !0)
         ], 64))), 256)),
         (s(!0), r(y, null, z(a.dataset, (n) => (s(), r(y, null, [
           n.polygonPath && n.polygonPath.coordinates ? (s(), r(y, { key: 0 }, [
-            n.nodes && n.nodes.length > 0 ? (s(), F(S, {
+            n.nodes && n.nodes.length > 0 ? (s(), F(L, {
               key: 0,
               dataset: n.nodes,
               color: a.color,
@@ -139,7 +140,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64);
     };
   }
-}, Pt = ["x", "y", "fill", "font-size"], Tt = {
+}, Tt = ["x", "y", "fill", "font-size"], Ft = {
   __name: "RecursiveLabels",
   props: {
     color: {
@@ -158,10 +159,10 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   emits: ["zoom", "hover"],
   setup(a, { emit: k }) {
     return re(a, "dataset").value.forEach((c) => {
-      c.nodes && c.nodes.length > 0 && c.nodes.forEach((S) => {
-        S.ancestor = c;
+      c.nodes && c.nodes.length > 0 && c.nodes.forEach((L) => {
+        L.ancestor = c;
       });
-    }), (c, S) => {
+    }), (c, L) => {
       const n = ie("RecursiveLabels", !0);
       return s(!0), r(y, null, z(a.dataset, (v) => (s(), r(y, null, [
         v.polygonPath && v.polygonPath.coordinates ? (s(), r(y, { key: 0 }, [
@@ -172,7 +173,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             "font-size": v.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
-          }, Le(v.name), 9, Pt))), 256)),
+          }, Le(v.name), 9, Tt))), 256)),
           v.nodes && v.nodes.length > 0 ? (s(), F(n, {
             key: 0,
             dataset: v.nodes,
@@ -183,7 +184,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64))), 256);
     };
   }
-}, Ft = { style: { position: "relative", height: "100%", width: "100%" } }, Rt = {
+}, Rt = { style: { position: "relative", height: "100%", width: "100%" } }, St = {
   __name: "BaseDirectionPad",
   props: {
     color: {
@@ -201,12 +202,12 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       style: ne(`position: ${a.isFullscreen ? "fixed" : "absolute"};bottom:0;right:${a.isFullscreen ? "12px" : "0"};width:80px;height:80px`),
       "data-html2canvas-ignore": ""
     }, [
-      $("div", Ft, [
+      $("div", Rt, [
         $("button", {
           onClick: u[0] || (u[0] = H((c) => k("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" }
         }, [
-          U(W, {
+          S(W, {
             stroke: a.color,
             name: "arrowLeft",
             style: { cursor: "pointer" }
@@ -216,7 +217,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: u[1] || (u[1] = H((c) => k("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" }
         }, [
-          U(W, {
+          S(W, {
             stroke: a.color,
             name: "arrowTop",
             style: { cursor: "pointer" }
@@ -226,7 +227,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: u[2] || (u[2] = H((c) => k("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" }
         }, [
-          U(W, {
+          S(W, {
             stroke: a.color,
             name: "arrowRight",
             style: { cursor: "pointer" }
@@ -236,7 +237,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: u[3] || (u[3] = H((c) => k("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" }
         }, [
-          U(W, {
+          S(W, {
             stroke: a.color,
             name: "arrowBottom",
             style: { cursor: "pointer" }
@@ -246,7 +247,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: u[4] || (u[4] = H((c) => k("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" }
         }, [
-          U(W, {
+          S(W, {
             stroke: a.color,
             name: "close",
             style: { cursor: "pointer" },
@@ -256,13 +257,13 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ])
     ], 4));
   }
-}, St = ["id"], Lt = {
+}, Lt = ["id"], Dt = {
   key: 0,
   style: "width:100%;background:transparent;"
-}, Dt = ["xmlns", "viewBox"], It = ["id"], Nt = ["stop-color"], Ut = ["stop-color"], zt = {
+}, It = ["xmlns", "viewBox"], Nt = ["id"], Ut = ["stop-color"], zt = ["stop-color"], Bt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Bt = ["innerHTML"], Mt = {
+}, Mt = ["innerHTML"], Ot = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -281,15 +282,15 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   setup(a, { expose: k }) {
     const b = a, { vue_ui_molecule: u } = _e(), c = O(() => !!b.dataset && b.dataset.length);
     Ze(() => {
-      S();
+      L();
     });
-    function S() {
+    function L() {
       et(b.dataset) && tt({
         componentName: "VueUiMolecule",
         type: "dataset"
       });
     }
-    const n = f(Fe()), v = f(null), R = f(!1), p = f(""), B = f(null), q = f(null), L = f(!1), x = f(null), ue = f(null), Q = f(0), ce = f(0), de = f(0), t = O({
+    const n = f(Fe()), v = f(null), R = f(!1), p = f(""), B = f(null), q = f(null), D = f(!1), x = f(null), ue = f(null), Q = f(0), ce = f(0), de = f(0), t = O({
       get: () => ve(),
       set: (e) => e
     });
@@ -307,7 +308,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       } : e;
     }
     Je(() => b.config, (e) => {
-      t.value = ve(), S(), ce.value += 1, de.value += 1;
+      t.value = ve(), L(), ce.value += 1, de.value += 1;
     }, { deep: !0 });
     const { isPrinting: fe, isImaging: pe, generatePdf: he, generateImage: ge } = ft({
       elementId: `cluster_${n.value}`,
@@ -330,8 +331,8 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         width: l
       };
     }
-    const D = f(Ie()), _ = f(`0 0 ${D.value.width} ${D.value.height}`);
-    function me(e, o = { x: -D.value.width / 2.43, y: D.value.height / 2 }, l = D.value.width / 1.1, d = 24, i = 0, h = 0, j = "#BBBBBB") {
+    const I = f(Ie()), _ = f(`0 0 ${I.value.width} ${I.value.height}`);
+    function me(e, o = { x: -I.value.width / 2.43, y: I.value.height / 2 }, l = I.value.width / 1.1, d = 24, i = 0, h = 0, j = "#BBBBBB") {
       if (e && e.length > 0) {
         const ae = rt({
           plot: o,
@@ -341,10 +342,10 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         });
         e.forEach((g, M) => {
           const V = ae.coordinates[M];
-          let I;
-          if (g.ancestor ? g.ancestor.ancestor ? I = g.ancestor.color || j : (I = De.value[h] || Re[h] || j, h += 1) : I = j, g.polygonPath = {
+          let N;
+          if (g.ancestor ? g.ancestor.ancestor ? N = g.ancestor.color || j : (N = De.value[h] || Re[h] || j, h += 1) : N = j, g.polygonPath = {
             coordinates: [V]
-          }, g.circleRadius = d, g.color = I, g.uid = Fe(), g.nodes && g.nodes.length > 0) {
+          }, g.circleRadius = d, g.color = N, g.uid = Fe(), g.nodes && g.nodes.length > 0) {
             const se = !g.ancestor || !g.ancestor.ancestor ? h : 0;
             g.nodes = me(
               g.nodes,
@@ -353,7 +354,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               d / 2.2,
               i + Math.PI * M / g.nodes.length,
               se,
-              I
+              N
             );
           }
         });
@@ -375,9 +376,9 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
     const Ue = O(() => Ne(T.value)), T = O(() => me(b.dataset));
     function ee() {
-      L.value = !1, q.value = null, ue.value = null, x.value = null, oe({
+      D.value = !1, q.value = null, ue.value = null, x.value = null, oe({
         polygonPath: {
-          coordinates: [{ x: D.value.width / 2, y: D.value.height / 2 }]
+          coordinates: [{ x: I.value.width / 2, y: I.value.height / 2 }]
         },
         circleRadius: 24
       });
@@ -386,7 +387,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     function oe(e) {
       B.value.focus(), Te(() => {
         te.value && cancelAnimationFrame(te.value);
-        const o = _.value.split(" "), l = parseFloat(o[0]), d = parseFloat(o[1]), i = parseFloat(o[2]), h = parseFloat(o[3]), { x: j, y: ae } = e.polygonPath.coordinates[0], { circleRadius: g } = e, M = 8.34, V = j - g * M, I = ae - g * M, se = g * M * 2, Ge = g * M * 2, je = Math.sqrt((V - l) ** 2 + (I - d) ** 2), Y = Math.min(1200, Math.max(20, Math.floor(je / 10))), Ve = (V - l) / Y, Ye = (I - d) / Y, We = (se - i) / Y, qe = (Ge - h) / Y;
+        const o = _.value.split(" "), l = parseFloat(o[0]), d = parseFloat(o[1]), i = parseFloat(o[2]), h = parseFloat(o[3]), { x: j, y: ae } = e.polygonPath.coordinates[0], { circleRadius: g } = e, M = 8.34, V = j - g * M, N = ae - g * M, se = g * M * 2, Ge = g * M * 2, je = Math.sqrt((V - l) ** 2 + (N - d) ** 2), Y = Math.min(1200, Math.max(20, Math.floor(je / 10))), Ve = (V - l) / Y, Ye = (N - d) / Y, We = (se - i) / Y, qe = (Ge - h) / Y;
         let A = 0;
         function we() {
           _.value = `${l + Ve * A} ${d + Ye * A} ${i + We * A} ${h + qe * A}`, A += t.value.style.chart.zoom.speed, A <= Y && (te.value = requestAnimationFrame(we));
@@ -400,11 +401,11 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         polygonPath: {
           coordinates: [{ x: e.polygonPath.coordinates[0].x, y: e.polygonPath.coordinates[0].y }]
         }
-      }, oe(e), L.value = e.uid !== T.value[0].uid);
+      }, oe(e), D.value = e.uid !== T.value[0].uid);
     }
     function Be(e) {
       if (e.target.nodeName !== "circle")
-        ee(), L.value = !1;
+        ee(), D.value = !1;
       else
         return;
     }
@@ -533,7 +534,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       style: ne(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `cluster_${n.value}`
     }, [
-      t.value.style.chart.title.text ? (s(), r("div", Lt, [
+      t.value.style.chart.title.text ? (s(), r("div", Dt, [
         (s(), F(vt, {
           key: `title_${ce.value}`,
           config: {
@@ -554,8 +555,8 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         key: `user_options_${Q.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: N(fe),
-        isImaging: N(pe),
+        isPrinting: U(fe),
+        isImaging: U(pe),
         uid: n.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -569,9 +570,9 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         chartElement: B.value,
         position: t.value.userOptions.position,
         onToggleFullscreen: Xe,
-        onGeneratePdf: N(he),
+        onGeneratePdf: U(he),
         onGenerateCsv: ke,
-        onGenerateImage: N(ge),
+        onGenerateImage: U(ge),
         onToggleTable: Ce,
         onToggleLabels: $e,
         onToggleTooltip: xe
@@ -628,12 +629,13 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : m("", !0),
       c.value ? (s(), r("svg", {
         key: 2,
-        xmlns: N(st),
+        xmlns: U(st),
         viewBox: _.value,
         class: Pe({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
         style: ne(`overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
         onClick: o[0] || (o[0] = H((l) => Be(l), ["stop"]))
       }, [
+        S(bt),
         $("defs", null, [
           (s(!0), r(y, null, z(Object.keys(Ue.value), (l) => (s(), r("radialGradient", {
             id: `gradient_${l}`,
@@ -645,20 +647,20 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }, [
             $("stop", {
               offset: "0%",
-              "stop-color": N(nt)(l, 0.5)
-            }, null, 8, Nt),
+              "stop-color": U(nt)(l, 0.5)
+            }, null, 8, Ut),
             $("stop", {
               offset: "100%",
               "stop-color": l
-            }, null, 8, Ut)
-          ], 8, It))), 256))
+            }, null, 8, zt)
+          ], 8, Nt))), 256))
         ]),
-        U(wt, {
+        S(Pt, {
           dataset: T.value,
           color: t.value.style.chart.links.stroke,
           backgroundColor: t.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        U(Ct, {
+        S($t, {
           dataset: T.value,
           hoveredUid: X.value,
           stroke: t.value.style.chart.nodes.stroke,
@@ -666,15 +668,15 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onZoom: ze,
           onHover: Oe
         }, null, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        w.value.showDataLabels ? (s(), F(Tt, {
+        w.value.showDataLabels ? (s(), F(Ft, {
           key: 0,
           dataset: T.value,
           color: t.value.style.chart.color,
           hoveredUid: X.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : m("", !0),
-        P(e.$slots, "svg", { svg: D.value }, void 0, !0)
-      ], 14, Dt)) : m("", !0),
-      L.value ? (s(), F(Rt, {
+        P(e.$slots, "svg", { svg: I.value }, void 0, !0)
+      ], 14, It)) : m("", !0),
+      D.value ? (s(), F(St, {
         key: `direction_pad_${Q.value}`,
         color: t.value.style.chart.color,
         isFullscreen: G.value,
@@ -683,11 +685,11 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         onMoveTop: o[3] || (o[3] = (l) => Z("top")),
         onMoveBottom: o[4] || (o[4] = (l) => Z("bottom")),
         onReset: o[5] || (o[5] = (l) => {
-          ee(), L.value = !1;
+          ee(), D.value = !1;
         })
       }, null, 8, ["color", "isFullscreen"])) : m("", !0),
-      e.$slots.watermark ? (s(), r("div", zt, [
-        P(e.$slots, "watermark", J(K({ isPrinting: N(fe) || N(pe) })), void 0, !0)
+      e.$slots.watermark ? (s(), r("div", Bt, [
+        P(e.$slots, "watermark", J(K({ isPrinting: U(fe) || U(pe) })), void 0, !0)
       ])) : m("", !0),
       c.value ? m("", !0) : (s(), F(yt, {
         key: 5,
@@ -701,7 +703,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }
         }
       }, null, 8, ["config"])),
-      U(gt, {
+      S(gt, {
         show: w.value.showTooltip && R.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
@@ -754,7 +756,7 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               $("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Bt)
+              }, null, 8, Mt)
             ]),
             td: C(({ td: l }) => [
               Qe(Le(l.name || l), 1)
@@ -764,9 +766,9 @@ const kt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         ]),
         _: 1
       }, 8, ["config"])) : m("", !0)
-    ], 46, St));
+    ], 46, Lt));
   }
-}, Zt = /* @__PURE__ */ bt(Mt, [["__scopeId", "data-v-e82d69dc"]]);
+}, Kt = /* @__PURE__ */ kt(Ot, [["__scopeId", "data-v-aafaabe0"]]);
 export {
-  Zt as default
+  Kt as default
 };

package/dist/vue-ui-molecule-DltNL0kV.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("./index-BhH89oF0.cjs"),Ne=require("./Title-Bg_BK11V.cjs"),ie=require("./usePrinter-B8jr_V3b.cjs"),Ee=require("./DataTable-CnkdsvIo.cjs"),Te=require("./Tooltip-lM1Jzkza.cjs"),z=require("./BaseIcon-JWGtHqTA.cjs"),Se=require("./vue-ui-skeleton-Cf89QIhl.cjs"),Ve=require("./vue-ui-accordion-Bzq1iTL2.cjs"),ue=require("./useNestedProp-m8IH8hWW.cjs"),Re=require("./PackageVersion-LdLhc8hQ.cjs"),Le=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ze=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],Me={__name:"RecursiveCircles",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null},linkColor:{type:String,default:"#CCCCCC"},stroke:{type:String,default:"#FFFFFF"},strokeHovered:{type:String,default:"#000000"}},emits:["zoom","hover"],setup(r,{emit:g}){const h=r;function i(a){g("zoom",a)}function u(a){g("hover",a)}return e.toRef(h,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(d=>{d.ancestor=a})}),(a,d)=>{const C=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,v=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.polygonPath&&v.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.polygonPath.coordinates,(P,M)=>(e.openBlock(),e.createElementBlock("circle",{cx:P.x,cy:P.y,r:v.circleRadius,fill:`url(#gradient_${v.color})`,stroke:r.hoveredUid&&r.hoveredUid===v.uid?r.strokeHovered:r.stroke,"stroke-width":r.hoveredUid&&r.hoveredUid===v.uid?v.circleRadius/6:v.circleRadius/12,style:{cursor:"pointer"},onClick:e.withModifiers(x=>i(v),["stop"]),onMouseover:x=>u(v),onMouseleave:d[0]||(d[0]=x=>u(null))},null,40,ze))),256)),v.nodes&&v.nodes.length>0?(e.openBlock(),e.createBlock(C,{key:0,dataset:v.nodes,color:r.color,stroke:r.stroke,strokeHovered:r.strokeHovered,hoveredUid:r.hoveredUid,onZoom:i,onHover:u},null,8,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},De=["x1","y1","x2","y2","stroke","stroke-width"],Ue=["x1","y1","x2","y2","stroke","stroke-width"],Ie={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(r){const g=r;return e.toRef(g,"dataset").value.forEach(i=>{i.nodes&&i.nodes.length>0&&i.nodes.forEach(u=>{u.ancestor=i})}),(i,u)=>{const B=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.polygonPath.coordinates,(d,C)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.ancestor&&a.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:d.x,y1:d.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.backgroundColor,"stroke-width":a.circleRadius/1.5},null,8,De),e.createElementVNode("line",{x1:d.x,y1:d.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.color,"stroke-width":a.circleRadius/2},null,8,Ue)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.nodes&&a.nodes.length>0?(e.openBlock(),e.createBlock(B,{key:0,dataset:a.nodes,color:r.color,backgroundColor:r.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},Oe=["x","y","fill","font-size"],He={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(r,{emit:g}){const h=r;return e.toRef(h,"dataset").value.forEach(u=>{u.nodes&&u.nodes.length>0&&u.nodes.forEach(B=>{B.ancestor=u})}),(u,B)=>{const a=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,d=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.polygonPath&&d.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.polygonPath.coordinates,C=>(e.openBlock(),e.createElementBlock("text",{x:C.x,y:C.y+d.circleRadius*2,fill:r.color,"font-size":d.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(d.name),9,Oe))),256)),d.nodes&&d.nodes.length>0?(e.openBlock(),e.createBlock(a,{key:0,dataset:d.nodes,color:r.color,hoveredUid:r.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},qe={style:{position:"relative",height:"100%",width:"100%"}},Ae={__name:"BaseDirectionPad",props:{color:{type:String,default:"#FF0000"},isFullscreen:{type:Boolean,default:!1}},emits:["moveLeft","moveTop","moveRight","moveBottom","reset"],setup(r,{emit:g}){return(h,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: ${r.isFullscreen?"fixed":"absolute"};bottom:0;right:${r.isFullscreen?"12px":"0"};width:80px;height:80px`),"data-html2canvas-ignore":""},[e.createElementVNode("div",qe,[e.createElementVNode("button",{onClick:i[0]||(i[0]=e.withModifiers(u=>g("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"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowLeft",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:i[1]||(i[1]=e.withModifiers(u=>g("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"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowTop",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:i[2]||(i[2]=e.withModifiers(u=>g("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"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowRight",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:i[3]||(i[3]=e.withModifiers(u=>g("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"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowBottom",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:i[4]||(i[4]=e.withModifiers(u=>g("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"}},[e.createVNode(z.default,{stroke:r.color,name:"close",style:{cursor:"pointer"},strokeWidth:2},null,8,["stroke"])])])],4))}},je=["id"],Ge={key:0,style:"width:100%;background:transparent;"},Xe=["xmlns","viewBox"],Ye=["id"],We=["stop-color"],Ze=["stop-color"],Je={key:4,class:"vue-data-ui-watermark"},Ke=["innerHTML"],Qe={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(r,{expose:g}){const h=r,{vue_ui_molecule:i}=m.useConfig(),u=e.computed(()=>!!h.dataset&&h.dataset.length);e.onMounted(()=>{B()});function B(){m.objectIsEmpty(h.dataset)&&m.error({componentName:"VueUiMolecule",type:"dataset"})}const a=e.ref(m.createUid()),d=e.ref(null),C=e.ref(!1),v=e.ref(""),P=e.ref(null),M=e.ref(null),x=e.ref(!1),y=e.ref(null),X=e.ref(null),U=e.ref(0),Y=e.ref(0),W=e.ref(0),o=e.computed({get:()=>Z(),set:t=>t});function Z(){const t=ue.useNestedProp({userConfig:h.config,defaultConfig:i});return t.theme?{...ue.useNestedProp({userConfig:m.themes.vue_ui_molecule[t.theme]||h.config,defaultConfig:t}),customPalette:m.themePalettes[t.theme]||m.palette}:t}e.watch(()=>h.config,t=>{o.value=Z(),B(),Y.value+=1,W.value+=1},{deep:!0});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:_}=ie.usePrinter({elementId:`cluster_${a.value}`,fileName:o.value.style.chart.title.text||"vue-ui-molecule"}),ce=e.computed(()=>m.convertCustomPalette(o.value.customPalette)),k=e.ref({showTable:o.value.table.show,showDataLabels:!0,showTooltip:o.value.style.chart.tooltip.show});function ee(t,l=0){return Array.isArray(t)&&t.length>0&&t[0].nodes?ee(t[0].nodes,l+1):l}function de(){const t=ee(h.dataset);let l=100,n=l;for(let c=0;c<t;c+=1)l/=1,n+=l;return{height:n,width:n}}const w=e.ref(de()),I=e.ref(`0 0 ${w.value.width} ${w.value.height}`);function te(t,l={x:-w.value.width/2.43,y:w.value.height/2},n=w.value.width/1.1,c=24,s=0,f=0,V="#BBBBBB"){if(t&&t.length>0){const j=m.createPolygonPath({plot:l,radius:n,sides:t.length,rotation:s});t.forEach((p,F)=>{const R=j.coordinates[F];let $;if(p.ancestor?p.ancestor.ancestor?$=p.ancestor.color||V:($=ce.value[f]||m.palette[f]||V,f+=1):$=V,p.polygonPath={coordinates:[R]},p.circleRadius=c,p.color=$,p.uid=m.createUid(),p.nodes&&p.nodes.length>0){const G=!p.ancestor||!p.ancestor.ancestor?f:0;p.nodes=te(p.nodes,R,n/2.9,c/2.2,s+Math.PI*F/p.nodes.length,G,$)}})}return t}function ve(t){const l=new Set;function n(s){s.forEach(f=>{f.color&&!l.has(f.color)&&l.add(f.color),f.nodes&&f.nodes.length>0&&n(f.nodes)})}n(t);const c={};return Array.from(l).forEach((s,f)=>{c[s]=`gradient_${f}`}),c}const fe=e.computed(()=>ve(b.value)),b=e.computed(()=>te(h.dataset));function O(){x.value=!1,M.value=null,X.value=null,y.value=null,q({polygonPath:{coordinates:[{x:w.value.width/2,y:w.value.height/2}]},circleRadius:24})}const H=e.ref(null);function q(t){P.value.focus(),e.nextTick(()=>{H.value&&cancelAnimationFrame(H.value);const l=I.value.split(" "),n=parseFloat(l[0]),c=parseFloat(l[1]),s=parseFloat(l[2]),f=parseFloat(l[3]),{x:V,y:j}=t.polygonPath.coordinates[0],{circleRadius:p}=t,F=8.34,R=V-p*F,$=j-p*F,G=p*F*2,Be=p*F*2,xe=Math.sqrt((R-n)**2+($-c)**2),L=Math.min(1200,Math.max(20,Math.floor(xe/10))),we=(R-n)/L,$e=($-c)/L,Pe=(G-s)/L,Fe=(Be-f)/L;let E=0;function se(){I.value=`${n+we*E} ${c+$e*E} ${s+Pe*E} ${f+Fe*E}`,E+=o.value.style.chart.zoom.speed,E<=L&&(H.value=requestAnimationFrame(se))}se()})}function pe(t){M.value===t.uid?O():(M.value=t.uid,X.value=t,y.value={circleRadius:t.circleRadius,polygonPath:{coordinates:[{x:t.polygonPath.coordinates[0].x,y:t.polygonPath.coordinates[0].y}]}},q(t),x.value=t.uid!==b.value[0].uid)}function me(t){if(t.target.nodeName!=="circle")O(),x.value=!1;else return}const A=e.ref(null);function he(t){A.value={datapoint:t,seriesIndex:-1,series:b.value,config:o.value};const l=o.value.style.chart.tooltip.customFormat;if(m.isFunction(l)&&m.functionReturnsString(()=>l({seriesIndex:-1,datapoint:t,series:b.value,config:o.value})))v.value=l({seriesIndex:-1,datapoint:t,series:b.value,config:o.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`,t.details&&(n+=`<div style="width:100%;border-top:1px solid ${o.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`),v.value=`<div style="font-family:inherit">${n}</div>`}}const oe=e.ref(null),T=e.ref(null);function ge(t){oe.value=t,t?(C.value=!0,he(t),T.value=t.uid):(C.value=!1,v.value="",T.value=null)}function D(t){t==="right"&&(y.value.polygonPath.coordinates[0].x+=y.value.circleRadius),t==="left"&&(y.value.polygonPath.coordinates[0].x-=y.value.circleRadius),t==="top"&&(y.value.polygonPath.coordinates[0].y-=y.value.circleRadius),t==="bottom"&&(y.value.polygonPath.coordinates[0].y+=y.value.circleRadius),q(y.value)}function ye(t){const l=[];function n(c){c.forEach(s=>{const f={name:s.name,details:s.details||"-",ancestor:s.ancestor&&s.ancestor.name||"-",color:s.color||""};l.push(f),s.nodes&&s.nodes.length>0&&n(s.nodes,s.name)})}return n(t),l}const ke=e.computed(()=>ye(b.value)),N=e.computed(()=>{const t=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor],l=ke.value.map((s,f)=>[{color:s.color,name:s.name},s.details,s.ancestor||""]),n={th:{backgroundColor:o.value.table.th.backgroundColor,color:o.value.table.th.color,outline:o.value.table.th.outline},td:{backgroundColor:o.value.table.td.backgroundColor,color:o.value.table.td.color,outline:o.value.table.td.outline},breakpoint:o.value.table.responsiveBreakpoint},c=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor];return{head:t,body:l,config:n,colNames:c}});function le(){e.nextTick(()=>{const t=N.value.body.map((c,s)=>[[c[0].name],[c[1]],[c[2]]]),l=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[...N.value.head]]].concat(t),n=m.createCsvContent(l);m.downloadCsv({csvContent:n,title:o.value.style.chart.title.text||"vue-ui-molecule"})})}function be(){return b.value}const S=e.ref(!1);function Ce(t){S.value=t,U.value+=1}function ne(){k.value.showTable=!k.value.showTable}function re(){k.value.showDataLabels=!k.value.showDataLabels}function ae(){k.value.showTooltip=!k.value.showTooltip}return g({getData:be,generatePdf:Q,generateCsv:le,generateImage:_,toggleTable:ne,toggleLabels:re,toggleTooltip:ae}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{onMouseleave:l[7]||(l[7]=n=>{oe.value=null,T.value=null}),ref_key:"moleculeChart",ref:P,class:e.normalizeClass(`vue-ui-molecule ${S.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${o.value.style.fontFamily};width:100%; text-align:center;background:${o.value.style.chart.backgroundColor}`),id:`cluster_${a.value}`},[o.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ge,[(e.openBlock(),e.createBlock(Ne._sfc_main,{key:`title_${Y.value}`,config:{title:{cy:"molecule-div-title",...o.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...o.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),o.value.userOptions.show&&u.value?(e.openBlock(),e.createBlock(ie.UserOptions,{ref_key:"details",ref:d,key:`user_options_${U.value}`,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,isPrinting:e.unref(J),isImaging:e.unref(K),uid:a.value,hasTooltip:o.value.userOptions.buttons.tooltip&&o.value.style.chart.tooltip.show,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasTable:o.value.userOptions.buttons.table,hasLabel:o.value.userOptions.buttons.labels,hasFullscreen:o.value.userOptions.buttons.fullscreen,isTooltip:k.value.showTooltip,titles:{...o.value.userOptions.buttonTitles},chartElement:P.value,position:o.value.userOptions.position,onToggleFullscreen:Ce,onGeneratePdf:e.unref(Q),onGenerateCsv:le,onGenerateImage:e.unref(_),onToggleTable:ne,onToggleLabels:re,onToggleTooltip:ae},e.createSlots({_:2},[t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:c})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:c})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isTooltip","titles","chartElement","position","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(m.XMLNS),viewBox:I.value,class:e.normalizeClass({"vue-data-ui-fullscreen--on":S.value,"vue-data-ui-fulscreen--off":!S.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${o.value.style.chart.color}`),onClick:l[0]||(l[0]=e.withModifiers(n=>me(n),["stop"]))},[e.createVNode(Re._sfc_main),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(fe.value),n=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_${n}`,cx:"50%",cy:"30%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(m.lightenHexColor)(n,.5)},null,8,We),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,Ze)],8,Ye))),256))]),e.createVNode(Ie,{dataset:b.value,color:o.value.style.chart.links.stroke,backgroundColor:o.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(Me,{dataset:b.value,hoveredUid:T.value,stroke:o.value.style.chart.nodes.stroke,strokeHovered:o.value.style.chart.nodes.strokeHovered,onZoom:pe,onHover:ge},null,8,["dataset","hoveredUid","stroke","strokeHovered"]),k.value.showDataLabels?(e.openBlock(),e.createBlock(He,{key:0,dataset:b.value,color:o.value.style.chart.color,hoveredUid:T.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:w.value},void 0,!0)],14,Xe)):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createBlock(Ae,{key:`direction_pad_${U.value}`,color:o.value.style.chart.color,isFullscreen:S.value,onMoveLeft:l[1]||(l[1]=n=>D("left")),onMoveRight:l[2]||(l[2]=n=>D("right")),onMoveTop:l[3]||(l[3]=n=>D("top")),onMoveBottom:l[4]||(l[4]=n=>D("bottom")),onReset:l[5]||(l[5]=n=>{O(),x.value=!1})},null,8,["color","isFullscreen"])):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(J)||e.unref(K)})),void 0,!0)])):e.createCommentVNode("",!0),u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Se.default,{key:5,config:{type:"molecule",style:{backgroundColor:o.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),e.createVNode(Te._sfc_main,{show:k.value.showTooltip&&C.value,backgroundColor:o.value.style.chart.tooltip.backgroundColor,color:o.value.style.chart.tooltip.color,borderRadius:o.value.style.chart.tooltip.borderRadius,borderColor:o.value.style.chart.tooltip.borderColor,borderWidth:o.value.style.chart.tooltip.borderWidth,fontSize:o.value.style.chart.tooltip.fontSize,backgroundOpacity:o.value.style.chart.tooltip.backgroundOpacity,position:o.value.style.chart.tooltip.position,offsetY:o.value.style.chart.tooltip.offsetY,parent:P.value,content:v.value,isCustom:o.value.style.chart.tooltip.customFormat&&typeof o.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...A.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...A.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isCustom"]),u.value?(e.openBlock(),e.createBlock(Ve.default,{key:6,hideDetails:"",config:{open:k.value.showTable,maxHeight:1e4,body:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color},head:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Ee.DataTable,{key:`table_${W.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${o.value.style.chart.title.text}${o.value.style.chart.title.subtitle.text?` : ${o.value.style.chart.title.subtitle.text}`:""}`,onClose:l[6]||(l[6]=n=>k.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,Ke)]),td:e.withCtx(({td:n})=>[e.createTextVNode(e.toDisplayString(n.name||n),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,je))}},_e=Le._export_sfc(Qe,[["__scopeId","data-v-aafaabe0"]]);exports.default=_e;