vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-relation-circle-DydZv4Pf.js → vue-ui-relation-circle-CrYmJHLI.js}

@@ -1,38 +1,42 @@
-import { useCssVars as wt, computed as y, defineAsyncComponent as Z, ref as u, toRefs as Ct, watch as ee, shallowRef as ze, onMounted as At, onBeforeUnmount as xt, createElementBlock as n, openBlock as a, unref as i, normalizeStyle as I, createBlock as U, createCommentVNode as g, withCtx as h, renderSlot as v, normalizeProps as w, guardReactiveProps as C, createSlots as $t, normalizeClass as te, createVNode as _t, createElementVNode as Lt, Fragment as _, renderList as M, mergeProps as Oe, toDisplayString as V, createTextVNode as Se } from "vue";
-import { c as Pt, t as zt, i as Ot, j as Ie, k as St, o as Me, g as Be, l as It, X as Mt, x as Ee, a as le, d as se, a2 as oe } from "./lib-2iaAPQ_c.js";
-import { t as Bt, u as Et } from "./useResponsive-DfdjqQps.js";
-import { u as Ft, a as ae } from "./useNestedProp-BCt4DMkT.js";
-import { u as Tt, B as Dt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Rt } from "./usePrinter-ChVMpU2f.js";
-import { u as jt } from "./useSvgExport-ByUukOZt.js";
-import { u as Nt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Gt } from "./useAutoSizeLabelsInsideViewbox-DmpzKQ9i.js";
-import Wt from "./img-CqYIrJ8I.js";
-import Xt from "./Title-B5L2jweB.js";
-import { _ as Yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { color: "#CCCCCC" }, circle: { stroke: "#5A5A5A" }, plot: { color: "#1A1A1A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, Te = { style: { backgroundColor: "#FFF8E1", color: "#424242", labels: { color: "#424242" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, De = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", labels: { color: "#BDBDBD" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, Re = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", labels: { color: "#AACCAA" }, circle: { stroke: "#333333" }, plot: { color: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, je = { style: { backgroundColor: "#fbfafa", color: "#8A9892", labels: { color: "#A0AC94" }, circle: { stroke: "transparent" }, plot: { color: "#C09E85" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, Ne = { style: { backgroundColor: "#f6f6fb", color: "#50606C", labels: { color: "#61747E" }, circle: { stroke: "#D2D7E0" }, plot: { color: "#97ACB7" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, Ue = {
+import { useCssVars as At, computed as y, defineAsyncComponent as Z, ref as u, toRefs as xt, watch as ee, shallowRef as ze, onMounted as $t, onBeforeUnmount as _t, createElementBlock as n, openBlock as a, unref as i, normalizeStyle as I, createBlock as U, createCommentVNode as g, withCtx as h, renderSlot as v, normalizeProps as C, guardReactiveProps as w, createSlots as Lt, normalizeClass as te, createVNode as Pt, createElementVNode as zt, Fragment as _, renderList as M, mergeProps as Oe, toDisplayString as V, createTextVNode as Se } from "vue";
+import { c as Ot, t as St, i as It, j as Ie, k as Mt, o as Me, g as Be, l as Bt, X as Et, x as Ee, a as le, d as oe, a2 as se } from "./lib-CVHM9FhP.js";
+import { t as Ft, u as Tt } from "./useResponsive-DfdjqQps.js";
+import { u as Dt, a as ae } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Rt, B as jt } from "./BaseScanner-BMpwQAfz.js";
+import { u as Nt } from "./usePrinter-1NmjuP-i.js";
+import { u as Ut } from "./useSvgExport-ByUukOZt.js";
+import { u as Vt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Wt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Xt } from "./useAutoSizeLabelsInsideViewbox-CqeJ1kZA.js";
+import Yt from "./img-6fNF_rG0.js";
+import qt from "./Title-NgeRXqRA.js";
+import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Fe = { userOptions: { show: !1 } }, Te = { userOptions: { show: !1 }, style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { color: "#CCCCCC" }, circle: { stroke: "#5A5A5A" }, plot: { color: "#1A1A1A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, De = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { color: "#CCCCCC" }, circle: { stroke: "#5A5A5A" }, plot: { color: "#1A1A1A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, Re = { style: { backgroundColor: "#FFF8E1", color: "#424242", labels: { color: "#424242" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, je = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", labels: { color: "#BDBDBD" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, Ne = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", labels: { color: "#AACCAA" }, circle: { stroke: "#333333" }, plot: { color: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, Ue = { style: { backgroundColor: "#fbfafa", color: "#8A9892", labels: { color: "#A0AC94" }, circle: { stroke: "transparent" }, plot: { color: "#C09E85" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, Ve = { style: { backgroundColor: "#f6f6fb", color: "#50606C", labels: { color: "#61747E" }, circle: { stroke: "#D2D7E0" }, plot: { color: "#97ACB7" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, Ge = {
   default: {},
-  dark: Fe,
-  celebration: Te,
-  celebrationNight: De,
-  hack: Re,
-  zen: je,
-  concrete: Ne
-}, Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Fe,
+  minimalDark: Te,
+  dark: De,
+  celebration: Re,
+  celebrationNight: je,
+  hack: Ne,
+  zen: Ue,
+  concrete: Ve
+}, zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Te,
-  celebrationNight: De,
-  concrete: Ne,
-  dark: Fe,
-  default: Ue,
-  hack: Re,
-  zen: je
-}, Symbol.toStringTag, { value: "Module" })), qt = ["id"], Ht = ["xmlns", "viewBox"], Jt = ["width", "height"], Kt = ["cx", "cy", "r", "stroke", "stroke-width"], Qt = { key: 1 }, Zt = ["stroke", "d", "stroke-width"], el = { style: { "pointer-events": "none" } }, tl = ["cx", "cy", "fill", "r", "stroke"], ll = ["x", "y", "fill", "font-size"], sl = { key: 2 }, ol = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], al = { style: { "pointer-events": "none" } }, nl = ["cx", "cy", "fill", "r", "stroke"], il = ["x", "y", "fill", "font-size"], rl = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], ul = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], cl = {
+  celebration: Re,
+  celebrationNight: je,
+  concrete: Ve,
+  dark: De,
+  default: Ge,
+  hack: Ne,
+  minimal: Fe,
+  minimalDark: Te,
+  zen: Ue
+}, Symbol.toStringTag, { value: "Module" })), Jt = ["id"], Kt = ["xmlns", "viewBox"], Qt = ["width", "height"], Zt = ["cx", "cy", "r", "stroke", "stroke-width"], el = { key: 1 }, tl = ["stroke", "d", "stroke-width"], ll = { style: { "pointer-events": "none" } }, ol = ["cx", "cy", "fill", "r", "stroke"], sl = ["x", "y", "fill", "font-size"], al = { key: 2 }, nl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], il = { style: { "pointer-events": "none" } }, rl = ["cx", "cy", "fill", "r", "stroke"], ul = ["x", "y", "fill", "font-size"], cl = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], dl = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], vl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, dl = {
+}, fl = {
   __name: "vue-ui-relation-circle",
   props: {
     dataset: {
@@ -48,14 +52,14 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
       }
     }
   },
-  setup(Ve, { expose: Ge }) {
-    wt((e) => ({
-      v0ccf0e06: st.value,
-      v0ab0445c: lt.value,
-      v08643f3e: ot.value
+  setup(We, { expose: Xe }) {
+    At((e) => ({
+      v0ccf0e06: at.value,
+      v0ab0445c: st.value,
+      v08643f3e: nt.value
     }));
-    const We = Z(() => import("./PenAndPaper-CulSakut.js")), Xe = Z(() => import("./UserOptions-5pXc4J-c.js")), Ye = Z(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_relation_circle: qe } = Ft(), { isThemeValid: He, warnInvalidTheme: Je } = Nt(), m = Ve, Ke = y(() => !!m.dataset && Object.keys(m.dataset).length), B = u(Pt()), ne = u(0), L = u(null), ie = u(null), re = u(null), ue = u(null), ce = u(0), l = u(X()), { loading: de, FINAL_DATASET: Qe, manualLoading: G } = Tt({
-      ...Ct(m),
+    const Ye = Z(() => import("./PenAndPaper-LTuSTmWE.js")), qe = Z(() => import("./UserOptions-CX7Xsusk.js")), He = Z(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_relation_circle: Je } = Dt(), { isThemeValid: Ke, warnInvalidTheme: Qe } = Vt(), m = We, Ze = y(() => !!m.dataset && Object.keys(m.dataset).length), B = u(Ot()), ne = u(0), L = u(null), ie = u(null), re = u(null), ue = u(null), ce = u(0), l = u(X()), { loading: de, FINAL_DATASET: et, manualLoading: G } = Rt({
+      ...xt(m),
       FINAL_CONFIG: l,
       prepareConfig: X,
       skeletonDataset: [
@@ -67,7 +71,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         { id: "F", label: "_", relations: ["A"] },
         { id: "G", label: "_", relations: ["A"] }
       ],
-      skeletonConfig: zt({
+      skeletonConfig: St({
         defaultConfig: l.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -81,25 +85,25 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
           }
         }
       })
-    }), { userOptionsVisible: W, setUserOptionsVisibility: ve, keepUserOptionState: fe } = Ut({ config: l.value }), { svgRef: F } = Vt({ config: l.value.style.title });
+    }), { userOptionsVisible: W, setUserOptionsVisibility: ve, keepUserOptionState: fe } = Gt({ config: l.value }), { svgRef: F } = Wt({ config: l.value.style.title });
     function X() {
       const e = ae({
         userConfig: m.config,
-        defaultConfig: qe
-      }), s = e.theme;
-      if (!s) return e;
-      if (!He.value(e))
-        return Je(e), e;
+        defaultConfig: Je
+      }), o = e.theme;
+      if (!o) return e;
+      if (!Ke.value(e))
+        return Qe(e), e;
       const t = ae({
-        userConfig: Ue[s] || m.config,
+        userConfig: Ge[o] || m.config,
         defaultConfig: e
-      }), o = ae({
+      }), s = ae({
         userConfig: m.config,
         defaultConfig: t
       });
       return {
-        ...o,
-        customPalette: o.customPalette.length ? o.customPalette : Ot[s] || Ie
+        ...s,
+        customPalette: s.customPalette.length ? s.customPalette : It[o] || Ie
       };
     }
     ee(() => m.config, (e) => {
@@ -107,16 +111,16 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
     }, { deep: !0 }), ee(() => m.dataset, (e) => {
       Array.isArray(e) && e.length > 0 && (G.value = !1);
     }, { deep: !0 });
-    const { isPrinting: ge, isImaging: ye, generatePdf: he, generateImage: me } = Rt({
+    const { isPrinting: ge, isImaging: ye, generatePdf: he, generateImage: me } = Nt({
       elementId: `relation_circle_${B.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
       options: l.value.userOptions.print
-    }), Ze = y(() => l.value.userOptions.show && !l.value.style.title.text), be = y(() => St(l.value.customPalette)), A = u([]), p = u([]), f = u({}), k = u([]), et = u(0), T = y(() => Qe.value.slice(0, l.value.style.limit).map((e) => {
-      const s = Array.isArray(e.relations) ? e.relations : [];
+    }), tt = y(() => l.value.userOptions.show && !l.value.style.title.text), be = y(() => Mt(l.value.customPalette)), A = u([]), p = u([]), f = u({}), k = u([]), lt = u(0), T = y(() => et.value.slice(0, l.value.style.limit).map((e) => {
+      const o = Array.isArray(e.relations) ? e.relations : [];
       return {
         ...e,
-        weights: Array.isArray(e.weights) ? e.weights : new Array(s.length).fill(1),
-        relations: s
+        weights: Array.isArray(e.weights) ? e.weights : new Array(o.length).fill(1),
+        relations: o
       };
     }));
     ee(T, () => {
@@ -132,9 +136,9 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
       set(e) {
         return e;
       }
-    }), tt = y(() => l.value.style.links.curved), lt = y(() => `${l.value.style.animation.speedMs}ms`), st = y(() => z.value * 2), ot = y(() => z.value * 4), x = ze(null), O = ze(null);
-    At(() => {
-      ke(), document.getElementById(`relation_circle_${B.value}`).addEventListener("click", Ce);
+    }), ot = y(() => l.value.style.links.curved), st = y(() => `${l.value.style.animation.speedMs}ms`), at = y(() => z.value * 2), nt = y(() => z.value * 4), x = ze(null), O = ze(null);
+    $t(() => {
+      ke(), document.getElementById(`relation_circle_${B.value}`).addEventListener("click", we);
     });
     const pe = y(() => l.value.debug);
     function ke() {
@@ -142,8 +146,8 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         componentName: "VueUiRelationCircle",
         type: "dataset",
         debug: pe.value
-      }), G.value = !0) : m.dataset.forEach((e, s) => {
-        It({
+      }), G.value = !0) : m.dataset.forEach((e, o) => {
+        Bt({
           datasetObject: e,
           requiredAttributes: ["id", "label", "relations", "weights"]
         }).forEach((t) => {
@@ -151,32 +155,32 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             componentName: "VueUiRelationCircle",
             type: "datasetSerieAttribute",
             property: t,
-            index: s,
+            index: o,
             debug: pe.value
           });
         });
       }), Me(m.dataset) || (G.value = l.value.loading), l.value.responsive) {
-        const e = Bt(() => {
-          const { width: s, height: t } = Et({
+        const e = Ft(() => {
+          const { width: o, height: t } = Tt({
             chart: L.value,
             title: l.value.style.title.text ? ie.value : null,
             source: re.value,
             noTitle: ue.value
           });
           requestAnimationFrame(() => {
-            P.value = Math.min(s, t), r.value.width = Math.max(0.1, s), r.value.height = Math.max(0.1, t - 12), z.value = P.value * l.value.style.circle.radiusProportion, A.value = [], p.value = [], Y(), q(), we(), l.value.responsiveProportionalSizing ? (b.value = oe({
+            P.value = Math.min(o, t), r.value.width = Math.max(0.1, o), r.value.height = Math.max(0.1, t - 12), z.value = P.value * l.value.style.circle.radiusProportion, A.value = [], p.value = [], Y(), q(), Ce(), l.value.responsiveProportionalSizing ? (b.value = se({
               relator: P.value,
               adjuster: l.value.style.size,
               source: l.value.style.weightLabels.size,
               threshold: 6,
               fallback: 6
-            }), D.value = oe({
+            }), D.value = se({
               relator: P.value,
               adjuster: l.value.style.size,
               source: l.value.style.plot.radius,
               threshold: 1,
               fallback: 1
-            }), E.value = oe({
+            }), E.value = se({
               relator: P.value,
               adjuster: l.value.style.size,
               source: l.value.style.labels.fontSize,
@@ -188,37 +192,37 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         x.value && (O.value && x.value.unobserve(O.value), x.value.disconnect()), x.value = new ResizeObserver(e), O.value = L.value.parentNode, x.value.observe(O.value);
       } else
         A.value = [], p.value = [], Y(), q();
-      we();
+      Ce();
     }
-    xt(() => {
-      document.getElementById(`relation_circle_${B.value}`).removeEventListener("click", Ce), x.value && (O.value && x.value.unobserve(O.value), x.value.disconnect());
+    _t(() => {
+      document.getElementById(`relation_circle_${B.value}`).removeEventListener("click", we), x.value && (O.value && x.value.unobserve(O.value), x.value.disconnect());
     });
-    const { autoSizeLabels: we } = Gt({
+    const { autoSizeLabels: Ce } = Xt({
       svgRef: F,
       fontSize: l.value.style.labels.fontSize,
       minFontSize: l.value.style.labels.minFontSize,
       sizeRef: E,
       labelClass: ".vue-ui-relation-circle-legend"
     });
-    function Ce(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") || (f.value = {}, k.value = []);
+    function we(e) {
+      const o = e.target;
+      o && Array.from(o.classList).includes("vue-ui-user-options") || o && Array.from(o.classList).includes("vue-ui-user-options-summary") || o && Array.from(o.classList).includes("vue-data-ui-button") || o && Array.from(o.classList).includes("vue-ui-relation-circle-legend") || (f.value = {}, k.value = []);
     }
     function Y() {
-      const e = 6.28319 / T.value.length, s = 360 / T.value.length;
-      let t = 0, o = 0;
+      const e = 6.28319 / T.value.length, o = 360 / T.value.length;
+      let t = 0, s = 0;
       T.value.forEach((c, d) => {
-        const K = c.weights.reduce((pt, kt) => pt + kt, 0), Q = z.value * Math.cos(t) + r.value.width / 2, bt = z.value * Math.sin(t) + r.value.height / 2 + l.value.style.circle.offsetY;
-        A.value.push({ x: Q, y: bt, ...c, color: c.color ? c.color : be.value[d] ? be.value[d] : Ie[d], regAngle: o, totalWeight: K }), t += e, o += s;
+        const K = c.weights.reduce((Ct, wt) => Ct + wt, 0), Q = z.value * Math.cos(t) + r.value.width / 2, kt = z.value * Math.sin(t) + r.value.height / 2 + l.value.style.circle.offsetY;
+        A.value.push({ x: Q, y: kt, ...c, color: c.color ? c.color : be.value[d] ? be.value[d] : Ie[d], regAngle: s, totalWeight: K }), t += e, s += o;
       });
     }
-    function at(e, s) {
-      const t = (e.x + s.x) / 2, o = (e.y + s.y) / 2;
-      return { x: t, y: o };
+    function it(e, o) {
+      const t = (e.x + o.x) / 2, s = (e.y + o.y) / 2;
+      return { x: t, y: s };
     }
     function q() {
       p.value = [], A.value.forEach((e) => {
-        A.value.filter((t) => t.relations.includes(e.id)).forEach((t, o) => {
+        A.value.filter((t) => t.relations.includes(e.id)).forEach((t, s) => {
           const c = t.relations.indexOf(e.id);
           p.value.push({
             weight: t.weights[c] ? t.weights[c] : 0,
@@ -229,8 +233,8 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             y2: t.y,
             colorSource: e.color,
             colorTarget: t.color,
-            midPointLine: at({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
-            midPointBezier: nt({
+            midPointLine: it({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
+            midPointBezier: rt({
               x1: e.x,
               x2: t.x,
               y1: e.y,
@@ -241,15 +245,15 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         });
       });
     }
-    function nt(e) {
-      const s = { x: e.x1, y: e.y1 }, t = { x: e.x2, y: e.y2 }, o = { x: e.x1, y: e.y1 }, c = {
+    function rt(e) {
+      const o = { x: e.x1, y: e.y1 }, t = { x: e.x2, y: e.y2 }, s = { x: e.x1, y: e.y1 }, c = {
         x: r.value.width / 2,
         y: r.value.height / 2 + l.value.style.circle.offsetY
-      }, d = 0.5, K = Math.pow(1 - d, 3) * s.x + 3 * Math.pow(1 - d, 2) * d * o.x + 3 * (1 - d) * Math.pow(d, 2) * c.x + Math.pow(d, 3) * t.x, Q = Math.pow(1 - d, 3) * s.y + 3 * Math.pow(1 - d, 2) * d * o.y + 3 * (1 - d) * Math.pow(d, 2) * c.y + Math.pow(d, 3) * t.y;
+      }, d = 0.5, K = Math.pow(1 - d, 3) * o.x + 3 * Math.pow(1 - d, 2) * d * s.x + 3 * (1 - d) * Math.pow(d, 2) * c.x + Math.pow(d, 3) * t.x, Q = Math.pow(1 - d, 3) * o.y + 3 * Math.pow(1 - d, 2) * d * s.y + 3 * (1 - d) * Math.pow(d, 2) * c.y + Math.pow(d, 3) * t.y;
       return { x: K, y: Q };
     }
-    const it = y(() => Math.max(...p.value.map((e) => e.weight)));
-    function rt(e) {
+    const ut = y(() => Math.max(...p.value.map((e) => e.weight)));
+    function ct(e) {
       return Object.hasOwn(f.value, "x") ? k.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
     }
     function $(e) {
@@ -261,31 +265,31 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
     function S(e) {
       return Object.hasOwn(f.value, "x") ? !!(k.value.includes(e.id) && e.relationId === `${e.id}_${f.value.id}` || e.relationId === `${f.value.id}_${e.id}`) : !1;
     }
-    function ut(e) {
+    function dt(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? "end" : "start";
     }
-    function ct(e) {
+    function vt(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? e.x - 5 : e.x + 5;
     }
-    function dt(e) {
+    function ft(e) {
       return Object.hasOwn(f.value, "x") ? f.value.id === e.id || k.value.includes(e.id) ? "opacity:1" : "opacity:0.2" : "opacity:1";
     }
-    function vt(e) {
+    function gt(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
     }
     const R = u(null);
-    function xe(e, s) {
-      R.value = s, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: s });
+    function xe(e, o) {
+      R.value = o, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: o });
     }
-    function $e(e, s) {
-      R.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s });
+    function $e(e, o) {
+      R.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: o });
     }
-    function _e(e, s) {
-      l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), et.value = 360 - e.regAngle, f.value.id && e.id === f.value.id ? (f.value = {}, k.value = []) : (f.value = e, k.value = [...e.relations]);
+    function _e(e, o) {
+      l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: o }), lt.value = 360 - e.regAngle, f.value.id && e.id === f.value.id ? (f.value = {}, k.value = []) : (f.value = e, k.value = [...e.relations]);
     }
     function H(e) {
-      const s = e.weight / it.value * l.value.style.links.maxWidth;
-      return Math.max(0.3, s);
+      const o = e.weight / ut.value * l.value.style.links.maxWidth;
+      return Math.max(0.3, o);
     }
     const j = u(!1);
     function Le(e) {
@@ -295,47 +299,47 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
     function J() {
       N.value = !N.value;
     }
-    async function ft({ scale: e = 2 } = {}) {
+    async function yt({ scale: e = 2 } = {}) {
       if (!L.value) return;
-      const { width: s, height: t } = L.value.getBoundingClientRect(), o = s / t, { imageUri: c, base64: d } = await Wt({ domElement: L.value, base64: !0, img: !0, scale: e });
+      const { width: o, height: t } = L.value.getBoundingClientRect(), s = o / t, { imageUri: c, base64: d } = await Yt({ domElement: L.value, base64: !0, img: !0, scale: e });
       return {
         imageUri: c,
         base64: d,
         title: l.value.style.title.text,
-        width: s,
+        width: o,
         height: t,
-        aspectRatio: o
+        aspectRatio: s
       };
     }
-    const gt = y(() => l.value.style.backgroundColor), yt = y(() => l.value.style.title), { exportSvg: ht, getSvg: mt } = jt({
+    const ht = y(() => l.value.style.backgroundColor), mt = y(() => l.value.style.title), { exportSvg: bt, getSvg: pt } = Ut({
       svg: F,
-      title: yt,
-      backgroundColor: gt
+      title: mt,
+      backgroundColor: ht
     });
     async function Pe({ isCb: e }) {
       if (e) {
-        const { blob: s, url: t, text: o, dataUrl: c } = await mt();
-        l.value.userOptions.callbacks.svg({ blob: s, url: t, text: o, dataUrl: c });
+        const { blob: o, url: t, text: s, dataUrl: c } = await pt();
+        l.value.userOptions.callbacks.svg({ blob: o, url: t, text: s, dataUrl: c });
       } else
-        ht();
+        bt();
     }
-    return Ge({
-      getImage: ft,
+    return Xe({
+      getImage: yt,
       generatePdf: he,
       generateSvg: Pe,
       generateImage: me,
       toggleAnnotator: J,
       toggleFullscreen: Le
-    }), (e, s) => (a(), n("div", {
+    }), (e, o) => (a(), n("div", {
       ref_key: "relationCircleChart",
       ref: L,
       class: "vue-data-ui-component vue-ui-relation-circle",
       style: I(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
       id: `relation_circle_${B.value}`,
-      onMouseenter: s[0] || (s[0] = () => i(ve)(!0)),
-      onMouseleave: s[1] || (s[1] = () => i(ve)(!1))
+      onMouseenter: o[0] || (o[0] = () => i(ve)(!0)),
+      onMouseleave: o[1] || (o[1] = () => i(ve)(!1))
     }, [
-      l.value.userOptions.buttons.annotator ? (a(), U(i(We), {
+      l.value.userOptions.buttons.annotator ? (a(), U(i(Ye), {
         key: 0,
         svgRef: i(F),
         backgroundColor: l.value.style.backgroundColor,
@@ -347,23 +351,23 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
           v(e.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": h(({ color: t }) => [
-          v(e.$slots, "annotator-action-color", w(C({ color: t })), void 0, !0)
+          v(e.$slots, "annotator-action-color", C(w({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": h(({ mode: t }) => [
-          v(e.$slots, "annotator-action-draw", w(C({ mode: t })), void 0, !0)
+          v(e.$slots, "annotator-action-draw", C(w({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": h(({ disabled: t }) => [
-          v(e.$slots, "annotator-action-undo", w(C({ disabled: t })), void 0, !0)
+          v(e.$slots, "annotator-action-undo", C(w({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": h(({ disabled: t }) => [
-          v(e.$slots, "annotator-action-redo", w(C({ disabled: t })), void 0, !0)
+          v(e.$slots, "annotator-action-redo", C(w({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": h(({ disabled: t }) => [
-          v(e.$slots, "annotator-action-delete", w(C({ disabled: t })), void 0, !0)
+          v(e.$slots, "annotator-action-delete", C(w({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      Ze.value ? (a(), n("div", {
+      tt.value ? (a(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ue,
@@ -376,7 +380,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         ref: ie,
         style: "width:100%;background:transparent"
       }, [
-        (a(), U(Xt, {
+        (a(), U(qt, {
           key: `title_${ce.value}`,
           config: {
             title: {
@@ -390,7 +394,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      l.value.userOptions.show && Ke.value && (i(fe) || i(W)) ? (a(), U(i(Xe), {
+      l.value.userOptions.show && Ze.value && (i(fe) || i(W)) ? (a(), U(i(qe), {
         ref: "details",
         key: `user_options_${ne.value}`,
         backgroundColor: l.value.style.backgroundColor,
@@ -419,11 +423,11 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         style: I({
           visibility: i(fe) ? i(W) ? "visible" : "hidden" : "visible"
         })
-      }, $t({ _: 2 }, [
+      }, Lt({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: h(({ isOpen: t, color: o }) => [
-            v(e.$slots, "menuIcon", w(C({ isOpen: t, color: o })), void 0, !0)
+          fn: h(({ isOpen: t, color: s }) => [
+            v(e.$slots, "menuIcon", C(w({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -450,15 +454,15 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: h(({ toggleFullscreen: t, isFullscreen: o }) => [
-            v(e.$slots, "optionFullscreen", w(C({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: h(({ toggleFullscreen: t, isFullscreen: s }) => [
+            v(e.$slots, "optionFullscreen", C(w({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: h(({ toggleAnnotator: t, isAnnotator: o }) => [
-            v(e.$slots, "optionAnnotator", w(C({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: h(({ toggleAnnotator: t, isAnnotator: s }) => [
+            v(e.$slots, "optionAnnotator", C(w({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -466,13 +470,13 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
       (a(), n("svg", {
         ref_key: "svgRef",
         ref: F,
-        xmlns: i(Mt),
+        xmlns: i(Et),
         class: te([{ "vue-data-ui-fullscreen--on": j.value, "vue-data-ui-fulscreen--off": !j.value }, "relation-circle"]),
         viewBox: `0 0 ${r.value.width <= 0 ? 10 : r.value.width} ${r.value.height <= 0 ? 10 : r.value.height}`,
         width: "100%",
         style: "user-select:none; background:transparent"
       }, [
-        _t(i(Ye)),
+        Pt(i(He)),
         e.$slots["chart-background"] ? (a(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -484,8 +488,8 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
           }
         }, [
           v(e.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Jt)) : g("", !0),
-        Lt("circle", {
+        ], 8, Qt)) : g("", !0),
+        zt("circle", {
           cx: (r.value.width <= 0 ? 1e-4 : r.value.width) / 2,
           cy: (r.value.height <= 0 ? 1e-4 : r.value.height) / 2 + l.value.style.circle.offsetY,
           r: z.value <= 0 ? 1e-4 : z.value,
@@ -493,10 +497,10 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
           "stroke-width": l.value.style.circle.strokeWidth,
           fill: "transparent",
           class: "main-circle"
-        }, null, 8, Kt),
-        tt.value ? (a(), n("g", Qt, [
-          (a(!0), n(_, null, M(p.value, (t, o) => (a(), n("path", {
-            key: `relation_${o}`,
+        }, null, 8, Zt),
+        ot.value ? (a(), n("g", el, [
+          (a(!0), n(_, null, M(p.value, (t, s) => (a(), n("path", {
+            key: `relation_${s}`,
             style: I(Ae(t)),
             stroke: $(t),
             class: te(["relation", { "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && k.value.includes(t.id) }]),
@@ -504,8 +508,8 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             fill: "none",
             "stroke-width": H(t),
             "stroke-linecap": "round"
-          }, null, 14, Zt))), 128)),
-          (a(!0), n(_, null, M(p.value, (t, o) => (a(), n("g", el, [
+          }, null, 14, tl))), 128)),
+          (a(!0), n(_, null, M(p.value, (t, s) => (a(), n("g", ll, [
             S(t) ? v(e.$slots, "dataLabel", Oe({
               key: 0,
               ref_for: !0
@@ -524,7 +528,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
               r: b.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
-            }, null, 8, tl)) : g("", !0),
+            }, null, 8, ol)) : g("", !0),
             S(t) && !e.$slots.dataLabel ? (a(), n("text", {
               key: 2,
               x: t.midPointBezier.x,
@@ -535,18 +539,18 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             }, V(i(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
-              i(se)({
+              i(oe)({
                 p: l.value.style.weightLabels.prefix,
                 v: t.weight,
                 s: l.value.style.weightLabels.suffix,
                 r: l.value.style.weightLabels.rounding
               }),
               { ...t }
-            )), 9, ll)) : g("", !0)
+            )), 9, sl)) : g("", !0)
           ]))), 256))
-        ])) : (a(), n("g", sl, [
-          (a(!0), n(_, null, M(p.value, (t, o) => (a(), n("line", {
-            key: `relation_${o}`,
+        ])) : (a(), n("g", al, [
+          (a(!0), n(_, null, M(p.value, (t, s) => (a(), n("line", {
+            key: `relation_${s}`,
             stroke: $(t),
             "stroke-width": H(t),
             style: I(Ae(t)),
@@ -556,8 +560,8 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             y2: t.y2,
             class: te({ "vue-ui-relation-circle-selected": f.value.hasOwnProperty("id") && k.value.includes(t.id) }),
             "stroke-linecap": "round"
-          }, null, 14, ol))), 128)),
-          (a(!0), n(_, null, M(p.value, (t, o) => (a(), n("g", al, [
+          }, null, 14, nl))), 128)),
+          (a(!0), n(_, null, M(p.value, (t, s) => (a(), n("g", il, [
             S(t) ? v(e.$slots, "dataLabel", Oe({
               key: 0,
               ref_for: !0
@@ -576,7 +580,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
               r: b.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
-            }, null, 8, nl)) : g("", !0),
+            }, null, 8, rl)) : g("", !0),
             S(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (a(), n("text", {
               key: 2,
               x: t.midPointLine.x,
@@ -587,32 +591,32 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             }, V(i(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
-              i(se)({
+              i(oe)({
                 p: l.value.style.weightLabels.prefix,
                 v: t.weight,
                 s: l.value.style.weightLabels.suffix,
                 r: l.value.style.weightLabels.rounding
               }),
               { ...t }
-            )), 9, il)) : g("", !0)
+            )), 9, ul)) : g("", !0)
           ]))), 256))
         ])),
-        (a(!0), n(_, null, M(A.value, (t, o) => (a(), n("text", {
-          key: `plot_text_${o}`,
-          "text-anchor": ut(t),
-          transform: vt(t),
-          x: ct(t),
+        (a(!0), n(_, null, M(A.value, (t, s) => (a(), n("text", {
+          key: `plot_text_${s}`,
+          "text-anchor": dt(t),
+          transform: gt(t),
+          x: vt(t),
           y: t.y + 5,
           class: "vue-ui-relation-circle-legend",
           "transform-origin": "start",
           "font-weight": f.value.id === t.id ? "900" : "400",
-          style: I(`font-family:${l.value.style.fontFamily};${dt(t)}`),
+          style: I(`font-family:${l.value.style.fontFamily};${ft(t)}`),
           "font-size": E.value,
           fill: l.value.style.labels.color,
-          "text-decoration": o === R.value ? "underline" : void 0,
-          onClick: (c) => _e(t, o),
-          onMouseenter: (c) => xe(t, o),
-          onMouseleave: (c) => $e(t, o)
+          "text-decoration": s === R.value ? "underline" : void 0,
+          onClick: (c) => _e(t, s),
+          onMouseenter: (c) => xe(t, s),
+          onMouseleave: (c) => $e(t, s)
         }, [
           i(de) ? (a(), n(_, { key: 0 }, [
             Se(" -------- ")
@@ -620,7 +624,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
             Se(V(t.label) + " (" + V(i(le)(
               l.value.style.weightLabels.formatter,
               t.totalWeight,
-              i(se)({
+              i(oe)({
                 p: l.value.style.weightLabels.prefix,
                 v: t.totalWeight,
                 s: l.value.style.weightLabels.suffix,
@@ -629,25 +633,25 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
               { ...t }
             )) + ") ", 1)
           ], 64))
-        ], 44, rl))), 128)),
-        (a(!0), n(_, null, M(A.value, (t, o) => (a(), n("circle", {
+        ], 44, cl))), 128)),
+        (a(!0), n(_, null, M(A.value, (t, s) => (a(), n("circle", {
           cx: t.x,
           cy: t.y,
-          key: `plot_${o}`,
-          style: I(`${rt(t)}; transition: r 0.2s ease-in-out;`),
+          key: `plot_${s}`,
+          style: I(`${ct(t)}; transition: r 0.2s ease-in-out;`),
           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",
-          r: D.value * (o === R.value ? 2 : 1),
-          onClick: (c) => _e(t, o),
-          onMouseenter: (c) => xe(t, o),
-          onMouseleave: (c) => $e(t, o)
-        }, null, 44, ul))), 128)),
+          r: D.value * (s === R.value ? 2 : 1),
+          onClick: (c) => _e(t, s),
+          onMouseenter: (c) => xe(t, s),
+          onMouseleave: (c) => $e(t, s)
+        }, null, 44, dl))), 128)),
         v(e.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 10, Ht)),
-      e.$slots.watermark ? (a(), n("div", cl, [
-        v(e.$slots, "watermark", w(C({ isPrinting: i(ge) || i(ye) })), void 0, !0)
+      ], 10, Kt)),
+      e.$slots.watermark ? (a(), n("div", vl, [
+        v(e.$slots, "watermark", C(w({ isPrinting: i(ge) || i(ye) })), void 0, !0)
       ])) : g("", !0),
       e.$slots.source ? (a(), n("div", {
         key: 5,
@@ -657,15 +661,15 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
       }, [
         v(e.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      i(de) ? (a(), U(Dt, { key: 6 })) : g("", !0)
-    ], 44, qt));
+      i(de) ? (a(), U(jt, { key: 6 })) : g("", !0)
+    ], 44, Jt));
   }
-}, vl = /* @__PURE__ */ Yt(dl, [["__scopeId", "data-v-f336b6ba"]]), Pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, gl = /* @__PURE__ */ Ht(fl, [["__scopeId", "data-v-f336b6ba"]]), Ol = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vl
+  default: gl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ll as a,
-  Pl as b,
-  vl as v
+  zl as a,
+  Ol as b,
+  gl as v
 };