vue-data-ui 2.4.51 → 2.4.52

package/dist/{vue-ui-treemap-C4A4spvg.js → vue-ui-treemap-tlPZye6M.js}

@@ -1,19 +1,19 @@
-import { computed as w, ref as f, watch as ot, onMounted as lt, onBeforeUnmount as at, openBlock as g, createElementBlock as C, normalizeClass as Fe, normalizeStyle as R, unref as m, createBlock as E, createCommentVNode as O, createSlots as nt, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as Ie, Fragment as Le, renderList as Re, createElementVNode as S, toDisplayString as Y, createTextVNode as De, nextTick as st, pushScopeId as rt, popScopeId as ut } from "vue";
-import { u as it, c as Me, t as ct, a as dt, p as T, b as vt, o as ht, e as ft, d as ae, i as ne, f as K, X as pt, l as Ve, G as Be, x as Ue, y as gt, q as yt, r as mt } from "./index-BbPeL8Gp.js";
-import { _ as bt } from "./Title-aSAft5dl.js";
-import { u as kt, U as wt } from "./usePrinter-DaybDVqP.js";
-import { _ as Ct } from "./Tooltip-smutPF--.js";
-import { L as $t } from "./Legend-BLaZxMge.js";
-import xt from "./vue-ui-skeleton-Bniq21d9.js";
-import { D as Tt } from "./DataTable-DGf6RrOJ.js";
-import _t from "./vue-ui-accordion-5d5iVpr7.js";
+import { computed as k, ref as f, watch as ot, onMounted as lt, onBeforeUnmount as at, openBlock as g, createElementBlock as C, normalizeClass as Fe, normalizeStyle as R, unref as m, createBlock as E, createCommentVNode as O, createSlots as nt, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as Ie, Fragment as Le, renderList as Re, createElementVNode as S, toDisplayString as Y, createTextVNode as De, nextTick as st, pushScopeId as rt, popScopeId as ut } from "vue";
+import { u as it, c as Me, t as ct, a as dt, p as T, b as vt, o as ht, e as ft, d as ae, i as ne, f as K, X as pt, l as Ve, G as Be, x as He, y as gt, q as yt, r as mt } from "./index-K5uyh1gA.js";
+import { _ as bt } from "./Title-aMb2ETf7.js";
+import { u as wt, U as kt } from "./usePrinter-p_ZZlGc9.js";
+import { _ as Ct } from "./Tooltip-BRZ3DT4p.js";
+import { L as $t } from "./Legend-bYlSC7I7.js";
+import xt from "./vue-ui-skeleton-BhA2lIT6.js";
+import { D as Tt } from "./DataTable-COkA4Nyz.js";
+import _t from "./vue-ui-accordion-CsJT7Az3.js";
 import { t as Ot, u as St } from "./useResponsive-CoxXLe23.js";
-import { u as We } from "./useNestedProp-BN8claGG.js";
-import { _ as Nt } from "./PackageVersion-CxJghxYD.js";
-import { P as zt } from "./PenAndPaper-ZdZEumki.js";
+import { u as Ue } from "./useNestedProp-DifqJZAs.js";
+import { _ as Nt } from "./PackageVersion-Dz3KcTL4.js";
+import { P as zt } from "./PenAndPaper-BycdTwSP.js";
 import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function He(a, i) {
+function We(a, i) {
   const s = a.length;
   if (s === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${a} is an empty array`);
@@ -42,10 +42,10 @@ function Ft(a, i, s) {
   if (a.length === 0)
     return !0;
   {
-    const n = a.concat(i), u = He(
+    const n = a.concat(i), u = We(
       a,
       s
-    ), c = He(n, s);
+    ), c = We(n, s);
     return u >= c;
   }
 }
@@ -69,15 +69,15 @@ function Rt(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
 function Ge(a, i) {
-  const { width: s, height: n, xOffset: u, yOffset: c } = ce(i), d = a.length, h = a.map((p) => p.normalizedValue || 0).reduce((p, _) => p + _, 0), v = h / n, N = h / s;
-  let k = u, z = c;
+  const { width: s, height: n, xOffset: u, yOffset: c } = de(i), d = a.length, h = a.map((p) => p.normalizedValue || 0).reduce((p, _) => p + _, 0), v = h / n, N = h / s;
+  let w = u, z = c;
   const y = [];
   if (s >= n) {
     for (let p = 0; p < d; p += 1) {
       const _ = a[p], P = z + _.normalizedValue / v, D = {
-        x0: k,
+        x0: w,
         y0: z,
-        x1: k + v,
+        x1: w + v,
         y1: P
       }, A = Object.assign({}, _, D);
       z = P, y.push(A);
@@ -85,19 +85,19 @@ function Ge(a, i) {
     return y;
   } else {
     for (let p = 0; p < d; p += 1) {
-      const _ = a[p], P = k + _.normalizedValue / N, D = {
-        x0: k,
+      const _ = a[p], P = w + _.normalizedValue / N, D = {
+        x0: w,
         y0: z,
         x1: P,
         y1: z + N
       }, A = Object.assign({}, _, D);
-      k = P, y.push(A);
+      w = P, y.push(A);
     }
     return y;
   }
 }
 function Dt(a) {
-  const i = ce(a), s = i.width, n = i.height;
+  const i = de(a), s = i.width, n = i.height;
   return Math.min(s, n);
 }
 function Mt(a, i) {
@@ -109,7 +109,7 @@ function Mt(a, i) {
     }), c.push(d);
   return c;
 }
-function ce(a) {
+function de(a) {
   const { x0: i, y0: s, x1: n, y1: u } = a;
   return {
     xOffset: i,
@@ -126,9 +126,9 @@ function Vt(a, i, s, n) {
       const y = Ge(c, d);
       return h.concat(y);
     }
-    const N = Dt(d), k = u[0], z = u.slice(1, v);
-    if (Ft(c, k, N)) {
-      const y = c.concat(k);
+    const N = Dt(d), w = u[0], z = u.slice(1, v);
+    if (Ft(c, w, N)) {
+      const y = c.concat(w);
       u = z, c = y, d = d, h = h;
     } else {
       const y = c.length;
@@ -154,7 +154,7 @@ function Xe(a) {
   }
 }
 function Bt(a, i) {
-  const { width: s, height: n, xOffset: u, yOffset: c } = ce(a);
+  const { width: s, height: n, xOffset: u, yOffset: c } = de(a);
   if (s >= n) {
     const d = i / n, h = s - d, v = {
       xOffset: u + d,
@@ -173,10 +173,10 @@ function Bt(a, i) {
     return Ee(v);
   }
 }
-const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = ["xmlns", "viewBox"], Et = { key: 0 }, Gt = ["id"], Xt = ["stop-color"], qt = ["stop-color"], jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Yt = ["x", "y", "height", "width"], Zt = {
+const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = ["xmlns", "viewBox"], Et = { key: 0 }, Gt = ["id"], Xt = ["stop-color"], qt = ["stop-color"], jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Yt = ["x", "y", "height", "width"], Zt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, Jt = /* @__PURE__ */ Ut(() => /* @__PURE__ */ S("br", null, null, -1)), Kt = {
+}, Jt = /* @__PURE__ */ Ht(() => /* @__PURE__ */ S("br", null, null, -1)), Kt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Qt = ["onClick"], eo = { key: 0 }, to = { key: 1 }, oo = ["innerHTML"], lo = {
@@ -197,17 +197,17 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(a, { expose: i, emit: s }) {
-    const n = a, { vue_ui_treemap: u } = it(), c = w(() => !!n.dataset && n.dataset.length), d = w(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), h = f(Me()), v = f(!1), N = f(""), k = f(!1), z = f(0), y = f([]), p = f(null), _ = f(null), P = f(null), D = f(null), A = f(null), de = f(0), ve = f(0), he = f(0), e = w({
+    const n = a, { vue_ui_treemap: u } = it(), c = k(() => !!n.dataset && n.dataset.length), d = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), h = f(Me()), v = f(!1), N = f(""), w = f(!1), z = f(0), y = f([]), p = f(null), _ = f(null), P = f(null), D = f(null), A = f(null), ve = f(0), he = f(0), fe = f(0), e = k({
       get: () => ye(),
       set: (t) => t
-    }), { userOptionsVisible: fe, setUserOptionsVisibility: pe, keepUserOptionState: ge } = Pt({ config: e.value });
+    }), { userOptionsVisible: se, setUserOptionsVisibility: pe, keepUserOptionState: ge } = Pt({ config: e.value });
     function ye() {
-      const t = We({
+      const t = Ue({
         userConfig: n.config,
         defaultConfig: u
       });
       return t.theme ? {
-        ...We({
+        ...Ue({
           userConfig: ct.vue_ui_treemap[t.theme] || n.config,
           defaultConfig: t
         }),
@@ -215,18 +215,18 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       } : t;
     }
     ot(() => n.config, (t) => {
-      e.value = ye(), de.value += 1, ve.value += 1, he.value += 1;
+      e.value = ye(), se.value = !e.value.showOnChartHover, ve.value += 1, he.value += 1, fe.value += 1;
     }, { deep: !0 });
-    const { isPrinting: me, isImaging: be, generatePdf: ke, generateImage: we } = kt({
+    const { isPrinting: me, isImaging: be, generatePdf: we, generateImage: ke } = wt({
       elementId: `treemap_${h.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), qe = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = w(() => vt(e.value.customPalette)), M = f({
+    }), qe = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => vt(e.value.customPalette)), M = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), V = f({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), U = w(() => ({
+    }), H = k(() => ({
       bottom: V.value.height - e.value.style.chart.padding.bottom,
       height: V.value.height - e.value.style.chart.padding.top - e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
@@ -243,7 +243,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         }), Ce(l.children));
       });
     }
-    const W = f(n.dataset), ee = f(null);
+    const U = f(n.dataset), ee = f(null);
     lt(() => {
       je();
     });
@@ -251,7 +251,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       if (ht(n.dataset) && ft({
         componentName: "VueUiTreemap",
         type: "dataset"
-      }), Ce(W.value), e.value.responsive) {
+      }), Ce(U.value), e.value.responsive) {
         const t = Ot(() => {
           const { width: l, height: o } = St({
             chart: p.value,
@@ -268,10 +268,10 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
     at(() => {
       ee.value && ee.value.disconnect();
     });
-    const se = f(W.value), Z = w(() => se.value.map((t, l) => ({
+    const re = f(U.value), Z = k(() => re.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length]
-    })).filter((t) => !y.value.includes(t.id))), q = w(() => W.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), $e = w({
+    })).filter((t) => !y.value.includes(t.id))), q = k(() => U.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), $e = k({
       get() {
         let t = [...Z.value];
         return e.value.style.chart.layout.sorted && (t = [...Z.value].sort((l, o) => o.value - l.value)), t.map((l) => ({
@@ -301,7 +301,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         };
       });
     }
-    const J = w(() => Lt(
+    const J = k(() => Lt(
       $e.value.map((t, l) => {
         const o = t.children ? t.children.reduce((r, b) => r + b.value, 0) : t.value;
         return {
@@ -312,7 +312,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
           name: t.name
         };
       }),
-      { x0: U.value.left * 2, y0: U.value.top, x1: U.value.width, y1: U.value.height }
+      { x0: H.value.left * 2, y0: H.value.top, x1: H.value.width, y1: H.value.height }
     ));
     function _e({ y0: t, y1: l }) {
       return l - t <= 0 ? 1e-4 : l - t;
@@ -320,25 +320,25 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
     function Oe({ x0: t, x1: l }) {
       return l - t <= 0 ? 1e-4 : l - t;
     }
-    function H(t) {
+    function W(t) {
       const l = e.value.style.chart.layout.labels.fontSize * (t.proportion * 2 > 1 ? 1 : t.proportion * 2);
       return l < e.value.style.chart.layout.labels.minFontSize ? e.value.style.chart.layout.labels.minFontSize : l;
     }
     function Ze(t) {
-      k.value = t, z.value += 1;
+      w.value = t, z.value += 1;
     }
-    const j = w(() => ({
+    const j = k(() => ({
       startX: 0,
       startY: 0,
-      width: U.value.vbWidth,
-      height: U.value.vbHeight
+      width: H.value.vbWidth,
+      height: H.value.vbHeight
     })), F = f(!1);
-    function re(t, l = W.value) {
+    function ue(t, l = U.value) {
       for (const o of l) {
         if (o.id === t)
           return o;
         if (o.children) {
-          const r = re(t, o.children);
+          const r = ue(t, o.children);
           if (r)
             return r;
         }
@@ -347,23 +347,23 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
     }
     function Je(t) {
       if (F.value)
-        s("selectDatapoint", void 0), se.value = W.value;
+        s("selectDatapoint", void 0), re.value = U.value;
       else {
-        if (s("selectDatapoint", t), !re(t.parentId))
+        if (s("selectDatapoint", t), !ue(t.parentId))
           return;
-        se.value = [re(t.parentId)];
+        re.value = [ue(t.parentId)];
       }
       F.value = !F.value;
     }
-    const I = f(null), Se = w(() => W.value.map((t, l) => ({
+    const I = f(null), Se = k(() => U.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length],
       shape: "square"
     })).sort((t, l) => l.value - t.value).map((t, l) => ({
       ...t,
-      proportion: t.value / W.value.map((o) => o.value).reduce((o, r) => o + r, 0),
+      proportion: t.value / U.value.map((o) => o.value).reduce((o, r) => o + r, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1
-    }))), Ke = w(() => ({
+    }))), Ke = k(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -374,11 +374,11 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
     function Ne(t) {
       F.value = !1, I.value = null, y.value.includes(t.id) ? y.value = y.value.filter((l) => l !== t.id) : y.value.length < n.dataset.length - 1 && y.value.push(t.id), s("selectLegend", $e.value);
     }
-    const ue = f(null);
+    const ie = f(null);
     function Qe({ datapoint: t, seriesIndex: l }) {
-      I.value = t, ue.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
+      I.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (Ue(o) && gt(() => o({
+      if (He(o) && gt(() => o({
         seriesIndex: l,
         datapoint: t,
         series: Z.value,
@@ -406,7 +406,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       }
       v.value = !0;
     }
-    const L = w(() => {
+    const L = k(() => {
       const t = J.value.map((o) => ({
         name: o.name,
         color: o.color
@@ -421,7 +421,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         mt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
-    const te = w(() => {
+    const te = k(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
@@ -483,21 +483,21 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       M.value.showTooltip = !M.value.showTooltip;
     }
     const oe = f(!1);
-    function ie() {
+    function ce() {
       oe.value = !oe.value;
     }
     return i({
       getData: et,
       generateCsv: ze,
-      generateImage: we,
-      generatePdf: ke,
+      generateImage: ke,
+      generatePdf: we,
       toggleTable: Pe,
       toggleTooltip: Ae,
-      toggleAnnotator: ie
+      toggleAnnotator: ce
     }), (t, l) => (g(), C("div", {
       ref_key: "treemapChart",
       ref: p,
-      class: Fe(`vue-ui-treemap ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Fe(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: R(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `treemap_${h.value}`,
       onMouseenter: l[3] || (l[3] = () => m(pe)(!0)),
@@ -509,7 +509,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: oe.value,
-        onClose: ie
+        onClose: ce
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : O("", !0),
       qe.value ? (g(), C("div", {
         key: 1,
@@ -525,7 +525,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         style: R(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
         (g(), E(bt, {
-          key: `title_${de.value}`,
+          key: `title_${ve.value}`,
           config: {
             title: {
               cy: "treemap-div-title",
@@ -538,7 +538,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
           }
         }, null, 8, ["config"]))
       ], 4)) : O("", !0),
-      e.value.userOptions.show && c.value && (m(ge) || m(fe)) ? (g(), E(wt, {
+      e.value.userOptions.show && c.value && (m(ge) || m(se)) ? (g(), E(kt, {
         ref: "details",
         key: `user_option_${z.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -552,7 +552,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: k.value,
+        isFullscreen: w.value,
         isTooltip: M.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: p.value,
@@ -560,14 +560,14 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
         onToggleFullscreen: Ze,
-        onGeneratePdf: m(ke),
+        onGeneratePdf: m(we),
         onGenerateCsv: ze,
-        onGenerateImage: m(we),
+        onGenerateImage: m(ke),
         onToggleTable: Pe,
         onToggleTooltip: Ae,
-        onToggleAnnotator: ie,
+        onToggleAnnotator: ce,
         style: R({
-          visibility: m(ge) ? m(fe) ? "visible" : "hidden" : "visible"
+          visibility: m(ge) ? m(se) ? "visible" : "hidden" : "visible"
         })
       }, nt({ _: 2 }, [
         t.$slots.optionTooltip ? {
@@ -623,7 +623,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       c.value ? (g(), C("svg", {
         key: 4,
         xmlns: m(pt),
-        class: Fe({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value, "vue-data-ui-zoom-plus": !F.value, "vue-data-ui-zoom-minus": F.value }),
+        class: Fe({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value, "vue-data-ui-zoom-plus": !F.value, "vue-data-ui-zoom-minus": F.value }),
         viewBox: `${j.value.startX} ${j.value.startY} ${j.value.width <= 0 ? 10 : j.value.width} ${j.value.height <= 0 ? 10 : j.value.height}`,
         style: R(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -677,14 +677,14 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
               e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (g(), C("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: R(`width:calc(100% - ${H(o) / 1.5}px);text-align:left;line-height:${H(o) < 14 ? 14 : H(o)}px;padding:${H(o) / 3}px; color:${m(Be)(o.color)}`)
+                style: R(`width:calc(100% - ${W(o) / 1.5}px);text-align:left;line-height:${W(o) < 14 ? 14 : W(o)}px;padding:${W(o) / 3}px; color:${m(Be)(o.color)}`)
               }, [
                 S("span", {
-                  style: R(`width:100%;font-size:${H(o)}px;`)
+                  style: R(`width:100%;font-size:${W(o)}px;`)
                 }, Y(o.name), 5),
                 Jt,
                 S("span", {
-                  style: R(`width:100%;font-size:${H(o)}px;`)
+                  style: R(`width:100%;font-size:${W(o)}px;`)
                 }, Y(m(ne)(
                   e.value.style.chart.layout.labels.formatter,
                   o.value,
@@ -700,15 +700,15 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
               $(t.$slots, "rect", G(X({
                 rect: o,
                 shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value,
-                fontSize: H(o),
+                fontSize: W(o),
                 isZoom: F.value,
                 textColor: m(Be)(o.color)
               })), void 0, !0)
             ])
           ], 8, Yt))
         ]))), 256)),
-        $(t.$slots, "svg", G(X({ svg: U.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
-      ], 14, Ht)) : O("", !0),
+        $(t.$slots, "svg", G(X({ svg: H.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
+      ], 14, Wt)) : O("", !0),
       t.$slots.watermark ? (g(), C("div", Kt, [
         $(t.$slots, "watermark", G(X({ isPrinting: m(me) || m(be) })), void 0, !0)
       ])) : O("", !0),
@@ -729,7 +729,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         ref: P
       }, [
         e.value.style.chart.legend.show ? (g(), E($t, {
-          key: `legend_${he.value}`,
+          key: `legend_${fe.value}`,
           legendSet: Se.value,
           config: Ke.value,
           id: `treemap_legend_${h.value}`,
@@ -781,14 +781,14 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: p.value,
         content: N.value,
-        isFullscreen: k.value,
-        isCustom: m(Ue)(e.value.style.chart.tooltip.customFormat)
+        isFullscreen: w.value,
+        isCustom: m(He)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": x(() => [
-          $(t.$slots, "tooltip-before", G(X({ ...ue.value })), void 0, !0)
+          $(t.$slots, "tooltip-before", G(X({ ...ie.value })), void 0, !0)
         ]),
         "tooltip-after": x(() => [
-          $(t.$slots, "tooltip-after", G(X({ ...ue.value })), void 0, !0)
+          $(t.$slots, "tooltip-after", G(X({ ...ie.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -810,7 +810,7 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
       }, {
         content: x(() => [
           (g(), E(Tt, {
-            key: `table_${ve.value}`,
+            key: `table_${he.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
             body: te.value.body,
@@ -832,9 +832,9 @@ const Ut = (a) => (rt("data-v-6f68fbde"), a = a(), ut(), a), Wt = ["id"], Ht = [
         ]),
         _: 1
       }, 8, ["config"])) : O("", !0)
-    ], 46, Wt));
+    ], 46, Ut));
   }
-}, ko = /* @__PURE__ */ At(lo, [["__scopeId", "data-v-6f68fbde"]]);
+}, wo = /* @__PURE__ */ At(lo, [["__scopeId", "data-v-9a178263"]]);
 export {
-  ko as default
+  wo as default
 };