vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-circle-pack-Bj3sA7RV.js → vue-ui-circle-pack-BQbwIDRa.js}

@@ -1,22 +1,23 @@
-import { useCssVars as st, computed as h, ref as f, watch as Fe, onMounted as rt, watchEffect as nt, createElementBlock as i, openBlock as s, unref as c, normalizeStyle as H, normalizeClass as Me, createBlock as S, createCommentVNode as y, renderSlot as m, createSlots as ut, withCtx as C, normalizeProps as X, guardReactiveProps as Y, createVNode as it, Fragment as T, renderList as se, createElementVNode as k, mergeProps as Ne, toDisplayString as E, createTextVNode as ct, nextTick as vt } from "vue";
-import { u as dt, c as _e, t as re, p as P, a as ht, o as ft, e as yt, b as mt, d as Ae, m as pt, h as Ee, f as ne, X as bt, l as gt, G as D, a6 as kt, q as xt, r as wt, i as De } from "./index-B9qF6XbP.js";
-import { u as Re } from "./useNestedProp-g5oKzlVy.js";
-import { u as Ct, U as zt } from "./usePrinter-DsiBLAy1.js";
-import { _ as $t } from "./Title-D6h1gTvZ.js";
-import { P as Tt } from "./PenAndPaper-6UYizrkQ.js";
-import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as St } from "./PackageVersion-DqmHcoqz.js";
-import Ot from "./vue-ui-accordion-DBmchkva.js";
-import { D as It } from "./DataTable-CJN0sipt.js";
-import Ft from "./vue-ui-skeleton-CHEZlRpn.js";
-import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"], Et = ["id"], Dt = ["stop-color"], Rt = ["stop-color"], Lt = ["stop-color"], Gt = { key: 0 }, Ut = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Vt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Bt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Xt = ["d", "fill"], Yt = ["cx", "cy", "r", "opacity", "stroke", "fill"], Wt = {
+import { useCssVars as rt, computed as h, ref as f, watch as Fe, onMounted as nt, watchEffect as ut, createElementBlock as i, openBlock as s, unref as c, normalizeStyle as H, normalizeClass as Me, createBlock as S, createCommentVNode as y, renderSlot as m, createSlots as it, withCtx as C, normalizeProps as X, guardReactiveProps as Y, createVNode as ct, Fragment as T, renderList as se, createElementVNode as k, mergeProps as Ne, toDisplayString as E, createTextVNode as vt, nextTick as dt } from "vue";
+import { u as ht, c as _e, t as re, p as P, a as ft, o as yt, e as mt, b as pt, d as Ae, m as bt, h as Ee, f as ne, X as gt, l as kt, G as R, a6 as xt, q as wt, r as Ct, i as Re } from "./index-CZlI7PiS.js";
+import { u as De } from "./useNestedProp-Cg0NIwr6.js";
+import { u as zt, U as $t } from "./usePrinter-D-sSdR2l.js";
+import { _ as Tt } from "./Title-DePxeqVl.js";
+import { P as Pt } from "./PenAndPaper-CoEXEMcN.js";
+import { u as St } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ot } from "./PackageVersion-J_USnljf.js";
+import It from "./vue-ui-accordion-DVtmOO3I.js";
+import { D as Ft } from "./DataTable-D0-zzsJg.js";
+import Mt from "./vue-ui-skeleton-D8r-yAkW.js";
+import { u as Nt } from "./useChartAccessibility-BWojgys7.js";
+import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const At = ["id"], Et = ["xmlns", "viewBox"], Rt = ["x", "y", "width", "height"], Dt = ["id"], Lt = ["stop-color"], Gt = ["stop-color"], Ut = ["stop-color"], Vt = { key: 0 }, Bt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Ht = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Xt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Yt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Wt = ["d", "fill"], jt = ["cx", "cy", "r", "opacity", "stroke", "fill"], qt = {
   key: 0,
   style: { pointerEvents: "none" }
-}, jt = { key: 1 }, qt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Zt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Jt = {
+}, Zt = { key: 1 }, Jt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Kt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Qt = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, Kt = ["innerHTML"], Qt = {
+}, el = ["innerHTML"], tl = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -34,26 +35,26 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Le, { expose: Ge, emit: Ue }) {
-    st((t) => ({
-      "6a0cf3f2": F.value,
-      "5a6a5c6b": J.value
+    rt((t) => ({
+      "21d49e49": F.value,
+      "43f6b082": J.value
     }));
-    const z = Le, Ve = Ue, { vue_ui_circle_pack: Be } = dt(), R = h(() => !!z.dataset && z.dataset.length), O = f(_e()), W = f(null), He = f(null), Xe = f(null), ue = f(0), ie = f(0), ce = f(0), Ye = f(null), e = h({
+    const z = Le, Ve = Ue, { vue_ui_circle_pack: Be } = ht(), D = h(() => !!z.dataset && z.dataset.length), O = f(_e()), W = f(null), He = f(null), Xe = f(null), ue = f(0), ie = f(0), ce = f(0), Ye = f(null), e = h({
       get: () => he(),
       set: (t) => t
-    }), {
+    }), { svgRef: We } = Nt({ config: e.value.style.chart.title }), {
       userOptionsVisible: j,
       setUserOptionsVisibility: ve,
       keepUserOptionState: de
-    } = Pt({ config: e.value });
+    } = St({ config: e.value });
     function he() {
-      const t = Re({
+      const t = De({
         userConfig: z.config,
         defaultConfig: Be
       });
       return t.theme ? {
-        ...Re({
-          userConfig: ht.vue_ui_circle_pack[t.theme] || z.config,
+        ...De({
+          userConfig: ft.vue_ui_circle_pack[t.theme] || z.config,
           defaultConfig: t
         }),
         customPalette: re[t.theme] || P
@@ -62,29 +63,29 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
     Fe(() => z.config, (t) => {
       e.value = he(), j.value = !e.value.userOptions.showOnChartHover, q(), ue.value += 1, ie.value += 1, I.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: ye, generatePdf: me, generateImage: pe } = Ct({
+    const { isPrinting: fe, isImaging: ye, generatePdf: me, generateImage: pe } = zt({
       elementId: `vue-ui-circle-pack_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack"
-    }), We = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), I = f({
+    }), je = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), I = f({
       showTable: e.value.table.show
     });
     async function q() {
-      ft(z.dataset) && yt({
+      yt(z.dataset) && mt({
         componentName: "VueUiCirclePack",
         type: "dataset"
-      }), await Je();
+      }), await Ke();
     }
-    rt(q), Fe(() => z.dataset, async (t) => {
+    nt(q), Fe(() => z.dataset, async (t) => {
       await q();
     }, { deep: !0 });
-    const be = h(() => mt(e.value.customPalette));
+    const be = h(() => pt(e.value.customPalette));
     function ge(t, a) {
       return Math.hypot(a.x - t.x, a.y - t.y);
     }
     function ke(t, a) {
       return a.some((l) => ge(t, l) < t.radius + l.radius);
     }
-    function je(t, a, l, r) {
+    function qe(t, a, l, r) {
       const v = a * 2;
       for (let x of t)
         for (let w = 0; w < 360; w += 1) {
@@ -94,7 +95,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         }
       return null;
     }
-    function qe({
+    function Ze({
       datapoints: t,
       width: a,
       height: l,
@@ -114,7 +115,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         y: l / 2 + x
       });
       for (let g of u.slice(1)) {
-        let { radius: d, ...Te } = g, ee = je(o, d, a, l);
+        let { radius: d, ...Te } = g, ee = qe(o, d, a, l);
         if (ee)
           o.push({ ...Te, x: ee.x, y: ee.y, radius: d });
         else {
@@ -124,7 +125,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               let Se = le * Math.PI / 180, ae = V.x + (d + V.radius) * Math.cos(Se), oe = V.y + (d + V.radius) * Math.sin(Se), B = { ...Te, x: ae, y: oe, radius: d };
               if (ae - d >= 0 && ae + d <= a && oe - d >= 0 && oe + d <= l && !ke(B, o)) {
                 let Oe = o.reduce(
-                  (ot, Ie) => ot + (ge(B, Ie) < B.radius + Ie.radius ? 1 : 0),
+                  (st, Ie) => st + (ge(B, Ie) < B.radius + Ie.radius ? 1 : 0),
                   0
                 );
                 Oe < Pe && (Pe = Oe, te = B);
@@ -142,12 +143,12 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         id: _e(),
         color: l
       };
-    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), b = f([]), Ze = h(() => Math.max(...b.value.map((t) => t.radius)));
+    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), b = f([]), Je = h(() => Math.max(...b.value.map((t) => t.radius)));
     function xe(t, a) {
-      return a / Ze.value * t;
+      return a / Je.value * t;
     }
-    async function Je() {
-      b.value = qe({
+    async function Ke() {
+      b.value = Ze({
         datapoints: Z.value,
         width: 1e4,
         height: 1e4,
@@ -167,9 +168,9 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         x: t ? (t == null ? void 0 : t.x) - (t == null ? void 0 : t.radius) - e.value.style.chart.circles.strokeWidth * 2 : 0,
         y: a ? (a == null ? void 0 : a.y) - (a == null ? void 0 : a.radius) - e.value.style.chart.circles.strokeWidth * 2 : 0
       };
-    }), Ke = h(() => b.value.map((t) => {
+    }), Qe = h(() => b.value.map((t) => {
       if (t.breakdown)
-        return pt(
+        return bt(
           { series: t.breakdown.map((a, l) => ({
             ...a,
             color: Ae(a.color) || be.value[l] || P[l] || P[l % P.length]
@@ -186,15 +187,15 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
           t.radius / 2
         );
     })), n = f(null);
-    function Qe(t) {
+    function et(t) {
       e.value.style.chart.circles.zoom.show && (n.value = t);
     }
-    const F = h(() => n.value ? n.value.radius : 0), J = h(() => n.value ? n.value.radius > p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio ? n.value.radius : p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), $ = f(0), et = h(() => ({
+    const F = h(() => n.value ? n.value.radius : 0), J = h(() => n.value ? n.value.radius > p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio ? n.value.radius : p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), $ = f(0), tt = h(() => ({
       pointerEvents: "none",
       opacity: $.value,
       filter: `drop-shadow(0px 0px 6px ${Ee(n.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
     })), M = f(F.value);
-    nt(() => {
+    ut(() => {
       M.value = F.value, $.value = 0;
       let t = null;
       function a(l) {
@@ -209,7 +210,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
       value: e.value.style.chart.circles.zoom.label.value.fontSize * p.value.width / 300
     }));
     function K(t) {
-      return De(
+      return Re(
         e.value.style.chart.circles.labels.value.formatter,
         t.value,
         ne({
@@ -220,8 +221,8 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         })
       );
     }
-    function tt() {
-      return De(
+    function lt() {
+      return Re(
         e.value.style.chart.circles.zoom.label.value.formatter,
         n.value.value,
         ne({
@@ -239,7 +240,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
       return Math.min(t.radius / 2.5, a);
     }
     const _ = f(!1);
-    function lt(t) {
+    function at(t) {
       _.value = t, ce.value += 1;
     }
     const L = f(!1);
@@ -255,11 +256,11 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
       return { head: t, body: a };
     });
     function ze() {
-      vt(() => {
+      dt(() => {
         const t = G.value.head.map((r, v) => [[
           r.name
-        ], [G.value.body[v]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), l = xt(a);
-        wt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        ], [G.value.body[v]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), l = wt(a);
+        Ct({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
       });
     }
     const U = h(() => {
@@ -306,11 +307,11 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
     function $e() {
       I.value.showTable = !I.value.showTable;
     }
-    function at() {
+    function ot() {
       return Z.value;
     }
     return Ge({
-      getData: at,
+      getData: ot,
       generateCsv: ze,
       generatePdf: me,
       generateImage: pe,
@@ -325,7 +326,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
       onMouseenter: a[2] || (a[2] = () => c(ve)(!0)),
       onMouseleave: a[3] || (a[3] = () => c(ve)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), S(Tt, {
+      e.value.userOptions.buttons.annotator ? (s(), S(Pt, {
         key: 0,
         parent: W.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -334,7 +335,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         onClose: Q
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
       m(t.$slots, "userConfig", {}, void 0, !0),
-      We.value ? (s(), i("div", {
+      je.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Xe,
@@ -347,7 +348,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         ref: He,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), S($t, {
+        (s(), S(Tt, {
           key: `title_${ue.value}`,
           config: {
             title: {
@@ -361,7 +362,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && R.value && (c(de) || c(j)) ? (s(), S(zt, {
+      e.value.userOptions.show && D.value && (c(de) || c(j)) ? (s(), S($t, {
         ref: "details",
         key: `user_option_${ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -382,7 +383,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: L.value,
-        onToggleFullscreen: lt,
+        onToggleFullscreen: at,
         onGeneratePdf: c(me),
         onGenerateCsv: ze,
         onGenerateImage: c(pe),
@@ -391,7 +392,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         style: H({
           visibility: c(de) ? c(j) ? "visible" : "hidden" : "visible"
         })
-      }, ut({ _: 2 }, [
+      }, it({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: C(() => [
@@ -435,15 +436,17 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
           key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      R.value ? (s(), i("svg", {
+      D.value ? (s(), i("svg", {
         key: 4,
-        xmlns: c(bt),
+        ref_key: "svgRef",
+        ref: We,
+        xmlns: c(gt),
         viewBox: `${p.value.x} ${p.value.y} ${p.value.width} ${p.value.height}`,
         width: "100%",
         class: Me({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
         style: H(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};`)
       }, [
-        it(St),
+        ct(Ot),
         t.$slots["chart-background"] ? (s(), i("foreignObject", {
           key: 0,
           x: p.value.x,
@@ -455,7 +458,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
           }
         }, [
           m(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, At)) : y("", !0),
+        ], 8, Rt)) : y("", !0),
         (s(!0), i(T, null, se(b.value, (l) => (s(), i(T, null, [
           k("defs", null, [
             k("radialGradient", {
@@ -464,19 +467,19 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
             }, [
               k("stop", {
                 offset: "10%",
-                "stop-color": c(gt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, Dt),
+                "stop-color": c(kt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
+              }, null, 8, Lt),
               k("stop", {
                 offset: "90%",
                 "stop-color": c(Ee)(l.color, 0.1)
-              }, null, 8, Rt),
+              }, null, 8, Gt),
               k("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, Lt)
-            ], 8, Et)
+              }, null, 8, Ut)
+            ], 8, Dt)
           ]),
-          t.$slots.pattern ? (s(), i("g", Gt, [
+          t.$slots.pattern ? (s(), i("g", Vt, [
             k("defs", null, [
               m(t.$slots, "pattern", Ne({ ref_for: !0 }, { ...l, patternId: `pattern_${O.value}_${l.id}` }), void 0, !0)
             ])
@@ -490,10 +493,10 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
             "stroke-width": e.value.style.chart.circles.strokeWidth,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${l.id})` : l.color,
             rx: l.radius,
-            onMouseenter: () => Qe(l),
+            onMouseenter: () => et(l),
             onMouseout: a[0] || (a[0] = (r) => n.value = null),
             onClick: (r) => Ve("selectDatapoint", l)
-          }, null, 40, Ut),
+          }, null, 40, Bt),
           t.$slots.pattern ? (s(), i("rect", {
             key: 1,
             x: l.x - l.radius,
@@ -507,11 +510,11 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
             style: {
               pointerEvents: "none"
             }
-          }, null, 8, Vt)) : y("", !0),
+          }, null, 8, Ht)) : y("", !0),
           t.$slots["data-label"] ? m(t.$slots, "data-label", Ne({
             key: 2,
             ref_for: !0
-          }, { ...l, createTSpans: c(kt), fontSize: { name: l.radius / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio, value: Ce(l) * 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 : c(D)(l.color) }), void 0, !0) : (s(), i(T, { key: 3 }, [
+          }, { ...l, createTSpans: c(xt), fontSize: { name: l.radius / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio, value: Ce(l) * 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 : c(R)(l.color) }), void 0, !0) : (s(), i(T, { key: 3 }, [
             e.value.style.chart.circles.labels.name.show && l.name ? (s(), i("text", {
               key: 0,
               style: {
@@ -522,10 +525,10 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               x: l.x,
               y: l.y + xe(l.radius, e.value.style.chart.circles.labels.name.offsetY) - l.radius / 6,
               "font-size": l.radius / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
-              fill: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : c(D)(l.color),
+              fill: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : c(R)(l.color),
               "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, E(l.name), 9, Bt)) : y("", !0),
+            }, E(l.name), 9, Xt)) : y("", !0),
             e.value.style.chart.circles.labels.value.show ? (s(), i("text", {
               key: 1,
               style: {
@@ -536,32 +539,32 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               x: l.x,
               y: l.y + xe(l.radius, e.value.style.chart.circles.labels.value.offsetY) + l.radius / 3,
               "font-size": Ce(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
-              fill: e.value.style.chart.circles.labels.value.color ? e.value.style.chart.circles.labels.value.color : c(D)(l.color),
+              fill: e.value.style.chart.circles.labels.value.color ? e.value.style.chart.circles.labels.value.color : c(R)(l.color),
               "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, E(K(l)), 9, Ht)) : y("", !0)
+            }, E(K(l)), 9, Yt)) : y("", !0)
           ], 64)),
-          (s(!0), i(T, null, se(Ke.value, (r) => (s(), i(T, null, [
+          (s(!0), i(T, null, se(Qe.value, (r) => (s(), i(T, null, [
             (s(!0), i(T, null, se(r, (v) => (s(), i("path", {
               d: v.arcSlice,
               fill: v.color,
               stroke: "black"
-            }, null, 8, Xt))), 256))
+            }, null, 8, Wt))), 256))
           ], 64))), 256))
         ], 64))), 256)),
         n.value && e.value.style.chart.circles.zoom.show ? (s(), i(T, { key: 1 }, [
           k("circle", {
-            style: H(et.value),
+            style: H(tt.value),
             cx: n.value.x,
             cy: n.value.y,
             r: M.value,
             opacity: $.value,
             stroke: e.value.style.chart.circles.stroke,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${n.value.id})` : n.value.color
-          }, null, 12, Yt),
-          t.$slots["zoom-label"] ? (s(), i("g", Wt, [
+          }, null, 12, jt),
+          t.$slots["zoom-label"] ? (s(), i("g", qt, [
             m(t.$slots, "zoom-label", X(Y({ ...n.value, zoomOpacity: $.value, currentRadius: M.value, fontSize: N.value })), void 0, !0)
-          ])) : (s(), i("g", jt, [
+          ])) : (s(), i("g", Zt, [
             k("text", {
               style: {
                 pointerEvents: "none"
@@ -571,9 +574,9 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               y: n.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - N.value.name / 4,
               "text-anchor": "middle",
               "font-size": N.value.name,
-              fill: e.value.style.chart.circles.zoom.label.name.color ? e.value.style.chart.circles.zoom.label.name.color : c(D)(n.value.color),
+              fill: e.value.style.chart.circles.zoom.label.name.color ? e.value.style.chart.circles.zoom.label.name.color : c(R)(n.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.name.bold ? "bold" : "normal"
-            }, E(n.value.name), 9, qt),
+            }, E(n.value.name), 9, Jt),
             k("text", {
               style: {
                 pointerEvents: "none"
@@ -583,16 +586,16 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               y: n.value.y + N.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",
               "font-size": N.value.value,
-              fill: e.value.style.chart.circles.zoom.label.value.color ? e.value.style.chart.circles.zoom.label.value.color : c(D)(n.value.color),
+              fill: e.value.style.chart.circles.zoom.label.value.color ? e.value.style.chart.circles.zoom.label.value.color : c(R)(n.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.value.bold ? "bold" : "normal"
-            }, E(tt()), 9, Zt)
+            }, E(lt()), 9, Kt)
           ]))
         ], 64)) : y("", !0),
         m(t.$slots, "svg", {
           svg: { ...p.value }
         }, void 0, !0)
-      ], 14, _t)) : y("", !0),
-      R.value ? y("", !0) : (s(), S(Ft, {
+      ], 14, Et)) : y("", !0),
+      D.value ? y("", !0) : (s(), S(Mt, {
         key: 5,
         config: {
           type: "circlePack",
@@ -601,7 +604,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
           }
         }
       })),
-      t.$slots.watermark ? (s(), i("div", Jt, [
+      t.$slots.watermark ? (s(), i("div", Qt, [
         m(t.$slots, "watermark", X(Y({ isPrinting: c(fe) || c(ye) })), void 0, !0)
       ])) : y("", !0),
       t.$slots.source ? (s(), i("div", {
@@ -612,7 +615,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
       }, [
         m(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      R.value ? (s(), S(Ot, {
+      D.value ? (s(), S(It, {
         key: 8,
         hideDetails: "",
         config: {
@@ -629,7 +632,7 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
         }
       }, {
         content: C(() => [
-          (s(), S(It, {
+          (s(), S(Ft, {
             key: `table_${ie.value}`,
             colNames: U.value.colNames,
             head: U.value.head,
@@ -642,19 +645,19 @@ const Nt = ["id"], _t = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"]
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Kt)
+              }, null, 8, el)
             ]),
             td: C(({ td: l }) => [
-              ct(E(l.name || l), 1)
+              vt(E(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 46, Nt));
+    ], 46, At));
   }
-}, dl = /* @__PURE__ */ Mt(Qt, [["__scopeId", "data-v-cbf5c72e"]]);
+}, yl = /* @__PURE__ */ _t(tl, [["__scopeId", "data-v-b6738dbd"]]);
 export {
-  dl as default
+  yl as default
 };

package/dist/vue-ui-circle-pack-D-eMMNzU.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DD4PT0Pl.cjs"),fe=require("./useNestedProp-DU7JFxpL.cjs"),me=require("./usePrinter-BtJq2wwh.cjs"),Me=require("./Title-BQSh4ukk.cjs"),Ae=require("./PenAndPaper-DvNBHCpq.cjs"),_e=require("./useUserOptionState-BgepsfED.cjs"),De=require("./PackageVersion-CCgJTyH9.cjs"),Re=require("./vue-ui-accordion-2He8z0Sy.cjs"),Le=require("./DataTable-CaD8j-SL.cjs"),qe=require("./vue-ui-skeleton-Tk4j6G2D.cjs"),Ue=require("./useChartAccessibility-Cm7nkzTG.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ge=["id"],Ye=["xmlns","viewBox"],We=["x","y","width","height"],Xe=["id"],je=["stop-color"],Ze=["stop-color"],Je=["stop-color"],Ke={key:0},Qe=["x","y","width","height","stroke","stroke-width","fill","rx","onMouseenter","onClick"],et=["x","y","width","height","stroke","stroke-width","fill","rx"],tt=["opacity","x","y","font-size","fill","font-weight"],lt=["opacity","x","y","font-size","fill","font-weight"],at=["d","fill"],ot=["cx","cy","r","opacity","stroke","fill"],rt={key:0,style:{pointerEvents:"none"}},nt={key:1},st=["opacity","x","y","font-size","fill","font-weight"],ut=["opacity","x","y","font-size","fill","font-weight"],it={key:6,class:"vue-data-ui-watermark"},ct=["innerHTML"],dt={__name:"vue-ui-circle-pack",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint"],setup(he,{expose:pe,emit:ye}){e.useCssVars(l=>({"21d49e49":C.value,"43f6b082":M.value}));const y=he,ge=ye,{vue_ui_circle_pack:ke}=r.useConfig(),$=e.computed(()=>!!y.dataset&&y.dataset.length),k=e.ref(r.createUid()),V=e.ref(null),be=e.ref(null),Ce=e.ref(null),H=e.ref(0),G=e.ref(0),Y=e.ref(0),xe=e.ref(null),t=e.computed({get:()=>j(),set:l=>l}),{svgRef:we}=Ue.useChartAccessibility({config:t.value.style.chart.title}),{userOptionsVisible:O,setUserOptionsVisibility:W,keepUserOptionState:X}=_e.useUserOptionState({config:t.value});function j(){const l=fe.useNestedProp({userConfig:y.config,defaultConfig:ke});return l.theme?{...fe.useNestedProp({userConfig:r.themes.vue_ui_circle_pack[l.theme]||y.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>y.config,l=>{t.value=j(),O.value=!t.value.userOptions.showOnChartHover,F(),H.value+=1,G.value+=1,b.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:Z,isImaging:J,generatePdf:K,generateImage:Q}=me.usePrinter({elementId:`vue-ui-circle-pack_${k.value}`,fileName:t.value.style.chart.title.text||"vue-ui-circle-pack"}),Be=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),b=e.ref({showTable:t.value.table.show});async function F(){r.objectIsEmpty(y.dataset)&&r.error({componentName:"VueUiCirclePack",type:"dataset"}),await Pe()}e.onMounted(F),e.watch(()=>y.dataset,async l=>{await F()},{deep:!0});const ee=e.computed(()=>r.convertCustomPalette(t.value.customPalette));function te(l,o){return Math.hypot(o.x-l.x,o.y-l.y)}function le(l,o){return o.some(a=>te(l,a)<l.radius+a.radius)}function ze(l,o,a,s){const c=o*2;for(let h of l)for(let p=0;p<360;p+=1){let z=p*Math.PI/180,i=h.x+c*Math.cos(z),n=h.y-c*Math.sin(z),m={x:i,y:n,radius:o};if(i-o>=0&&i+o<=a&&n-o>=0&&n+o<=s&&!le(m,l))return{x:i,y:n}}return null}function $e({datapoints:l,width:o,height:a,maxRadius:s,offsetX:c=0,offsetY:h=0}){const p=Math.max(...l.map(m=>m.value)),i=l.map((m,d)=>({...m,radius:m.value/p*s,index:d})).map((m,d)=>({...m,index:d})).toSorted((m,d)=>d.radius-m.radius);let n=[];n.push({...i[0],x:o/2+c,y:a/2+h});for(let m of i.slice(1)){let{radius:d,...ue}=m,D=ze(n,d,o,a);if(D)n.push({...ue,x:D.x,y:D.y,radius:d});else{let R=null,ie=1/0;for(let E of n)for(let L=0;L<360;L+=15){let ce=L*Math.PI/180,q=E.x+(d+E.radius)*Math.cos(ce),U=E.y+(d+E.radius)*Math.sin(ce),T={...ue,x:q,y:U,radius:d};if(q-d>=0&&q+d<=o&&U-d>=0&&U+d<=a&&!le(T,n)){let de=n.reduce((Ie,ve)=>Ie+(te(T,ve)<T.radius+ve.radius?1:0),0);de<ie&&(ie=de,R=T)}}R&&n.push(R)}}return n}const I=e.computed(()=>y.dataset.map((l,o)=>{const a=r.convertColorToHex(l.color)||ee.value[o]||r.themePalettes[t.value.theme||"default"][o%r.themePalettes[t.value.theme||"default"].length]||r.palette[o]||r.palette[o%r.palette.length];return{...l,id:r.createUid(),color:a}}).filter(l=>![null,void 0,1/0,-1/0].includes(l.value))),f=e.ref([]),Se=e.computed(()=>Math.max(...f.value.map(l=>l.radius)));function ae(l,o){return o/Se.value*l}async function Pe(){f.value=$e({datapoints:I.value,width:1e4,height:1e4,maxRadius:32})}const oe=e.computed(()=>({width:100,height:100})),v=e.computed(()=>{const l=f.value.reduce((i,n)=>n.x-n.radius<i.x-i.radius?n:i,f.value[0]),o=f.value.reduce((i,n)=>n.y-n.radius<i.y-i.radius?n:i,f.value[0]),a=f.value.reduce((i,n)=>n.x+n.radius>i.x+i.radius?n:i,f.value[0]),s=f.value.reduce((i,n)=>n.y+n.radius>i.y+i.radius?n:i,f.value[0]),c=(l==null?void 0:l.x)||0,h=(a==null?void 0:a.x)||oe.value.width,p=(o==null?void 0:o.y)||0,z=(s==null?void 0:s.y)||oe.value.height;return{maxX:h,minX:c,width:Math.abs(h-c)+(l?l.radius:0)+(a?a.radius:0)+t.value.style.chart.circles.strokeWidth*4,height:Math.abs(z-p)+(o?o.radius:0)+(s?s.radius:0)+t.value.style.chart.circles.strokeWidth*4,x:l?(l==null?void 0:l.x)-(l==null?void 0:l.radius)-t.value.style.chart.circles.strokeWidth*2:0,y:o?(o==null?void 0:o.y)-(o==null?void 0:o.radius)-t.value.style.chart.circles.strokeWidth*2:0}}),Ne=e.computed(()=>f.value.map(l=>{if(l.breakdown)return r.makeDonut({series:l.breakdown.map((o,a)=>({...o,color:r.convertColorToHex(o.color)||ee.value[a]||r.palette[a]||r.palette[a%r.palette.length]}))},l.x,l.y,l.radius,l.radius,1.99999,2,1,360,105.25,l.radius/2)})),u=e.ref(null);function Ee(l){t.value.style.chart.circles.zoom.show&&(u.value=l)}const C=e.computed(()=>u.value?u.value.radius:0),M=e.computed(()=>u.value?u.value.radius>v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio?u.value.radius:v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio:0),g=e.ref(0),Te=e.computed(()=>({pointerEvents:"none",opacity:g.value,filter:`drop-shadow(0px 0px 6px ${r.darkenHexColor(u.value.color,t.value.style.chart.circles.zoom.shadowForce)})`})),x=e.ref(C.value);e.watchEffect(()=>{x.value=C.value,g.value=0;let l=null;function o(a){l||(l=a);const s=(a-l)/t.value.style.chart.circles.zoom.animationFrameMs;s<1?(x.value=C.value+(M.value-C.value)*s,g.value=0+t.value.style.chart.circles.zoom.opacity*s,requestAnimationFrame(o)):(x.value=M.value,g.value=t.value.style.chart.circles.zoom.opacity)}requestAnimationFrame(o)});const w=e.computed(()=>({name:t.value.style.chart.circles.zoom.label.name.fontSize*v.value.width/300,value:t.value.style.chart.circles.zoom.label.value.fontSize*v.value.width/300}));function A(l){return r.applyDataLabel(t.value.style.chart.circles.labels.value.formatter,l.value,r.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:l.value,s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding}))}function Ve(){return r.applyDataLabel(t.value.style.chart.circles.zoom.label.value.formatter,u.value.value,r.dataLabel({p:t.value.style.chart.circles.zoom.label.value.prefix,v:u.value.value,s:t.value.style.chart.circles.zoom.label.value.suffix,r:t.value.style.chart.circles.zoom.label.value.rounding}))}function re(l){if(!l)return 0;const o=l.radius/A(l).length*(A(l).length===1?1:2);return Math.min(l.radius/2.5,o)}const B=e.ref(!1);function Oe(l){B.value=l,Y.value+=1}const S=e.ref(!1);function _(){S.value=!S.value}const P=e.computed(()=>{const l=I.value.map(a=>({name:a.name,value:a.value,color:a.color})).toSorted((a,s)=>s.value-a.value),o=l.map(a=>a.value);return{head:l,body:o}});function ne(){e.nextTick(()=>{const l=P.value.head.map((s,c)=>[[s.name],[P.value.body[c]]]),o=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],[t.value.table.columnNames.value]]].concat(l),a=r.createCsvContent(o);r.downloadCsv({csvContent:a,title:t.value.style.chart.title.text||"vue-ui-circle-pack"})})}const N=e.computed(()=>{const l=[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],o=P.value.head.map((c,h)=>{const p=r.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:P.value.body[h],s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding});return[{color:c.color,name:c.name},p]}),a={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],head:l,body:o,config:a}});function se(){b.value.showTable=!b.value.showTable}function Fe(){return I.value}return pe({getData:Fe,generateCsv:ne,generatePdf:K,generateImage:Q,toggleTable:se,toggleAnnotator:_}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{id:`vue-ui-circle-pack_${k.value}`,class:e.normalizeClass(`vue-ui-circle-pack ${B.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"circlePackChart",ref:V,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:o[2]||(o[2]=()=>e.unref(W)(!0)),onMouseleave:o[3]||(o[3]=()=>e.unref(W)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ae.PenAndPaper,{key:0,parent:V.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:S.value,onClose:_},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"userConfig",{},void 0,!0),Be.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:Ce,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:be,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Me._sfc_main,{key:`title_${H.value}`,config:{title:{cy:"donut-div-title",...t.value.style.chart.title},subtitle:{cy:"donut-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&$.value&&(e.unref(X)||e.unref(O))?(e.openBlock(),e.createBlock(me.UserOptions,{ref:"details",key:`user_option_${Y.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(Z),isImaging:e.unref(J),uid:k.value,hasTooltip:!1,hasLabel:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:B.value,chartElement:V.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:S.value,onToggleFullscreen:Oe,onGeneratePdf:e.unref(K),onGenerateCsv:ne,onGenerateImage:e.unref(Q),onToggleTable:se,onToggleAnnotator:_,style:e.normalizeStyle({visibility:e.unref(X)?e.unref(O)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:s})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:s})),void 0,!0)]),key:"4"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:s})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:s})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","chartElement","position","titles","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:we,xmlns:e.unref(r.XMLNS),viewBox:`${v.value.x} ${v.value.y} ${v.value.width} ${v.value.height}`,width:"100%",class:e.normalizeClass({"vue-data-ui-fullscreen--on":B.value,"vue-data-ui-fulscreen--off":!B.value}),style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color};`)},[e.createVNode(De._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:v.value.x,y:v.value.y,width:v.value.width,height:v.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,We)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:a.id,fy:"30%"},[e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(r.lightenHexColor)(a.color,t.value.style.chart.circles.gradient.intensity/100)},null,8,je),e.createElementVNode("stop",{offset:"90%","stop-color":e.unref(r.darkenHexColor)(a.color,.1)},null,8,Ze),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,Je)],8,Xe)]),l.$slots.pattern?(e.openBlock(),e.createElementBlock("g",Ke,[e.createElementVNode("defs",null,[e.renderSlot(l.$slots,"pattern",e.mergeProps({ref_for:!0},{...a,patternId:`pattern_${k.value}_${a.id}`}),void 0,!0)])])):e.createCommentVNode("",!0),e.createElementVNode("rect",{x:a.x-a.radius,y:a.y-a.radius,width:a.radius*2,height:a.radius*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth,fill:t.value.style.chart.circles.gradient.show?`url(#${a.id})`:a.color,rx:a.radius,onMouseenter:()=>Ee(a),onMouseout:o[0]||(o[0]=s=>u.value=null),onClick:s=>ge("selectDatapoint",a)},null,40,Qe),l.$slots.pattern?(e.openBlock(),e.createElementBlock("rect",{key:1,x:a.x-a.radius,y:a.y-a.radius,width:a.radius*2,height:a.radius*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth,fill:`url(#pattern_${k.value}_${a.id})`,rx:a.radius,style:{pointerEvents:"none"}},null,8,et)):e.createCommentVNode("",!0),l.$slots["data-label"]?e.renderSlot(l.$slots,"data-label",e.mergeProps({key:2,ref_for:!0},{...a,createTSpans:e.unref(r.createTSpans),fontSize:{name:a.radius/3*t.value.style.chart.circles.labels.name.fontSizeRatio,value:re(a)*t.value.style.chart.circles.labels.value.fontSizeRatio},color:t.value.style.chart.circles.labels.name.color?t.value.style.chart.circles.labels.name.color:e.unref(r.adaptColorToBackground)(a.color)}),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.circles.labels.name.show&&a.name?(e.openBlock(),e.createElementBlock("text",{key:0,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:u.value?.2:1,x:a.x,y:a.y+ae(a.radius,t.value.style.chart.circles.labels.name.offsetY)-a.radius/6,"font-size":a.radius/3*t.value.style.chart.circles.labels.name.fontSizeRatio,fill:t.value.style.chart.circles.labels.name.color?t.value.style.chart.circles.labels.name.color:e.unref(r.adaptColorToBackground)(a.color),"font-weight":t.value.style.chart.circles.labels.name.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(a.name),9,tt)):e.createCommentVNode("",!0),t.value.style.chart.circles.labels.value.show?(e.openBlock(),e.createElementBlock("text",{key:1,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:u.value?.2:1,x:a.x,y:a.y+ae(a.radius,t.value.style.chart.circles.labels.value.offsetY)+a.radius/3,"font-size":re(a)*t.value.style.chart.circles.labels.value.fontSizeRatio,fill:t.value.style.chart.circles.labels.value.color?t.value.style.chart.circles.labels.value.color:e.unref(r.adaptColorToBackground)(a.color),"font-weight":t.value.style.chart.circles.labels.value.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(A(a)),9,lt)):e.createCommentVNode("",!0)],64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ne.value,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s,c=>(e.openBlock(),e.createElementBlock("path",{d:c.arcSlice,fill:c.color,stroke:"black"},null,8,at))),256))],64))),256))],64))),256)),u.value&&t.value.style.chart.circles.zoom.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("circle",{style:e.normalizeStyle(Te.value),cx:u.value.x,cy:u.value.y,r:x.value,opacity:g.value,stroke:t.value.style.chart.circles.stroke,fill:t.value.style.chart.circles.gradient.show?`url(#${u.value.id})`:u.value.color},null,12,ot),l.$slots["zoom-label"]?(e.openBlock(),e.createElementBlock("g",rt,[e.renderSlot(l.$slots,"zoom-label",e.normalizeProps(e.guardReactiveProps({...u.value,zoomOpacity:g.value,currentRadius:x.value,fontSize:w.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock("g",nt,[e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:u.value.x,y:u.value.y+t.value.style.chart.circles.zoom.label.name.offsetY-w.value.name/4,"text-anchor":"middle","font-size":w.value.name,fill:t.value.style.chart.circles.zoom.label.name.color?t.value.style.chart.circles.zoom.label.name.color:e.unref(r.adaptColorToBackground)(u.value.color),"font-weight":t.value.style.chart.circles.zoom.label.name.bold?"bold":"normal"},e.toDisplayString(u.value.name),9,st),e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:u.value.x,y:u.value.y+w.value.value+t.value.style.chart.circles.zoom.label.value.offsetY,"text-anchor":"middle","font-size":w.value.value,fill:t.value.style.chart.circles.zoom.label.value.color?t.value.style.chart.circles.zoom.label.value.color:e.unref(r.adaptColorToBackground)(u.value.color),"font-weight":t.value.style.chart.circles.zoom.label.value.bold?"bold":"normal"},e.toDisplayString(Ve()),9,ut)]))],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:{...v.value}},void 0,!0)],14,Ye)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(qe.default,{key:5,config:{type:"circlePack",style:{color:"#CCCCCC"}}})),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",it,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Z)||e.unref(J)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:xe,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createBlock(Re.default,{key:8,hideDetails:"",config:{open:b.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Le.DataTable,{key:`table_${G.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:o[1]||(o[1]=a=>b.value.showTable=!1)},{th:e.withCtx(({th:a})=>[e.createElementVNode("div",{innerHTML:a,style:{display:"flex","align-items":"center"}},null,8,ct)]),td:e.withCtx(({td:a})=>[e.createTextVNode(e.toDisplayString(a.name||a),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ge))}},vt=He._export_sfc(dt,[["__scopeId","data-v-b6738dbd"]]);exports.default=vt;

package/dist/{vue-ui-cursor-ZBrt-jTo.cjs → vue-ui-cursor-Dd2eSMAz.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("./useNestedProp-D4Jn2Oxr.cjs"),i=require("./index-kZKcQZM_.cjs"),C=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_=["xmlns","height","width"],p={id:"follower",fy:"30%",fx:"30%"},x=["stop-color","stop-opacity"],E=["r","fill","stroke","stroke-width","stroke-dasharray"],N=["r"],g={key:2,class:"wave"},V=["id"],w=["id"],S=["filter","stroke"],B={key:3,class:"crosshair"},R=["x1","stroke","stroke-width","stroke-dasharray"],b=["x1","stroke","stroke-width","stroke-dasharray"],F=["y1","stroke","stroke-width","stroke-dasharray"],z=["y1","stroke","stroke-width","stroke-dasharray"],L=["cy","r","fill"],O=["cy","r","fill"],I=["cx","r","fill"],T=["cx","r","fill"],D={key:5,class:"coordinates"},$=["x","y","font-size","fill"],W=["transform"],G=["font-size","fill"],P={__name:"vue-ui-cursor",props:{config:{type:Object,default:{}}},setup(f){const{vue_ui_cursor:h}=i.useConfig(),k=f,n=t.ref(i.createUid()),e=t.computed(()=>y.useNestedProp({userConfig:k.config,defaultConfig:h})),o=t.ref({x:-100,y:-100});function u({clientX:r,clientY:l,...A}){o.value.x=r-e.value.centerCircleRadius,o.value.y=l-e.value.centerCircleRadius}function d(r){o.value.x=r.targetTouches[0].clientX-e.value.centerCircleRadius,o.value.y=r.targetTouches[0].clientY-e.value.centerCircleRadius}const v=t.ref(!0);function a(r){v.value=r}const s=t.ref(!1),c=t.ref(null);function m(){s.value=!1,c.value&&clearTimeout(c.value),t.nextTick(()=>{s.value=!0,c.value=setTimeout(()=>{s.value=!1},1e3)})}return t.onMounted(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.addEventListener("mousemove",u),r.addEventListener("touchmove",d),r.addEventListener("mouseleave",()=>a(!1)),r.addEventListener("mouseenter",()=>a(!0)),r.addEventListener("click",m)}),t.onBeforeUnmount(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.removeEventListener("mousemove",u),r.removeEventListener("touchmove",d),r.removeEventListener("mouseleave",()=>a(!1)),r.removeEventListener("mouseenter",()=>a(!0)),r.removeEventListener("click",m)}),t.computed(()=>e.value.centerCircleRadius/2.5),(r,l)=>v.value?(t.openBlock(),t.createElementBlock("svg",{key:0,"data-html2canvas-ignore":"",xmlns:t.unref(i.XMLNS),style:t.normalizeStyle(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${o.value.y}px; left:${o.value.x}px;`),viewBox:"0 0 100 100",height:e.value.centerCircleRadius*2,width:e.value.centerCircleRadius*2},[t.createElementVNode("defs",null,[t.createElementVNode("radialGradient",p,[t.createElementVNode("stop",{offset:"10%","stop-color":e.value.bubbleEffectColor,"stop-opacity":e.value.bubbleEffectOpacity},null,8,x),l[0]||(l[0]=t.createElementVNode("stop",{offset:"95%","stop-color":"transparent"},null,-1))])]),e.value.showCenterCircle?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:50,cy:50,r:e.value.centerCircleRadius,fill:t.unref(i.setOpacity)(e.value.centerCircleColor,e.value.centerCircleOpacity*100),stroke:e.value.centerCircleStroke,"stroke-width":e.value.centerCircleStrokeWidth,"stroke-dasharray":e.value.centerCircleDasharray},null,8,E)):t.createCommentVNode("",!0),e.value.bubbleEffect?(t.openBlock(),t.createElementBlock("circle",{key:1,cx:50,cy:50,r:e.value.centerCircleRadius,fill:"url(#follower)",stroke:"none"},null,8,N)):t.createCommentVNode("",!0),e.value.useWaveOnClick?(t.openBlock(),t.createElementBlock("g",g,[t.createElementVNode("defs",null,[t.createElementVNode("filter",{id:`blur_${n.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[t.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:4,id:`blur_std_${n.value}`},null,8,w),l[1]||(l[1]=t.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1))],8,V)]),s.value?(t.openBlock(),t.createElementBlock("circle",{key:0,class:t.normalizeClass({"circle-wave":s.value}),cx:50,cy:50,r:50,filter:`url(#blur_${n.value})`,stroke:e.value.centerCircleStroke,fill:"none","stroke-width":"3"},null,10,S)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.value.showCrosshair?(t.openBlock(),t.createElementBlock("g",B,[t.createElementVNode("line",{x1:-e.value.centerCircleRadius+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,R),t.createElementVNode("line",{x1:50+e.value.centerCircleRadius,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,b),t.createElementVNode("line",{x1:50,x2:50,y1:-e.value.centerCircleRadius+50,y2:-5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,F),t.createElementVNode("line",{x1:50,x2:50,y1:e.value.centerCircleRadius+50,y2:5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,z)])):t.createCommentVNode("",!0),e.value.showIntersectCircles?(t.openBlock(),t.createElementBlock("g",{key:4,class:t.normalizeClass({"rotating-circles":e.value.isLoading})},[t.createElementVNode("circle",{cx:50,cy:e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,L),t.createElementVNode("circle",{cx:50,cy:-e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,O),t.createElementVNode("circle",{cx:-e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,I),t.createElementVNode("circle",{cx:e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,T)],2)):t.createCommentVNode("",!0),e.value.showCoordinates?(t.openBlock(),t.createElementBlock("g",D,[t.createElementVNode("text",{"text-anchor":"end",x:-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,y:50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,"font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},"font-family":"Arial"},t.toDisplayString(o.value.x.toFixed(0)),9,$),t.createElementVNode("g",{transform:`translate(${50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset}, ${-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset})`},[t.createElementVNode("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"},t.toDisplayString(o.value.y.toFixed(0)),9,G)],8,W)])):t.createCommentVNode("",!0)],12,_)):t.createCommentVNode("",!0)}},q=C._export_sfc(P,[["__scopeId","data-v-0cca0d39"]]);exports.default=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("./useNestedProp-DU7JFxpL.cjs"),i=require("./index-DD4PT0Pl.cjs"),C=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_=["xmlns","height","width"],p={id:"follower",fy:"30%",fx:"30%"},x=["stop-color","stop-opacity"],E=["r","fill","stroke","stroke-width","stroke-dasharray"],N=["r"],g={key:2,class:"wave"},V=["id"],w=["id"],S=["filter","stroke"],B={key:3,class:"crosshair"},R=["x1","stroke","stroke-width","stroke-dasharray"],b=["x1","stroke","stroke-width","stroke-dasharray"],F=["y1","stroke","stroke-width","stroke-dasharray"],z=["y1","stroke","stroke-width","stroke-dasharray"],L=["cy","r","fill"],O=["cy","r","fill"],I=["cx","r","fill"],T=["cx","r","fill"],D={key:5,class:"coordinates"},$=["x","y","font-size","fill"],W=["transform"],G=["font-size","fill"],P={__name:"vue-ui-cursor",props:{config:{type:Object,default:{}}},setup(f){const{vue_ui_cursor:h}=i.useConfig(),k=f,n=t.ref(i.createUid()),e=t.computed(()=>y.useNestedProp({userConfig:k.config,defaultConfig:h})),o=t.ref({x:-100,y:-100});function u({clientX:r,clientY:l,...A}){o.value.x=r-e.value.centerCircleRadius,o.value.y=l-e.value.centerCircleRadius}function d(r){o.value.x=r.targetTouches[0].clientX-e.value.centerCircleRadius,o.value.y=r.targetTouches[0].clientY-e.value.centerCircleRadius}const v=t.ref(!0);function a(r){v.value=r}const s=t.ref(!1),c=t.ref(null);function m(){s.value=!1,c.value&&clearTimeout(c.value),t.nextTick(()=>{s.value=!0,c.value=setTimeout(()=>{s.value=!1},1e3)})}return t.onMounted(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.addEventListener("mousemove",u),r.addEventListener("touchmove",d),r.addEventListener("mouseleave",()=>a(!1)),r.addEventListener("mouseenter",()=>a(!0)),r.addEventListener("click",m)}),t.onBeforeUnmount(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.removeEventListener("mousemove",u),r.removeEventListener("touchmove",d),r.removeEventListener("mouseleave",()=>a(!1)),r.removeEventListener("mouseenter",()=>a(!0)),r.removeEventListener("click",m)}),t.computed(()=>e.value.centerCircleRadius/2.5),(r,l)=>v.value?(t.openBlock(),t.createElementBlock("svg",{key:0,"data-html2canvas-ignore":"",xmlns:t.unref(i.XMLNS),style:t.normalizeStyle(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${o.value.y}px; left:${o.value.x}px;`),viewBox:"0 0 100 100",height:e.value.centerCircleRadius*2,width:e.value.centerCircleRadius*2},[t.createElementVNode("defs",null,[t.createElementVNode("radialGradient",p,[t.createElementVNode("stop",{offset:"10%","stop-color":e.value.bubbleEffectColor,"stop-opacity":e.value.bubbleEffectOpacity},null,8,x),l[0]||(l[0]=t.createElementVNode("stop",{offset:"95%","stop-color":"transparent"},null,-1))])]),e.value.showCenterCircle?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:50,cy:50,r:e.value.centerCircleRadius,fill:t.unref(i.setOpacity)(e.value.centerCircleColor,e.value.centerCircleOpacity*100),stroke:e.value.centerCircleStroke,"stroke-width":e.value.centerCircleStrokeWidth,"stroke-dasharray":e.value.centerCircleDasharray},null,8,E)):t.createCommentVNode("",!0),e.value.bubbleEffect?(t.openBlock(),t.createElementBlock("circle",{key:1,cx:50,cy:50,r:e.value.centerCircleRadius,fill:"url(#follower)",stroke:"none"},null,8,N)):t.createCommentVNode("",!0),e.value.useWaveOnClick?(t.openBlock(),t.createElementBlock("g",g,[t.createElementVNode("defs",null,[t.createElementVNode("filter",{id:`blur_${n.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[t.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:4,id:`blur_std_${n.value}`},null,8,w),l[1]||(l[1]=t.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1))],8,V)]),s.value?(t.openBlock(),t.createElementBlock("circle",{key:0,class:t.normalizeClass({"circle-wave":s.value}),cx:50,cy:50,r:50,filter:`url(#blur_${n.value})`,stroke:e.value.centerCircleStroke,fill:"none","stroke-width":"3"},null,10,S)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.value.showCrosshair?(t.openBlock(),t.createElementBlock("g",B,[t.createElementVNode("line",{x1:-e.value.centerCircleRadius+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,R),t.createElementVNode("line",{x1:50+e.value.centerCircleRadius,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,b),t.createElementVNode("line",{x1:50,x2:50,y1:-e.value.centerCircleRadius+50,y2:-5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,F),t.createElementVNode("line",{x1:50,x2:50,y1:e.value.centerCircleRadius+50,y2:5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,z)])):t.createCommentVNode("",!0),e.value.showIntersectCircles?(t.openBlock(),t.createElementBlock("g",{key:4,class:t.normalizeClass({"rotating-circles":e.value.isLoading})},[t.createElementVNode("circle",{cx:50,cy:e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,L),t.createElementVNode("circle",{cx:50,cy:-e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,O),t.createElementVNode("circle",{cx:-e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,I),t.createElementVNode("circle",{cx:e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,T)],2)):t.createCommentVNode("",!0),e.value.showCoordinates?(t.openBlock(),t.createElementBlock("g",D,[t.createElementVNode("text",{"text-anchor":"end",x:-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,y:50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,"font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},"font-family":"Arial"},t.toDisplayString(o.value.x.toFixed(0)),9,$),t.createElementVNode("g",{transform:`translate(${50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset}, ${-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset})`},[t.createElementVNode("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"},t.toDisplayString(o.value.y.toFixed(0)),9,G)],8,W)])):t.createCommentVNode("",!0)],12,_)):t.createCommentVNode("",!0)}},q=C._export_sfc(P,[["__scopeId","data-v-0cca0d39"]]);exports.default=q;

package/dist/{vue-ui-cursor-0GY46Ywr.js → vue-ui-cursor-xy62w2ep.js}

@@ -1,6 +1,6 @@
 import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F } from "./useNestedProp-g5oKzlVy.js";
-import { u as L, c as z, X as O, s as I } from "./index-B9qF6XbP.js";
+import { u as F } from "./useNestedProp-Cg0NIwr6.js";
+import { u as L, c as z, X as O, s as I } from "./index-CZlI7PiS.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["xmlns", "height", "width"], T = {
   id: "follower",