vue-data-ui 2.4.39 → 2.4.41

package/dist/vue-ui-dashboard-yX9EkLTf.js

@@ -1,232 +0,0 @@
-import { useCssVars as J, computed as _, ref as r, watch as K, openBlock as w, createElementBlock as y, createElementVNode as g, normalizeStyle as z, createCommentVNode as I, Fragment as D, renderList as Q, normalizeClass as Z, renderSlot as ee, pushScopeId as te, popScopeId as oe, createStaticVNode as ae } from "vue";
-import le from "./pdf-B7oVat64.js";
-import { u as ue } from "./useNestedProp-CxQ2hIfU.js";
-import { u as ne } from "./index-hQvps1ng.js";
-import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ie = (M) => (te("data-v-57895b3a"), M = M(), oe(), M), re = {
-  key: 0,
-  "data-html2canvas-ignore": "",
-  style: { width: "100%", display: "flex", "justify-content": "end" }
-}, de = ["disabled"], ce = ["stroke"], he = /* @__PURE__ */ ae('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-57895b3a></path><path d="M18 16v.01" data-v-57895b3a></path><path d="M6 16v.01" data-v-57895b3a></path><path d="M12 5v.01" data-v-57895b3a></path><path d="M12 12v.01" data-v-57895b3a></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-57895b3a></path>', 6), ve = [
-  he
-], fe = { key: 1 }, pe = ["id"], ge = /* @__PURE__ */ ie(() => /* @__PURE__ */ g("div", { class: "vue-ui-dashboard-grid" }, null, -1)), be = ["onMousedown", "onTouchstart"], we = ["onMousedown", "onTouchstart"], ye = ["onMousedown", "onTouchstart"], _e = ["onMousedown", "onTouchstart"], Me = ["onMousedown", "onTouchstart"], x = 20, me = {
-  __name: "vue-ui-dashboard",
-  props: {
-    dataset: Array,
-    config: Object
-  },
-  emits: ["change"],
-  setup(M, { expose: W, emit: E }) {
-    const X = M;
-    J((e) => ({
-      "417957d3": V.value,
-      "60fae9e7": j.value
-    }));
-    const { vue_ui_dashboard: L } = ne(), s = _(() => ue({
-      userConfig: X.config,
-      defaultConfig: L
-    })), Y = r(`vue-ui-dashboard-${Math.random()}`), c = r(s.value.locked);
-    function N() {
-      c.value = !c.value;
-    }
-    const n = r(X.dataset), h = r(null), u = r(null), v = r({ x: 0, y: 0 }), f = r({ x: 0, y: 0 }), i = r(null), d = r(!1), p = r(null), T = r(!1);
-    function S() {
-      T.value = !0, le({
-        domElement: document.getElementById(`vue-ui-dashboard_${Y.value}`),
-        fileName: "vue-ui-dashboard"
-      }).finally(() => {
-        T.value = !1;
-      });
-    }
-    function R(e) {
-      if (!c.value && (d.value = !0, p.value = e, u.value === null)) {
-        h.value = e, v.value = { x: event.clientX, y: event.clientY };
-        const t = n.value[e], a = 100 - t.width, o = 100 - t.height;
-        t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left > a && (t.left = a), t.top > o && (t.top = o), t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left + t.width > 100 && (t.left = 100 - t.width), t.top + t.height > 100 && (t.top = 100 - t.height);
-      }
-    }
-    function k(e, t) {
-      d.value = !0, p.value = e, u.value = { index: e, direction: t };
-      const a = n.value[e];
-      f.value = { x: event.clientX, y: event.clientY, initialWidth: a.width, initialHeight: a.height };
-    }
-    function H(e, t, a) {
-      if (u.value.direction.includes("top")) {
-        const o = e.height - a / i.value.offsetHeight * 100;
-        o >= x && (e.top += a / i.value.offsetHeight * 100, e.height = o);
-      }
-      if (u.value.direction.includes("bottom")) {
-        const o = e.height + a / i.value.offsetHeight * 100;
-        o >= x && (e.height = o);
-      }
-      if (u.value.direction.includes("left")) {
-        const o = e.width - t / i.value.offsetWidth * 100;
-        o >= x && (e.left += t / i.value.offsetWidth * 100, e.width = o);
-      }
-      if (u.value.direction.includes("right")) {
-        const o = e.width + t / i.value.offsetWidth * 100;
-        o >= x && (e.width = o);
-      }
-    }
-    function B(e) {
-      if (!c.value) {
-        if (d.value = !0, h.value !== null) {
-          const t = n.value[h.value], a = e.clientX - v.value.x, o = e.clientY - v.value.y, l = t.left + a / i.value.offsetWidth * 100, b = t.top + o / i.value.offsetHeight * 100;
-          l >= 0 && b >= 0 && l + t.width <= 100 && b + t.height <= 100 && (t.left = l, t.top = b), v.value = { x: e.clientX, y: e.clientY };
-        }
-        if (u.value !== null) {
-          const t = n.value[u.value.index], a = e.clientX - f.value.x, o = e.clientY - f.value.y;
-          H(t, a, o), f.value = { x: e.clientX, y: e.clientY };
-        }
-      }
-    }
-    K(
-      n,
-      (e) => {
-        e && !d.value && E("change", n.value);
-      },
-      { deep: !0 }
-    );
-    function F() {
-      h.value = null, u.value = null, d.value = !1, p.value = null, n.value.forEach((e) => {
-        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
-      });
-    }
-    function P(e) {
-      c.value || (d.value = !0, p.value = e, u.value === null && (h.value = e, v.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
-    }
-    function C(e, t, a) {
-      if (d.value = !0, p.value = e, u.value === null) {
-        u.value = { index: e, direction: t };
-        const o = n.value[e];
-        f.value = { x: a.touches[0].clientX, y: a.touches[0].clientY, initialWidth: o.width, initialHeight: o.height };
-      }
-    }
-    function $(e) {
-      if (d.value = !0, e.preventDefault(), u.value !== null) {
-        const t = n.value[u.value.index], a = e.touches[0].clientX - f.value.x, o = e.touches[0].clientY - f.value.y;
-        H(t, a, o), f.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function O(e) {
-      if (!c.value && (d.value = !0, e.preventDefault(), h.value !== null)) {
-        const t = n.value[h.value], a = e.touches[0].clientX - v.value.x, o = e.touches[0].clientY - v.value.y, l = t.left + a / i.value.offsetWidth * 100, b = t.top + o / i.value.offsetHeight * 100;
-        l >= 0 && b >= 0 && l + t.width <= 100 && b + t.height <= 100 && (t.left = l, t.top = b), v.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function m() {
-      d.value = !1, p.value = null, h.value = null, u.value = null, n.value.forEach((e) => {
-        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
-      });
-    }
-    const V = _(() => s.value.style.item.borderColor), j = _(() => s.value.style.resizeHandles.backgroundColor), A = _(() => s.value.style.board.aspectRatio), G = _(() => s.value.style.board.backgroundColor), U = _(() => s.value.style.board.border);
-    function q() {
-      return n.value;
-    }
-    return W({
-      generatePdf: S,
-      getItemsPositions: q,
-      toggleLock: N
-    }), (e, t) => (w(), y("div", null, [
-      s.value.allowPrint ? (w(), y("div", re, [
-        g("button", {
-          class: "vue-ui-dashboard-button",
-          onClick: S,
-          disabled: T.value,
-          style: z([{ "margin-top": "12px" }, `color:${s.value.style.board.color}`])
-        }, [
-          T.value ? (w(), y("svg", {
-            key: 0,
-            class: "vue-ui-dashboard-print-icon",
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "20",
-            height: "20",
-            viewBox: "0 0 24 24",
-            "stroke-width": "1.5",
-            stroke: s.value.style.board.color,
-            fill: "none",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, ve, 8, ce)) : (w(), y("span", fe, "PDF"))
-        ], 12, de)
-      ])) : I("", !0),
-      g("div", {
-        class: "vue-ui-dashboard-container",
-        ref_key: "dashboardContainer",
-        ref: i,
-        id: `vue-ui-dashboard_${Y.value}`,
-        style: z(`border:${U.value}; sbackground:${G.value}; aspect-ratio:${A.value}`)
-      }, [
-        g("div", {
-          class: "vue-ui-dashboard-grid-container",
-          ref: "container",
-          onMousemove: B,
-          onMouseup: F,
-          onTouchmove: O,
-          onTouchend: m,
-          style: z(`background:${s.value.style.board.backgroundColor}`)
-        }, [
-          ge,
-          (w(!0), y(D, null, Q(n.value, (a, o) => (w(), y("div", {
-            key: a.id,
-            class: Z({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": c.value }),
-            style: z({
-              width: `${a.width}%`,
-              height: `${a.height}%`,
-              left: `${a.left}%`,
-              top: `${a.top}%`,
-              cursor: "move",
-              boxShadow: p.value === o ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
-              zIndex: p.value === o ? "1" : "0",
-              backgroundColor: s.value.style.item.backgroundColor
-            }),
-            onMousedown: (l) => R(o),
-            onTouchstart: (l) => P(o)
-          }, [
-            c.value ? I("", !0) : (w(), y(D, { key: 0 }, [
-              g("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
-                onMousedown: (l) => k(o, "top-left"),
-                onTouchstart: (l) => C(o, "top-left", l),
-                onTouchmove: t[0] || (t[0] = (l) => $(l)),
-                onTouchend: m
-              }, null, 40, we),
-              g("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
-                onMousedown: (l) => k(o, "top-right"),
-                onTouchstart: (l) => C(o, "top-right", l),
-                onTouchmove: t[1] || (t[1] = (l) => $(l)),
-                onTouchend: m
-              }, null, 40, ye),
-              g("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
-                onMousedown: (l) => k(o, "bottom-left"),
-                onTouchstart: (l) => C(o, "bottom-left", l),
-                onTouchmove: t[2] || (t[2] = (l) => $(l)),
-                onTouchend: m
-              }, null, 40, _e),
-              g("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
-                onMousedown: (l) => k(o, "bottom-right"),
-                onTouchstart: (l) => C(o, "bottom-right", l),
-                onTouchmove: t[3] || (t[3] = (l) => $(l)),
-                onTouchend: m
-              }, null, 40, Me)
-            ], 64)),
-            ee(e.$slots, "content", {
-              item: a,
-              index: o,
-              left: a.left,
-              top: a.top,
-              height: a.height,
-              width: a.width
-            }, void 0, !0)
-          ], 46, be))), 128))
-        ], 36)
-      ], 12, pe)
-    ]));
-  }
-}, xe = /* @__PURE__ */ se(me, [["__scopeId", "data-v-57895b3a"]]);
-export {
-  xe as default
-};

package/dist/vue-ui-relation-circle-Ds3zzFbl.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-hQvps1ng.js";
-import { t as Be, u as Ge } from "./useResponsive-CoxXLe23.js";
-import { _ as Ue } from "./Title-DU9SuVY-.js";
-import { u as De, U as Ve } from "./usePrinter-c5Pf5Hrk.js";
-import We from "./vue-ui-skeleton-Dmee5Xfg.js";
-import { u as se } from "./useNestedProp-CxQ2hIfU.js";
-import { _ as Xe } from "./PackageVersion-CiIsJuZg.js";
-import { P as Ye } from "./PenAndPaper-BBXIRAdA.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-K0EZ_Nkb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-DCccP2Kt.cjs"),U=require("./useResponsive-BJ7DTGpm.cjs"),de=require("./Title-BeCsXJhg.cjs"),D=require("./usePrinter-C-C264ik.cjs"),ve=require("./vue-ui-skeleton-Ckb3hRcQ.cjs"),W=require("./useNestedProp-DzZoHbI7.cjs"),fe=require("./PackageVersion-C7okNmPF.cjs"),ge=require("./PenAndPaper-BUjMRWG0.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;