vue-data-ui 2.3.89 → 2.3.91

package/dist/{vue-ui-relation-circle-D2GXm_Fk.js → vue-ui-relation-circle-WmZMKqHL.js}

@@ -1,15 +1,16 @@
-import { useCssVars as ke, computed as c, ref as u, watch as _e, onMounted as $e, onBeforeUnmount as xe, openBlock as s, createElementBlock as o, normalizeStyle as k, createBlock as E, createCommentVNode as _, unref as h, createSlots as Ce, withCtx as z, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, normalizeClass as L, createElementVNode as we, Fragment as b, renderList as O, toDisplayString as be } from "vue";
-import { u as Oe, c as Pe, t as Ae, a as Ie, p as Z, b as Fe, o as Ee, e as ee, g as ze, X as Le } from "./index-Ca4RHJ4t.js";
-import { t as Se, u as Ne } from "./useResponsive-NZB-WLRF.js";
-import { _ as Re } from "./Title-fAvrqioZ.js";
-import { u as Te, U as Me } from "./usePrinter-5fwXghqP.js";
-import je from "./vue-ui-skeleton-D7aLznpP.js";
-import { u as te } from "./useNestedProp-vP7uimPz.js";
-import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "stroke-width"], Ve = { key: 0 }, We = ["stroke", "d", "stroke-width"], Xe = { key: 1 }, Ye = ["stroke", "x1", "x2", "y1", "y2"], qe = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], He = ["cx", "cy", "fill", "onClick", "r"], Je = {
+import { useCssVars as _e, computed as c, ref as u, watch as ke, onMounted as $e, onBeforeUnmount as xe, openBlock as s, createElementBlock as o, normalizeStyle as _, createBlock as E, createCommentVNode as k, unref as h, createSlots as Ce, withCtx as z, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, normalizeClass as L, createVNode as we, createElementVNode as be, Fragment as b, renderList as O, toDisplayString as Oe } from "vue";
+import { u as Pe, c as Ae, t as Ie, a as Fe, p as Z, b as Ee, o as ze, e as ee, g as Le, X as Ne } from "./index-mBy4elhB.js";
+import { t as Se, u as Re } from "./useResponsive-NZB-WLRF.js";
+import { _ as Te } from "./Title-CECK1w9L.js";
+import { u as Me, U as je } from "./usePrinter-Ck-yukK2.js";
+import Be from "./vue-ui-skeleton-DDhwPZd_.js";
+import { u as te } from "./useNestedProp-BrIRtQj1.js";
+import { _ as Ge } from "./PackageVersion-D9PU8glB.js";
+import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const De = ["id"], Ve = ["xmlns", "viewBox"], We = ["cx", "cy", "r", "stroke", "stroke-width"], Xe = { key: 0 }, Ye = ["stroke", "d", "stroke-width"], qe = { key: 1 }, He = ["stroke", "x1", "x2", "y1", "y2"], Je = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], Ke = ["cx", "cy", "fill", "onClick", "r"], Qe = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ke = {
+}, Ze = {
   __name: "vue-ui-relation-circle",
   props: {
     dataset: {
@@ -27,12 +28,12 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
   },
   setup(le, { expose: re }) {
     const d = le;
-    ke((e) => ({
-      "34880b02": ue.value,
-      "4e5334de": ae.value,
-      "79ad6840": oe.value
+    _e((e) => ({
+      db99e4e4: ue.value,
+      "1847af26": ae.value,
+      "36a818e2": oe.value
     }));
-    const { vue_ui_relation_circle: se } = Oe(), P = c(() => !!d.dataset && Object.keys(d.dataset).length), m = u(Pe()), S = u(0), x = u(null), N = u(null), R = u(0), l = c({
+    const { vue_ui_relation_circle: se } = Pe(), P = c(() => !!d.dataset && Object.keys(d.dataset).length), m = u(Ae()), N = u(0), x = u(null), S = u(null), R = u(0), l = c({
       get: () => T(),
       set: (e) => e
     });
@@ -43,19 +44,19 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       });
       return e.theme ? {
         ...te({
-          userConfig: Ae.vue_ui_relation_circle[e.theme] || d.config,
+          userConfig: Ie.vue_ui_relation_circle[e.theme] || d.config,
           defaultConfig: e
         }),
-        customPalette: Ie[e.theme] || Z
+        customPalette: Fe[e.theme] || Z
       } : e;
     }
-    _e(() => d.config, (e) => {
+    ke(() => d.config, (e) => {
       l.value = T(), D(), R.value += 1;
     }, { deep: !0 });
-    const { isPrinting: M, isImaging: j, generatePdf: B, generateImage: G } = Te({
+    const { isPrinting: M, isImaging: j, generatePdf: B, generateImage: G } = Me({
       elementId: `relation_circle_${m.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle"
-    }), U = c(() => Fe(l.value.customPalette)), f = u([]), y = u([]), n = u({}), v = u([]), ne = u(0), A = c(() => d.dataset.slice(0, l.value.style.limit)), I = u(l.value.style.size), i = u({
+    }), U = c(() => Ee(l.value.customPalette)), f = u([]), y = u([]), n = u({}), v = u([]), ne = u(0), A = c(() => d.dataset.slice(0, l.value.style.limit)), I = u(l.value.style.size), i = u({
       height: l.value.style.size,
       width: l.value.style.size
     }), g = c({
@@ -70,11 +71,11 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       D(), document.getElementById(`relation_circle_${m.value}`).addEventListener("click", V);
     });
     function D() {
-      if (Ee(d.dataset) ? ee({
+      if (ze(d.dataset) ? ee({
         componentName: "VueUiRelationCircle",
         type: "dataset"
       }) : d.dataset.forEach((e, r) => {
-        ze({
+        Le({
           datasetObject: e,
           requiredAttributes: ["id", "label", "relations", "weights"]
         }).forEach((t) => {
@@ -87,9 +88,9 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
         });
       }), l.value.responsive) {
         const e = Se(() => {
-          const { width: r, height: t } = Ne({
+          const { width: r, height: t } = Re({
             chart: x.value,
-            title: l.value.style.title.text ? N.value : null
+            title: l.value.style.title.text ? S.value : null
           });
           I.value = Math.min(r, t), i.value.width = r, i.value.height = t, g.value = I.value * l.value.style.circle.radiusProportion, f.value = [], y.value = [], W(), X();
         });
@@ -159,7 +160,7 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
     }
     const w = u(!1);
     function ye(e) {
-      w.value = e, S.value += 1;
+      w.value = e, N.value += 1;
     }
     return re({
       generatePdf: B,
@@ -168,16 +169,16 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       ref_key: "relationCircleChart",
       ref: x,
       class: "vue-ui-relation-circle",
-      style: k(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
+      style: _(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
       id: `relation_circle_${m.value}`
     }, [
       l.value.style.title.text ? (s(), o("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: N,
+        ref: S,
         style: "width:100%;background:transparent"
       }, [
-        (s(), E(Re, {
+        (s(), E(Te, {
           key: `title_${R.value}`,
           config: {
             title: {
@@ -190,10 +191,10 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : _("", !0),
-      l.value.userOptions.show && P.value ? (s(), E(Me, {
+      ], 512)) : k("", !0),
+      l.value.userOptions.show && P.value ? (s(), E(je, {
         ref: "details",
-        key: `user_options_${S.value}`,
+        key: `user_options_${N.value}`,
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
         isPrinting: h(M),
@@ -232,16 +233,17 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : _("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : k("", !0),
       P.value ? (s(), o("svg", {
         key: 2,
-        xmlns: h(Le),
+        xmlns: h(Ne),
         class: L([{ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value }, "relation-circle"]),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         width: "100%",
         style: "user-select:none; background:transparent"
       }, [
-        we("circle", {
+        we(Ge),
+        be("circle", {
           cx: (i.value.width <= 0 ? 1e-4 : i.value.width) / 2,
           cy: (i.value.height <= 0 ? 1e-4 : i.value.height) / 2 + l.value.style.circle.offsetY,
           r: g.value <= 0 ? 1e-4 : g.value,
@@ -249,30 +251,30 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
           "stroke-width": l.value.style.circle.strokeWidth,
           fill: "transparent",
           class: "main-circle"
-        }, null, 8, De),
-        ie.value ? (s(), o("g", Ve, [
+        }, null, 8, We),
+        ie.value ? (s(), o("g", Xe, [
           (s(!0), o(b, null, O(y.value, (t, a) => (s(), o("path", {
             key: `relation_${a}`,
-            style: k(q(t)),
+            style: _(q(t)),
             stroke: Y(t),
             class: L(["relation", { "vue-ui-relation-circle-selected": n.value.hasOwnProperty("id") && v.value.includes(t.id) }]),
             d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${i.value.width / 2},${i.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
             fill: "none",
             "stroke-width": J(t),
             "stroke-linecap": "round"
-          }, null, 14, We))), 128))
-        ])) : (s(), o("g", Xe, [
+          }, null, 14, Ye))), 128))
+        ])) : (s(), o("g", qe, [
           (s(!0), o(b, null, O(y.value, (t, a) => (s(), o("line", {
             key: `relation_${a}`,
             stroke: Y(t),
-            style: k(q(t)),
+            style: _(q(t)),
             x1: t.x1,
             x2: t.x2,
             y1: t.y1,
             y2: t.y2,
             class: L({ "vue-ui-relation-circle-selected": n.value.hasOwnProperty("id") && v.value.includes(t.id) }),
             "stroke-linecap": "round"
-          }, null, 14, Ye))), 128))
+          }, null, 14, He))), 128))
         ])),
         (s(!0), o(b, null, O(f.value, (t, a) => (s(), o("text", {
           key: `plot_text_${a}`,
@@ -284,26 +286,26 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
           class: "vue-ui-relation-circle-legend",
           "transform-origin": "start",
           "font-weight": n.value.id === t.id ? "900" : "400",
-          style: k(`font-family:${l.value.style.fontFamily};${ge(t)}`),
+          style: _(`font-family:${l.value.style.fontFamily};${ge(t)}`),
           "font-size": l.value.style.labels.fontSize,
           fill: l.value.style.labels.color
-        }, be(t.label), 13, qe))), 128)),
+        }, Oe(t.label), 13, Je))), 128)),
         (s(!0), o(b, null, O(f.value, (t, a) => (s(), o("circle", {
           cx: t.x,
           cy: t.y,
           key: `plot_${a}`,
-          style: k(de(t)),
+          style: _(de(t)),
           class: "vue-ui-relation-circle-plot",
           fill: l.value.style.plot.color,
           onClick: (p) => H(t),
           r: l.value.style.plot.radius
-        }, null, 12, He))), 128)),
+        }, null, 12, Ke))), 128)),
         $(e.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 10, Ue)) : _("", !0),
-      e.$slots.watermark ? (s(), o("div", Je, [
+      ], 10, Ve)) : k("", !0),
+      e.$slots.watermark ? (s(), o("div", Qe, [
         $(e.$slots, "watermark", K(Q({ isPrinting: h(M) || h(j) })), void 0, !0)
-      ])) : _("", !0),
-      P.value ? _("", !0) : (s(), E(je, {
+      ])) : k("", !0),
+      P.value ? k("", !0) : (s(), E(Be, {
         key: 4,
         config: {
           type: "relationCircle",
@@ -315,9 +317,9 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
           }
         }
       }, null, 8, ["config"]))
-    ], 12, Ge));
+    ], 12, De));
   }
-}, it = /* @__PURE__ */ Be(Ke, [["__scopeId", "data-v-03cfa819"]]);
+}, ot = /* @__PURE__ */ Ue(Ze, [["__scopeId", "data-v-0d6438fc"]]);
 export {
-  it as default
+  ot as default
 };