vue-data-ui 2.4.40 → 2.4.41

package/dist/vue-ui-relation-circle-B3Df8yCi.js

@@ -1,366 +0,0 @@
-import { useCssVars as xe, computed as c, ref as a, watch as be, onMounted as Ae, onBeforeUnmount as Oe, openBlock as n, createElementBlock as i, normalizeStyle as C, createBlock as A, createCommentVNode as f, unref as y, createSlots as Pe, withCtx as O, renderSlot as m, normalizeProps as N, guardReactiveProps as S, normalizeClass as R, createVNode as Ie, createElementVNode as Fe, Fragment as P, renderList as I, toDisplayString as Te } from "vue";
-import { u as Ee, c as ze, t as Le, a as Ne, p as ne, b as Se, o as Re, e as re, g as Me, X as je } from "./index-DY8hDTi7.js";
-import { t as Be, u as Ge } from "./useResponsive-CoxXLe23.js";
-import { _ as Ue } from "./Title-BFvWnqI4.js";
-import { u as De, U as Ve } from "./usePrinter-DjAQofRy.js";
-import We from "./vue-ui-skeleton-FCpm0_eE.js";
-import { u as se } from "./useNestedProp-lhL30X68.js";
-import { _ as Xe } from "./PackageVersion-BT4zkGPO.js";
-import { P as Ye } from "./PenAndPaper-BFq1cFfJ.js";
-import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const He = ["id"], Je = ["xmlns", "viewBox"], Ke = ["cx", "cy", "r", "stroke", "stroke-width"], Qe = { key: 0 }, Ze = ["stroke", "d", "stroke-width"], et = { key: 1 }, tt = ["stroke", "x1", "x2", "y1", "y2"], lt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], nt = ["cx", "cy", "fill", "onClick", "r"], rt = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, st = {
-  __name: "vue-ui-relation-circle",
-  props: {
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(ae, { expose: ie }) {
-    const d = ae;
-    xe((e) => ({
-      "47419f48": fe.value,
-      "77774d27": ve.value,
-      df46026e: ge.value
-    }));
-    const { vue_ui_relation_circle: oe } = Ee(), F = c(() => !!d.dataset && Object.keys(d.dataset).length), k = a(ze()), M = a(0), _ = a(null), j = a(null), B = a(null), G = a(null), U = a(0), l = c({
-      get: () => D(),
-      set: (e) => e
-    });
-    function D() {
-      const e = se({
-        userConfig: d.config,
-        defaultConfig: oe
-      });
-      return e.theme ? {
-        ...se({
-          userConfig: Le.vue_ui_relation_circle[e.theme] || d.config,
-          defaultConfig: e
-        }),
-        customPalette: Ne[e.theme] || ne
-      } : e;
-    }
-    be(() => d.config, (e) => {
-      l.value = D(), H(), U.value += 1;
-    }, { deep: !0 });
-    const { isPrinting: V, isImaging: W, generatePdf: X, generateImage: Y } = De({
-      elementId: `relation_circle_${k.value}`,
-      fileName: l.value.style.title.text || "vue-ui-relation-circle"
-    }), ue = c(() => l.value.userOptions.show && !l.value.style.title.text), q = c(() => Se(l.value.customPalette)), g = a([]), p = a([]), o = a({}), v = a([]), ce = a(0), T = c(() => d.dataset.slice(0, l.value.style.limit)), E = a(l.value.style.size), u = a({
-      height: l.value.style.size,
-      width: l.value.style.size
-    }), h = c({
-      get() {
-        return E.value * l.value.style.circle.radiusProportion;
-      },
-      set(e) {
-        return e;
-      }
-    }), de = c(() => l.value.style.links.curved), ve = c(() => `${l.value.style.animation.speedMs}ms`), fe = c(() => h.value * 2), ge = c(() => h.value * 4), w = a(null);
-    Ae(() => {
-      H(), document.getElementById(`relation_circle_${k.value}`).addEventListener("click", J);
-    });
-    function H() {
-      if (Re(d.dataset) ? re({
-        componentName: "VueUiRelationCircle",
-        type: "dataset"
-      }) : d.dataset.forEach((e, r) => {
-        Me({
-          datasetObject: e,
-          requiredAttributes: ["id", "label", "relations", "weights"]
-        }).forEach((t) => {
-          re({
-            componentName: "VueUiRelationCircle",
-            type: "datasetSerieAttribute",
-            property: t,
-            index: r
-          });
-        });
-      }), l.value.responsive) {
-        const e = Be(() => {
-          const { width: r, height: t } = Ge({
-            chart: _.value,
-            title: l.value.style.title.text ? j.value : null,
-            source: B.value,
-            noTitle: G.value
-          });
-          E.value = Math.min(r, t), u.value.width = r, u.value.height = t, h.value = E.value * l.value.style.circle.radiusProportion, g.value = [], p.value = [], K(), Q();
-        });
-        w.value = new ResizeObserver(e), w.value.observe(_.value.parentNode);
-      } else
-        g.value = [], p.value = [], K(), Q();
-    }
-    Oe(() => {
-      document.getElementById(`relation_circle_${k.value}`).removeEventListener("click", J), w.value && w.value.disconnect();
-    });
-    function J(e) {
-      const r = e.target;
-      r && Array.from(r.classList).includes("vue-ui-user-options") || r && Array.from(r.classList).includes("vue-ui-user-options-summary") || r && Array.from(r.classList).includes("vue-data-ui-button") || r && Array.from(r.classList).includes("vue-ui-relation-circle-legend") || (o.value = {}, v.value = []);
-    }
-    function K() {
-      const e = 6.28319 / T.value.length, r = 360 / T.value.length;
-      let t = 0, s = 0;
-      T.value.forEach(($, L) => {
-        const Ce = h.value * Math.cos(t) + u.value.width / 2, we = h.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
-        g.value.push({ x: Ce, y: we, ...$, color: $.color ? $.color : q.value[L] ? q.value[L] : ne[L], regAngle: s }), t += e, s += r;
-      });
-    }
-    function Q() {
-      g.value.forEach((e) => {
-        g.value.filter((t) => t.relations.includes(e.id)).forEach((t, s) => {
-          p.value.push({
-            weight: e.weights && e.weights[s] ? e.weights[s] : 1,
-            relationId: `${e.id}_${t.id}`,
-            x1: e.x,
-            y1: e.y,
-            x2: t.x,
-            y2: t.y,
-            colorSource: e.color,
-            colorTarget: t.color,
-            ...e
-          });
-        });
-      });
-    }
-    const he = c(() => Math.max(...p.value.map((e) => e.weight)));
-    function ye(e) {
-      return Object.hasOwn(o.value, "x") ? v.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
-    }
-    function Z(e) {
-      return Object.hasOwn(o.value, "x") ? e.colorTarget : e.colorSource;
-    }
-    function ee(e) {
-      return Object.hasOwn(o.value, "x") ? v.value.includes(e.id) && e.relationId === `${e.id}_${o.value.id}` || e.relationId === `${o.value.id}_${e.id}` ? `opacity:1;stroke-width:${le(e)}` : "opacity: 0" : "opacity: 1";
-    }
-    function me(e) {
-      return e.regAngle > 90 && e.regAngle < 270 ? "end" : "start";
-    }
-    function pe(e) {
-      return e.regAngle > 90 && e.regAngle < 270 ? e.x - 5 : e.x + 5;
-    }
-    function ke(e) {
-      return Object.hasOwn(o.value, "x") ? o.value.id === e.id || v.value.includes(e.id) ? "opacity:1" : "opacity:0.2" : "opacity:1";
-    }
-    function _e(e) {
-      return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
-    }
-    function te(e) {
-      ce.value = 360 - e.regAngle, o.value.id && e.id === o.value.id ? (o.value = {}, v.value = []) : (o.value = e, v.value = [...e.relations]);
-    }
-    function le(e) {
-      return e.weight / he.value * l.value.style.links.maxWidth;
-    }
-    const x = a(!1);
-    function $e(e) {
-      x.value = e, M.value += 1;
-    }
-    const b = a(!1);
-    function z() {
-      b.value = !b.value;
-    }
-    return ie({
-      generatePdf: X,
-      generateImage: Y,
-      toggleAnnotator: z
-    }), (e, r) => (n(), i("div", {
-      ref_key: "relationCircleChart",
-      ref: _,
-      class: "vue-ui-relation-circle",
-      style: C(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
-      id: `relation_circle_${k.value}`
-    }, [
-      l.value.userOptions.buttons.annotator ? (n(), A(Ye, {
-        key: 0,
-        parent: _.value,
-        backgroundColor: l.value.style.backgroundColor,
-        color: l.value.style.color,
-        active: b.value,
-        onClose: z
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      ue.value ? (n(), i("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: G,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : f("", !0),
-      l.value.style.title.text ? (n(), i("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: j,
-        style: "width:100%;background:transparent"
-      }, [
-        (n(), A(Ue, {
-          key: `title_${U.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)) : f("", !0),
-      l.value.userOptions.show && F.value ? (n(), A(Ve, {
-        ref: "details",
-        key: `user_options_${M.value}`,
-        backgroundColor: l.value.style.backgroundColor,
-        color: l.value.style.color,
-        isPrinting: y(V),
-        isImaging: y(W),
-        uid: k.value,
-        hasPdf: l.value.userOptions.buttons.pdf,
-        hasImg: l.value.userOptions.buttons.img,
-        hasFullscreen: l.value.userOptions.buttons.img,
-        hasXls: !1,
-        isFullscreen: x.value,
-        titles: { ...l.value.userOptions.buttonTitles },
-        chartElement: _.value,
-        position: l.value.userOptions.position,
-        hasAnnotator: l.value.userOptions.buttons.annotator,
-        isAnnotation: b.value,
-        onToggleFullscreen: $e,
-        onGeneratePdf: y(X),
-        onGenerateImage: y(Y),
-        onToggleAnnotator: z
-      }, Pe({ _: 2 }, [
-        e.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: O(() => [
-            m(e.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots.optionImg ? {
-          name: "optionImg",
-          fn: O(() => [
-            m(e.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: t, isFullscreen: s }) => [
-            m(e.$slots, "optionFullscreen", N(S({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        e.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: t, isAnnotator: s }) => [
-            m(e.$slots, "optionAnnotator", N(S({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "3"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
-      F.value ? (n(), i("svg", {
-        key: 4,
-        xmlns: y(je),
-        class: R([{ "vue-data-ui-fullscreen--on": x.value, "vue-data-ui-fulscreen--off": !x.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"
-      }, [
-        Ie(Xe),
-        Fe("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: h.value <= 0 ? 1e-4 : h.value,
-          stroke: l.value.style.circle.stroke,
-          "stroke-width": l.value.style.circle.strokeWidth,
-          fill: "transparent",
-          class: "main-circle"
-        }, null, 8, Ke),
-        de.value ? (n(), i("g", Qe, [
-          (n(!0), i(P, null, I(p.value, (t, s) => (n(), i("path", {
-            key: `relation_${s}`,
-            style: C(ee(t)),
-            stroke: Z(t),
-            class: R(["relation", { "vue-ui-relation-circle-selected": o.value.hasOwnProperty("id") && v.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": le(t),
-            "stroke-linecap": "round"
-          }, null, 14, Ze))), 128))
-        ])) : (n(), i("g", et, [
-          (n(!0), i(P, null, I(p.value, (t, s) => (n(), i("line", {
-            key: `relation_${s}`,
-            stroke: Z(t),
-            style: C(ee(t)),
-            x1: t.x1,
-            x2: t.x2,
-            y1: t.y1,
-            y2: t.y2,
-            class: R({ "vue-ui-relation-circle-selected": o.value.hasOwnProperty("id") && v.value.includes(t.id) }),
-            "stroke-linecap": "round"
-          }, null, 14, tt))), 128))
-        ])),
-        (n(!0), i(P, null, I(g.value, (t, s) => (n(), i("text", {
-          key: `plot_text_${s}`,
-          "text-anchor": me(t),
-          transform: _e(t),
-          x: pe(t),
-          y: t.y + 5,
-          onClick: ($) => te(t),
-          class: "vue-ui-relation-circle-legend",
-          "transform-origin": "start",
-          "font-weight": o.value.id === t.id ? "900" : "400",
-          style: C(`font-family:${l.value.style.fontFamily};${ke(t)}`),
-          "font-size": l.value.style.labels.fontSize,
-          fill: l.value.style.labels.color
-        }, Te(t.label), 13, lt))), 128)),
-        (n(!0), i(P, null, I(g.value, (t, s) => (n(), i("circle", {
-          cx: t.x,
-          cy: t.y,
-          key: `plot_${s}`,
-          style: C(ye(t)),
-          class: "vue-ui-relation-circle-plot",
-          fill: l.value.style.plot.color,
-          onClick: ($) => te(t),
-          r: l.value.style.plot.radius
-        }, null, 12, nt))), 128)),
-        m(e.$slots, "svg", { svg: u.value }, void 0, !0)
-      ], 10, Je)) : f("", !0),
-      e.$slots.watermark ? (n(), i("div", rt, [
-        m(e.$slots, "watermark", N(S({ isPrinting: y(V) || y(W) })), void 0, !0)
-      ])) : f("", !0),
-      e.$slots.source ? (n(), i("div", {
-        key: 6,
-        ref_key: "source",
-        ref: B,
-        dir: "auto"
-      }, [
-        m(e.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
-      F.value ? f("", !0) : (n(), A(We, {
-        key: 7,
-        config: {
-          type: "relationCircle",
-          style: {
-            backgroundColor: l.value.style.backgroundColor,
-            relationCircle: {
-              color: "#CCCCCC"
-            }
-          }
-        }
-      }, null, 8, ["config"]))
-    ], 12, He));
-  }
-}, yt = /* @__PURE__ */ qe(st, [["__scopeId", "data-v-a4837ff7"]]);
-export {
-  yt as default
-};

package/dist/vue-ui-relation-circle-CZomraV2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index--lHmCKjC.cjs"),U=require("./useResponsive-BJ7DTGpm.cjs"),de=require("./Title-RB80eFiD.cjs"),D=require("./usePrinter-BfuqGrO4.cjs"),ve=require("./vue-ui-skeleton-BGfzzQdU.cjs"),W=require("./useNestedProp-DLJc0s53.cjs"),fe=require("./PackageVersion-rf9gXZ-Q.cjs"),ge=require("./PenAndPaper-DS7gA4X0.cjs"),me=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ye=["id"],he=["xmlns","viewBox"],ke=["cx","cy","r","stroke","stroke-width"],pe={key:0},Ce=["stroke","d","stroke-width"],_e={key:1},$e=["stroke","x1","x2","y1","y2"],xe=["text-anchor","transform","x","y","onClick","font-weight","font-size","fill"],we=["cx","cy","fill","onClick","r"],Be={key:5,class:"vue-data-ui-watermark"},be={__name:"vue-ui-relation-circle",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},setup(X,{expose:Y}){const u=X;e.useCssVars(t=>({"47419f48":ee.value,"77774d27":Z.value,df46026e:te.value}));const{vue_ui_relation_circle:H}=i.useConfig(),C=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length),g=e.ref(i.createUid()),B=e.ref(0),m=e.ref(null),b=e.ref(null),P=e.ref(null),A=e.ref(null),O=e.ref(0),n=e.computed({get:()=>E(),set:t=>t});function E(){const t=W.useNestedProp({userConfig:u.config,defaultConfig:H});return t.theme?{...W.useNestedProp({userConfig:i.themes.vue_ui_relation_circle[t.theme]||u.config,defaultConfig:t}),customPalette:i.themePalettes[t.theme]||i.palette}:t}e.watch(()=>u.config,t=>{n.value=E(),T(),O.value+=1},{deep:!0});const{isPrinting:S,isImaging:I,generatePdf:N,generateImage:z}=D.usePrinter({elementId:`relation_circle_${g.value}`,fileName:n.value.style.title.text||"vue-ui-relation-circle"}),J=e.computed(()=>n.value.userOptions.show&&!n.value.style.title.text),F=e.computed(()=>i.convertCustomPalette(n.value.customPalette)),d=e.ref([]),f=e.ref([]),a=e.ref({}),c=e.ref([]),K=e.ref(0),_=e.computed(()=>u.dataset.slice(0,n.value.style.limit)),$=e.ref(n.value.style.size),s=e.ref({height:n.value.style.size,width:n.value.style.size}),v=e.computed({get(){return $.value*n.value.style.circle.radiusProportion},set(t){return t}}),Q=e.computed(()=>n.value.style.links.curved),Z=e.computed(()=>`${n.value.style.animation.speedMs}ms`),ee=e.computed(()=>v.value*2),te=e.computed(()=>v.value*4),h=e.ref(null);e.onMounted(()=>{T(),document.getElementById(`relation_circle_${g.value}`).addEventListener("click",L)});function T(){if(i.objectIsEmpty(u.dataset)?i.error({componentName:"VueUiRelationCircle",type:"dataset"}):u.dataset.forEach((t,r)=>{i.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["id","label","relations","weights"]}).forEach(l=>{i.error({componentName:"VueUiRelationCircle",type:"datasetSerieAttribute",property:l,index:r})})}),n.value.responsive){const t=U.throttle(()=>{const{width:r,height:l}=U.useResponsive({chart:m.value,title:n.value.style.title.text?b.value:null,source:P.value,noTitle:A.value});$.value=Math.min(r,l),s.value.width=r,s.value.height=l,v.value=$.value*n.value.style.circle.radiusProportion,d.value=[],f.value=[],V(),R()});h.value=new ResizeObserver(t),h.value.observe(m.value.parentNode)}else d.value=[],f.value=[],V(),R()}e.onBeforeUnmount(()=>{document.getElementById(`relation_circle_${g.value}`).removeEventListener("click",L),h.value&&h.value.disconnect()});function L(t){const r=t.target;r&&Array.from(r.classList).includes("vue-ui-user-options")||r&&Array.from(r.classList).includes("vue-ui-user-options-summary")||r&&Array.from(r.classList).includes("vue-data-ui-button")||r&&Array.from(r.classList).includes("vue-ui-relation-circle-legend")||(a.value={},c.value=[])}function V(){const t=6.28319/_.value.length,r=360/_.value.length;let l=0,o=0;_.value.forEach((y,w)=>{const ue=v.value*Math.cos(l)+s.value.width/2,ce=v.value*Math.sin(l)+s.value.height/2+n.value.style.circle.offsetY;d.value.push({x:ue,y:ce,...y,color:y.color?y.color:F.value[w]?F.value[w]:i.palette[w],regAngle:o}),l+=t,o+=r})}function R(){d.value.forEach(t=>{d.value.filter(l=>l.relations.includes(t.id)).forEach((l,o)=>{f.value.push({weight:t.weights&&t.weights[o]?t.weights[o]:1,relationId:`${t.id}_${l.id}`,x1:t.x,y1:t.y,x2:l.x,y2:l.y,colorSource:t.color,colorTarget:l.color,...t})})})}const le=e.computed(()=>Math.max(...f.value.map(t=>t.weight)));function ne(t){return Object.hasOwn(a.value,"x")?c.value.includes(t.id)?"opacity:1":"opacity:0.1":"opacity:1"}function q(t){return Object.hasOwn(a.value,"x")?t.colorTarget:t.colorSource}function M(t){return Object.hasOwn(a.value,"x")?c.value.includes(t.id)&&t.relationId===`${t.id}_${a.value.id}`||t.relationId===`${a.value.id}_${t.id}`?`opacity:1;stroke-width:${G(t)}`:"opacity: 0":"opacity: 1"}function re(t){return t.regAngle>90&&t.regAngle<270?"end":"start"}function oe(t){return t.regAngle>90&&t.regAngle<270?t.x-5:t.x+5}function ae(t){return Object.hasOwn(a.value,"x")?a.value.id===t.id||c.value.includes(t.id)?"opacity:1":"opacity:0.2":"opacity:1"}function se(t){return t.regAngle>90&&t.regAngle<270?`rotate(${t.regAngle+180},${t.x},${t.y})`:`rotate(${t.regAngle},${t.x},${t.y})`}function j(t){K.value=360-t.regAngle,a.value.id&&t.id===a.value.id?(a.value={},c.value=[]):(a.value=t,c.value=[...t.relations])}function G(t){return t.weight/le.value*n.value.style.links.maxWidth}const k=e.ref(!1);function ie(t){k.value=t,B.value+=1}const p=e.ref(!1);function x(){p.value=!p.value}return Y({generatePdf:N,generateImage:z,toggleAnnotator:x}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"relationCircleChart",ref:m,class:"vue-ui-relation-circle",style:e.normalizeStyle(`width:100%;background:${n.value.style.backgroundColor};text-align:center;${n.value.responsive?"height: 100%":""}`),id:`relation_circle_${g.value}`},[n.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ge.PenAndPaper,{key:0,parent:m.value,backgroundColor:n.value.style.backgroundColor,color:n.value.style.color,active:p.value,onClose:x},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),J.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:A,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),n.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:b,style:"width:100%;background:transparent"},[(e.openBlock(),e.createBlock(de._sfc_main,{key:`title_${O.value}`,config:{title:{cy:"relation-div-title",...n.value.style.title},subtitle:{cy:"relation-div-subtitle",...n.value.style.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),n.value.userOptions.show&&C.value?(e.openBlock(),e.createBlock(D.UserOptions,{ref:"details",key:`user_options_${B.value}`,backgroundColor:n.value.style.backgroundColor,color:n.value.style.color,isPrinting:e.unref(S),isImaging:e.unref(I),uid:g.value,hasPdf:n.value.userOptions.buttons.pdf,hasImg:n.value.userOptions.buttons.img,hasFullscreen:n.value.userOptions.buttons.img,hasXls:!1,isFullscreen:k.value,titles:{...n.value.userOptions.buttonTitles},chartElement:m.value,position:n.value.userOptions.position,hasAnnotator:n.value.userOptions.buttons.annotator,isAnnotation:p.value,onToggleFullscreen:ie,onGeneratePdf:e.unref(N),onGenerateImage:e.unref(z),onToggleAnnotator:x},e.createSlots({_:2},[t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:o})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:o})),void 0,!0)]),key:"2"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:o})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:o})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(i.XMLNS),class:e.normalizeClass([{"vue-data-ui-fullscreen--on":k.value,"vue-data-ui-fulscreen--off":!k.value},"relation-circle"]),viewBox:`0 0 ${s.value.width<=0?10:s.value.width} ${s.value.height<=0?10:s.value.height}`,width:"100%",style:"user-select:none; background:transparent"},[e.createVNode(fe._sfc_main),e.createElementVNode("circle",{cx:(s.value.width<=0?1e-4:s.value.width)/2,cy:(s.value.height<=0?1e-4:s.value.height)/2+n.value.style.circle.offsetY,r:v.value<=0?1e-4:v.value,stroke:n.value.style.circle.stroke,"stroke-width":n.value.style.circle.strokeWidth,fill:"transparent",class:"main-circle"},null,8,ke),Q.value?(e.openBlock(),e.createElementBlock("g",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(l,o)=>(e.openBlock(),e.createElementBlock("path",{key:`relation_${o}`,style:e.normalizeStyle(M(l)),stroke:q(l),class:e.normalizeClass(["relation",{"vue-ui-relation-circle-selected":a.value.hasOwnProperty("id")&&c.value.includes(l.id)}]),d:`M${l.x1},${l.y1} C${l.x1},${l.y1} ${s.value.width/2},${s.value.height/2+n.value.style.circle.offsetY} ${l.x2},${l.y2}`,fill:"none","stroke-width":G(l),"stroke-linecap":"round"},null,14,Ce))),128))])):(e.openBlock(),e.createElementBlock("g",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(l,o)=>(e.openBlock(),e.createElementBlock("line",{key:`relation_${o}`,stroke:q(l),style:e.normalizeStyle(M(l)),x1:l.x1,x2:l.x2,y1:l.y1,y2:l.y2,class:e.normalizeClass({"vue-ui-relation-circle-selected":a.value.hasOwnProperty("id")&&c.value.includes(l.id)}),"stroke-linecap":"round"},null,14,$e))),128))])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,o)=>(e.openBlock(),e.createElementBlock("text",{key:`plot_text_${o}`,"text-anchor":re(l),transform:se(l),x:oe(l),y:l.y+5,onClick:y=>j(l),class:"vue-ui-relation-circle-legend","transform-origin":"start","font-weight":a.value.id===l.id?"900":"400",style:e.normalizeStyle(`font-family:${n.value.style.fontFamily};${ae(l)}`),"font-size":n.value.style.labels.fontSize,fill:n.value.style.labels.color},e.toDisplayString(l.label),13,xe))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,o)=>(e.openBlock(),e.createElementBlock("circle",{cx:l.x,cy:l.y,key:`plot_${o}`,style:e.normalizeStyle(ne(l)),class:"vue-ui-relation-circle-plot",fill:n.value.style.plot.color,onClick:y=>j(l),r:n.value.style.plot.radius},null,12,we))),128)),e.renderSlot(t.$slots,"svg",{svg:s.value},void 0,!0)],10,he)):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(I)})),void 0,!0)])):e.createCommentVNode("",!0),t.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:P,dir:"auto"},[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),C.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ve.default,{key:7,config:{type:"relationCircle",style:{backgroundColor:n.value.style.backgroundColor,relationCircle:{color:"#CCCCCC"}}}},null,8,["config"]))],12,ye))}},Pe=me._export_sfc(be,[["__scopeId","data-v-a4837ff7"]]);exports.default=Pe;