vue-data-ui 2.4.57 → 2.4.59

package/dist/{vue-ui-treemap-CyOUM3-P.js → vue-ui-treemap-3iutCx61.js}

@@ -1,185 +1,185 @@
-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-CI-N9klv.js";
-import { _ as bt } from "./Title-DLjHHdyq.js";
-import { u as wt, U as kt } from "./usePrinter-CXc8xCKk.js";
-import { _ as Ct } from "./Tooltip-BDaa-67h.js";
-import { L as $t } from "./Legend-HooNAKB_.js";
-import xt from "./vue-ui-skeleton-owIhXtQF.js";
-import { D as Tt } from "./DataTable-DgbrnD__.js";
-import _t from "./vue-ui-accordion-CYLks1fW.js";
-import { t as Ot, u as St } from "./useResponsive-CoxXLe23.js";
-import { u as Ue } from "./useNestedProp-D1eJ0dvv.js";
-import { _ as Nt } from "./PackageVersion-S3SzpuwC.js";
-import { P as zt } from "./PenAndPaper-v846FwcH.js";
-import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function We(a, i) {
+import { useSlots as at, onMounted as Ie, computed as k, ref as f, watch as nt, onBeforeUnmount as st, openBlock as g, createElementBlock as w, normalizeClass as Le, normalizeStyle as R, unref as y, createBlock as E, createCommentVNode as S, createSlots as rt, withCtx as T, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as Re, Fragment as De, renderList as Me, createElementVNode as N, toDisplayString as Y, createTextVNode as Ve, nextTick as ut, pushScopeId as it, popScopeId as ct } from "vue";
+import { u as dt, c as Ue, t as vt, a as ht, p as _, b as ft, o as pt, e as gt, d as ae, i as ne, f as K, X as yt, l as Be, G as He, x as We, y as mt, q as bt, r as kt } from "./index-B9RAElpI.js";
+import { _ as wt } from "./Title-zZtEcB9F.js";
+import { u as Ct, U as $t } from "./usePrinter-CwTAwqtF.js";
+import { _ as xt } from "./Tooltip-DDJ2Wvjy.js";
+import { L as Tt } from "./Legend-f52bnttJ.js";
+import _t from "./vue-ui-skeleton-DVYD_VSe.js";
+import { D as Ot } from "./DataTable-CFUKU8PU.js";
+import St from "./vue-ui-accordion-rNA598L6.js";
+import { t as Nt, u as zt } from "./useResponsive-CoxXLe23.js";
+import { u as Ee } from "./useNestedProp-DuruL3Nt.js";
+import { _ as Pt } from "./PackageVersion-C_FFs0BP.js";
+import { P as At } from "./PenAndPaper-Dx24BtRW.js";
+import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Ge(a, c) {
   const s = a.length;
   if (s === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${a} is an empty array`);
   {
-    let n = 1 / 0, u = -1 / 0, c = 0;
-    for (let h = 0; h < s; h += 1) {
-      const v = a[h].normalizedValue;
-      v < n && (n = v), v > u && (u = v), c += v;
+    let n = 1 / 0, i = -1 / 0, v = 0;
+    for (let p = 0; p < s; p += 1) {
+      const d = a[p].normalizedValue;
+      d < n && (n = d), d > i && (i = d), v += d;
     }
     return Math.max(
-      i ** 2 * u / c ** 2,
-      c ** 2 / (i ** 2 * n)
+      c ** 2 * i / v ** 2,
+      v ** 2 / (c ** 2 * n)
     );
   }
 }
-function Ee(a) {
-  const { xOffset: i, yOffset: s, width: n, height: u } = a;
+function Xe(a) {
+  const { xOffset: c, yOffset: s, width: n, height: i } = a;
   return {
-    x0: i,
+    x0: c,
     y0: s,
-    x1: i + n,
-    y1: s + u
+    x1: c + n,
+    y1: s + i
   };
 }
-function Ft(a, i, s) {
+function Lt(a, c, s) {
   if (a.length === 0)
     return !0;
   {
-    const n = a.concat(i), u = We(
+    const n = a.concat(c), i = Ge(
       a,
       s
-    ), c = We(n, s);
-    return u >= c;
+    ), v = Ge(n, s);
+    return i >= v;
   }
 }
-function It(a) {
-  const i = [], s = a.length;
+function Rt(a) {
+  const c = [], s = a.length;
   for (let n = 0; n < s; n += 1) {
-    const u = a[n], c = u.length;
-    for (let d = 0; d < c; d += 1)
-      i.push(u[d]);
+    const i = a[n], v = i.length;
+    for (let u = 0; u < v; u += 1)
+      c.push(i[u]);
   }
-  return i;
+  return c;
 }
-function Lt(a, i) {
+function Dt(a, c) {
   const s = {
-    ...i,
+    ...c,
     children: a
   };
-  return Xe(s);
+  return je(s);
 }
-function Rt(a) {
+function Mt(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
-function Ge(a, i) {
-  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 = [];
+function qe(a, c) {
+  const { width: s, height: n, xOffset: i, yOffset: v } = de(c), u = a.length, p = a.map((h) => h.normalizedValue || 0).reduce((h, b) => h + b, 0), d = p / n, z = p / s;
+  let O = i, C = v;
+  const x = [];
   if (s >= n) {
-    for (let p = 0; p < d; p += 1) {
-      const _ = a[p], P = z + _.normalizedValue / v, D = {
-        x0: w,
-        y0: z,
-        x1: w + v,
+    for (let h = 0; h < u; h += 1) {
+      const b = a[h], P = C + b.normalizedValue / d, D = {
+        x0: O,
+        y0: C,
+        x1: O + d,
         y1: P
-      }, A = Object.assign({}, _, D);
-      z = P, y.push(A);
+      }, A = Object.assign({}, b, D);
+      C = P, x.push(A);
     }
-    return y;
+    return x;
   } else {
-    for (let p = 0; p < d; p += 1) {
-      const _ = a[p], P = w + _.normalizedValue / N, D = {
-        x0: w,
-        y0: z,
+    for (let h = 0; h < u; h += 1) {
+      const b = a[h], P = O + b.normalizedValue / z, D = {
+        x0: O,
+        y0: C,
         x1: P,
-        y1: z + N
-      }, A = Object.assign({}, _, D);
-      w = P, y.push(A);
+        y1: C + z
+      }, A = Object.assign({}, b, D);
+      O = P, x.push(A);
     }
-    return y;
+    return x;
   }
 }
-function Dt(a) {
-  const i = de(a), s = i.width, n = i.height;
+function Vt(a) {
+  const c = de(a), s = c.width, n = c.height;
   return Math.min(s, n);
 }
-function Mt(a, i) {
-  const s = a.length, n = a.map((v) => v.value ?? 0).reduce((v, N) => v + N, 0), u = i / n, c = [];
-  let d, h;
-  for (let v = 0; v < s; v += 1)
-    h = a[v], d = Object.assign({}, h, {
-      normalizedValue: h.value * (u || 0)
-    }), c.push(d);
-  return c;
+function Ut(a, c) {
+  const s = a.length, n = a.map((d) => d.value ?? 0).reduce((d, z) => d + z, 0), i = c / n, v = [];
+  let u, p;
+  for (let d = 0; d < s; d += 1)
+    p = a[d], u = Object.assign({}, p, {
+      normalizedValue: p.value * (i || 0)
+    }), v.push(u);
+  return v;
 }
 function de(a) {
-  const { x0: i, y0: s, x1: n, y1: u } = a;
+  const { x0: c, y0: s, x1: n, y1: i } = a;
   return {
-    xOffset: i,
+    xOffset: c,
     yOffset: s,
-    width: n - i,
-    height: u - s
+    width: n - c,
+    height: i - s
   };
 }
-function Vt(a, i, s, n) {
-  let u = a, c = i, d = s, h = n;
+function Bt(a, c, s, n) {
+  let i = a, v = c, u = s, p = n;
   for (; ; ) {
-    const v = u.length;
-    if (v === 0) {
-      const y = Ge(c, d);
-      return h.concat(y);
+    const d = i.length;
+    if (d === 0) {
+      const x = qe(v, u);
+      return p.concat(x);
     }
-    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;
+    const z = Vt(u), O = i[0], C = i.slice(1, d);
+    if (Lt(v, O, z)) {
+      const x = v.concat(O);
+      i = C, v = x, u = u, p = p;
     } else {
-      const y = c.length;
-      let p = 0;
-      for (let A = 0; A < y; A += 1)
-        p += c[A].normalizedValue;
-      const _ = Bt(d, p), P = Ge(c, d), D = h.concat(P);
-      u = u, c = [], d = _, h = D;
+      const x = v.length;
+      let h = 0;
+      for (let A = 0; A < x; A += 1)
+        h += v[A].normalizedValue;
+      const b = Ht(u, h), P = qe(v, u), D = p.concat(P);
+      i = i, v = [], u = b, p = D;
     }
   }
 }
-function Xe(a) {
+function je(a) {
   if (typeof a.children > "u" || !a.children.length)
     return [a];
   {
-    const i = Mt(
+    const c = Ut(
       a.children,
-      Rt(a)
-    ), s = Vt(i, [], a, []), n = s.length, u = [];
-    for (let d = 0; d < n; d += 1)
-      u.push(Xe(s[d]));
-    return It(u);
+      Mt(a)
+    ), s = Bt(c, [], a, []), n = s.length, i = [];
+    for (let u = 0; u < n; u += 1)
+      i.push(je(s[u]));
+    return Rt(i);
   }
 }
-function Bt(a, i) {
-  const { width: s, height: n, xOffset: u, yOffset: c } = de(a);
+function Ht(a, c) {
+  const { width: s, height: n, xOffset: i, yOffset: v } = de(a);
   if (s >= n) {
-    const d = i / n, h = s - d, v = {
-      xOffset: u + d,
-      yOffset: c,
-      width: h,
+    const u = c / n, p = s - u, d = {
+      xOffset: i + u,
+      yOffset: v,
+      width: p,
       height: n
     };
-    return Ee(v);
+    return Xe(d);
   } else {
-    const d = i / s, h = n - d, v = {
-      xOffset: u,
-      yOffset: c + d,
+    const u = c / s, p = n - u, d = {
+      xOffset: i,
+      yOffset: v + u,
       width: s,
-      height: h
+      height: p
     };
-    return Ee(v);
+    return Xe(d);
   }
 }
-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 = {
+const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = ["xmlns", "viewBox"], Xt = { key: 0 }, qt = ["id"], jt = ["stop-color"], Yt = ["stop-color"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Jt = ["x", "y", "height", "width"], Kt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, Jt = /* @__PURE__ */ Ht(() => /* @__PURE__ */ S("br", null, null, -1)), Kt = {
+}, Qt = /* @__PURE__ */ Wt(() => /* @__PURE__ */ N("br", null, null, -1)), eo = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Qt = ["onClick"], eo = { key: 0 }, to = { key: 1 }, oo = ["innerHTML"], lo = {
+}, to = ["onClick"], oo = { key: 0 }, lo = { key: 1 }, ao = ["innerHTML"], no = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -196,37 +196,41 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(a, { expose: i, emit: s }) {
-    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(),
+  setup(a, { expose: c, emit: s }) {
+    const n = a, { vue_ui_treemap: i } = dt(), v = at();
+    Ie(() => {
+      v["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
+    });
+    const u = k(() => !!n.dataset && n.dataset.length), p = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), d = f(Ue()), z = f(!1), O = f(""), C = f(!1), x = f(0), h = f([]), b = f(null), P = f(null), D = f(null), A = f(null), ve = f(null), he = f(0), fe = f(0), pe = f(0), e = k({
+      get: () => me(),
       set: (t) => t
-    }), { userOptionsVisible: se, setUserOptionsVisibility: pe, keepUserOptionState: ge } = Pt({ config: e.value });
-    function ye() {
-      const t = Ue({
+    }), { userOptionsVisible: se, setUserOptionsVisibility: ge, keepUserOptionState: ye } = Ft({ config: e.value });
+    function me() {
+      const t = Ee({
         userConfig: n.config,
-        defaultConfig: u
+        defaultConfig: i
       });
       return t.theme ? {
-        ...Ue({
-          userConfig: ct.vue_ui_treemap[t.theme] || n.config,
+        ...Ee({
+          userConfig: vt.vue_ui_treemap[t.theme] || n.config,
           defaultConfig: t
         }),
-        customPalette: dt[t.theme] || T
+        customPalette: ht[t.theme] || _
       } : t;
     }
-    ot(() => n.config, (t) => {
-      e.value = ye(), se.value = !e.value.showOnChartHover, ve.value += 1, he.value += 1, fe.value += 1;
+    nt(() => n.config, (t) => {
+      e.value = me(), se.value = !e.value.showOnChartHover, he.value += 1, fe.value += 1, pe.value += 1;
     }, { deep: !0 });
-    const { isPrinting: me, isImaging: be, generatePdf: we, generateImage: ke } = wt({
-      elementId: `treemap_${h.value}`,
+    const { isPrinting: be, isImaging: ke, generatePdf: we, generateImage: Ce } = Ct({
+      elementId: `treemap_${d.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), qe = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => vt(e.value.customPalette)), M = f({
+    }), Ye = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => ft(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
-    }), H = k(() => ({
+    }), B = 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,
@@ -236,42 +240,42 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
       vbWidth: V.value.width,
       width: V.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right
     }));
-    function Ce(t) {
+    function $e(t) {
       t.forEach((l, o) => {
-        l.id = Me(), l.color = ae(l.color) || Q.value[o] || T[o] || T[o % T.length], l.children && (l.children.forEach((r) => {
+        l.id = Ue(), l.color = ae(l.color) || Q.value[o] || _[o] || _[o % _.length], l.children && (l.children.forEach((r) => {
           r.parentId = l.id, r.color = l.color;
-        }), Ce(l.children));
+        }), $e(l.children));
       });
     }
-    const U = f(n.dataset), ee = f(null);
-    lt(() => {
-      je();
+    const H = f(n.dataset), ee = f(null);
+    Ie(() => {
+      Ze();
     });
-    function je() {
-      if (ht(n.dataset) && ft({
+    function Ze() {
+      if (pt(n.dataset) && gt({
         componentName: "VueUiTreemap",
         type: "dataset"
-      }), Ce(U.value), e.value.responsive) {
-        const t = Ot(() => {
-          const { width: l, height: o } = St({
-            chart: p.value,
-            title: e.value.style.chart.title.text ? _.value : null,
-            legend: e.value.style.chart.legend.show ? P.value : null,
-            source: D.value,
-            noTitle: A.value
+      }), $e(H.value), e.value.responsive) {
+        const t = Nt(() => {
+          const { width: l, height: o } = zt({
+            chart: b.value,
+            title: e.value.style.chart.title.text ? P.value : null,
+            legend: e.value.style.chart.legend.show ? D.value : null,
+            source: A.value,
+            noTitle: ve.value
           });
           V.value.width = l, V.value.height = o;
         });
-        ee.value = new ResizeObserver(t), ee.value.observe(p.value.parentNode);
+        ee.value = new ResizeObserver(t), ee.value.observe(b.value.parentNode);
       }
     }
-    at(() => {
+    st(() => {
       ee.value && ee.value.disconnect();
     });
-    const re = f(U.value), Z = k(() => re.value.map((t, l) => ({
+    const re = f(H.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 = k(() => U.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), $e = k({
+      color: ae(t.color) || Q.value[l] || _[l] || _[l % _.length]
+    })).filter((t) => !h.value.includes(t.id))), q = k(() => H.value.filter((t) => !h.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), xe = 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) => ({
@@ -282,58 +286,58 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
         return t;
       }
     });
-    function xe(t, l) {
+    function Te(t, l) {
       return t.value / l;
     }
-    function Ye(t, l, o) {
-      const r = e.value.style.chart.layout.rects.colorRatio - xe(l, o);
-      return Ve(t, r < 0 ? 0 : r);
+    function Je(t, l, o) {
+      const r = e.value.style.chart.layout.rects.colorRatio - Te(l, o);
+      return Be(t, r < 0 ? 0 : r);
     }
-    function Te(t, l, o, r) {
-      return t.map((b, B) => {
-        const le = Ye(ae(l) || Q.value[B] || T[B] || T[B % T.length], b, r), tt = xe(b, r);
+    function _e(t, l, o, r) {
+      return t.map((m, U) => {
+        const le = Je(ae(l) || Q.value[U] || _[U] || _[U % _.length], m, r), lt = Te(m, r);
         return {
-          ...b,
+          ...m,
           color: le,
-          proportion: tt,
+          proportion: lt,
           parentName: o,
-          children: b.children ? Te(b.children, le, b.name, r) : void 0
+          children: m.children ? _e(m.children, le, m.name, r) : void 0
         };
       });
     }
-    const J = k(() => Lt(
-      $e.value.map((t, l) => {
-        const o = t.children ? t.children.reduce((r, b) => r + b.value, 0) : t.value;
+    const J = k(() => Dt(
+      xe.value.map((t, l) => {
+        const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
         return {
           value: t.value,
           id: t.id,
-          children: t.children ? Te(t.children.sort((r, b) => b.value - r.value), t.color, t.name, o) : void 0,
+          children: t.children ? _e(t.children.sort((r, m) => m.value - r.value), t.color, t.name, o) : void 0,
           color: t.color,
           name: t.name
         };
       }),
-      { x0: H.value.left * 2, y0: H.value.top, x1: H.value.width, y1: H.value.height }
+      { x0: B.value.left * 2, y0: B.value.top, x1: B.value.width, y1: B.value.height }
     ));
-    function _e({ y0: t, y1: l }) {
+    function Oe({ y0: t, y1: l }) {
       return l - t <= 0 ? 1e-4 : l - t;
     }
-    function Oe({ x0: t, x1: l }) {
+    function Se({ x0: t, x1: l }) {
       return l - t <= 0 ? 1e-4 : l - 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) {
-      w.value = t, z.value += 1;
+    function Ke(t) {
+      C.value = t, x.value += 1;
     }
     const j = k(() => ({
       startX: 0,
       startY: 0,
-      width: H.value.vbWidth,
-      height: H.value.vbHeight
+      width: B.value.vbWidth,
+      height: B.value.vbHeight
     })), F = f(!1);
-    function ue(t, l = U.value) {
+    function ue(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
           return o;
@@ -345,9 +349,9 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
       }
       return null;
     }
-    function Je(t) {
+    function Qe(t) {
       if (F.value)
-        s("selectDatapoint", void 0), re.value = U.value;
+        s("selectDatapoint", void 0), re.value = H.value;
       else {
         if (s("selectDatapoint", t), !ue(t.parentId))
           return;
@@ -355,15 +359,15 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
       }
       F.value = !F.value;
     }
-    const I = f(null), Se = k(() => U.value.map((t, l) => ({
+    const I = f(null), Ne = k(() => H.value.map((t, l) => ({
       ...t,
-      color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length],
+      color: ae(t.color) || Q.value[l] || _[l] || _[l % _.length],
       shape: "square"
     })).sort((t, l) => l.value - t.value).map((t, l) => ({
       ...t,
-      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 = k(() => ({
+      proportion: t.value / H.value.map((o) => o.value).reduce((o, r) => o + r, 0),
+      opacity: h.value.includes(t.id) ? 0.5 : 1
+    }))), et = k(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -371,20 +375,20 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    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);
+    function ze(t) {
+      F.value = !1, I.value = null, h.value.includes(t.id) ? h.value = h.value.filter((l) => l !== t.id) : h.value.length < n.dataset.length - 1 && h.value.push(t.id), s("selectLegend", xe.value);
     }
     const ie = f(null);
-    function Qe({ datapoint: t, seriesIndex: l }) {
+    function tt({ datapoint: t, seriesIndex: l }) {
       I.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (He(o) && gt(() => o({
+      if (We(o) && mt(() => o({
         seriesIndex: l,
         datapoint: t,
         series: Z.value,
         config: e.value
       })))
-        N.value = o({
+        O.value = o({
           seriesIndex: l,
           datapoint: t,
           series: Z.value,
@@ -402,9 +406,9 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: l }
-        )}</b>`, N.value = `<div>${r}</div>`;
+        )}</b>`, O.value = `<div>${r}</div>`;
       }
-      v.value = !0;
+      z.value = !0;
     }
     const L = k(() => {
       const t = J.value.map((o) => ({
@@ -413,12 +417,12 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
       })), l = J.value.map((o) => o.value);
       return { head: t, body: l };
     });
-    function ze() {
-      st(() => {
-        const t = L.value.head.map((r, b) => [[
+    function Pe() {
+      ut(() => {
+        const t = L.value.head.map((r, m) => [[
           r.name
-        ], [L.value.body[b]], [isNaN(L.value.body[b] / q.value) ? "-" : L.value.body[b] / q.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = yt(l);
-        mt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [L.value.body[m]], [isNaN(L.value.body[m] / q.value) ? "-" : L.value.body[m] / q.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = bt(l);
+        kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const te = k(() => {
@@ -426,26 +430,26 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], l = L.value.head.map((b, B) => {
+      ], l = L.value.head.map((m, U) => {
         const le = ne(
           e.value.style.chart.layout.labels.formatter,
-          L.value.body[B],
+          L.value.body[U],
           K({
             p: e.value.style.chart.layout.labels.prefix,
-            v: L.value.body[B],
+            v: L.value.body[U],
             s: e.value.style.chart.layout.labels.suffix,
             r: e.value.table.td.roundingValue
           })
         );
         return [
           {
-            color: b.color,
-            name: b.name,
+            color: m.color,
+            name: m.name,
             shape: "square"
           },
           le,
-          isNaN(L.value.body[B] / q.value) ? "-" : K({
-            v: L.value.body[B] / q.value * 100,
+          isNaN(L.value.body[U] / q.value) ? "-" : K({
+            v: L.value.body[U] / q.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -473,59 +477,59 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
         config: o
       };
     });
-    function et() {
+    function ot() {
       return J.value;
     }
-    function Pe() {
+    function Ae() {
       M.value.showTable = !M.value.showTable;
     }
-    function Ae() {
+    function Fe() {
       M.value.showTooltip = !M.value.showTooltip;
     }
     const oe = f(!1);
     function ce() {
       oe.value = !oe.value;
     }
-    return i({
-      getData: et,
-      generateCsv: ze,
-      generateImage: ke,
+    return c({
+      getData: ot,
+      generateCsv: Pe,
+      generateImage: Ce,
       generatePdf: we,
-      toggleTable: Pe,
-      toggleTooltip: Ae,
+      toggleTable: Ae,
+      toggleTooltip: Fe,
       toggleAnnotator: ce
-    }), (t, l) => (g(), C("div", {
+    }), (t, l) => (g(), w("div", {
       ref_key: "treemapChart",
-      ref: p,
-      class: Fe(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: b,
+      class: Le(`vue-ui-treemap ${C.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)),
-      onMouseleave: l[4] || (l[4] = () => m(pe)(!1))
+      id: `treemap_${d.value}`,
+      onMouseenter: l[3] || (l[3] = () => y(ge)(!0)),
+      onMouseleave: l[4] || (l[4] = () => y(ge)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (g(), E(zt, {
+      e.value.userOptions.buttons.annotator ? (g(), E(At, {
         key: 0,
-        parent: p.value,
+        parent: b.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: oe.value,
         onClose: ce
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : O("", !0),
-      qe.value ? (g(), C("div", {
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : S("", !0),
+      Ye.value ? (g(), w("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: A,
+        ref: ve,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : O("", !0),
-      e.value.style.chart.title.text ? (g(), C("div", {
+      }, null, 512)) : S("", !0),
+      e.value.style.chart.title.text ? (g(), w("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: _,
+        ref: P,
         style: R(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (g(), E(bt, {
-          key: `title_${ve.value}`,
+        (g(), E(wt, {
+          key: `title_${he.value}`,
           config: {
             title: {
               cy: "treemap-div-title",
@@ -537,158 +541,158 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : O("", !0),
-      e.value.userOptions.show && c.value && (m(ge) || m(se)) ? (g(), E(kt, {
+      ], 4)) : S("", !0),
+      e.value.userOptions.show && u.value && (y(ye) || y(se)) ? (g(), E($t, {
         ref: "details",
-        key: `user_option_${z.value}`,
+        key: `user_option_${x.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: m(me),
-        isImaging: m(be),
-        uid: h.value,
+        isPrinting: y(be),
+        isImaging: y(ke),
+        uid: d.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: w.value,
+        isFullscreen: C.value,
         isTooltip: M.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: p.value,
+        chartElement: b.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
-        onToggleFullscreen: Ze,
-        onGeneratePdf: m(we),
-        onGenerateCsv: ze,
-        onGenerateImage: m(ke),
-        onToggleTable: Pe,
-        onToggleTooltip: Ae,
+        onToggleFullscreen: Ke,
+        onGeneratePdf: y(we),
+        onGenerateCsv: Pe,
+        onGenerateImage: y(Ce),
+        onToggleTable: Ae,
+        onToggleTooltip: Fe,
         onToggleAnnotator: ce,
         style: R({
-          visibility: m(ge) ? m(se) ? "visible" : "hidden" : "visible"
+          visibility: y(ye) ? y(se) ? "visible" : "hidden" : "visible"
         })
-      }, nt({ _: 2 }, [
+      }, rt({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: x(() => [
+          fn: T(() => [
             $(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
+          fn: T(() => [
             $(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: x(() => [
+          fn: T(() => [
             $(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
+          fn: T(() => [
             $(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: x(() => [
+          fn: T(() => [
             $(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: o, isFullscreen: r }) => [
+          fn: T(({ toggleFullscreen: o, isFullscreen: r }) => [
             $(t.$slots, "optionFullscreen", G(X({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: o, isAnnotator: r }) => [
+          fn: T(({ toggleAnnotator: o, isAnnotator: r }) => [
             $(t.$slots, "optionAnnotator", G(X({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : O("", !0),
-      c.value ? (g(), C("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
+      u.value ? (g(), w("svg", {
         key: 4,
-        xmlns: m(pt),
-        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 }),
+        xmlns: y(yt),
+        class: Le({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.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}`)
       }, [
-        Ie(Nt),
-        (g(!0), C(Le, null, Re(J.value, (o, r) => (g(), C("g", null, [
-          e.value.style.chart.layout.rects.gradient.show ? (g(), C("defs", Et, [
-            S("radialGradient", {
+        Re(Pt),
+        (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
+          e.value.style.chart.layout.rects.gradient.show ? (g(), w("defs", Xt, [
+            N("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
             }, [
-              S("stop", {
+              N("stop", {
                 offset: "18%",
                 "stop-color": o.color
-              }, null, 8, Xt),
-              S("stop", {
+              }, null, 8, jt),
+              N("stop", {
                 offset: "100%",
-                "stop-color": m(Ve)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, qt)
-            ], 8, Gt)
-          ])) : O("", !0)
+                "stop-color": y(Be)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
+              }, null, 8, Yt)
+            ], 8, qt)
+          ])) : S("", !0)
         ]))), 256)),
-        (g(!0), C(Le, null, Re(J.value, (o, r) => (g(), C("g", null, [
-          S("rect", {
+        (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
+          N("rect", {
             x: o.x0,
             y: o.y0,
-            height: _e(o),
-            width: Oe(o),
-            fill: d.value ? o.color : e.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
+            height: Oe(o),
+            width: Se(o),
+            fill: p.value ? o.color : e.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
             rx: e.value.style.chart.layout.rects.borderRadius,
             stroke: I.value && I.value.id === o.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
             "stroke-width": I.value && I.value.id === o.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
-            onClick: (b) => Je(o),
-            onMouseenter: () => Qe({
+            onClick: (m) => Qe(o),
+            onMouseenter: () => tt({
               datapoint: o,
               seriesIndex: r
             }),
-            onMouseleave: l[0] || (l[0] = (b) => {
-              I.value = null, v.value = !1;
+            onMouseleave: l[0] || (l[0] = (m) => {
+              I.value = null, z.value = !1;
             }),
             style: R(`opacity:${I.value ? I.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
-          }, null, 44, jt),
-          (g(), C("foreignObject", {
+          }, null, 44, Zt),
+          (g(), w("foreignObject", {
             x: o.x0,
             y: o.y0,
-            height: _e(o),
-            width: Oe(o),
+            height: Oe(o),
+            width: Se(o),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            S("div", Zt, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (g(), C("div", {
+            N("div", Kt, [
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (g(), w("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                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)}`)
+                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:${y(He)(o.color)}`)
               }, [
-                S("span", {
+                N("span", {
                   style: R(`width:100%;font-size:${W(o)}px;`)
                 }, Y(o.name), 5),
-                Jt,
-                S("span", {
+                Qt,
+                N("span", {
                   style: R(`width:100%;font-size:${W(o)}px;`)
-                }, Y(m(ne)(
+                }, Y(y(ne)(
                   e.value.style.chart.layout.labels.formatter,
                   o.value,
-                  m(K)({
+                  y(K)({
                     p: e.value.style.chart.layout.labels.prefix,
                     v: o.value,
                     s: e.value.style.chart.layout.labels.suffix,
@@ -696,23 +700,23 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
                   }),
                   { datapoint: o }
                 )), 5)
-              ], 4)) : O("", !0),
+              ], 4)) : S("", !0),
               $(t.$slots, "rect", G(X({
                 rect: o,
                 shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value,
                 fontSize: W(o),
                 isZoom: F.value,
-                textColor: m(Be)(o.color)
+                textColor: y(He)(o.color)
               })), void 0, !0)
             ])
-          ], 8, Yt))
+          ], 8, Jt))
         ]))), 256)),
-        $(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),
-      c.value ? O("", !0) : (g(), E(xt, {
+        $(t.$slots, "svg", G(X({ svg: B.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
+      ], 14, Gt)) : S("", !0),
+      t.$slots.watermark ? (g(), w("div", eo, [
+        $(t.$slots, "watermark", G(X({ isPrinting: y(be) || y(ke) })), void 0, !0)
+      ])) : S("", !0),
+      u.value ? S("", !0) : (g(), E(_t, {
         key: 6,
         config: {
           type: "treemap",
@@ -724,26 +728,26 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
           }
         }
       }, null, 8, ["config"])),
-      S("div", {
+      N("div", {
         ref_key: "chartLegend",
-        ref: P
+        ref: D
       }, [
-        e.value.style.chart.legend.show ? (g(), E($t, {
-          key: `legend_${fe.value}`,
-          legendSet: Se.value,
-          config: Ke.value,
-          id: `treemap_legend_${h.value}`,
-          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Ne(o))
+        e.value.style.chart.legend.show ? (g(), E(Tt, {
+          key: `legend_${pe.value}`,
+          legendSet: Ne.value,
+          config: et.value,
+          id: `treemap_legend_${d.value}`,
+          onClickMarker: l[1] || (l[1] = ({ legend: o }) => ze(o))
         }, {
-          item: x(({ legend: o, index: r }) => [
-            S("div", {
-              onClick: (b) => Ne(o),
-              style: R(`opacity:${y.value.includes(o.id) ? 0.5 : 1}`)
+          item: T(({ legend: o, index: r }) => [
+            N("div", {
+              onClick: (m) => ze(o),
+              style: R(`opacity:${h.value.includes(o.id) ? 0.5 : 1}`)
             }, [
-              De(Y(o.name) + ": " + Y(m(ne)(
+              Ve(Y(o.name) + ": " + Y(y(ne)(
                 e.value.style.chart.layout.labels.formatter,
                 o.value,
-                m(K)({
+                y(K)({
                   p: e.value.style.chart.layout.labels.prefix,
                   v: o.value,
                   s: e.value.style.chart.layout.labels.suffix,
@@ -751,25 +755,25 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              y.value.includes(o.id) ? (g(), C("span", to, " ( - % ) ")) : (g(), C("span", eo, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-            ], 12, Qt)
+              h.value.includes(o.id) ? (g(), w("span", lo, " ( - % ) ")) : (g(), w("span", oo, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+            ], 12, to)
           ]),
           _: 1
         }, 8, ["legendSet", "config", "id"])) : $(t.$slots, "legend", {
           key: 1,
-          legend: Se.value
+          legend: Ne.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (g(), C("div", {
+      t.$slots.source ? (g(), w("div", {
         key: 7,
         ref_key: "source",
-        ref: D,
+        ref: A,
         dir: "auto"
       }, [
         $(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : O("", !0),
-      Ie(Ct, {
-        show: M.value.showTooltip && v.value,
+      ], 512)) : S("", !0),
+      Re(xt, {
+        show: M.value.showTooltip && z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -779,20 +783,20 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: p.value,
-        content: N.value,
-        isFullscreen: w.value,
-        isCustom: m(He)(e.value.style.chart.tooltip.customFormat)
+        parent: b.value,
+        content: O.value,
+        isFullscreen: C.value,
+        isCustom: y(We)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": x(() => [
+        "tooltip-before": T(() => [
           $(t.$slots, "tooltip-before", G(X({ ...ie.value })), void 0, !0)
         ]),
-        "tooltip-after": x(() => [
+        "tooltip-after": T(() => [
           $(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"]),
-      c.value ? (g(), E(_t, {
+      u.value ? (g(), E(St, {
         key: 8,
         hideDetails: "",
         config: {
@@ -808,9 +812,9 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
           }
         }
       }, {
-        content: x(() => [
-          (g(), E(Tt, {
-            key: `table_${he.value}`,
+        content: T(() => [
+          (g(), E(Ot, {
+            key: `table_${fe.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
             body: te.value.body,
@@ -818,23 +822,23 @@ const Ht = (a) => (rt("data-v-9a178263"), a = a(), ut(), a), Ut = ["id"], Wt = [
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: l[2] || (l[2] = (o) => M.value.showTable = !1)
           }, {
-            th: x(({ th: o }) => [
-              S("div", {
+            th: T(({ th: o }) => [
+              N("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, oo)
+              }, null, 8, ao)
             ]),
-            td: x(({ td: o }) => [
-              De(Y(o.name || o), 1)
+            td: T(({ td: o }) => [
+              Ve(Y(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : O("", !0)
-    ], 46, Ut));
+      }, 8, ["config"])) : S("", !0)
+    ], 46, Et));
   }
-}, wo = /* @__PURE__ */ At(lo, [["__scopeId", "data-v-9a178263"]]);
+}, Co = /* @__PURE__ */ It(no, [["__scopeId", "data-v-d58b1737"]]);
 export {
-  wo as default
+  Co as default
 };