vue-data-ui 3.4.7 → 3.4.9

package/dist/{vue-ui-donut-evolution-CCdIWlyZ.js → vue-ui-donut-evolution-Ca3Svr0B.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as E, ref as i, shallowRef as xt, computed as y, onMounted as il, toRefs as cl, nextTick as Ie, watch as re, watchEffect as vl, onBeforeUnmount as dl, createElementBlock as n, openBlock as u, unref as c, normalizeStyle as K, normalizeClass as N, createBlock as T, createCommentVNode as v, createElementVNode as b, createSlots as pt, withCtx as p, renderSlot as S, normalizeProps as Z, guardReactiveProps as ee, createVNode as kt, Fragment as $, renderList as z, toDisplayString as k, Teleport as hl, resolveDynamicComponent as yl, mergeProps as gl, createTextVNode as Oe } from "vue";
-import { c as wt, o as Ct, f as ie, g as fl, t as bl, b as ml, p as ce, O as _t, e as xl, h as Te, a1 as pl, m as Lt, T as De, a as Ne, d as ve, X as kl, s as te, a2 as wl, M as Cl, V as _l, W as Ll, Y as At, P as Al, Q as Sl, a3 as St, a4 as $l } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as E, ref as i, shallowRef as pt, computed as y, onMounted as il, toRefs as cl, nextTick as Ie, watch as re, watchEffect as vl, onBeforeUnmount as dl, createElementBlock as n, openBlock as u, unref as c, normalizeStyle as K, normalizeClass as N, createBlock as T, createCommentVNode as v, createElementVNode as b, createSlots as xt, withCtx as x, renderSlot as A, normalizeProps as Z, guardReactiveProps as ee, createVNode as kt, Fragment as $, renderList as z, toDisplayString as k, Teleport as hl, resolveDynamicComponent as yl, mergeProps as gl, createTextVNode as Oe } from "vue";
+import { c as wt, o as Ct, f as ie, g as fl, t as bl, b as ml, p as ce, O as _t, e as pl, h as Te, a1 as xl, m as Lt, T as De, a as Ne, d as ve, X as kl, s as te, a2 as wl, M as Cl, V as _l, W as Ll, Y as At, P as Al, Q as Sl, a3 as St, a4 as $l } from "./lib-C_mNZmhD.js";
 import { t as $t, u as zl } from "./useResponsive-DfdjqQps.js";
 import { u as Il, a as zt } from "./useNestedProp-BjZe1Y85.js";
 import { u as Ol } from "./usePrinter-DTzqpYKF.js";
@@ -15,7 +15,7 @@ import { t as Ml } from "./themes-AUNCOb2G.js";
 import Hl from "./Legend-G6GMcdAc.js";
 import { S as Ul } from "./Slicer-D2wm0coO.js";
 import { _ as Xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "width", "height"], ql = ["id"], Ql = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Zl = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = { key: 1 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ua = { key: 0 }, sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], na = ["font-size", "fill", "transform"], ra = ["x", "y", "font-size", "fill"], ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["x", "y", "font-size", "fill", "font-weight"], va = { key: 0 }, da = ["text-anchor", "font-size", "fill", "transform"], ha = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], ya = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ga = { key: 1 }, fa = ["cx", "cy", "r", "fill"], ba = { key: 0 }, ma = { key: 0 }, xa = ["d", "stroke"], pa = ["text-anchor", "x", "y", "fill"], ka = ["cx", "cy", "r", "fill"], wa = { key: 0 }, Ca = ["cx", "cy", "fill"], _a = { key: 1 }, La = ["d", "fill", "stroke"], Aa = { key: 2 }, Sa = ["d", "fill", "stroke"], $a = ["x", "y", "font-size", "fill"], za = ["x", "y", "width", "height", "fill"], Ia = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Oa = {
+const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "width", "height"], ql = ["id"], Ql = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Zl = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = { key: 1 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ua = { key: 0 }, sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], na = ["font-size", "fill", "transform"], ra = ["x", "y", "font-size", "fill"], ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["x", "y", "font-size", "fill", "font-weight"], va = { key: 0 }, da = ["text-anchor", "font-size", "fill", "transform"], ha = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], ya = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ga = { key: 1 }, fa = ["cx", "cy", "r", "fill"], ba = { key: 0 }, ma = { key: 0 }, pa = ["d", "stroke"], xa = ["text-anchor", "x", "y", "fill"], ka = ["cx", "cy", "r", "fill"], wa = { key: 0 }, Ca = ["cx", "cy", "fill"], _a = { key: 1 }, La = ["d", "fill", "stroke"], Aa = { key: 2 }, Sa = ["d", "fill", "stroke"], $a = ["x", "y", "font-size", "fill"], za = ["x", "y", "width", "height", "fill"], Ia = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Oa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ta = ["id"], Da = ["onClick"], Na = { key: 0 }, Pa = { key: 1 }, Ra = {
@@ -36,7 +36,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
   },
   emits: ["selectLegend"],
   setup(It, { expose: Ot, emit: Tt }) {
-    const Dt = E(() => import("./vue-ui-accordion-CZ0thhxa.js")), Nt = E(() => import("./BaseIcon-BmMbm4d0.js")), Pt = E(() => import("./DataTable-BT7VF2ua.js")), Rt = E(() => import("./PackageVersion-QNVkHOgG.js")), Ft = E(() => import("./PenAndPaper-DSvu9dwa.js")), Et = E(() => import("./UserOptions-CnzumGJj.js")), Vt = E(() => import("./vue-ui-donut-CRvfqCUO.js")), Pe = E(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_donut_evolution: Bt } = Il(), m = It, D = i(wt()), C = i([]), f = i(null), le = i(null), de = i(!1), V = i(null), P = i(null), Mt = i(null), Re = i(0), Fe = i(0), Ee = i(0), Ve = i(0), Be = i(0), he = i(null), ae = i(null), ye = i(null), ge = i(null), Me = i(!1), Y = i(null), fe = i(null), He = i(null), Ue = i(null), Xe = i(null), We = i(null), Ge = i(null), be = i(!1), j = xt(null), oe = xt(null), Ye = i(null), je = Tt, qe = y(() => !!m.dataset && m.dataset.length);
+    const Dt = E(() => import("./vue-ui-accordion-CZ0thhxa.js")), Nt = E(() => import("./BaseIcon-BmMbm4d0.js")), Pt = E(() => import("./DataTable-BT7VF2ua.js")), Rt = E(() => import("./PackageVersion-CTUqGqWV.js")), Ft = E(() => import("./PenAndPaper-DSvu9dwa.js")), Et = E(() => import("./UserOptions-CGnQt6Fd.js")), Vt = E(() => import("./vue-ui-donut-DjQXHBJE.js")), Pe = E(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_donut_evolution: Bt } = Il(), m = It, D = i(wt()), C = i([]), f = i(null), le = i(null), de = i(!1), V = i(null), P = i(null), Mt = i(null), Re = i(0), Fe = i(0), Ee = i(0), Ve = i(0), Be = i(0), he = i(null), ae = i(null), ye = i(null), ge = i(null), Me = i(!1), Y = i(null), fe = i(null), He = i(null), Ue = i(null), Xe = i(null), We = i(null), Ge = i(null), be = i(!1), j = pt(null), oe = pt(null), Ye = i(null), je = Tt, qe = y(() => !!m.dataset && m.dataset.length);
     il(() => {
       Me.value = !0, Qe();
     });
@@ -61,7 +61,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
         });
       }), Ct(m.dataset) || (se.value = e.value.loading), setTimeout(() => {
         be.value = !0;
-      }, 10), xe(), e.value.responsive) {
+      }, 10), pe(), e.value.responsive) {
         const t = $t(() => {
           be.value = !1;
           const { width: a, height: l } = zl({
@@ -86,7 +86,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       prepareConfig: we,
       callback: () => {
         Promise.resolve().then(async () => {
-          await xe();
+          await pe();
         });
       },
       skeletonDataset: [
@@ -156,9 +156,9 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       end: Ke.value
     });
     function Ze() {
-      xe();
+      pe();
     }
-    async function xe() {
+    async function pe() {
       await Ie(), await Ie();
       const { startIndex: t, endIndex: a } = e.value.style.chart.zoom, l = We.value;
       h.value = { start: 0, max: I.value }, (t != null || a != null) && l ? (t != null ? l.setStartValue(t) : (h.value.start = 0, l.setStartValue(0)), a != null ? l.setEndValue(Ht(a + 1)) : (h.value.end = I.value, l.setEndValue(I.value))) : (h.value = {
@@ -170,7 +170,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       const a = I.value;
       return t > a ? a : t < 0 || e.value.style.chart.zoom.startIndex !== null && t < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : t;
     }
-    const { userOptionsVisible: pe, setUserOptionsVisibility: et, keepUserOptionState: tt } = Rl({ config: e.value }), { svgRef: ke } = Fl({ config: e.value.style.chart.title });
+    const { userOptionsVisible: xe, setUserOptionsVisibility: et, keepUserOptionState: tt } = Rl({ config: e.value }), { svgRef: ke } = Fl({ config: e.value.style.chart.title });
     function we() {
       const t = zt({
         userConfig: m.config,
@@ -186,7 +186,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       } : a = t, m.config && _t(m.config, "style.chart.zoom.startIndex") ? a.style.chart.zoom.startIndex = m.config.style.chart.zoom.startIndex : a.style.chart.zoom.startIndex = null, m.config && _t(m.config, "style.chart.zoom.endIndex") ? a.style.chart.zoom.endIndex = m.config.style.chart.zoom.endIndex : a.style.chart.zoom.endIndex = null, a;
     }
     re(() => m.config, (t) => {
-      Je.value || (e.value = we()), pe.value = !e.value.userOptions.showOnChartHover, Qe(), Ee.value += 1, Ve.value += 1, Be.value += 1, B.value.showTable = e.value.table.show;
+      Je.value || (e.value = we()), xe.value = !e.value.userOptions.showOnChartHover, Qe(), Ee.value += 1, Ve.value += 1, Be.value += 1, B.value.showTable = e.value.table.show;
     }, { deep: !0 }), re(() => m.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (se.value = !1), Ze();
     }, { deep: !0 });
@@ -194,7 +194,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       elementId: D.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
       options: e.value.userOptions.print
-    }), Ut = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), Xt = y(() => xl(e.value.customPalette)), B = i({
+    }), Ut = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), Xt = y(() => pl(e.value.customPalette)), B = i({
       showTable: e.value.table.show
     });
     re(e, () => {
@@ -236,7 +236,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       let a = 0;
       return ae.value && (a = Ce.value), t + a + e.value.style.chart.layout.grid.axis.fontSize + e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
     }), r = y(() => {
-      const t = Wt(), a = e.value.style.chart.layout.dataLabels.fontSize * 3, l = U.value.width, s = U.value.height, o = M.value.left + t, g = l - M.value.right, d = l - o - M.value.right, x = s - M.value.top - M.value.bottom - a - st.value, G = M.value.top + a, F = s - M.value.bottom - st.value;
+      const t = Wt(), a = e.value.style.chart.layout.dataLabels.fontSize * 3, l = U.value.width, s = U.value.height, o = M.value.left + t, g = l - M.value.right, d = l - o - M.value.right, p = s - M.value.top - M.value.bottom - a - st.value, G = M.value.top + a, F = s - M.value.bottom - st.value;
       return {
         top: G,
         left: o,
@@ -245,9 +245,9 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
         absoluteHeight: s,
         absoluteWidth: l,
         centerX: o + Math.max(10, d) / 2,
-        centerY: G + Math.max(10, x) / 2,
+        centerY: G + Math.max(10, p) / 2,
         width: Math.max(10, d),
-        height: Math.max(10, x)
+        height: Math.max(10, p)
       };
     }), R = y(() => (me.value.forEach((t, a) => {
       [null, void 0].includes(t.name) && ie({
@@ -265,7 +265,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       });
     }), me.value.map((t, a) => ({
       ...t,
-      values: pl(t.values),
+      values: xl(t.values),
       color: Te(t.color) || Xt.value[a] || ce[a] || ce[a % ce.length],
       length: (t.values || []).length,
       uid: wt()
@@ -281,43 +281,43 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
     })), w = y(() => r.value.width / (h.value.end - h.value.start)), L = y(() => {
       const t = [];
       for (let o = 0; o < h.value.end - h.value.start; o += 1) {
-        const g = q.value.map((O) => O.values[o] ?? null), d = g.filter((O) => [void 0, null].includes(O)).length === g.length, x = g.reduce((O, A) => O + A, 0), G = g.map((O) => O / x), F = r.value.left + w.value * o + w.value / 2;
+        const g = q.value.map((O) => O.values[o] ?? null), d = g.filter((O) => [void 0, null].includes(O)).length === g.length, p = g.reduce((O, S) => O + S, 0), G = g.map((O) => O / p), F = r.value.left + w.value * o + w.value / 2;
         t.push({
           index: o,
           percentages: G,
-          subtotal: d || x < 0 ? null : x,
+          subtotal: d || p < 0 ? null : p,
           values: g,
           x: F
         });
       }
       const a = 0, l = Math.max(...t.map((o) => o.subtotal)), s = t.length === 1 ? l * 2 : l;
       return t.map((o, g) => {
-        const d = Math.min(r.value.width / 24, w.value / 2 * 0.7), x = d > r.value.width / 16 ? r.value.width / 16 : d, G = f.value === o.index ? r.value.width / 16 : x, F = t.length > 4 ? d * 2 : d * 2 > w.value / 2 * 0.7 ? w.value / 2 * 0.7 : d * 2, O = r.value.bottom - r.value.height * o.subtotal / Lt(a, s, e.value.style.chart.layout.grid.yAxis.dataLabels.steps).max;
+        const d = Math.min(r.value.width / 24, w.value / 2 * 0.7), p = d > r.value.width / 16 ? r.value.width / 16 : d, G = f.value === o.index ? r.value.width / 16 : p, F = t.length > 4 ? d * 2 : d * 2 > w.value / 2 * 0.7 ? w.value / 2 * 0.7 : d * 2, O = r.value.bottom - r.value.height * o.subtotal / Lt(a, s, e.value.style.chart.layout.grid.yAxis.dataLabels.steps).max;
         return {
           ...o,
           y: O,
-          radius: x,
+          radius: p,
           activeRadius: G,
           hoverRadius: F,
           donut: De({
-            series: q.value.map((A, mt) => ({
-              color: A.color,
-              name: A.name,
-              value: A.values[g] ?? 0
+            series: q.value.map((S, mt) => ({
+              color: S.color,
+              name: S.name,
+              value: S.values[g] ?? 0
             }))
-          }, o.x, O, x, x, 1.99999, 2, 1, 360, 105.25, x / 2),
+          }, o.x, O, p, p, 1.99999, 2, 1, 360, 105.25, p / 2),
           donutHover: De({
-            series: q.value.map((A, mt) => ({
-              color: A.color,
-              name: A.name,
-              value: A.values[g] ?? 0
+            series: q.value.map((S, mt) => ({
+              color: S.color,
+              name: S.name,
+              value: S.values[g] ?? 0
             }))
           }, o.x, O, F, F, 1.99999, 2, 1, 360, 105.25, F / 2),
           donutFocus: De({
-            series: q.value.map((A, mt) => ({
-              color: A.color,
-              name: A.name,
-              value: A.values[g] ?? 0
+            series: q.value.map((S, mt) => ({
+              color: S.color,
+              name: S.name,
+              value: S.values[g] ?? 0
             }))
           }, r.value.centerX, r.value.centerY, r.value.height / 3.6, r.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, r.value.height / 6)
         };
@@ -413,7 +413,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       }))).concat(["Σ"]);
       let a = [];
       for (let o = 0; o < I.value; o += 1) {
-        const g = R.value.filter((d) => !C.value.includes(d.uid)).map((d) => d.values[o] ?? 0).reduce((d, x) => d + x, 0);
+        const g = R.value.filter((d) => !C.value.includes(d.uid)).map((d) => d.values[o] ?? 0).reduce((d, p) => d + p, 0);
         a.push([_.value[o] ? _.value[o].text : "-"].concat(R.value.filter((d) => !C.value.includes(d.uid)).map((d) => ({
           value: d.values[o] ?? 0,
           percentage: d.values[o] ? d.values[o] / g * 100 : 0
@@ -441,7 +441,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
     }
     function Se(t = null) {
       Ie(() => {
-        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...W.value.head.map((d) => d.name ?? d)], s = [...W.value.body.map((d) => d.map((x) => x.value ?? x))], o = a.concat([l]).concat(s), g = Al(o);
+        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...W.value.head.map((d) => d.name ?? d)], s = [...W.value.body.map((d) => d.map((p) => p.value ?? p))], o = a.concat([l]).concat(s), g = Al(o);
         t ? t(g) : Sl({ csvContent: g, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
       });
     }
@@ -607,7 +607,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       b("div", {
         id: `legend-top-${D.value}`
       }, null, 8, Gl),
-      e.value.userOptions.show && qe.value && (c(tt) || c(pe)) ? (u(), T(c(Et), {
+      e.value.userOptions.show && qe.value && (c(tt) || c(xe)) ? (u(), T(c(Et), {
         ref_key: "userOptionsRef",
         ref: fe,
         key: `user_options_${Re.value}`,
@@ -639,57 +639,64 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
         onToggleTable: dt,
         onToggleAnnotator: $e,
         style: K({
-          visibility: c(tt) ? c(pe) ? "visible" : "hidden" : "visible"
+          visibility: c(tt) ? c(xe) ? "visible" : "hidden" : "visible"
         })
-      }, pt({ _: 2 }, [
+      }, xt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: p(({ isOpen: l, color: s }) => [
-            S(t.$slots, "menuIcon", Z(ee({ isOpen: l, color: s })), void 0, !0)
+          fn: x(({ isOpen: l, color: s }) => [
+            A(t.$slots, "menuIcon", Z(ee({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: p(() => [
-            S(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: x(() => [
+            A(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: p(() => [
-            S(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: x(() => [
+            A(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: p(() => [
-            S(t.$slots, "optionImg", {}, void 0, !0)
+          fn: x(() => [
+            A(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: x(() => [
+            A(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: p(() => [
-            S(t.$slots, "optionTable", {}, void 0, !0)
+          fn: x(() => [
+            A(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: l, isFullscreen: s }) => [
-            S(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: x(({ toggleFullscreen: l, isFullscreen: s }) => [
+            A(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: l, isAnnotator: s }) => [
-            S(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: x(({ toggleAnnotator: l, isAnnotator: s }) => [
+            A(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       (u(), n("svg", {
@@ -711,7 +718,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
             pointerEvents: "none"
           }
         }, [
-          S(t.$slots, "chart-background", {}, void 0, !0)
+          A(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, jl)) : v("", !0),
         b("defs", null, [
           b("linearGradient", {
@@ -908,7 +915,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   fill: "none"
-                }, null, 8, xa)) : v("", !0)
+                }, null, 8, pa)) : v("", !0)
               ]))), 256)),
               (u(!0), n($, null, z(l.donutHover, (o, g) => (u(), n("g", null, [
                 ht(o) ? (u(), n("text", {
@@ -920,7 +927,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
                   fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
                   "font-size": 8,
                   "font-weight": "bold"
-                }, k(o.name) + ": " + k(qt(o, l.donut)) + " (" + k(o.value === null ? "-" : nt(o.value, o, g)) + ") ", 9, pa)) : v("", !0)
+                }, k(o.name) + ": " + k(qt(o, l.donut)) + " (" + k(o.value === null ? "-" : nt(o.value, o, g)) + ") ", 9, xa)) : v("", !0)
               ]))), 256)),
               b("g", null, [
                 b("circle", {
@@ -996,10 +1003,10 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
           onClick: (o) => it(l, s),
           class: N({ "donut-hover": f.value === l.index && l.subtotal })
         }, null, 42, Ia))), 256)),
-        S(t.$slots, "svg", { svg: r.value }, void 0, !0)
+        A(t.$slots, "svg", { svg: r.value }, void 0, !0)
       ], 14, Yl)),
       t.$slots.watermark ? (u(), n("div", Oa, [
-        S(t.$slots, "watermark", Z(ee({ isPrinting: c(lt) || c(at) })), void 0, !0)
+        A(t.$slots, "watermark", Z(ee({ isPrinting: c(lt) || c(at) })), void 0, !0)
       ])) : v("", !0),
       b("div", {
         ref_key: "chartSlicer",
@@ -1036,8 +1043,8 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
           focusRangeRatio: e.value.style.chart.zoom.focusRangeRatio,
           onReset: Ze
         }, {
-          "reset-action": p(({ reset: l }) => [
-            S(t.$slots, "reset-action", Z(ee({ reset: l })), void 0, !0)
+          "reset-action": x(({ reset: l }) => [
+            A(t.$slots, "reset-action", Z(ee({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "focusOnDrag", "focusRangeRatio"])) : v("", !0)
@@ -1059,7 +1066,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
             config: Jt.value,
             onClickMarker: a[2] || (a[2] = ({ legend: l }) => Ae(l.uid))
           }, {
-            item: p(({ legend: l, index: s }) => [
+            item: x(({ legend: l, index: s }) => [
               b("div", {
                 onClick: (o) => Ae(l.uid),
                 style: K(`opacity:${C.value.includes(l.uid) ? 0.5 : 1}`)
@@ -1067,7 +1074,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : v("", !0),
-          S(t.$slots, "legend", { legend: Le.value }, void 0, !0)
+          A(t.$slots, "legend", { legend: Le.value }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : v("", !0),
       t.$slots.source ? (u(), n("div", {
@@ -1076,14 +1083,14 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
         ref: Xe,
         dir: "auto"
       }, [
-        S(t.$slots, "source", {}, void 0, !0)
+        A(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
       qe.value && e.value.userOptions.buttons.table ? (u(), T(yl(J.value.component), gl({ key: 7 }, J.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: ft
-      }), pt({
-        content: p(() => [
+      }), xt({
+        content: x(() => [
           (u(), T(c(Pt), {
             key: `table_${Ve.value}`,
             colNames: W.value.colNames,
@@ -1094,10 +1101,10 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
             withCloseButton: !e.value.table.useDialog,
             onClose: ft
           }, {
-            th: p(({ th: l }) => [
+            th: x(({ th: l }) => [
               Oe(k(l.name ?? l), 1)
             ]),
-            td: p(({ td: l }) => [
+            td: x(({ td: l }) => [
               l.value === null ? (u(), n("span", Na, "-")) : (u(), n("b", Pa, k(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + k(!isNaN(l.value) && l.value !== null ? Number(l.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : l) + k(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
               b("span", null, k(l.percentage && !isNaN(l.percentage) ? `(${Number(l.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
             ]),
@@ -1108,14 +1115,14 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: p(() => [
+          fn: x(() => [
             Oe(k(J.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: p(() => [
+          fn: x(() => [
             b("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1144,10 +1151,10 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
         isFullscreen: H.value,
         fullscreenParent: P.value
       }, {
-        title: p(() => [
+        title: x(() => [
           Oe(k(_.value[Number(V.value.index)] ? _.value[Number(V.value.index)].text : ""), 1)
         ]),
-        content: p(() => [
+        content: x(() => [
           V.value ? (u(), T(c(Vt), {
             key: 0,
             config: gt.value,
@@ -1159,7 +1166,7 @@ const Wl = ["id"], Gl = ["id"], Yl = ["xmlns", "viewBox"], jl = ["x", "y", "widt
       c(Je) ? (u(), T(Dl, { key: 9 })) : v("", !0)
     ], 46, Wl));
   }
-}, eo = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-ccc6a583"]]);
+}, eo = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-33d95825"]]);
 export {
   eo as default
 };

package/dist/{vue-ui-dumbbell-CLmwZyrf.js → vue-ui-dumbbell-CxCE2luV.js}

@@ -34,7 +34,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
   },
   emits: ["selectDatapoint"],
   setup(ht, { expose: ft, emit: _a }) {
-    const bt = P(() => import("./BaseIcon-BmMbm4d0.js")), yt = P(() => import("./vue-ui-accordion-CZ0thhxa.js")), gt = P(() => import("./DataTable-BT7VF2ua.js")), mt = P(() => import("./PenAndPaper-DSvu9dwa.js")), pt = P(() => import("./UserOptions-CnzumGJj.js")), xt = P(() => import("./PackageVersion-QNVkHOgG.js")), _t = P(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_dumbbell: kt } = el(), S = ht, J = g({
+    const bt = P(() => import("./BaseIcon-BmMbm4d0.js")), yt = P(() => import("./vue-ui-accordion-CZ0thhxa.js")), gt = P(() => import("./DataTable-BT7VF2ua.js")), mt = P(() => import("./PenAndPaper-DSvu9dwa.js")), pt = P(() => import("./UserOptions-CGnQt6Fd.js")), xt = P(() => import("./PackageVersion-CTUqGqWV.js")), _t = P(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_dumbbell: kt } = el(), S = ht, J = g({
       get() {
         return !!S.dataset && S.dataset.length;
       },
@@ -648,26 +648,33 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ]),
           key: "3"
         } : void 0,
+        l.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: p(() => [
+            x(l.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
           fn: p(() => [
             x(l.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
             x(l.$slots, "optionFullscreen", se(oe({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
             x(l.$slots, "optionAnnotator", se(oe({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       (n(), v("svg", {
@@ -1198,7 +1205,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       i(ce) ? (n(), O(al, { key: 8 })) : y("", !0)
     ], 46, hl));
   }
-}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-92925706"]]);
+}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-aeb2adfe"]]);
 export {
   Fa as default
 };