vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-relation-circle-D3jsasRD.js → vue-ui-relation-circle-XQH3QkrI.js}

@@ -1,19 +1,19 @@
 import { useCssVars as St, defineAsyncComponent as ue, computed as g, ref as c, toRefs as It, watch as re, shallowRef as Re, onMounted as Mt, onBeforeUnmount as Et, openBlock as o, createElementBlock as i, unref as u, normalizeStyle as R, createElementVNode as J, toDisplayString as V, createBlock as G, createCommentVNode as h, withCtx as p, renderSlot as d, normalizeProps as w, guardReactiveProps as x, createSlots as Tt, normalizeClass as ce, createVNode as Ft, Fragment as S, renderList as N, mergeProps as Ne, createTextVNode as De, nextTick as Bt } from "vue";
-import { j as Rt, t as je, m as Nt, p as Ue, n as Dt, o as Ve, q as Ge, r as jt, X as Ut, W as We, k as ve, l as de, a2 as fe } from "./lib-DBptbyyI.js";
+import { j as Rt, t as je, m as Nt, p as Ue, n as Dt, o as Ve, q as Ge, r as jt, X as Ut, W as We, k as ve, l as de, a2 as fe } from "./lib-DMzrGQHK.js";
 import { t as Vt, u as Gt } from "./useResponsive-DfdjqQps.js";
-import { u as Wt } from "./useConfig-C40HvGpD.js";
-import { u as Kt, B as Xt } from "./BaseScanner-BhhkKVoj.js";
-import { u as Yt } from "./usePrinter-CEpYU3r5.js";
-import { u as qt } from "./useSvgExport-ByUukOZt.js";
-import { u as ye } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Ht } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Jt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Zt } from "./useAutoSizeLabelsInsideViewbox-DX7LdvFX.js";
-import el from "./img-LXxMLmCg.js";
-import tl from "./Title-BeMKE1cj.js";
+import { u as Wt } from "./useConfig-DTHxOX6V.js";
+import { u as Kt, B as Xt } from "./BaseScanner-BON3d_Sx.js";
+import { u as Yt } from "./usePrinter-C4t8DdQ-.js";
+import { u as qt } from "./useSvgExport-BTG4hVPO.js";
+import { u as ye } from "./useNestedProp-DH0BEVVS.js";
+import { u as Ht } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Jt } from "./useUserOptionState-B7Ej974k.js";
+import { u as Qt } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Zt } from "./useAutoSizeLabelsInsideViewbox-izlGDfwu.js";
+import el from "./img-CjTQXS0U.js";
+import tl from "./Title-BbKoiBk2.js";
 import ll from "./vue_ui_relation_circle-CCroen7h.js";
-import { A as al } from "./A11yDataTable-KcVAX2cP.js";
+import { A as al } from "./A11yDataTable-BpmuNomI.js";
 import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = ["xmlns", "viewBox", "aria-describedby"], rl = ["width", "height"], cl = ["cx", "cy", "r", "stroke", "stroke-width"], vl = { key: 1 }, dl = ["stroke", "d", "stroke-width"], fl = { style: { "pointer-events": "none" } }, yl = ["cx", "cy", "fill", "r", "stroke"], gl = ["x", "y", "fill", "font-size"], hl = { key: 2 }, ml = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], pl = { style: { "pointer-events": "none" } }, bl = ["cx", "cy", "fill", "r", "stroke"], kl = ["x", "y", "fill", "font-size"], wl = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], xl = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], Cl = {
   key: 0,
@@ -42,11 +42,19 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
   emits: ["copyAlt"],
   setup(Ke, { expose: Xe, emit: Ye }) {
     St((e) => ({
-      d6a20264: rt.value,
-      ef050ca6: ut.value,
-      v37f094cf: ct.value
+      v0bd012f5: rt.value,
+      b9cbbb58: ut.value,
+      v6b1d3b36: ct.value
     }));
-    const qe = ue(() => import("./PenAndPaper-Ct3qJ4lA.js")), He = ue(() => import("./UserOptions-rW2fRf3V.js")), Je = ue(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_relation_circle: Qe } = Wt(), { isThemeValid: Ze, warnInvalidTheme: et } = Ht(), b = Ke, tt = Ye, lt = g(() => !!b.dataset && Object.keys(b.dataset).length), P = c(Rt()), ge = c(0), I = c(null), he = c(null), me = c(null), pe = c(null), be = c(0), W = c(!1), K = c(!1), m = c(null), X = c(!1), l = c(ee()), Y = g(() => l.value.userOptions.useCursorPointer), at = g(() => je({
+    const qe = ue(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), He = ue(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Je = ue(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_relation_circle: Qe } = Wt(), { isThemeValid: Ze, warnInvalidTheme: et } = Ht(), b = Ke, tt = Ye, lt = g(() => !!b.dataset && Object.keys(b.dataset).length), P = c(Rt()), ge = c(0), I = c(null), he = c(null), me = c(null), pe = c(null), be = c(0), W = c(!1), K = c(!1), m = c(null), X = c(!1), l = c(ee()), Y = g(
+      () => l.value.userOptions.useCursorPointer
+    ), at = g(() => je({
       defaultConfig: {
         userOptions: { show: !1 },
         customPalette: new Array(7).fill("#CACACA"),
@@ -76,7 +84,9 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
         defaultConfig: l.value,
         userConfig: at.value
       })
-    }), { userOptionsVisible: Z, setUserOptionsVisibility: we, keepUserOptionState: xe } = Jt({ config: l.value }), { svgRef: T } = Qt({ config: l.value.style.title });
+    }), { userOptionsVisible: Z, setUserOptionsVisibility: we, keepUserOptionState: xe } = Jt({ config: l.value }), { svgRef: T } = Qt({
+      config: l.value.style.title
+    });
     function ee() {
       const e = ye({
         userConfig: b.config,
@@ -97,11 +107,19 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
         customPalette: s.customPalette.length ? s.customPalette : Nt[a] || Ue
       };
     }
-    re(() => b.config, (e) => {
-      l.value = ee(), Z.value = !l.value.userOptions.showOnChartHover, M.value = l.value.style.size, k.value = l.value.style.weightLabels.size, q.value = l.value.style.plot.radius, D.value = l.value.style.labels.fontSize, v.value.height = l.value.style.size, v.value.width = l.value.style.size, Le(), be.value += 1;
-    }, { deep: !0 }), re(() => b.dataset, (e) => {
-      Array.isArray(e) && e.length > 0 && (Q.value = !1);
-    }, { deep: !0 });
+    re(
+      () => b.config,
+      (e) => {
+        l.value = ee(), Z.value = !l.value.userOptions.showOnChartHover, M.value = l.value.style.size, k.value = l.value.style.weightLabels.size, q.value = l.value.style.plot.radius, D.value = l.value.style.labels.fontSize, v.value.height = l.value.style.size, v.value.width = l.value.style.size, Le(), be.value += 1;
+      },
+      { deep: !0 }
+    ), re(
+      () => b.dataset,
+      (e) => {
+        Array.isArray(e) && e.length > 0 && (Q.value = !1);
+      },
+      { deep: !0 }
+    );
     const { isPrinting: te, isImaging: le, generatePdf: Ce, generateImage: $e } = Yt({
       elementId: `relation_circle_${P.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
@@ -204,7 +222,14 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
       let t = 0, s = 0;
       L.value.forEach((r, n) => {
         const A = r.weights.reduce((Ot, zt) => Ot + zt, 0), z = E.value * Math.cos(t) + v.value.width / 2, _t = E.value * Math.sin(t) + v.value.height / 2 + l.value.style.circle.offsetY;
-        y.value.push({ x: z, y: _t, ...r, color: r.color ? r.color : Ae.value[n] ? Ae.value[n] : Ue[n], regAngle: s, totalWeight: A }), t += e, s += a;
+        y.value.push({
+          x: z,
+          y: _t,
+          ...r,
+          color: r.color ? r.color : Ae.value[n] ? Ae.value[n] : Ue[n],
+          regAngle: s,
+          totalWeight: A
+        }), t += e, s += a;
       });
     }
     function vt(e, a) {
@@ -224,7 +249,10 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
             y2: t.y,
             colorSource: e.color,
             colorTarget: t.color,
-            midPointLine: vt({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
+            midPointLine: vt(
+              { x: e.x, y: e.y },
+              { x: t.x, y: t.y }
+            ),
             midPointBezier: dt({
               x1: e.x,
               x2: t.x,
@@ -270,13 +298,22 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
     }
     const j = c(null);
     function Se(e, a) {
-      j.value = a, m.value = a, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: a });
+      j.value = a, m.value = a, l.value.events.datapointEnter && l.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: a
+      });
     }
     function Ie(e, a) {
-      j.value = null, X.value || (m.value = null), l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: a });
+      j.value = null, X.value || (m.value = null), l.value.events.datapointLeave && l.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: a
+      });
     }
     function Me(e, a) {
-      e && (l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: a }), ot.value = 360 - e.regAngle, f.value.id && e.id === f.value.id ? (f.value = {}, $.value = []) : (f.value = e, $.value = [...e.relations]));
+      e && (l.value.events.datapointClick && l.value.events.datapointClick({
+        datapoint: e,
+        seriesIndex: a
+      }), ot.value = 360 - e.regAngle, f.value.id && e.id === f.value.id ? (f.value = {}, $.value = []) : (f.value = e, $.value = [...e.relations]));
     }
     function Ee(e, a) {
       m.value = a, Me(e, a);
@@ -295,7 +332,12 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
     }
     async function bt({ scale: e = 2 } = {}) {
       if (!I.value) return;
-      const { width: a, height: t } = I.value.getBoundingClientRect(), s = a / t, { imageUri: r, base64: n } = await el({ domElement: I.value, base64: !0, img: !0, scale: e });
+      const { width: a, height: t } = I.value.getBoundingClientRect(), s = a / t, { imageUri: r, base64: n } = await el({
+        domElement: I.value,
+        base64: !0,
+        img: !0,
+        scale: e
+      });
       return {
         imageUri: r,
         base64: n,
@@ -315,7 +357,14 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
       try {
         if (e) {
           const { blob: a, url: t, text: s, dataUrl: r } = await Ct();
-          await Promise.resolve(l.value.userOptions.callbacks.svg({ blob: a, url: t, text: s, dataUrl: r }));
+          await Promise.resolve(
+            l.value.userOptions.callbacks.svg({
+              blob: a,
+              url: t,
+              text: s,
+              dataUrl: r
+            })
+          );
         } else
           await Promise.resolve(xt());
       } finally {
@@ -338,13 +387,17 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
         config: l.value,
         dataset: L.value
       }), !l.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(l.value.userOptions.callbacks.altCopy({
-        config: l.value,
-        dataset: L.value
-      }));
+      await Promise.resolve(
+        l.value.userOptions.callbacks.altCopy({
+          config: l.value,
+          dataset: L.value
+        })
+      );
     }
     function At() {
       X.value = !0, y.value.length && m.value === null && (m.value = 0);
@@ -355,7 +408,8 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
     function Lt(e) {
       if (!T.value || U.value || document.activeElement !== T.value || !y.value.length) return;
       const a = ["ArrowLeft", "ArrowUp"].includes(e.key), t = ["ArrowRight", "ArrowDown"].includes(e.key), s = e.key === "Enter" || e.key === " ", r = e.key === "Escape";
-      if (!a && !t && !s && !r) return;
+      if (!a && !t && !s && !r)
+        return;
       if (e.preventDefault(), e.stopPropagation(), r) {
         m.value = null, f.value = {}, $.value = [];
         return;
@@ -370,7 +424,10 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
       let n = m.value;
       n === null || n < 0 || n >= y.value.length ? n = t ? 0 : y.value.length - 1 : t ? (n += 1, n >= y.value.length && (n = 0)) : a && (n -= 1, n < 0 && (n = y.value.length - 1)), m.value = n, j.value = n;
       const A = y.value[n];
-      A && l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: A, seriesIndex: n });
+      A && l.value.events.datapointEnter && l.value.events.datapointEnter({
+        datapoint: A,
+        seriesIndex: n
+      });
     }
     const ie = g(() => {
       const e = [
@@ -380,7 +437,12 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
         "Relations count",
         "Relations"
       ], a = L.value.map((t) => {
-        const s = t.relations.map((n) => L.value.find((z) => z.id === n)?.label || n).join(", "), r = (t.weights || []).reduce((n, A) => n + Number(A || 0), 0);
+        const s = t.relations.map((n) => L.value.find(
+          (z) => z.id === n
+        )?.label || n).join(", "), r = (t.weights || []).reduce(
+          (n, A) => n + Number(A || 0),
+          0
+        );
         return [
           t.id,
           t.label,
@@ -566,7 +628,10 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
           ref_key: "svgRef",
           ref: T,
           xmlns: u(Ut),
-          class: ce([{ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }, "relation-circle"]),
+          class: ce([{
+            "vue-data-ui-fullscreen--on": H.value,
+            "vue-data-ui-fulscreen--off": !H.value
+          }, "relation-circle"]),
           viewBox: `0 0 ${v.value.width <= 0 ? 10 : v.value.width} ${v.value.height <= 0 ? 10 : v.value.height}`,
           width: "100%",
           style: "user-select:none; background:transparent",
@@ -603,7 +668,9 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
               key: `relation_${s}`,
               style: R(ze(t)),
               stroke: O(t),
-              class: ce(["relation", { "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && $.value.includes(t.id) }]),
+              class: ce(["relation", {
+                "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && $.value.includes(t.id)
+              }]),
               d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${v.value.width / 2},${v.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
               fill: "none",
               "stroke-width": ne(t),
@@ -658,7 +725,9 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
               x2: t.x2,
               y1: t.y1,
               y2: t.y2,
-              class: ce({ "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && $.value.includes(t.id) }),
+              class: ce({
+                "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && $.value.includes(t.id)
+              }),
               "stroke-linecap": "round"
             }, null, 14, ml))), 128)),
             (o(!0), i(S, null, N(C.value, (t, s) => (o(), i("g", pl, [
@@ -719,7 +788,7 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
             onMouseleave: (r) => Ie(t, s)
           }, [
             u(ke) ? (o(), i(S, { key: 0 }, [
-              De(" -------- ")
+              De("--------")
             ], 64)) : (o(), i(S, { key: 1 }, [
               De(V(t.label) + " (" + V(u(ve)(
                 l.value.style.weightLabels.formatter,
@@ -757,11 +826,16 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
           }, void 0, !0)
         ], 42, ul)),
         e.$slots.hint ? (o(), i("div", Cl, [
-          d(e.$slots, "hint", w(x({ hint: l.value.a11y.translations.keyboardNavigation, isVisible: X.value })), void 0, !0)
+          d(e.$slots, "hint", w(x({
+            hint: l.value.a11y.translations.keyboardNavigation,
+            isVisible: X.value
+          })), void 0, !0)
         ])) : h("", !0)
       ]),
       e.$slots.watermark ? (o(), i("div", $l, [
-        d(e.$slots, "watermark", w(x({ isPrinting: u(te) || u(le) || W.value || K.value })), void 0, !0)
+        d(e.$slots, "watermark", w(x({
+          isPrinting: u(te) || u(le) || W.value || K.value
+        })), void 0, !0)
       ])) : h("", !0),
       e.$slots.source ? (o(), i("div", {
         key: 6,
@@ -776,7 +850,7 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
       ], !0)
     ], 44, nl));
   }
-}, Vl = /* @__PURE__ */ sl(Al, [["__scopeId", "data-v-75988890"]]);
+}, Vl = /* @__PURE__ */ sl(Al, [["__scopeId", "data-v-2cc382ee"]]);
 export {
   Vl as default
 };