vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-molecule-BI6zROGn.js → vue-ui-molecule-B_19tjnI.js}

@@ -1,16 +1,16 @@
-import { useCssVars as St, defineAsyncComponent as g, computed as f, onMounted as It, ref as u, toRefs as Dt, watch as x, nextTick as Z, openBlock as d, createElementBlock as A, unref as a, normalizeStyle as E, normalizeClass as Le, createBlock as T, withCtx as i, renderSlot as r, normalizeProps as p, guardReactiveProps as h, createCommentVNode as k, createSlots as Be, createVNode as D, createElementVNode as _, Fragment as _t, renderList as Ft, resolveDynamicComponent as Nt, mergeProps as Lt, createTextVNode as Ue, toDisplayString as Ze } from "vue";
-import { o as Bt, q as Ut, j as Ee, t as Re, m as Zt, p as ze, n as Et, ag as Rt, X as zt, x as Mt, A as Vt, s as Me, a0 as Ht, a1 as Gt, T as Wt, U as xt } from "./lib-DBptbyyI.js";
-import { u as jt } from "./useConfig-C40HvGpD.js";
-import { u as Xt, B as Yt } from "./BaseScanner-BhhkKVoj.js";
-import { u as qt } from "./usePrinter-CEpYU3r5.js";
-import { u as Jt } from "./useSvgExport-ByUukOZt.js";
-import { u as Kt } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ne } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
-import to from "./img-LXxMLmCg.js";
+import { useCssVars as St, defineAsyncComponent as g, computed as h, onMounted as It, ref as u, toRefs as Dt, watch as x, nextTick as Z, openBlock as d, createElementBlock as A, unref as a, normalizeStyle as E, normalizeClass as Le, createBlock as T, withCtx as i, renderSlot as r, normalizeProps as p, guardReactiveProps as f, createCommentVNode as k, createSlots as Be, createVNode as D, createElementVNode as _, Fragment as _t, renderList as Ft, resolveDynamicComponent as Nt, mergeProps as Lt, createTextVNode as Ue, toDisplayString as Ze } from "vue";
+import { o as Bt, q as Ut, j as Ee, t as Re, m as Zt, p as ze, n as Et, ag as Rt, X as zt, x as Mt, A as Vt, s as Me, a0 as Ht, a1 as Gt, T as Wt, U as xt } from "./lib-DMzrGQHK.js";
+import { u as jt } from "./useConfig-DTHxOX6V.js";
+import { u as Xt, B as Yt } from "./BaseScanner-BON3d_Sx.js";
+import { u as qt } from "./usePrinter-C4t8DdQ-.js";
+import { u as Jt } from "./useSvgExport-BTG4hVPO.js";
+import { u as Kt } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ne } from "./useNestedProp-DH0BEVVS.js";
+import { u as Qt } from "./useUserOptionState-B7Ej974k.js";
+import { u as eo } from "./useChartAccessibility-cp6XQtqi.js";
+import to from "./img-CjTQXS0U.js";
 import oo from "./vue_ui_molecule-BtvlINUh.js";
-import { u as lo } from "./usePanZoom-CDF7rb3o.js";
+import { u as lo } from "./usePanZoom-BbDhcKWf.js";
 import { _ as ao } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const so = ["id"], no = {
   key: 1,
@@ -20,10 +20,10 @@ const so = ["id"], no = {
 }, ro = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, io = ["xmlns", "viewBox"], uo = ["width", "height"], co = ["id"], vo = ["stop-color"], po = ["stop-color"], ho = {
+}, io = ["xmlns", "viewBox"], uo = ["width", "height"], co = ["id"], vo = ["stop-color"], po = ["stop-color"], fo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, fo = {
+}, ho = {
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
@@ -50,13 +50,27 @@ const so = ["id"], no = {
   emits: ["selectNode", "copyAlt"],
   setup(Ve, { expose: He, emit: Ge }) {
     St((t) => ({
-      v7e245e77: t.slicerColor
+      v586903fc: t.slicerColor
     }));
-    const We = g(() => import("./Title-BeMKE1cj.js")), xe = g(() => import("./Tooltip-C8KGyqQk.js")), re = g(() => import("./BaseIcon-Cb3zzG6s.js")), je = g(() => import("./vue-ui-accordion-DDuJT1xA.js")), Xe = g(() => import("./DataTable-DT2kIdQ6.js")), Ye = g(() => import("./PenAndPaper-Ct3qJ4lA.js")), qe = g(() => import("./UserOptions-rW2fRf3V.js")), Je = g(() => import("./PackageVersion-PjmqM4wb.js")), Ke = g(() => import("./RecursiveLinks-BDwyYfP-.js")), Qe = g(() => import("./RecursiveLabels-BhQMS9Sm.js")), et = g(() => import("./RecursiveCircles-BE6GoMmo.js")), tt = g(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_molecule: ot } = jt(), { isThemeValid: lt, warnInvalidTheme: at } = Kt(), w = Ve, ie = Ge, ue = f(() => !!w.dataset && w.dataset.length);
+    const We = g(() => import("./Title-BbKoiBk2.js")), xe = g(() => import("./Tooltip-Cvt7Fi0Q.js")), re = g(() => import("./BaseIcon-DX0hTWa-.js")), je = g(() => import("./vue-ui-accordion-BHmfmb_6.js")), Xe = g(() => import("./DataTable-cMnb68Ik.js")), Ye = g(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), qe = g(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Je = g(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Ke = g(
+      () => import("./RecursiveLinks-BDwyYfP-.js")
+    ), Qe = g(
+      () => import("./RecursiveLabels-BhQMS9Sm.js")
+    ), et = g(
+      () => import("./RecursiveCircles-BE6GoMmo.js")
+    ), tt = g(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_molecule: ot } = jt(), { isThemeValid: lt, warnInvalidTheme: at } = Kt(), w = Ve, ie = Ge, ue = h(() => !!w.dataset && w.dataset.length);
     It(() => {
       ce();
     });
-    const st = f(() => e.value.debug);
+    const st = h(() => e.value.debug);
     function ce() {
       Bt(w.dataset) && Ut({
         componentName: "VueUiMolecule",
@@ -64,7 +78,9 @@ const so = ["id"], no = {
         debug: st.value
       });
     }
-    const j = u(Ee()), X = u(!1), R = u(""), $ = u(null), ve = u(0), de = u(0), pe = u(0), F = u(null), Y = u(null), z = u(!1), M = u(!1), e = u(Q()), P = f(() => e.value.userOptions.useCursorPointer), nt = f(() => Re({
+    const j = u(Ee()), X = u(!1), R = u(""), $ = u(null), ve = u(0), de = u(0), pe = u(0), F = u(null), Y = u(null), z = u(!1), M = u(!1), e = u(Q()), P = h(
+      () => e.value.userOptions.useCursorPointer
+    ), nt = h(() => Re({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -86,36 +102,60 @@ const so = ["id"], no = {
           name: "_",
           color: "#CACACA",
           nodes: [
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] },
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] },
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] },
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] },
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] },
-            { name: "_", color: "#CACACA", nodes: [
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" },
-              { name: "_", color: "#CACACA" }
-            ] }
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            },
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            },
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            },
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            },
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            },
+            {
+              name: "_",
+              color: "#CACACA",
+              nodes: [
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" },
+                { name: "_", color: "#CACACA" }
+              ]
+            }
           ]
         }
       ],
@@ -123,7 +163,9 @@ const so = ["id"], no = {
         defaultConfig: e.value,
         userConfig: nt.value
       })
-    }), { userOptionsVisible: K, setUserOptionsVisibility: he, keepUserOptionState: fe } = Qt({ config: e.value }), { svgRef: N } = eo({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: fe, keepUserOptionState: he } = Qt({ config: e.value }), { svgRef: N } = eo({
+      config: e.value.style.chart.title
+    });
     function Q() {
       const t = ne({
         userConfig: w.config,
@@ -144,33 +186,45 @@ const so = ["id"], no = {
         customPalette: s.customPalette.length ? s.customPalette : Zt[l] || ze
       };
     }
-    x(() => w.config, (t) => {
-      e.value = Q(), K.value = !e.value.userOptions.showOnChartHover, ce(), de.value += 1, pe.value += 1, c.value.showTable = e.value.table.show, c.value.showTooltip = e.value.style.chart.tooltip.show, c.value.showZoom = e.value.style.chart.zoom.show;
-    }, { deep: !0 });
+    x(
+      () => w.config,
+      (t) => {
+        e.value = Q(), K.value = !e.value.userOptions.showOnChartHover, ce(), de.value += 1, pe.value += 1, c.value.showTable = e.value.table.show, c.value.showTooltip = e.value.style.chart.tooltip.show, c.value.showZoom = e.value.style.chart.zoom.show;
+      },
+      { deep: !0 }
+    );
     const me = u(0), rt = () => {
       me.value += 1;
     };
-    x([() => q.value, () => J.value], async ([t]) => {
-      t || (await Z(), C.value = ye(), await Z(), rt(), await Z(), bt({ x: 0, y: 0, width: 400, height: 400 }), ae(!1));
-    }, { flush: "post", deep: !1 });
+    x(
+      [() => q.value, () => J.value],
+      async ([t]) => {
+        t || (await Z(), C.value = ye(), await Z(), rt(), await Z(), bt({ x: 0, y: 0, width: 400, height: 400 }), ae(!1));
+      },
+      { flush: "post", deep: !1 }
+    );
     const { isPrinting: ee, isImaging: te, generatePdf: ge, generateImage: Ce } = qt({
       elementId: `cluster_${j.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), it = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ut = f(() => Et(e.value.customPalette)), c = u({
+    }), it = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ut = h(() => Et(e.value.customPalette)), c = u({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show,
       showZoom: e.value.style.chart.zoom.show
     });
-    x(e, () => {
-      c.value = {
-        showTable: e.value.table.show,
-        showDataLabels: !0,
-        showTooltip: e.value.style.chart.tooltip.show,
-        showZoom: e.value.style.chart.zoom.show
-      };
-    }, { immediate: !0 });
+    x(
+      e,
+      () => {
+        c.value = {
+          showTable: e.value.table.show,
+          showDataLabels: !0,
+          showTooltip: e.value.style.chart.tooltip.show,
+          showZoom: e.value.style.chart.zoom.show
+        };
+      },
+      { immediate: !0 }
+    );
     function be(t, l = 0) {
       return Array.isArray(t) && t.length > 0 && t[0].nodes ? be(t[0].nodes, l + 1) : l;
     }
@@ -199,7 +253,10 @@ const so = ["id"], no = {
           return se.startsWith("#") ? se : `#${se}`;
         })() : null;
         let I;
-        Ne ? I = Ne : W === 0 ? I = y : W === 1 ? (I = ut.value[v] || ze[v] || y, v += 1) : I = y, m.polygonPath = { coordinates: [Fe] }, m.circleRadius = s, m.color = I, m.strokeWidth = Math.min(e.value.style.chart.links.strokeWidth / (W + 1), s / 2), m.uid = Ee(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = ke(
+        Ne ? I = Ne : W === 0 ? I = y : W === 1 ? (I = ut.value[v] || ze[v] || y, v += 1) : I = y, m.polygonPath = { coordinates: [Fe] }, m.circleRadius = s, m.color = I, m.strokeWidth = Math.min(
+          e.value.style.chart.links.strokeWidth / (W + 1),
+          s / 2
+        ), m.uid = Ee(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = ke(
           m.nodes,
           Fe,
           o / 2.9,
@@ -227,7 +284,7 @@ const so = ["id"], no = {
         s[n] = `gradient_${v}`;
       }), s;
     }
-    const vt = f(() => ct(b.value)), b = f(() => {
+    const vt = h(() => ct(b.value)), b = h(() => {
       const t = Rt(J.value);
       return ke(t);
     }), V = u(null);
@@ -239,12 +296,14 @@ const so = ["id"], no = {
         config: e.value
       };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Wt(l) && xt(() => l({
-        seriesIndex: -1,
-        datapoint: t,
-        series: b.value,
-        config: e.value
-      })))
+      if (Wt(l) && xt(
+        () => l({
+          seriesIndex: -1,
+          datapoint: t,
+          series: b.value,
+          config: e.value
+        })
+      ))
         R.value = l({
           seriesIndex: -1,
           // well, ok
@@ -259,9 +318,15 @@ const so = ["id"], no = {
     }
     const H = u(null), L = u(null), Ae = u(null);
     function pt(t) {
-      Ae.value = H.value, H.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: Ae.value || H.value, seriesIndex: -1 }), t ? (X.value = !0, dt(t), L.value = t.uid) : (X.value = !1, R.value = "", L.value = null);
+      Ae.value = H.value, H.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: -1
+      }) : e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: Ae.value || H.value,
+        seriesIndex: -1
+      }), t ? (X.value = !0, dt(t), L.value = t.uid) : (X.value = !1, R.value = "", L.value = null);
     }
-    function ht(t) {
+    function ft(t) {
       const l = [];
       function o(s) {
         s.forEach((n) => {
@@ -276,12 +341,12 @@ const so = ["id"], no = {
       }
       return o(t), l;
     }
-    const ft = f(() => ht(b.value)), O = f(() => {
+    const ht = h(() => ft(b.value)), O = h(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], l = ft.value.map((n, v) => [
+      ], l = ht.value.map((n, v) => [
         {
           color: n.color,
           name: n.name
@@ -314,8 +379,15 @@ const so = ["id"], no = {
     });
     function oe(t = null) {
       Z(() => {
-        const l = O.value.body.map((n, v) => [[n[0].name], [n[1]], [n[2]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...O.value.head]]].concat(l), s = Ht(o);
-        t ? t(s) : Gt({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-molecule" });
+        const l = O.value.body.map((n, v) => [[n[0].name], [n[1]], [n[2]]]), o = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [[...O.value.head]]
+        ].concat(l), s = Ht(o);
+        t ? t(s) : Gt({
+          csvContent: s,
+          title: e.value.style.chart.title.text || "vue-ui-molecule"
+        });
       });
     }
     function mt() {
@@ -341,18 +413,33 @@ const so = ["id"], no = {
     function le() {
       B.value = !B.value;
     }
-    const gt = f(() => !B.value && c.value.showZoom), { viewBox: G, resetZoom: ae, isZoom: Ct, setInitialViewBox: bt } = lo(N, {
-      x: 0,
-      y: 0,
-      width: Math.max(10, C.value.width),
-      height: Math.max(10, C.value.height)
-    }, e.value.style.chart.zoom.speed, gt);
+    const gt = h(
+      () => !B.value && c.value.showZoom
+    ), { viewBox: G, resetZoom: ae, isZoom: Ct, setInitialViewBox: bt } = lo(
+      N,
+      {
+        x: 0,
+        y: 0,
+        width: Math.max(10, C.value.width),
+        height: Math.max(10, C.value.height)
+      },
+      e.value.style.chart.zoom.speed,
+      gt
+    );
     function yt(t) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: -1 }), ie("selectNode", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: t,
+        seriesIndex: -1
+      }), ie("selectNode", t);
     }
     async function kt({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: l, height: o } = $.value.getBoundingClientRect(), s = l / o, { imageUri: n, base64: v } = await to({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = $.value.getBoundingClientRect(), s = l / o, { imageUri: n, base64: v } = await to({
+        domElement: $.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: n,
         base64: v,
@@ -362,7 +449,7 @@ const so = ["id"], no = {
         aspectRatio: s
       };
     }
-    const U = f(() => {
+    const U = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = c.value.showTable;
       return {
         component: t ? tt : je,
@@ -393,13 +480,16 @@ const so = ["id"], no = {
         }
       };
     });
-    x(() => c.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
-    });
+    x(
+      () => c.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
+      }
+    );
     function Se() {
       c.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
     }
-    const At = f(() => e.value.style.chart.backgroundColor), wt = f(() => e.value.style.chart.title), { exportSvg: $t, getSvg: Tt } = Jt({
+    const At = h(() => e.value.style.chart.backgroundColor), wt = h(() => e.value.style.chart.title), { exportSvg: $t, getSvg: Tt } = Jt({
       svg: N,
       title: wt,
       backgroundColor: At
@@ -409,7 +499,14 @@ const so = ["id"], no = {
       try {
         if (t) {
           const { blob: l, url: o, text: s, dataUrl: n } = await Tt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: o, text: s, dataUrl: n }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: o,
+              text: s,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve($t());
       } finally {
@@ -432,13 +529,17 @@ const so = ["id"], no = {
         config: e.value,
         dataset: b.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: b.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: b.value
+        })
+      );
     }
     return He({
       getData: mt,
@@ -461,9 +562,9 @@ const so = ["id"], no = {
       style: E(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `cluster_${j.value}`,
       onMouseleave: l[2] || (l[2] = (o) => {
-        H.value = null, L.value = null, a(he)(!1);
+        H.value = null, L.value = null, a(fe)(!1);
       }),
-      onMouseenter: l[3] || (l[3] = () => a(he)(!0))
+      onMouseenter: l[3] || (l[3] = () => a(fe)(!0))
     }, [
       e.value.userOptions.buttons.annotator && a(N) ? (d(), T(a(Ye), {
         key: 0,
@@ -478,19 +579,19 @@ const so = ["id"], no = {
           r(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": i(({ color: o }) => [
-          r(t.$slots, "annotator-action-color", p(h({ color: o })), void 0, !0)
+          r(t.$slots, "annotator-action-color", p(f({ color: o })), void 0, !0)
         ]),
         "annotator-action-draw": i(({ mode: o }) => [
-          r(t.$slots, "annotator-action-draw", p(h({ mode: o })), void 0, !0)
+          r(t.$slots, "annotator-action-draw", p(f({ mode: o })), void 0, !0)
         ]),
         "annotator-action-undo": i(({ disabled: o }) => [
-          r(t.$slots, "annotator-action-undo", p(h({ disabled: o })), void 0, !0)
+          r(t.$slots, "annotator-action-undo", p(f({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-redo": i(({ disabled: o }) => [
-          r(t.$slots, "annotator-action-redo", p(h({ disabled: o })), void 0, !0)
+          r(t.$slots, "annotator-action-redo", p(f({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-delete": i(({ disabled: o }) => [
-          r(t.$slots, "annotator-action-delete", p(h({ disabled: o })), void 0, !0)
+          r(t.$slots, "annotator-action-delete", p(f({ disabled: o })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : k("", !0),
@@ -510,7 +611,7 @@ const so = ["id"], no = {
           }
         }, null, 8, ["config"]))
       ])) : k("", !0),
-      e.value.userOptions.show && ue.value && (a(fe) || a(K)) ? (d(), T(a(qe), {
+      e.value.userOptions.show && ue.value && (a(he) || a(K)) ? (d(), T(a(qe), {
         ref_key: "userOptionsRef",
         ref: Y,
         key: `user_options_${ve.value}`,
@@ -552,13 +653,13 @@ const so = ["id"], no = {
         onToggleZoom: Oe,
         onCopyAlt: De,
         style: E({
-          visibility: a(fe) ? a(K) ? "visible" : "hidden" : "visible"
+          visibility: a(he) ? a(K) ? "visible" : "hidden" : "visible"
         })
       }, Be({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: i(({ isOpen: o, color: s }) => [
-            r(t.$slots, "menuIcon", p(h({ isOpen: o, color: s })), void 0, !0)
+            r(t.$slots, "menuIcon", p(f({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -614,28 +715,28 @@ const so = ["id"], no = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: i(({ toggleFullscreen: o, isFullscreen: s }) => [
-            r(t.$slots, "optionFullscreen", p(h({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+            r(t.$slots, "optionFullscreen", p(f({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: i(({ toggleAnnotator: o, isAnnotator: s }) => [
-            r(t.$slots, "optionAnnotator", p(h({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
+            r(t.$slots, "optionAnnotator", p(f({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionZoom ? {
           name: "optionZoom",
           fn: i(({ toggleZoom: o, isZoomLocked: s }) => [
-            r(t.$slots, "optionZoom", p(h({ toggleZoom: o, isZoomLocked: s })), void 0, !0)
+            r(t.$slots, "optionZoom", p(f({ toggleZoom: o, isZoomLocked: s })), void 0, !0)
           ]),
           key: "10"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: i(({ altCopy: o }) => [
-            r(t.$slots, "optionAltCopy", p(h({ altCopy: o })), void 0, !0)
+            r(t.$slots, "optionAltCopy", p(f({ altCopy: o })), void 0, !0)
           ]),
           key: "11"
         } : void 0
@@ -646,7 +747,10 @@ const so = ["id"], no = {
         key: `svg_${me.value}`,
         xmlns: a(zt),
         viewBox: `${a(G).x} ${a(G).y} ${a(G).width} ${a(G).height}`,
-        class: Le({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
+        class: Le({
+          "vue-data-ui-fullscreen--on": S.value,
+          "vue-data-ui-fulscreen--off": !S.value
+        }),
         style: E(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         D(a(Je)),
@@ -696,7 +800,7 @@ const so = ["id"], no = {
           onHover: pt
         }, {
           node: i(({ node: o }) => [
-            r(t.$slots, "node", p(h({ node: o })), void 0, !0)
+            r(t.$slots, "node", p(f({ node: o })), void 0, !0)
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
@@ -714,10 +818,12 @@ const so = ["id"], no = {
           }
         }, void 0, !0)
       ], 14, io)),
-      t.$slots.watermark ? (d(), A("div", ho, [
-        r(t.$slots, "watermark", p(h({ isPrinting: a(ee) || a(te) || z.value || M.value })), void 0, !0)
+      t.$slots.watermark ? (d(), A("div", fo, [
+        r(t.$slots, "watermark", p(f({
+          isPrinting: a(ee) || a(te) || z.value || M.value
+        })), void 0, !0)
       ])) : k("", !0),
-      a(Ct) ? (d(), A("div", fo, [
+      a(Ct) ? (d(), A("div", ho, [
         r(t.$slots, "reset-action", { reset: a(ae) }, () => [
           _("button", {
             "data-cy-reset": "",
@@ -762,13 +868,13 @@ const so = ["id"], no = {
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": i(() => [
-          r(t.$slots, "tooltip-before", p(h({ ...V.value })), void 0, !0)
+          r(t.$slots, "tooltip-before", p(f({ ...V.value })), void 0, !0)
         ]),
         tooltip: i(() => [
-          r(t.$slots, "tooltip", p(h({ ...V.value })), void 0, !0)
+          r(t.$slots, "tooltip", p(f({ ...V.value })), void 0, !0)
         ]),
         "tooltip-after": i(() => [
-          r(t.$slots, "tooltip-after", p(h({ ...V.value })), void 0, !0)
+          r(t.$slots, "tooltip-after", p(f({ ...V.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -833,7 +939,7 @@ const so = ["id"], no = {
       ], !0)
     ], 46, so));
   }
-}, No = /* @__PURE__ */ ao(Co, [["__scopeId", "data-v-56428ce1"]]);
+}, No = /* @__PURE__ */ ao(Co, [["__scopeId", "data-v-95930e33"]]);
 export {
   No as default
 };