vue-data-ui 2.5.6 → 2.5.7

package/dist/{vue-ui-circle-pack-BCk8TBYV.js → vue-ui-circle-pack-BoolEIij.js}

@@ -1,22 +1,22 @@
-import { useCssVars as tt, computed as h, ref as f, watch as Fe, onMounted as lt, watchEffect as at, openBlock as s, createElementBlock as i, normalizeClass as Ne, normalizeStyle as X, unref as c, createBlock as T, createCommentVNode as y, renderSlot as m, createSlots as ot, withCtx as C, normalizeProps as E, guardReactiveProps as D, createVNode as st, Fragment as O, renderList as se, createElementVNode as k, toDisplayString as L, createTextVNode as rt, nextTick as nt } from "vue";
-import { u as ut, c as Me, t as it, a as re, p as P, o as ct, e as vt, b as dt, d as Se, m as ht, h as _e, f as ne, X as ft, l as yt, G as Y, i as Ae, q as pt, r as mt } from "./index-BpkxOytt.js";
-import { u as Ee } from "./useNestedProp-XW-Jo5ax.js";
-import { u as bt, U as gt } from "./usePrinter-Cbh3Ya4M.js";
-import { _ as kt } from "./Title-BH26TG78.js";
-import { P as xt } from "./PenAndPaper-DhMT8zUE.js";
-import { u as wt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ct } from "./PackageVersion-CT0EYzFv.js";
-import $t from "./vue-ui-accordion-DSCrwQ1c.js";
-import { D as zt } from "./DataTable-C6-IwvDN.js";
-import Pt from "./vue-ui-skeleton-CwwH64lu.js";
-import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Nt = ["id"], Mt = ["stop-color"], St = ["stop-color"], _t = ["stop-color"], At = { key: 0 }, Et = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter"], Dt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Lt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Gt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ut = ["d", "fill"], Bt = ["cx", "cy", "r", "opacity", "stroke", "fill"], Rt = {
+import { useCssVars as lt, computed as h, ref as f, watch as Se, onMounted as at, watchEffect as ot, openBlock as s, createElementBlock as i, normalizeClass as Fe, normalizeStyle as X, unref as c, createBlock as T, createCommentVNode as y, renderSlot as m, createSlots as st, withCtx as C, normalizeProps as E, guardReactiveProps as D, createVNode as rt, Fragment as O, renderList as se, createElementVNode as k, toDisplayString as L, createTextVNode as nt, nextTick as ut } from "vue";
+import { u as it, c as Me, t as ct, a as re, p as P, o as vt, e as dt, b as ht, d as Ne, m as ft, h as _e, f as ne, X as yt, l as pt, G as Y, i as Ae, q as mt, r as bt } from "./index-DiqenHrX.js";
+import { u as Ee } from "./useNestedProp-B3CQkP95.js";
+import { u as gt, U as kt } from "./usePrinter-CHAgX1f-.js";
+import { _ as xt } from "./Title-CiQQgFbV.js";
+import { P as wt } from "./PenAndPaper-B-VQ8eSo.js";
+import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as zt } from "./PackageVersion-iscNRe7N.js";
+import $t from "./vue-ui-accordion-DA6XnWaz.js";
+import { D as Pt } from "./DataTable-CpOh1tx3.js";
+import Tt from "./vue-ui-skeleton-BwWHgSoq.js";
+import { _ as Ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const It = ["id"], St = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Mt = ["id"], Nt = ["stop-color"], _t = ["stop-color"], At = ["stop-color"], Et = { key: 0 }, Dt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter"], Lt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Rt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Gt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Ut = ["d", "fill"], Vt = ["cx", "cy", "r", "opacity", "stroke", "fill"], Bt = {
   key: 0,
   style: { pointerEvents: "none" }
-}, Vt = { key: 1 }, Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Xt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Yt = {
+}, Ht = { key: 1 }, Xt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Yt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Wt = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, Wt = ["innerHTML"], jt = {
+}, jt = ["innerHTML"], qt = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -33,51 +33,51 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
     }
   },
   setup(De, { expose: Le }) {
-    const $ = De;
-    tt((t) => ({
-      "13827e5a": N.value,
-      "190f60d3": J.value
+    const z = De;
+    lt((t) => ({
+      "76fa81dc": F.value,
+      "68186f8b": J.value
     }));
-    const { vue_ui_circle_pack: Ge } = ut(), G = h(() => !!$.dataset && $.dataset.length), I = f(Me()), W = f(null), Ue = f(null), Be = f(null), ue = f(0), ie = f(0), ce = f(0), Re = f(null), e = h({
+    const { vue_ui_circle_pack: Re } = it(), R = h(() => !!z.dataset && z.dataset.length), I = f(Me()), W = f(null), Ge = f(null), Ue = f(null), ue = f(0), ie = f(0), ce = f(0), Ve = f(null), e = h({
       get: () => he(),
       set: (t) => t
     }), {
       userOptionsVisible: j,
       setUserOptionsVisibility: ve,
       keepUserOptionState: de
-    } = wt({ config: e.value });
+    } = Ct({ config: e.value });
     function he() {
       const t = Ee({
-        userConfig: $.config,
-        defaultConfig: Ge
+        userConfig: z.config,
+        defaultConfig: Re
       });
       return t.theme ? {
         ...Ee({
-          userConfig: it.vue_ui_circle_pack[t.theme] || $.config,
+          userConfig: ct.vue_ui_circle_pack[t.theme] || z.config,
           defaultConfig: t
         }),
         customPalette: re[t.theme] || P
       } : t;
     }
-    Fe(() => $.config, (t) => {
-      e.value = he(), j.value = !e.value.userOptions.showOnChartHover, q(), ue.value += 1, ie.value += 1, F.value.showTable = e.value.table.show;
+    Se(() => z.config, (t) => {
+      e.value = he(), j.value = !e.value.userOptions.showOnChartHover, q(), ue.value += 1, ie.value += 1, S.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: ye, generatePdf: pe, generateImage: me } = bt({
+    const { isPrinting: fe, isImaging: ye, generatePdf: pe, generateImage: me } = gt({
       elementId: `vue-ui-circle-pack_${I.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack"
-    }), Ve = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = f({
+    }), Be = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), S = f({
       showTable: e.value.table.show
     });
     async function q() {
-      ct($.dataset) && vt({
+      vt(z.dataset) && dt({
         componentName: "VueUiCirclePack",
         type: "dataset"
       }), await We();
     }
-    lt(q), Fe(() => $.dataset, async (t) => {
+    at(q), Se(() => z.dataset, async (t) => {
       await q();
     }, { deep: !0 });
-    const be = h(() => dt(e.value.customPalette));
+    const be = h(() => ht(e.value.customPalette));
     function ge(t, a) {
       return Math.hypot(a.x - t.x, a.y - t.y);
     }
@@ -107,17 +107,17 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         y: l / 2 + x
       });
       for (let g of u.slice(1)) {
-        let { radius: d, ...ze } = g, ee = He(o, d, a, l);
+        let { radius: d, ...$e } = g, ee = He(o, d, a, l);
         if (ee)
-          o.push({ ...ze, x: ee.x, y: ee.y, radius: d });
+          o.push({ ...$e, x: ee.x, y: ee.y, radius: d });
         else {
           let te = null, Pe = 1 / 0;
-          for (let V of o)
+          for (let B of o)
             for (let le = 0; le < 360; le += 15) {
-              let Te = le * Math.PI / 180, ae = V.x + (d + V.radius) * Math.cos(Te), oe = V.y + (d + V.radius) * Math.sin(Te), H = { ...ze, x: ae, y: oe, radius: d };
+              let Te = le * Math.PI / 180, ae = B.x + (d + B.radius) * Math.cos(Te), oe = B.y + (d + B.radius) * Math.sin(Te), H = { ...$e, x: ae, y: oe, radius: d };
               if (ae - d >= 0 && ae + d <= a && oe - d >= 0 && oe + d <= l && !ke(H, o)) {
                 let Oe = o.reduce(
-                  (et, Ie) => et + (ge(H, Ie) < H.radius + Ie.radius ? 1 : 0),
+                  (tt, Ie) => tt + (ge(H, Ie) < H.radius + Ie.radius ? 1 : 0),
                   0
                 );
                 Oe < Pe && (Pe = Oe, te = H);
@@ -128,8 +128,8 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       }
       return o;
     }
-    const Z = h(() => $.dataset.map((t, a) => {
-      const l = Se(t.color) || be.value[a] || re[e.value.theme || "default"][a % re[e.value.theme || "default"].length] || P[a] || P[a % P.length];
+    const Z = h(() => z.dataset.map((t, a) => {
+      const l = Ne(t.color) || be.value[a] || re[e.value.theme || "default"][a % re[e.value.theme || "default"].length] || P[a] || P[a % P.length];
       return {
         ...t,
         id: Me(),
@@ -163,10 +163,10 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       };
     }), je = h(() => b.value.map((t) => {
       if (t.breakdown)
-        return ht(
+        return ft(
           { series: t.breakdown.map((a, l) => ({
             ...a,
-            color: Se(a.color) || be.value[l] || P[l] || P[l % P.length]
+            color: Ne(a.color) || be.value[l] || P[l] || P[l % P.length]
           })) },
           t.x,
           t.y,
@@ -183,22 +183,22 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
     function qe(t) {
       e.value.style.chart.circles.zoom.show && (r.value = t);
     }
-    const N = h(() => r.value ? r.value.radius : 0), J = h(() => r.value ? r.value.radius > p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio ? r.value.radius : p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), z = f(0), Ze = h(() => ({
+    const F = h(() => r.value ? r.value.radius : 0), J = h(() => r.value ? r.value.radius > p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio ? r.value.radius : p.value.width / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), $ = f(0), Ze = h(() => ({
       pointerEvents: "none",
-      opacity: z.value,
+      opacity: $.value,
       filter: `drop-shadow(0px 0px 6px ${_e(r.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
-    })), M = f(N.value);
-    at(() => {
-      M.value = N.value, z.value = 0;
+    })), M = f(F.value);
+    ot(() => {
+      M.value = F.value, $.value = 0;
       let t = null;
       function a(l) {
         t || (t = l);
         const n = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
-        n < 1 ? (M.value = N.value + (J.value - N.value) * n, z.value = 0 + e.value.style.chart.circles.zoom.opacity * n, requestAnimationFrame(a)) : (M.value = J.value, z.value = e.value.style.chart.circles.zoom.opacity);
+        n < 1 ? (M.value = F.value + (J.value - F.value) * n, $.value = 0 + e.value.style.chart.circles.zoom.opacity * n, requestAnimationFrame(a)) : (M.value = J.value, $.value = e.value.style.chart.circles.zoom.opacity);
       }
       requestAnimationFrame(a);
     });
-    const S = h(() => ({
+    const N = h(() => ({
       name: e.value.style.chart.circles.zoom.label.name.fontSize * p.value.width / 300,
       value: e.value.style.chart.circles.zoom.label.value.fontSize * p.value.width / 300
     }));
@@ -226,15 +226,21 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         })
       );
     }
-    const _ = f(!1);
     function Ke(t) {
+      if (!t)
+        return 0;
+      const a = t.radius / K(t).length * (K(t).length === 1 ? 1 : 2);
+      return Math.min(t.radius / 2.5, a);
+    }
+    const _ = f(!1);
+    function Qe(t) {
       _.value = t, ce.value += 1;
     }
-    const U = f(!1);
+    const G = f(!1);
     function Q() {
-      U.value = !U.value;
+      G.value = !G.value;
     }
-    const B = h(() => {
+    const U = h(() => {
       const t = Z.value.map((l) => ({
         name: l.name,
         value: l.value,
@@ -243,21 +249,21 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       return { head: t, body: a };
     });
     function Ce() {
-      nt(() => {
-        const t = B.value.head.map((n, v) => [[
+      ut(() => {
+        const t = U.value.head.map((n, v) => [[
           n.name
-        ], [B.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 = pt(a);
-        mt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        ], [U.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 = mt(a);
+        bt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
       });
     }
-    const R = h(() => {
+    const V = h(() => {
       const t = [
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
-      ], a = B.value.head.map((v, x) => {
+      ], a = U.value.head.map((v, x) => {
         const w = ne({
           p: e.value.style.chart.circles.labels.value.prefix,
-          v: B.value.body[x],
+          v: U.value.body[x],
           s: e.value.style.chart.circles.labels.value.suffix,
           r: e.value.style.chart.circles.labels.value.rounding
         });
@@ -291,51 +297,51 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         config: l
       };
     });
-    function $e() {
-      F.value.showTable = !F.value.showTable;
+    function ze() {
+      S.value.showTable = !S.value.showTable;
     }
-    function Qe() {
+    function et() {
       return Z.value;
     }
     return Le({
-      getData: Qe,
+      getData: et,
       generateCsv: Ce,
       generatePdf: pe,
       generateImage: me,
-      toggleTable: $e,
+      toggleTable: ze,
       toggleAnnotator: Q
     }), (t, a) => (s(), i("div", {
       id: `vue-ui-circle-pack_${I.value}`,
-      class: Ne(`vue-ui-circle-pack ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Fe(`vue-ui-circle-pack ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "circlePackChart",
       ref: W,
       style: X(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: a[2] || (a[2] = () => c(ve)(!0)),
       onMouseleave: a[3] || (a[3] = () => c(ve)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), T(xt, {
+      e.value.userOptions.buttons.annotator ? (s(), T(wt, {
         key: 0,
         parent: W.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: U.value,
+        active: G.value,
         onClose: Q
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
       m(t.$slots, "userConfig", {}, void 0, !0),
-      Ve.value ? (s(), i("div", {
+      Be.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Be,
+        ref: Ue,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (s(), i("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ue,
+        ref: Ge,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), T(kt, {
+        (s(), T(xt, {
           key: `title_${ue.value}`,
           config: {
             title: {
@@ -349,7 +355,7 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && G.value && (c(de) || c(j)) ? (s(), T(gt, {
+      e.value.userOptions.show && R.value && (c(de) || c(j)) ? (s(), T(kt, {
         ref: "details",
         key: `user_option_${ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -369,17 +375,17 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: U.value,
-        onToggleFullscreen: Ke,
+        isAnnotation: G.value,
+        onToggleFullscreen: Qe,
         onGeneratePdf: c(pe),
         onGenerateCsv: Ce,
         onGenerateImage: c(me),
-        onToggleTable: $e,
+        onToggleTable: ze,
         onToggleAnnotator: Q,
         style: X({
           visibility: c(de) ? c(j) ? "visible" : "hidden" : "visible"
         })
-      }, ot({ _: 2 }, [
+      }, st({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: C(() => [
@@ -423,15 +429,15 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["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),
-      G.value ? (s(), i("svg", {
+      R.value ? (s(), i("svg", {
         key: 4,
-        xmlns: c(ft),
+        xmlns: c(yt),
         viewBox: `${p.value.x} ${p.value.y} ${p.value.width} ${p.value.height}`,
         width: "100%",
-        class: Ne({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
+        class: Fe({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
         style: X(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};`)
       }, [
-        st(Ct),
+        rt(zt),
         t.$slots["chart-background"] ? (s(), i("foreignObject", {
           key: 0,
           x: p.value.x,
@@ -452,19 +458,19 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             }, [
               k("stop", {
                 offset: "10%",
-                "stop-color": c(yt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, Mt),
+                "stop-color": c(pt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
+              }, null, 8, Nt),
               k("stop", {
                 offset: "90%",
                 "stop-color": c(_e)(l.color, 0.1)
-              }, null, 8, St),
+              }, null, 8, _t),
               k("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, _t)
-            ], 8, Nt)
+              }, null, 8, At)
+            ], 8, Mt)
           ]),
-          t.$slots.pattern ? (s(), i("g", At, [
+          t.$slots.pattern ? (s(), i("g", Et, [
             k("defs", null, [
               m(t.$slots, "pattern", E(D({ ...l, patternId: `pattern_${I.value}_${l.id}` })), void 0, !0)
             ])
@@ -480,7 +486,7 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             rx: l.radius,
             onMouseenter: () => qe(l),
             onMouseout: a[0] || (a[0] = (n) => r.value = null)
-          }, null, 40, Et),
+          }, null, 40, Dt),
           t.$slots.pattern ? (s(), i("rect", {
             key: 1,
             x: l.x - l.radius,
@@ -494,7 +500,7 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             style: {
               pointerEvents: "none"
             }
-          }, null, 8, Dt)) : y("", !0),
+          }, null, 8, Lt)) : y("", !0),
           e.value.style.chart.circles.labels.name.show && l.name ? (s(), i("text", {
             key: 2,
             style: {
@@ -504,11 +510,11 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             opacity: r.value ? 0.2 : 1,
             x: l.x,
             y: l.y + xe(l.radius, e.value.style.chart.circles.labels.name.offsetY) - l.radius / 6,
-            "font-size": l.radius / l.name.length * 2,
+            "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(Y)(l.color),
             "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
             "text-anchor": "middle"
-          }, L(l.name), 9, Lt)) : y("", !0),
+          }, L(l.name), 9, Rt)) : y("", !0),
           e.value.style.chart.circles.labels.value.show ? (s(), i("text", {
             key: 3,
             style: {
@@ -518,7 +524,7 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             opacity: r.value ? 0.2 : 1,
             x: l.x,
             y: l.y + xe(l.radius, e.value.style.chart.circles.labels.value.offsetY) + l.radius / 3,
-            "font-size": l.radius / K(l).length * (K(l).length === 1 ? 1 : 2),
+            "font-size": Ke(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(Y)(l.color),
             "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
             "text-anchor": "middle"
@@ -537,44 +543,44 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             cx: r.value.x,
             cy: r.value.y,
             r: M.value,
-            opacity: z.value,
+            opacity: $.value,
             stroke: e.value.style.chart.circles.stroke,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${r.value.id})` : r.value.color
-          }, null, 12, Bt),
-          t.$slots["zoom-label"] ? (s(), i("g", Rt, [
-            m(t.$slots, "zoom-label", E(D({ ...r.value, zoomOpacity: z.value, currentRadius: M.value, fontSize: S.value })), void 0, !0)
-          ])) : (s(), i("g", Vt, [
+          }, null, 12, Vt),
+          t.$slots["zoom-label"] ? (s(), i("g", Bt, [
+            m(t.$slots, "zoom-label", E(D({ ...r.value, zoomOpacity: $.value, currentRadius: M.value, fontSize: N.value })), void 0, !0)
+          ])) : (s(), i("g", Ht, [
             k("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: z.value,
+              opacity: $.value,
               x: r.value.x,
-              y: r.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - S.value.name / 4,
+              y: r.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - N.value.name / 4,
               "text-anchor": "middle",
-              "font-size": S.value.name,
+              "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(Y)(r.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.name.bold ? "bold" : "normal"
-            }, L(r.value.name), 9, Ht),
+            }, L(r.value.name), 9, Xt),
             k("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: z.value,
+              opacity: $.value,
               x: r.value.x,
-              y: r.value.y + S.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
+              y: r.value.y + N.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",
-              "font-size": S.value.value,
+              "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(Y)(r.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.value.bold ? "bold" : "normal"
-            }, L(Je()), 9, Xt)
+            }, L(Je()), 9, Yt)
           ]))
         ], 64)) : y("", !0),
         m(t.$slots, "svg", {
           svg: { ...p.value }
         }, void 0, !0)
-      ], 14, It)) : y("", !0),
-      G.value ? y("", !0) : (s(), T(Pt, {
+      ], 14, St)) : y("", !0),
+      R.value ? y("", !0) : (s(), T(Tt, {
         key: 5,
         config: {
           type: "circlePack",
@@ -583,22 +589,22 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
           }
         }
       })),
-      t.$slots.watermark ? (s(), i("div", Yt, [
+      t.$slots.watermark ? (s(), i("div", Wt, [
         m(t.$slots, "watermark", E(D({ isPrinting: c(fe) || c(ye) })), void 0, !0)
       ])) : y("", !0),
       t.$slots.source ? (s(), i("div", {
         key: 7,
         ref_key: "source",
-        ref: Re,
+        ref: Ve,
         dir: "auto"
       }, [
         m(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      G.value ? (s(), T($t, {
+      R.value ? (s(), T($t, {
         key: 8,
         hideDetails: "",
         config: {
-          open: F.value.showTable,
+          open: S.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -611,32 +617,32 @@ const Ot = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         }
       }, {
         content: C(() => [
-          (s(), T(zt, {
+          (s(), T(Pt, {
             key: `table_${ie.value}`,
-            colNames: R.value.colNames,
-            head: R.value.head,
-            body: R.value.body,
-            config: R.value.config,
+            colNames: V.value.colNames,
+            head: V.value.head,
+            body: V.value.body,
+            config: V.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[1] || (a[1] = (l) => F.value.showTable = !1)
+            onClose: a[1] || (a[1] = (l) => S.value.showTable = !1)
           }, {
             th: C(({ th: l }) => [
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Wt)
+              }, null, 8, jt)
             ]),
             td: C(({ td: l }) => [
-              rt(L(l.name || l), 1)
+              nt(L(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 46, Ot));
+    ], 46, It));
   }
-}, nl = /* @__PURE__ */ Tt(jt, [["__scopeId", "data-v-57f08504"]]);
+}, ul = /* @__PURE__ */ Ot(qt, [["__scopeId", "data-v-0a09e1d3"]]);
 export {
-  nl as default
+  ul as default
 };

package/dist/vue-ui-circle-pack-BrmdreXG.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-C_VTEz1N.cjs"),ve=require("./useNestedProp-C7bLHE7v.cjs"),fe=require("./usePrinter-DWCqeYW6.cjs"),Oe=require("./Title-DFq_8HYJ.cjs"),Fe=require("./PenAndPaper-BsncKiRE.cjs"),Ie=require("./useUserOptionState-BgepsfED.cjs"),Me=require("./PackageVersion-CdmZAhdE.cjs"),_e=require("./vue-ui-accordion-CtBhoUw4.cjs"),Ae=require("./DataTable-D93-QmC8.cjs"),De=require("./vue-ui-skeleton-D1bJntn7.cjs"),Le=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),qe=["id"],Re=["xmlns","viewBox"],Ue=["x","y","width","height"],He=["id"],Ge=["stop-color"],Ye=["stop-color"],We=["stop-color"],Xe={key:0},je=["x","y","width","height","stroke","stroke-width","fill","rx","onMouseenter"],Ze=["x","y","width","height","stroke","stroke-width","fill","rx"],Je=["opacity","x","y","font-size","fill","font-weight"],Ke=["opacity","x","y","font-size","fill","font-weight"],Qe=["d","fill"],et=["cx","cy","r","opacity","stroke","fill"],tt={key:0,style:{pointerEvents:"none"}},lt={key:1},at=["opacity","x","y","font-size","fill","font-weight"],ot=["opacity","x","y","font-size","fill","font-weight"],rt={key:6,class:"vue-data-ui-watermark"},nt=["innerHTML"],st={__name:"vue-ui-circle-pack",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(me,{expose:he}){const y=me;e.useCssVars(l=>({"76fa81dc":C.value,"68186f8b":M.value}));const{vue_ui_circle_pack:pe}=r.useConfig(),$=e.computed(()=>!!y.dataset&&y.dataset.length),k=e.ref(r.createUid()),V=e.ref(null),ye=e.ref(null),ge=e.ref(null),H=e.ref(0),G=e.ref(0),Y=e.ref(0),ke=e.ref(null),t=e.computed({get:()=>j(),set:l=>l}),{userOptionsVisible:O,setUserOptionsVisibility:W,keepUserOptionState:X}=Ie.useUserOptionState({config:t.value});function j(){const l=ve.useNestedProp({userConfig:y.config,defaultConfig:pe});return l.theme?{...ve.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}=fe.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 ze()}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 Ce(l,o,a,u){const c=o*2;for(let h of l)for(let p=0;p<360;p+=30){let B=p*Math.PI/180,i=h.x+c*Math.cos(B),n=h.y+c*Math.sin(B),m={x:i,y:n,radius:o};if(i-o>=0&&i+o<=a&&n-o>=0&&n+o<=u&&!le(m,l))return{x:i,y:n}}return null}function xe(l,o,a,u,c=0,h=0){const p=Math.max(...l.map(m=>m.value)),i=l.map((m,d)=>({...m,radius:m.value/p*u,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,...se}=m,D=Ce(n,d,o,a);if(D)n.push({...se,x:D.x,y:D.y,radius:d});else{let L=null,ue=1/0;for(let E of n)for(let q=0;q<360;q+=15){let ie=q*Math.PI/180,R=E.x+(d+E.radius)*Math.cos(ie),U=E.y+(d+E.radius)*Math.sin(ie),T={...se,x:R,y:U,radius:d};if(R-d>=0&&R+d<=o&&U-d>=0&&U+d<=a&&!le(T,n)){let ce=n.reduce((Ve,de)=>Ve+(te(T,de)<T.radius+de.radius?1:0),0);ce<ue&&(ue=ce,L=T)}}L&&n.push(L)}}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([]),we=e.computed(()=>Math.max(...f.value.map(l=>l.radius)));function ae(l,o){return o/we.value*l}async function ze(){f.value=xe(I.value,1e4,1e4,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]),u=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,B=(u==null?void 0:u.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(B-p)+(o?o.radius:0)+(u?u.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}}),Be=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)})),s=e.ref(null);function $e(l){t.value.style.chart.circles.zoom.show&&(s.value=l)}const C=e.computed(()=>s.value?s.value.radius:0),M=e.computed(()=>s.value?s.value.radius>v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio?s.value.radius:v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio:0),g=e.ref(0),Pe=e.computed(()=>({pointerEvents:"none",opacity:g.value,filter:`drop-shadow(0px 0px 6px ${r.darkenHexColor(s.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 u=(a-l)/t.value.style.chart.circles.zoom.animationFrameMs;u<1?(x.value=C.value+(M.value-C.value)*u,g.value=0+t.value.style.chart.circles.zoom.opacity*u,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 _(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 Ne(){return r.applyDataLabel(t.value.style.chart.circles.zoom.label.value.formatter,s.value.value,r.dataLabel({p:t.value.style.chart.circles.zoom.label.value.prefix,v:s.value.value,s:t.value.style.chart.circles.zoom.label.value.suffix,r:t.value.style.chart.circles.zoom.label.rounding}))}function Se(l){if(!l)return 0;const o=l.radius/_(l).length*(_(l).length===1?1:2);return Math.min(l.radius/2.5,o)}const z=e.ref(!1);function Ee(l){z.value=l,Y.value+=1}const P=e.ref(!1);function A(){P.value=!P.value}const N=e.computed(()=>{const l=I.value.map(a=>({name:a.name,value:a.value,color:a.color})).toSorted((a,u)=>u.value-a.value),o=l.map(a=>a.value);return{head:l,body:o}});function re(){e.nextTick(()=>{const l=N.value.head.map((u,c)=>[[u.name],[N.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 S=e.computed(()=>{const l=[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],o=N.value.head.map((c,h)=>{const p=r.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:N.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 ne(){b.value.showTable=!b.value.showTable}function Te(){return I.value}return he({getData:Te,generateCsv:re,generatePdf:K,generateImage:Q,toggleTable:ne,toggleAnnotator:A}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{id:`vue-ui-circle-pack_${k.value}`,class:e.normalizeClass(`vue-ui-circle-pack ${z.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(Fe.PenAndPaper,{key:0,parent:V.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:P.value,onClose:A},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:ge,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:ye,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Oe._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(fe.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:z.value,chartElement:V.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleFullscreen:Ee,onGeneratePdf:e.unref(K),onGenerateCsv:re,onGenerateImage:e.unref(Q),onToggleTable:ne,onToggleAnnotator:A,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:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:u})),void 0,!0)]),key:"4"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:u})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:u})),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,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":z.value,"vue-data-ui-fulscreen--off":!z.value}),style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color};`)},[e.createVNode(Me._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,Ue)):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,Ge),e.createElementVNode("stop",{offset:"90%","stop-color":e.unref(r.darkenHexColor)(a.color,.1)},null,8,Ye),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,We)],8,He)]),l.$slots.pattern?(e.openBlock(),e.createElementBlock("g",Xe,[e.createElementVNode("defs",null,[e.renderSlot(l.$slots,"pattern",e.normalizeProps(e.guardReactiveProps({...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:()=>$e(a),onMouseout:o[0]||(o[0]=u=>s.value=null)},null,40,je),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,Ze)):e.createCommentVNode("",!0),t.value.style.chart.circles.labels.name.show&&a.name?(e.openBlock(),e.createElementBlock("text",{key:2,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:s.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,Je)):e.createCommentVNode("",!0),t.value.style.chart.circles.labels.value.show?(e.openBlock(),e.createElementBlock("text",{key:3,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:s.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":Se(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)),9,Ke)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Be.value,u=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u,c=>(e.openBlock(),e.createElementBlock("path",{d:c.arcSlice,fill:c.color,stroke:"black"},null,8,Qe))),256))],64))),256))],64))),256)),s.value&&t.value.style.chart.circles.zoom.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("circle",{style:e.normalizeStyle(Pe.value),cx:s.value.x,cy:s.value.y,r:x.value,opacity:g.value,stroke:t.value.style.chart.circles.stroke,fill:t.value.style.chart.circles.gradient.show?`url(#${s.value.id})`:s.value.color},null,12,et),l.$slots["zoom-label"]?(e.openBlock(),e.createElementBlock("g",tt,[e.renderSlot(l.$slots,"zoom-label",e.normalizeProps(e.guardReactiveProps({...s.value,zoomOpacity:g.value,currentRadius:x.value,fontSize:w.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock("g",lt,[e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:s.value.x,y:s.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)(s.value.color),"font-weight":t.value.style.chart.circles.zoom.label.name.bold?"bold":"normal"},e.toDisplayString(s.value.name),9,at),e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:s.value.x,y:s.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)(s.value.color),"font-weight":t.value.style.chart.circles.zoom.label.value.bold?"bold":"normal"},e.toDisplayString(Ne()),9,ot)]))],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:{...v.value}},void 0,!0)],14,Re)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(De.default,{key:5,config:{type:"circlePack",style:{color:"#CCCCCC"}}})),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",rt,[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:ke,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createBlock(_e.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(Ae.DataTable,{key:`table_${G.value}`,colNames:S.value.colNames,head:S.value.head,body:S.value.body,config:S.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,nt)]),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,qe))}},ut=Le._export_sfc(st,[["__scopeId","data-v-0a09e1d3"]]);exports.default=ut;