vue-data-ui 2.7.2 → 2.7.4

package/dist/{vue-ui-chestnut-L0bS5jtX.js → vue-ui-chestnut-DAlxKIqD.js}

@@ -1,12 +1,12 @@
 import { useCssVars as He, computed as m, ref as T, watch as We, onMounted as Ke, createElementBlock as o, openBlock as a, unref as n, normalizeStyle as h, normalizeClass as k, createBlock as K, createCommentVNode as f, renderSlot as S, createSlots as Je, withCtx as B, normalizeProps as J, guardReactiveProps as Q, createVNode as Ce, createElementVNode as s, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, withKeys as Qe, nextTick as Te } from "vue";
-import { u as Ze, c as et, t as tt, p as P, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as V, q as nt, r as rt } from "./index-gC66Se26.js";
-import { u as it, U as ct } from "./usePrinter-KMFl0n0s.js";
-import dt from "./vue-ui-skeleton-7Zfds6H1.js";
-import vt from "./BaseIcon-DqYzMisq.js";
-import yt from "./vue-ui-accordion-j2beIma_.js";
-import { u as Fe } from "./useNestedProp-BusTOV-6.js";
-import { _ as ht } from "./PackageVersion-39l3KkzC.js";
-import { P as ft } from "./PenAndPaper-CmcfpltX.js";
+import { u as Ze, c as et, t as tt, p as V, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as P, q as nt, r as rt } from "./index-D3VntmA9.js";
+import { u as it, U as ct } from "./usePrinter-H3tAjGXs.js";
+import dt from "./vue-ui-skeleton-pHcbvN3-.js";
+import vt from "./BaseIcon-BLhJaEYy.js";
+import yt from "./vue-ui-accordion-DGJQIcdB.js";
+import { u as Fe } from "./useNestedProp-DTlOqz2P.js";
+import { _ as ht } from "./PackageVersion-BCLALL_i.js";
+import { _ as ft } from "./PenAndPaper-CZs431Nx.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -15,7 +15,7 @@ const _t = ["id"], xt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Ot = ["stop-color"], Rt = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
+}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Vt = ["stop-color"], Pt = ["stop-color"], Ot = ["stop-color"], Rt = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -23,7 +23,7 @@ const _t = ["id"], xt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
-}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill"], Ol = ["x", "y", "font-size", "fill"], Rl = {
+}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Vl = ["x", "y", "font-size", "fill"], Pl = ["x", "y", "font-size", "fill"], Ol = ["x", "y", "font-size", "fill"], Rl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ml = {
@@ -47,25 +47,25 @@ const _t = ["id"], xt = {
     }
   },
   emits: ["selectRoot", "selectBranch", "selectNut"],
-  setup(Ie, { expose: Le, emit: Pe }) {
+  setup(Ie, { expose: Le, emit: Ve }) {
     He((l) => ({
       "4b8440b7": l.tdo
     }));
-    const { vue_ui_chestnut: Ve } = Ze(), O = Ie, Y = m(() => !!O.dataset && O.dataset.length), w = T(et()), ie = T(null), Oe = T(null), ce = T(0), e = m({
+    const { vue_ui_chestnut: Pe } = Ze(), O = Ie, Y = m(() => !!O.dataset && O.dataset.length), w = T(et()), ie = T(null), Oe = T(null), ce = T(0), e = m({
       get: () => he(),
       set: (l) => l
     }), { userOptionsVisible: te, setUserOptionsVisibility: de, keepUserOptionState: ve } = bt({ config: e.value }), { svgRef: ye } = pt({ config: e.value.style.chart.layout.title });
     function he() {
       const l = Fe({
         userConfig: O.config,
-        defaultConfig: Ve
+        defaultConfig: Pe
       });
       return l.theme ? {
         ...Fe({
           userConfig: lt.vue_ui_chestnut[l.theme] || O.config,
           defaultConfig: l
         }),
-        customPalette: tt[l.theme] || P
+        customPalette: tt[l.theme] || V
       } : l;
     }
     We(() => O.config, (l) => {
@@ -137,7 +137,7 @@ const _t = ["id"], xt = {
       const t = (l.branches || []).map((u) => u.value || 0).reduce((u, b) => u + b, 0);
       return {
         ...l,
-        color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
+        color: re(l.color) || le.value[i] || V[i] || V[i % V.length],
         id: l.id || `root_${i}_${w.value}`,
         type: "root",
         total: t,
@@ -146,7 +146,7 @@ const _t = ["id"], xt = {
           ...u,
           rootName: l.name,
           rootIndex: i,
-          color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
+          color: re(l.color) || le.value[i] || V[i] || V[i % V.length],
           value: u.value >= 0 ? u.value : 0,
           id: u.id || `branch_${i}_${b}_${w.value}`,
           proportionToRoot: u.value / t,
@@ -176,7 +176,7 @@ const _t = ["id"], xt = {
             proportionToTree: y.value / R.value,
             rootIndex: i,
             id: y.id || `nut_${i}_${b}_${p}_${w.value}`,
-            color: re(y.color) || le.value[p] || P[p] || P[p % P.length],
+            color: re(y.color) || le.value[p] || V[p] || V[p % V.length],
             value: y.value >= 0 ? y.value : 0
           }))
         }))
@@ -185,7 +185,7 @@ const _t = ["id"], xt = {
     function Be() {
       return N.value;
     }
-    const U = Pe, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
+    const U = Ve, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
       const t = C.value.height / N.value.length / 2, u = l.total / Ae.value * (t > 64 ? 64 : t);
       return {
         ...l,
@@ -497,11 +497,11 @@ const _t = ["id"], xt = {
             s("stop", {
               offset: "0%",
               "stop-color": n(F)("#FFFFFF", 0)
-            }, null, 8, Pt),
+            }, null, 8, Vt),
             s("stop", {
               offset: "80%",
               "stop-color": n(F)("#FFFFFF", e.value.style.chart.layout.nuts.selected.gradientIntensity)
-            }, null, 8, Vt),
+            }, null, 8, Pt),
             s("stop", {
               offset: "100%",
               "stop-color": n(F)("#FFFFFF", 0)
@@ -911,8 +911,8 @@ const _t = ["id"], xt = {
           (a(!0), o(g, null, _(M.value, (t, u) => (a(), o("g", null, [
             D(t) ? (a(), o("text", {
               key: 0,
-              x: n(V)(t).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) - e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 6,
               fill: t.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 2,
@@ -921,8 +921,8 @@ const _t = ["id"], xt = {
             }, " ⬤ ", 14, Nl)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 1,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t, !0).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t, !0).anchor,
               y: n(H)(t),
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -933,8 +933,8 @@ const _t = ["id"], xt = {
           (a(!0), o(g, null, _(M.value, (t, u) => (a(), o("g", null, [
             D(t) ? (a(), o("text", {
               key: 0,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -957,8 +957,8 @@ const _t = ["id"], xt = {
             )), 15, Fl)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 1,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 2,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -971,8 +971,8 @@ const _t = ["id"], xt = {
             })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[u].rootName), 15, Il)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 2,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 3,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -1005,7 +1005,7 @@ const _t = ["id"], xt = {
               r: e.value.style.chart.layout.branches.labels.dataLabels.roundingValue
             }),
             { datapoint: t }
-          )), 9, Pl)) : f("", !0),
+          )), 9, Vl)) : f("", !0),
           x.value && x.value.id === t.id && !d.value ? (a(), o("text", {
             key: 1,
             x: t.x1 + 6,
@@ -1018,7 +1018,7 @@ const _t = ["id"], xt = {
             v: t.proportionToRoot * 100,
             s: "%",
             r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
-          })) + " " + c(e.value.translations.of) + " " + c(t.rootName), 9, Vl)) : f("", !0),
+          })) + " " + c(e.value.translations.of) + " " + c(t.rootName), 9, Pl)) : f("", !0),
           x.value && x.value.id === t.id && !d.value ? (a(), o("text", {
             key: 2,
             x: t.x1 + 6,

package/dist/vue-ui-circle-pack-B9HW-E4V.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-MIJJ8liG.cjs"),ie=require("./useNestedProp-DwR4JSzw.cjs"),ce=require("./usePrinter-U1x-RAEA.cjs"),_e=require("./Title-C5w8bVlo.cjs"),Be=require("./PenAndPaper-CAqWCUZx.cjs"),Se=require("./useUserOptionState-BgepsfED.cjs"),$e=require("./PackageVersion-DFYAej2o.cjs"),Ne=require("./vue-ui-accordion-cBSqrYy3.cjs"),Ee=require("./DataTable-c3nDhwbO.cjs"),Pe=require("./vue-ui-skeleton-DOE444ST.cjs"),Te=require("./useChartAccessibility-Cm7nkzTG.cjs"),ve=require("./useResponsive-DQmBAoBf.cjs"),Ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");function de(i,d=0){const m=i.reduce((a,{x:r,r:c})=>Math.min(a,r-c-d),1/0),v=i.reduce((a,{x:r,r:c})=>Math.max(a,r+c+d),-1/0),f=i.reduce((a,{y:r,r:c})=>Math.min(a,r-c-d),1/0),n=i.reduce((a,{y:r,r:c})=>Math.max(a,r+c+d),-1/0);return[m,f,v-m,n-f]}function Oe(i,d,m){const v=i._,f=i.next._,n=v.r+f.r,a=(v.x*f.r+f.x*v.r)/n,r=(v.y*f.r+f.y*v.r)/n;return Math.max(Math.abs(a*m),Math.abs(r*d))}function fe(i,d,m){const v=Oe,f=i.length;if(!f)return i;let n,a,r;if(n=i[0],n.x=0,n.y=0,!(f>1)||(a=i[1],n.x=-a.r,a.x=n.r,a.y=0,!(f>2)))return i;he(a,n,r=i[2]),n=new q(n),a=new q(a),r=new q(r),n.next=r.previous=a,a.next=n.previous=r,r.next=a.previous=n;e:for(let c=3;c<f;++c){he(n._,a._,r=i[c]),r=new q(r);let y=a.next,b=n.previous,S=a._.r,$=n._.r;do if(S<=$){if(me(y._,r._)){a=y,n.next=a,a.previous=n,--c;continue e}S+=y._.r,y=y.next}else{if(me(b._,r._)){n=b,n.next=a,a.previous=n,--c;continue e}$+=b._.r,b=b.previous}while(y!==b.next);r.previous=n,r.next=a,n.next=a.previous=a=r;let N=v(n,m,d),F;for(;(r=r.next)!==a;)(F=v(r,m,d))<N&&(n=r,N=F);a=n.next}return i}function he(i,d,m){const v=i.x-d.x,f=i.y-d.y,n=v*v+f*f;if(n){const a=(d.r+m.r)**2,r=(i.r+m.r)**2;if(a>r){const c=(n+r-a)/(2*n),y=Math.sqrt(Math.max(0,r/n-c*c));m.x=i.x-c*v-y*f,m.y=i.y-c*f+y*v}else{const c=(n+a-r)/(2*n),y=Math.sqrt(Math.max(0,a/n-c*c));m.x=d.x+c*v-y*f,m.y=d.y+c*f+y*v}}else m.x=d.x+m.r,m.y=d.y}function me(i,d){const m=i.r+d.r-1e-6,v=d.x-i.x,f=d.y-i.y;return m>0&&m*m>v*v+f*f}class q{constructor(d){this._=d,this.next=null,this.previous=null}}const Fe=["id"],Ie=["xmlns","viewBox","height","width"],Re=["x","y","width","height"],Me=["id"],Ae=["stop-color"],qe=["stop-color"],De=["stop-color"],Le={key:0},He=["x","y","width","height","stroke","stroke-width","fill","rx","onMouseenter","onClick"],Ue=["x","y","width","height","stroke","stroke-width","fill","rx"],je=["opacity","x","y","font-size","fill","font-weight"],Ge=["opacity","x","y","font-size","fill","font-weight"],We=["cx","cy","r","opacity","stroke","stroke-width","fill"],Ye={key:0,style:{pointerEvents:"none"}},Xe={key:1},Ze=["opacity","x","y","font-size","fill","font-weight"],Je=["opacity","x","y","font-size","fill","font-weight"],Ke={key:6,class:"vue-data-ui-watermark"},Qe=["innerHTML"],et={__name:"vue-ui-circle-pack",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint"],setup(i,{expose:d,emit:m}){e.useCssVars(o=>({cf72f1fe:B.value,"4e89318c":H.value}));const v=i,f=m,{vue_ui_circle_pack:n}=u.useConfig(),a=e.computed(()=>!!v.dataset&&v.dataset.length),r=e.ref(u.createUid()),c=e.ref(null),y=e.ref(null),b=e.ref(null),S=e.ref(0),$=e.ref(0),N=e.ref(0),F=e.ref(null),t=e.computed({get:()=>J(),set:o=>o}),{svgRef:Y}=Te.useChartAccessibility({config:t.value.style.chart.title}),{userOptionsVisible:D,setUserOptionsVisibility:X,keepUserOptionState:Z}=Se.useUserOptionState({config:t.value});function J(){const o=ie.useNestedProp({userConfig:v.config,defaultConfig:n});return o.theme?{...ie.useNestedProp({userConfig:u.themes.vue_ui_circle_pack[o.theme]||v.config,defaultConfig:o}),customPalette:u.themePalettes[o.theme]||u.palette}:o}e.watch(()=>v.config,o=>{t.value=J(),D.value=!t.value.userOptions.showOnChartHover,L(),S.value+=1,$.value+=1,E.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:K,isImaging:Q,generatePdf:ee,generateImage:te}=ce.usePrinter({elementId:`vue-ui-circle-pack_${r.value}`,fileName:t.value.style.chart.title.text||"vue-ui-circle-pack",options:t.value.userOptions.print}),pe=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),E=e.ref({showTable:t.value.table.show}),oe=e.ref(null),w=e.ref({h:10,w:10}),le=e.ref(0),z=e.ref([0,0,100,100]),I=e.ref({h:0,w:0});async function L(){u.objectIsEmpty(v.dataset)&&u.error({componentName:"VueUiCirclePack",type:"dataset"}),_.value=await fe(R.value),k.value=de(_.value,1).join(" "),I.value=ae(c.value);const o=ve.throttle(()=>{const{width:s,height:l,heightTitle:p,heightNoTitle:g}=ve.useResponsive({chart:c.value,title:y.value,noTitle:b.value}),G=s||10,W=l&&l>10?l:10;le.value=t.value.style.chart.title.text?p:g,requestAnimationFrame(()=>{w.value.w=G,w.value.h=W-le.value,e.nextTick(async()=>{const we=R.value.map(ze=>({...ze}));_.value=await fe(we,w.value.h,w.value.w),z.value=de(_.value,1),k.value=z.value.join(" "),I.value=ae(c.value)})})});oe.value=new ResizeObserver(o),oe.value.observe(c.value.parentNode)}e.onMounted(L);function ae(o){if(!o||!o.parentElement)return console.warn("Component or parent element is missing."),{w:0,h:0};const s=o.parentElement;if(s.offsetWidth>0&&s.offsetHeight>0)return{w:s.offsetWidth,h:s.offsetHeight};const l=window.getComputedStyle(s),p=l.width,g=l.height;return p!=="auto"&&g!=="auto"&&parseFloat(p)>0&&parseFloat(g)>0?{w:parseFloat(p),h:parseFloat(g)}:{w:0,h:0}}e.watch(()=>v.dataset,async o=>{await L()},{deep:!0});const ye=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),R=e.computed(()=>v.dataset.map((o,s)=>{const l=u.convertColorToHex(o.color)||ye.value[s]||u.themePalettes[t.value.theme||"default"][s%u.themePalettes[t.value.theme||"default"].length]||u.palette[s]||u.palette[s%u.palette.length];return{...o,r:o.value,id:u.createUid(),color:l}}).filter(o=>![null,void 0,1/0,-1/0].includes(o.value))),_=e.ref([]),k=e.ref("0 0 100 100"),P=e.computed(()=>Math.max(..._.value.map(o=>o.r)));function ne(o,s){return s/P.value*o}const h=e.ref(null);function ge(o){t.value.style.chart.circles.zoom.show&&(h.value=o)}const B=e.computed(()=>h.value?h.value.r:0),H=e.computed(()=>C.value?B.value:h.value?h.value.r>z.value[3]/6*t.value.style.chart.circles.zoom.zoomRatio?h.value.r:z.value[3]/6*t.value.style.chart.circles.zoom.zoomRatio:0),x=e.ref(0),be=e.computed(()=>({pointerEvents:"none",opacity:x.value,filter:`drop-shadow(0px 0px 6px ${u.darkenHexColor(h.value.color,t.value.style.chart.circles.zoom.shadowForce)})`})),T=e.ref(B.value);e.watchEffect(()=>{T.value=B.value,x.value=0;let o=null;function s(l){o||(o=l);const p=(l-o)/t.value.style.chart.circles.zoom.animationFrameMs;p<1?(T.value=B.value+(H.value-B.value)*p,x.value=0+t.value.style.chart.circles.zoom.opacity*p,requestAnimationFrame(s)):(T.value=H.value,x.value=t.value.style.chart.circles.zoom.opacity)}requestAnimationFrame(s)});const V=e.computed(()=>({name:t.value.style.chart.circles.zoom.label.name.fontSize*z.value[3]/300,value:t.value.style.chart.circles.zoom.label.value.fontSize*z.value[3]/300}));function U(o){return u.applyDataLabel(t.value.style.chart.circles.labels.value.formatter,o.value,u.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:o.value,s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding}))}function ke(){return u.applyDataLabel(t.value.style.chart.circles.zoom.label.value.formatter,h.value.value,u.dataLabel({p:t.value.style.chart.circles.zoom.label.value.prefix,v:h.value.value,s:t.value.style.chart.circles.zoom.label.value.suffix,r:t.value.style.chart.circles.zoom.label.value.rounding}))}function re(o){if(!o)return 0;const s=o.r/U(o).length*(U(o).length===1?1:2);return Math.min(o.r/2.5,s)}const O=e.ref(!1);function xe(o){O.value=o,N.value+=1}const C=e.ref(!1);function j(){C.value=!C.value}const M=e.computed(()=>{const o=R.value.map(l=>({name:l.name,value:l.value,color:l.color})).toSorted((l,p)=>p.value-l.value),s=o.map(l=>l.value);return{head:o,body:s}});function se(){e.nextTick(()=>{const o=M.value.head.map((p,g)=>[[p.name],[M.value.body[g]]]),s=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],[t.value.table.columnNames.value]]].concat(o),l=u.createCsvContent(s);u.downloadCsv({csvContent:l,title:t.value.style.chart.title.text||"vue-ui-circle-pack"})})}const A=e.computed(()=>{const o=[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],s=M.value.head.map((g,G)=>{const W=u.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:M.value.body[G],s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding});return[{color:g.color,name:g.name},W]}),l={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:o,body:s,config:l}});function ue(){E.value.showTable=!E.value.showTable}function Ce(){return R.value}return d({getData:Ce,generateCsv:se,generatePdf:ee,generateImage:te,toggleTable:ue,toggleAnnotator:j}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{id:`vue-ui-circle-pack_${r.value}`,class:e.normalizeClass(`vue-ui-circle-pack ${O.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"circlePackChart",ref:c,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};text-align:center;background:${t.value.style.chart.backgroundColor}; height: ${I.value.h}px; width:${I.value.w}px`),onMouseenter:s[2]||(s[2]=()=>e.unref(X)(!0)),onMouseleave:s[3]||(s[3]=()=>e.unref(X)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Be._sfc_main,{key:0,svgRef:e.unref(Y),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,scale:P.value/100,onClose:j},null,8,["svgRef","backgroundColor","color","active","scale"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"userConfig",{},void 0,!0),pe.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:b,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:y,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(_e._sfc_main,{key:`title_${S.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&&a.value&&(e.unref(Z)||e.unref(D))?(e.openBlock(),e.createBlock(ce.UserOptions,{ref:"details",key:`user_option_${N.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(K),isImaging:e.unref(Q),uid:r.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:O.value,chartElement:c.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:xe,onGeneratePdf:e.unref(ee),onGenerateCsv:se,onGenerateImage:e.unref(te),onToggleTable:ue,onToggleAnnotator:j,style:e.normalizeStyle({visibility:e.unref(Z)?e.unref(D)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:l,color:p})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:l,color:p})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:p})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:p})),void 0,!0)]),key:"5"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:p})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:p})),void 0,!0)]),key:"6"}: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),a.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:Y,xmlns:e.unref(u.XMLNS),viewBox:k.value,height:w.value.h,width:w.value.w,class:e.normalizeClass({"vue-data-ui-fullscreen--on":O.value,"vue-data-ui-fulscreen--off":!O.value}),style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color};background:${t.value.style.chart.backgroundColor};`)},[e.createVNode($e._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:k.value.x,y:k.value.y,width:k.value.width,height:k.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,Re)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,l=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:l.id,fy:"30%"},[e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(u.lightenHexColor)(l.color,t.value.style.chart.circles.gradient.intensity/100)},null,8,Ae),e.createElementVNode("stop",{offset:"90%","stop-color":e.unref(u.darkenHexColor)(l.color,.1)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":l.color},null,8,De)],8,Me)]),o.$slots.pattern?(e.openBlock(),e.createElementBlock("g",Le,[e.createElementVNode("defs",null,[e.renderSlot(o.$slots,"pattern",e.mergeProps({ref_for:!0},{...l,patternId:`pattern_${r.value}_${l.id}`}),void 0,!0)])])):e.createCommentVNode("",!0),e.createElementVNode("rect",{x:l.x-l.r,y:l.y-l.r,width:l.r*2,height:l.r*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth*P.value/100,fill:t.value.style.chart.circles.gradient.show?`url(#${l.id})`:l.color,rx:l.r,onMouseenter:()=>ge(l),onMouseout:s[0]||(s[0]=p=>h.value=null),onClick:p=>f("selectDatapoint",l)},null,40,He),o.$slots.pattern?(e.openBlock(),e.createElementBlock("rect",{key:1,x:l.x-l.r,y:l.y-l.r,width:l.r*2,height:l.r*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth*P.value/100,fill:`url(#pattern_${r.value}_${l.id})`,rx:l.r,style:{pointerEvents:"none"}},null,8,Ue)):e.createCommentVNode("",!0),o.$slots["data-label"]?e.renderSlot(o.$slots,"data-label",e.mergeProps({key:2,ref_for:!0},{...l,createTSpans:e.unref(u.createTSpans),fontSize:{name:l.r/3*t.value.style.chart.circles.labels.name.fontSizeRatio,value:re(l)*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(u.adaptColorToBackground)(l.color)}),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.circles.labels.name.show&&l.name?(e.openBlock(),e.createElementBlock("text",{key:0,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:h.value&&!C.value?.2:1,x:l.x,y:l.y+ne(l.r,t.value.style.chart.circles.labels.name.offsetY)-l.r/10,"font-size":l.r/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(u.adaptColorToBackground)(l.color),"font-weight":t.value.style.chart.circles.labels.name.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(l.name),9,je)):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:h.value&&!C.value?.2:1,x:l.x,y:l.y+ne(l.r,t.value.style.chart.circles.labels.value.offsetY)+l.r/2.5,"font-size":re(l)*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(u.adaptColorToBackground)(l.color),"font-weight":t.value.style.chart.circles.labels.value.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(U(l)),9,Ge)):e.createCommentVNode("",!0)],64))],64))),256)),h.value&&t.value.style.chart.circles.zoom.show&&!C.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("circle",{style:e.normalizeStyle(be.value),cx:h.value.x,cy:h.value.y,r:T.value,opacity:x.value,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth*P.value/100,fill:t.value.style.chart.circles.gradient.show?`url(#${h.value.id})`:h.value.color},null,12,We),o.$slots["zoom-label"]?(e.openBlock(),e.createElementBlock("g",Ye,[e.renderSlot(o.$slots,"zoom-label",e.normalizeProps(e.guardReactiveProps({...h.value,zoomOpacity:x.value,currentRadius:T.value,fontSize:V.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock("g",Xe,[e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:x.value,x:h.value.x,y:h.value.y+t.value.style.chart.circles.zoom.label.name.offsetY-V.value.name/4,"text-anchor":"middle","font-size":V.value.name,fill:t.value.style.chart.circles.zoom.label.name.color?t.value.style.chart.circles.zoom.label.name.color:e.unref(u.adaptColorToBackground)(h.value.color),"font-weight":t.value.style.chart.circles.zoom.label.name.bold?"bold":"normal"},e.toDisplayString(h.value.name),9,Ze),e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:x.value,x:h.value.x,y:h.value.y+V.value.value+t.value.style.chart.circles.zoom.label.value.offsetY,"text-anchor":"middle","font-size":V.value.value,fill:t.value.style.chart.circles.zoom.label.value.color?t.value.style.chart.circles.zoom.label.value.color:e.unref(u.adaptColorToBackground)(h.value.color),"font-weight":t.value.style.chart.circles.zoom.label.value.bold?"bold":"normal"},e.toDisplayString(ke()),9,Je)]))],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:{...k.value}},void 0,!0)],14,Ie)):e.createCommentVNode("",!0),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Pe.default,{key:5,config:{type:"circlePack",style:{color:"#CCCCCC"}}})),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ke,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(K)||e.unref(Q)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:F,dir:"auto"},[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createBlock(Ne.default,{key:8,hideDetails:"",config:{open:E.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(Ee.DataTable,{key:`table_${$.value}`,colNames:A.value.colNames,head:A.value.head,body:A.value.body,config:A.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:s[1]||(s[1]=l=>E.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createElementVNode("div",{innerHTML:l,style:{display:"flex","align-items":"center"}},null,8,Qe)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l.name||l),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Fe))}},tt=Ve._export_sfc(et,[["__scopeId","data-v-bb4f66a5"]]);exports.default=tt;

package/dist/{vue-ui-circle-pack-DwCzeO3L.js → vue-ui-circle-pack-BjD7UG4l.js}

@@ -1,14 +1,14 @@
-import { useCssVars as We, computed as w, ref as p, watch as $e, onMounted as Xe, watchEffect as Ye, createElementBlock as b, openBlock as f, unref as m, normalizeStyle as K, normalizeClass as Te, createBlock as M, createCommentVNode as k, renderSlot as x, createSlots as Ze, withCtx as z, normalizeProps as U, guardReactiveProps as B, createVNode as Je, Fragment as Q, renderList as Ke, createElementVNode as C, mergeProps as Pe, toDisplayString as j, createTextVNode as Qe, nextTick as Se } from "vue";
-import { u as et, c as Ie, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Oe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-gC66Se26.js";
-import { u as Ne } from "./useNestedProp-BusTOV-6.js";
-import { u as vt, U as dt } from "./usePrinter-KMFl0n0s.js";
-import { _ as ht } from "./Title-Co3F59jq.js";
-import { P as ft } from "./PenAndPaper-CmcfpltX.js";
+import { useCssVars as We, computed as w, ref as p, watch as $e, onMounted as Xe, watchEffect as Ye, createElementBlock as b, openBlock as f, unref as m, normalizeStyle as K, normalizeClass as Te, createBlock as M, createCommentVNode as k, renderSlot as x, createSlots as Ze, withCtx as z, normalizeProps as U, guardReactiveProps as B, createVNode as Je, Fragment as Q, renderList as Ke, createElementVNode as C, mergeProps as Se, toDisplayString as j, createTextVNode as Qe, nextTick as Ie } from "vue";
+import { u as et, c as Oe, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Pe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-D3VntmA9.js";
+import { u as Ne } from "./useNestedProp-DTlOqz2P.js";
+import { u as vt, U as dt } from "./usePrinter-H3tAjGXs.js";
+import { _ as ht } from "./Title-UjBqdYyD.js";
+import { _ as ft } from "./PenAndPaper-CZs431Nx.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as mt } from "./PackageVersion-39l3KkzC.js";
-import pt from "./vue-ui-accordion-j2beIma_.js";
-import { D as bt } from "./DataTable-C_28ZqiP.js";
-import gt from "./vue-ui-skeleton-7Zfds6H1.js";
+import { _ as mt } from "./PackageVersion-BCLALL_i.js";
+import pt from "./vue-ui-accordion-DGJQIcdB.js";
+import { D as bt } from "./DataTable-DOKlm7k4.js";
+import gt from "./vue-ui-skeleton-pHcbvN3-.js";
 import { u as kt } from "./useChartAccessibility-BWojgys7.js";
 import { t as xt, u as wt } from "./useResponsive-Cw4oZ8sQ.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -75,7 +75,7 @@ class te {
     this._ = c, this.next = null, this.previous = null;
   }
 }
-const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y", "width", "height"], Pt = ["id"], St = ["stop-color"], It = ["stop-color"], Ot = ["stop-color"], Ft = { key: 0 }, Nt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Et = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Rt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], At = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Dt = {
+const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y", "width", "height"], St = ["id"], It = ["stop-color"], Ot = ["stop-color"], Pt = ["stop-color"], Ft = { key: 0 }, Nt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Et = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Rt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], At = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Dt = {
   key: 0,
   style: { pointerEvents: "none" }
 }, Lt = { key: 1 }, Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Vt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Gt = {
@@ -103,7 +103,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       cf72f1fe: N.value,
       "4e89318c": oe.value
     }));
-    const i = r, v = h, { vue_ui_circle_pack: o } = et(), a = w(() => !!i.dataset && i.dataset.length), s = p(Ie()), u = p(null), g = p(null), $ = p(null), E = p(0), R = p(0), A = p(0), W = p(null), e = w({
+    const i = r, v = h, { vue_ui_circle_pack: o } = et(), a = w(() => !!i.dataset && i.dataset.length), s = p(Oe()), u = p(null), g = p(null), $ = p(null), E = p(0), R = p(0), A = p(0), W = p(null), e = w({
       get: () => fe(),
       set: (t) => t
     }), { svgRef: ve } = kt({ config: e.value.style.chart.title }), {
@@ -133,7 +133,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       options: e.value.userOptions.print
     }), De = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = p({
       showTable: e.value.table.show
-    }), ge = p(null), I = p({ h: 10, w: 10 }), ke = p(0), O = p([0, 0, 100, 100]), X = p({ h: 0, w: 0 });
+    }), ge = p(null), O = p({ h: 10, w: 10 }), ke = p(0), P = p([0, 0, 100, 100]), X = p({ h: 0, w: 0 });
     async function ae() {
       lt(i.dataset) && at({
         componentName: "VueUiCirclePack",
@@ -146,9 +146,9 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
           noTitle: $.value
         }), re = n || 10, ue = l && l > 10 ? l : 10;
         ke.value = e.value.style.chart.title.text ? y : _, requestAnimationFrame(() => {
-          I.value.w = re, I.value.h = ue - ke.value, Se(async () => {
+          O.value.w = re, O.value.h = ue - ke.value, Ie(async () => {
             const je = Y.value.map((qe) => ({ ...qe }));
-            F.value = await Ee(je, I.value.h, I.value.w), O.value = Me(F.value, 1), T.value = O.value.join(" "), X.value = xe(u.value);
+            F.value = await Ee(je, O.value.h, O.value.w), P.value = Me(F.value, 1), T.value = P.value.join(" "), X.value = xe(u.value);
           });
         });
       });
@@ -172,7 +172,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       return {
         ...t,
         r: t.value,
-        id: Ie(),
+        id: Oe(),
         color: l
       };
     }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), F = p([]), T = p("0 0 100 100"), L = w(() => Math.max(...F.value.map((t) => t.r)));
@@ -183,24 +183,24 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
     function He(t) {
       e.value.style.chart.circles.zoom.show && (d.value = t);
     }
-    const N = w(() => d.value ? d.value.r : 0), oe = w(() => S.value ? N.value : d.value ? d.value.r > O.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : O.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), P = p(0), Ve = w(() => ({
+    const N = w(() => d.value ? d.value.r : 0), oe = w(() => I.value ? N.value : d.value ? d.value.r > P.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : P.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), S = p(0), Ve = w(() => ({
       pointerEvents: "none",
-      opacity: P.value,
-      filter: `drop-shadow(0px 0px 6px ${Oe(d.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
+      opacity: S.value,
+      filter: `drop-shadow(0px 0px 6px ${Pe(d.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
     })), H = p(N.value);
     Ye(() => {
-      H.value = N.value, P.value = 0;
+      H.value = N.value, S.value = 0;
       let t = null;
       function n(l) {
         t || (t = l);
         const y = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
-        y < 1 ? (H.value = N.value + (oe.value - N.value) * y, P.value = 0 + e.value.style.chart.circles.zoom.opacity * y, requestAnimationFrame(n)) : (H.value = oe.value, P.value = e.value.style.chart.circles.zoom.opacity);
+        y < 1 ? (H.value = N.value + (oe.value - N.value) * y, S.value = 0 + e.value.style.chart.circles.zoom.opacity * y, requestAnimationFrame(n)) : (H.value = oe.value, S.value = e.value.style.chart.circles.zoom.opacity);
       }
       requestAnimationFrame(n);
     });
     const V = w(() => ({
-      name: e.value.style.chart.circles.zoom.label.name.fontSize * O.value[3] / 300,
-      value: e.value.style.chart.circles.zoom.label.value.fontSize * O.value[3] / 300
+      name: e.value.style.chart.circles.zoom.label.name.fontSize * P.value[3] / 300,
+      value: e.value.style.chart.circles.zoom.label.value.fontSize * P.value[3] / 300
     }));
     function se(t) {
       return Fe(
@@ -236,9 +236,9 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
     function Ue(t) {
       G.value = t, A.value += 1;
     }
-    const S = p(!1);
+    const I = p(!1);
     function ne() {
-      S.value = !S.value;
+      I.value = !I.value;
     }
     const Z = w(() => {
       const t = Y.value.map((l) => ({
@@ -249,7 +249,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       return { head: t, body: n };
     });
     function _e() {
-      Se(() => {
+      Ie(() => {
         const t = Z.value.head.map((y, _) => [[
           y.name
         ], [Z.value.body[_]]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), l = it(n);
@@ -324,7 +324,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         svgRef: m(ve),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: S.value,
+        active: I.value,
         scale: L.value / 100,
         onClose: ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active", "scale"])) : k("", !0),
@@ -376,7 +376,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: S.value,
+        isAnnotation: I.value,
         onToggleFullscreen: Ue,
         onGeneratePdf: m(pe),
         onGenerateCsv: _e,
@@ -443,8 +443,8 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         ref: ve,
         xmlns: m(nt),
         viewBox: T.value,
-        height: I.value.h,
-        width: I.value.w,
+        height: O.value.h,
+        width: O.value.w,
         class: Te({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
         style: K(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};background:${e.value.style.chart.backgroundColor};`)
       }, [
@@ -470,20 +470,20 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               C("stop", {
                 offset: "10%",
                 "stop-color": m(rt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, St),
+              }, null, 8, It),
               C("stop", {
                 offset: "90%",
-                "stop-color": m(Oe)(l.color, 0.1)
-              }, null, 8, It),
+                "stop-color": m(Pe)(l.color, 0.1)
+              }, null, 8, Ot),
               C("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, Ot)
-            ], 8, Pt)
+              }, null, 8, Pt)
+            ], 8, St)
           ]),
           t.$slots.pattern ? (f(), b("g", Ft, [
             C("defs", null, [
-              x(t.$slots, "pattern", Pe({ ref_for: !0 }, { ...l, patternId: `pattern_${s.value}_${l.id}` }), void 0, !0)
+              x(t.$slots, "pattern", Se({ ref_for: !0 }, { ...l, patternId: `pattern_${s.value}_${l.id}` }), void 0, !0)
             ])
           ])) : k("", !0),
           C("rect", {
@@ -513,7 +513,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               pointerEvents: "none"
             }
           }, null, 8, Mt)) : k("", !0),
-          t.$slots["data-label"] ? x(t.$slots, "data-label", Pe({
+          t.$slots["data-label"] ? x(t.$slots, "data-label", Se({
             key: 2,
             ref_for: !0
           }, { ...l, createTSpans: m(ut), fontSize: { name: l.r / 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 : m(q)(l.color) }), void 0, !0) : (f(), b(Q, { key: 3 }, [
@@ -523,7 +523,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: d.value && !S.value ? 0.2 : 1,
+              opacity: d.value && !I.value ? 0.2 : 1,
               x: l.x,
               y: l.y + we(l.r, e.value.style.chart.circles.labels.name.offsetY) - l.r / 10,
               "font-size": l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
@@ -537,7 +537,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: d.value && !S.value ? 0.2 : 1,
+              opacity: d.value && !I.value ? 0.2 : 1,
               x: l.x,
               y: l.y + we(l.r, e.value.style.chart.circles.labels.value.offsetY) + l.r / 2.5,
               "font-size": Ce(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
@@ -547,25 +547,25 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
             }, j(se(l)), 9, Rt)) : k("", !0)
           ], 64))
         ], 64))), 256)),
-        d.value && e.value.style.chart.circles.zoom.show && !S.value ? (f(), b(Q, { key: 1 }, [
+        d.value && e.value.style.chart.circles.zoom.show && !I.value ? (f(), b(Q, { key: 1 }, [
           C("circle", {
             style: K(Ve.value),
             cx: d.value.x,
             cy: d.value.y,
             r: H.value,
-            opacity: P.value,
+            opacity: S.value,
             stroke: e.value.style.chart.circles.stroke,
             "stroke-width": e.value.style.chart.circles.strokeWidth * L.value / 100,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${d.value.id})` : d.value.color
           }, null, 12, At),
           t.$slots["zoom-label"] ? (f(), b("g", Dt, [
-            x(t.$slots, "zoom-label", U(B({ ...d.value, zoomOpacity: P.value, currentRadius: H.value, fontSize: V.value })), void 0, !0)
+            x(t.$slots, "zoom-label", U(B({ ...d.value, zoomOpacity: S.value, currentRadius: H.value, fontSize: V.value })), void 0, !0)
           ])) : (f(), b("g", Lt, [
             C("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: S.value,
               x: d.value.x,
               y: d.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - V.value.name / 4,
               "text-anchor": "middle",
@@ -577,7 +577,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: S.value,
               x: d.value.x,
               y: d.value.y + V.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",

package/dist/{vue-ui-cursor-0mZP5nBc.cjs → vue-ui-cursor-Bv_hn_5f.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("./useNestedProp-CF-iHhIC.cjs"),i=require("./index-BeJeDy5m.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-dom-to-png-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-e07e5d09"]]);exports.default=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("./useNestedProp-DwR4JSzw.cjs"),i=require("./index-MIJJ8liG.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-dom-to-png-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-e07e5d09"]]);exports.default=q;

package/dist/{vue-ui-cursor-DwHdXwLS.js → vue-ui-cursor-CS0L4MjH.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-BusTOV-6.js";
-import { u as L, c as z, X as O, s as I } from "./index-gC66Se26.js";
+import { u as F } from "./useNestedProp-DTlOqz2P.js";
+import { u as L, c as z, X as O, s as I } from "./index-D3VntmA9.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["xmlns", "height", "width"], T = {
   id: "follower",

package/dist/{vue-ui-dashboard-DILmOchy.js → vue-ui-dashboard-Cu4QabFb.js}

@@ -1,7 +1,7 @@
 import { useCssVars as ee, computed as T, ref as s, watch as te, createElementBlock as w, openBlock as y, createCommentVNode as E, createElementVNode as p, normalizeStyle as $, createStaticVNode as oe, Fragment as L, renderList as ae, normalizeClass as le, renderSlot as ne } from "vue";
-import ue from "./pdf-lJiGVhtL.js";
-import { u as se } from "./useNestedProp-BusTOV-6.js";
-import { u as ie, c as re } from "./index-gC66Se26.js";
+import ue from "./pdf-BpVckOt1.js";
+import { u as se } from "./useNestedProp-DTlOqz2P.js";
+import { u as ie, c as re } from "./index-D3VntmA9.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ce = {
   key: 0,