vue-data-ui 2.16.5 → 2.17.0

package/dist/{vue-ui-treemap-DzJsjtz7.js → vue-ui-treemap-CWP5nYDx.js}

@@ -1,15 +1,16 @@
-import { defineAsyncComponent as K, useSlots as Tt, onMounted as nt, computed as b, ref as $, shallowRef as B, watch as Ot, onBeforeUnmount as _t, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as M, normalizeClass as xe, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as St, withCtx as T, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, Fragment as ge, renderList as Oe, withKeys as st, withModifiers as _e, mergeProps as ut, createTextVNode as ye, toDisplayString as ee, nextTick as It } from "vue";
-import { u as Ft, c as Se, t as Nt, p as S, a as zt, b as At, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, F as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-CZNLCg7T.js";
-import { t as Bt, u as Ht } from "./useResponsive-DfdjqQps.js";
-import { u as dt } from "./useNestedProp-BcPDA6Xr.js";
-import { u as Ut } from "./usePrinter-ButWuZVm.js";
+import { defineAsyncComponent as Z, useSlots as Ot, onMounted as st, computed as b, ref as $, shallowRef as B, watch as _t, onBeforeUnmount as St, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as M, normalizeClass as xe, createBlock as J, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as It, withCtx as T, renderSlot as k, normalizeProps as Q, guardReactiveProps as ee, Fragment as ge, renderList as Oe, withKeys as ut, withModifiers as _e, mergeProps as rt, createTextVNode as ye, toDisplayString as te, nextTick as Ft } from "vue";
+import { u as Nt, c as Se, t as zt, p as S, a as At, b as Pt, o as Rt, e as Lt, d as me, i as be, f as ie, X as Mt, l as it, F as ct, x as dt, q as Dt, r as Vt, y as Bt } from "./index-pPGk-uhD.js";
+import { t as Ht, u as Ut } from "./useResponsive-DfdjqQps.js";
+import { u as vt } from "./useNestedProp-DjACxgdZ.js";
+import { u as Et } from "./usePrinter-DDHcrl0A.js";
 import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Et } from "./useChartAccessibility-9icAAmYg.js";
-import qt from "./BaseIcon-DJab5OQD.js";
-import Gt from "./Title-BQLtfM0P.js";
-import Xt from "./Legend-DoxQwq_u.js";
-import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function vt(n, r) {
+import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
+import Gt from "./BaseIcon-naqtCxVi.js";
+import Xt from "./Title-B-2bV0SW.js";
+import jt from "./Legend-Bxlv67uY.js";
+import Yt from "./img-Y_hYz-ZC.js";
+import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function ht(n, r) {
   const s = n.length;
   if (s === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${n} is an empty array`);
@@ -25,7 +26,7 @@ function vt(n, r) {
     );
   }
 }
-function ht(n) {
+function pt(n) {
   const { xOffset: r, yOffset: s, width: i, height: u } = n;
   return {
     x0: r,
@@ -34,18 +35,18 @@ function ht(n) {
     y1: s + u
   };
 }
-function Yt(n, r, s) {
+function Zt(n, r, s) {
   if (n.length === 0)
     return !0;
   {
-    const i = n.concat(r), u = vt(
+    const i = n.concat(r), u = ht(
       n,
       s
-    ), h = vt(i, s);
+    ), h = ht(i, s);
     return u >= h;
   }
 }
-function Kt(n) {
+function Jt(n) {
   const r = [], s = n.length;
   for (let i = 0; i < s; i += 1) {
     const u = n[i], h = u.length;
@@ -54,17 +55,17 @@ function Kt(n) {
   }
   return r;
 }
-function Zt(n, r) {
+function Qt(n, r) {
   const s = {
     ...r,
     children: n
   };
-  return ft(s);
+  return gt(s);
 }
-function Jt(n) {
+function el(n) {
   return (n.x1 - n.x0) * (n.y1 - n.y0);
 }
-function pt(n, r) {
+function ft(n, r) {
   const { width: s, height: i, xOffset: u, yOffset: h } = Ie(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, H = g / s;
   let z = u, w = h;
   const C = [];
@@ -92,11 +93,11 @@ function pt(n, r) {
     return C;
   }
 }
-function Qt(n) {
+function tl(n) {
   const r = Ie(n), s = r.width, i = r.height;
   return Math.min(s, i);
 }
-function eo(n, r) {
+function ll(n, r) {
   const s = n.length, i = n.map((p) => p.value ?? 0).reduce((p, H) => p + H, 0), u = r / i, h = [];
   let c, g;
   for (let p = 0; p < s; p += 1)
@@ -114,16 +115,16 @@ function Ie(n) {
     height: u - s
   };
 }
-function to(n, r, s, i) {
+function ol(n, r, s, i) {
   let u = n, h = r, c = s, g = i;
   for (; ; ) {
     const p = u.length;
     if (p === 0) {
-      const C = pt(h, c);
+      const C = ft(h, c);
       return g.concat(C);
     }
-    const H = Qt(c), z = u[0], w = u.slice(1, p);
-    if (Yt(h, z, H)) {
+    const H = tl(c), z = u[0], w = u.slice(1, p);
+    if (Zt(h, z, H)) {
       const C = h.concat(z);
       u = w, h = C, c = c, g = g;
     } else {
@@ -131,25 +132,25 @@ function to(n, r, s, i) {
       let m = 0;
       for (let N = 0; N < C; N += 1)
         m += h[N].normalizedValue;
-      const x = oo(c, m), D = pt(h, c), A = g.concat(D);
+      const x = al(c, m), D = ft(h, c), A = g.concat(D);
       u = u, h = [], c = x, g = A;
     }
   }
 }
-function ft(n) {
+function gt(n) {
   if (typeof n.children > "u" || !n.children.length)
     return [n];
   {
-    const r = eo(
+    const r = ll(
       n.children,
-      Jt(n)
-    ), s = to(r, [], n, []), i = s.length, u = [];
+      el(n)
+    ), s = ol(r, [], n, []), i = s.length, u = [];
     for (let c = 0; c < i; c += 1)
-      u.push(ft(s[c]));
-    return Kt(u);
+      u.push(gt(s[c]));
+    return Jt(u);
   }
 }
-function oo(n, r) {
+function al(n, r) {
   const { width: s, height: i, xOffset: u, yOffset: h } = Ie(n);
   if (s >= i) {
     const c = r / i, g = s - c, p = {
@@ -158,7 +159,7 @@ function oo(n, r) {
       width: g,
       height: i
     };
-    return ht(p);
+    return pt(p);
   } else {
     const c = r / s, g = i - c, p = {
       xOffset: u,
@@ -166,26 +167,26 @@ function oo(n, r) {
       width: s,
       height: g
     };
-    return ht(p);
+    return pt(p);
   }
 }
-const lo = ["id"], ao = {
+const nl = ["id"], sl = {
   key: 4,
   class: "vue-ui-treemap-breadcrumbs",
   "data-dom-to-png-ignore": ""
-}, no = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], so = { class: "vue-ui-treemap-crumb-unit" }, uo = { class: "vue-ui-treemap-crumb-unit-label" }, ro = {
+}, ul = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], rl = { class: "vue-ui-treemap-crumb-unit" }, il = { class: "vue-ui-treemap-crumb-unit-label" }, cl = {
   key: 0,
   style: { width: "24px", display: "flex", "align-items": "center" }
-}, io = {
+}, dl = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
-}, co = ["xmlns", "viewBox"], vo = { key: 0 }, ho = ["id"], po = ["stop-color"], fo = ["stop-color"], go = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], yo = ["x", "y", "height", "width"], mo = {
+}, vl = ["xmlns", "viewBox"], hl = { key: 0 }, pl = ["id"], fl = ["stop-color"], gl = ["stop-color"], yl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], ml = ["x", "y", "height", "width"], bl = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, bo = {
+}, kl = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, ko = ["onClick"], wo = { key: 0 }, Co = { key: 1 }, $o = ["innerHTML"], xo = {
+}, wl = ["onClick"], Cl = { key: 0 }, $l = { key: 1 }, xl = ["innerHTML"], Tl = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -203,41 +204,41 @@ const lo = ["id"], ao = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = K(() => import("./DataTable-B6MXw9cG.js")), u = K(() => import("./PenAndPaper-BS60tkQN.js")), h = K(() => import("./vue-ui-accordion-CO4hmfuX.js")), c = K(() => import("./vue-ui-skeleton-D9B8DY_k.js")), g = K(() => import("./Tooltip-5JmGL7sR.js")), p = K(() => import("./UserOptions-DMGkAAIO.js")), H = K(() => import("./PackageVersion-DCreTQN4.js")), { vue_ui_treemap: z } = Ft(), w = n, C = s, m = Tt();
-    nt(() => {
+    const i = Z(() => import("./DataTable-D0VYDhfx.js")), u = Z(() => import("./PenAndPaper-D6AqipIO.js")), h = Z(() => import("./vue-ui-accordion-CVnA550V.js")), c = Z(() => import("./vue-ui-skeleton-DJPjyNYn.js")), g = Z(() => import("./Tooltip-CoQnTnr-.js")), p = Z(() => import("./UserOptions-Dd34lEKb.js")), H = Z(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_treemap: z } = Nt(), w = n, C = s, m = Ot();
+    st(() => {
       m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const x = b(() => !!w.dataset && w.dataset.length), D = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = $(Se()), N = $(!1), ke = $(""), te = $(!1), Fe = $(0), P = $([]), se = B(null), Ne = B(null), ze = B(null), Ae = B(null), Pe = B(null), Re = $(0), Le = $(0), Me = $(0), t = b({
+    const x = b(() => !!w.dataset && w.dataset.length), D = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = $(Se()), N = $(!1), ke = $(""), le = $(!1), Fe = $(0), P = $([]), G = B(null), Ne = B(null), ze = B(null), Ae = B(null), Pe = B(null), Re = $(0), Le = $(0), Me = $(0), t = b({
       get: () => He(),
       set: (e) => e
-    }), { userOptionsVisible: we, setUserOptionsVisibility: De, keepUserOptionState: Ve } = Wt({ config: t.value }), { svgRef: Be } = Et({ config: t.value.style.chart.title });
+    }), { userOptionsVisible: we, setUserOptionsVisibility: De, keepUserOptionState: Ve } = Wt({ config: t.value }), { svgRef: Be } = qt({ config: t.value.style.chart.title });
     function He() {
-      const e = dt({
+      const e = vt({
         userConfig: w.config,
         defaultConfig: z
       });
       return e.theme ? {
-        ...dt({
-          userConfig: zt.vue_ui_treemap[e.theme] || w.config,
+        ...vt({
+          userConfig: At.vue_ui_treemap[e.theme] || w.config,
           defaultConfig: e
         }),
-        customPalette: Nt[e.theme] || S
+        customPalette: zt[e.theme] || S
       } : e;
     }
-    Ot(() => w.config, (e) => {
+    _t(() => w.config, (e) => {
       t.value = He(), we.value = !t.value.userOptions.showOnChartHover, Re.value += 1, Le.value += 1, Me.value += 1, R.value.showTable = t.value.table.show, R.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: Ue, isImaging: We, generatePdf: Ee, generateImage: qe } = Ut({
+    const { isPrinting: Ue, isImaging: Ee, generatePdf: We, generateImage: qe } = Et({
       elementId: `treemap_${A.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-treemap",
       options: t.value.userOptions.print
-    }), gt = b(() => t.value.userOptions.show && !t.value.style.chart.title.text), ce = b(() => At(t.value.customPalette)), R = $({
+    }), yt = b(() => t.value.userOptions.show && !t.value.style.chart.title.text), ce = b(() => Pt(t.value.customPalette)), R = $({
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
     }), U = $({
       height: t.value.style.chart.height,
       width: t.value.style.chart.width
-    }), G = b(() => ({
+    }), X = b(() => ({
       bottom: U.value.height - t.value.style.chart.padding.bottom,
       height: U.value.height - t.value.style.chart.padding.top - t.value.style.chart.padding.bottom,
       left: t.value.style.chart.padding.left,
@@ -248,152 +249,152 @@ const lo = ["id"], ao = {
       width: U.value.width - t.value.style.chart.padding.left - t.value.style.chart.padding.right
     }));
     function Ge(e) {
-      e.forEach((l, o) => {
-        l.id = Se(), l.color = me(l.color) || ce.value[o] || S[o] || S[o % S.length], l.children && (l.children.forEach((a) => {
-          a.parentId = l.id, a.color = l.color;
-        }), Ge(l.children));
+      e.forEach((o, l) => {
+        o.id = Se(), o.color = me(o.color) || ce.value[l] || S[l] || S[l % S.length], o.children && (o.children.forEach((a) => {
+          a.parentId = o.id, a.color = o.color;
+        }), Ge(o.children));
       });
     }
-    const W = B(w.dataset), E = B(null), oe = B(null);
-    nt(() => {
-      yt();
+    const E = B(w.dataset), W = B(null), oe = B(null);
+    st(() => {
+      mt();
     });
-    function yt() {
-      if (Pt(w.dataset) && Rt({
+    function mt() {
+      if (Rt(w.dataset) && Lt({
         componentName: "VueUiTreemap",
         type: "dataset"
-      }), Ge(W.value), t.value.responsive) {
-        const e = Bt(() => {
-          const { width: l, height: o } = Ht({
-            chart: se.value,
+      }), Ge(E.value), t.value.responsive) {
+        const e = Ht(() => {
+          const { width: o, height: l } = Ut({
+            chart: G.value,
             title: t.value.style.chart.title.text ? Ne.value : null,
             legend: t.value.style.chart.legend.show ? ze.value : null,
             source: Ae.value,
             noTitle: Pe.value
           });
           requestAnimationFrame(() => {
-            U.value.width = l, U.value.height = o;
+            U.value.width = o, U.value.height = l;
           });
         });
-        E.value && (oe.value && E.value.unobserve(oe.value), E.value.disconnect()), E.value = new ResizeObserver(e), oe.value = se.value.parentNode, E.value.observe(oe.value);
+        W.value && (oe.value && W.value.unobserve(oe.value), W.value.disconnect()), W.value = new ResizeObserver(e), oe.value = G.value.parentNode, W.value.observe(oe.value);
       }
     }
-    _t(() => {
-      E.value && (oe.value && E.value.unobserve(oe.value), E.value.disconnect());
+    St(() => {
+      W.value && (oe.value && W.value.unobserve(oe.value), W.value.disconnect());
     });
-    const le = $(W.value), ue = b(() => le.value.map((e, l) => ({
+    const ae = $(E.value), ue = b(() => ae.value.map((e, o) => ({
       ...e,
-      color: me(e.color) || ce.value[l] || S[l] || S[l % S.length]
-    })).filter((e) => !P.value.includes(e.id))), ae = b(() => W.value.filter((e) => !P.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), Xe = b({
+      color: me(e.color) || ce.value[o] || S[o] || S[o % S.length]
+    })).filter((e) => !P.value.includes(e.id))), ne = b(() => E.value.filter((e) => !P.value.includes(e.id)).map((e) => e.value || 0).reduce((e, o) => e + o, 0)), Xe = b({
       get() {
         let e = [...ue.value];
-        return t.value.style.chart.layout.sorted && (e = [...ue.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
-          ...l
+        return t.value.style.chart.layout.sorted && (e = [...ue.value].sort((o, l) => l.value - o.value)), e.map((o) => ({
+          ...o
         }));
       },
       set(e) {
         return e;
       }
     });
-    function je(e, l) {
-      return e.value / l;
+    function je(e, o) {
+      return e.value / o;
     }
-    function mt(e, l, o) {
-      const a = t.value.style.chart.layout.rects.colorRatio - je(l, o);
-      return rt(e, a < 0 ? 0 : a);
+    function bt(e, o, l) {
+      const a = t.value.style.chart.layout.rects.colorRatio - je(o, l);
+      return it(e, a < 0 ? 0 : a);
     }
-    function Ye(e, l, o, a) {
+    function Ye(e, o, l, a) {
       return e.map((f, F) => {
-        const fe = mt(me(l) || ce.value[F] || S[F] || S[F % S.length], f, a), xt = je(f, a);
+        const fe = bt(me(o) || ce.value[F] || S[F] || S[F % S.length], f, a), Tt = je(f, a);
         return {
           ...f,
           color: fe,
-          proportion: xt,
-          parentName: o,
+          proportion: Tt,
+          parentName: l,
           children: f.children ? Ye(f.children, fe, f.name, a) : void 0
         };
       });
     }
-    const re = b(() => Zt(
-      Xe.value.map((e, l) => {
-        const o = e.children ? e.children.reduce((a, f) => a + f.value, 0) : e.value;
+    const re = b(() => Qt(
+      Xe.value.map((e, o) => {
+        const l = e.children ? e.children.reduce((a, f) => a + f.value, 0) : e.value;
         return {
           value: e.value,
           id: e.id || Se(),
-          children: e.children ? Ye(e.children.sort((a, f) => f.value - a.value), e.color, e.name, o) : void 0,
+          children: e.children ? Ye(e.children.sort((a, f) => f.value - a.value), e.color, e.name, l) : void 0,
           color: e.color,
           name: e.name
         };
       }),
-      { x0: G.value.left * 2, y0: G.value.top, x1: G.value.width, y1: G.value.height }
+      { x0: X.value.left * 2, y0: X.value.top, x1: X.value.width, y1: X.value.height }
     ));
-    function Ke({ y0: e, y1: l }) {
-      return l - e <= 0 ? 1e-4 : l - e;
+    function Ke({ y0: e, y1: o }) {
+      return o - e <= 0 ? 1e-4 : o - e;
     }
-    function Ze({ x0: e, x1: l }) {
-      return l - e <= 0 ? 1e-4 : l - e;
+    function Ze({ x0: e, x1: o }) {
+      return o - e <= 0 ? 1e-4 : o - e;
     }
-    function X(e) {
-      const l = t.value.style.chart.layout.labels.fontSize * (e.proportion * 2 > 1 ? 1 : e.proportion * 2);
-      return l < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : l;
+    function j(e) {
+      const o = t.value.style.chart.layout.labels.fontSize * (e.proportion * 2 > 1 ? 1 : e.proportion * 2);
+      return o < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : o;
     }
-    function bt(e) {
-      te.value = e, Fe.value += 1;
+    function Je(e) {
+      le.value = e, Fe.value += 1;
     }
-    const ne = b(() => ({
+    const se = b(() => ({
       startX: 0,
       startY: 0,
-      width: G.value.vbWidth,
-      height: G.value.vbHeight
+      width: X.value.vbWidth,
+      height: X.value.vbHeight
     }));
-    function j(e, l = W.value) {
-      for (const o of l) {
-        if (o.id === e)
-          return o;
-        if (o.children) {
-          const a = j(e, o.children);
+    function Y(e, o = E.value) {
+      for (const l of o) {
+        if (l.id === e)
+          return l;
+        if (l.children) {
+          const a = Y(e, l.children);
           if (a)
             return a;
         }
       }
       return null;
     }
-    const I = $([]), Y = b(() => I.value.length > 0);
+    const I = $([]), K = b(() => I.value.length > 0);
     function de(e) {
       if (!e) {
-        le.value = W.value.slice(), C("selectDatapoint", void 0), I.value = [];
+        ae.value = E.value.slice(), C("selectDatapoint", void 0), I.value = [];
         return;
       }
-      const l = j(e.id);
-      if (l && l.children?.length)
-        I.value.push(l.id), le.value = l.children.slice(), C("selectDatapoint", e);
+      const o = Y(e.id);
+      if (o && o.children?.length)
+        I.value.push(o.id), ae.value = o.children.slice(), C("selectDatapoint", e);
       else if (e.parentId) {
         I.value.push(e.parentId);
-        const o = j(e.parentId);
-        le.value = o.children.slice(), C("selectDatapoint", e);
+        const l = Y(e.parentId);
+        ae.value = l.children.slice(), C("selectDatapoint", e);
       } else if (I.value.length > 0) {
         I.value.pop();
-        const o = I.value[I.value.length - 1];
-        if (o) {
-          const a = j(o);
-          le.value = a.children.slice();
+        const l = I.value[I.value.length - 1];
+        if (l) {
+          const a = Y(l);
+          ae.value = a.children.slice();
         } else
-          le.value = W.value.slice(), I.value = [], C("selectDatapoint", void 0);
+          ae.value = E.value.slice(), I.value = [], C("selectDatapoint", void 0);
       }
     }
     function kt(e) {
-      return !!(j(e.id)?.children?.length || e.parentId);
+      return !!(Y(e.id)?.children?.length || e.parentId);
     }
     const q = b(() => {
       const e = [
         { id: null, label: "All" }
       ];
       if (I.value.length > 0) {
-        let l = j(I.value[I.value.length - 1]);
-        const o = [];
-        for (; l; )
-          o.unshift(l), l = l.parentId ? j(l.parentId) : null;
-        for (const a of o)
+        let o = Y(I.value[I.value.length - 1]);
+        const l = [];
+        for (; o; )
+          l.unshift(o), o = o.parentId ? Y(o.parentId) : null;
+        for (const a of l)
           e.push({
             id: a.id,
             label: a.name,
@@ -401,13 +402,13 @@ const lo = ["id"], ao = {
           });
       }
       return e;
-    }), L = B(null), Je = b(() => W.value.map((e, l) => ({
+    }), L = B(null), Qe = b(() => E.value.map((e, o) => ({
       ...e,
-      color: me(e.color) || ce.value[l] || S[l] || S[l % S.length],
+      color: me(e.color) || ce.value[o] || S[o] || S[o % S.length],
       shape: "square"
-    })).sort((e, l) => l.value - e.value).map((e, l) => ({
+    })).sort((e, o) => o.value - e.value).map((e, o) => ({
       ...e,
-      proportion: e.value / W.value.map((o) => o.value).reduce((o, a) => o + a, 0),
+      proportion: e.value / E.value.map((l) => l.value).reduce((l, a) => l + a, 0),
       opacity: P.value.includes(e.id) ? 0.5 : 1
     }))), wt = b(() => ({
       cy: "treemap-div-legend",
@@ -417,21 +418,21 @@ const lo = ["id"], ao = {
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Qe(e) {
-      L.value = null, P.value.includes(e.id) ? P.value = P.value.filter((l) => l !== e.id) : P.value.length < w.dataset.length - 1 && P.value.push(e.id), C("selectLegend", Xe.value);
+    function et(e) {
+      L.value = null, P.value.includes(e.id) ? P.value = P.value.filter((o) => o !== e.id) : P.value.length < w.dataset.length - 1 && P.value.push(e.id), C("selectLegend", Xe.value);
     }
     const Ce = $(null);
-    function Ct({ datapoint: e, seriesIndex: l }) {
-      L.value = e, Ce.value = { datapoint: e, seriesIndex: l, config: t.value, series: ue.value };
-      const o = t.value.style.chart.tooltip.customFormat;
-      if (ct(o) && Vt(() => o({
-        seriesIndex: l,
+    function Ct({ datapoint: e, seriesIndex: o }) {
+      L.value = e, Ce.value = { datapoint: e, seriesIndex: o, config: t.value, series: ue.value };
+      const l = t.value.style.chart.tooltip.customFormat;
+      if (dt(l) && Bt(() => l({
+        seriesIndex: o,
         datapoint: e,
         series: ue.value,
         config: t.value
       })))
-        ke.value = o({
-          seriesIndex: l,
+        ke.value = l({
+          seriesIndex: o,
           datapoint: e,
           series: ue.value,
           config: t.value
@@ -447,24 +448,24 @@ const lo = ["id"], ao = {
             s: t.value.style.chart.layout.labels.suffix,
             r: t.value.style.chart.tooltip.roundingValue
           }),
-          { datapoint: e, seriesIndex: l }
+          { datapoint: e, seriesIndex: o }
         )}</b>`, ke.value = `<div>${a}</div>`;
       }
       N.value = !0;
     }
     const V = b(() => {
-      const e = re.value.map((o) => ({
-        name: o.name,
-        color: o.color
-      })), l = re.value.map((o) => o.value);
-      return { head: e, body: l };
+      const e = re.value.map((l) => ({
+        name: l.name,
+        color: l.color
+      })), o = re.value.map((l) => l.value);
+      return { head: e, body: o };
     });
-    function et(e = null) {
-      It(() => {
-        const l = V.value.head.map((f, F) => [[
+    function tt(e = null) {
+      Ft(() => {
+        const o = V.value.head.map((f, F) => [[
           f.name
-        ], [V.value.body[F]], [isNaN(V.value.body[F] / ae.value) ? "-" : V.value.body[F] / ae.value * 100]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), a = Mt(o);
-        e ? e(a) : Dt({ csvContent: a, title: t.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [V.value.body[F]], [isNaN(V.value.body[F] / ne.value) ? "-" : V.value.body[F] / ne.value * 100]]), l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), a = Dt(l);
+        e ? e(a) : Vt({ csvContent: a, title: t.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const ve = b(() => {
@@ -472,7 +473,7 @@ const lo = ["id"], ao = {
         t.value.table.columnNames.series,
         t.value.table.columnNames.value,
         t.value.table.columnNames.percentage
-      ], l = V.value.head.map((f, F) => {
+      ], o = V.value.head.map((f, F) => {
         const fe = be(
           t.value.style.chart.layout.labels.formatter,
           V.value.body[F],
@@ -490,13 +491,13 @@ const lo = ["id"], ao = {
             shape: "square"
           },
           fe,
-          isNaN(V.value.body[F] / ae.value) ? "-" : ie({
-            v: V.value.body[F] / ae.value * 100,
+          isNaN(V.value.body[F] / ne.value) ? "-" : ie({
+            v: V.value.body[F] / ne.value * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
           })
         ];
-      }), o = {
+      }), l = {
         th: {
           backgroundColor: t.value.table.th.backgroundColor,
           color: t.value.table.th.color,
@@ -515,14 +516,14 @@ const lo = ["id"], ao = {
           t.value.table.columnNames.value
         ],
         head: e,
-        body: l,
-        config: o
+        body: o,
+        config: l
       };
     });
     function $t() {
       return re.value;
     }
-    function tt() {
+    function lt() {
       R.value.showTable = !R.value.showTable;
     }
     function ot() {
@@ -533,30 +534,37 @@ const lo = ["id"], ao = {
       he.value = !he.value;
     }
     const pe = $(null);
-    function lt(e) {
+    function at(e) {
       pe.value = e;
     }
-    function at() {
+    function nt() {
       pe.value = null;
     }
+    async function xt({ scale: e = 2 } = {}) {
+      if (!G.value) return;
+      const { imageUri: o, base64: l } = await Yt({ domElement: G.value, base64: !0, img: !0, scale: e });
+      return { imageUri: o, base64: l };
+    }
     return r({
       getData: $t,
-      generateCsv: et,
+      getImage: xt,
+      generateCsv: tt,
       generateImage: qe,
-      generatePdf: Ee,
-      toggleTable: tt,
+      generatePdf: We,
+      toggleTable: lt,
       toggleTooltip: ot,
-      toggleAnnotator: $e
-    }), (e, l) => (v(), y("div", {
+      toggleAnnotator: $e,
+      toggleFullscreen: Je
+    }), (e, o) => (v(), y("div", {
       ref_key: "treemapChart",
-      ref: se,
-      class: xe(`vue-ui-treemap ${te.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: G,
+      class: xe(`vue-ui-treemap ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: M(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `treemap_${A.value}`,
-      onMouseenter: l[3] || (l[3] = () => d(De)(!0)),
-      onMouseleave: l[4] || (l[4] = () => d(De)(!1))
+      onMouseenter: o[3] || (o[3] = () => d(De)(!0)),
+      onMouseleave: o[4] || (o[4] = () => d(De)(!1))
     }, [
-      t.value.userOptions.buttons.annotator ? (v(), Z(d(u), {
+      t.value.userOptions.buttons.annotator ? (v(), J(d(u), {
         key: 0,
         svgRef: d(Be),
         backgroundColor: t.value.style.chart.backgroundColor,
@@ -564,7 +572,7 @@ const lo = ["id"], ao = {
         active: he.value,
         onClose: $e
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : O("", !0),
-      gt.value ? (v(), y("div", {
+      yt.value ? (v(), y("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Pe,
@@ -577,7 +585,7 @@ const lo = ["id"], ao = {
         ref: Ne,
         style: M(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (v(), Z(Gt, {
+        (v(), J(Xt, {
           key: `title_${Re.value}`,
           config: {
             title: {
@@ -591,13 +599,13 @@ const lo = ["id"], ao = {
           }
         }, null, 8, ["config"]))
       ], 4)) : O("", !0),
-      t.value.userOptions.show && x.value && (d(Ve) || d(we)) ? (v(), Z(d(p), {
+      t.value.userOptions.show && x.value && (d(Ve) || d(we)) ? (v(), J(d(p), {
         ref: "details",
         key: `user_option_${Fe.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         isPrinting: d(Ue),
-        isImaging: d(We),
+        isImaging: d(Ee),
         uid: A.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -605,29 +613,30 @@ const lo = ["id"], ao = {
         hasImg: t.value.userOptions.buttons.img,
         hasTable: t.value.userOptions.buttons.table,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        isFullscreen: te.value,
+        isFullscreen: le.value,
         isTooltip: R.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: se.value,
+        chartElement: G.value,
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
         callbacks: t.value.userOptions.callbacks,
-        onToggleFullscreen: bt,
-        onGeneratePdf: d(Ee),
-        onGenerateCsv: et,
+        printScale: t.value.userOptions.print.scale,
+        onToggleFullscreen: Je,
+        onGeneratePdf: d(We),
+        onGenerateCsv: tt,
         onGenerateImage: d(qe),
-        onToggleTable: tt,
+        onToggleTable: lt,
         onToggleTooltip: ot,
         onToggleAnnotator: $e,
         style: M({
           visibility: d(Ve) ? d(we) ? "visible" : "hidden" : "visible"
         })
-      }, St({ _: 2 }, [
+      }, It({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: T(({ isOpen: o, color: a }) => [
-            k(e.$slots, "menuIcon", J(Q({ isOpen: o, color: a })), void 0, !0)
+          fn: T(({ isOpen: l, color: a }) => [
+            k(e.$slots, "menuIcon", Q(ee({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -668,163 +677,163 @@ const lo = ["id"], ao = {
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: o, isFullscreen: a }) => [
-            k(e.$slots, "optionFullscreen", J(Q({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
+          fn: T(({ toggleFullscreen: l, isFullscreen: a }) => [
+            k(e.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: o, isAnnotator: a }) => [
-            k(e.$slots, "optionAnnotator", J(Q({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
+          fn: T(({ toggleAnnotator: l, isAnnotator: a }) => [
+            k(e.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : O("", !0),
-      q.value.length > 1 ? (v(), y("nav", ao, [
-        (v(!0), y(ge, null, Oe(q.value, (o, a) => (v(), y("span", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : O("", !0),
+      q.value.length > 1 ? (v(), y("nav", sl, [
+        (v(!0), y(ge, null, Oe(q.value, (l, a) => (v(), y("span", {
           role: "button",
           tabindex: a < q.value.length - 1 ? 0 : void 0,
-          key: o.id || "root",
+          key: l.id || "root",
           onClick: (f) => a === q.value.length - 1 ? () => {
-          } : de(o.node),
+          } : de(l.node),
           onKeydown: [
-            st(_e((f) => a === q.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["enter"]),
-            st(_e((f) => a === q.value.length - 1 ? void 0 : de(o.node), ["prevent"]), ["space"])
+            ut(_e((f) => a === q.value.length - 1 ? void 0 : de(l.node), ["prevent"]), ["enter"]),
+            ut(_e((f) => a === q.value.length - 1 ? void 0 : de(l.node), ["prevent"]), ["space"])
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === q.value.length - 1,
           style: M({
             color: t.value.style.chart.color
           }),
-          onMouseenter: (f) => lt(a),
-          onMouseleave: at,
-          onFocus: (f) => lt(a),
-          onBlur: at
+          onMouseenter: (f) => at(a),
+          onMouseleave: nt,
+          onFocus: (f) => at(a),
+          onBlur: nt
         }, [
-          _("span", so, [
-            _("span", uo, [
-              k(e.$slots, "breadcrumb-label", ut({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: pe.value === a }), () => [
-                a === 0 ? (v(), y("div", ro, [
-                  Te(qt, {
+          _("span", rl, [
+            _("span", il, [
+              k(e.$slots, "breadcrumb-label", rt({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: pe.value === a }), () => [
+                a === 0 ? (v(), y("div", cl, [
+                  Te(Gt, {
                     name: pe.value === 0 ? "homeFilled" : "home",
                     stroke: t.value.style.chart.color
                   }, null, 8, ["name", "stroke"])
                 ])) : (v(), y(ge, { key: 1 }, [
-                  ye(ee(o.label), 1)
+                  ye(te(l.label), 1)
                 ], 64))
               ], !0)
             ]),
-            a < q.value.length - 1 ? (v(), y("span", io, [
+            a < q.value.length - 1 ? (v(), y("span", dl, [
               k(e.$slots, "breadcrumb-arrow", {}, () => [
-                l[5] || (l[5] = ye(" › "))
+                o[5] || (o[5] = ye(" › "))
               ], !0)
             ])) : O("", !0)
           ])
-        ], 44, no))), 128))
+        ], 44, ul))), 128))
       ])) : O("", !0),
       x.value ? (v(), y("svg", {
         key: 5,
         ref_key: "svgRef",
         ref: Be,
-        xmlns: d(Lt),
-        class: xe({ "vue-data-ui-fullscreen--on": te.value, "vue-data-ui-fulscreen--off": !te.value, "vue-data-ui-zoom-plus": !Y.value, "vue-data-ui-zoom-minus": Y.value }),
-        viewBox: `${ne.value.startX} ${ne.value.startY} ${ne.value.width <= 0 ? 10 : ne.value.width} ${ne.value.height <= 0 ? 10 : ne.value.height}`,
+        xmlns: d(Mt),
+        class: xe({ "vue-data-ui-fullscreen--on": le.value, "vue-data-ui-fulscreen--off": !le.value, "vue-data-ui-zoom-plus": !K.value, "vue-data-ui-zoom-minus": K.value }),
+        viewBox: `${se.value.startX} ${se.value.startY} ${se.value.width <= 0 ? 10 : se.value.width} ${se.value.height <= 0 ? 10 : se.value.height}`,
         style: M(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         Te(d(H)),
-        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", {
-          key: `tgrad_${o.id}`
+        (v(!0), y(ge, null, Oe(re.value, (l, a) => (v(), y("g", {
+          key: `tgrad_${l.id}`
         }, [
-          t.value.style.chart.layout.rects.gradient.show ? (v(), y("defs", vo, [
+          t.value.style.chart.layout.rects.gradient.show ? (v(), y("defs", hl, [
             _("radialGradient", {
-              id: `tgrad_${o.id}`,
+              id: `tgrad_${l.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
             }, [
               _("stop", {
                 offset: "18%",
-                "stop-color": o.color
-              }, null, 8, po),
+                "stop-color": l.color
+              }, null, 8, fl),
               _("stop", {
                 offset: "100%",
-                "stop-color": d(rt)(o.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, fo)
-            ], 8, ho)
+                "stop-color": d(it)(l.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
+              }, null, 8, gl)
+            ], 8, pl)
           ])) : O("", !0)
         ]))), 128)),
-        (v(!0), y(ge, null, Oe(re.value, (o, a) => (v(), y("g", {
-          key: `k_${o.id}`
+        (v(!0), y(ge, null, Oe(re.value, (l, a) => (v(), y("g", {
+          key: `k_${l.id}`
         }, [
           _("rect", {
-            x: o.x0,
-            y: o.y0,
-            height: Ke(o),
-            width: Ze(o),
-            fill: D.value ? o.color : t.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
+            x: l.x0,
+            y: l.y0,
+            height: Ke(l),
+            width: Ze(l),
+            fill: D.value ? l.color : t.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${l.id})` : l.color,
             rx: t.value.style.chart.layout.rects.borderRadius,
-            stroke: L.value && L.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
-            "stroke-width": L.value && L.value.id === o.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
-            onClick: _e((f) => de(o), ["stop"]),
+            stroke: L.value && L.value.id === l.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
+            "stroke-width": L.value && L.value.id === l.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
+            onClick: _e((f) => de(l), ["stop"]),
             onMouseenter: () => Ct({
-              datapoint: o,
+              datapoint: l,
               seriesIndex: a
             }),
-            onMouseleave: l[0] || (l[0] = (f) => {
+            onMouseleave: o[0] || (o[0] = (f) => {
               L.value = null, N.value = !1;
             }),
-            style: M(`opacity:${L.value ? L.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: M(`opacity:${L.value ? L.value.id === l.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: xe([
               "vue-ui-treemap-rect",
-              kt(o) ? "vue-data-ui-zoom-plus" : Y.value ? "vue-data-ui-zoom-minus" : ""
+              kt(l) ? "vue-data-ui-zoom-plus" : K.value ? "vue-data-ui-zoom-minus" : ""
             ])
-          }, null, 46, go),
+          }, null, 46, yl),
           (v(), y("foreignObject", {
-            x: o.x0,
-            y: o.y0,
-            height: Ke(o),
-            width: Ze(o),
+            x: l.x0,
+            y: l.y0,
+            height: Ke(l),
+            width: Ze(l),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            _("div", mo, [
-              t.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Y.value) ? (v(), y("div", {
+            _("div", bl, [
+              t.value.style.chart.layout.labels.showDefaultLabels && (l.proportion > t.value.style.chart.layout.labels.hideUnderProportion || K.value) ? (v(), y("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: M(`width:calc(100% - ${X(o) / 1.5}px);text-align:left;line-height:${X(o) < 14 ? 14 : X(o)}px;padding:${X(o) / 3}px; color:${d(it)(o.color)}`)
+                style: M(`width:calc(100% - ${j(l) / 1.5}px);text-align:left;line-height:${j(l) < 14 ? 14 : j(l)}px;padding:${j(l) / 3}px; color:${d(ct)(l.color)}`)
               }, [
                 _("span", {
-                  style: M(`width:100%;font-size:${X(o)}px;`)
-                }, ee(o.name), 5),
-                l[6] || (l[6] = _("br", null, null, -1)),
+                  style: M(`width:100%;font-size:${j(l)}px;`)
+                }, te(l.name), 5),
+                o[6] || (o[6] = _("br", null, null, -1)),
                 _("span", {
-                  style: M(`width:100%;font-size:${X(o)}px;`)
-                }, ee(d(be)(
+                  style: M(`width:100%;font-size:${j(l)}px;`)
+                }, te(d(be)(
                   t.value.style.chart.layout.labels.formatter,
-                  o.value,
+                  l.value,
                   d(ie)({
                     p: t.value.style.chart.layout.labels.prefix,
-                    v: o.value,
+                    v: l.value,
                     s: t.value.style.chart.layout.labels.suffix,
                     r: t.value.style.chart.layout.labels.rounding
                   }),
-                  { datapoint: o }
+                  { datapoint: l }
                 )), 5)
               ], 4)) : O("", !0),
-              k(e.$slots, "rect", ut({ ref_for: !0 }, {
-                rect: o,
-                shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Y.value,
-                fontSize: X(o),
-                isZoom: Y.value,
-                textColor: d(it)(o.color)
+              k(e.$slots, "rect", rt({ ref_for: !0 }, {
+                rect: l,
+                shouldShow: l.proportion > t.value.style.chart.layout.labels.hideUnderProportion || K.value,
+                fontSize: j(l),
+                isZoom: K.value,
+                textColor: d(ct)(l.color)
               }), void 0, !0)
             ])
-          ], 8, yo))
+          ], 8, ml))
         ]))), 128)),
-        k(e.$slots, "svg", J(Q({ svg: G.value, isZoom: Y.value, rect: L.value, config: t.value })), void 0, !0)
-      ], 14, co)) : O("", !0),
-      e.$slots.watermark ? (v(), y("div", bo, [
-        k(e.$slots, "watermark", J(Q({ isPrinting: d(Ue) || d(We) })), void 0, !0)
+        k(e.$slots, "svg", Q(ee({ svg: X.value, isZoom: K.value, rect: L.value, config: t.value })), void 0, !0)
+      ], 14, vl)) : O("", !0),
+      e.$slots.watermark ? (v(), y("div", kl, [
+        k(e.$slots, "watermark", Q(ee({ isPrinting: d(Ue) || d(Ee) })), void 0, !0)
       ])) : O("", !0),
-      x.value ? O("", !0) : (v(), Z(d(c), {
+      x.value ? O("", !0) : (v(), J(d(c), {
         key: 7,
         config: {
           type: "treemap",
@@ -840,36 +849,36 @@ const lo = ["id"], ao = {
         ref_key: "chartLegend",
         ref: ze
       }, [
-        t.value.style.chart.legend.show ? (v(), Z(Xt, {
+        t.value.style.chart.legend.show ? (v(), J(jt, {
           key: `legend_${Me.value}`,
-          legendSet: Je.value,
+          legendSet: Qe.value,
           config: wt.value,
           id: `treemap_legend_${A.value}`,
-          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Qe(o))
+          onClickMarker: o[1] || (o[1] = ({ legend: l }) => et(l))
         }, {
-          item: T(({ legend: o, index: a }) => [
+          item: T(({ legend: l, index: a }) => [
             _("div", {
-              onClick: (f) => Qe(o),
-              style: M(`opacity:${P.value.includes(o.id) ? 0.5 : 1}`)
+              onClick: (f) => et(l),
+              style: M(`opacity:${P.value.includes(l.id) ? 0.5 : 1}`)
             }, [
-              ye(ee(o.name) + ": " + ee(d(be)(
+              ye(te(l.name) + ": " + te(d(be)(
                 t.value.style.chart.layout.labels.formatter,
-                o.value,
+                l.value,
                 d(ie)({
                   p: t.value.style.chart.layout.labels.prefix,
-                  v: o.value,
+                  v: l.value,
                   s: t.value.style.chart.layout.labels.suffix,
                   r: t.value.style.chart.legend.roundingValue
                 }),
-                { datapoint: o }
+                { datapoint: l }
               )) + " ", 1),
-              P.value.includes(o.id) ? (v(), y("span", Co, " ( - % ) ")) : (v(), y("span", wo, " (" + ee(isNaN(o.value / ae.value) ? "-" : (o.value / ae.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-            ], 12, ko)
+              P.value.includes(l.id) ? (v(), y("span", $l, " ( - % ) ")) : (v(), y("span", Cl, " (" + te(isNaN(l.value / ne.value) ? "-" : (l.value / ne.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+            ], 12, wl)
           ]),
           _: 1
         }, 8, ["legendSet", "config", "id"])) : k(e.$slots, "legend", {
           key: 1,
-          legend: Je.value
+          legend: Qe.value
         }, void 0, !0)
       ], 512),
       e.$slots.source ? (v(), y("div", {
@@ -891,20 +900,20 @@ const lo = ["id"], ao = {
         backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
-        parent: se.value,
+        parent: G.value,
         content: ke.value,
-        isFullscreen: te.value,
-        isCustom: d(ct)(t.value.style.chart.tooltip.customFormat)
+        isFullscreen: le.value,
+        isCustom: d(dt)(t.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": T(() => [
-          k(e.$slots, "tooltip-before", J(Q({ ...Ce.value })), void 0, !0)
+          k(e.$slots, "tooltip-before", Q(ee({ ...Ce.value })), void 0, !0)
         ]),
         "tooltip-after": T(() => [
-          k(e.$slots, "tooltip-after", J(Q({ ...Ce.value })), void 0, !0)
+          k(e.$slots, "tooltip-after", Q(ee({ ...Ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      x.value ? (v(), Z(d(h), {
+      x.value ? (v(), J(d(h), {
         key: 9,
         hideDetails: "",
         config: {
@@ -921,32 +930,32 @@ const lo = ["id"], ao = {
         }
       }, {
         content: T(() => [
-          (v(), Z(d(i), {
+          (v(), J(d(i), {
             key: `table_${Le.value}`,
             colNames: ve.value.colNames,
             head: ve.value.head,
             body: ve.value.body,
             config: ve.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: l[2] || (l[2] = (o) => R.value.showTable = !1)
+            onClose: o[2] || (o[2] = (l) => R.value.showTable = !1)
           }, {
-            th: T(({ th: o }) => [
+            th: T(({ th: l }) => [
               _("div", {
-                innerHTML: o,
+                innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, $o)
+              }, null, 8, xl)
             ]),
-            td: T(({ td: o }) => [
-              ye(ee(o.name || o), 1)
+            td: T(({ td: l }) => [
+              ye(te(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : O("", !0)
-    ], 46, lo));
+    ], 46, nl));
   }
-}, Lo = /* @__PURE__ */ jt(xo, [["__scopeId", "data-v-cbd9ec3f"]]);
+}, Dl = /* @__PURE__ */ Kt(Tl, [["__scopeId", "data-v-c04debca"]]);
 export {
-  Lo as default
+  Dl as default
 };