vue-data-ui 3.1.1 → 3.1.2

package/dist/{vue-ui-treemap-GrXkD_3Z.js → vue-ui-treemap-DGC9zxon.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as te, useSlots as Ut, onMounted as gt, computed as b, ref as m, shallowRef as U, toRefs as Ht, watch as ke, onBeforeUnmount as Wt, createElementBlock as y, openBlock as d, unref as c, normalizeStyle as M, normalizeClass as Re, createBlock as Z, createCommentVNode as _, createElementVNode as O, createVNode as we, createSlots as mt, withCtx as T, renderSlot as C, normalizeProps as le, guardReactiveProps as oe, Fragment as Ce, renderList as Le, withKeys as yt, withModifiers as Me, mergeProps as Be, createTextVNode as $e, toDisplayString as H, Teleport as Gt, resolveDynamicComponent as Xt, nextTick as qt } from "vue";
-import { u as Yt, c as Te, t as jt, a as Zt, p as F, b as Kt, d as Jt, o as bt, f as Qt, e as de, k as xe, i as he, X as el, l as kt, F as wt, y as Ct, v as tl, w as ll, z as ol } from "./index-BKQqb9lF.js";
-import { t as al, u as nl } from "./useResponsive-DfdjqQps.js";
-import { u as sl, B as ul } from "./BaseScanner-BgWxam9d.js";
-import { u as rl } from "./usePrinter-BzuXiubT.js";
-import { u as $t } from "./useNestedProp-aBOhgs4U.js";
-import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as cl } from "./useChartAccessibility-9icAAmYg.js";
-import vl from "./img-gBDz7xQQ.js";
-import dl from "./Title-Dz-j6ERs.js";
-import hl from "./Legend-8_V5egWW.js";
-import Tt from "./BaseIcon-DLesaZpW.js";
-import { _ as pl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function xt(n, r) {
+import { defineAsyncComponent as te, useSlots as Wt, onMounted as yt, computed as b, ref as m, shallowRef as U, toRefs as Gt, watch as ke, onBeforeUnmount as Xt, createElementBlock as y, openBlock as d, unref as c, normalizeStyle as M, normalizeClass as Le, createBlock as Z, createCommentVNode as _, createElementVNode as O, createVNode as we, createSlots as bt, withCtx as T, renderSlot as C, normalizeProps as le, guardReactiveProps as oe, Fragment as Ce, renderList as Me, withKeys as kt, withModifiers as Be, mergeProps as Ve, createTextVNode as $e, toDisplayString as H, Teleport as qt, resolveDynamicComponent as Yt, nextTick as jt } from "vue";
+import { u as Zt, c as Te, t as Kt, a as Jt, p as I, b as Qt, d as el, o as wt, f as tl, e as de, k as xe, i as he, X as ll, l as Ct, F as $t, y as Tt, v as ol, w as al, z as nl } from "./index-BFqW8WA0.js";
+import { t as sl, u as ul } from "./useResponsive-DfdjqQps.js";
+import { u as rl, B as il } from "./BaseScanner-BgWxam9d.js";
+import { u as cl } from "./usePrinter-DDIKRiOp.js";
+import { u as xt } from "./useNestedProp-BSZCnuGl.js";
+import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as dl } from "./useChartAccessibility-9icAAmYg.js";
+import hl from "./img-DvuphHeJ.js";
+import pl from "./Title-AGmmsSi_.js";
+import fl from "./Legend-DLzeDl3-.js";
+import _t from "./BaseIcon-BLg8FaQ2.js";
+import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Ot(n, r) {
   const s = n.length;
   if (s === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${n} is an empty array`);
@@ -27,7 +27,7 @@ function xt(n, r) {
     );
   }
 }
-function _t(n) {
+function At(n) {
   const { xOffset: r, yOffset: s, width: i, height: u } = n;
   return {
     x0: r,
@@ -36,18 +36,18 @@ function _t(n) {
     y1: s + u
   };
 }
-function fl(n, r, s) {
+function ml(n, r, s) {
   if (n.length === 0)
     return !0;
   {
-    const i = n.concat(r), u = xt(
+    const i = n.concat(r), u = Ot(
       n,
       s
-    ), h = xt(i, s);
+    ), h = Ot(i, s);
     return u >= h;
   }
 }
-function gl(n) {
+function yl(n) {
   const r = [], s = n.length;
   for (let i = 0; i < s; i += 1) {
     const u = n[i], h = u.length;
@@ -56,49 +56,49 @@ function gl(n) {
   }
   return r;
 }
-function ml(n, r) {
+function bl(n, r) {
   const s = {
     ...r,
     children: n
   };
-  return At(s);
+  return It(s);
 }
-function yl(n) {
+function kl(n) {
   return (n.x1 - n.x0) * (n.y1 - n.y0);
 }
-function Ot(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: h } = Ve(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, N) => w + N, 0), f = g / i, W = g / s;
-  let D = u, k = h;
+function St(n, r) {
+  const { width: s, height: i, xOffset: u, yOffset: h } = Ee(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, F) => w + F, 0), f = g / i, W = g / s;
+  let P = u, k = h;
   const $ = [];
   if (s >= i) {
     for (let w = 0; w < v; w += 1) {
-      const N = n[w], B = k + N.normalizedValue / f, A = {
-        x0: D,
+      const F = n[w], B = k + F.normalizedValue / f, A = {
+        x0: P,
         y0: k,
-        x1: D + f,
+        x1: P + f,
         y1: B
-      }, P = Object.assign({}, N, A);
-      k = B, $.push(P);
+      }, N = Object.assign({}, F, A);
+      k = B, $.push(N);
     }
     return $;
   } else {
     for (let w = 0; w < v; w += 1) {
-      const N = n[w], B = D + N.normalizedValue / W, A = {
-        x0: D,
+      const F = n[w], B = P + F.normalizedValue / W, A = {
+        x0: P,
         y0: k,
         x1: B,
         y1: k + W
-      }, P = Object.assign({}, N, A);
-      D = B, $.push(P);
+      }, N = Object.assign({}, F, A);
+      P = B, $.push(N);
     }
     return $;
   }
 }
-function bl(n) {
-  const r = Ve(n), s = r.width, i = r.height;
+function wl(n) {
+  const r = Ee(n), s = r.width, i = r.height;
   return Math.min(s, i);
 }
-function kl(n, r) {
+function Cl(n, r) {
   const s = n.length, i = n.map((f) => f.value ?? 0).reduce((f, W) => f + W, 0), u = r / i, h = [];
   let v, g;
   for (let f = 0; f < s; f += 1)
@@ -107,7 +107,7 @@ function kl(n, r) {
     }), h.push(v);
   return h;
 }
-function Ve(n) {
+function Ee(n) {
   const { x0: r, y0: s, x1: i, y1: u } = n;
   return {
     xOffset: r,
@@ -116,43 +116,43 @@ function Ve(n) {
     height: u - s
   };
 }
-function wl(n, r, s, i) {
+function $l(n, r, s, i) {
   let u = n, h = r, v = s, g = i;
   for (; ; ) {
     const f = u.length;
     if (f === 0) {
-      const $ = Ot(h, v);
+      const $ = St(h, v);
       return g.concat($);
     }
-    const W = bl(v), D = u[0], k = u.slice(1, f);
-    if (fl(h, D, W)) {
-      const $ = h.concat(D);
+    const W = wl(v), P = u[0], k = u.slice(1, f);
+    if (ml(h, P, W)) {
+      const $ = h.concat(P);
       u = k, h = $, v = v, g = g;
     } else {
       const $ = h.length;
       let w = 0;
-      for (let P = 0; P < $; P += 1)
-        w += h[P].normalizedValue;
-      const N = Cl(v, w), B = Ot(h, v), A = g.concat(B);
-      u = u, h = [], v = N, g = A;
+      for (let N = 0; N < $; N += 1)
+        w += h[N].normalizedValue;
+      const F = Tl(v, w), B = St(h, v), A = g.concat(B);
+      u = u, h = [], v = F, g = A;
     }
   }
 }
-function At(n) {
+function It(n) {
   if (typeof n.children > "u" || !n.children.length)
     return [n];
   {
-    const r = kl(
+    const r = Cl(
       n.children,
-      yl(n)
-    ), s = wl(r, [], n, []), i = s.length, u = [];
+      kl(n)
+    ), s = $l(r, [], n, []), i = s.length, u = [];
     for (let v = 0; v < i; v += 1)
-      u.push(At(s[v]));
-    return gl(u);
+      u.push(It(s[v]));
+    return yl(u);
   }
 }
-function Cl(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: h } = Ve(n);
+function Tl(n, r) {
+  const { width: s, height: i, xOffset: u, yOffset: h } = Ee(n);
   if (s >= i) {
     const v = r / i, g = s - v, f = {
       xOffset: u + v,
@@ -160,7 +160,7 @@ function Cl(n, r) {
       width: g,
       height: i
     };
-    return _t(f);
+    return At(f);
   } else {
     const v = r / s, g = i - v, f = {
       xOffset: u,
@@ -168,22 +168,22 @@ function Cl(n, r) {
       width: s,
       height: g
     };
-    return _t(f);
+    return At(f);
   }
 }
-const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], _l = { class: "vue-ui-treemap-crumb-unit" }, Ol = { class: "vue-ui-treemap-crumb-unit-label" }, Al = {
+const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], Al = { class: "vue-ui-treemap-crumb-unit" }, Sl = { class: "vue-ui-treemap-crumb-unit-label" }, Il = {
   key: 0,
   style: { width: "24px", display: "flex", "align-items": "center" }
-}, Sl = {
+}, Fl = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
-}, Il = ["xmlns", "viewBox"], Fl = { key: 0 }, Nl = ["id"], Pl = ["stop-color"], zl = ["stop-color"], Dl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Rl = ["x", "y", "height", "width"], Ll = {
+}, Dl = ["xmlns", "viewBox"], Nl = { key: 0 }, Rl = ["id"], Pl = ["stop-color"], zl = ["stop-color"], Ll = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Ml = ["x", "y", "height", "width"], Bl = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, Ml = {
+}, Vl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Bl = ["id"], Vl = ["onClick"], El = ["innerHTML"], Ul = {
+}, El = ["id"], Ul = ["onClick"], Hl = ["innerHTML"], Wl = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -201,12 +201,12 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = te(() => import("./DataTable-BAf4Obr9.js")), u = te(() => import("./PenAndPaper-B6OvfyHH.js")), h = te(() => import("./vue-ui-accordion-B5QeV3BK.js")), v = te(() => import("./Tooltip-BTGOEC7w.js")), g = te(() => import("./UserOptions-CsDlFB0L.js")), f = te(() => import("./PackageVersion-Cv_ypT0N.js")), W = te(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_treemap: D } = Yt(), k = n, $ = s, w = Ut();
-    gt(() => {
+    const i = te(() => import("./DataTable-BRN1-1ob.js")), u = te(() => import("./PenAndPaper-TgGWddgD.js")), h = te(() => import("./vue-ui-accordion-Cv747Pg6.js")), v = te(() => import("./Tooltip-le0yZk_t.js")), g = te(() => import("./UserOptions-DEFwuQIo.js")), f = te(() => import("./PackageVersion-Jz9FlNXl.js")), W = te(() => import("./BaseDraggableDialog-Dkpr-qUQ.js")), { vue_ui_treemap: P } = Zt(), k = n, $ = s, w = Wt();
+    yt(() => {
       w["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const N = b(() => !!k.dataset && k.dataset.length), B = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = m(Te()), P = m(!1), _e = m(""), K = m(!1), Ee = m(0), R = m([]), V = U(null), Ue = U(null), He = U(null), We = U(null), Ge = U(null), Xe = m(0), Oe = m(0), Ae = m(0), x = m([]), Se = m(null), qe = m(!1), ue = m(null), e = m(Ne()), { loading: re, FINAL_DATASET: Ie, manualLoading: St } = sl({
-      ...Ht(k),
+    const F = b(() => !!k.dataset && k.dataset.length), B = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = m(Te()), N = m(!1), _e = m(""), K = m(!1), Ue = m(0), z = m([]), V = U(null), He = U(null), We = U(null), Ge = U(null), Xe = U(null), qe = m(0), Oe = m(0), Ae = m(0), x = m([]), Se = m(null), Ye = m(!1), ue = m(null), Ie = m(null), e = m(Ne()), { loading: re, FINAL_DATASET: Fe, manualLoading: Ft } = rl({
+      ...Gt(k),
       FINAL_CONFIG: e,
       prepareConfig: Ne,
       skeletonDataset: [
@@ -225,7 +225,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           ]
         }
       ],
-      skeletonConfig: jt({
+      skeletonConfig: Kt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -247,33 +247,33 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           }
         }
       })
-    }), { userOptionsVisible: Fe, setUserOptionsVisibility: Ye, keepUserOptionState: je } = il({ config: e.value }), { svgRef: Ze } = cl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: De, setUserOptionsVisibility: je, keepUserOptionState: Ze } = vl({ config: e.value }), { svgRef: Ke } = dl({ config: e.value.style.chart.title });
     function Ne() {
-      const t = $t({
+      const t = xt({
         userConfig: k.config,
-        defaultConfig: D
+        defaultConfig: P
       });
       return t.theme ? {
-        ...$t({
-          userConfig: Kt.vue_ui_treemap[t.theme] || k.config,
+        ...xt({
+          userConfig: Qt.vue_ui_treemap[t.theme] || k.config,
           defaultConfig: t
         }),
-        customPalette: Zt[t.theme] || F
+        customPalette: Jt[t.theme] || I
       } : t;
     }
     ke(() => k.config, (t) => {
-      re.value || (e.value = Ne()), Fe.value = !e.value.userOptions.showOnChartHover, Xe.value += 1, Oe.value += 1, Ae.value += 1, I.value.showTable = e.value.table.show, I.value.showTooltip = e.value.style.chart.tooltip.show;
+      re.value || (e.value = Ne()), De.value = !e.value.userOptions.showOnChartHover, qe.value += 1, Oe.value += 1, Ae.value += 1, D.value.showTable = e.value.table.show, D.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: Ke, isImaging: Je, generatePdf: Qe, generateImage: et } = rl({
+    const { isPrinting: Je, isImaging: Qe, generatePdf: et, generateImage: tt } = cl({
       elementId: `treemap_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap",
       options: e.value.userOptions.print
-    }), It = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), pe = b(() => Jt(e.value.customPalette)), I = m({
+    }), Dt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), pe = b(() => el(e.value.customPalette)), D = m({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     ke(e, () => {
-      I.value = {
+      D.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
@@ -290,52 +290,52 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
       vbHeight: G.value.height,
       vbWidth: G.value.width,
       width: G.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right
-    })), z = m(Ie.value), X = m(z.value), tt = U(/* @__PURE__ */ new Map());
-    function lt(t) {
+    })), R = m(Fe.value), X = m(R.value), lt = U(/* @__PURE__ */ new Map());
+    function ot(t) {
       Array.isArray(t) && t.forEach((o, l) => {
         o.id || (o.id = Te());
-        let a = de(o.color) || tt.value.get(o.id) || pe.value[l] || F[l] || F[l % F.length];
-        a = de(a), tt.value.set(o.id, a), o.color = a, ot(o, a);
+        let a = de(o.color) || lt.value.get(o.id) || pe.value[l] || I[l] || I[l % I.length];
+        a = de(a), lt.value.set(o.id, a), o.color = a, at(o, a);
       });
     }
-    function ot(t, o) {
+    function at(t, o) {
       Array.isArray(t.children) && t.children.forEach((l) => {
-        l.id || (l.id = Te()), l.parentId = t.id, l.color = o, ot(l, o);
+        l.id || (l.id = Te()), l.parentId = t.id, l.color = o, at(l, o);
       });
     }
-    function Ft() {
+    function Nt() {
       if (!x.value.length)
-        X.value = z.value.slice();
+        X.value = R.value.slice();
       else {
         const t = x.value[x.value.length - 1], o = Y(t);
         X.value = o?.children?.slice() || [];
       }
     }
     ke(
-      () => Ie.value,
+      () => Fe.value,
       () => {
-        z.value = Ie.value, lt(z.value), Ft(), Ae.value += 1, Oe.value += 1;
+        R.value = Fe.value, ot(R.value), Nt(), Ae.value += 1, Oe.value += 1;
       },
       { deep: !0, immediate: !0, flush: "post" }
     );
     const q = U(null), ae = U(null);
-    gt(() => {
-      qe.value = !0, Pt();
+    yt(() => {
+      Ye.value = !0, Pt();
     });
-    const Nt = b(() => e.value.debug);
+    const Rt = b(() => e.value.debug);
     function Pt() {
-      if (bt(k.dataset) && Qt({
+      if (wt(k.dataset) && tl({
         componentName: "VueUiTreemap",
         type: "dataset",
-        debug: Nt.value
-      }), lt(z.value), bt(k.dataset) || (St.value = e.value.loading), e.value.responsive) {
-        const t = al(() => {
-          const { width: o, height: l } = nl({
+        debug: Rt.value
+      }), ot(R.value), wt(k.dataset) || (Ft.value = e.value.loading), e.value.responsive) {
+        const t = sl(() => {
+          const { width: o, height: l } = ul({
             chart: V.value,
-            title: e.value.style.chart.title.text ? Ue.value : null,
-            legend: e.value.style.chart.legend.show ? He.value : null,
-            source: We.value,
-            noTitle: Ge.value
+            title: e.value.style.chart.title.text ? He.value : null,
+            legend: e.value.style.chart.legend.show ? We.value : null,
+            source: Ge.value,
+            noTitle: Xe.value
           });
           requestAnimationFrame(() => {
             G.value.width = o, G.value.height = l - 12;
@@ -344,13 +344,13 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         q.value && (ae.value && q.value.unobserve(ae.value), q.value.disconnect()), q.value = new ResizeObserver(t), ae.value = V.value.parentNode, q.value.observe(ae.value);
       }
     }
-    Wt(() => {
+    Xt(() => {
       q.value && (ae.value && q.value.unobserve(ae.value), q.value.disconnect());
     });
     const ie = b(() => X.value.map((t, o) => ({
       ...t,
-      color: de(t.color) || pe.value[o] || F[o] || F[o % F.length]
-    })).filter((t) => !R.value.includes(t.id))), ne = b(() => z.value.filter((t) => !R.value.includes(t.id)).map((t) => t.value || 0).reduce((t, o) => t + o, 0)), at = b({
+      color: de(t.color) || pe.value[o] || I[o] || I[o % I.length]
+    })).filter((t) => !z.value.includes(t.id))), ne = b(() => R.value.filter((t) => !z.value.includes(t.id)).map((t) => t.value || 0).reduce((t, o) => t + o, 0)), nt = b({
       get() {
         let t = [...ie.value];
         return e.value.style.chart.layout.sorted && (t = [...ie.value].sort((o, l) => l.value - o.value)), t.map((o) => ({
@@ -361,50 +361,50 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         return t;
       }
     });
-    function nt(t, o) {
+    function st(t, o) {
       return t.value / o;
     }
     function zt(t, o, l) {
-      const a = e.value.style.chart.layout.rects.colorRatio - nt(o, l);
-      return kt(t, a < 0 ? 0 : a);
+      const a = e.value.style.chart.layout.rects.colorRatio - st(o, l);
+      return Ct(t, a < 0 ? 0 : a);
     }
-    function st(t, o, l, a) {
+    function ut(t, o, l, a) {
       return t.map((p, S) => {
-        const be = zt(de(o) || pe.value[S] || F[S] || F[S % F.length], p, a), Et = nt(p, a);
+        const be = zt(de(o) || pe.value[S] || I[S] || I[S % I.length], p, a), Ht = st(p, a);
         return {
           ...p,
           color: be,
-          proportion: Et,
+          proportion: Ht,
           parentName: l,
-          children: p.children ? st(p.children, be, p.name, a) : void 0
+          children: p.children ? ut(p.children, be, p.name, a) : void 0
         };
       });
     }
-    const ce = b(() => ml(
-      at.value.map((t, o) => {
+    const ce = b(() => bl(
+      nt.value.map((t, o) => {
         const l = t.children ? t.children.reduce((a, p) => a + p.value, 0) : t.value;
         return {
           value: t.value,
           id: t.id || Te(),
-          children: t.children ? st(t.children.sort((a, p) => p.value - a.value), t.color, t.name, l) : void 0,
+          children: t.children ? ut(t.children.sort((a, p) => p.value - a.value), t.color, t.name, l) : void 0,
           color: t.color,
           name: t.name
         };
       }),
       { x0: J.value.left * 2, y0: J.value.top, x1: J.value.width, y1: J.value.height }
     ));
-    function ut({ y0: t, y1: o }) {
+    function rt({ y0: t, y1: o }) {
       return o - t <= 0 ? 1e-4 : o - t;
     }
-    function rt({ x0: t, x1: o }) {
+    function it({ x0: t, x1: o }) {
       return o - t <= 0 ? 1e-4 : o - t;
     }
     function Q(t) {
       const o = e.value.style.chart.layout.labels.fontSize * (t.proportion * 2 > 1 ? 1 : t.proportion * 2);
       return o < e.value.style.chart.layout.labels.minFontSize ? e.value.style.chart.layout.labels.minFontSize : o;
     }
-    function it(t) {
-      K.value = t, Ee.value += 1;
+    function ct(t) {
+      K.value = t, Ue.value += 1;
     }
     const se = b(() => {
       let t = 0;
@@ -415,7 +415,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         height: J.value.vbHeight - t
       };
     });
-    function Y(t, o = z.value) {
+    function Y(t, o = R.value) {
       for (const l of o) {
         if (l.id === t)
           return l;
@@ -430,7 +430,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
     const ee = b(() => x.value.length > 0);
     function fe(t, o) {
       if (!t) {
-        X.value = z.value.slice(), $("selectDatapoint", void 0), x.value = [];
+        X.value = R.value.slice(), $("selectDatapoint", void 0), x.value = [];
         return;
       }
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
@@ -448,10 +448,10 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           const p = Y(a);
           X.value = p.children.slice();
         } else
-          X.value = z.value.slice(), x.value = [], $("selectDatapoint", void 0);
+          X.value = R.value.slice(), x.value = [], $("selectDatapoint", void 0);
       }
     }
-    function Dt(t) {
+    function Lt(t) {
       return !!(Y(t.id)?.children?.length || t.parentId);
     }
     const j = b(() => {
@@ -471,15 +471,15 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           });
       }
       return t;
-    }), L = U(null), ct = b(() => z.value.map((t, o) => ({
+    }), L = U(null), vt = b(() => R.value.map((t, o) => ({
       ...t,
-      color: de(t.color) || pe.value[o] || F[o] || F[o % F.length],
+      color: de(t.color) || pe.value[o] || I[o] || I[o % I.length],
       shape: "square"
     })).sort((t, o) => o.value - t.value).map((t, o) => ({
       ...t,
-      proportion: t.value / z.value.map((l) => l.value).reduce((l, a) => l + a, 0),
-      opacity: R.value.includes(t.id) ? 0.5 : 1
-    }))), Rt = b(() => ({
+      proportion: t.value / R.value.map((l) => l.value).reduce((l, a) => l + a, 0),
+      opacity: z.value.includes(t.id) ? 0.5 : 1
+    }))), Mt = b(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -487,17 +487,17 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function vt(t) {
-      L.value = null, R.value.includes(t.id) ? R.value = R.value.filter((o) => o !== t.id) : R.value.length < k.dataset.length - 1 && R.value.push(t.id), $("selectLegend", at.value);
+    function dt(t) {
+      L.value = null, z.value.includes(t.id) ? z.value = z.value.filter((o) => o !== t.id) : z.value.length < k.dataset.length - 1 && z.value.push(t.id), $("selectLegend", nt.value);
     }
-    function Lt({ datapoint: t, seriesIndex: o }) {
-      L.value = null, P.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
+    function Bt({ datapoint: t, seriesIndex: o }) {
+      L.value = null, N.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
-    const Pe = m(null);
-    function Mt({ datapoint: t, seriesIndex: o }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), L.value = t, Pe.value = { datapoint: t, seriesIndex: o, config: e.value, series: ie.value };
+    const Re = m(null);
+    function Vt({ datapoint: t, seriesIndex: o }) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), L.value = t, Re.value = { datapoint: t, seriesIndex: o, config: e.value, series: ie.value };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Ct(l) && ol(() => l({
+      if (Tt(l) && nl(() => l({
         seriesIndex: o,
         datapoint: t,
         series: ie.value,
@@ -523,7 +523,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           { datapoint: t, seriesIndex: o }
         )}</b>`, _e.value = `<div>${a}</div>`;
       }
-      P.value = !0;
+      N.value = !0;
     }
     const E = b(() => {
       const t = ce.value.map((l) => ({
@@ -532,12 +532,12 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
       })), o = ce.value.map((l) => l.value);
       return { head: t, body: o };
     });
-    function ze(t = null) {
-      qt(() => {
+    function Pe(t = null) {
+      jt(() => {
         const o = E.value.head.map((p, S) => [[
           p.name
-        ], [E.value.body[S]], [isNaN(E.value.body[S] / ne.value) ? "-" : E.value.body[S] / ne.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), a = tl(l);
-        t ? t(a) : ll({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [E.value.body[S]], [isNaN(E.value.body[S] / ne.value) ? "-" : E.value.body[S] / ne.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), a = ol(l);
+        t ? t(a) : al({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const ge = b(() => {
@@ -592,29 +592,29 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         config: l
       };
     });
-    function Bt() {
+    function Et() {
       return ce.value;
     }
-    function dt() {
-      I.value.showTable = !I.value.showTable;
-    }
     function ht() {
-      I.value.showTooltip = !I.value.showTooltip;
+      D.value.showTable = !D.value.showTable;
+    }
+    function pt() {
+      D.value.showTooltip = !D.value.showTooltip;
     }
     const me = m(!1);
-    function De() {
+    function ze() {
       me.value = !me.value;
     }
     const ye = m(null);
-    function pt(t) {
+    function ft(t) {
       ye.value = t;
     }
-    function ft() {
+    function gt() {
       ye.value = null;
     }
-    async function Vt({ scale: t = 2 } = {}) {
+    async function Ut({ scale: t = 2 } = {}) {
       if (!V.value) return;
-      const { width: o, height: l } = V.value.getBoundingClientRect(), a = o / l, { imageUri: p, base64: S } = await vl({ domElement: V.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: l } = V.value.getBoundingClientRect(), a = o / l, { imageUri: p, base64: S } = await hl({ domElement: V.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: p,
         base64: S,
@@ -625,7 +625,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
       };
     }
     const ve = b(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, o = I.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
       return {
         component: t ? W : h,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -654,50 +654,54 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         }
       };
     });
-    return ke(() => I.value.showTable, (t) => {
+    ke(() => D.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
-    }), r({
-      getData: Bt,
-      getImage: Vt,
-      generateCsv: ze,
-      generateImage: et,
-      generatePdf: Qe,
-      toggleTable: dt,
-      toggleTooltip: ht,
-      toggleAnnotator: De,
-      toggleFullscreen: it
+    });
+    function mt() {
+      D.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
+    }
+    return r({
+      getData: Et,
+      getImage: Ut,
+      generateCsv: Pe,
+      generateImage: tt,
+      generatePdf: et,
+      toggleTable: ht,
+      toggleTooltip: pt,
+      toggleAnnotator: ze,
+      toggleFullscreen: ct
     }), (t, o) => (d(), y("div", {
       ref_key: "treemapChart",
       ref: V,
-      class: Re(`vue-ui-treemap ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Le(`vue-ui-treemap ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: M(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `treemap_${A.value}`,
-      onMouseenter: o[4] || (o[4] = () => c(Ye)(!0)),
-      onMouseleave: o[5] || (o[5] = () => c(Ye)(!1))
+      onMouseenter: o[2] || (o[2] = () => c(je)(!0)),
+      onMouseleave: o[3] || (o[3] = () => c(je)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (d(), Z(c(u), {
         key: 0,
-        svgRef: c(Ze),
+        svgRef: c(Ke),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: me.value,
-        onClose: De
+        onClose: ze
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : _("", !0),
-      It.value ? (d(), y("div", {
+      Dt.value ? (d(), y("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ge,
+        ref: Xe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : _("", !0),
       e.value.style.chart.title.text ? (d(), y("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ue,
+        ref: He,
         style: M(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (d(), Z(dl, {
-          key: `title_${Xe.value}`,
+        (d(), Z(pl, {
+          key: `title_${qe.value}`,
           config: {
             title: {
               cy: "treemap-div-title",
@@ -712,14 +716,15 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
       ], 4)) : _("", !0),
       O("div", {
         id: `legend-top-${A.value}`
-      }, null, 8, Tl),
-      e.value.userOptions.show && N.value && (c(je) || c(Fe)) ? (d(), Z(c(g), {
-        ref: "details",
-        key: `user_option_${Ee.value}`,
+      }, null, 8, _l),
+      e.value.userOptions.show && F.value && (c(Ze) || c(De)) ? (d(), Z(c(g), {
+        ref_key: "userOptionsRef",
+        ref: Ie,
+        key: `user_option_${Ue.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Ke),
-        isImaging: c(Je),
+        isPrinting: c(Je),
+        isImaging: c(Qe),
         uid: A.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -728,7 +733,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: K.value,
-        isTooltip: I.value.showTooltip,
+        isTooltip: D.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: V.value,
         position: e.value.userOptions.position,
@@ -736,17 +741,18 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         isAnnotation: me.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: it,
-        onGeneratePdf: c(Qe),
-        onGenerateCsv: ze,
-        onGenerateImage: c(et),
-        onToggleTable: dt,
-        onToggleTooltip: ht,
-        onToggleAnnotator: De,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: ct,
+        onGeneratePdf: c(et),
+        onGenerateCsv: Pe,
+        onGenerateImage: c(tt),
+        onToggleTable: ht,
+        onToggleTooltip: pt,
+        onToggleAnnotator: ze,
         style: M({
-          visibility: c(je) ? c(Fe) ? "visible" : "hidden" : "visible"
+          visibility: c(Ze) ? c(De) ? "visible" : "hidden" : "visible"
         })
-      }, mt({ _: 2 }, [
+      }, bt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: T(({ isOpen: l, color: a }) => [
@@ -803,7 +809,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0),
       j.value.length > 1 ? (d(), y("nav", {
         key: 4,
         class: "vue-ui-treemap-breadcrumbs",
@@ -811,31 +817,31 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         ref_key: "breadcrumbsNav",
         ref: Se
       }, [
-        (d(!0), y(Ce, null, Le(j.value, (l, a) => (d(), y("span", {
+        (d(!0), y(Ce, null, Me(j.value, (l, a) => (d(), y("span", {
           role: "button",
           tabindex: a < j.value.length - 1 ? 0 : void 0,
           key: l.id || "root",
           onClick: (p) => a === j.value.length - 1 ? () => {
           } : fe(l.node),
           onKeydown: [
-            yt(Me((p) => a === j.value.length - 1 ? void 0 : fe(l.node), ["prevent"]), ["enter"]),
-            yt(Me((p) => a === j.value.length - 1 ? void 0 : fe(l.node), ["prevent"]), ["space"])
+            kt(Be((p) => a === j.value.length - 1 ? void 0 : fe(l.node), ["prevent"]), ["enter"]),
+            kt(Be((p) => a === j.value.length - 1 ? void 0 : fe(l.node), ["prevent"]), ["space"])
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === j.value.length - 1,
           style: M({
             color: e.value.style.chart.color
           }),
-          onMouseenter: (p) => pt(a),
-          onMouseleave: ft,
-          onFocus: (p) => pt(a),
-          onBlur: ft
+          onMouseenter: (p) => ft(a),
+          onMouseleave: gt,
+          onFocus: (p) => ft(a),
+          onBlur: gt
         }, [
-          O("span", _l, [
-            O("span", Ol, [
-              C(t.$slots, "breadcrumb-label", Be({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: ye.value === a }), () => [
-                a === 0 ? (d(), y("div", Al, [
-                  we(Tt, {
+          O("span", Al, [
+            O("span", Sl, [
+              C(t.$slots, "breadcrumb-label", Ve({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: ye.value === a }), () => [
+                a === 0 ? (d(), y("div", Il, [
+                  we(_t, {
                     name: ye.value === 0 ? "homeFilled" : "home",
                     stroke: e.value.style.chart.color
                   }, null, 8, ["name", "stroke"])
@@ -844,27 +850,27 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
                 ], 64))
               ], !0)
             ]),
-            a < j.value.length - 1 ? (d(), y("span", Sl, [
+            a < j.value.length - 1 ? (d(), y("span", Fl, [
               C(t.$slots, "breadcrumb-arrow", {}, () => [
-                o[6] || (o[6] = $e(" › ", -1))
+                o[4] || (o[4] = $e(" › ", -1))
               ], !0)
             ])) : _("", !0)
           ])
-        ], 44, xl))), 128))
+        ], 44, Ol))), 128))
       ], 512)) : _("", !0),
       (d(), y("svg", {
         ref_key: "svgRef",
-        ref: Ze,
-        xmlns: c(el),
-        class: Re({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value, "vue-data-ui-zoom-plus": !ee.value, "vue-data-ui-zoom-minus": ee.value, loading: c(re) }),
+        ref: Ke,
+        xmlns: c(ll),
+        class: Le({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value, "vue-data-ui-zoom-plus": !ee.value, "vue-data-ui-zoom-minus": ee.value, loading: c(re) }),
         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:${e.value.style.chart.color}`)
       }, [
         we(c(f)),
-        (d(!0), y(Ce, null, Le(ce.value, (l, a) => (d(), y("g", {
+        (d(!0), y(Ce, null, Me(ce.value, (l, a) => (d(), y("g", {
           key: `tgrad_${l.id}`
         }, [
-          e.value.style.chart.layout.rects.gradient.show ? (d(), y("defs", Fl, [
+          e.value.style.chart.layout.rects.gradient.show ? (d(), y("defs", Nl, [
             O("radialGradient", {
               id: `tgrad_${l.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -875,52 +881,52 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
               }, null, 8, Pl),
               O("stop", {
                 offset: "100%",
-                "stop-color": c(kt)(l.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
+                "stop-color": c(Ct)(l.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
               }, null, 8, zl)
-            ], 8, Nl)
+            ], 8, Rl)
           ])) : _("", !0)
         ]))), 128)),
-        (d(!0), y(Ce, null, Le(ce.value, (l, a) => (d(), y("g", {
+        (d(!0), y(Ce, null, Me(ce.value, (l, a) => (d(), y("g", {
           key: `k_${l.id}`
         }, [
           O("rect", {
             x: l.x0,
             y: l.y0,
-            height: ut(l),
-            width: rt(l),
+            height: rt(l),
+            width: it(l),
             fill: B.value ? l.color : e.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${l.id})` : l.color,
             rx: e.value.style.chart.layout.rects.borderRadius,
             stroke: L.value && L.value.id === l.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
             "stroke-width": L.value && L.value.id === l.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
-            onClick: Me((p) => fe(l, a), ["stop"]),
-            onMouseenter: () => Mt({
+            onClick: Be((p) => fe(l, a), ["stop"]),
+            onMouseenter: () => Vt({
               datapoint: l,
               seriesIndex: a
             }),
-            onMouseleave: (p) => Lt({ datapoint: l, seriesIndex: a }),
+            onMouseleave: (p) => Bt({ datapoint: l, seriesIndex: a }),
             style: M(`opacity:${L.value ? L.value.id === l.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-            class: Re([
+            class: Le([
               "vue-ui-treemap-rect",
-              Dt(l) ? "vue-data-ui-zoom-plus" : ee.value ? "vue-data-ui-zoom-minus" : ""
+              Lt(l) ? "vue-data-ui-zoom-plus" : ee.value ? "vue-data-ui-zoom-minus" : ""
             ])
-          }, null, 46, Dl),
+          }, null, 46, Ll),
           (d(), y("foreignObject", {
             x: l.x0,
             y: l.y0,
-            height: ut(l),
-            width: rt(l),
+            height: rt(l),
+            width: it(l),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            O("div", Ll, [
+            O("div", Bl, [
               e.value.style.chart.layout.labels.showDefaultLabels && (l.proportion > e.value.style.chart.layout.labels.hideUnderProportion || ee.value) ? (d(), y("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: M(`width:calc(100% - ${Q(l) / 1.5}px);text-align:left;line-height:${Q(l) < 14 ? 14 : Q(l)}px;padding:${Q(l) / 3}px; color:${c(wt)(l.color)}`)
+                style: M(`width:calc(100% - ${Q(l) / 1.5}px);text-align:left;line-height:${Q(l) < 14 ? 14 : Q(l)}px;padding:${Q(l) / 3}px; color:${c($t)(l.color)}`)
               }, [
                 O("span", {
                   style: M(`width:100%;font-size:${Q(l)}px;`)
                 }, H(l.name), 5),
-                o[7] || (o[7] = O("br", null, null, -1)),
+                o[5] || (o[5] = O("br", null, null, -1)),
                 O("span", {
                   style: M(`width:100%;font-size:${Q(l)}px;`)
                 }, H(c(xe)(
@@ -935,7 +941,7 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
                   { datapoint: l }
                 )), 5)
               ], 4)) : _("", !0),
-              c(re) ? _("", !0) : C(t.$slots, "rect", Be({
+              c(re) ? _("", !0) : C(t.$slots, "rect", Ve({
                 key: 1,
                 ref_for: !0
               }, {
@@ -943,39 +949,39 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
                 shouldShow: l.proportion > e.value.style.chart.layout.labels.hideUnderProportion || ee.value,
                 fontSize: Q(l),
                 isZoom: ee.value,
-                textColor: c(wt)(l.color)
+                textColor: c($t)(l.color)
               }), void 0, !0)
             ])
-          ], 8, Rl))
+          ], 8, Ml))
         ]))), 128)),
         C(t.$slots, "svg", le(oe({ svg: J.value, isZoom: ee.value, rect: L.value, config: e.value })), void 0, !0)
-      ], 14, Il)),
-      t.$slots.watermark ? (d(), y("div", Ml, [
-        C(t.$slots, "watermark", le(oe({ isPrinting: c(Ke) || c(Je) })), void 0, !0)
+      ], 14, Dl)),
+      t.$slots.watermark ? (d(), y("div", Vl, [
+        C(t.$slots, "watermark", le(oe({ isPrinting: c(Je) || c(Qe) })), void 0, !0)
       ])) : _("", !0),
       O("div", {
         id: `legend-bottom-${A.value}`
-      }, null, 8, Bl),
-      qe.value ? (d(), Z(Gt, {
+      }, null, 8, El),
+      Ye.value ? (d(), Z(qt, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
       }, [
         O("div", {
           ref_key: "chartLegend",
-          ref: He
+          ref: We
         }, [
-          e.value.style.chart.legend.show ? (d(), Z(hl, {
+          e.value.style.chart.legend.show ? (d(), Z(fl, {
             key: `legend_${Ae.value}`,
-            legendSet: ct.value,
-            config: Rt.value,
+            legendSet: vt.value,
+            config: Mt.value,
             id: `treemap_legend_${A.value}`,
-            onClickMarker: o[0] || (o[0] = ({ legend: l }) => vt(l))
+            onClickMarker: o[0] || (o[0] = ({ legend: l }) => dt(l))
           }, {
             item: T(({ legend: l, index: a }) => [
               c(re) ? _("", !0) : (d(), y("div", {
                 key: 0,
-                onClick: (p) => vt(l),
-                style: M(`opacity:${R.value.includes(l.id) ? 0.5 : 1}`)
+                onClick: (p) => dt(l),
+                style: M(`opacity:${z.value.includes(l.id) ? 0.5 : 1}`)
               }, H(l.name) + H(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + H(e.value.style.chart.legend.showValue ? c(xe)(
                 e.value.style.chart.layout.labels.formatter,
                 l.value,
@@ -986,25 +992,25 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
                   r: e.value.style.chart.legend.roundingValue
                 }),
                 { datapoint: l }
-              ) : "") + " " + H(e.value.style.chart.legend.showPercentage ? R.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / ne.value) ? "-" : (l.value / ne.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)}%${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Vl))
+              ) : "") + " " + H(e.value.style.chart.legend.showPercentage ? z.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / ne.value) ? "-" : (l.value / ne.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)}%${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Ul))
             ]),
             _: 1
           }, 8, ["legendSet", "config", "id"])) : C(t.$slots, "legend", {
             key: 1,
-            legend: ct.value
+            legend: vt.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : _("", !0),
       t.$slots.source ? (d(), y("div", {
         key: 7,
         ref_key: "source",
-        ref: We,
+        ref: Ge,
         dir: "auto"
       }, [
         C(t.$slots, "source", {}, void 0, !0)
       ], 512)) : _("", !0),
       we(c(v), {
-        show: I.value.showTooltip && P.value,
+        show: D.value.showTooltip && N.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1017,23 +1023,23 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
         parent: V.value,
         content: _e.value,
         isFullscreen: K.value,
-        isCustom: c(Ct)(e.value.style.chart.tooltip.customFormat),
+        isCustom: c(Tt)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": T(() => [
-          C(t.$slots, "tooltip-before", le(oe({ ...Pe.value })), void 0, !0)
+          C(t.$slots, "tooltip-before", le(oe({ ...Re.value })), void 0, !0)
         ]),
         "tooltip-after": T(() => [
-          C(t.$slots, "tooltip-after", le(oe({ ...Pe.value })), void 0, !0)
+          C(t.$slots, "tooltip-after", le(oe({ ...Re.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      N.value ? (d(), Z(Xt(ve.value.component), Be({ key: 8 }, ve.value.props, {
+      F.value ? (d(), Z(Yt(ve.value.component), Ve({ key: 8 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: ue,
-        onClose: o[3] || (o[3] = (l) => I.value.showTable = !1)
-      }), mt({
+        onClose: mt
+      }), bt({
         content: T(() => [
           (d(), Z(c(i), {
             key: `table_${Oe.value}`,
@@ -1043,13 +1049,13 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
             config: ge.value.config,
             title: e.value.table.useDialog ? "" : ve.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: o[2] || (o[2] = (l) => I.value.showTable = !1)
+            onClose: mt
           }, {
             th: T(({ th: l }) => [
               O("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, El)
+              }, null, 8, Hl)
             ]),
             td: T(({ td: l }) => [
               $e(H(l.name || l), 1)
@@ -1072,9 +1078,9 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
             O("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[1] || (o[1] = (l) => ze(e.value.userOptions.callbacks.csv))
+              onClick: o[1] || (o[1] = (l) => Pe(e.value.userOptions.callbacks.csv))
             }, [
-              we(Tt, {
+              we(_t, {
                 name: "excel",
                 stroke: ve.value.props.color
               }, null, 8, ["stroke"])
@@ -1083,10 +1089,10 @@ const $l = ["id"], Tl = ["id"], xl = ["tabindex", "onClick", "onKeydown", "data-
           key: "1"
         } : void 0
       ]), 1040)) : _("", !0),
-      c(re) ? (d(), Z(ul, { key: 9 })) : _("", !0)
-    ], 46, $l));
+      c(re) ? (d(), Z(il, { key: 9 })) : _("", !0)
+    ], 46, xl));
   }
-}, lo = /* @__PURE__ */ pl(Ul, [["__scopeId", "data-v-3a726c85"]]);
+}, ao = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-d46b680a"]]);
 export {
-  lo as default
+  ao as default
 };