vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-relation-circle-CIwou-3d.js → vue-ui-relation-circle-cRRrbaIT.js}

@@ -1,6 +1,6 @@
-import { useCssVars as dt, computed as g, defineAsyncComponent as Z, ref as r, toRefs as ft, watch as ee, shallowRef as Le, onMounted as gt, onBeforeUnmount as yt, createElementBlock as n, openBlock as i, unref as o, normalizeStyle as z, createBlock as j, createCommentVNode as f, createSlots as ht, withCtx as M, renderSlot as h, normalizeProps as U, guardReactiveProps as D, normalizeClass as te, createVNode as mt, createElementVNode as pt, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as G, createTextVNode as ze } from "vue";
+import { useCssVars as dt, computed as g, defineAsyncComponent as Z, ref as r, toRefs as ft, watch as ee, shallowRef as Le, onMounted as gt, onBeforeUnmount as yt, createElementBlock as i, openBlock as n, unref as o, normalizeStyle as z, createBlock as j, createCommentVNode as f, createSlots as ht, withCtx as O, renderSlot as y, normalizeProps as U, guardReactiveProps as D, normalizeClass as te, createVNode as mt, createElementVNode as pt, Fragment as $, renderList as S, mergeProps as Pe, toDisplayString as G, createTextVNode as ze } from "vue";
 import { c as bt, t as kt, b as wt, p as Oe, e as xt, o as Se, f as Ie, g as $t, X as At, J as Me, a as le, d as se, R as ae } from "./lib-C_mNZmhD.js";
-import { t as _t, u as Ct } from "./useResponsive-DfdjqQps.js";
+import { t as Ct, u as _t } from "./useResponsive-DfdjqQps.js";
 import { u as Lt, a as Ee } from "./useNestedProp-BjZe1Y85.js";
 import { u as Pt, B as zt } from "./BaseScanner-BgWxam9d.js";
 import { u as Ot } from "./usePrinter-DTzqpYKF.js";
@@ -33,11 +33,11 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
   },
   setup(Be, { expose: Fe }) {
     dt((e) => ({
-      da1d463e: Ye.value,
-      v7926d380: Xe.value,
-      a1d88bbc: qe.value
+      c0ba409a: Ye.value,
+      v431c6012: Xe.value,
+      v556fd074: qe.value
     }));
-    const Re = Z(() => import("./PenAndPaper-DSvu9dwa.js")), Te = Z(() => import("./UserOptions-CnzumGJj.js")), Ne = Z(() => import("./PackageVersion-BSldVhnp.js")), { vue_ui_relation_circle: je } = Lt(), m = Be, Ue = g(() => !!m.dataset && Object.keys(m.dataset).length), S = r(bt()), ie = r(0), A = r(null), ne = r(null), oe = r(null), ue = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: De, manualLoading: V } = Pt({
+    const Re = Z(() => import("./PenAndPaper-DSvu9dwa.js")), Te = Z(() => import("./UserOptions-CGnQt6Fd.js")), Ne = Z(() => import("./PackageVersion-D-auaEEJ.js")), { vue_ui_relation_circle: je } = Lt(), m = Be, Ue = g(() => !!m.dataset && Object.keys(m.dataset).length), I = r(bt()), ne = r(0), A = r(null), ie = r(null), oe = r(null), ue = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: De, manualLoading: V } = Pt({
       ...ft(m),
       FINAL_CONFIG: l,
       prepareConfig: X,
@@ -79,12 +79,12 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
       } : e;
     }
     ee(() => m.config, (e) => {
-      l.value = X(), W.value = !l.value.userOptions.showOnChartHover, _.value = l.value.style.size, y.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, I.value = l.value.style.labels.fontSize, u.value.height = l.value.style.size, u.value.width = l.value.style.size, be(), re.value += 1;
+      l.value = X(), W.value = !l.value.userOptions.showOnChartHover, C.value = l.value.style.size, h.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, M.value = l.value.style.labels.fontSize, u.value.height = l.value.style.size, u.value.width = l.value.style.size, be(), re.value += 1;
     }, { deep: !0 }), ee(() => m.dataset, (e) => {
       Array.isArray(e) && e.length > 0 && (V.value = !1);
     }, { deep: !0 });
     const { isPrinting: fe, isImaging: ge, generatePdf: ye, generateImage: he } = Ot({
-      elementId: `relation_circle_${S.value}`,
+      elementId: `relation_circle_${I.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle",
       options: l.value.userOptions.print
     }), Ge = g(() => l.value.userOptions.show && !l.value.style.title.text), me = g(() => xt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ve = r(0), B = g(() => De.value.slice(0, l.value.style.limit).map((e) => {
@@ -98,19 +98,19 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
     ee(B, () => {
       k.value = [], p.value = [], Y(), q();
     });
-    const _ = r(l.value.style.size), y = r(l.value.style.weightLabels.size), F = r(l.value.style.plot.radius), I = r(l.value.style.labels.fontSize), u = r({
+    const C = r(l.value.style.size), h = r(l.value.style.weightLabels.size), F = r(l.value.style.plot.radius), M = r(l.value.style.labels.fontSize), u = r({
       height: l.value.style.size,
       width: l.value.style.size
-    }), C = g({
+    }), _ = g({
       get() {
-        return _.value * l.value.style.circle.radiusProportion;
+        return C.value * l.value.style.circle.radiusProportion;
       },
       set(e) {
         return e;
       }
-    }), We = g(() => l.value.style.links.curved), Xe = g(() => `${l.value.style.animation.speedMs}ms`), Ye = g(() => C.value * 2), qe = g(() => C.value * 4), w = Le(null), L = Le(null);
+    }), We = g(() => l.value.style.links.curved), Xe = g(() => `${l.value.style.animation.speedMs}ms`), Ye = g(() => _.value * 2), qe = g(() => _.value * 4), w = Le(null), L = Le(null);
     gt(() => {
-      be(), document.getElementById(`relation_circle_${S.value}`).addEventListener("click", we);
+      be(), document.getElementById(`relation_circle_${I.value}`).addEventListener("click", we);
     });
     const pe = g(() => l.value.debug);
     function be() {
@@ -132,33 +132,33 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
           });
         });
       }), Se(m.dataset) || (V.value = l.value.loading), l.value.responsive) {
-        const e = _t(() => {
-          const { width: s, height: t } = Ct({
+        const e = Ct(() => {
+          const { width: s, height: t } = _t({
             chart: A.value,
-            title: l.value.style.title.text ? ne.value : null,
+            title: l.value.style.title.text ? ie.value : null,
             source: oe.value,
             noTitle: ue.value
           });
           requestAnimationFrame(() => {
-            _.value = Math.min(s, t), u.value.width = Math.max(0.1, s), u.value.height = Math.max(0.1, t - 12), C.value = _.value * l.value.style.circle.radiusProportion, k.value = [], p.value = [], Y(), q(), ke(), l.value.responsiveProportionalSizing ? (y.value = ae({
-              relator: _.value,
+            C.value = Math.min(s, t), u.value.width = Math.max(0.1, s), u.value.height = Math.max(0.1, t - 12), _.value = C.value * l.value.style.circle.radiusProportion, k.value = [], p.value = [], Y(), q(), ke(), l.value.responsiveProportionalSizing ? (h.value = ae({
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.weightLabels.size,
               threshold: 6,
               fallback: 6
             }), F.value = ae({
-              relator: _.value,
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.plot.radius,
               threshold: 1,
               fallback: 1
-            }), I.value = ae({
-              relator: _.value,
+            }), M.value = ae({
+              relator: C.value,
               adjuster: l.value.style.size,
               source: l.value.style.labels.fontSize,
               threshold: 6,
               fallback: 6
-            })) : (y.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, I.value = l.value.style.labels.fontSize);
+            })) : (h.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, M.value = l.value.style.labels.fontSize);
           });
         });
         w.value && (L.value && w.value.unobserve(L.value), w.value.disconnect()), w.value = new ResizeObserver(e), L.value = A.value.parentNode, w.value.observe(L.value);
@@ -167,13 +167,13 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
       ke();
     }
     yt(() => {
-      document.getElementById(`relation_circle_${S.value}`).removeEventListener("click", we), w.value && (L.value && w.value.unobserve(L.value), w.value.disconnect());
+      document.getElementById(`relation_circle_${I.value}`).removeEventListener("click", we), w.value && (L.value && w.value.unobserve(L.value), w.value.disconnect());
     });
     const { autoSizeLabels: ke } = Et({
       svgRef: E,
       fontSize: l.value.style.labels.fontSize,
       minFontSize: l.value.style.labels.minFontSize,
-      sizeRef: I,
+      sizeRef: M,
       labelClass: ".vue-ui-relation-circle-legend"
     });
     function we(e) {
@@ -184,7 +184,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
       const e = 6.28319 / B.value.length, s = 360 / B.value.length;
       let t = 0, a = 0;
       B.value.forEach((c, v) => {
-        const K = c.weights.reduce((ct, vt) => ct + vt, 0), Q = C.value * Math.cos(t) + u.value.width / 2, rt = C.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
+        const K = c.weights.reduce((ct, vt) => ct + vt, 0), Q = _.value * Math.cos(t) + u.value.width / 2, rt = _.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
         k.value.push({ x: Q, y: rt, ...c, color: c.color ? c.color : me.value[v] ? me.value[v] : Oe[v], regAngle: a, totalWeight: K }), t += e, a += s;
       });
     }
@@ -256,7 +256,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
     function Ae(e, s) {
       R.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s });
     }
-    function _e(e, s) {
+    function Ce(e, s) {
       l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), Ve.value = 360 - e.regAngle, d.value.id && e.id === d.value.id ? (d.value = {}, b.value = []) : (d.value = e, b.value = [...e.relations]);
     }
     function H(e) {
@@ -264,8 +264,8 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
       return Math.max(0.3, s);
     }
     const T = r(!1);
-    function Ce(e) {
-      T.value = e, ie.value += 1;
+    function _e(e) {
+      T.value = e, ne.value += 1;
     }
     const N = r(!1);
     function J() {
@@ -283,9 +283,9 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
         aspectRatio: a
       };
     }
-    const at = g(() => l.value.style.backgroundColor), it = g(() => l.value.style.title), { exportSvg: nt, getSvg: ot } = St({
+    const at = g(() => l.value.style.backgroundColor), nt = g(() => l.value.style.title), { exportSvg: it, getSvg: ot } = St({
       svg: E,
-      title: it,
+      title: nt,
       backgroundColor: at
     });
     async function ut({ isCb: e }) {
@@ -293,24 +293,24 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
         const { blob: s, url: t, text: a, dataUrl: c } = await ot();
         l.value.userOptions.callbacks.svg({ blob: s, url: t, text: a, dataUrl: c });
       } else
-        nt();
+        it();
     }
     return Fe({
       getImage: st,
       generatePdf: ye,
       generateImage: he,
       toggleAnnotator: J,
-      toggleFullscreen: Ce
-    }), (e, s) => (i(), n("div", {
+      toggleFullscreen: _e
+    }), (e, s) => (n(), i("div", {
       ref_key: "relationCircleChart",
       ref: A,
       class: "vue-data-ui-component vue-ui-relation-circle",
       style: z(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
-      id: `relation_circle_${S.value}`,
+      id: `relation_circle_${I.value}`,
       onMouseenter: s[0] || (s[0] = () => o(ve)(!0)),
       onMouseleave: s[1] || (s[1] = () => o(ve)(!1))
     }, [
-      l.value.userOptions.buttons.annotator ? (i(), j(o(Re), {
+      l.value.userOptions.buttons.annotator ? (n(), j(o(Re), {
         key: 0,
         svgRef: o(E),
         backgroundColor: l.value.style.backgroundColor,
@@ -318,20 +318,20 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
         active: N.value,
         onClose: J
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Ge.value ? (i(), n("div", {
+      Ge.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ue,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : f("", !0),
-      l.value.style.title.text ? (i(), n("div", {
+      l.value.style.title.text ? (n(), i("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ne,
+        ref: ie,
         style: "width:100%;background:transparent"
       }, [
-        (i(), j(Ft, {
+        (n(), j(Ft, {
           key: `title_${re.value}`,
           config: {
             title: {
@@ -345,14 +345,14 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      l.value.userOptions.show && Ue.value && (o(de) || o(W)) ? (i(), j(o(Te), {
+      l.value.userOptions.show && Ue.value && (o(de) || o(W)) ? (n(), j(o(Te), {
         ref: "details",
-        key: `user_options_${ie.value}`,
+        key: `user_options_${ne.value}`,
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
         isPrinting: o(fe),
         isImaging: o(ge),
-        uid: S.value,
+        uid: I.value,
         hasPdf: l.value.userOptions.buttons.pdf,
         hasImg: l.value.userOptions.buttons.img,
         hasSvg: l.value.userOptions.buttons.svg,
@@ -366,7 +366,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
         isAnnotation: N.value,
         callbacks: l.value.userOptions.callbacks,
         printScale: l.value.userOptions.print.scale,
-        onToggleFullscreen: Ce,
+        onToggleFullscreen: _e,
         onGeneratePdf: o(ye),
         onGenerateImage: o(he),
         onGenerateSvg: ut,
@@ -377,41 +377,48 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
       }, ht({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: M(({ isOpen: t, color: a }) => [
-            h(e.$slots, "menuIcon", U(D({ isOpen: t, color: a })), void 0, !0)
+          fn: O(({ isOpen: t, color: a }) => [
+            y(e.$slots, "menuIcon", U(D({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: M(() => [
-            h(e.$slots, "optionPdf", {}, void 0, !0)
+          fn: O(() => [
+            y(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: M(() => [
-            h(e.$slots, "optionImg", {}, void 0, !0)
+          fn: O(() => [
+            y(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
+        e.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: O(() => [
+            y(e.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: M(({ toggleFullscreen: t, isFullscreen: a }) => [
-            h(e.$slots, "optionFullscreen", U(D({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          fn: O(({ toggleFullscreen: t, isFullscreen: a }) => [
+            y(e.$slots, "optionFullscreen", U(D({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: M(({ toggleAnnotator: t, isAnnotator: a }) => [
-            h(e.$slots, "optionAnnotator", U(D({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          fn: O(({ toggleAnnotator: t, isAnnotator: a }) => [
+            y(e.$slots, "optionAnnotator", U(D({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
-      (i(), n("svg", {
+      (n(), i("svg", {
         ref_key: "svgRef",
         ref: E,
         xmlns: o(At),
@@ -421,7 +428,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
         style: "user-select:none; background:transparent"
       }, [
         mt(o(Ne)),
-        e.$slots["chart-background"] ? (i(), n("foreignObject", {
+        e.$slots["chart-background"] ? (n(), i("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -431,19 +438,19 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
             pointerEvents: "none"
           }
         }, [
-          h(e.$slots, "chart-background", {}, void 0, !0)
+          y(e.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ut)) : f("", !0),
         pt("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: C.value <= 0 ? 1e-4 : C.value,
+          r: _.value <= 0 ? 1e-4 : _.value,
           stroke: l.value.style.circle.stroke,
           "stroke-width": l.value.style.circle.strokeWidth,
           fill: "transparent",
           class: "main-circle"
         }, null, 8, Dt),
-        We.value ? (i(), n("g", Gt, [
-          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("path", {
+        We.value ? (n(), i("g", Gt, [
+          (n(!0), i($, null, S(p.value, (t, a) => (n(), i("path", {
             key: `relation_${a}`,
             style: z(xe(t)),
             stroke: x(t),
@@ -453,8 +460,8 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
             "stroke-width": H(t),
             "stroke-linecap": "round"
           }, null, 14, Vt))), 128)),
-          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("g", Wt, [
-            P(t) ? h(e.$slots, "dataLabel", Pe({
+          (n(!0), i($, null, S(p.value, (t, a) => (n(), i("g", Wt, [
+            P(t) ? y(e.$slots, "dataLabel", Pe({
               key: 0,
               ref_for: !0
             }, {
@@ -462,24 +469,24 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
               y: t.midPointBezier.y,
               color: x(t),
               weight: t.weight,
-              fontSize: y.value
+              fontSize: h.value
             }), void 0, !0) : f("", !0),
-            P(t) && !e.$slots.dataLabel ? (i(), n("circle", {
+            P(t) && !e.$slots.dataLabel ? (n(), i("circle", {
               key: 1,
               cx: t.midPointBezier.x,
               cy: t.midPointBezier.y,
               fill: x(t),
-              r: y.value,
+              r: h.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
             }, null, 8, Xt)) : f("", !0),
-            P(t) && !e.$slots.dataLabel ? (i(), n("text", {
+            P(t) && !e.$slots.dataLabel ? (n(), i("text", {
               key: 2,
               x: t.midPointBezier.x,
-              y: t.midPointBezier.y + y.value / 3,
+              y: t.midPointBezier.y + h.value / 3,
               fill: o(Me)(x(t)),
               "text-anchor": "middle",
-              "font-size": y.value
+              "font-size": h.value
             }, G(o(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
@@ -492,8 +499,8 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
               { ...t }
             )), 9, Yt)) : f("", !0)
           ]))), 256))
-        ])) : (i(), n("g", qt, [
-          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("line", {
+        ])) : (n(), i("g", qt, [
+          (n(!0), i($, null, S(p.value, (t, a) => (n(), i("line", {
             key: `relation_${a}`,
             stroke: x(t),
             "stroke-width": H(t),
@@ -505,8 +512,8 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
             class: te({ "vue-ui-relation-circle-selected": d.value.hasOwnProperty("id") && b.value.includes(t.id) }),
             "stroke-linecap": "round"
           }, null, 14, Ht))), 128)),
-          (i(!0), n($, null, O(p.value, (t, a) => (i(), n("g", Jt, [
-            P(t) ? h(e.$slots, "dataLabel", Pe({
+          (n(!0), i($, null, S(p.value, (t, a) => (n(), i("g", Jt, [
+            P(t) ? y(e.$slots, "dataLabel", Pe({
               key: 0,
               ref_for: !0
             }, {
@@ -514,24 +521,24 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
               y: t.midPointLine.y,
               color: x(t),
               weight: t.weight,
-              fontSize: y.value
+              fontSize: h.value
             }), void 0, !0) : f("", !0),
-            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
+            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (n(), i("circle", {
               key: 1,
               cx: t.midPointLine.x,
               cy: t.midPointLine.y,
               fill: x(t),
-              r: y.value,
+              r: h.value,
               stroke: l.value.style.backgroundColor,
               "stroke-width": "1"
             }, null, 8, Kt)) : f("", !0),
-            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("text", {
+            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (n(), i("text", {
               key: 2,
               x: t.midPointLine.x,
-              y: t.midPointLine.y + y.value / 3,
+              y: t.midPointLine.y + h.value / 3,
               fill: o(Me)(x(t)),
               "text-anchor": "middle",
-              "font-size": y.value
+              "font-size": h.value
             }, G(o(le)(
               l.value.style.weightLabels.formatter,
               t.weight,
@@ -545,7 +552,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
             )), 9, Qt)) : f("", !0)
           ]))), 256))
         ])),
-        (i(!0), n($, null, O(k.value, (t, a) => (i(), n("text", {
+        (n(!0), i($, null, S(k.value, (t, a) => (n(), i("text", {
           key: `plot_text_${a}`,
           "text-anchor": Ze(t),
           transform: lt(t),
@@ -555,16 +562,16 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
           "transform-origin": "start",
           "font-weight": d.value.id === t.id ? "900" : "400",
           style: z(`font-family:${l.value.style.fontFamily};${tt(t)}`),
-          "font-size": I.value,
+          "font-size": M.value,
           fill: l.value.style.labels.color,
           "text-decoration": a === R.value ? "underline" : void 0,
-          onClick: (c) => _e(t, a),
+          onClick: (c) => Ce(t, a),
           onMouseenter: (c) => $e(t, a),
           onMouseleave: (c) => Ae(t, a)
         }, [
-          o(ce) ? (i(), n($, { key: 0 }, [
+          o(ce) ? (n(), i($, { key: 0 }, [
             ze(" -------- ")
-          ], 64)) : (i(), n($, { key: 1 }, [
+          ], 64)) : (n(), i($, { key: 1 }, [
             ze(G(t.label) + " (" + G(o(le)(
               l.value.style.weightLabels.formatter,
               t.totalWeight,
@@ -578,7 +585,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
             )) + ") ", 1)
           ], 64))
         ], 44, Zt))), 128)),
-        (i(!0), n($, null, O(k.value, (t, a) => (i(), n("circle", {
+        (n(!0), i($, null, S(k.value, (t, a) => (n(), i("circle", {
           cx: t.x,
           cy: t.y,
           key: `plot_${a}`,
@@ -588,27 +595,27 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["c
           stroke: l.value.style.backgroundColor,
           "stroke-width": "1",
           r: F.value * (a === R.value ? 2 : 1),
-          onClick: (c) => _e(t, a),
+          onClick: (c) => Ce(t, a),
           onMouseenter: (c) => $e(t, a),
           onMouseleave: (c) => Ae(t, a)
         }, null, 44, el))), 128)),
-        h(e.$slots, "svg", { svg: u.value }, void 0, !0)
+        y(e.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 10, jt)),
-      e.$slots.watermark ? (i(), n("div", tl, [
-        h(e.$slots, "watermark", U(D({ isPrinting: o(fe) || o(ge) })), void 0, !0)
+      e.$slots.watermark ? (n(), i("div", tl, [
+        y(e.$slots, "watermark", U(D({ isPrinting: o(fe) || o(ge) })), void 0, !0)
       ])) : f("", !0),
-      e.$slots.source ? (i(), n("div", {
+      e.$slots.source ? (n(), i("div", {
         key: 5,
         ref_key: "source",
         ref: oe,
         dir: "auto"
       }, [
-        h(e.$slots, "source", {}, void 0, !0)
+        y(e.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      o(ce) ? (i(), j(zt, { key: 6 })) : f("", !0)
+      o(ce) ? (n(), j(zt, { key: 6 })) : f("", !0)
     ], 44, Nt));
   }
-}, ml = /* @__PURE__ */ Tt(ll, [["__scopeId", "data-v-21882da7"]]);
+}, ml = /* @__PURE__ */ Tt(ll, [["__scopeId", "data-v-81f56cbf"]]);
 export {
   ml as default
 };

package/dist/{vue-ui-ridgeline-DnzoIClq.js → vue-ui-ridgeline-CaeFJq9a.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as M, computed as c, ref as i, shallowRef as rt, toRefs as sa, onBeforeUnmount as ut, watch as K, nextTick as $e, watchEffect as na, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as oe, createBlock as S, createCommentVNode as h, renderSlot as p, createElementVNode as y, createSlots as _e, withCtx as g, normalizeProps as se, guardReactiveProps as ne, createVNode as Se, Fragment as m, renderList as k, mergeProps as Te, toDisplayString as R, resolveDynamicComponent as ra, createTextVNode as Pe } from "vue";
-import { c as Oe, t as ua, e as ia, h as ca, p as re, ak as it, C as va, B as ct, z as ha, a9 as da, X as ya, J as ga, M as fa, a as ue, d as ie, b as ma, f as Me, g as vt, o as pa, P as ba, Q as xa, a4 as ka } from "./lib-C_mNZmhD.js";
+import { c as Oe, t as ua, e as ia, h as ca, p as re, ak as it, C as va, B as ct, z as ha, a9 as da, X as ya, J as ga, M as fa, a as ue, d as ie, b as pa, f as Me, g as vt, o as ma, P as ba, Q as xa, a4 as ka } from "./lib-C_mNZmhD.js";
 import { t as ht, u as Aa } from "./useResponsive-DfdjqQps.js";
 import { u as Ca, a as dt } from "./useNestedProp-BjZe1Y85.js";
 import { u as wa, B as $a } from "./BaseScanner-BgWxam9d.js";
@@ -36,7 +36,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(yt, { expose: gt, emit: ft }) {
-    const mt = M(() => import("./vue-ui-xy-BDc2EKMr.js")), pt = M(() => import("./BaseIcon-BmMbm4d0.js")), bt = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), xt = M(() => import("./DataTable-BT7VF2ua.js")), kt = M(() => import("./PenAndPaper-DSvu9dwa.js")), At = M(() => import("./UserOptions-CnzumGJj.js")), Ct = M(() => import("./PackageVersion-BSldVhnp.js")), Le = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_ridgeline: wt } = Ca(), E = yt, U = c({
+    const pt = M(() => import("./vue-ui-xy-BI5stV8f.js")), mt = M(() => import("./BaseIcon-BmMbm4d0.js")), bt = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), xt = M(() => import("./DataTable-BT7VF2ua.js")), kt = M(() => import("./PenAndPaper-DSvu9dwa.js")), At = M(() => import("./UserOptions-CGnQt6Fd.js")), Ct = M(() => import("./PackageVersion-D-auaEEJ.js")), Le = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_ridgeline: wt } = Ca(), E = yt, U = c({
       get() {
         return Array.isArray(z.value) && z.value.length > 0;
       },
@@ -54,10 +54,10 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
           userConfig: La.vue_ui_ridgeline[t.theme] || E.config,
           defaultConfig: t
         }),
-        customPalette: ma[t.theme] || re
+        customPalette: pa[t.theme] || re
       } : t;
     }
-    const e = i(fe()), { loading: G, FINAL_DATASET: z, manualLoading: me } = wa({
+    const e = i(fe()), { loading: G, FINAL_DATASET: z, manualLoading: pe } = wa({
       ...sa(E),
       FINAL_CONFIG: e,
       prepareConfig: fe,
@@ -199,11 +199,11 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       userOptionsVisible: Z,
       setUserOptionsVisibility: Be,
       keepUserOptionState: He
-    } = Pa({ config: e.value }), { svgRef: ee } = Oa({ config: e.value.style.chart.title }), pe = c(() => !!e.value.debug);
+    } = Pa({ config: e.value }), { svgRef: ee } = Oa({ config: e.value.style.chart.title }), me = c(() => !!e.value.debug);
     function Xe() {
       const t = z.value || [];
       if (!Array.isArray(t) || t.length === 0) {
-        Me({ componentName: "VueUiRidgeline", type: "dataset", debug: pe.value }), me.value = !0;
+        Me({ componentName: "VueUiRidgeline", type: "dataset", debug: me.value }), pe.value = !0;
         return;
       }
       if (t.forEach((o, a) => {
@@ -216,7 +216,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
             type: "datasetSerieAttribute",
             property: s,
             index: a,
-            debug: pe.value
+            debug: me.value
           });
         }), Array.isArray(o.datapoints) && o.datapoints.length && o.datapoints.forEach((s, l) => {
           vt({
@@ -228,14 +228,14 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
               type: "datasetSerieAttribute",
               property: `datapoint.${v}`,
               index: `${a}-${l}`,
-              debug: pe.value
+              debug: me.value
             });
           });
         });
       }), _t.value = t.length, C.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), pa(E.dataset) || (me.value = e.value.loading), e.value.responsive) {
+      ), ma(E.dataset) || (pe.value = e.value.loading), e.value.responsive) {
         const o = ht(() => {
           const { width: a, height: s } = Aa({
             chart: $.value,
@@ -269,7 +269,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       },
       { deep: !0, immediate: !0 }
     ), K(() => E.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (me.value = !1);
+      Array.isArray(t) && t.length > 0 && (pe.value = !1);
     }, { deep: !0 }), K(
       () => G.value,
       async (t) => {
@@ -763,26 +763,33 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: g(() => [
+            p(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: g(() => [
             p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: g(({ toggleFullscreen: a, isFullscreen: s }) => [
             p(t.$slots, "optionFullscreen", se(ne({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: g(({ toggleAnnotator: a, isAnnotator: s }) => [
             p(t.$slots, "optionAnnotator", se(ne({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "style", "onGeneratePdf", "onGenerateImage"])) : h("", !0),
       (n(), r("svg", {
@@ -1187,7 +1194,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => we(e.value.userOptions.callbacks.csv))
             }, [
-              Se(u(pt), {
+              Se(u(mt), {
                 name: "excel",
                 stroke: j.value.props.color
               }, null, 8, ["stroke"])
@@ -1213,7 +1220,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
           Pe(R(B.value.name), 1)
         ]),
         content: g(() => [
-          B.value ? (n(), S(u(mt), {
+          B.value ? (n(), S(u(pt), {
             key: 0,
             config: Qe.value,
             dataset: Ke.value
@@ -1224,7 +1231,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       u(G) ? (n(), S($a, { key: 8 })) : h("", !0)
     ], 46, Ra));
   }
-}, Ll = /* @__PURE__ */ Fa(yl, [["__scopeId", "data-v-0a6ef1d2"]]);
+}, Ll = /* @__PURE__ */ Fa(yl, [["__scopeId", "data-v-36456620"]]);
 export {
   Ll as default
 };