vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-circle-pack-DUw81Lbf.js → vue-ui-circle-pack-WTa2Mj2O.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as E, computed as w, ref as f, toRefs as St, watch as le, onMounted as Ot, onBeforeUnmount as Dt, createElementBlock as g, openBlock as h, unref as i, normalizeStyle as ae, normalizeClass as ge, createBlock as V, createCommentVNode as x, renderSlot as b, createElementVNode as S, createVNode as ke, withCtx as m, normalizeProps as _, guardReactiveProps as F, createSlots as Ze, Fragment as j, renderList as Ce, mergeProps as we, toDisplayString as ne, resolveDynamicComponent as Pt, createTextVNode as Je, nextTick as It } from "vue";
-import { u as Et, a as xe } from "./useNestedProp-CVGae3Qt.js";
-import { c as Ke, t as Bt, i as $e, p as se, o as Mt, g as Nt, j as Rt, l as zt, d as Qe, X as Lt, n as Ut, r as Vt, w as Te, T as jt, u as Gt, q as Yt, x as Xt, a as qt } from "./lib-DUaaQGCv.js";
-import { u as Ht } from "./usePrinter-BdVu83IN.js";
+import { u as Et, a as xe } from "./useNestedProp-DOOBu_sL.js";
+import { c as Ke, t as Bt, i as $e, p as se, o as Mt, g as Nt, j as Rt, l as zt, d as Qe, X as Lt, n as Ut, r as Vt, w as Ae, G as jt, u as Gt, q as Yt, x as Xt, a as qt } from "./lib-qMPkcvmh.js";
+import { u as Ht } from "./usePrinter-CjGh4mFJ.js";
 import { u as Wt, B as Zt } from "./BaseScanner-BgWxam9d.js";
 import { u as Jt } from "./useSvgExport-DrjCWun4.js";
 import { u as Kt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
 import { t as to, u as oo } from "./useResponsive-DfdjqQps.js";
-import lo from "./img-BYzbY8TZ.js";
-import ao from "./Title-Hk29BxeL.js";
+import lo from "./img-CwrkWkkl.js";
+import ao from "./Title-CgkWUXeV.js";
 import { _ as no } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function so(u, c = 0) {
   const p = u.reduce((a, { x: s, r: d }) => Math.min(a, s - d - c), 1 / 0), y = u.reduce((a, { x: s, r: d }) => Math.max(a, s + d + c), -1 / 0), v = u.reduce((a, { y: s, r: d }) => Math.min(a, s - d - c), 1 / 0), n = u.reduce((a, { y: s, r: d }) => Math.max(a, s + d + c), -1 / 0);
@@ -94,7 +94,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
 }, Symbol.toStringTag, { value: "Module" })), io = ["id"], co = ["xmlns", "viewBox"], vo = ["x", "y", "width", "height"], fo = ["id"], ho = ["stop-color"], po = ["stop-color"], bo = ["stop-color"], yo = { key: 0 }, mo = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], go = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], ko = ["x", "y", "width", "height", "fill", "rx"], Co = ["x", "y", "font-size", "fill", "font-weight"], wo = ["x", "y", "font-size", "fill", "font-weight"], xo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, $o = ["innerHTML"], To = {
+}, $o = ["innerHTML"], Ao = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -112,7 +112,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
   },
   emits: ["selectDatapoint"],
   setup(u, { expose: c, emit: p }) {
-    const y = E(() => import("./Tooltip-De7i-i20.js")), v = E(() => import("./BaseIcon-Dl4VBlHV.js")), n = E(() => import("./vue-ui-accordion-B3SlkXqV.js")), a = E(() => import("./DataTable-Ho3Bf5oq.js")), s = E(() => import("./UserOptions-DgscxIaa.js")), d = E(() => import("./PenAndPaper-kymjF6_b.js")), k = E(() => import("./PackageVersion-BAF3mEBQ.js")), D = E(() => import("./BaseDraggableDialog-DZVSjhEw.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Ae = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), T = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
+    const y = E(() => import("./Tooltip-OHx7yHlS.js")), v = E(() => import("./BaseIcon-CALhpING.js")), n = E(() => import("./vue-ui-accordion-BWfQ8Imt.js")), a = E(() => import("./DataTable-Ca1twcf7.js")), s = E(() => import("./UserOptions-ChRXLqps.js")), d = E(() => import("./PenAndPaper-DscVdZ1u.js")), k = E(() => import("./PackageVersion-B9RA2_BM.js")), D = E(() => import("./BaseDraggableDialog-BYwNgX3M.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Te = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), A = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
       ...St($),
       FINAL_CONFIG: e,
       prepareConfig: de,
@@ -169,18 +169,18 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     }
     le(() => $.config, (t) => {
-      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, A.value.showTable = e.value.table.show;
+      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, T.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: Ne, isImaging: Re, generatePdf: ze, generateImage: Le } = Ht({
       elementId: `vue-ui-circle-pack_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
       options: e.value.userOptions.print
-    }), ct = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = f({
+    }), ct = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), T = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     le(e, () => {
-      A.value = {
+      T.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
@@ -214,10 +214,10 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       })), Ue.value = [0, 0, t, l], P.value = `0 0 ${t} ${l}`;
     }
     function pt() {
-      if (!e.value.responsive || !T.value) return;
+      if (!e.value.responsive || !A.value) return;
       const t = to(() => {
         const { width: l, height: o } = oo({
-          chart: T.value,
+          chart: A.value,
           title: e.value.style.chart.title.text ? _e.value : null,
           legend: null,
           source: Pe.value,
@@ -227,7 +227,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           !l || !o || (L.value && (L.value.setAttribute("width", l), L.value.setAttribute("height", o)), Ve(l, o));
         });
       });
-      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = T.value.parentNode || T.value, I.value && O.value.observe(I.value), t();
+      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = A.value.parentNode || A.value, I.value && O.value.observe(I.value), t();
     }
     function je() {
       O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect(), O.value = null, I.value = null);
@@ -383,17 +383,17 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     });
     function qe() {
-      A.value.showTable = !A.value.showTable;
+      T.value.showTable = !T.value.showTable;
     }
     function kt() {
-      A.value.showTooltip = !A.value.showTooltip;
+      T.value.showTooltip = !T.value.showTooltip;
     }
     function Ct() {
       return Y.value;
     }
     async function wt({ scale: t = 2 } = {}) {
-      if (!T.value) return;
-      const { width: l, height: o } = T.value.getBoundingClientRect(), r = l / o, { imageUri: C, base64: R } = await lo({ domElement: T.value, base64: !0, img: !0, scale: t });
+      if (!A.value) return;
+      const { width: l, height: o } = A.value.getBoundingClientRect(), r = l / o, { imageUri: C, base64: R } = await lo({ domElement: A.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: C,
         base64: R,
@@ -404,7 +404,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     }
     const H = w(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = A.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
       return {
         component: t ? D : n,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -414,7 +414,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: N.value,
-          fullscreenParent: T.value,
+          fullscreenParent: A.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -433,23 +433,23 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         }
       };
     });
-    le(() => A.value.showTable, (t) => {
+    le(() => T.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && z.value ? z.value.open() : z.value && "close" in z.value && z.value.close());
     });
     function He() {
-      A.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
+      T.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
     }
-    const xt = w(() => e.value.style.chart.backgroundColor), $t = w(() => e.value.style.chart.title), { exportSvg: Tt, getSvg: At } = Jt({
+    const xt = w(() => e.value.style.chart.backgroundColor), $t = w(() => e.value.style.chart.title), { exportSvg: At, getSvg: Tt } = Jt({
       svg: L,
       title: $t,
       backgroundColor: xt
     });
     async function We({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: r, dataUrl: C } = await At();
+        const { blob: l, url: o, text: r, dataUrl: C } = await Tt();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: r, dataUrl: C });
       } else
-        Tt();
+        At();
     }
     return c({
       getData: Ct,
@@ -465,7 +465,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       id: `vue-ui-circle-pack_${G.value}`,
       class: ge(`vue-data-ui-component vue-ui-circle-pack ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${i(Ie) ? "loading" : ""}`),
       ref_key: "circlePackChart",
-      ref: T,
+      ref: A,
       style: ae(`font-family:${e.value.style.fontFamily};text-align:center;background:${e.value.style.chart.backgroundColor};`),
       onMouseenter: l[1] || (l[1] = () => i(Be)(!0)),
       onMouseleave: l[2] || (l[2] = () => i(Be)(!1))
@@ -527,7 +527,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           }
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
-      e.value.userOptions.show && Ae.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
+      e.value.userOptions.show && Te.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
         ref_key: "userOptionsRef",
         ref: ue,
         key: `user_option_${De.value}`,
@@ -537,7 +537,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         isImaging: i(Re),
         uid: G.value,
         hasTooltip: e.value.userOptions.buttons.tooltip,
-        isTooltip: A.value.showTooltip,
+        isTooltip: T.value.showTooltip,
         hasLabel: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -546,7 +546,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: N.value,
-        chartElement: T.value,
+        chartElement: A.value,
         position: e.value.userOptions.position,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
@@ -726,7 +726,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 name: o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
                 value: Ye(o) * e.value.style.chart.circles.labels.value.fontSizeRatio
               },
-              color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : i(Te)(o.color)
+              color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : i(Ae)(o.color)
             }), void 0, !0) : (h(), g(j, { key: 1 }, [
               e.value.style.chart.circles.labels.name.show && o.name ? (h(), g("text", {
                 key: 0,
@@ -737,7 +737,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.name.offsetY) - o.r / 10,
                 "font-size": o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.name.color,
+                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i(Ae)(o.color) : e.value.style.chart.circles.labels.name.color,
                 "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
                 "text-anchor": "middle"
               }, ne(o.name), 9, Co)) : x("", !0),
@@ -750,7 +750,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.value.offsetY) + o.r / 2.5,
                 "font-size": Ye(o) * e.value.style.chart.circles.labels.value.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.value.color,
+                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i(Ae)(o.color) : e.value.style.chart.circles.labels.value.color,
                 "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
                 "text-anchor": "middle"
               }, ne(pe(o)), 9, wo)) : x("", !0)
@@ -773,7 +773,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       ke(i(y), {
-        show: A.value.showTooltip && ie.value,
+        show: T.value.showTooltip && ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -783,7 +783,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: T.value,
+        parent: A.value,
         content: ce.value,
         isCustom: q.value,
         isFullscreen: N.value,
@@ -800,7 +800,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Ae.value && e.value.userOptions.buttons.table ? (h(), V(Pt(H.value.component), we({ key: 6 }, H.value.props, {
+      Te.value && e.value.userOptions.buttons.table ? (h(), V(Pt(H.value.component), we({ key: 6 }, H.value.props, {
         ref_key: "tableUnit",
         ref: z,
         onClose: He
@@ -857,12 +857,12 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       i(Ie) ? (h(), V(Zt, { key: 7 })) : x("", !0)
     ], 46, io));
   }
-}, Ao = /* @__PURE__ */ no(To, [["__scopeId", "data-v-5e1a54cd"]]), Uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, To = /* @__PURE__ */ no(Ao, [["__scopeId", "data-v-5e1a54cd"]]), Uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ao
+  default: To
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Lo as a,
   Uo as b,
-  Ao as v
+  To as v
 };

package/dist/vue-ui-cursor-D6_m463R.js

@@ -0,0 +1,252 @@
+import { ref as u, computed as m, onMounted as I, onBeforeUnmount as N, createBlock as B, openBlock as l, Teleport as T, createElementBlock as i, createCommentVNode as n, normalizeStyle as $, unref as E, createVNode as R, createElementVNode as r, normalizeClass as S, toDisplayString as F, nextTick as M } from "vue";
+import { u as W, a as G } from "./useNestedProp-DOOBu_sL.js";
+import { c as V, X as A, s as U } from "./lib-qMPkcvmh.js";
+import P from "./PackageVersion-B9RA2_BM.js";
+import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const j = ["xmlns", "height", "width"], Y = {
+  id: "follower",
+  fy: "30%",
+  fx: "30%"
+}, q = ["stop-color", "stop-opacity"], H = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], J = ["r"], K = {
+  key: 2,
+  class: "wave"
+}, Q = ["id"], Z = ["id"], ee = ["filter", "stroke"], te = {
+  key: 3,
+  class: "crosshair"
+}, re = ["x1", "stroke", "stroke-width", "stroke-dasharray"], oe = ["x1", "stroke", "stroke-width", "stroke-dasharray"], se = ["y1", "stroke", "stroke-width", "stroke-dasharray"], le = ["y1", "stroke", "stroke-width", "stroke-dasharray"], ae = ["cy", "r", "fill"], ie = ["cy", "r", "fill"], ne = ["cx", "r", "fill"], ue = ["cx", "r", "fill"], ce = {
+  key: 5,
+  class: "coordinates"
+}, ve = ["x", "y", "font-size", "fill"], de = ["transform"], fe = ["font-size", "fill"], he = {
+  __name: "vue-ui-cursor",
+  props: {
+    config: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(L) {
+    const { vue_ui_cursor: z } = W(), O = L, k = u(V()), e = m(() => G({
+      userConfig: O.config,
+      defaultConfig: z
+    })), a = u({
+      x: -100,
+      y: -100
+    }), o = m(() => Math.round(e.value.centerCircleRadius)), f = m(() => Math.round(e.value.coordinatesOffset));
+    function p({ clientX: t, clientY: s, ...y }) {
+      a.value.x = t - o.value, a.value.y = s - o.value;
+    }
+    function x(t) {
+      a.value.x = t.targetTouches[0].clientX - o.value, a.value.y = t.targetTouches[0].clientY - o.value;
+    }
+    const C = u(!0);
+    function h(t) {
+      C.value = t;
+    }
+    const c = u(!1), _ = u(null);
+    function g() {
+      c.value = !1, _.value && clearTimeout(_.value), M(() => {
+        c.value = !0, _.value = setTimeout(() => {
+          c.value = !1;
+        }, 1e3);
+      });
+    }
+    const v = u(null), d = u(null);
+    function b() {
+      return e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0] || null;
+    }
+    function w(t) {
+      t && (t.addEventListener("mousemove", p), t.addEventListener("touchmove", x), t.addEventListener("mouseleave", () => h(!1)), t.addEventListener("mouseenter", () => h(!0)), t.addEventListener("click", g));
+    }
+    function D(t) {
+      t && (t.removeEventListener("mousemove", p), t.removeEventListener("touchmove", x), t.removeEventListener("mouseleave", () => h(!1)), t.removeEventListener("mouseenter", () => h(!0)), t.removeEventListener("click", g));
+    }
+    return I(() => {
+      const t = b();
+      if (t) {
+        v.value = t, w(t);
+        return;
+      }
+      if (!e.value.parentId)
+        return;
+      const s = new MutationObserver(() => {
+        const y = b();
+        y && (v.value = y, w(y), s.disconnect(), d.value = null);
+      });
+      s.observe(document.body, { childList: !0, subtree: !0 }), d.value = s;
+    }), N(() => {
+      d.value && (d.value.disconnect(), d.value = null), v.value && (D(v.value), v.value = null);
+    }), (t, s) => (l(), B(T, { to: "body" }, [
+      C.value ? (l(), i("svg", {
+        key: 0,
+        "data-dom-to-png-ignore": "",
+        xmlns: E(A),
+        style: $(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${a.value.y}px; left:${a.value.x}px;`),
+        viewBox: "0 0 100 100",
+        height: o.value * 2,
+        width: o.value * 2
+      }, [
+        R(P),
+        r("defs", null, [
+          r("radialGradient", Y, [
+            r("stop", {
+              offset: "10%",
+              "stop-color": e.value.bubbleEffectColor,
+              "stop-opacity": e.value.bubbleEffectOpacity
+            }, null, 8, q),
+            s[0] || (s[0] = r("stop", {
+              offset: "95%",
+              "stop-color": "transparent"
+            }, null, -1))
+          ])
+        ]),
+        e.value.showCenterCircle ? (l(), i("circle", {
+          key: 0,
+          cx: 50,
+          cy: 50,
+          r: o.value,
+          fill: E(U)(e.value.centerCircleColor, e.value.centerCircleOpacity * 100),
+          stroke: e.value.centerCircleStroke,
+          "stroke-width": e.value.centerCircleStrokeWidth,
+          "stroke-dasharray": e.value.centerCircleDasharray
+        }, null, 8, H)) : n("", !0),
+        e.value.bubbleEffect ? (l(), i("circle", {
+          key: 1,
+          cx: 50,
+          cy: 50,
+          r: o.value,
+          fill: "url(#follower)",
+          stroke: "none"
+        }, null, 8, J)) : n("", !0),
+        e.value.useWaveOnClick ? (l(), i("g", K, [
+          r("defs", null, [
+            r("filter", {
+              id: `blur_${k.value}`,
+              x: "-50%",
+              y: "-50%",
+              width: "200%",
+              height: "200%"
+            }, [
+              r("feGaussianBlur", {
+                in: "SourceGraphic",
+                stdDeviation: 4,
+                id: `blur_std_${k.value}`
+              }, null, 8, Z),
+              s[1] || (s[1] = r("feColorMatrix", {
+                type: "saturate",
+                values: "0"
+              }, null, -1))
+            ], 8, Q)
+          ]),
+          c.value ? (l(), i("circle", {
+            key: 0,
+            class: S({ "circle-wave": c.value }),
+            cx: 50,
+            cy: 50,
+            r: 50,
+            filter: `url(#blur_${k.value})`,
+            stroke: e.value.centerCircleStroke,
+            fill: "none",
+            "stroke-width": "3"
+          }, null, 10, ee)) : n("", !0)
+        ])) : n("", !0),
+        e.value.showCrosshair ? (l(), i("g", te, [
+          r("line", {
+            x1: -o.value + 50,
+            x2: -5e3,
+            y1: 50,
+            y2: 50,
+            stroke: e.value.crosshairStroke,
+            "stroke-width": e.value.crosshairStrokeWidth,
+            "stroke-dasharray": e.value.crosshairDasharray,
+            "stroke-linecap": "round"
+          }, null, 8, re),
+          r("line", {
+            x1: 50 + o.value,
+            x2: 5e3,
+            y1: 50,
+            y2: 50,
+            stroke: e.value.crosshairStroke,
+            "stroke-width": e.value.crosshairStrokeWidth,
+            "stroke-dasharray": e.value.crosshairDasharray,
+            "stroke-linecap": "round"
+          }, null, 8, oe),
+          r("line", {
+            x1: 50,
+            x2: 50,
+            y1: -o.value + 50,
+            y2: -5e3,
+            stroke: e.value.crosshairStroke,
+            "stroke-width": e.value.crosshairStrokeWidth,
+            "stroke-dasharray": e.value.crosshairDasharray,
+            "stroke-linecap": "round"
+          }, null, 8, se),
+          r("line", {
+            x1: 50,
+            x2: 50,
+            y1: o.value + 50,
+            y2: 5e3,
+            stroke: e.value.crosshairStroke,
+            "stroke-width": e.value.crosshairStrokeWidth,
+            "stroke-dasharray": e.value.crosshairDasharray,
+            "stroke-linecap": "round"
+          }, null, 8, le)
+        ])) : n("", !0),
+        e.value.showIntersectCircles ? (l(), i("g", {
+          key: 4,
+          class: S({ "rotating-circles": e.value.isLoading })
+        }, [
+          r("circle", {
+            cx: 50,
+            cy: o.value + 50,
+            r: e.value.intersectCirclesRadius,
+            fill: e.value.intersectCirclesFill
+          }, null, 8, ae),
+          r("circle", {
+            cx: 50,
+            cy: -o.value + 50,
+            r: e.value.intersectCirclesRadius,
+            fill: e.value.intersectCirclesFill
+          }, null, 8, ie),
+          r("circle", {
+            cx: -o.value + 50,
+            cy: 50,
+            r: e.value.intersectCirclesRadius,
+            fill: e.value.intersectCirclesFill
+          }, null, 8, ne),
+          r("circle", {
+            cx: o.value + 50,
+            cy: 50,
+            r: e.value.intersectCirclesRadius,
+            fill: e.value.intersectCirclesFill
+          }, null, 8, ue)
+        ], 2)) : n("", !0),
+        e.value.showCoordinates ? (l(), i("g", ce, [
+          r("text", {
+            "text-anchor": "end",
+            x: -o.value + 50 - e.value.coordinatesFontSize / 2 + f.value,
+            y: 50 - e.value.coordinatesFontSize / 2 + f.value,
+            "font-size": e.value.coordinatesFontSize,
+            fill: e.value.coordinatesColor,
+            style: { "font-variant-numeric": "tabular-nums" },
+            "font-family": "Arial"
+          }, F(a.value.x.toFixed(0)), 9, ve),
+          r("g", {
+            transform: `translate(${50 - e.value.coordinatesFontSize / 2 + f.value}, ${-o.value + 50 - e.value.coordinatesFontSize / 2 + f.value})`
+          }, [
+            r("text", {
+              "text-anchor": "start",
+              "font-size": e.value.coordinatesFontSize,
+              fill: e.value.coordinatesColor,
+              style: { "font-variant-numeric": "tabular-nums" },
+              transform: "rotate(-90)",
+              "font-family": "Arial"
+            }, F(a.value.y.toFixed(0)), 9, fe)
+          ], 8, de)
+        ])) : n("", !0)
+      ], 12, j)) : n("", !0)
+    ]));
+  }
+}, xe = /* @__PURE__ */ X(he, [["__scopeId", "data-v-dd1dddb3"]]);
+export {
+  xe as default
+};