vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-rating-B9TQl5KP.js → vue-ui-rating-gryk_h_6.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-BFzQMJda.js";
-import { u as ie } from "./useNestedProp-v7KPpwuP.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-BiHmNd1-.js";
+import { u as ie } from "./useNestedProp-tRqS0ZAM.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,

package/dist/vue-ui-relation-circle-ielvWC-1.js

@@ -0,0 +1,525 @@
+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 a, openBlock as i, unref as n, 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 A, mergeProps as we, toDisplayString as N } from "vue";
+import { u as st, c as it, t as nt, p as be, a as at, 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-BiHmNd1-.js";
+import { t as dt, u as vt } from "./useResponsive-JZ9xq-JV.js";
+import { u as _e } from "./useNestedProp-tRqS0ZAM.js";
+import { u as ft } from "./usePrinter-CRCbl1WG.js";
+import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
+import gt from "./Title-B5qqUI3M.js";
+import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["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"], At = { style: { "pointer-events": "none" } }, zt = ["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 = {
+  key: 5,
+  class: "vue-data-ui-watermark"
+}, Rt = {
+  __name: "vue-ui-relation-circle",
+  props: {
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(Ce, { expose: Pe }) {
+    Je((e) => ({
+      e0d8090c: Be.value,
+      "59fc4059": Re.value,
+      "0d89167b": Ee.value
+    }));
+    const Le = R(() => import("./PackageVersion-CLY-udAA.js")), Oe = R(() => import("./PenAndPaper-B9na2mbr.js")), Ae = R(() => import("./vue-ui-skeleton-CbYQYRvD.js")), ze = R(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), z = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
+      get: () => ne(),
+      set: (e) => e
+    }), { userOptionsVisible: U, setUserOptionsVisibility: le, keepUserOptionState: se } = yt({ config: l.value }), { svgRef: ie } = ht({ config: l.value.style.title });
+    function ne() {
+      const e = _e({
+        userConfig: k.config,
+        defaultConfig: Ie
+      });
+      return e.theme ? {
+        ..._e({
+          userConfig: at.vue_ui_relation_circle[e.theme] || k.config,
+          defaultConfig: e
+        }),
+        customPalette: nt[e.theme] || be
+      } : e;
+    }
+    Ke(() => k.config, (e) => {
+      l.value = ne(), U.value = !l.value.userOptions.showOnChartHover, fe(), te.value += 1;
+    }, { deep: !0 });
+    const { isPrinting: ae, isImaging: re, generatePdf: ue, generateImage: oe } = ft({
+      elementId: `relation_circle_${z.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({
+      height: l.value.style.size,
+      width: l.value.style.size
+    }), $ = y({
+      get() {
+        return _.value * l.value.style.circle.radiusProportion;
+      },
+      set(e) {
+        return e;
+      }
+    }), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Ee = y(() => $.value * 4), w = ke(null), C = ke(null);
+    Qe(() => {
+      fe(), document.getElementById(`relation_circle_${z.value}`).addEventListener("click", ye);
+    });
+    function fe() {
+      if (ut(k.dataset) ? xe({
+        componentName: "VueUiRelationCircle",
+        type: "dataset"
+      }) : k.dataset.forEach((e, s) => {
+        ot({
+          datasetObject: e,
+          requiredAttributes: ["id", "label", "relations", "weights"]
+        }).forEach((t) => {
+          xe({
+            componentName: "VueUiRelationCircle",
+            type: "datasetSerieAttribute",
+            property: t,
+            index: s
+          });
+        });
+      }), 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
+          });
+          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(), p.value = J({
+              relator: _.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.weightLabels.size,
+              threshold: 6,
+              fallback: 6
+            }), de.value = J({
+              relator: _.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.plot.radius,
+              threshold: 1,
+              fallback: 1
+            }), ve.value = J({
+              relator: _.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.labels.fontSize,
+              threshold: 6,
+              fallback: 6
+            });
+          });
+        });
+        w.value && (C.value && w.value.unobserve(C.value), w.value.disconnect()), w.value = new ResizeObserver(e), C.value = M.value.parentNode, w.value.observe(C.value);
+      } else
+        x.value = [], g.value = [], he(), ge();
+    }
+    Ze(() => {
+      document.getElementById(`relation_circle_${z.value}`).removeEventListener("click", ye), w.value && (C.value && w.value.unobserve(C.value), w.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 = []);
+    }
+    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] : be[d], regAngle: r, totalWeight: D }), t += e, r += s;
+      });
+    }
+    function Te(e, s) {
+      const t = (e.x + s.x) / 2, r = (e.y + s.y) / 2;
+      return { x: t, y: r };
+    }
+    function ge() {
+      g.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({
+            weight: t.weights[f] ? t.weights[f] : 0,
+            relationId: `${e.id}_${t.id}`,
+            x1: e.x,
+            y1: e.y,
+            x2: t.x,
+            y2: t.y,
+            colorSource: e.color,
+            colorTarget: t.color,
+            midPointLine: Te({ x: e.x, y: e.y }, { x: t.x, y: t.y }),
+            midPointBezier: Ne({
+              x1: e.x,
+              x2: t.x,
+              y1: e.y,
+              y2: t.y
+            }),
+            ...e
+          });
+        });
+      });
+    }
+    function Ne(e) {
+      const s = { x: e.x1, y: e.y1 }, t = { x: e.x2, y: e.y2 }, r = { x: e.x1, y: e.y1 }, f = {
+        x: u.value.width / 2,
+        y: u.value.height / 2 + l.value.style.circle.offsetY
+      }, d = 0.5, 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 };
+    }
+    const je = y(() => Math.max(...g.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";
+    }
+    function b(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";
+    }
+    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;
+    }
+    function Ge(e) {
+      return e.regAngle > 90 && e.regAngle < 270 ? "end" : "start";
+    }
+    function Ve(e) {
+      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";
+    }
+    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]);
+    }
+    function V(e) {
+      const s = e.weight / je.value * l.value.style.links.maxWidth;
+      return Math.max(0.3, s);
+    }
+    const S = o(!1);
+    function Xe(e) {
+      S.value = e, K.value += 1;
+    }
+    const F = o(!1);
+    function W() {
+      F.value = !F.value;
+    }
+    return Pe({
+      generatePdf: ue,
+      generateImage: oe,
+      toggleAnnotator: W
+    }), (e, s) => (i(), a("div", {
+      ref_key: "relationCircleChart",
+      ref: M,
+      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_${z.value}`,
+      onMouseenter: s[0] || (s[0] = () => n(le)(!0)),
+      onMouseleave: s[1] || (s[1] = () => n(le)(!1))
+    }, [
+      l.value.userOptions.buttons.annotator ? (i(), B(n(Oe), {
+        key: 0,
+        svgRef: n(ie),
+        backgroundColor: l.value.style.backgroundColor,
+        color: l.value.style.color,
+        active: F.value,
+        onClose: W
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
+      Me.value ? (i(), a("div", {
+        key: 1,
+        ref_key: "noTitle",
+        ref: ee,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : v("", !0),
+      l.value.style.title.text ? (i(), a("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: Q,
+        style: "width:100%;background:transparent"
+      }, [
+        (i(), B(gt, {
+          key: `title_${te.value}`,
+          config: {
+            title: {
+              cy: "relation-div-title",
+              ...l.value.style.title
+            },
+            subtitle: {
+              cy: "relation-div-subtitle",
+              ...l.value.style.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : v("", !0),
+      l.value.userOptions.show && j.value && (n(se) || n(U)) ? (i(), B(n(ze), {
+        ref: "details",
+        key: `user_options_${K.value}`,
+        backgroundColor: l.value.style.backgroundColor,
+        color: l.value.style.color,
+        isPrinting: n(ae),
+        isImaging: n(re),
+        uid: z.value,
+        hasPdf: l.value.userOptions.buttons.pdf,
+        hasImg: l.value.userOptions.buttons.img,
+        hasFullscreen: l.value.userOptions.buttons.img,
+        hasXls: !1,
+        isFullscreen: S.value,
+        titles: { ...l.value.userOptions.buttonTitles },
+        chartElement: M.value,
+        position: l.value.userOptions.position,
+        hasAnnotator: l.value.userOptions.buttons.annotator,
+        isAnnotation: F.value,
+        onToggleFullscreen: Xe,
+        onGeneratePdf: n(ue),
+        onGenerateImage: n(oe),
+        onToggleAnnotator: W,
+        style: L({
+          visibility: n(se) ? n(U) ? "visible" : "hidden" : "visible"
+        })
+      }, et({ _: 2 }, [
+        e.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: I(({ isOpen: t, color: r }) => [
+            h(e.$slots, "menuIcon", E(T({ isOpen: t, color: r })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: I(() => [
+            h(e.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.optionImg ? {
+          name: "optionImg",
+          fn: I(() => [
+            h(e.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: I(({ toggleFullscreen: t, isFullscreen: r }) => [
+            h(e.$slots, "optionFullscreen", E(T({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        e.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: I(({ toggleAnnotator: t, isAnnotator: r }) => [
+            h(e.$slots, "optionAnnotator", E(T({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      j.value ? (i(), a("svg", {
+        key: 4,
+        ref_key: "svgRef",
+        ref: ie,
+        xmlns: n(ct),
+        class: Y([{ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }, "relation-circle"]),
+        viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
+        width: "100%",
+        style: "user-select:none; background:transparent"
+      }, [
+        tt(n(Le)),
+        e.$slots["chart-background"] ? (i(), a("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          h(e.$slots, "chart-background", {}, void 0, !0)
+        ], 8, wt)) : v("", !0),
+        lt("circle", {
+          cx: (u.value.width <= 0 ? 1e-4 : u.value.width) / 2,
+          cy: (u.value.height <= 0 ? 1e-4 : u.value.height) / 2 + l.value.style.circle.offsetY,
+          r: $.value <= 0 ? 1e-4 : $.value,
+          stroke: l.value.style.circle.stroke,
+          "stroke-width": l.value.style.circle.strokeWidth,
+          fill: "transparent",
+          class: "main-circle"
+        }, null, 8, bt),
+        Fe.value ? (i(), a("g", xt, [
+          (i(!0), a(O, null, A(g.value, (t, r) => (i(), a("path", {
+            key: `relation_${r}`,
+            style: L(me(t)),
+            stroke: b(t),
+            class: Y(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.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-linecap": "round"
+          }, null, 14, $t))), 128)),
+          (i(!0), a(O, null, A(g.value, (t, r) => (i(), a("g", _t, [
+            P(t) ? h(e.$slots, "dataLabel", we({
+              key: 0,
+              ref_for: !0
+            }, {
+              x: t.midPointBezier.x,
+              y: t.midPointBezier.y,
+              color: b(t),
+              weight: t.weight,
+              fontSize: p.value
+            }), void 0, !0) : v("", !0),
+            P(t) && !e.$slots.dataLabel ? (i(), a("circle", {
+              key: 1,
+              cx: t.midPointBezier.x,
+              cy: t.midPointBezier.y,
+              fill: b(t),
+              r: p.value,
+              stroke: l.value.style.backgroundColor,
+              "stroke-width": "1"
+            }, null, 8, Ct)) : v("", !0),
+            P(t) && !e.$slots.dataLabel ? (i(), a("text", {
+              key: 2,
+              x: t.midPointBezier.x,
+              y: t.midPointBezier.y + p.value / 3,
+              fill: n($e)(b(t)),
+              "text-anchor": "middle",
+              "font-size": p.value
+            }, N(n(q)(
+              l.value.style.weightLabels.formatter,
+              t.weight,
+              n(H)({
+                p: l.value.style.weightLabels.prefix,
+                v: t.weight,
+                s: l.value.style.weightLabels.suffix,
+                r: l.value.style.weightLabels.rounding
+              }),
+              { ...t }
+            )), 9, Pt)) : v("", !0)
+          ]))), 256))
+        ])) : (i(), a("g", Lt, [
+          (i(!0), a(O, null, A(g.value, (t, r) => (i(), a("line", {
+            key: `relation_${r}`,
+            stroke: b(t),
+            "stroke-width": V(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) }),
+            "stroke-linecap": "round"
+          }, null, 14, Ot))), 128)),
+          (i(!0), a(O, null, A(g.value, (t, r) => (i(), a("g", At, [
+            P(t) ? h(e.$slots, "dataLabel", we({
+              key: 0,
+              ref_for: !0
+            }, {
+              x: t.midPointLine.x,
+              y: t.midPointLine.y,
+              color: b(t),
+              weight: t.weight,
+              fontSize: p.value
+            }), void 0, !0) : v("", !0),
+            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), a("circle", {
+              key: 1,
+              cx: t.midPointLine.x,
+              cy: t.midPointLine.y,
+              fill: b(t),
+              r: p.value,
+              stroke: l.value.style.backgroundColor,
+              "stroke-width": "1"
+            }, null, 8, zt)) : v("", !0),
+            P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), a("text", {
+              key: 2,
+              x: t.midPointLine.x,
+              y: t.midPointLine.y + p.value / 3,
+              fill: n($e)(b(t)),
+              "text-anchor": "middle",
+              "font-size": p.value
+            }, N(n(q)(
+              l.value.style.weightLabels.formatter,
+              t.weight,
+              n(H)({
+                p: l.value.style.weightLabels.prefix,
+                v: t.weight,
+                s: l.value.style.weightLabels.suffix,
+                r: l.value.style.weightLabels.rounding
+              }),
+              { ...t }
+            )), 9, It)) : v("", !0)
+          ]))), 256))
+        ])),
+        (i(!0), a(O, null, A(x.value, (t, r) => (i(), a("text", {
+          key: `plot_text_${r}`,
+          "text-anchor": Ge(t),
+          transform: De(t),
+          x: Ve(t),
+          y: t.y + 5,
+          onClick: (f) => pe(t),
+          class: "vue-ui-relation-circle-legend",
+          "transform-origin": "start",
+          "font-weight": c.value.id === t.id ? "900" : "400",
+          style: L(`font-family:${l.value.style.fontFamily};${We(t)}`),
+          "font-size": ve.value,
+          fill: l.value.style.labels.color
+        }, N(t.label) + " (" + N(n(q)(
+          l.value.style.weightLabels.formatter,
+          t.totalWeight,
+          n(H)({
+            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)),
+        (i(!0), a(O, null, A(x.value, (t, r) => (i(), a("circle", {
+          cx: t.x,
+          cy: t.y,
+          key: `plot_${r}`,
+          style: L(Ue(t)),
+          class: "vue-ui-relation-circle-plot",
+          fill: l.value.style.plot.useSerieColor ? t.color : l.value.style.plot.color,
+          stroke: l.value.style.backgroundColor,
+          "stroke-width": "1",
+          onClick: (f) => pe(t),
+          r: de.value
+        }, null, 12, St))), 128)),
+        h(e.$slots, "svg", { svg: u.value }, void 0, !0)
+      ], 10, kt)) : v("", !0),
+      e.$slots.watermark ? (i(), a("div", Ft, [
+        h(e.$slots, "watermark", E(T({ isPrinting: n(ae) || n(re) })), void 0, !0)
+      ])) : v("", !0),
+      e.$slots.source ? (i(), a("div", {
+        key: 6,
+        ref_key: "source",
+        ref: Z,
+        dir: "auto"
+      }, [
+        h(e.$slots, "source", {}, void 0, !0)
+      ], 512)) : v("", !0),
+      j.value ? v("", !0) : (i(), B(n(Ae), {
+        key: 7,
+        config: {
+          type: "relationCircle",
+          style: {
+            backgroundColor: l.value.style.backgroundColor,
+            relationCircle: {
+              color: "#CCCCCC"
+            }
+          }
+        }
+      }, null, 8, ["config"]))
+    ], 44, pt));
+  }
+}, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-778aaab9"]]);
+export {
+  Dt as default
+};