vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-relation-circle-BeWuQDkk.js → vue-ui-relation-circle-CcGD2bEJ.js}

@@ -1,16 +1,17 @@
-import { useCssVars as ut, computed as h, defineAsyncComponent as Z, ref as r, toRefs as ot, watch as ee, shallowRef as Le, onMounted as rt, onBeforeUnmount as ct, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as z, createBlock as N, createCommentVNode as f, createSlots as vt, withCtx as M, renderSlot as g, normalizeProps as j, guardReactiveProps as D, normalizeClass as te, createVNode as dt, createElementVNode as ft, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as U, createTextVNode as ze } from "vue";
-import { u as yt, c as ht, t as gt, a as mt, p as Oe, b as pt, d as bt, o as Se, f as Ie, g as kt, X as wt, F as Me, k as le, i as se, E as ae } from "./index-Lg17rmB1.js";
-import { t as xt, u as $t } from "./useResponsive-DfdjqQps.js";
-import { u as At, B as _t } from "./BaseScanner-BgWxam9d.js";
-import { u as Ct } from "./usePrinter-DGI4Mlad.js";
-import { u as Ee } from "./useNestedProp-DpwLJMsW.js";
-import { u as Lt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Pt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as zt } from "./useAutoSizeLabelsInsideViewbox-BxqMb3sU.js";
-import Ot from "./img-CeCjiMpr.js";
-import St from "./Title-BVMfF0uu.js";
+import { useCssVars as ut, computed as h, defineAsyncComponent as Z, ref as r, toRefs as ot, watch as ee, shallowRef as Le, onMounted as rt, onBeforeUnmount as ct, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as z, createBlock as N, createCommentVNode as f, createSlots as vt, withCtx as M, renderSlot as g, normalizeProps as j, guardReactiveProps as D, normalizeClass as te, createVNode as dt, createElementVNode as ft, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as G, createTextVNode as ze } from "vue";
+import { c as yt, t as ht, b as gt, p as Oe, e as mt, o as Se, f as Ie, g as pt, X as bt, G as Me, a as le, d as se, F as ae } from "./lib-p5pfHmOX.js";
+import { t as kt, u as wt } from "./useResponsive-DfdjqQps.js";
+import { u as xt, a as Ee } from "./useNestedProp-DF7e2h1z.js";
+import { u as $t, B as At } from "./BaseScanner-BgWxam9d.js";
+import { u as _t } from "./usePrinter-Yeu5jOfm.js";
+import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Lt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Pt } from "./useAutoSizeLabelsInsideViewbox-VqESrzQg.js";
+import zt from "./img-CH7J0fYg.js";
+import Ot from "./Title-pI68ZJsq.js";
+import { t as St } from "./themes-D3cUNuKw.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["cx", "cy", "r", "stroke", "stroke-width"], Rt = { key: 1 }, Tt = ["stroke", "d", "stroke-width"], Nt = { style: { "pointer-events": "none" } }, jt = ["cx", "cy", "fill", "r", "stroke"], Dt = ["x", "y", "fill", "font-size"], Ut = { key: 2 }, Vt = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Gt = { style: { "pointer-events": "none" } }, Wt = ["cx", "cy", "fill", "r", "stroke"], Xt = ["x", "y", "fill", "font-size"], Yt = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], qt = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], Ht = {
+const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["cx", "cy", "r", "stroke", "stroke-width"], Rt = { key: 1 }, Tt = ["stroke", "d", "stroke-width"], Nt = { style: { "pointer-events": "none" } }, jt = ["cx", "cy", "fill", "r", "stroke"], Dt = ["x", "y", "fill", "font-size"], Gt = { key: 2 }, Ut = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Vt = { style: { "pointer-events": "none" } }, Wt = ["cx", "cy", "fill", "r", "stroke"], Xt = ["x", "y", "fill", "font-size"], Yt = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], qt = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], Ht = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Jt = {
@@ -35,7 +36,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
       "501dae6a": Xe.value,
       "2abe5668": qe.value
     }));
-    const Re = Z(() => import("./PenAndPaper-BKnXOYre.js")), Te = Z(() => import("./UserOptions-CKzW9w0Q.js")), Ne = Z(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_relation_circle: je } = yt(), m = Fe, De = h(() => !!m.dataset && Object.keys(m.dataset).length), S = r(ht()), ie = r(0), A = r(null), ne = r(null), ue = r(null), oe = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: Ue, manualLoading: V } = At({
+    const Re = Z(() => import("./PenAndPaper-CtDMyIvW.js")), Te = Z(() => import("./UserOptions-Bn3u4JQu.js")), Ne = Z(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_relation_circle: je } = xt(), m = Fe, De = h(() => !!m.dataset && Object.keys(m.dataset).length), S = r(yt()), ie = r(0), A = r(null), ne = r(null), ue = r(null), oe = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: Ge, manualLoading: U } = $t({
       ...ot(m),
       FINAL_CONFIG: l,
       prepareConfig: X,
@@ -48,7 +49,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
         { id: "F", label: "_", relations: ["A"] },
         { id: "G", label: "_", relations: ["A"] }
       ],
-      skeletonConfig: gt({
+      skeletonConfig: ht({
         defaultConfig: l.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -62,7 +63,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
           }
         }
       })
-    }), { userOptionsVisible: G, setUserOptionsVisibility: ve, keepUserOptionState: de } = Lt({ config: l.value }), { svgRef: W } = Pt({ config: l.value.style.title });
+    }), { userOptionsVisible: V, setUserOptionsVisibility: ve, keepUserOptionState: de } = Ct({ config: l.value }), { svgRef: W } = Lt({ config: l.value.style.title });
     function X() {
       const e = Ee({
         userConfig: m.config,
@@ -70,22 +71,22 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
       });
       return e.theme ? {
         ...Ee({
-          userConfig: pt.vue_ui_relation_circle[e.theme] || m.config,
+          userConfig: St.vue_ui_relation_circle[e.theme] || m.config,
           defaultConfig: e
         }),
-        customPalette: mt[e.theme] || Oe
+        customPalette: gt[e.theme] || Oe
       } : e;
     }
     ee(() => m.config, (e) => {
-      l.value = X(), G.value = !l.value.userOptions.showOnChartHover, _.value = l.value.style.size, y.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, I.value = l.value.style.labels.fontSize, o.value.height = l.value.style.size, o.value.width = l.value.style.size, be(), re.value += 1;
+      l.value = X(), V.value = !l.value.userOptions.showOnChartHover, _.value = l.value.style.size, y.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, I.value = l.value.style.labels.fontSize, o.value.height = l.value.style.size, o.value.width = l.value.style.size, be(), re.value += 1;
     }, { deep: !0 }), ee(() => m.dataset, (e) => {
-      Array.isArray(e) && e.length > 0 && (V.value = !1);
+      Array.isArray(e) && e.length > 0 && (U.value = !1);
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: ye, generatePdf: he, generateImage: ge } = Ct({
+    const { isPrinting: fe, isImaging: ye, generatePdf: he, generateImage: ge } = _t({
       elementId: `relation_circle_${S.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
       options: l.value.userOptions.print
-    }), Ve = h(() => l.value.userOptions.show && !l.value.style.title.text), me = h(() => bt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ge = r(0), E = h(() => Ue.value.slice(0, l.value.style.limit).map((e) => {
+    }), Ue = h(() => l.value.userOptions.show && !l.value.style.title.text), me = h(() => mt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ve = r(0), E = h(() => Ge.value.slice(0, l.value.style.limit).map((e) => {
       const s = Array.isArray(e.relations) ? e.relations : [];
       return {
         ...e,
@@ -116,8 +117,8 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
         componentName: "VueUiRelationCircle",
         type: "dataset",
         debug: pe.value
-      }), V.value = !0) : m.dataset.forEach((e, s) => {
-        kt({
+      }), U.value = !0) : m.dataset.forEach((e, s) => {
+        pt({
           datasetObject: e,
           requiredAttributes: ["id", "label", "relations", "weights"]
         }).forEach((t) => {
@@ -129,9 +130,9 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
             debug: pe.value
           });
         });
-      }), Se(m.dataset) || (V.value = l.value.loading), l.value.responsive) {
-        const e = xt(() => {
-          const { width: s, height: t } = $t({
+      }), Se(m.dataset) || (U.value = l.value.loading), l.value.responsive) {
+        const e = kt(() => {
+          const { width: s, height: t } = wt({
             chart: A.value,
             title: l.value.style.title.text ? ne.value : null,
             source: ue.value,
@@ -167,7 +168,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
     ct(() => {
       document.getElementById(`relation_circle_${S.value}`).removeEventListener("click", we), w.value && (L.value && w.value.unobserve(L.value), w.value.disconnect());
     });
-    const { autoSizeLabels: ke } = zt({
+    const { autoSizeLabels: ke } = Pt({
       svgRef: W,
       fontSize: l.value.style.labels.fontSize,
       minFontSize: l.value.style.labels.minFontSize,
@@ -255,7 +256,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
       B.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s });
     }
     function _e(e, s) {
-      l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), Ge.value = 360 - e.regAngle, d.value.id && e.id === d.value.id ? (d.value = {}, b.value = []) : (d.value = e, b.value = [...e.relations]);
+      l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), Ve.value = 360 - e.regAngle, d.value.id && e.id === d.value.id ? (d.value = {}, b.value = []) : (d.value = e, b.value = [...e.relations]);
     }
     function H(e) {
       const s = e.weight / Ke.value * l.value.style.links.maxWidth;
@@ -271,7 +272,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
     }
     async function st({ scale: e = 2 } = {}) {
       if (!A.value) return;
-      const { width: s, height: t } = A.value.getBoundingClientRect(), a = s / t, { imageUri: c, base64: v } = await Ot({ domElement: A.value, base64: !0, img: !0, scale: e });
+      const { width: s, height: t } = A.value.getBoundingClientRect(), a = s / t, { imageUri: c, base64: v } = await zt({ domElement: A.value, base64: !0, img: !0, scale: e });
       return {
         imageUri: c,
         base64: v,
@@ -304,7 +305,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
         active: T.value,
         onClose: J
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Ve.value ? (i(), n("div", {
+      Ue.value ? (i(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: oe,
@@ -317,7 +318,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
         ref: ne,
         style: "width:100%;background:transparent"
       }, [
-        (i(), N(St, {
+        (i(), N(Ot, {
           key: `title_${re.value}`,
           config: {
             title: {
@@ -331,7 +332,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      l.value.userOptions.show && De.value && (u(de) || u(G)) ? (i(), N(u(Te), {
+      l.value.userOptions.show && De.value && (u(de) || u(V)) ? (i(), N(u(Te), {
         ref: "details",
         key: `user_options_${ie.value}`,
         backgroundColor: l.value.style.backgroundColor,
@@ -356,7 +357,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
         onGenerateImage: u(ge),
         onToggleAnnotator: J,
         style: z({
-          visibility: u(de) ? u(G) ? "visible" : "hidden" : "visible"
+          visibility: u(de) ? u(V) ? "visible" : "hidden" : "visible"
         })
       }, vt({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -398,7 +399,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
       (i(), n("svg", {
         ref_key: "svgRef",
         ref: W,
-        xmlns: u(wt),
+        xmlns: u(bt),
         class: te([{ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }, "relation-circle"]),
         viewBox: `0 0 ${o.value.width <= 0 ? 10 : o.value.width} ${o.value.height <= 0 ? 10 : o.value.height}`,
         width: "100%",
@@ -464,7 +465,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
               fill: u(Me)(x(t)),
               "text-anchor": "middle",
               "font-size": y.value
-            }, U(u(le)(
+            }, G(u(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
               u(se)({
@@ -476,7 +477,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
               { ...t }
             )), 9, Dt)) : f("", !0)
           ]))), 256))
-        ])) : (i(), n("g", Ut, [
+        ])) : (i(), n("g", Gt, [
           (i(!0), n($, null, O(p.value, (t, a) => (i(), n("line", {
             key: `relation_${a}`,
             stroke: x(t),
@@ -488,8 +489,8 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
             y2: t.y2,
             class: te({ "vue-ui-relation-circle-selected": d.value.hasOwnProperty("id") && b.value.includes(t.id) }),
             "stroke-linecap": "round"
-          }, null, 14, Vt))), 128)),
-          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("g", Gt, [
+          }, null, 14, Ut))), 128)),
+          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("g", Vt, [
             P(t) ? g(e.$slots, "dataLabel", Pe({
               key: 0,
               ref_for: !0
@@ -516,7 +517,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
               fill: u(Me)(x(t)),
               "text-anchor": "middle",
               "font-size": y.value
-            }, U(u(le)(
+            }, G(u(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
               u(se)({
@@ -549,7 +550,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
           u(ce) ? (i(), n($, { key: 0 }, [
             ze(" -------- ")
           ], 64)) : (i(), n($, { key: 1 }, [
-            ze(U(t.label) + " (" + U(u(le)(
+            ze(G(t.label) + " (" + G(u(le)(
               l.value.style.weightLabels.formatter,
               t.totalWeight,
               u(se)({
@@ -589,10 +590,10 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
       }, [
         g(e.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      u(ce) ? (i(), N(_t, { key: 6 })) : f("", !0)
+      u(ce) ? (i(), N(At, { key: 6 })) : f("", !0)
     ], 44, Mt));
   }
-}, rl = /* @__PURE__ */ It(Jt, [["__scopeId", "data-v-72b30f4c"]]);
+}, cl = /* @__PURE__ */ It(Jt, [["__scopeId", "data-v-72b30f4c"]]);
 export {
-  rl as default
+  cl as default
 };