vue-data-ui 2.16.6 → 2.17.0

package/dist/{vue-ui-waffle-Ce3T4BPp.js → vue-ui-waffle-BpWLlfpg.js}

@@ -1,18 +1,19 @@
-import { defineAsyncComponent as B, useSlots as pt, computed as d, ref as c, watch as Me, shallowRef as De, onMounted as ft, onBeforeUnmount as yt, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as Re, createBlock as V, createCommentVNode as f, createElementVNode as x, createVNode as ve, createSlots as Ue, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ee, toDisplayString as L, createTextVNode as Ge, nextTick as gt } from "vue";
-import { u as bt, c as mt, t as wt, p as M, a as kt, o as xt, e as ce, g as Ct, b as $t, i as q, f as _, X as _t, s as It, w as Tt, F as St, L as Ot, d as Pt, q as At, r as Ft, x as Lt, y as zt } from "./index-DvIXJm6t.js";
-import { t as Nt, u as Bt } from "./useResponsive-DfdjqQps.js";
-import { u as je } from "./useNestedProp-DrYHm61t.js";
-import { u as Vt } from "./usePrinter-CWnXbGMb.js";
-import { u as Mt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import Rt from "./Title-Gi81VwUM.js";
-import Ut from "./Legend-nBXoxXJH.js";
-import { _ as Et } from "./Shape-Bnf512BA.js";
-import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"], Xt = ["stop-color"], Yt = ["id"], Jt = ["x", "y", "height", "width"], Kt = ["height", "width"], Qt = { key: 0 }, Zt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], el = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], tl = { key: 1 }, ll = ["rx", "x", "y", "height", "width", "fill", "filter"], al = ["x", "y", "height", "width", "filter"], ol = { key: 0 }, ul = { key: 1 }, sl = { key: 2 }, rl = { key: 3 }, nl = ["onMouseover", "x", "y", "height", "width"], il = {
+import { defineAsyncComponent as V, useSlots as ft, computed as d, ref as c, watch as De, shallowRef as Re, onMounted as yt, onBeforeUnmount as gt, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as Ue, createBlock as M, createCommentVNode as f, createElementVNode as x, createVNode as ve, createSlots as Ee, withCtx as m, renderSlot as g, normalizeProps as W, guardReactiveProps as q, Fragment as $, renderList as F, mergeProps as Ge, toDisplayString as L, createTextVNode as je, nextTick as mt } from "vue";
+import { u as bt, c as wt, t as kt, p as D, a as xt, o as Ct, e as ce, g as $t, b as _t, i as H, f as _, X as It, s as Tt, w as St, F as Ot, L as Pt, d as At, q as Ft, r as Lt, x as zt, y as Nt } from "./index-pPGk-uhD.js";
+import { t as Bt, u as Vt } from "./useResponsive-DfdjqQps.js";
+import { u as We } from "./useNestedProp-DjACxgdZ.js";
+import { u as Mt } from "./usePrinter-DDHcrl0A.js";
+import { u as Dt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
+import Ut from "./Title-B-2bV0SW.js";
+import Et from "./Legend-Bxlv67uY.js";
+import { _ as Gt } from "./Shape-DtFT5EJa.js";
+import jt from "./img-Y_hYz-ZC.js";
+import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const qt = ["id"], Ht = ["xmlns", "viewBox"], Xt = ["id"], Yt = ["stop-color"], Jt = ["stop-color"], Kt = ["id"], Qt = ["x", "y", "height", "width"], Zt = ["height", "width"], el = { key: 0 }, tl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], ll = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], al = { key: 1 }, ol = ["rx", "x", "y", "height", "width", "fill", "filter"], ul = ["x", "y", "height", "width", "filter"], sl = { key: 0 }, rl = { key: 1 }, nl = { key: 2 }, il = { key: 3 }, vl = ["onMouseover", "x", "y", "height", "width"], cl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, vl = ["onClick"], cl = { key: 0 }, dl = { key: 1 }, hl = ["innerHTML"], pl = {
+}, dl = ["onClick"], hl = { key: 0 }, pl = { key: 1 }, fl = ["innerHTML"], yl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -29,34 +30,34 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
     }
   },
   emits: ["selectLegend"],
-  setup(We, { expose: qe, emit: He }) {
-    const Xe = B(() => import("./DataTable-CHBLjKtZ.js")), Ye = B(() => import("./PenAndPaper-BPTpbnay.js")), Je = B(() => import("./vue-ui-accordion-D55kCO5G.js")), Ke = B(() => import("./vue-ui-skeleton-BAOt2neL.js")), Qe = B(() => import("./Tooltip-CJxVw7-T.js")), Ze = B(() => import("./UserOptions-CBEK6_jo.js")), et = B(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_waffle: tt } = bt(), m = We, lt = pt(), Q = d(() => !!m.dataset && m.dataset.length), k = c(mt()), at = c(null), ae = c(!1), oe = c(""), D = c(null), de = c(0), H = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(null), ge = c(0), be = c(0), me = c(0), e = d({
+  setup(qe, { expose: He, emit: Xe }) {
+    const Ye = V(() => import("./DataTable-D0VYDhfx.js")), Je = V(() => import("./PenAndPaper-D6AqipIO.js")), Ke = V(() => import("./vue-ui-accordion-CVnA550V.js")), Qe = V(() => import("./vue-ui-skeleton-DJPjyNYn.js")), Ze = V(() => import("./Tooltip-CoQnTnr-.js")), et = V(() => import("./UserOptions-Dd34lEKb.js")), tt = V(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_waffle: lt } = bt(), b = qe, at = ft(), Q = d(() => !!b.dataset && b.dataset.length), k = c(wt()), ot = c(null), ae = c(!1), oe = c(""), R = c(null), de = c(0), z = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(null), ge = c(0), me = c(0), be = c(0), e = d({
       get: () => Ce(),
       set: (t) => t
-    }), { userOptionsVisible: ue, setUserOptionsVisibility: we, keepUserOptionState: ke } = Mt({ config: e.value }), { svgRef: xe } = Dt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ue, setUserOptionsVisibility: we, keepUserOptionState: ke } = Dt({ config: e.value }), { svgRef: xe } = Rt({ config: e.value.style.chart.title });
     function Ce() {
-      const t = je({
-        userConfig: m.config,
-        defaultConfig: tt
+      const t = We({
+        userConfig: b.config,
+        defaultConfig: lt
       });
       return t.theme ? {
-        ...je({
-          userConfig: kt.vue_ui_waffle[t.theme] || m.config,
+        ...We({
+          userConfig: xt.vue_ui_waffle[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: wt[t.theme] || M
+        customPalette: kt[t.theme] || D
       } : t;
     }
-    Me(() => m.config, (t) => {
-      e.value = Ce(), ue.value = !e.value.userOptions.showOnChartHover, $e(), ge.value += 1, be.value += 1, me.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+    De(() => b.config, (t) => {
+      e.value = Ce(), ue.value = !e.value.userOptions.showOnChartHover, $e(), ge.value += 1, me.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const A = De(null), R = De(null);
+    const A = Re(null), U = Re(null);
     function $e() {
-      if (xt(m.dataset) ? ce({
+      if (Ct(b.dataset) ? ce({
         componentName: "VueUiWaffle",
         type: "dataset"
-      }) : m.dataset.forEach((t, a) => {
-        Ct({
+      }) : b.dataset.forEach((t, a) => {
+        $t({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -68,34 +69,34 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           });
         });
       }), e.value.responsive) {
-        const t = Nt(() => {
-          const { width: a, height: l } = Bt({
-            chart: H.value,
+        const t = Bt(() => {
+          const { width: a, height: l } = Vt({
+            chart: z.value,
             title: e.value.style.chart.title.text ? he.value : null,
             legend: e.value.style.chart.legend.show ? pe.value : null,
             source: fe.value,
             noTitle: ye.value
           });
           requestAnimationFrame(() => {
-            z.value.width = a, z.value.height = l, I.value.width = a, I.value.height = l;
+            N.value.width = a, N.value.height = l, I.value.width = a, I.value.height = l;
           });
         });
-        A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect()), A.value = new ResizeObserver(t), R.value = H.value.parentNode, A.value.observe(R.value);
+        A.value && (U.value && A.value.unobserve(U.value), A.value.disconnect()), A.value = new ResizeObserver(t), U.value = z.value.parentNode, A.value.observe(U.value);
       }
     }
-    ft(() => {
+    yt(() => {
       $e();
-    }), yt(() => {
-      A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect());
+    }), gt(() => {
+      A.value && (U.value && A.value.unobserve(U.value), A.value.disconnect());
     });
-    const { isPrinting: _e, isImaging: Ie, generatePdf: Te, generateImage: Se } = Vt({
+    const { isPrinting: _e, isImaging: Ie, generatePdf: Te, generateImage: Se } = Mt({
       elementId: `vue-ui-waffle_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
-    }), ot = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Oe = d(() => $t(e.value.customPalette)), C = c({
+    }), ut = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Oe = d(() => _t(e.value.customPalette)), C = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), z = c({
+    }), N = c({
       height: 512,
       width: 512
     }), I = c({
@@ -115,24 +116,24 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
     }
     const Y = c(!1);
     function Ae() {
-      return Y.value = m.dataset.flatMap((t) => t.values.reduce((a, l) => a + l, 0)).reduce((t, a) => t + a, 0) === 0, m.dataset.map((t, a) => ({
+      return Y.value = b.dataset.flatMap((t) => t.values.reduce((a, l) => a + l, 0)).reduce((t, a) => t + a, 0) === 0, b.dataset.map((t, a) => ({
         ...t,
-        color: Pt(t.color) || Oe.value[a] || M[a] || M[a % M.length],
+        color: At(t.color) || Oe.value[a] || D[a] || D[a % D.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
     const se = d(() => Ae()), h = c(se.value);
-    Me(() => m.dataset, (t) => {
+    De(() => b.dataset, (t) => {
       h.value = Ae();
     }, { deep: !0 });
-    const ut = d(() => {
+    const st = d(() => {
       const t = h.value.filter((a, l) => !p.value.includes(a.uid)).map((a, l) => Y.value ? 1 : (a.values || []).reduce((o, u) => o + u, 0));
       return Pe(t);
-    }), st = d(() => {
+    }), rt = d(() => {
       const t = h.value.map((a, l) => Y.value ? 1 : (a.values || []).reduce((o, u) => o + u));
       return Pe(t);
-    }), J = d(() => (m.dataset.forEach((t, a) => {
+    }), J = d(() => (b.dataset.forEach((t, a) => {
       [null, void 0].includes(t.values) && ce({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -146,25 +147,25 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       color: t.color,
       value: (t.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: t.values || [],
-      proportion: ut.value[a]
-    })))), rt = d(() => h.value.map((t, a) => ({
+      proportion: st.value[a]
+    })))), nt = d(() => h.value.map((t, a) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
       value: (t.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: t.values || [],
-      proportion: st.value[a]
+      proportion: rt.value[a]
     })));
-    function nt() {
-      return rt.value.map((t) => ({
+    function it() {
+      return nt.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value,
         proportion: t.proportion
       }));
     }
-    const it = d(() => {
+    const vt = d(() => {
       let t = 0;
       return J.value.map((a, l) => {
         const o = t, u = o + a.proportion, v = [];
@@ -176,7 +177,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           rects: v
         };
       });
-    }), i = d(() => it.value.flatMap((t, a) => t.rects.map((l, o) => ({
+    }), i = d(() => vt.value.flatMap((t, a) => t.rects.map((l, o) => ({
       isFirst: o === 0,
       isLongEnough: l.length > 2,
       name: t.name,
@@ -189,7 +190,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
     }))).map((t, a) => ({
       ...t,
       isAbsoluteFirst: a % e.value.style.chart.layout.grid.size === 0
-    }))), U = d(() => {
+    }))), E = d(() => {
       const t = [];
       for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
         for (let l = 0; l < e.value.style.chart.layout.grid.size; l += 1)
@@ -200,11 +201,11 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
             y: (e.value.style.chart.layout.grid.vertical ? l : a) * (S.value + e.value.style.chart.layout.grid.spaceBetween) + I.value.top
           });
       return t;
-    }), p = c([]), N = c(!1), Fe = c(null), Le = c(null);
+    }), p = c([]), B = c(!1), Fe = c(null), Le = c(null);
     function ze(t) {
       if (Y.value) return;
       if (!e.value.useAnimation) {
-        p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < E.value.length - 1 && E.value.length > 1 && p.value.push(t);
+        p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < G.value.length - 1 && G.value.length > 1 && p.value.push(t);
         return;
       }
       const a = se.value.find((u) => u.uid === t).values.reduce((u, v) => u + v, 0), l = h.value.find((u) => u.uid === t).values.reduce((u, v) => u + v, 0);
@@ -215,7 +216,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
             o > u ? (cancelAnimationFrame(Fe.value), h.value = h.value.map((y, w) => y.uid === t ? {
               ...y,
               values: [u]
-            } : y), N.value = !1) : (N.value = !0, o += u * 0.025, h.value = h.value.map((y, w) => y.uid === t ? {
+            } : y), B.value = !1) : (B.value = !0, o += u * 0.025, h.value = h.value.map((y, w) => y.uid === t ? {
               ...y,
               values: [o]
             } : y), Fe.value = requestAnimationFrame(v));
@@ -223,19 +224,19 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           p.value = p.value.filter((y) => y !== t);
           const u = a;
           v();
-        } else if (p.value.length < E.value.length - 1 && E.value.length > 1) {
+        } else if (p.value.length < G.value.length - 1 && G.value.length > 1) {
           let u = function() {
             o < l / 100 ? (cancelAnimationFrame(Le.value), p.value.push(t), h.value = h.value.map((v, y) => v.uid === t ? {
               ...v,
               values: [0]
-            } : v), N.value = !1) : (N.value = !0, o /= 1.15, h.value = h.value.map((v) => v.uid === t ? {
+            } : v), B.value = !1) : (B.value = !0, o /= 1.15, h.value = h.value.map((v) => v.uid === t ? {
               ...v,
               values: [o]
             } : v), Le.value = requestAnimationFrame(u));
           };
           u();
         }
-        dt("selectLegend", J.value.map((u) => ({
+        ht("selectLegend", J.value.map((u) => ({
           name: u.name,
           color: u.color,
           value: u.value,
@@ -243,9 +244,9 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         })));
       }
     }
-    const E = d(() => h.value.map((t, a) => ({
+    const G = d(() => h.value.map((t, a) => ({
       name: t.name,
-      color: t.color || Oe[a] || M[a] || M[a % M.length],
+      color: t.color || Oe[a] || D[a] || D[a % D.length],
       value: (t.values || []).reduce((l, o) => l + o, 0),
       uid: t.uid,
       shape: "square"
@@ -255,7 +256,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       opacity: p.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => ze(t.uid),
       isSegregated: p.value.includes(t.uid)
-    }))), vt = d(() => ({
+    }))), ct = d(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -263,17 +264,17 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), O = d(() => J.value.map((t) => t.value).reduce((t, a) => t + a, 0)), re = c(null);
-    function ct(t) {
-      if (p.value.length === m.dataset.length) return;
+    function dt(t) {
+      if (p.value.length === b.dataset.length) return;
       const a = i.value[t];
       re.value = {
         datapoint: a,
         seriesIndex: a.absoluteIndex,
         series: h.value,
         config: e.value
-      }, ae.value = !0, D.value = i.value[t].serieIndex;
+      }, ae.value = !0, R.value = i.value[t].serieIndex;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Lt(l) && zt(() => l({
+      if (zt(l) && Nt(() => l({
         seriesIndex: i.value[t].absoluteIndex,
         datapoint: a,
         series: h.value,
@@ -287,7 +288,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         });
       else {
         let o = "";
-        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${lt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${k.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${q(
+        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${at.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${k.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${H(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
           _({
@@ -303,7 +304,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = _({
-            v: Y.value ? 1 / m.dataset.length * 100 : a.value / O.value * 100,
+            v: Y.value ? 1 / b.dataset.length * 100 : a.value / O.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -312,7 +313,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         oe.value = o;
       }
     }
-    const dt = He, P = d(() => {
+    const ht = Xe, P = d(() => {
       const t = J.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -320,20 +321,20 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       return { head: t, body: a };
     });
     function ee(t) {
-      return e.value.useBlurOnHover && ![null, void 0].includes(D.value) && D.value !== t ? `url(#blur_${k.value})` : "";
+      return e.value.useBlurOnHover && ![null, void 0].includes(R.value) && R.value !== t ? `url(#blur_${k.value})` : "";
     }
     function Ne(t = null) {
-      gt(() => {
+      mt(() => {
         const a = P.value.head.map((u, v) => [[
           u.name
-        ], [P.value.body[v]], [isNaN(P.value.body[v] / O.value) ? "-" : P.value.body[v] / O.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = At(l);
-        t ? t(o) : Ft({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
+        ], [P.value.body[v]], [isNaN(P.value.body[v] / O.value) ? "-" : P.value.body[v] / O.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Ft(l);
+        t ? t(o) : Lt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
     const te = d(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        q(
+        H(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           O.value,
           _({
@@ -349,7 +350,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           color: u.color,
           name: u.name
         },
-        q(
+        H(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           P.value.body[v],
           _({
@@ -388,38 +389,45 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         config: l,
         colNames: o
       };
-    }), G = c(!1);
-    function ht(t) {
-      G.value = t, de.value += 1;
+    }), j = c(!1);
+    function Be(t) {
+      j.value = t, de.value += 1;
     }
-    function Be() {
+    function Ve() {
       C.value.showTable = !C.value.showTable;
     }
-    function Ve() {
+    function Me() {
       C.value.showTooltip = !C.value.showTooltip;
     }
     const le = c(!1);
     function ne() {
       le.value = !le.value;
     }
-    return qe({
-      getData: nt,
+    async function pt({ scale: t = 2 } = {}) {
+      if (!z.value) return;
+      const { imageUri: a, base64: l } = await jt({ domElement: z.value, base64: !0, img: !0, scale: t });
+      return { imageUri: a, base64: l };
+    }
+    return He({
+      getData: it,
+      getImage: pt,
       generatePdf: Te,
       generateCsv: Ne,
       generateImage: Se,
-      toggleTable: Be,
-      toggleTooltip: Ve,
-      toggleAnnotator: ne
+      toggleTable: Ve,
+      toggleTooltip: Me,
+      toggleAnnotator: ne,
+      toggleFullscreen: Be
     }), (t, a) => (s(), r("div", {
-      class: Re(`vue-ui-waffle ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Ue(`vue-ui-waffle ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
-      ref: H,
+      ref: z,
       id: `vue-ui-waffle_${k.value}`,
       style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: a[3] || (a[3] = () => n(we)(!0)),
       onMouseleave: a[4] || (a[4] = () => n(we)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), V(n(Ye), {
+      e.value.userOptions.buttons.annotator ? (s(), M(n(Je), {
         key: 0,
         svgRef: n(xe),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -427,7 +435,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         active: le.value,
         onClose: ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      ot.value ? (s(), r("div", {
+      ut.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ye,
@@ -440,7 +448,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         ref: he,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), V(Rt, {
+        (s(), M(Ut, {
           key: `title_${ge.value}`,
           config: {
             title: {
@@ -454,9 +462,9 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && Q.value && (n(ke) || n(ue)) ? (s(), V(n(Ze), {
+      e.value.userOptions.show && Q.value && (n(ke) || n(ue)) ? (s(), M(n(et), {
         ref_key: "details",
-        ref: at,
+        ref: ot,
         key: `user_options_${de.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -469,79 +477,79 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: G.value,
+        isFullscreen: j.value,
         isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: H.value,
+        chartElement: z.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: le.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: ht,
+        onToggleFullscreen: Be,
         onGeneratePdf: n(Te),
         onGenerateCsv: Ne,
         onGenerateImage: n(Se),
-        onToggleTable: Be,
-        onToggleTooltip: Ve,
+        onToggleTable: Ve,
+        onToggleTooltip: Me,
         onToggleAnnotator: ne,
         style: K({
           visibility: n(ke) ? n(ue) ? "visible" : "hidden" : "visible"
         })
-      }, Ue({ _: 2 }, [
+      }, Ee({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: l, color: o }) => [
-            g(t.$slots, "menuIcon", j(W({ isOpen: l, color: o })), void 0, !0)
+          fn: m(({ isOpen: l, color: o }) => [
+            g(t.$slots, "menuIcon", W(q({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
-            g(t.$slots, "optionFullscreen", j(W({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
+            g(t.$slots, "optionFullscreen", W(q({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
-            g(t.$slots, "optionAnnotator", j(W({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
+            g(t.$slots, "optionAnnotator", W(q({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -550,12 +558,12 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         key: 4,
         ref_key: "svgRef",
         ref: xe,
-        xmlns: n(_t),
-        class: Re({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
-        viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
+        xmlns: n(It),
+        class: Ue({ "vue-data-ui-fullscreen--on": j.value, "vue-data-ui-fulscreen--off": !j.value }),
+        viewBox: `0 0 ${N.value.width <= 0 ? 10 : N.value.width} ${N.value.height <= 0 ? 10 : N.value.height}`,
         style: K(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ve(n(et)),
+        ve(n(tt)),
         x("defs", null, [
           (s(!0), r($, null, F(i.value, (l, o) => (s(), r("radialGradient", {
             cx: "50%",
@@ -567,13 +575,13 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           }, [
             x("stop", {
               offset: "0%",
-              "stop-color": n(It)(n(Tt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
-            }, null, 8, Ht),
+              "stop-color": n(Tt)(n(St)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, Yt),
             x("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Xt)
-          ], 8, qt))), 256))
+            }, null, 8, Jt)
+          ], 8, Xt))), 256))
         ]),
         x("defs", null, [
           x("filter", {
@@ -591,17 +599,17 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
               type: "saturate",
               values: "0"
             }, null, -1)
-          ]), 8, Yt)
+          ]), 8, Kt)
         ]),
-        e.value.useCustomCells && i.value.length ? (s(!0), r($, { key: 0 }, F(U.value, (l, o) => (s(), r("foreignObject", {
+        e.value.useCustomCells && i.value.length ? (s(!0), r($, { key: 0 }, F(E.value, (l, o) => (s(), r("foreignObject", {
           x: l.x,
           y: l.y,
           height: S.value <= 0 ? 1e-4 : S.value,
           width: T.value <= 0 ? 1e-4 : T.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", Ee({ ref_for: !0 }, { cell: { ...l, color: i.value[o].color, ...i.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : i.value[o].serieIndex === D.value }), void 0, !0)
-        ], 8, Jt))), 256)) : f("", !0),
+          g(t.$slots, "cell", Ge({ ref_for: !0 }, { cell: { ...l, color: i.value[o].color, ...i.value[o] }, isSelected: [null, void 0].includes(R.value) ? !0 : i.value[o].serieIndex === R.value }), void 0, !0)
+        ], 8, Qt))), 256)) : f("", !0),
         !i.value.length && !e.value.useCustomCells ? (s(), r("rect", {
           key: 1,
           x: 12,
@@ -611,13 +619,13 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Kt)) : i.value.length && !e.value.useCustomCells ? (s(), r($, { key: 2 }, [
-          t.$slots.pattern ? (s(), r("g", Qt, [
+        }, null, 8, Zt)) : i.value.length && !e.value.useCustomCells ? (s(), r($, { key: 2 }, [
+          t.$slots.pattern ? (s(), r("g", el, [
             (s(!0), r($, null, F(se.value, (l) => (s(), r("defs", null, [
-              g(t.$slots, "pattern", Ee({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
+              g(t.$slots, "pattern", Ge({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
           ])) : f("", !0),
-          (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
+          (s(!0), r($, null, F(E.value, (l, o) => (s(), r("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -627,8 +635,8 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(i.value[o].serieIndex)
-          }, null, 8, Zt))), 256)),
-          (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
+          }, null, 8, tl))), 256)),
+          (s(!0), r($, null, F(E.value, (l, o) => (s(), r("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -638,9 +646,9 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(i.value[o].serieIndex)
-          }, null, 8, el))), 256)),
-          t.$slots.pattern ? (s(), r("g", tl, [
-            (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
+          }, null, 8, ll))), 256)),
+          t.$slots.pattern ? (s(), r("g", al, [
+            (s(!0), r($, null, F(E.value, (l, o) => (s(), r("rect", {
               rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
               x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
               y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -649,11 +657,11 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
               fill: `url(#pattern_${k.value}_${i.value[o].absoluteIndex})`,
               stroke: "none",
               filter: ee(i.value[o].serieIndex)
-            }, null, 8, ll))), 256))
+            }, null, 8, ol))), 256))
           ])) : f("", !0)
         ], 64)) : f("", !0),
-        (s(!0), r($, null, F(U.value, (l, o) => (s(), r($, null, [
-          i.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (i.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || i.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && i.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
+        (s(!0), r($, null, F(E.value, (l, o) => (s(), r($, null, [
+          i.value.length && !B.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (i.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || i.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && i.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
             key: 0,
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -663,11 +671,11 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           }, [
             x("div", {
               class: "vue-ui-waffle-caption",
-              style: K(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${X.value / 12}px;color:${n(St)(i.value[o].color)};gap:2px`)
+              style: K(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${X.value / 12}px;color:${n(Ot)(i.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ol, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(Ot)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", ul, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", sl, " (" + L(n(q)(
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", sl, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(Pt)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", rl, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", nl, " (" + L(n(H)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
                 n(_)({
@@ -678,7 +686,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
                 }),
                 { datapoint: i.value[o], position: l }
               )) + ") ", 1)) : f("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", rl, L(n(q)(
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", il, L(n(H)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
                 n(_)({
@@ -690,12 +698,12 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
                 { datapoint: i.value[o], position: l }
               )), 1)) : f("", !0)
             ], 4)
-          ], 8, al)) : f("", !0)
+          ], 8, ul)) : f("", !0)
         ], 64))), 256)),
-        (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
-          onMouseover: (u) => ct(o),
+        (s(!0), r($, null, F(E.value, (l, o) => (s(), r("rect", {
+          onMouseover: (u) => dt(o),
           onMouseleave: a[0] || (a[0] = (u) => {
-            ae.value = !1, D.value = null;
+            ae.value = !1, R.value = null;
           }),
           x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -703,13 +711,13 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           width: X.value <= 0 ? 1e-4 : X.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, nl))), 256)),
-        g(t.$slots, "svg", { svg: z.value }, void 0, !0)
-      ], 14, Wt)) : f("", !0),
-      t.$slots.watermark ? (s(), r("div", il, [
-        g(t.$slots, "watermark", j(W({ isPrinting: n(_e) || n(Ie) })), void 0, !0)
+        }, null, 40, vl))), 256)),
+        g(t.$slots, "svg", { svg: N.value }, void 0, !0)
+      ], 14, Ht)) : f("", !0),
+      t.$slots.watermark ? (s(), r("div", cl, [
+        g(t.$slots, "watermark", W(q({ isPrinting: n(_e) || n(Ie) })), void 0, !0)
       ])) : f("", !0),
-      Q.value ? f("", !0) : (s(), V(n(Ke), {
+      Q.value ? f("", !0) : (s(), M(n(Qe), {
         key: 6,
         config: {
           type: "waffle",
@@ -725,18 +733,18 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         ref_key: "chartLegend",
         ref: pe
       }, [
-        e.value.style.chart.legend.show ? (s(), V(Ut, {
-          key: `legend_${me.value}`,
-          legendSet: E.value,
-          config: vt.value,
+        e.value.style.chart.legend.show ? (s(), M(Et, {
+          key: `legend_${be.value}`,
+          legendSet: G.value,
+          config: ct.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => ze(l.uid))
-        }, Ue({
-          item: b(({ legend: l }) => [
+        }, Ee({
+          item: m(({ legend: l }) => [
             x("div", {
               onClick: (o) => l.segregate(),
               style: K(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
             }, [
-              Ge(L(l.name) + ": " + L(n(q)(
+              je(L(l.name) + ": " + L(n(H)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 n(_)({
@@ -744,19 +752,19 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.legend.roundingValue,
-                  isAnimating: N.value
+                  isAnimating: B.value
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              p.value.includes(l.uid) ? (s(), r("span", dl, " ( - % ) ")) : (s(), r("span", cl, " (" + L(isNaN(l.value / O.value) ? "-" : n(_)({ v: l.value / O.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })) + ") ", 1))
-            ], 12, vl)
+              p.value.includes(l.uid) ? (s(), r("span", pl, " ( - % ) ")) : (s(), r("span", hl, " (" + L(isNaN(l.value / O.value) ? "-" : n(_)({ v: l.value / O.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: B.value })) + ") ", 1))
+            ], 12, dl)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: b(({ legend: l, index: o }) => [
-              ve(Et, {
+            fn: m(({ legend: l, index: o }) => [
+              ve(Gt, {
                 shape: l.shape,
                 radius: 30,
                 stroke: "none",
@@ -768,7 +776,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           } : void 0
         ]), 1032, ["legendSet", "config"])) : g(t.$slots, "legend", {
           key: 1,
-          legend: E.value
+          legend: G.value
         }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), r("div", {
@@ -779,8 +787,8 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      ve(n(Qe), {
-        show: C.value.showTooltip && ae.value && p.value.length < m.dataset.length,
+      ve(n(Ze), {
+        show: C.value.showTooltip && ae.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -789,21 +797,21 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: H.value,
+        parent: z.value,
         content: oe.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         fontSize: e.value.style.chart.tooltip.fontSize,
-        isFullscreen: G.value
+        isFullscreen: j.value
       }, {
-        "tooltip-before": b(() => [
-          g(t.$slots, "tooltip-before", j(W({ ...re.value })), void 0, !0)
+        "tooltip-before": m(() => [
+          g(t.$slots, "tooltip-before", W(q({ ...re.value })), void 0, !0)
         ]),
-        "tooltip-after": b(() => [
-          g(t.$slots, "tooltip-after", j(W({ ...re.value })), void 0, !0)
+        "tooltip-after": m(() => [
+          g(t.$slots, "tooltip-after", W(q({ ...re.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen"]),
-      Q.value ? (s(), V(n(Je), {
+      Q.value ? (s(), M(n(Ke), {
         key: 8,
         hideDetails: "",
         config: {
@@ -819,9 +827,9 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           }
         }
       }, {
-        content: b(() => [
-          (s(), V(n(Xe), {
-            key: `table_${be.value}`,
+        content: m(() => [
+          (s(), M(n(Ye), {
+            key: `table_${me.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
             body: te.value.body,
@@ -829,23 +837,23 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
-            th: b(({ th: l }) => [
+            th: m(({ th: l }) => [
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, hl)
+              }, null, 8, fl)
             ]),
-            td: b(({ td: l }) => [
-              Ge(L(l.name || l), 1)
+            td: m(({ td: l }) => [
+              je(L(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 46, jt));
+    ], 46, qt));
   }
-}, Il = /* @__PURE__ */ Gt(pl, [["__scopeId", "data-v-79c12b4f"]]);
+}, Ol = /* @__PURE__ */ Wt(yl, [["__scopeId", "data-v-fd7116e4"]]);
 export {
-  Il as default
+  Ol as default
 };