vue-data-ui 2.13.3 → 2.13.5-beta.0

package/dist/{vue-ui-radar-BA45g7F0.js → vue-ui-radar-Cbqe4LM_.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as st, shallowRef as Fe, onMounted as nt, onBeforeUnmount as ut, createElementBlock as u, openBlock as r, unref as n, normalizeStyle as q, normalizeClass as B, createBlock as P, createCommentVNode as d, createElementVNode as x, createVNode as oe, createSlots as it, withCtx as f, renderSlot as g, normalizeProps as L, guardReactiveProps as z, Fragment as A, renderList as O, toDisplayString as D, createTextVNode as Ne, nextTick as ct } from "vue";
-import { u as dt, c as vt, t as pt, p as F, a as ht, o as gt, e as M, b as ft, g as Se, d as Ie, Q as Re, v as yt, i as Le, f as G, X as mt, s as le, w as bt, R as ze, q as kt, r as Ct, x as wt, y as $t } from "./index-edeP1M3x.js";
+import { u as dt, c as vt, t as pt, p as F, a as ht, o as gt, e as M, b as ft, g as Se, d as Ie, Q as Re, v as yt, i as Le, f as G, X as mt, s as le, w as bt, R as ze, q as kt, r as Ct, x as wt, y as $t } from "./index-C137VZkI.js";
 import { t as _t, u as Tt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Me } from "./useNestedProp-RNi-Fxfm.js";
-import { u as Pt } from "./usePrinter-B3nKJKAm.js";
+import { u as Me } from "./useNestedProp-ZNu8JrRX.js";
+import { u as Pt } from "./usePrinter-B63T3abI.js";
 import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as At } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Legend-CoAmfx-7.js";
-import Ft from "./Title-VtPtUhFq.js";
+import Ot from "./Legend-DwNuhYnG.js";
+import Ft from "./Title-BoKeR6i0.js";
 import { _ as Nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = ["id"], It = ["xmlns", "viewBox"], Rt = ["width", "height"], Lt = ["id"], zt = ["stop-color"], Mt = ["stop-color"], Vt = { key: 1 }, Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Et = { key: 0 }, Bt = ["d", "stroke", "stroke-width"], Dt = ["d", "stroke", "stroke-width"], Gt = { key: 2 }, Wt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], Xt = ["points", "stroke", "stroke-width"], jt = ["points", "stroke", "stroke-width", "fill"], qt = { key: 3 }, Ht = ["cx", "cy", "fill", "r", "stroke"], Yt = {
   key: 5,
@@ -32,7 +32,7 @@ const St = ["id"], It = ["xmlns", "viewBox"], Rt = ["width", "height"], Lt = ["i
   },
   emits: ["selectLegend"],
   setup(Ve, { expose: Ue, emit: Ee }) {
-    const Be = $(() => import("./DataTable-C8F2aovs.js")), De = $(() => import("./PenAndPaper-CXfm6LDW.js")), Ge = $(() => import("./vue-ui-accordion-C4DquMtU.js")), We = $(() => import("./vue-ui-skeleton-EoGn9JbB.js")), Xe = $(() => import("./Tooltip-Buu8aWuU.js")), je = $(() => import("./UserOptions-7VcV_QUc.js")), qe = $(() => import("./PackageVersion-BP504Bvs.js")), He = $(() => import("./vue-ui-sparkbar-DWZCWNKx.js")), { vue_ui_radar: Ye } = dt(), h = Ve, V = p(() => !!h.dataset && Object.keys(h.dataset).length), _ = c(vt()), Qe = c(null), H = c(!1), Y = c(""), re = c(0), U = c(null), se = c(null), ne = c(null), ue = c(null), ie = c(null), ce = c(0), de = c(0), ve = c(0), e = p({
+    const Be = $(() => import("./DataTable-CuFlXUxm.js")), De = $(() => import("./PenAndPaper-DgUkj01g.js")), Ge = $(() => import("./vue-ui-accordion-BI2rBS5z.js")), We = $(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), Xe = $(() => import("./Tooltip-Df2iF7bv.js")), je = $(() => import("./UserOptions-NrArsCuC.js")), qe = $(() => import("./PackageVersion-1psmmuzo.js")), He = $(() => import("./vue-ui-sparkbar-BTf3c9Qn.js")), { vue_ui_radar: Ye } = dt(), h = Ve, V = p(() => !!h.dataset && Object.keys(h.dataset).length), _ = c(vt()), Qe = c(null), H = c(!1), Y = c(""), re = c(0), U = c(null), se = c(null), ne = c(null), ue = c(null), ie = c(null), ce = c(0), de = c(0), ve = c(0), e = p({
       get: () => fe(),
       set: (t) => t
     }), { userOptionsVisible: Q, setUserOptionsVisibility: pe, keepUserOptionState: he } = xt({ config: e.value }), { svgRef: ge } = At({ config: e.value.style.chart.title });

package/dist/{vue-ui-rating-hTWz-pBq.js → vue-ui-rating-FuSmmUE8.js}

@@ -1,6 +1,6 @@
 import { ref as $, useSlots as q, onMounted as R, computed as x, watch as J, 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 Q, 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, Z as I } from "./index-edeP1M3x.js";
-import { u as ie } from "./useNestedProp-RNi-Fxfm.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, Z as I } from "./index-C137VZkI.js";
+import { u as ie } from "./useNestedProp-ZNu8JrRX.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,

package/dist/{vue-ui-relation-circle-CkOaN_CX.js → vue-ui-relation-circle-kDNSenDo.js}

@@ -1,13 +1,13 @@
-import { useCssVars as Je, computed as y, defineAsyncComponent as R, 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 B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, guardReactiveProps as T, normalizeClass as Y, 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, G as $e, i as q, f as H, F as J } from "./index-edeP1M3x.js";
+import { useCssVars as Je, computed as y, defineAsyncComponent as R, 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 B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, 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, G as $e, i as J, f as K, F as Q } from "./index-C137VZkI.js";
 import { t as dt, u as vt } from "./useResponsive-JZ9xq-JV.js";
-import { u as _e } from "./useNestedProp-RNi-Fxfm.js";
-import { u as ft } from "./usePrinter-B3nKJKAm.js";
+import { u as _e } from "./useNestedProp-ZNu8JrRX.js";
+import { u as ft } from "./usePrinter-B63T3abI.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
-import gt from "./Title-VtPtUhFq.js";
+import gt from "./Title-BoKeR6i0.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"], Mt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], St = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
+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 = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Rt = {
@@ -28,15 +28,15 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
   },
   setup(Ce, { expose: Pe }) {
     Je((e) => ({
-      "0da519e6": Be.value,
-      "144048c5": Re.value,
-      "4bcc49e7": Ee.value
+      "2316f3bd": Be.value,
+      "06f35f1c": Re.value,
+      "67a1ec04": Ee.value
     }));
-    const Le = R(() => import("./PackageVersion-BP504Bvs.js")), Oe = R(() => import("./PenAndPaper-CXfm6LDW.js")), ze = R(() => import("./vue-ui-skeleton-EoGn9JbB.js")), Ae = R(() => import("./UserOptions-7VcV_QUc.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
-      get: () => ae(),
+    const Le = R(() => import("./PackageVersion-1psmmuzo.js")), Oe = R(() => import("./PenAndPaper-DgUkj01g.js")), ze = R(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), Ae = R(() => import("./UserOptions-NrArsCuC.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({
+      get: () => re(),
       set: (e) => e
-    }), { userOptionsVisible: U, setUserOptionsVisibility: le, keepUserOptionState: se } = yt({ config: l.value }), { svgRef: ie } = ht({ config: l.value.style.title });
-    function ae() {
+    }), { userOptionsVisible: U, setUserOptionsVisibility: ie, keepUserOptionState: ae } = yt({ config: l.value }), { svgRef: ne } = ht({ config: l.value.style.title });
+    function re() {
       const e = _e({
         userConfig: k.config,
         defaultConfig: Ie
@@ -50,13 +50,13 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       } : e;
     }
     Ke(() => k.config, (e) => {
-      l.value = ae(), U.value = !l.value.userOptions.showOnChartHover, fe(), te.value += 1;
+      l.value = re(), U.value = !l.value.userOptions.showOnChartHover, fe(), se.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ne, isImaging: re, generatePdf: ue, generateImage: oe } = ft({
+    const { isPrinting: ue, isImaging: oe, generatePdf: ce, generateImage: de } = ft({
       elementId: `relation_circle_${A.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
       options: l.value.userOptions.print
-    }), Me = y(() => l.value.userOptions.show && !l.value.style.title.text), ce = y(() => rt(l.value.customPalette)), x = o([]), g = o([]), c = o({}), m = o([]), Se = o(0), G = y(() => k.dataset.slice(0, l.value.style.limit)), _ = o(l.value.style.size), p = o(l.value.style.weightLabels.size), de = o(l.value.style.plot.radius), ve = o(l.value.style.labels.fontSize), u = o({
+    }), 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), G = y(() => k.dataset.slice(0, l.value.style.limit)), _ = o(l.value.style.size), g = o(l.value.style.weightLabels.size), V = 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({
@@ -89,50 +89,50 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       }), l.value.responsive) {
         const e = dt(() => {
           const { width: s, height: t } = vt({
-            chart: M.value,
-            title: l.value.style.title.text ? Q.value : null,
-            source: Z.value,
-            noTitle: ee.value
+            chart: S.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 = [], g.value = [], he(), ge(), l.value.responsiveProportionalSizing && (p.value = J({
+            _.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,
               adjuster: l.value.style.size,
               source: l.value.style.weightLabels.size,
               threshold: 6,
               fallback: 6
-            }), de.value = J({
+            }), V.value = Q({
               relator: _.value,
               adjuster: l.value.style.size,
               source: l.value.style.plot.radius,
               threshold: 1,
               fallback: 1
-            }), ve.value = J({
+            }), W.value = Q({
               relator: _.value,
               adjuster: l.value.style.size,
               source: l.value.style.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }));
+            })) : (g.value = l.value.style.weightLabels.size, V.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 = M.value.parentNode, b.value.observe(C.value);
+        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);
       } else
-        x.value = [], g.value = [], he(), ge();
+        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());
     });
     function ye(e) {
       const s = e.target;
-      s && Array.from(s.classList).includes("vue-ui-user-options") || s && Array.from(s.classList).includes("vue-ui-user-options-summary") || s && Array.from(s.classList).includes("vue-data-ui-button") || s && Array.from(s.classList).includes("vue-ui-relation-circle-legend") || (c.value = {}, m.value = []);
+      s && Array.from(s.classList).includes("vue-ui-user-options") || s && Array.from(s.classList).includes("vue-ui-user-options-summary") || s && Array.from(s.classList).includes("vue-data-ui-button") || s && Array.from(s.classList).includes("vue-ui-relation-circle-legend") || (c.value = {}, p.value = []);
     }
     function he() {
       const e = 6.28319 / G.value.length, s = 360 / G.value.length;
       let t = 0, r = 0;
       G.value.forEach((f, d) => {
-        const D = f.weights.reduce((qe, He) => qe + He, 0), X = $.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: X, y: Ye, ...f, color: f.color ? f.color : ce.value[d] ? ce.value[d] : we[d], regAngle: r, totalWeight: D }), t += e, r += s;
+        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;
       });
     }
     function Te(e, s) {
@@ -140,10 +140,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       return { x: t, y: r };
     }
     function ge() {
-      g.value = [], x.value.forEach((e) => {
+      m.value = [], x.value.forEach((e) => {
         x.value.filter((t) => t.relations.includes(e.id)).forEach((t, r) => {
           const f = t.relations.indexOf(e.id);
-          g.value.push({
+          m.value.push({
             weight: t.weights[f] ? t.weights[f] : 0,
             relationId: `${e.id}_${t.id}`,
             x1: e.x,
@@ -168,21 +168,21 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       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, D = 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, X = 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;
-      return { x: D, y: X };
+      }, 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;
+      return { x: Y, y: q };
     }
-    const je = y(() => Math.max(...g.value.map((e) => e.weight)));
+    const je = y(() => Math.max(...m.value.map((e) => e.weight)));
     function Ue(e) {
-      return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
+      return Object.hasOwn(c.value, "x") ? p.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
     }
     function w(e) {
       return e.colorSource;
     }
     function me(e) {
-      return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) && e.relationId === `${e.id}_${c.value.id}` || e.relationId === `${c.value.id}_${e.id}` ? `opacity:1;stroke-width:${V(e)}` : "opacity: 0" : "opacity: 1";
+      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) {
-      return Object.hasOwn(c.value, "x") ? !!(m.value.includes(e.id) && e.relationId === `${e.id}_${c.value.id}` || e.relationId === `${c.value.id}_${e.id}`) : !1;
+      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 Ge(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? "end" : "start";
@@ -191,62 +191,62 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       return e.regAngle > 90 && e.regAngle < 270 ? e.x - 5 : e.x + 5;
     }
     function We(e) {
-      return Object.hasOwn(c.value, "x") ? c.value.id === e.id || m.value.includes(e.id) ? "opacity:1" : "opacity:0.2" : "opacity:1";
+      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) {
       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) {
-      Se.value = 360 - e.regAngle, c.value.id && e.id === c.value.id ? (c.value = {}, m.value = []) : (c.value = e, m.value = [...e.relations]);
+      Me.value = 360 - e.regAngle, c.value.id && e.id === c.value.id ? (c.value = {}, p.value = []) : (c.value = e, p.value = [...e.relations]);
     }
-    function V(e) {
+    function D(e) {
       const s = e.weight / je.value * l.value.style.links.maxWidth;
       return Math.max(0.3, s);
     }
-    const S = o(!1);
+    const M = o(!1);
     function Xe(e) {
-      S.value = e, K.value += 1;
+      M.value = e, Z.value += 1;
     }
     const F = o(!1);
-    function W() {
+    function X() {
       F.value = !F.value;
     }
     return Pe({
-      generatePdf: ue,
-      generateImage: oe,
-      toggleAnnotator: W
+      generatePdf: ce,
+      generateImage: de,
+      toggleAnnotator: X
     }), (e, s) => (i(), n("div", {
       ref_key: "relationCircleChart",
-      ref: M,
+      ref: S,
       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}`,
-      onMouseenter: s[0] || (s[0] = () => a(le)(!0)),
-      onMouseleave: s[1] || (s[1] = () => a(le)(!1))
+      onMouseenter: s[0] || (s[0] = () => a(ie)(!0)),
+      onMouseleave: s[1] || (s[1] = () => a(ie)(!1))
     }, [
       l.value.userOptions.buttons.annotator ? (i(), B(a(Oe), {
         key: 0,
-        svgRef: a(ie),
+        svgRef: a(ne),
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
         active: F.value,
-        onClose: W
+        onClose: X
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
-      Me.value ? (i(), n("div", {
+      Se.value ? (i(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ee,
+        ref: le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : v("", !0),
       l.value.style.title.text ? (i(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Q,
+        ref: ee,
         style: "width:100%;background:transparent"
       }, [
         (i(), B(gt, {
-          key: `title_${te.value}`,
+          key: `title_${se.value}`,
           config: {
             title: {
               cy: "relation-div-title",
@@ -259,31 +259,31 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      l.value.userOptions.show && j.value && (a(se) || a(U)) ? (i(), B(a(Ae), {
+      l.value.userOptions.show && j.value && (a(ae) || a(U)) ? (i(), B(a(Ae), {
         ref: "details",
-        key: `user_options_${K.value}`,
+        key: `user_options_${Z.value}`,
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
-        isPrinting: a(ne),
-        isImaging: a(re),
+        isPrinting: a(ue),
+        isImaging: a(oe),
         uid: A.value,
         hasPdf: l.value.userOptions.buttons.pdf,
         hasImg: l.value.userOptions.buttons.img,
         hasFullscreen: l.value.userOptions.buttons.img,
         hasXls: !1,
-        isFullscreen: S.value,
+        isFullscreen: M.value,
         titles: { ...l.value.userOptions.buttonTitles },
-        chartElement: M.value,
+        chartElement: S.value,
         position: l.value.userOptions.position,
         hasAnnotator: l.value.userOptions.buttons.annotator,
         isAnnotation: F.value,
         callbacks: l.value.userOptions.callbacks,
         onToggleFullscreen: Xe,
-        onGeneratePdf: a(ue),
-        onGenerateImage: a(oe),
-        onToggleAnnotator: W,
+        onGeneratePdf: a(ce),
+        onGenerateImage: a(de),
+        onToggleAnnotator: X,
         style: L({
-          visibility: a(se) ? a(U) ? "visible" : "hidden" : "visible"
+          visibility: a(ae) ? a(U) ? "visible" : "hidden" : "visible"
         })
       }, et({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -325,9 +325,9 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       j.value ? (i(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: ie,
+        ref: ne,
         xmlns: a(ct),
-        class: Y([{ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }, "relation-circle"]),
+        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"
@@ -355,17 +355,17 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           class: "main-circle"
         }, null, 8, wt),
         Fe.value ? (i(), n("g", xt, [
-          (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("path", {
+          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("path", {
             key: `relation_${r}`,
             style: L(me(t)),
             stroke: w(t),
-            class: Y(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }]),
+            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": V(t),
+            "stroke-width": D(t),
             "stroke-linecap": "round"
           }, null, 14, $t))), 128)),
-          (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("g", _t, [
+          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("g", _t, [
             P(t) ? h(e.$slots, "dataLabel", be({
               key: 0,
               ref_for: !0
@@ -374,28 +374,28 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               y: t.midPointBezier.y,
               color: w(t),
               weight: t.weight,
-              fontSize: p.value
+              fontSize: g.value
             }), void 0, !0) : v("", !0),
             P(t) && !e.$slots.dataLabel ? (i(), n("circle", {
               key: 1,
               cx: t.midPointBezier.x,
               cy: t.midPointBezier.y,
               fill: w(t),
-              r: p.value,
+              r: g.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
             }, null, 8, Ct)) : v("", !0),
             P(t) && !e.$slots.dataLabel ? (i(), n("text", {
               key: 2,
               x: t.midPointBezier.x,
-              y: t.midPointBezier.y + p.value / 3,
+              y: t.midPointBezier.y + g.value / 3,
               fill: a($e)(w(t)),
               "text-anchor": "middle",
-              "font-size": p.value
-            }, N(a(q)(
+              "font-size": g.value
+            }, N(a(J)(
               l.value.style.weightLabels.formatter,
               t.weight,
-              a(H)({
+              a(K)({
                 p: l.value.style.weightLabels.prefix,
                 v: t.weight,
                 s: l.value.style.weightLabels.suffix,
@@ -405,19 +405,19 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
             )), 9, Pt)) : v("", !0)
           ]))), 256))
         ])) : (i(), n("g", Lt, [
-          (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("line", {
+          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("line", {
             key: `relation_${r}`,
             stroke: w(t),
-            "stroke-width": V(t),
+            "stroke-width": D(t),
             style: L(me(t)),
             x1: t.x1,
             x2: t.x2,
             y1: t.y1,
             y2: t.y2,
-            class: Y({ "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }),
+            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(g.value, (t, r) => (i(), n("g", zt, [
+          (i(!0), n(O, null, z(m.value, (t, r) => (i(), n("g", zt, [
             P(t) ? h(e.$slots, "dataLabel", be({
               key: 0,
               ref_for: !0
@@ -426,28 +426,28 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
               y: t.midPointLine.y,
               color: w(t),
               weight: t.weight,
-              fontSize: p.value
+              fontSize: g.value
             }), void 0, !0) : v("", !0),
             P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
               key: 1,
               cx: t.midPointLine.x,
               cy: t.midPointLine.y,
               fill: w(t),
-              r: p.value,
+              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", {
               key: 2,
               x: t.midPointLine.x,
-              y: t.midPointLine.y + p.value / 3,
+              y: t.midPointLine.y + g.value / 3,
               fill: a($e)(w(t)),
               "text-anchor": "middle",
-              "font-size": p.value
-            }, N(a(q)(
+              "font-size": g.value
+            }, N(a(J)(
               l.value.style.weightLabels.formatter,
               t.weight,
-              a(H)({
+              a(K)({
                 p: l.value.style.weightLabels.prefix,
                 v: t.weight,
                 s: l.value.style.weightLabels.suffix,
@@ -468,19 +468,19 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           "transform-origin": "start",
           "font-weight": c.value.id === t.id ? "900" : "400",
           style: L(`font-family:${l.value.style.fontFamily};${We(t)}`),
-          "font-size": ve.value,
+          "font-size": W.value,
           fill: l.value.style.labels.color
-        }, N(t.label) + " (" + N(a(q)(
+        }, N(t.label) + " (" + N(a(J)(
           l.value.style.weightLabels.formatter,
           t.totalWeight,
-          a(H)({
+          a(K)({
             p: l.value.style.weightLabels.prefix,
             v: t.totalWeight,
             s: l.value.style.weightLabels.suffix,
             r: l.value.style.weightLabels.rounding
           }),
           { ...t }
-        )) + ") ", 13, Mt))), 128)),
+        )) + ") ", 13, St))), 128)),
         (i(!0), n(O, null, z(x.value, (t, r) => (i(), n("circle", {
           cx: t.x,
           cy: t.y,
@@ -491,17 +491,17 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
           stroke: l.value.style.backgroundColor,
           "stroke-width": "1",
           onClick: (f) => pe(t),
-          r: de.value
-        }, null, 12, St))), 128)),
+          r: V.value
+        }, null, 12, Mt))), 128)),
         h(e.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 10, kt)) : v("", !0),
       e.$slots.watermark ? (i(), n("div", Ft, [
-        h(e.$slots, "watermark", E(T({ isPrinting: a(ne) || a(re) })), void 0, !0)
+        h(e.$slots, "watermark", E(T({ isPrinting: a(ue) || a(oe) })), void 0, !0)
       ])) : v("", !0),
       e.$slots.source ? (i(), n("div", {
         key: 6,
         ref_key: "source",
-        ref: Z,
+        ref: te,
         dir: "auto"
       }, [
         h(e.$slots, "source", {}, void 0, !0)
@@ -520,7 +520,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       }, null, 8, ["config"]))
     ], 44, pt));
   }
-}, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-99ea3a35"]]);
+}, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-ffc439e1"]]);
 export {
   Dt as default
 };