vue-data-ui 2.16.6 → 2.17.0

package/dist/{vue-ui-rating-swH9kRr3.js → vue-ui-rating-CM8ZrUb1.js}

@@ -1,6 +1,6 @@
 import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as B, renderList as Z, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
-import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, _ as I } from "./index-DvIXJm6t.js";
-import { u as ie } from "./useNestedProp-DrYHm61t.js";
+import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, _ as I } from "./index-pPGk-uhD.js";
+import { u as ie } from "./useNestedProp-DjACxgdZ.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,

package/dist/{vue-ui-relation-circle-CT-EdSjO.js → vue-ui-relation-circle-CYoFNekk.js}

@@ -1,16 +1,17 @@
-import { useCssVars as Je, computed as y, defineAsyncComponent as E, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as n, openBlock as i, unref as a, normalizeStyle as L, createBlock as R, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as B, guardReactiveProps as T, normalizeClass as H, createVNode as tt, createElementVNode as lt, Fragment as O, renderList as z, mergeProps as be, toDisplayString as N } from "vue";
-import { u as st, c as it, t as at, p as we, a as nt, b as rt, o as ut, e as xe, g as ot, X as ct, F as $e, i as J, f as K, E as Q } from "./index-DvIXJm6t.js";
-import { t as dt, u as vt } from "./useResponsive-DfdjqQps.js";
-import { u as _e } from "./useNestedProp-DrYHm61t.js";
-import { u as ft } from "./usePrinter-CWnXbGMb.js";
-import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
-import gt from "./Title-Gi81VwUM.js";
-import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["cx", "cy", "r", "stroke", "stroke-width"], xt = { key: 1 }, $t = ["stroke", "d", "stroke-width"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = { key: 2 }, Ot = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], zt = { style: { "pointer-events": "none" } }, At = ["cx", "cy", "fill", "r", "stroke"], It = ["x", "y", "fill", "font-size"], St = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], Mt = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
+import { useCssVars as Ke, computed as y, defineAsyncComponent as F, ref as o, watch as Qe, shallowRef as be, onMounted as Ze, onBeforeUnmount as et, createElementBlock as n, openBlock as i, unref as a, normalizeStyle as O, createBlock as R, createCommentVNode as d, createSlots as tt, withCtx as S, renderSlot as h, normalizeProps as B, guardReactiveProps as T, normalizeClass as H, createVNode as lt, createElementVNode as st, Fragment as z, renderList as A, mergeProps as we, toDisplayString as N } from "vue";
+import { u as it, c as at, t as nt, p as xe, a as rt, b as ut, o as ot, e as $e, g as ct, X as vt, F as _e, i as J, f as K, E as Q } from "./index-pPGk-uhD.js";
+import { t as dt, u as ft } from "./useResponsive-DfdjqQps.js";
+import { u as Ce } from "./useNestedProp-DjACxgdZ.js";
+import { u as yt } from "./usePrinter-DDHcrl0A.js";
+import { u as ht } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
+import mt from "./Title-B-2bV0SW.js";
+import pt from "./img-Y_hYz-ZC.js";
+import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const bt = ["id"], wt = ["xmlns", "viewBox"], xt = ["width", "height"], $t = ["cx", "cy", "r", "stroke", "stroke-width"], _t = { key: 1 }, Ct = ["stroke", "d", "stroke-width"], Pt = { style: { "pointer-events": "none" } }, Lt = ["cx", "cy", "fill", "r", "stroke"], Ot = ["x", "y", "fill", "font-size"], zt = { key: 2 }, At = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], It = { style: { "pointer-events": "none" } }, St = ["cx", "cy", "fill", "r", "stroke"], Mt = ["x", "y", "fill", "font-size"], Et = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], Ft = ["cx", "cy", "fill", "stroke", "onClick", "r"], Rt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Et = {
+}, Bt = {
   __name: "vue-ui-relation-circle",
   props: {
     dataset: {
@@ -26,60 +27,60 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       }
     }
   },
-  setup(Ce, { expose: Pe }) {
-    Je((e) => ({
-      "382cb9ce": Re.value,
-      "9431ff10": Ee.value,
-      b9d95b4c: Be.value
+  setup(Pe, { expose: Le }) {
+    Ke((e) => ({
+      "1a17a60b": Be.value,
+      "4e963a6a": Re.value,
+      "05cc60cc": Te.value
     }));
-    const Le = E(() => import("./PackageVersion-Bg_9KCU-.js")), Oe = E(() => import("./PenAndPaper-BPTpbnay.js")), ze = E(() => import("./vue-ui-skeleton-BAOt2neL.js")), Ae = E(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), Z = o(0), S = o(null), ee = o(null), te = o(null), le = o(null), se = o(0), l = y({
+    const Oe = F(() => import("./PackageVersion-5TR4ocqp.js")), ze = F(() => import("./PenAndPaper-D6AqipIO.js")), Ae = F(() => import("./vue-ui-skeleton-DJPjyNYn.js")), Ie = F(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_relation_circle: Se } = it(), k = Pe, j = y(() => !!k.dataset && Object.keys(k.dataset).length), I = o(at()), Z = o(0), _ = o(null), ee = o(null), te = o(null), le = o(null), se = o(0), l = y({
       get: () => re(),
       set: (e) => e
-    }), { userOptionsVisible: U, setUserOptionsVisibility: ie, keepUserOptionState: ae } = yt({ config: l.value }), { svgRef: ne } = ht({ config: l.value.style.title });
+    }), { userOptionsVisible: U, setUserOptionsVisibility: ie, keepUserOptionState: ae } = ht({ config: l.value }), { svgRef: ne } = gt({ config: l.value.style.title });
     function re() {
-      const e = _e({
+      const e = Ce({
         userConfig: k.config,
-        defaultConfig: Ie
+        defaultConfig: Se
       });
       return e.theme ? {
-        ..._e({
-          userConfig: nt.vue_ui_relation_circle[e.theme] || k.config,
+        ...Ce({
+          userConfig: rt.vue_ui_relation_circle[e.theme] || k.config,
           defaultConfig: e
         }),
-        customPalette: at[e.theme] || we
+        customPalette: nt[e.theme] || xe
       } : e;
     }
-    Ke(() => k.config, (e) => {
+    Qe(() => k.config, (e) => {
       l.value = re(), U.value = !l.value.userOptions.showOnChartHover, fe(), se.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ue, isImaging: oe, generatePdf: ce, generateImage: de } = ft({
-      elementId: `relation_circle_${A.value}`,
+    const { isPrinting: ue, isImaging: oe, generatePdf: ce, generateImage: ve } = yt({
+      elementId: `relation_circle_${I.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
       options: l.value.userOptions.print
-    }), Se = y(() => l.value.userOptions.show && !l.value.style.title.text), ve = y(() => rt(l.value.customPalette)), x = o([]), m = o([]), c = o({}), p = o([]), Me = o(0), V = y(() => k.dataset.slice(0, l.value.style.limit)), _ = o(l.value.style.size), g = o(l.value.style.weightLabels.size), G = o(l.value.style.plot.radius), W = o(l.value.style.labels.fontSize), u = o({
+    }), Me = y(() => l.value.userOptions.show && !l.value.style.title.text), de = y(() => ut(l.value.customPalette)), x = o([]), m = o([]), c = o({}), p = o([]), Ee = o(0), V = y(() => k.dataset.slice(0, l.value.style.limit)), C = o(l.value.style.size), g = o(l.value.style.weightLabels.size), G = o(l.value.style.plot.radius), W = o(l.value.style.labels.fontSize), u = o({
       height: l.value.style.size,
       width: l.value.style.size
     }), $ = y({
       get() {
-        return _.value * l.value.style.circle.radiusProportion;
+        return C.value * l.value.style.circle.radiusProportion;
       },
       set(e) {
         return e;
       }
-    }), Fe = y(() => l.value.style.links.curved), Ee = y(() => `${l.value.style.animation.speedMs}ms`), Re = y(() => $.value * 2), Be = y(() => $.value * 4), b = ke(null), C = ke(null);
-    Qe(() => {
-      fe(), document.getElementById(`relation_circle_${A.value}`).addEventListener("click", ye);
+    }), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Te = y(() => $.value * 4), b = be(null), P = be(null);
+    Ze(() => {
+      fe(), document.getElementById(`relation_circle_${I.value}`).addEventListener("click", ye);
     });
     function fe() {
-      if (ut(k.dataset) ? xe({
+      if (ot(k.dataset) ? $e({
         componentName: "VueUiRelationCircle",
         type: "dataset"
       }) : k.dataset.forEach((e, s) => {
-        ot({
+        ct({
           datasetObject: e,
           requiredAttributes: ["id", "label", "relations", "weights"]
         }).forEach((t) => {
-          xe({
+          $e({
             componentName: "VueUiRelationCircle",
             type: "datasetSerieAttribute",
             property: t,
@@ -88,27 +89,27 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
         });
       }), l.value.responsive) {
         const e = dt(() => {
-          const { width: s, height: t } = vt({
-            chart: S.value,
+          const { width: s, height: t } = ft({
+            chart: _.value,
             title: l.value.style.title.text ? ee.value : null,
             source: te.value,
             noTitle: le.value
           });
           requestAnimationFrame(() => {
-            _.value = Math.min(s, t), u.value.width = s, u.value.height = t, $.value = _.value * l.value.style.circle.radiusProportion, x.value = [], m.value = [], he(), ge(), l.value.responsiveProportionalSizing ? (g.value = Q({
-              relator: _.value,
+            C.value = Math.min(s, t), u.value.width = s, u.value.height = t, $.value = C.value * l.value.style.circle.radiusProportion, x.value = [], m.value = [], he(), ge(), l.value.responsiveProportionalSizing ? (g.value = Q({
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.weightLabels.size,
               threshold: 6,
               fallback: 6
             }), G.value = Q({
-              relator: _.value,
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.plot.radius,
               threshold: 1,
               fallback: 1
             }), W.value = Q({
-              relator: _.value,
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.labels.fontSize,
               threshold: 6,
@@ -116,12 +117,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
             })) : (g.value = l.value.style.weightLabels.size, G.value = l.value.style.plot.radius, W.value = l.value.style.labels.fontSize);
           });
         });
-        b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect()), b.value = new ResizeObserver(e), C.value = S.value.parentNode, b.value.observe(C.value);
+        b.value && (P.value && b.value.unobserve(P.value), b.value.disconnect()), b.value = new ResizeObserver(e), P.value = _.value.parentNode, b.value.observe(P.value);
       } else
         x.value = [], m.value = [], he(), ge();
     }
-    Ze(() => {
-      document.getElementById(`relation_circle_${A.value}`).removeEventListener("click", ye), b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect());
+    et(() => {
+      document.getElementById(`relation_circle_${I.value}`).removeEventListener("click", ye), b.value && (P.value && b.value.unobserve(P.value), b.value.disconnect());
     });
     function ye(e) {
       const s = e.target;
@@ -130,12 +131,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
     function he() {
       const e = 6.28319 / V.value.length, s = 360 / V.value.length;
       let t = 0, r = 0;
-      V.value.forEach((f, d) => {
-        const Y = f.weights.reduce((qe, He) => qe + He, 0), q = $.value * Math.cos(t) + u.value.width / 2, Ye = $.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
-        x.value.push({ x: q, y: Ye, ...f, color: f.color ? f.color : ve.value[d] ? ve.value[d] : we[d], regAngle: r, totalWeight: Y }), t += e, r += s;
+      V.value.forEach((f, v) => {
+        const Y = f.weights.reduce((He, Je) => He + Je, 0), q = $.value * Math.cos(t) + u.value.width / 2, qe = $.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
+        x.value.push({ x: q, y: qe, ...f, color: f.color ? f.color : de.value[v] ? de.value[v] : xe[v], regAngle: r, totalWeight: Y }), t += e, r += s;
       });
     }
-    function Te(e, s) {
+    function Ne(e, s) {
       const t = (e.x + s.x) / 2, r = (e.y + s.y) / 2;
       return { x: t, y: r };
     }
@@ -152,8 +153,8 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
             y2: t.y,
             colorSource: e.color,
             colorTarget: t.color,
-            midPointLine: Te({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
-            midPointBezier: Ne({
+            midPointLine: Ne({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
+            midPointBezier: je({
               x1: e.x,
               x2: t.x,
               y1: e.y,
@@ -164,15 +165,15 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
         });
       });
     }
-    function Ne(e) {
+    function je(e) {
       const s = { x: e.x1, y: e.y1 }, t = { x: e.x2, y: e.y2 }, r = { x: e.x1, y: e.y1 }, f = {
         x: u.value.width / 2,
         y: u.value.height / 2 + l.value.style.circle.offsetY
-      }, d = 0.5, Y = Math.pow(1 - d, 3) * s.x + 3 * Math.pow(1 - d, 2) * d * r.x + 3 * (1 - d) * Math.pow(d, 2) * f.x + Math.pow(d, 3) * t.x, q = Math.pow(1 - d, 3) * s.y + 3 * Math.pow(1 - d, 2) * d * r.y + 3 * (1 - d) * Math.pow(d, 2) * f.y + Math.pow(d, 3) * t.y;
+      }, v = 0.5, Y = Math.pow(1 - v, 3) * s.x + 3 * Math.pow(1 - v, 2) * v * r.x + 3 * (1 - v) * Math.pow(v, 2) * f.x + Math.pow(v, 3) * t.x, q = Math.pow(1 - v, 3) * s.y + 3 * Math.pow(1 - v, 2) * v * r.y + 3 * (1 - v) * Math.pow(v, 2) * f.y + Math.pow(v, 3) * t.y;
       return { x: Y, y: q };
     }
-    const je = y(() => Math.max(...m.value.map((e) => e.weight)));
-    function Ue(e) {
+    const Ue = y(() => Math.max(...m.value.map((e) => e.weight)));
+    function Ve(e) {
       return Object.hasOwn(c.value, "x") ? p.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
     }
     function w(e) {
@@ -181,71 +182,78 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
     function me(e) {
       return Object.hasOwn(c.value, "x") ? p.value.includes(e.id) && e.relationId === `${e.id}_${c.value.id}` || e.relationId === `${c.value.id}_${e.id}` ? `opacity:1;stroke-width:${D(e)}` : "opacity: 0" : "opacity: 1";
     }
-    function P(e) {
+    function L(e) {
       return Object.hasOwn(c.value, "x") ? !!(p.value.includes(e.id) && e.relationId === `${e.id}_${c.value.id}` || e.relationId === `${c.value.id}_${e.id}`) : !1;
     }
-    function Ve(e) {
+    function Ge(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? "end" : "start";
     }
-    function Ge(e) {
+    function We(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? e.x - 5 : e.x + 5;
     }
-    function We(e) {
+    function De(e) {
       return Object.hasOwn(c.value, "x") ? c.value.id === e.id || p.value.includes(e.id) ? "opacity:1" : "opacity:0.2" : "opacity:1";
     }
-    function De(e) {
+    function Xe(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
     }
     function pe(e) {
-      Me.value = 360 - e.regAngle, c.value.id && e.id === c.value.id ? (c.value = {}, p.value = []) : (c.value = e, p.value = [...e.relations]);
+      Ee.value = 360 - e.regAngle, c.value.id && e.id === c.value.id ? (c.value = {}, p.value = []) : (c.value = e, p.value = [...e.relations]);
     }
     function D(e) {
-      const s = e.weight / je.value * l.value.style.links.maxWidth;
+      const s = e.weight / Ue.value * l.value.style.links.maxWidth;
       return Math.max(0.3, s);
     }
     const M = o(!1);
-    function Xe(e) {
+    function ke(e) {
       M.value = e, Z.value += 1;
     }
-    const F = o(!1);
+    const E = o(!1);
     function X() {
-      F.value = !F.value;
+      E.value = !E.value;
+    }
+    async function Ye({ scale: e = 2 } = {}) {
+      if (!_.value) return;
+      const { imageUri: s, base64: t } = await pt({ domElement: _.value, base64: !0, img: !0, scale: e });
+      return { imageUri: s, base64: t };
     }
-    return Pe({
+    return Le({
+      getImage: Ye,
       generatePdf: ce,
-      generateImage: de,
-      toggleAnnotator: X
+      generateImage: ve,
+      toggleAnnotator: X,
+      toggleFullscreen: ke
     }), (e, s) => (i(), n("div", {
       ref_key: "relationCircleChart",
-      ref: S,
+      ref: _,
       class: "vue-ui-relation-circle",
-      style: L(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
-      id: `relation_circle_${A.value}`,
+      style: O(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
+      id: `relation_circle_${I.value}`,
       onMouseenter: s[0] || (s[0] = () => a(ie)(!0)),
       onMouseleave: s[1] || (s[1] = () => a(ie)(!1))
     }, [
-      l.value.userOptions.buttons.annotator ? (i(), R(a(Oe), {
+      l.value.userOptions.buttons.annotator ? (i(), R(a(ze), {
         key: 0,
         svgRef: a(ne),
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
-        active: F.value,
+        active: E.value,
         onClose: X
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
-      Se.value ? (i(), n("div", {
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
+      Me.value ? (i(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : v("", !0),
+      }, null, 512)) : d("", !0),
       l.value.style.title.text ? (i(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ee,
         style: "width:100%;background:transparent"
       }, [
-        (i(), R(gt, {
+        (i(), R(mt, {
           key: `title_${se.value}`,
           config: {
             title: {
@@ -258,82 +266,82 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : v("", !0),
-      l.value.userOptions.show && j.value && (a(ae) || a(U)) ? (i(), R(a(Ae), {
+      ], 512)) : d("", !0),
+      l.value.userOptions.show && j.value && (a(ae) || a(U)) ? (i(), R(a(Ie), {
         ref: "details",
         key: `user_options_${Z.value}`,
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
         isPrinting: a(ue),
         isImaging: a(oe),
-        uid: A.value,
+        uid: I.value,
         hasPdf: l.value.userOptions.buttons.pdf,
         hasImg: l.value.userOptions.buttons.img,
         hasFullscreen: l.value.userOptions.buttons.img,
         hasXls: !1,
         isFullscreen: M.value,
         titles: { ...l.value.userOptions.buttonTitles },
-        chartElement: S.value,
+        chartElement: _.value,
         position: l.value.userOptions.position,
         hasAnnotator: l.value.userOptions.buttons.annotator,
-        isAnnotation: F.value,
+        isAnnotation: E.value,
         callbacks: l.value.userOptions.callbacks,
         printScale: l.value.userOptions.print.scale,
-        onToggleFullscreen: Xe,
+        onToggleFullscreen: ke,
         onGeneratePdf: a(ce),
-        onGenerateImage: a(de),
+        onGenerateImage: a(ve),
         onToggleAnnotator: X,
-        style: L({
+        style: O({
           visibility: a(ae) ? a(U) ? "visible" : "hidden" : "visible"
         })
-      }, et({ _: 2 }, [
+      }, tt({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: I(({ isOpen: t, color: r }) => [
+          fn: S(({ isOpen: t, color: r }) => [
             h(e.$slots, "menuIcon", B(T({ isOpen: t, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: I(() => [
+          fn: S(() => [
             h(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: I(() => [
+          fn: S(() => [
             h(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: I(({ toggleFullscreen: t, isFullscreen: r }) => [
+          fn: S(({ toggleFullscreen: t, isFullscreen: r }) => [
             h(e.$slots, "optionFullscreen", B(T({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: I(({ toggleAnnotator: t, isAnnotator: r }) => [
+          fn: S(({ toggleAnnotator: t, isAnnotator: r }) => [
             h(e.$slots, "optionAnnotator", B(T({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       j.value ? (i(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: ne,
-        xmlns: a(ct),
+        xmlns: a(vt),
         class: H([{ "vue-data-ui-fullscreen--on": M.value, "vue-data-ui-fulscreen--off": !M.value }, "relation-circle"]),
         viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
         width: "100%",
         style: "user-select:none; background:transparent"
       }, [
-        tt(a(Le)),
+        lt(a(Oe)),
         e.$slots["chart-background"] ? (i(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -345,8 +353,8 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           }
         }, [
           h(e.$slots, "chart-background", {}, void 0, !0)
-        ], 8, bt)) : v("", !0),
-        lt("circle", {
+        ], 8, xt)) : d("", !0),
+        st("circle", {
           cx: (u.value.width <= 0 ? 1e-4 : u.value.width) / 2,
           cy: (u.value.height <= 0 ? 1e-4 : u.value.height) / 2 + l.value.style.circle.offsetY,
           r: $.value <= 0 ? 1e-4 : $.value,
@@ -354,20 +362,20 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           "stroke-width": l.value.style.circle.strokeWidth,
           fill: "transparent",
           class: "main-circle"
-        }, null, 8, wt),
-        Fe.value ? (i(), n("g", xt, [
-          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("path", {
+        }, null, 8, $t),
+        Fe.value ? (i(), n("g", _t, [
+          (i(!0), n(z, null, A(m.value, (t, r) => (i(), n("path", {
             key: `relation_${r}`,
-            style: L(me(t)),
+            style: O(me(t)),
             stroke: w(t),
             class: H(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && p.value.includes(t.id) }]),
             d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${u.value.width / 2},${u.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
             fill: "none",
             "stroke-width": D(t),
             "stroke-linecap": "round"
-          }, null, 14, $t))), 128)),
-          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("g", _t, [
-            P(t) ? h(e.$slots, "dataLabel", be({
+          }, null, 14, Ct))), 128)),
+          (i(!0), n(z, null, A(m.value, (t, r) => (i(), n("g", Pt, [
+            L(t) ? h(e.$slots, "dataLabel", we({
               key: 0,
               ref_for: !0
             }, {
@@ -376,8 +384,8 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               color: w(t),
               weight: t.weight,
               fontSize: g.value
-            }), void 0, !0) : v("", !0),
-            P(t) && !e.$slots.dataLabel ? (i(), n("circle", {
+            }), void 0, !0) : d("", !0),
+            L(t) && !e.$slots.dataLabel ? (i(), n("circle", {
               key: 1,
               cx: t.midPointBezier.x,
               cy: t.midPointBezier.y,
@@ -385,12 +393,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               r: g.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
-            }, null, 8, Ct)) : v("", !0),
-            P(t) && !e.$slots.dataLabel ? (i(), n("text", {
+            }, null, 8, Lt)) : d("", !0),
+            L(t) && !e.$slots.dataLabel ? (i(), n("text", {
               key: 2,
               x: t.midPointBezier.x,
               y: t.midPointBezier.y + g.value / 3,
-              fill: a($e)(w(t)),
+              fill: a(_e)(w(t)),
               "text-anchor": "middle",
               "font-size": g.value
             }, N(a(J)(
@@ -403,23 +411,23 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
                 r: l.value.style.weightLabels.rounding
               }),
               { ...t }
-            )), 9, Pt)) : v("", !0)
+            )), 9, Ot)) : d("", !0)
           ]))), 256))
-        ])) : (i(), n("g", Lt, [
-          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("line", {
+        ])) : (i(), n("g", zt, [
+          (i(!0), n(z, null, A(m.value, (t, r) => (i(), n("line", {
             key: `relation_${r}`,
             stroke: w(t),
             "stroke-width": D(t),
-            style: L(me(t)),
+            style: O(me(t)),
             x1: t.x1,
             x2: t.x2,
             y1: t.y1,
             y2: t.y2,
             class: H({ "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && p.value.includes(t.id) }),
             "stroke-linecap": "round"
-          }, null, 14, Ot))), 128)),
-          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("g", zt, [
-            P(t) ? h(e.$slots, "dataLabel", be({
+          }, null, 14, At))), 128)),
+          (i(!0), n(z, null, A(m.value, (t, r) => (i(), n("g", It, [
+            L(t) ? h(e.$slots, "dataLabel", we({
               key: 0,
               ref_for: !0
             }, {
@@ -428,8 +436,8 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               color: w(t),
               weight: t.weight,
               fontSize: g.value
-            }), void 0, !0) : v("", !0),
-            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
+            }), void 0, !0) : d("", !0),
+            L(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
               key: 1,
               cx: t.midPointLine.x,
               cy: t.midPointLine.y,
@@ -437,12 +445,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               r: g.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
-            }, null, 8, At)) : v("", !0),
-            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("text", {
+            }, null, 8, St)) : d("", !0),
+            L(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("text", {
               key: 2,
               x: t.midPointLine.x,
               y: t.midPointLine.y + g.value / 3,
-              fill: a($e)(w(t)),
+              fill: a(_e)(w(t)),
               "text-anchor": "middle",
               "font-size": g.value
             }, N(a(J)(
@@ -455,20 +463,20 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
                 r: l.value.style.weightLabels.rounding
               }),
               { ...t }
-            )), 9, It)) : v("", !0)
+            )), 9, Mt)) : d("", !0)
           ]))), 256))
         ])),
-        (i(!0), n(O, null, z(x.value, (t, r) => (i(), n("text", {
+        (i(!0), n(z, null, A(x.value, (t, r) => (i(), n("text", {
           key: `plot_text_${r}`,
-          "text-anchor": Ve(t),
-          transform: De(t),
-          x: Ge(t),
+          "text-anchor": Ge(t),
+          transform: Xe(t),
+          x: We(t),
           y: t.y + 5,
           onClick: (f) => pe(t),
           class: "vue-ui-relation-circle-legend",
           "transform-origin": "start",
           "font-weight": c.value.id === t.id ? "900" : "400",
-          style: L(`font-family:${l.value.style.fontFamily};${We(t)}`),
+          style: O(`font-family:${l.value.style.fontFamily};${De(t)}`),
           "font-size": W.value,
           fill: l.value.style.labels.color
         }, N(t.label) + " (" + N(a(J)(
@@ -481,24 +489,24 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
             r: l.value.style.weightLabels.rounding
           }),
           { ...t }
-        )) + ") ", 13, St))), 128)),
-        (i(!0), n(O, null, z(x.value, (t, r) => (i(), n("circle", {
+        )) + ") ", 13, Et))), 128)),
+        (i(!0), n(z, null, A(x.value, (t, r) => (i(), n("circle", {
           cx: t.x,
           cy: t.y,
           key: `plot_${r}`,
-          style: L(Ue(t)),
+          style: O(Ve(t)),
           class: "vue-ui-relation-circle-plot",
           fill: l.value.style.plot.useSerieColor ? t.color : l.value.style.plot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "1",
           onClick: (f) => pe(t),
           r: G.value
-        }, null, 12, Mt))), 128)),
+        }, null, 12, Ft))), 128)),
         h(e.$slots, "svg", { svg: u.value }, void 0, !0)
-      ], 10, kt)) : v("", !0),
-      e.$slots.watermark ? (i(), n("div", Ft, [
+      ], 10, wt)) : d("", !0),
+      e.$slots.watermark ? (i(), n("div", Rt, [
         h(e.$slots, "watermark", B(T({ isPrinting: a(ue) || a(oe) })), void 0, !0)
-      ])) : v("", !0),
+      ])) : d("", !0),
       e.$slots.source ? (i(), n("div", {
         key: 6,
         ref_key: "source",
@@ -506,8 +514,8 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
         dir: "auto"
       }, [
         h(e.$slots, "source", {}, void 0, !0)
-      ], 512)) : v("", !0),
-      j.value ? v("", !0) : (i(), R(a(ze), {
+      ], 512)) : d("", !0),
+      j.value ? d("", !0) : (i(), R(a(Ae), {
         key: 7,
         config: {
           type: "relationCircle",
@@ -519,9 +527,9 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           }
         }
       }, null, 8, ["config"]))
-    ], 44, pt));
+    ], 44, bt));
   }
-}, Dt = /* @__PURE__ */ mt(Et, [["__scopeId", "data-v-5935aa81"]]);
+}, qt = /* @__PURE__ */ kt(Bt, [["__scopeId", "data-v-8c1db423"]]);
 export {
-  Dt as default
+  qt as default
 };