vue-data-ui 2.6.50 → 2.6.51

package/dist/{vue-ui-molecule-C8d0BNOu.js → vue-ui-molecule-BYetzB_N.js}

@@ -1,19 +1,20 @@
-import { toRef as ee, resolveComponent as te, createElementBlock as r, openBlock as l, Fragment as p, renderList as U, createCommentVNode as h, createBlock as O, createElementVNode as N, withModifiers as Be, renderSlot as y, mergeProps as Ce, withCtx as m, toDisplayString as Fe, computed as A, onMounted as Ge, ref as g, watch as Ve, unref as f, normalizeStyle as K, normalizeClass as $e, createVNode as j, createSlots as je, normalizeProps as D, guardReactiveProps as I, createTextVNode as We, nextTick as Xe } from "vue";
-import { u as Ye, o as qe, e as Qe, c as we, t as Ze, p as Te, a as Je, b as Ke, P as et, X as tt, l as ot, Q as lt, d as Pe, q as st, r as at, x as rt, y as nt } from "./index-BdAppyf2.js";
-import { _ as it } from "./Title-DPXXRQ-w.js";
-import { u as ut, U as ct } from "./usePrinter-Bvq0gUmP.js";
-import { D as dt } from "./DataTable-Qe7lM3JL.js";
-import { _ as vt } from "./Tooltip-C4H6zELy.js";
-import ht from "./vue-ui-skeleton-BvIz3HzY.js";
-import ft from "./vue-ui-accordion-dAJcVBnP.js";
-import { u as xe } from "./useNestedProp-BGSJvQb3.js";
-import { _ as pt } from "./PackageVersion-DqsBfaeh.js";
-import { P as yt } from "./PenAndPaper-AvORsvqF.js";
-import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as mt } from "./useChartAccessibility-BWojgys7.js";
-import { u as bt } from "./usePanZoom-D76xCBni.js";
-import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], $t = ["x", "y", "height", "width", "onClick", "onMouseover"], wt = {
+import { toRef as ee, resolveComponent as te, createElementBlock as r, openBlock as l, Fragment as p, renderList as I, createCommentVNode as f, createBlock as O, createElementVNode as U, withModifiers as Ve, renderSlot as y, mergeProps as $e, withCtx as m, toDisplayString as Oe, useCssVars as je, computed as A, onMounted as We, ref as g, watch as Xe, unref as v, normalizeStyle as W, normalizeClass as we, createVNode as G, createSlots as Ye, normalizeProps as D, guardReactiveProps as N, createTextVNode as Ze, nextTick as qe } from "vue";
+import { u as Qe, o as Je, e as Ke, c as Te, t as et, p as Pe, a as tt, b as ot, P as lt, X as st, l as at, Q as rt, d as xe, q as nt, r as it, x as ut, y as ct } from "./index-C3amwS0l.js";
+import { _ as dt } from "./Title-D-dsYBke.js";
+import { u as vt, U as ht } from "./usePrinter-CUdxA1Bg.js";
+import { D as ft } from "./DataTable-BciZ6nvV.js";
+import { _ as yt } from "./Tooltip-DFPLXjvj.js";
+import pt from "./vue-ui-skeleton-CrT5EE2W.js";
+import gt from "./vue-ui-accordion-BBc1ZMpG.js";
+import { u as Fe } from "./useNestedProp-D9I77VlT.js";
+import { _ as mt } from "./PackageVersion-o03zxIgy.js";
+import { P as bt } from "./PenAndPaper-CkHrxfug.js";
+import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ct } from "./useChartAccessibility-BWojgys7.js";
+import { u as $t } from "./usePanZoom-CUkkqW81.js";
+import wt from "./BaseIcon-CTAy5_xi.js";
+import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], xt = ["x", "y", "height", "width", "onClick", "onMouseover"], Ft = {
   __name: "RecursiveCircles",
   props: {
     color: {
@@ -44,22 +45,22 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   emits: ["click", "hover"],
   setup(n, { emit: E }) {
     const H = n, T = E;
-    function v(s) {
-      T("click", s);
+    function h(a) {
+      T("click", a);
     }
-    function w(s) {
-      T("hover", s);
+    function w(a) {
+      T("hover", a);
     }
-    return ee(H, "dataset").value.forEach((s) => {
-      s.nodes && s.nodes.length > 0 && s.nodes.forEach((k) => {
-        k.ancestor = s;
+    return ee(H, "dataset").value.forEach((a) => {
+      a.nodes && a.nodes.length > 0 && a.nodes.forEach((k) => {
+        k.ancestor = a;
       });
-    }), (s, k) => {
-      const W = te("RecursiveCircles", !0);
-      return l(!0), r(p, null, U(n.dataset, (u) => (l(), r(p, null, [
+    }), (a, k) => {
+      const X = te("RecursiveCircles", !0);
+      return l(!0), r(p, null, I(n.dataset, (u) => (l(), r(p, null, [
         u.polygonPath && u.polygonPath.coordinates ? (l(), r(p, { key: 0 }, [
-          (l(!0), r(p, null, U(u.polygonPath.coordinates, (P, G) => (l(), r(p, null, [
-            N("circle", {
+          (l(!0), r(p, null, I(u.polygonPath.coordinates, (P, V) => (l(), r(p, null, [
+            U("circle", {
               cx: P.x,
               cy: P.y,
               r: u.circleRadius,
@@ -67,44 +68,44 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               stroke: n.hoveredUid && n.hoveredUid === u.uid ? n.strokeHovered : n.stroke,
               "stroke-width": n.hoveredUid && n.hoveredUid === u.uid ? u.circleRadius / 6 : u.circleRadius / 12,
               style: { cursor: "pointer" },
-              onClick: (S) => v(u),
+              onClick: (S) => h(u),
               onMouseover: (S) => w(u),
               onMouseleave: k[0] || (k[0] = (S) => w(null))
-            }, null, 40, Ct),
-            s.$slots.node ? (l(), r("foreignObject", {
+            }, null, 40, Pt),
+            a.$slots.node ? (l(), r("foreignObject", {
               key: 0,
               x: P.x - u.circleRadius,
               y: P.y - u.circleRadius,
               height: u.circleRadius * 2,
               width: u.circleRadius * 2,
               style: { overflow: "visible" },
-              onClick: Be((S) => v(u), ["stop"]),
+              onClick: Ve((S) => h(u), ["stop"]),
               onMouseover: (S) => w(u),
               onMouseleave: k[1] || (k[1] = (S) => w(null))
             }, [
-              y(s.$slots, "node", Ce({ ref_for: !0 }, { node: u }))
-            ], 40, $t)) : h("", !0)
+              y(a.$slots, "node", $e({ ref_for: !0 }, { node: u }))
+            ], 40, xt)) : f("", !0)
           ], 64))), 256)),
-          u.nodes && u.nodes.length > 0 ? (l(), O(W, {
+          u.nodes && u.nodes.length > 0 ? (l(), O(X, {
             key: 0,
             dataset: u.nodes,
             color: n.color,
             stroke: n.stroke,
             strokeHovered: n.strokeHovered,
             hoveredUid: n.hoveredUid,
-            onClick: v,
+            onClick: h,
             onHover: w
           }, {
             node: m(({ node: P }) => [
-              y(s.$slots, "node", Ce({ ref_for: !0 }, { node: P }))
+              y(a.$slots, "node", $e({ ref_for: !0 }, { node: P }))
             ]),
             _: 2
-          }, 1032, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : h("", !0)
-        ], 64)) : h("", !0)
+          }, 1032, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : f("", !0)
+        ], 64)) : f("", !0)
       ], 64))), 256);
     };
   }
-}, Tt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Pt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], xt = {
+}, Ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], At = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -122,48 +123,48 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   },
   setup(n) {
     return ee(n, "dataset").value.forEach((T) => {
-      T.nodes && T.nodes.length > 0 && T.nodes.forEach((v) => {
-        v.ancestor = T;
+      T.nodes && T.nodes.length > 0 && T.nodes.forEach((h) => {
+        h.ancestor = T;
       });
-    }), (T, v) => {
+    }), (T, h) => {
       const w = te("RecursiveLinks", !0);
       return l(), r(p, null, [
-        (l(!0), r(p, null, U(n.dataset, (i) => (l(), r(p, null, [
-          i.polygonPath && i.polygonPath.coordinates ? (l(!0), r(p, { key: 0 }, U(i.polygonPath.coordinates, (s, k) => (l(), r(p, null, [
+        (l(!0), r(p, null, I(n.dataset, (i) => (l(), r(p, null, [
+          i.polygonPath && i.polygonPath.coordinates ? (l(!0), r(p, { key: 0 }, I(i.polygonPath.coordinates, (a, k) => (l(), r(p, null, [
             i.ancestor && i.ancestor.polygonPath ? (l(), r(p, { key: 0 }, [
-              N("line", {
-                x1: s.x,
-                y1: s.y,
+              U("line", {
+                x1: a.x,
+                y1: a.y,
                 x2: i.ancestor.polygonPath.coordinates[0].x,
                 y2: i.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.backgroundColor,
                 "stroke-width": i.circleRadius / 1.5
-              }, null, 8, Tt),
-              N("line", {
-                x1: s.x,
-                y1: s.y,
+              }, null, 8, Ot),
+              U("line", {
+                x1: a.x,
+                y1: a.y,
                 x2: i.ancestor.polygonPath.coordinates[0].x,
                 y2: i.ancestor.polygonPath.coordinates[0].y,
                 stroke: n.color,
                 "stroke-width": i.circleRadius / 2
-              }, null, 8, Pt)
-            ], 64)) : h("", !0)
-          ], 64))), 256)) : h("", !0)
+              }, null, 8, Rt)
+            ], 64)) : f("", !0)
+          ], 64))), 256)) : f("", !0)
         ], 64))), 256)),
-        (l(!0), r(p, null, U(n.dataset, (i) => (l(), r(p, null, [
+        (l(!0), r(p, null, I(n.dataset, (i) => (l(), r(p, null, [
           i.polygonPath && i.polygonPath.coordinates ? (l(), r(p, { key: 0 }, [
             i.nodes && i.nodes.length > 0 ? (l(), O(w, {
               key: 0,
               dataset: i.nodes,
               color: n.color,
               backgroundColor: n.backgroundColor
-            }, null, 8, ["dataset", "color", "backgroundColor"])) : h("", !0)
-          ], 64)) : h("", !0)
+            }, null, 8, ["dataset", "color", "backgroundColor"])) : f("", !0)
+          ], 64)) : f("", !0)
         ], 64))), 256))
       ], 64);
     };
   }
-}, Ft = ["x", "y", "fill", "font-size"], Ot = {
+}, St = ["x", "y", "fill", "font-size"], Ut = {
   __name: "RecursiveLabels",
   props: {
     color: {
@@ -181,48 +182,52 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   },
   emits: ["zoom", "hover"],
   setup(n, { emit: E }) {
-    return ee(n, "dataset").value.forEach((v) => {
-      v.nodes && v.nodes.length > 0 && v.nodes.forEach((w) => {
-        w.ancestor = v;
+    return ee(n, "dataset").value.forEach((h) => {
+      h.nodes && h.nodes.length > 0 && h.nodes.forEach((w) => {
+        w.ancestor = h;
       });
-    }), (v, w) => {
+    }), (h, w) => {
       const i = te("RecursiveLabels", !0);
-      return l(!0), r(p, null, U(n.dataset, (s) => (l(), r(p, null, [
-        s.polygonPath && s.polygonPath.coordinates ? (l(), r(p, { key: 0 }, [
-          (l(!0), r(p, null, U(s.polygonPath.coordinates, (k) => (l(), r("text", {
+      return l(!0), r(p, null, I(n.dataset, (a) => (l(), r(p, null, [
+        a.polygonPath && a.polygonPath.coordinates ? (l(), r(p, { key: 0 }, [
+          (l(!0), r(p, null, I(a.polygonPath.coordinates, (k) => (l(), r("text", {
             x: k.x,
-            y: k.y + s.circleRadius * 2,
+            y: k.y + a.circleRadius * 2,
             fill: n.color,
-            "font-size": s.circleRadius,
+            "font-size": a.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
-          }, Fe(s.name), 9, Ft))), 256)),
-          s.nodes && s.nodes.length > 0 ? (l(), O(i, {
+          }, Oe(a.name), 9, St))), 256)),
+          a.nodes && a.nodes.length > 0 ? (l(), O(i, {
             key: 0,
-            dataset: s.nodes,
+            dataset: a.nodes,
             color: n.color,
             hoveredUid: n.hoveredUid
-          }, null, 8, ["dataset", "color", "hoveredUid"])) : h("", !0)
-        ], 64)) : h("", !0)
+          }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0)
+        ], 64)) : f("", !0)
       ], 64))), 256);
     };
   }
-}, Rt = ["id"], At = {
+}, It = ["id"], Dt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, St = {
+}, Nt = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, Ut = ["xmlns", "viewBox"], Dt = ["width", "height"], It = ["id"], Nt = ["stop-color"], Lt = ["stop-color"], _t = {
+}, Lt = ["xmlns", "viewBox"], _t = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Mt = ["stop-color"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Et = {
-  key: 7,
+}, zt = {
+  key: 6,
+  "data-html2canvas-ignore": "",
+  class: "reset-wrapper"
+}, Gt = {
+  key: 8,
   ref: "source",
   dir: "auto"
-}, Ht = ["innerHTML"], Mt = {
+}, Vt = ["innerHTML"], jt = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -240,104 +245,107 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   },
   emits: ["selectNode"],
   setup(n, { expose: E, emit: H }) {
-    const { vue_ui_molecule: T } = Ye(), v = n, w = H, i = A(() => !!v.dataset && v.dataset.length);
-    Ge(() => {
-      s();
+    je((t) => ({
+      "4e70cd61": t.slicerColor
+    }));
+    const { vue_ui_molecule: T } = Qe(), h = n, w = H, i = A(() => !!h.dataset && h.dataset.length);
+    We(() => {
+      a();
     });
-    function s() {
-      qe(v.dataset) && Qe({
+    function a() {
+      Je(h.dataset) && Ke({
         componentName: "VueUiMolecule",
         type: "dataset"
       });
     }
-    const k = g(we()), W = g(null), u = g(!1), P = g(""), G = g(null), S = g(0), oe = g(0), le = g(0), e = A({
+    const k = g(Te()), X = g(null), u = g(!1), P = g(""), V = g(null), S = g(0), oe = g(0), le = g(0), e = A({
       get: () => re(),
       set: (t) => t
-    }), { userOptionsVisible: X, setUserOptionsVisibility: se, keepUserOptionState: ae } = gt({ config: e.value }), { svgRef: Y } = mt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Y, setUserOptionsVisibility: se, keepUserOptionState: ae } = kt({ config: e.value }), { svgRef: Z } = Ct({ config: e.value.style.chart.title });
     function re() {
-      const t = xe({
-        userConfig: v.config,
+      const t = Fe({
+        userConfig: h.config,
         defaultConfig: T
       });
       return t.theme ? {
-        ...xe({
-          userConfig: Je.vue_ui_molecule[t.theme] || v.config,
+        ...Fe({
+          userConfig: tt.vue_ui_molecule[t.theme] || h.config,
           defaultConfig: t
         }),
-        customPalette: Ze[t.theme] || Te
+        customPalette: et[t.theme] || Pe
       } : t;
     }
-    Ve(() => v.config, (t) => {
-      e.value = re(), X.value = !e.value.userOptions.showOnChartHover, s(), oe.value += 1, le.value += 1, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show;
+    Xe(() => h.config, (t) => {
+      e.value = re(), Y.value = !e.value.userOptions.showOnChartHover, a(), oe.value += 1, le.value += 1, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: ne, isImaging: ie, generatePdf: ue, generateImage: ce } = ut({
+    const { isPrinting: ne, isImaging: ie, generatePdf: ue, generateImage: ce } = vt({
       elementId: `cluster_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Oe = A(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = A(() => Ke(e.value.customPalette)), $ = g({
+    }), Re = A(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ae = A(() => ot(e.value.customPalette)), $ = g({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    function de(t, a = 0) {
-      return Array.isArray(t) && t.length > 0 && t[0].nodes ? de(t[0].nodes, a + 1) : a;
+    function de(t, s = 0) {
+      return Array.isArray(t) && t.length > 0 && t[0].nodes ? de(t[0].nodes, s + 1) : s;
     }
-    function Ae() {
-      const t = de(v.dataset);
-      let a = 100, o = a;
+    function Se() {
+      const t = de(h.dataset);
+      let s = 100, o = s;
       for (let d = 0; d < t; d += 1)
-        a /= 1, o += a;
+        s /= 1, o += s;
       return {
         height: o,
         width: o
       };
     }
-    const C = g(Ae());
+    const C = g(Se());
     g(`0 0 ${C.value.width} ${C.value.height}`);
-    function ve(t, a = { x: -C.value.width / 2.43, y: C.value.height / 2 }, o = C.value.width / 1.1, d = 24, c = 0, b = 0, x = "#BBBBBB", Z = 0) {
+    function ve(t, s = { x: -C.value.width / 2.43, y: C.value.height / 2 }, o = C.value.width / 1.1, d = 24, c = 0, b = 0, x = "#BBBBBB", J = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
-      const ze = lt({
-        plot: a,
+      const Ge = rt({
+        plot: s,
         radius: o,
         sides: t.length,
         rotation: c
       });
-      return t.forEach((F, me) => {
-        const be = ze.coordinates[me], ke = F.color ? (() => {
-          let J = Pe(F.color);
-          return J.startsWith("#") ? J : `#${J}`;
+      return t.forEach((F, be) => {
+        const ke = Ge.coordinates[be], Ce = F.color ? (() => {
+          let K = xe(F.color);
+          return K.startsWith("#") ? K : `#${K}`;
         })() : null;
         let _;
-        ke ? _ = ke : Z === 0 ? _ = x : Z === 1 ? (_ = Re.value[b] || Te[b] || x, b += 1) : _ = x, F.polygonPath = { coordinates: [be] }, F.circleRadius = d, F.color = _, F.uid = we(), Array.isArray(F.nodes) && F.nodes.length && (F.nodes = ve(
+        Ce ? _ = Ce : J === 0 ? _ = x : J === 1 ? (_ = Ae.value[b] || Pe[b] || x, b += 1) : _ = x, F.polygonPath = { coordinates: [ke] }, F.circleRadius = d, F.color = _, F.uid = Te(), Array.isArray(F.nodes) && F.nodes.length && (F.nodes = ve(
           F.nodes,
-          be,
+          ke,
           o / 2.9,
           d / 2.2,
-          c + Math.PI * me / F.nodes.length,
+          c + Math.PI * be / F.nodes.length,
           b,
           _,
-          Z + 1
+          J + 1
         ));
       }), t;
     }
-    function Se(t) {
-      const a = /* @__PURE__ */ new Set();
+    function Ue(t) {
+      const s = /* @__PURE__ */ new Set();
       function o(c) {
         c.forEach((b) => {
           if (!b.color) return;
           let x = b.color;
-          /^#?[0-9A-F]{6}$/i.test(x) || (x = Pe(x)), x.startsWith("#") || (x = `#${x}`), a.add(x), Array.isArray(b.nodes) && b.nodes.length && o(b.nodes);
+          /^#?[0-9A-F]{6}$/i.test(x) || (x = xe(x)), x.startsWith("#") || (x = `#${x}`), s.add(x), Array.isArray(b.nodes) && b.nodes.length && o(b.nodes);
         });
       }
       o(t);
       const d = {};
-      return Array.from(a).forEach((c) => {
+      return Array.from(s).forEach((c) => {
         const b = c.slice(1);
         d[c] = `gradient_${b}`;
       }), d;
     }
-    const Ue = A(() => Se(R.value)), R = A(() => {
-      const t = et(v.dataset);
+    const Ie = A(() => Ue(R.value)), R = A(() => {
+      const t = lt(h.dataset);
       return ve(t);
     }), q = g(null);
     function De(t) {
@@ -347,14 +355,14 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         series: R.value,
         config: e.value
       };
-      const a = e.value.style.chart.tooltip.customFormat;
-      if (rt(a) && nt(() => a({
+      const s = e.value.style.chart.tooltip.customFormat;
+      if (ut(s) && ct(() => s({
         seriesIndex: -1,
         datapoint: t,
         series: R.value,
         config: e.value
       })))
-        P.value = a({
+        P.value = s({
           seriesIndex: -1,
           // well, ok
           datapoint: t,
@@ -367,11 +375,11 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }
     }
     const he = g(null), M = g(null);
-    function Ie(t) {
+    function Ne(t) {
       he.value = t, t ? (u.value = !0, De(t), M.value = t.uid) : (u.value = !1, P.value = "", M.value = null);
     }
-    function Ne(t) {
-      const a = [];
+    function Le(t) {
+      const s = [];
       function o(d) {
         d.forEach((c) => {
           const b = {
@@ -380,17 +388,17 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             ancestor: c.ancestor && c.ancestor.name || "-",
             color: c.color || ""
           };
-          a.push(b), c.nodes && c.nodes.length > 0 && o(c.nodes, c.name);
+          s.push(b), c.nodes && c.nodes.length > 0 && o(c.nodes, c.name);
         });
       }
-      return o(t), a;
+      return o(t), s;
     }
-    const Le = A(() => Ne(R.value)), L = A(() => {
+    const _e = A(() => Le(R.value)), L = A(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], a = Le.value.map((c, b) => [
+      ], s = _e.value.map((c, b) => [
         {
           color: c.color,
           name: c.name
@@ -416,77 +424,77 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ];
       return {
         head: t,
-        body: a,
+        body: s,
         config: o,
         colNames: d
       };
     });
     function fe() {
-      Xe(() => {
-        const t = L.value.body.map((d, c) => [[d[0].name], [d[1]], [d[2]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...L.value.head]]].concat(t), o = st(a);
-        at({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-molecule" });
+      qe(() => {
+        const t = L.value.body.map((d, c) => [[d[0].name], [d[1]], [d[2]]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...L.value.head]]].concat(t), o = nt(s);
+        it({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
-    function _e() {
+    function Ee() {
       return R.value;
     }
-    const z = g(!1);
-    function Ee(t) {
-      z.value = t, S.value += 1;
+    const B = g(!1);
+    function He(t) {
+      B.value = t, S.value += 1;
     }
-    function pe() {
+    function ye() {
       $.value.showTable = !$.value.showTable;
     }
-    function ye() {
+    function pe() {
       $.value.showDataLabels = !$.value.showDataLabels;
     }
     function ge() {
       $.value.showTooltip = !$.value.showTooltip;
     }
-    const B = g(!1);
+    const z = g(!1);
     function Q() {
-      B.value = !B.value;
+      z.value = !z.value;
     }
-    const He = A(() => !B.value), { viewBox: V } = bt(Y, {
+    const Me = A(() => !z.value), { viewBox: j, resetZoom: me, isZoom: Be } = $t(Z, {
       x: 0,
       y: 0,
       width: C.value.width <= 0 ? 10 : C.value.width,
       height: C.value.height <= 0 ? 10 : C.value.height
-    }, e.value.style.chart.zoom.speed, He);
-    function Me(t) {
+    }, e.value.style.chart.zoom.speed, Me);
+    function ze(t) {
       w("selectNode", t);
     }
     return E({
-      getData: _e,
+      getData: Ee,
       generatePdf: ue,
       generateCsv: fe,
       generateImage: ce,
-      toggleTable: pe,
-      toggleLabels: ye,
+      toggleTable: ye,
+      toggleLabels: pe,
       toggleTooltip: ge,
       toggleAnnotator: Q
-    }), (t, a) => (l(), r("div", {
+    }), (t, s) => (l(), r("div", {
       ref_key: "moleculeChart",
-      ref: G,
-      class: $e(`vue-ui-molecule ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      ref: V,
+      class: we(`vue-ui-molecule ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: W(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `cluster_${k.value}`,
-      onMouseleave: a[1] || (a[1] = (o) => {
-        he.value = null, M.value = null, f(se)(!1);
+      onMouseleave: s[2] || (s[2] = (o) => {
+        he.value = null, M.value = null, v(se)(!1);
       }),
-      onMouseenter: a[2] || (a[2] = () => f(se)(!0))
+      onMouseenter: s[3] || (s[3] = () => v(se)(!0))
     }, [
-      e.value.userOptions.buttons.annotator ? (l(), O(yt, {
+      e.value.userOptions.buttons.annotator ? (l(), O(bt, {
         key: 0,
-        svgRef: f(Y),
+        svgRef: v(Z),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: B.value,
+        active: z.value,
         onClose: Q
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      Oe.value ? (l(), r("div", At, null, 512)) : h("", !0),
-      e.value.style.chart.title.text ? (l(), r("div", St, [
-        (l(), O(it, {
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
+      Re.value ? (l(), r("div", Dt, null, 512)) : f("", !0),
+      e.value.style.chart.title.text ? (l(), r("div", Nt, [
+        (l(), O(dt, {
           key: `title_${oe.value}`,
           config: {
             title: {
@@ -499,15 +507,15 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             }
           }
         }, null, 8, ["config"]))
-      ])) : h("", !0),
-      e.value.userOptions.show && i.value && (f(ae) || f(X)) ? (l(), O(ct, {
+      ])) : f("", !0),
+      e.value.userOptions.show && i.value && (v(ae) || v(Y)) ? (l(), O(ht, {
         ref_key: "details",
-        ref: W,
+        ref: X,
         key: `user_options_${S.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: f(ne),
-        isImaging: f(ie),
+        isPrinting: v(ne),
+        isImaging: v(ie),
         uid: k.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -518,26 +526,26 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: $.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: G.value,
+        chartElement: V.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: B.value,
-        onToggleFullscreen: Ee,
-        onGeneratePdf: f(ue),
+        isAnnotation: z.value,
+        onToggleFullscreen: He,
+        onGeneratePdf: v(ue),
         onGenerateCsv: fe,
-        onGenerateImage: f(ce),
-        onToggleTable: pe,
-        onToggleLabels: ye,
+        onGenerateImage: v(ce),
+        onToggleTable: ye,
+        onToggleLabels: pe,
         onToggleTooltip: ge,
         onToggleAnnotator: Q,
-        style: K({
-          visibility: f(ae) ? f(X) ? "visible" : "hidden" : "visible"
+        style: W({
+          visibility: v(ae) ? v(Y) ? "visible" : "hidden" : "visible"
         })
-      }, je({ _: 2 }, [
+      }, Ye({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: o, color: d }) => [
-            y(t.$slots, "menuIcon", D(I({ isOpen: o, color: d })), void 0, !0)
+            y(t.$slots, "menuIcon", D(N({ isOpen: o, color: d })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -586,28 +594,28 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: o, isFullscreen: d }) => [
-            y(t.$slots, "optionFullscreen", D(I({ toggleFullscreen: o, isFullscreen: d })), void 0, !0)
+            y(t.$slots, "optionFullscreen", D(N({ toggleFullscreen: o, isFullscreen: d })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: o, isAnnotator: d }) => [
-            y(t.$slots, "optionAnnotator", D(I({ toggleAnnotator: o, isAnnotator: d })), void 0, !0)
+            y(t.$slots, "optionAnnotator", D(N({ toggleAnnotator: o, isAnnotator: d })), void 0, !0)
           ]),
           key: "8"
         } : 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),
       i.value ? (l(), r("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: Y,
-        xmlns: f(tt),
-        viewBox: `${f(V).x} ${f(V).y} ${f(V).width} ${f(V).height}`,
-        class: $e({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
-        style: K(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
+        ref: Z,
+        xmlns: v(st),
+        viewBox: `${v(j).x} ${v(j).y} ${v(j).width} ${v(j).height}`,
+        class: we({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
+        style: W(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        j(pt),
+        G(mt),
         t.$slots["chart-background"] ? (l(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -619,9 +627,9 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }
         }, [
           y(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Dt)) : h("", !0),
-        N("defs", null, [
-          (l(!0), r(p, null, U(Object.keys(Ue.value), (o) => (l(), r("radialGradient", {
+        ], 8, _t)) : f("", !0),
+        U("defs", null, [
+          (l(!0), r(p, null, I(Object.keys(Ie.value), (o) => (l(), r("radialGradient", {
             id: `gradient_${o}`,
             cx: "50%",
             cy: "30%",
@@ -629,47 +637,66 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             fx: "50%",
             fy: "50%"
           }, [
-            N("stop", {
+            U("stop", {
               offset: "0%",
-              "stop-color": f(ot)(o, 0.5)
-            }, null, 8, Nt),
-            N("stop", {
+              "stop-color": v(at)(o, 0.5)
+            }, null, 8, Ht),
+            U("stop", {
               offset: "100%",
               "stop-color": o
-            }, null, 8, Lt)
-          ], 8, It))), 256))
+            }, null, 8, Mt)
+          ], 8, Et))), 256))
         ]),
-        j(xt, {
+        G(At, {
           dataset: R.value,
           color: e.value.style.chart.links.stroke,
           backgroundColor: e.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        j(wt, {
+        G(Ft, {
           dataset: R.value,
           hoveredUid: M.value,
           stroke: e.value.style.chart.nodes.stroke,
           strokeHovered: e.value.style.chart.nodes.strokeHovered,
-          onClick: Me,
-          onHover: Ie
+          onClick: ze,
+          onHover: Ne
         }, {
           node: m(({ node: o }) => [
-            y(t.$slots, "node", D(I({ node: o })), void 0, !0)
+            y(t.$slots, "node", D(N({ node: o })), void 0, !0)
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        $.value.showDataLabels ? (l(), O(Ot, {
+        $.value.showDataLabels ? (l(), O(Ut, {
           key: 1,
           dataset: R.value,
           color: e.value.style.chart.color,
           hoveredUid: M.value
-        }, null, 8, ["dataset", "color", "hoveredUid"])) : h("", !0),
+        }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0),
         y(t.$slots, "svg", { svg: C.value }, void 0, !0)
-      ], 14, Ut)) : h("", !0),
-      t.$slots.watermark ? (l(), r("div", _t, [
-        y(t.$slots, "watermark", D(I({ isPrinting: f(ne) || f(ie) })), void 0, !0)
-      ])) : h("", !0),
-      i.value ? h("", !0) : (l(), O(ht, {
-        key: 6,
+      ], 14, Lt)) : f("", !0),
+      t.$slots.watermark ? (l(), r("div", Bt, [
+        y(t.$slots, "watermark", D(N({ isPrinting: v(ne) || v(ie) })), void 0, !0)
+      ])) : f("", !0),
+      v(Be) ? (l(), r("div", zt, [
+        y(t.$slots, "reset-action", { reset: v(me) }, () => [
+          U("button", {
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            style: W({
+              background: e.value.style.chart.backgroundColor
+            }),
+            onClick: s[0] || (s[0] = (o) => v(me)(!0))
+          }, [
+            G(wt, {
+              name: "refresh",
+              stroke: e.value.style.chart.color
+            }, null, 8, ["stroke"])
+          ], 4)
+        ], !0)
+      ])) : f("", !0),
+      i.value ? f("", !0) : (l(), O(pt, {
+        key: 7,
         config: {
           type: "molecule",
           style: {
@@ -680,10 +707,10 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }
         }
       }, null, 8, ["config"])),
-      t.$slots.source ? (l(), r("div", Et, [
+      t.$slots.source ? (l(), r("div", Gt, [
         y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      j(vt, {
+      ], 512)) : f("", !0),
+      G(yt, {
         show: $.value.showTooltip && u.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -694,21 +721,21 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: G.value,
+        parent: V.value,
         content: P.value,
-        isFullscreen: z.value,
+        isFullscreen: B.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": m(() => [
-          y(t.$slots, "tooltip-before", D(I({ ...q.value })), void 0, !0)
+          y(t.$slots, "tooltip-before", D(N({ ...q.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          y(t.$slots, "tooltip-after", D(I({ ...q.value })), void 0, !0)
+          y(t.$slots, "tooltip-after", D(N({ ...q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      i.value ? (l(), O(ft, {
-        key: 8,
+      i.value ? (l(), O(gt, {
+        key: 9,
         hideDetails: "",
         config: {
           open: $.value.showTable,
@@ -724,32 +751,32 @@ const Ct = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         }
       }, {
         content: m(() => [
-          (l(), O(dt, {
+          (l(), O(ft, {
             key: `table_${le.value}`,
             colNames: L.value.colNames,
             head: L.value.head,
             body: L.value.body,
             config: L.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[0] || (a[0] = (o) => $.value.showTable = !1)
+            onClose: s[1] || (s[1] = (o) => $.value.showTable = !1)
           }, {
             th: m(({ th: o }) => [
-              N("div", {
+              U("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ht)
+              }, null, 8, Vt)
             ]),
             td: m(({ td: o }) => [
-              We(Fe(o.name || o), 1)
+              Ze(Oe(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : h("", !0)
-    ], 46, Rt));
+      }, 8, ["config"])) : f("", !0)
+    ], 46, It));
   }
-}, oo = /* @__PURE__ */ kt(Mt, [["__scopeId", "data-v-d296dc0b"]]);
+}, io = /* @__PURE__ */ Tt(jt, [["__scopeId", "data-v-e4638da5"]]);
 export {
-  oo as default
+  io as default
 };