vue-data-ui 3.17.5 → 3.17.7

package/dist/{vue-ui-treemap--bugssUn.js → vue-ui-treemap-CoAbOv9j.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as be, useSlots as rl, onMounted as ao, computed as w, ref as g, shallowRef as se, toRefs as ul, watch as Ce, onBeforeUnmount as il, openBlock as c, createElementBlock as A, unref as y, normalizeStyle as he, normalizeClass as bt, createElementVNode as R, toDisplayString as Ne, createBlock as Q, createCommentVNode as F, withCtx as T, renderSlot as m, normalizeProps as B, guardReactiveProps as H, createSlots as no, Fragment as xe, renderList as Re, withKeys as so, withModifiers as Ct, mergeProps as wt, createVNode as Ye, createTextVNode as Ze, Teleport as cl, resolveDynamicComponent as dl, nextTick as ro } from "vue";
-import { j as je, t as uo, m as vl, p as z, n as hl, ag as io, o as co, q as fl, s as fe, k as kt, l as Ke, X as pl, x as vo, W as ho, T as fo, a0 as gl, a1 as yl, U as ml, az as bl } from "./lib-DMzrGQHK.js";
+import { defineAsyncComponent as be, useSlots as rl, onMounted as ao, computed as $, ref as g, shallowRef as se, toRefs as ul, watch as Ce, onBeforeUnmount as il, openBlock as c, createElementBlock as A, unref as m, normalizeStyle as he, normalizeClass as Ct, createElementVNode as N, toDisplayString as Ne, createBlock as Q, createCommentVNode as _, withCtx as T, renderSlot as b, normalizeProps as D, guardReactiveProps as B, createSlots as no, Fragment as xe, renderList as Re, withKeys as so, withModifiers as wt, mergeProps as kt, createVNode as Ze, createTextVNode as je, Teleport as cl, resolveDynamicComponent as dl, nextTick as ro } from "vue";
+import { j as Ke, t as uo, m as vl, p as R, n as hl, ag as io, o as co, q as fl, s as fe, k as qe, l as ze, X as pl, x as vo, W as ho, T as fo, a0 as gl, a1 as yl, U as ml, az as bl } from "./lib-DMzrGQHK.js";
 import { t as Cl, u as wl } from "./useResponsive-DfdjqQps.js";
 import { u as kl } from "./useConfig-DTHxOX6V.js";
 import { u as $l, B as Tl } from "./BaseScanner-C2j3TsSY.js";
@@ -24,14 +24,14 @@ function go(u, h) {
       `Max aspect ratio cannot be computed: ${u} is an empty array`
     );
   {
-    let f = 1 / 0, v = -1 / 0, b = 0;
-    for (let M = 0; M < d; M += 1) {
-      const x = u[M].normalizedValue;
-      x < f && (f = x), x > v && (v = x), b += x;
+    let f = 1 / 0, v = -1 / 0, C = 0;
+    for (let S = 0; S < d; S += 1) {
+      const x = u[S].normalizedValue;
+      x < f && (f = x), x > v && (v = x), C += x;
     }
     return Math.max(
-      h ** 2 * v / b ** 2,
-      b ** 2 / (h ** 2 * f)
+      h ** 2 * v / C ** 2,
+      C ** 2 / (h ** 2 * f)
     );
   }
 }
@@ -48,15 +48,15 @@ function zl(u, h, d) {
   if (u.length === 0)
     return !0;
   {
-    const f = u.concat(h), v = go(u, d), b = go(f, d);
-    return v >= b;
+    const f = u.concat(h), v = go(u, d), C = go(f, d);
+    return v >= C;
   }
 }
 function Dl(u) {
   const h = [], d = u.length;
   for (let f = 0; f < d; f += 1) {
-    const v = u[f], b = v.length;
-    for (let p = 0; p < b; p += 1)
+    const v = u[f], C = v.length;
+    for (let p = 0; p < C; p += 1)
       h.push(v[p]);
   }
   return h;
@@ -68,49 +68,49 @@ function Bl(u, h) {
   };
   return bo(d);
 }
-function Hl(u) {
+function Vl(u) {
   return (u.x1 - u.x0) * (u.y1 - u.y0);
 }
 function mo(u, h) {
-  const { width: d, height: f, xOffset: v, yOffset: b } = Tt(h), p = u.length, M = u.map((C) => C.normalizedValue || 0).reduce((C, D) => C + D, 0), x = M / f, re = M / d;
-  let j = v, ee = b;
+  const { width: d, height: f, xOffset: v, yOffset: C } = Tt(h), p = u.length, S = u.map((w) => w.normalizedValue || 0).reduce((w, z) => w + z, 0), x = S / f, re = S / d;
+  let j = v, ee = C;
   const U = [];
   if (d >= f) {
-    for (let C = 0; C < p; C += 1) {
-      const D = u[C], te = ee + D.normalizedValue / x, ue = {
+    for (let w = 0; w < p; w += 1) {
+      const z = u[w], te = ee + z.normalizedValue / x, ue = {
         x0: j,
         y0: ee,
         x1: j + x,
         y1: te
-      }, oe = Object.assign({}, D, ue);
+      }, oe = Object.assign({}, z, ue);
       ee = te, U.push(oe);
     }
     return U;
   } else {
-    for (let C = 0; C < p; C += 1) {
-      const D = u[C], te = j + D.normalizedValue / re, ue = {
+    for (let w = 0; w < p; w += 1) {
+      const z = u[w], te = j + z.normalizedValue / re, ue = {
         x0: j,
         y0: ee,
         x1: te,
         y1: ee + re
-      }, oe = Object.assign({}, D, ue);
+      }, oe = Object.assign({}, z, ue);
       j = te, U.push(oe);
     }
     return U;
   }
 }
-function Vl(u) {
+function Hl(u) {
   const h = Tt(u), d = h.width, f = h.height;
   return Math.min(d, f);
 }
 function El(u, h) {
-  const d = u.length, f = u.map((x) => x.value ?? 0).reduce((x, re) => x + re, 0), v = h / f, b = [];
-  let p, M;
+  const d = u.length, f = u.map((x) => x.value ?? 0).reduce((x, re) => x + re, 0), v = h / f, C = [];
+  let p, S;
   for (let x = 0; x < d; x += 1)
-    M = u[x], p = Object.assign({}, M, {
-      normalizedValue: M.value * (v || 0)
-    }), b.push(p);
-  return b;
+    S = u[x], p = Object.assign({}, S, {
+      normalizedValue: S.value * (v || 0)
+    }), C.push(p);
+  return C;
 }
 function Tt(u) {
   const { x0: h, y0: d, x1: f, y1: v } = u;
@@ -122,24 +122,24 @@ function Tt(u) {
   };
 }
 function Ul(u, h, d, f) {
-  let v = u, b = h, p = d, M = f;
+  let v = u, C = h, p = d, S = f;
   for (; ; ) {
     const x = v.length;
     if (x === 0) {
-      const U = mo(b, p);
-      return M.concat(U);
+      const U = mo(C, p);
+      return S.concat(U);
     }
-    const re = Vl(p), j = v[0], ee = v.slice(1, x);
-    if (zl(b, j, re)) {
-      const U = b.concat(j);
-      v = ee, b = U, p = p, M = M;
+    const re = Hl(p), j = v[0], ee = v.slice(1, x);
+    if (zl(C, j, re)) {
+      const U = C.concat(j);
+      v = ee, C = U, p = p, S = S;
     } else {
-      const U = b.length;
-      let C = 0;
+      const U = C.length;
+      let w = 0;
       for (let oe = 0; oe < U; oe += 1)
-        C += b[oe].normalizedValue;
-      const D = Wl(p, C), te = mo(b, p), ue = M.concat(te);
-      v = v, b = [], p = D, M = ue;
+        w += C[oe].normalizedValue;
+      const z = Wl(p, w), te = mo(C, p), ue = S.concat(te);
+      v = v, C = [], p = z, S = ue;
     }
   }
 }
@@ -147,28 +147,28 @@ function bo(u) {
   if (typeof u.children > "u" || !u.children.length)
     return [u];
   {
-    const h = El(u.children, Hl(u)), d = Ul(h, [], u, []), f = d.length, v = [];
+    const h = El(u.children, Vl(u)), d = Ul(h, [], u, []), f = d.length, v = [];
     for (let p = 0; p < f; p += 1)
       v.push(bo(d[p]));
     return Dl(v);
   }
 }
 function Wl(u, h) {
-  const { width: d, height: f, xOffset: v, yOffset: b } = Tt(u);
+  const { width: d, height: f, xOffset: v, yOffset: C } = Tt(u);
   if (d >= f) {
-    const p = h / f, M = d - p, x = {
+    const p = h / f, S = d - p, x = {
       xOffset: v + p,
-      yOffset: b,
-      width: M,
+      yOffset: C,
+      width: S,
       height: f
     };
     return yo(x);
   } else {
-    const p = h / d, M = f - p, x = {
+    const p = h / d, S = f - p, x = {
       xOffset: v,
-      yOffset: b + p,
+      yOffset: C + p,
       width: d,
-      height: M
+      height: S
     };
     return yo(x);
   }
@@ -213,21 +213,21 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
   setup(u, { expose: h, emit: d }) {
     const f = be(() => import("./DataTable-cMnb68Ik.js")), v = be(
       () => import("./PenAndPaper-CJDoB5H9.js")
-    ), b = be(() => import("./vue-ui-accordion-BHmfmb_6.js")), p = be(() => import("./Tooltip-Cvt7Fi0Q.js")), M = be(
+    ), C = be(() => import("./vue-ui-accordion-BHmfmb_6.js")), p = be(() => import("./Tooltip-Cvt7Fi0Q.js")), S = be(
       () => import("./UserOptions-DVduN6X7.js")
     ), x = be(
-      () => import("./PackageVersion-BjeuEImy.js")
+      () => import("./PackageVersion-D7UsxIU3.js")
     ), re = be(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_treemap: j } = kl(), { isThemeValid: ee, warnInvalidTheme: U } = Sl(), C = u, D = d, te = rl();
+    ), { vue_ui_treemap: j } = kl(), { isThemeValid: ee, warnInvalidTheme: U } = Sl(), w = u, z = d, te = rl();
     ao(() => {
       te["chart-background"] && console.warn(
         "VueUiTreemap does not support the #chart-background slot."
       );
     });
-    const ue = w(() => !!C.dataset && C.dataset.length), oe = w(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), W = g(je()), Ae = g(!1), qe = g(""), pe = g(!1), xt = g(0), P = g([]), K = se(null), At = se(null), St = se(null), It = se(null), Mt = se(null), Ot = g(0), ze = g(0), De = g(0), V = g([]), Je = g(null), Pt = g(!1), Se = g(null), Qe = g(null), _t = g(null), et = g(/* @__PURE__ */ new Map()), Be = g(!1), He = g(!1), le = g(null), Lt = g({ x: 0, y: 0 }), Ie = g("pointer"), tt = g(!1), t = g(at()), ie = w(
+    const ue = $(() => !!w.dataset && w.dataset.length), oe = $(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), W = g(Ke()), Ae = g(!1), Je = g(""), pe = g(!1), xt = g(0), P = g([]), K = se(null), At = se(null), St = se(null), It = se(null), Mt = se(null), Ot = g(0), De = g(0), Be = g(0), V = g([]), Qe = g(null), Pt = g(!1), Se = g(null), et = g(null), _t = g(null), tt = g(/* @__PURE__ */ new Map()), Ve = g(!1), He = g(!1), le = g(null), Lt = g({ x: 0, y: 0 }), Ie = g("pointer"), ot = g(!1), t = g(nt()), ie = $(
       () => t.value.userOptions.useCursorPointer
-    ), Co = w(() => uo({
+    ), Co = $(() => uo({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -248,11 +248,11 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         }
       },
       userConfig: t.value.skeletonConfig ?? {}
-    })), { loading: ge, FINAL_DATASET: ot, manualLoading: wo } = $l({
-      ...ul(C),
+    })), { loading: ge, FINAL_DATASET: lt, manualLoading: wo } = $l({
+      ...ul(w),
       FINAL_CONFIG: t,
-      prepareConfig: at,
-      skeletonDataset: C.config?.skeletonDataset ?? [
+      prepareConfig: nt,
+      skeletonDataset: w.config?.skeletonDataset ?? [
         {
           name: "_",
           value: 53,
@@ -272,41 +272,41 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         defaultConfig: t.value,
         userConfig: Co.value
       })
-    }), { userOptionsVisible: lt, setUserOptionsVisibility: Ft, keepUserOptionState: Nt } = Il({ config: t.value }), { svgRef: ye } = Ml({
+    }), { userOptionsVisible: at, setUserOptionsVisibility: Ft, keepUserOptionState: Nt } = Il({ config: t.value }), { svgRef: ye } = Ml({
       config: t.value.style.chart.title
     });
-    function at() {
+    function nt() {
       const e = $t({
-        userConfig: C.config,
+        userConfig: w.config,
         defaultConfig: j
       }), l = e.theme;
       if (!l) return e;
       if (!ee.value(e))
         return U(e), e;
       const o = $t({
-        userConfig: _l[l] || C.config,
+        userConfig: _l[l] || w.config,
         defaultConfig: e
       }), a = $t({
-        userConfig: C.config,
+        userConfig: w.config,
         defaultConfig: o
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : vl[l] || z
+        customPalette: a.customPalette.length ? a.customPalette : vl[l] || R
       };
     }
     Ce(
-      () => C.config,
+      () => w.config,
       (e) => {
-        ge.value || (t.value = at()), lt.value = !t.value.userOptions.showOnChartHover, Ot.value += 1, ze.value += 1, De.value += 1, X.value.showTable = t.value.table.show, X.value.showTooltip = t.value.style.chart.tooltip.show;
+        ge.value || (t.value = nt()), at.value = !t.value.userOptions.showOnChartHover, Ot.value += 1, De.value += 1, Be.value += 1, X.value.showTable = t.value.table.show, X.value.showTooltip = t.value.style.chart.tooltip.show;
       },
       { deep: !0 }
     );
-    const { isPrinting: nt, isImaging: st, generatePdf: Rt, generateImage: zt } = xl({
+    const { isPrinting: st, isImaging: rt, generatePdf: Rt, generateImage: zt } = xl({
       elementId: `treemap_${W.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-treemap",
       options: t.value.userOptions.print
-    }), ko = w(() => t.value.userOptions.show && !t.value.style.chart.title.text), Me = w(() => hl(t.value.customPalette)), X = g({
+    }), ko = $(() => t.value.userOptions.show && !t.value.style.chart.title.text), Me = $(() => hl(t.value.customPalette)), X = g({
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
     });
@@ -331,11 +331,11 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       return e * (o / a.height);
     }
     function To() {
-      if (!Je.value || ae.value.length <= 1) return 0;
-      const e = Je.value, l = getComputedStyle(e), o = e.offsetHeight + parseFloat(l.marginTop || "0") + parseFloat(l.marginBottom || "0") + parseFloat(l.paddingTop || "0") + parseFloat(l.paddingBottom || "0");
+      if (!Qe.value || ae.value.length <= 1) return 0;
+      const e = Qe.value, l = getComputedStyle(e), o = e.offsetHeight + parseFloat(l.marginTop || "0") + parseFloat(l.marginBottom || "0") + parseFloat(l.paddingTop || "0") + parseFloat(l.paddingBottom || "0");
       return $o(o);
     }
-    const G = w(() => {
+    const Y = $(() => {
       const e = t.value.style.chart.padding, l = me.value.width, o = me.value.height, a = To(), n = e.left, s = l - e.right, r = e.top, k = o - e.bottom - a;
       return {
         left: n,
@@ -348,46 +348,46 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         vbHeight: o - a,
         offsetY: a
       };
-    }), E = g(io(ot.value)), q = g(E.value), rt = se(/* @__PURE__ */ new Map());
+    }), E = g(io(lt.value)), q = g(E.value), ut = se(/* @__PURE__ */ new Map());
     Ce(
       [E, () => t.value],
       () => {
-        _t.value = null, et.value = /* @__PURE__ */ new Map();
+        _t.value = null, tt.value = /* @__PURE__ */ new Map();
       },
       { deep: !0 }
     ), Ce(
       () => P.value,
       () => {
-        _t.value = null, et.value = /* @__PURE__ */ new Map(), Ht(), De.value += 1, ze.value += 1;
+        _t.value = null, tt.value = /* @__PURE__ */ new Map(), Vt(), Be.value += 1, De.value += 1;
       },
       { deep: !0 }
     ), Ce(
       [() => me.value.width, () => me.value.height],
       () => {
-        et.value = /* @__PURE__ */ new Map();
+        tt.value = /* @__PURE__ */ new Map();
       }
     );
     function Dt(e) {
       Array.isArray(e) && e.forEach((l, o) => {
-        l.id || (l.id = je()), l.sourceColor === void 0 && (l.sourceColor = fe(l.color) || null);
-        let a = l.sourceColor || rt.value.get(l.id) || Me.value[o] || z[o] || z[o % z.length];
-        a = fe(a), rt.value.set(l.id, a), l.color = a, Bt(l, a);
+        l.id || (l.id = Ke()), l.sourceColor === void 0 && (l.sourceColor = fe(l.color) || null);
+        let a = l.sourceColor || ut.value.get(l.id) || Me.value[o] || R[o] || R[o % R.length];
+        a = fe(a), ut.value.set(l.id, a), l.color = a, Bt(l, a);
       });
     }
     function Bt(e, l) {
       Array.isArray(e.children) && e.children.forEach((o) => {
-        o.id || (o.id = je()), o.parentId = e.id, o.sourceColor === void 0 && (o.sourceColor = fe(o.color) || null);
+        o.id || (o.id = Ke()), o.parentId = e.id, o.sourceColor === void 0 && (o.sourceColor = fe(o.color) || null);
         const a = o.sourceColor || l;
         o.color = a, Bt(o, a);
       });
     }
     function xo(e) {
-      let l = Y(e);
+      let l = Z(e);
       for (; l?.parentId; )
-        l = Y(l.parentId);
+        l = Z(l.parentId);
       return l?.id ?? null;
     }
-    function Ht() {
+    function Vt() {
       const e = E.value.filter(
         (n) => !P.value.includes(n.id)
       );
@@ -395,7 +395,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         q.value = e;
         return;
       }
-      const l = V.value[V.value.length - 1], o = Y(l);
+      const l = V.value[V.value.length - 1], o = Z(l);
       if (!o) {
         V.value = [], q.value = e;
         return;
@@ -408,9 +408,9 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       q.value = [o];
     }
     Ce(
-      () => ot.value,
+      () => lt.value,
       () => {
-        E.value = io(ot.value), Dt(E.value), Ht(), De.value += 1, ze.value += 1;
+        E.value = io(lt.value), Dt(E.value), Vt(), Be.value += 1, De.value += 1;
       },
       { deep: !0, immediate: !0, flush: "post" }
     );
@@ -418,13 +418,13 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     ao(() => {
       Pt.value = !0, So();
     });
-    const Ao = w(() => t.value.debug);
+    const Ao = $(() => t.value.debug);
     function So() {
-      if (co(C.dataset) && fl({
+      if (co(w.dataset) && fl({
         componentName: "VueUiTreemap",
         type: "dataset",
         debug: Ao.value
-      }), Dt(E.value), co(C.dataset) || (wo.value = t.value.loading), t.value.responsive) {
+      }), Dt(E.value), co(w.dataset) || (wo.value = t.value.loading), t.value.responsive) {
         const e = Cl(() => {
           const { width: l, height: o } = wl({
             chart: K.value,
@@ -443,12 +443,12 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     il(() => {
       ce.value && (we.value && ce.value.unobserve(we.value), ce.value.disconnect());
     });
-    const Oe = w(() => q.value.map((e, l) => ({
+    const Oe = $(() => q.value.map((e, l) => ({
       ...e,
-      color: fe(e.color) || Me.value[l] || z[l] || z[l % z.length]
-    })).filter((e) => !P.value.includes(e.id))), ke = w(
+      color: fe(e.color) || Me.value[l] || R[l] || R[l % R.length]
+    })).filter((e) => !P.value.includes(e.id))), ke = $(
       () => E.value.filter((e) => !P.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)
-    ), Vt = w({
+    ), Ht = $({
       get() {
         let e = [...Oe.value];
         return t.value.style.chart.layout.sorted && (e = [...Oe.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
@@ -480,84 +480,84 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     }
     function Xt(e, l, o, a, n) {
       return Io(e).map((r, k) => {
-        const S = r.sourceColor || fe(r.color) || fe(l) || Me.value[k] || z[k] || z[k % z.length], i = r.sourceColor ? r.sourceColor : Ut(S, r, a), $ = Et(r, a), I = n ?? r.parentId ?? r.id, _ = Array.isArray(r.children) && r.children.length && r.children.reduce(
-          (Z, L) => Z + (Number(L.value) || 0),
+        const I = r.sourceColor || fe(r.color) || fe(l) || Me.value[k] || R[k] || R[k % R.length], i = r.sourceColor ? r.sourceColor : Ut(I, r, a), y = Et(r, a), M = n ?? r.parentId ?? r.id, L = Array.isArray(r.children) && r.children.length && r.children.reduce(
+          (H, G) => H + (Number(G.value) || 0),
           0
         ) || 1;
         return {
           ...r,
           color: i,
-          proportion: $,
+          proportion: y,
           parentName: o,
-          rootId: I,
+          rootId: M,
           children: Array.isArray(r.children) && r.children.length ? Xt(
             r.children,
-            S,
+            I,
             r.name,
-            _,
-            I
+            L,
+            M
           ) : void 0
         };
       });
     }
     function Mo(e) {
-      const l = it(e), o = ut(e), a = l * 0.55, n = l * 0.55, s = l * 1.05, r = l * 1.05, k = l * 0.35, S = o ? s + r + k : l * 0.45, i = e.x0 + a, $ = e.x1 - a, I = e.y0 + S, _ = e.y1 - n;
-      return $ <= i || _ <= I ? null : { x0: i, y0: I, x1: $, y1: _ };
+      const l = ct(e), o = it(e), a = l * 0.55, n = l * 0.55, s = l * 1.05, r = l * 1.05, k = l * 0.35, I = o ? s + r + k : l * 0.45, i = e.x0 + a, y = e.x1 - a, M = e.y0 + I, L = e.y1 - n;
+      return y <= i || L <= M ? null : { x0: i, y0: M, x1: y, y1: L };
     }
-    function ut(e) {
-      const { height: l, lineHeight: o, width: a } = Ge(e);
+    function it(e) {
+      const { height: l, lineHeight: o, width: a } = Ye(e);
       return l >= o && a > 6;
     }
     function Gt(e, l, o = 0, a = null) {
       if (!Array.isArray(e) || !e.length) return [];
       const n = e.map((i) => {
-        const { children: $, ...I } = i;
+        const { children: y, ...M } = i;
         return {
-          ...I
+          ...M
         };
       }), s = new Map(
         e.map((i) => [
           i.id,
           Array.isArray(i.children) ? i.children : []
         ])
-      ), r = new Map(e.map((i) => [i.id, i])), k = Bl(n, l), S = [];
+      ), r = new Map(e.map((i) => [i.id, i])), k = Bl(n, l), I = [];
       for (const i of k) {
-        const $ = s.get(i.id) || [], I = r.get(i.id), _ = {
+        const y = s.get(i.id) || [], M = r.get(i.id), L = {
           ...i,
           depth: o,
           parentId: a ?? i.parentId ?? null,
-          color: I?.color ?? i.color ?? null,
-          children: $,
+          color: M?.color ?? i.color ?? null,
+          children: y,
           isVisibleNode: !0,
-          showLabel: ut(i)
+          showLabel: it(i)
         };
-        if (S.push(_), $.length) {
-          const Z = Mo(_);
-          Z && S.push(
+        if (I.push(L), y.length) {
+          const H = Mo(L);
+          H && I.push(
             ...Gt(
-              $,
-              Z,
+              y,
+              H,
               o + 1,
               i.id
             )
           );
         }
       }
-      return S;
+      return I;
     }
-    const Oo = w(() => {
-      const e = q.value.length ? q.value : Vt.value, l = e.map((n) => Number(n.value) || 0).reduce((n, s) => n + s, 0) || 1, o = e.map((n, s) => {
+    const Oo = $(() => {
+      const e = q.value.length ? q.value : Ht.value, l = e.map((n) => Number(n.value) || 0).reduce((n, s) => n + s, 0) || 1, o = e.map((n, s) => {
         const r = n.children ? n.children.reduce(
-          (I, _) => I + (Number(_.value) || 0),
+          (M, L) => M + (Number(L.value) || 0),
           0
-        ) : n.value, { children: k, ...S } = n, i = n.sourceColor || fe(n.color) || rt.value.get(n.id) || Me.value[s] || z[s] || z[s % z.length], $ = n.sourceColor ? n.sourceColor : Ut(i, n, l);
+        ) : n.value, { children: k, ...I } = n, i = n.sourceColor || fe(n.color) || ut.value.get(n.id) || Me.value[s] || R[s] || R[s % R.length], y = n.sourceColor ? n.sourceColor : Ut(i, n, l);
         return {
-          ...S,
-          id: n.id || je(),
+          ...I,
+          id: n.id || Ke(),
           parentId: n.parentId ?? null,
           name: n.name,
           value: n.value,
-          color: $,
+          color: y,
           proportion: (Number(n.value) || 0) / l,
           children: Array.isArray(n.children) && n.children.length ? Xt(
             n.children,
@@ -567,49 +567,49 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           ) : void 0
         };
       }), a = {
-        x0: G.value.left,
-        y0: G.value.top,
-        x1: G.value.left + G.value.width,
-        y1: G.value.top + G.value.height
+        x0: Y.value.left,
+        y0: Y.value.top,
+        x1: Y.value.left + Y.value.width,
+        y1: Y.value.top + Y.value.height
       };
       return Gt(o, a);
-    }), O = w(() => Oo.value);
+    }), O = $(() => Oo.value);
     function de({ y0: e, y1: l }) {
       return l - e <= 0 ? 1e-4 : l - e;
     }
     function ve({ x0: e, x1: l }) {
       return l - e <= 0 ? 1e-4 : l - e;
     }
-    function it(e) {
-      const l = t.value.style.chart.layout.labels, o = l.fontSize, a = l.minFontSize, n = l.fontSize * 2, s = 0.5, r = 0.6, k = 1, S = 0.9;
+    function ct(e) {
+      const l = t.value.style.chart.layout.labels, o = l.fontSize, a = l.minFontSize, n = l.fontSize * 2, s = 0.5, r = 0.6, k = 1, I = 0.9;
       let i = e.proportion;
       if (!(typeof i == "number" && isFinite(i))) {
-        const nl = Math.max(1e-6, ve(e) * de(e)), sl = Math.max(1e-6, G.value.width * G.value.height);
+        const nl = Math.max(1e-6, ve(e) * de(e)), sl = Math.max(1e-6, Y.value.width * Y.value.height);
         i = nl / sl;
       }
-      const $ = Math.pow(
+      const y = Math.pow(
         Math.min(1, Math.max(0, i)),
         s
-      ), I = r + (k - r) * $, _ = Math.max(0, Number(e.depth) || 0), Z = Math.pow(0.9, _);
-      let L = o * I * Z;
-      const mt = Math.max(1e-4, Math.min(ve(e), de(e)));
-      return L = Math.min(L, mt * S), L = Math.min(L, n), L = Math.max(a, L), L;
+      ), M = r + (k - r) * y, L = Math.max(0, Number(e.depth) || 0), H = Math.pow(0.9, L);
+      let G = o * M * H;
+      const bt = Math.max(1e-4, Math.min(ve(e), de(e)));
+      return G = Math.min(G, bt * I), G = Math.min(G, n), G = Math.max(a, G), G;
     }
     function Yt(e) {
       pe.value = e, xt.value += 1;
     }
-    const J = w(() => ({
+    const J = $(() => ({
       startX: 0,
       startY: 0,
-      width: G.value.vbWidth,
-      height: G.value.vbHeight
+      width: Y.value.vbWidth,
+      height: Y.value.vbHeight
     }));
-    function Y(e, l = E.value) {
+    function Z(e, l = E.value) {
       for (const o of l) {
         if (o.id === e)
           return o;
         if (o.children) {
-          const a = Y(e, o.children);
+          const a = Z(e, o.children);
           if (a)
             return a;
         }
@@ -618,74 +618,74 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     }
     function Zt(e) {
       const l = [];
-      let o = Y(e);
+      let o = Z(e);
       for (; o && o.parentId; ) {
-        const a = Y(o.parentId);
+        const a = Z(o.parentId);
         if (!a) break;
         l.unshift(a.id), o = a;
       }
       return l;
     }
-    const Pe = w(() => V.value.length > 0);
-    function Ve() {
-      q.value = E.value.slice(), V.value = [], D("selectDatapoint", void 0);
+    const Pe = $(() => V.value.length > 0);
+    function Ee() {
+      q.value = E.value.slice(), V.value = [], z("selectDatapoint", void 0);
     }
-    function ct() {
+    function dt() {
       return V.value[V.value.length - 1] ?? null;
     }
     function Po(e, l, o) {
       V.value = [...Zt(e.id), e.id], q.value = [e], t.value.events.datapointClick && t.value.events.datapointClick({
         datapoint: l ?? e,
         seriesIndex: o
-      }), D("selectDatapoint", l ?? e);
+      }), z("selectDatapoint", l ?? e);
     }
     function _o(e, l) {
-      const o = ct();
+      const o = dt();
       if (!o) {
-        Ve();
+        Ee();
         return;
       }
-      const a = Y(o);
+      const a = Z(o);
       if (!a?.parentId) {
         t.value.events.datapointClick && t.value.events.datapointClick({
           datapoint: e,
           seriesIndex: l
-        }), Ve();
+        }), Ee();
         return;
       }
-      const n = Y(a.parentId);
+      const n = Z(a.parentId);
       if (!n) {
-        Ve();
+        Ee();
         return;
       }
       V.value = [...Zt(n.id), n.id], q.value = [n], t.value.events.datapointClick && t.value.events.datapointClick({
         datapoint: e,
         seriesIndex: l
-      }), D("selectDatapoint", e);
+      }), z("selectDatapoint", e);
     }
     function _e(e, l) {
       if (!e) {
-        Ve();
+        Ee();
         return;
       }
-      const o = Y(e.id);
+      const o = Z(e.id);
       if (!o) return;
-      if (ct() === o.id) {
+      if (dt() === o.id) {
         _o(e, l);
         return;
       }
       Po(o, e, l);
     }
     function Lo(e) {
-      return e ? ct() === e.id : !1;
+      return e ? dt() === e.id : !1;
     }
-    const ae = w(() => {
+    const ae = $(() => {
       const e = [{ id: null, label: "All" }];
       if (V.value.length > 0) {
-        let l = Y(V.value[V.value.length - 1]);
+        let l = Z(V.value[V.value.length - 1]);
         const o = [];
         for (; l; )
-          o.unshift(l), l = l.parentId ? Y(l.parentId) : null;
+          o.unshift(l), l = l.parentId ? Z(l.parentId) : null;
         for (const a of o)
           e.push({
             id: a.id,
@@ -694,9 +694,9 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           });
       }
       return e;
-    }), N = se(null), $e = w(() => E.value.map((e, l) => ({
+    }), F = se(null), $e = $(() => E.value.map((e, l) => ({
       ...e,
-      color: fe(e.color) || Me.value[l] || z[l] || z[l % z.length],
+      color: fe(e.color) || Me.value[l] || R[l] || R[l % R.length],
       shape: "square"
     })).sort((e, l) => l.value - e.value).map((e, l) => {
       const o = e.value / E.value.map((a) => a.value).reduce((a, n) => a + n, 0);
@@ -704,10 +704,10 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         ...e,
         proportion: o,
         opacity: P.value.includes(e.id) ? 0.5 : 1,
-        display: `${e.name}${t.value.style.chart.legend.showPercentage || t.value.style.chart.legend.showValue ? ": " : ""}${t.value.style.chart.legend.showValue ? kt(
+        display: `${e.name}${t.value.style.chart.legend.showPercentage || t.value.style.chart.legend.showValue ? ": " : ""}${t.value.style.chart.legend.showValue ? qe(
           t.value.style.chart.layout.labels.formatter,
           e.value,
-          Ke({
+          ze({
             p: t.value.style.chart.layout.labels.prefix,
             v: e.value,
             s: t.value.style.chart.layout.labels.suffix,
@@ -716,14 +716,14 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           { datapoint: e }
         ) : ""}${t.value.style.chart.legend.showPercentage ? P.value.includes(e.id) ? `${t.value.style.chart.legend.showValue ? " (" : ""}- %${t.value.style.chart.legend.showValue ? ")" : ""}` : `${t.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / ke.value) ? "-" : (e.value / ke.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)}%${t.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
       };
-    })), Fo = w(() => ({
+    })), Fo = $(() => ({
       cy: "treemap-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
       color: t.value.style.chart.legend.color,
       fontSize: t.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
-    })), Ee = w(
+    })), Ue = $(
       () => P.value.length === $e.value.length
     );
     function No() {
@@ -731,8 +731,8 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         P.value.push(e.id);
       });
     }
-    function Ue(e) {
-      N.value = null, P.value.includes(e.id) ? P.value = P.value.filter((l) => l !== e.id) : P.value.length < C.dataset.length - 1 && P.value.push(e.id), D("selectLegend", Vt.value);
+    function We(e) {
+      F.value = null, P.value.includes(e.id) ? P.value = P.value.filter((l) => l !== e.id) : P.value.length < w.dataset.length - 1 && P.value.push(e.id), z("selectLegend", Ht.value);
     }
     function jt(e) {
       if (!E.value.length)
@@ -742,19 +742,19 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     }
     function Ro(e) {
       const l = jt(e);
-      l !== null && P.value.includes(l.id) && Ue({ id: l.id });
+      l !== null && P.value.includes(l.id) && We({ id: l.id });
     }
     function zo(e) {
       const l = jt(e);
-      l !== null && (P.value.includes(l.id) || Ue({ id: l.id }));
+      l !== null && (P.value.includes(l.id) || We({ id: l.id }));
     }
     function Do({ datapoint: e, seriesIndex: l }) {
-      N.value = null, Ae.value = !1, le.value = null, Ie.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: l });
+      F.value = null, Ae.value = !1, le.value = null, Ie.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: l });
     }
-    const We = g(null);
+    const Xe = g(null);
     function Kt({ datapoint: e, seriesIndex: l, triggerMode: o = "pointer" }) {
-      if (Ee.value) return;
-      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: l }), le.value = l, Ie.value = o, N.value = e, We.value = {
+      if (Ue.value) return;
+      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: l }), le.value = l, Ie.value = o, F.value = e, Xe.value = {
         datapoint: e,
         seriesIndex: l,
         config: t.value,
@@ -769,7 +769,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           config: t.value
         })
       ))
-        qe.value = a({
+        Je.value = a({
           seriesIndex: l,
           datapoint: e,
           series: Oe.value,
@@ -777,28 +777,28 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         });
       else {
         let n = "";
-        n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${kt(
+        n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${qe(
           t.value.style.chart.layout.labels.formatter,
           e.value,
-          Ke({
+          ze({
             p: t.value.style.chart.layout.labels.prefix,
             v: e.value,
             s: t.value.style.chart.layout.labels.suffix,
             r: t.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: e, seriesIndex: l }
-        )}</b>`, qe.value = `<div>${n}</div>`;
+        )}</b>`, Je.value = `<div>${n}</div>`;
       }
       Ae.value = !0;
     }
-    const ne = w(() => {
+    const ne = $(() => {
       const e = O.value.map((o) => ({
         name: o.name,
         color: o.color
       })), l = O.value.map((o) => o.value);
       return { head: e, body: l };
     });
-    function dt(e = null) {
+    function vt(e = null) {
       ro(() => {
         const l = ne.value.head.map((n, s) => [
           [n.name],
@@ -817,16 +817,16 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         });
       });
     }
-    const Te = w(() => {
+    const Te = $(() => {
       const e = [
         t.value.table.columnNames.series,
         t.value.table.columnNames.value,
         t.value.table.columnNames.percentage
       ], l = ne.value.head.map((n, s) => {
-        const r = kt(
+        const r = qe(
           t.value.style.chart.layout.labels.formatter,
           ne.value.body[s],
-          Ke({
+          ze({
             p: t.value.style.chart.layout.labels.prefix,
             v: ne.value.body[s],
             s: t.value.style.chart.layout.labels.suffix,
@@ -840,7 +840,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
             shape: "square"
           },
           r,
-          isNaN(ne.value.body[s] / ke.value) ? "-" : Ke({
+          isNaN(ne.value.body[s] / ke.value) ? "-" : ze({
             v: ne.value.body[s] / ke.value * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
@@ -879,17 +879,17 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       X.value.showTooltip = !X.value.showTooltip;
     }
     const Le = g(!1);
-    function vt() {
+    function ht() {
       Le.value = !Le.value;
     }
-    const Xe = g(null);
+    const Ge = g(null);
     function Qt(e) {
-      Xe.value = e;
+      Ge.value = e;
     }
     function eo() {
-      Xe.value = null;
+      Ge.value = null;
     }
-    async function Ho({ scale: e = 2 } = {}) {
+    async function Vo({ scale: e = 2 } = {}) {
       if (!K.value) return;
       const { width: l, height: o } = K.value.getBoundingClientRect(), a = l / o, { imageUri: n, base64: s } = await Ol({
         domElement: K.value,
@@ -906,10 +906,10 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         aspectRatio: a
       };
     }
-    const Fe = w(() => {
+    const Fe = $(() => {
       const e = t.value.table.useDialog && !t.value.table.show, l = X.value.showTable;
       return {
-        component: e ? re : b,
+        component: e ? re : C,
         title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? `: ${t.value.style.chart.title.subtitle.text}` : ""}`,
         props: e ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -944,16 +944,16 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       }
     );
     function to() {
-      X.value.showTable = !1, Qe.value && Qe.value.setTableIconState(!1);
+      X.value.showTable = !1, et.value && et.value.setTableIconState(!1);
     }
-    const Vo = w(() => $e.value.map((e) => ({
+    const Ho = $(() => $e.value.map((e) => ({
       ...e,
       name: e.display
-    }))), Eo = w(() => t.value.style.chart.backgroundColor), Uo = w(() => t.value.style.chart.legend), Wo = w(() => t.value.style.chart.title), { exportSvg: Xo, getSvg: Go } = Al({
+    }))), Eo = $(() => t.value.style.chart.backgroundColor), Uo = $(() => t.value.style.chart.legend), Wo = $(() => t.value.style.chart.title), { exportSvg: Xo, getSvg: Go } = Al({
       svg: ye,
       title: Wo,
       legend: Uo,
-      legendItems: Vo,
+      legendItems: Ho,
       backgroundColor: Eo
     });
     async function oo({ isCb: e }) {
@@ -977,17 +977,17 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     }
     function Yo(e) {
       if (e?.stage === "start") {
-        Be.value = !0;
+        Ve.value = !0;
         return;
       }
       if (e?.stage === "end") {
-        Be.value = !1;
+        Ve.value = !1;
         return;
       }
       zt();
     }
-    function ht(e) {
-      const l = it(e), o = Math.max(l * 0.5, 4), a = Math.max(l * 0.5, 4), n = l * 1.1;
+    function ft(e) {
+      const l = ct(e), o = Math.max(l * 0.5, 4), a = Math.max(l * 0.5, 4), n = l * 1.1;
       return {
         fontSize: l,
         paddingX: o,
@@ -995,8 +995,8 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         lineHeight: n
       };
     }
-    function Ge(e) {
-      const { paddingX: l, paddingTop: o, lineHeight: a } = ht(e), n = e.x0 + l, s = e.y0 + o, r = Math.max(ve(e) - l * 2, 0), k = Math.max(de(e) - o * 2, 0);
+    function Ye(e) {
+      const { paddingX: l, paddingTop: o, lineHeight: a } = ft(e), n = e.x0 + l, s = e.y0 + o, r = Math.max(ve(e) - l * 2, 0), k = Math.max(de(e) - o * 2, 0);
       return {
         x: n,
         y: s,
@@ -1010,103 +1010,75 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         e.color ?? t.value.style.chart.backgroundColor
       );
     }
-    function jo(e) {
-      const { fontSize: l, lineHeight: o } = ht(e), a = qo(e), n = Jo(e);
-      if (a <= 0 || n <= 0)
+    function jo(e, l) {
+      const { fontSize: o, lineHeight: a } = ft(e), n = Jo(e), s = Qo(e);
+      if (n <= 0 || s <= 0)
         return [];
-      const s = Math.max(
-        Math.floor(n / Math.max(o, 1)),
+      const r = Math.max(
+        Math.floor(s / Math.max(a, 1)),
         1
-      ), r = t.value.style.chart.layout.labels.value.prefix ?? "", k = t.value.style.chart.layout.labels.value.suffix ?? "", S = `${r}${e.value}${k}`, i = Math.ceil(l * 0.2), $ = Math.ceil(l * 1.4), I = Math.max(
-        a - $ - i,
+      ), k = qe(
+        t.value.style.chart.layout.labels.formatter,
+        e.value,
+        ze({
+          p: t.value.style.chart.layout.labels.prefix,
+          v: e.value,
+          s: t.value.style.chart.layout.labels.suffix,
+          r: t.value.style.chart.tooltip.roundingValue
+        }),
+        { datapoint: e, seriesIndex: l }
+      ), I = Math.ceil(o * 0.2), i = Math.ceil(o * 1.4), y = Math.max(
+        n - i - I,
         0
       );
-      if (I <= 0)
+      if (y <= 0)
         return [];
       if (Array.isArray(e.children) && e.children.length) {
-        const L = gt(
-          `${e.name} (${S})`,
-          I,
-          l,
+        const H = yt(
+          `${e.name} (${k})`,
+          y,
+          o,
           500
         );
-        return L ? [L] : [];
+        return H ? [H] : [];
       }
-      const _ = [], Z = gt(
+      const M = [], L = yt(
         `${e.name}`,
-        I,
-        l,
+        y,
+        o,
         500
       );
-      if (Z && _.push(Z), s >= 2) {
-        const L = gt(
-          S,
-          I,
-          l,
+      if (L && M.push(L), r >= 2) {
+        const H = yt(
+          k,
+          y,
+          o,
           400
         );
-        L && _.push(L);
+        H && M.push(H);
       }
-      return _.slice(0, s);
-    }
-    let ft;
-    function Ko() {
-      return ft || (ft = document.createElement("canvas")), ft.getContext("2d");
-    }
-    function pt(e, l, o = 400) {
-      const a = Ko();
-      return a ? (a.font = `${o} ${l}px ${t.value.style.fontFamily}`, a.measureText(String(e)).width) : e.length * l * 0.6;
+      return M.slice(0, r);
     }
-    function gt(e, l, o, a = 400) {
-      const n = String(e ?? "");
-      if (!n.length || l <= 0)
+    function Ko({ rect: e, seriesIndex: l, isTitle: o }) {
+      if (!e || !t.value.style.chart.layout.labels.showDefaultLabels || !it(e))
         return "";
-      if (pt(n, o, a) <= l)
-        return n;
-      const s = "…";
-      if (pt(
-        s,
-        o,
-        a
-      ) > l)
-        return "";
-      let k = 0, S = n.length, i = "";
-      for (; k <= S; ) {
-        const $ = Math.floor((k + S) / 2), I = `${n.slice(0, $)}${s}`;
-        pt(
-          I,
-          o,
-          a
-        ) <= l ? (i = I, k = $ + 1) : S = $ - 1;
-      }
-      return i || s;
-    }
-    function qo(e) {
-      return Ge(e).width;
-    }
-    function Jo(e) {
-      return Ge(e).height;
-    }
-    function Qo({ rect: e, seriesIndex: l, isTitle: o }) {
-      if (!e || !t.value.style.chart.layout.labels.showDefaultLabels || !ut(e))
-        return "";
-      const { fontSize: a } = ht(e), n = Zo(e), s = jo(e), r = Ge(e);
+      const { fontSize: a } = ft(e), n = Zo(e), s = jo(e, l), r = Ye(e);
       if (!s.length || r.width <= 0 || r.height <= 0)
         return "";
-      const k = `treemap_clip_${W.value}_${e.id}_${e.depth}_${l}`, S = r.x, i = r.y, $ = Math.max(r.width, 0), I = Math.max(r.height, 0), _ = s.map((Z, L) => {
-        const mt = r.y + r.lineHeight * L;
+      const k = `treemap_clip_${W.value}_${e.id}_${e.depth}_${l}`, I = r.x, i = r.y, y = Math.max(r.width, 0), M = Math.max(r.height, 0), L = s.map((H, G) => {
+        const bt = r.y + r.lineHeight * G;
         return `
                 <text
                     x="${r.x}"
-                    y="${mt}"
+                    y="${bt}"
                     fill="${n}"
                     font-size="${a}"
                     font-family="${t.value.style.fontFamily}"
-                    font-weight="${L === 0 ? 500 : 400}"
+                    font-weight="${G === 0 ? 500 : 400}"
                     text-anchor="start"
                     dominant-baseline="text-before-edge"
                 >
-                    ${bl(Z)}
+                    ${bl(H)}
                 </text>
             `;
       }).join("");
@@ -1115,25 +1087,63 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
             <defs>
                 <clipPath id="${k}" clipPathUnits="userSpaceOnUse">
                     <rect
-                        x="${S}"
+                        x="${I}"
                         y="${i}"
-                        width="${$}"
-                        height="${I}"
+                        width="${y}"
+                        height="${M}"
                     />
                 </clipPath>
             </defs>
             <g clip-path="url(#${k})">
-                ${_}
+                ${L}
             </g>
         </g>
     `;
     }
+    let pt;
+    function qo() {
+      return pt || (pt = document.createElement("canvas")), pt.getContext("2d");
+    }
+    function gt(e, l, o = 400) {
+      const a = qo();
+      return a ? (a.font = `${o} ${l}px ${t.value.style.fontFamily}`, a.measureText(String(e)).width) : e.length * l * 0.6;
+    }
+    function yt(e, l, o, a = 400) {
+      const n = String(e ?? "");
+      if (!n.length || l <= 0)
+        return "";
+      if (gt(n, o, a) <= l)
+        return n;
+      const s = "…";
+      if (gt(
+        s,
+        o,
+        a
+      ) > l)
+        return "";
+      let k = 0, I = n.length, i = "";
+      for (; k <= I; ) {
+        const y = Math.floor((k + I) / 2), M = `${n.slice(0, y)}${s}`;
+        gt(
+          M,
+          o,
+          a
+        ) <= l ? (i = M, k = y + 1) : I = y - 1;
+      }
+      return i || s;
+    }
+    function Jo(e) {
+      return Ye(e).width;
+    }
+    function Qo(e) {
+      return Ye(e).height;
+    }
     function el(e) {
       const l = t.value.style.chart.layout.rects.borderRadius, o = ve(e), a = de(e);
       return Math.min(l, Math.min(o, a) / 6);
     }
     async function lo() {
-      if (D("copyAlt", {
+      if (z("copyAlt", {
         config: t.value,
         dataset: O.value
       }), !t.value.userOptions.callbacks.altCopy) {
@@ -1150,32 +1160,32 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       );
     }
     function tl() {
-      le.value = null, tt.value = !0;
+      le.value = null, ot.value = !0;
     }
     function ol() {
-      le.value = null, Ie.value = "pointer", Ae.value = !1, N.value = null, tt.value = !1;
+      le.value = null, Ie.value = "pointer", Ae.value = !1, F.value = null, ot.value = !1;
     }
     function ll(e) {
-      if (!ye.value || Le.value || document.activeElement !== ye.value || !O.value.length || Ee.value) return;
+      if (!ye.value || Le.value || document.activeElement !== ye.value || !O.value.length || Ue.value) return;
       const l = ["ArrowLeft", "ArrowUp"].includes(e.key), o = ["ArrowRight", "ArrowDown"].includes(e.key), a = e.key === "Enter" || e.key === " ", n = e.key === "Escape";
       if (!l && !o && !a && !n)
         return;
       if (e.preventDefault(), e.stopPropagation(), n) {
-        le.value = null, Ie.value = "pointer", Ae.value = !1, N.value = null;
+        le.value = null, Ie.value = "pointer", Ae.value = !1, F.value = null;
         return;
       }
       if (a) {
         if (le.value === null) return;
-        const $ = O.value[le.value];
-        if (!$) return;
-        _e($, le.value);
+        const y = O.value[le.value];
+        if (!y) return;
+        _e(y, le.value);
         return;
       }
       let s = le.value;
-      const r = N.value ? O.value.findIndex(
-        ($) => $.id === N.value.id
-      ) : null, k = s !== null && s >= 0 && s < O.value.length, S = r !== null && r >= 0 && r < O.value.length;
-      k ? o ? (s += 1, s >= O.value.length && (s = 0)) : l && (s -= 1, s < 0 && (s = O.value.length - 1)) : S ? (s = o ? r + 1 : r - 1, s >= O.value.length && (s = 0), s < 0 && (s = O.value.length - 1)) : o ? s = 0 : s = O.value.length - 1;
+      const r = F.value ? O.value.findIndex(
+        (y) => y.id === F.value.id
+      ) : null, k = s !== null && s >= 0 && s < O.value.length, I = r !== null && r >= 0 && r < O.value.length;
+      k ? o ? (s += 1, s >= O.value.length && (s = 0)) : l && (s -= 1, s < 0 && (s = O.value.length - 1)) : I ? (s = o ? r + 1 : r - 1, s >= O.value.length && (s = 0), s < 0 && (s = O.value.length - 1)) : o ? s = 0 : s = O.value.length - 1;
       const i = O.value[s];
       i && (al(s), Kt({
         datapoint: i,
@@ -1193,14 +1203,14 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         y: n.top + (a - J.value.startY) / J.value.height * n.height
       };
     }
-    const yt = w(() => {
+    const mt = $(() => {
       const e = Te.value?.colNames ?? [], l = Te.value?.body ?? [];
       return { headers: e, rows: l };
     });
     return h({
       getData: Bo,
-      getImage: Ho,
-      generateCsv: dt,
+      getImage: Vo,
+      generateCsv: vt,
       generateImage: zt,
       generateSvg: oo,
       generatePdf: Rt,
@@ -1208,68 +1218,68 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       showSeries: Ro,
       toggleTable: qt,
       toggleTooltip: Jt,
-      toggleAnnotator: vt,
+      toggleAnnotator: ht,
       toggleFullscreen: Yt,
       copyAlt: lo
     }), (e, l) => (c(), A("div", {
       ref_key: "treemapChart",
       ref: K,
-      class: bt(`vue-data-ui-component vue-ui-treemap ${pe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Ct(`vue-data-ui-component vue-ui-treemap ${pe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: he(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `treemap_${W.value}`,
-      onMouseenter: l[2] || (l[2] = () => y(Ft)(!0)),
-      onMouseleave: l[3] || (l[3] = () => y(Ft)(!1))
+      onMouseenter: l[2] || (l[2] = () => m(Ft)(!0)),
+      onMouseleave: l[3] || (l[3] = () => m(Ft)(!1))
     }, [
-      R("div", {
+      N("div", {
         id: `chart-instructions-${W.value}`,
         class: "sr-only"
       }, [
-        R("p", null, Ne(t.value.a11y.translations.keyboardNavigation), 1)
+        N("p", null, Ne(t.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Gl),
-      yt.value?.rows?.length ? (c(), Q(Fl, {
+      mt.value?.rows?.length ? (c(), Q(Fl, {
         key: 0,
         uid: W.value,
-        head: yt.value.headers,
-        body: yt.value.rows,
+        head: mt.value.headers,
+        body: mt.value.rows,
         notice: t.value.a11y.translations.tableAvailable,
         caption: t.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : F("", !0),
-      t.value.userOptions.buttons.annotator ? (c(), Q(y(v), {
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : _("", !0),
+      t.value.userOptions.buttons.annotator ? (c(), Q(m(v), {
         key: 1,
-        svgRef: y(ye),
+        svgRef: m(ye),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         active: Le.value,
         isCursorPointer: ie.value,
-        onClose: vt
+        onClose: ht
       }, {
         "annotator-action-close": T(() => [
-          m(e.$slots, "annotator-action-close", {}, void 0, !0)
+          b(e.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": T(({ color: o }) => [
-          m(e.$slots, "annotator-action-color", B(H({ color: o })), void 0, !0)
+          b(e.$slots, "annotator-action-color", D(B({ color: o })), void 0, !0)
         ]),
         "annotator-action-draw": T(({ mode: o }) => [
-          m(e.$slots, "annotator-action-draw", B(H({ mode: o })), void 0, !0)
+          b(e.$slots, "annotator-action-draw", D(B({ mode: o })), void 0, !0)
         ]),
         "annotator-action-undo": T(({ disabled: o }) => [
-          m(e.$slots, "annotator-action-undo", B(H({ disabled: o })), void 0, !0)
+          b(e.$slots, "annotator-action-undo", D(B({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-redo": T(({ disabled: o }) => [
-          m(e.$slots, "annotator-action-redo", B(H({ disabled: o })), void 0, !0)
+          b(e.$slots, "annotator-action-redo", D(B({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-delete": T(({ disabled: o }) => [
-          m(e.$slots, "annotator-action-delete", B(H({ disabled: o })), void 0, !0)
+          b(e.$slots, "annotator-action-delete", D(B({ disabled: o })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : F("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : _("", !0),
       ko.value ? (c(), A("div", {
         key: 2,
         ref_key: "noTitle",
         ref: Mt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : F("", !0),
+      }, null, 512)) : _("", !0),
       t.value.style.chart.title.text ? (c(), A("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -1289,18 +1299,18 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : F("", !0),
-      R("div", {
+      ], 4)) : _("", !0),
+      N("div", {
         id: `legend-top-${W.value}`
       }, null, 8, Yl),
-      t.value.userOptions.show && ue.value && (y(Nt) || y(lt)) ? (c(), Q(y(M), {
+      t.value.userOptions.show && ue.value && (m(Nt) || m(at)) ? (c(), Q(m(S), {
         ref_key: "userOptionsRef",
-        ref: Qe,
+        ref: et,
         key: `user_option_${xt.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: y(nt),
-        isImaging: y(st),
+        isPrinting: m(st),
+        isImaging: m(rt),
         uid: W.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -1322,95 +1332,95 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         tableDialog: t.value.table.useDialog,
         isCursorPointer: ie.value,
         onToggleFullscreen: Yt,
-        onGeneratePdf: y(Rt),
-        onGenerateCsv: dt,
+        onGeneratePdf: m(Rt),
+        onGenerateCsv: vt,
         onGenerateImage: Yo,
         onGenerateSvg: oo,
         onToggleTable: qt,
         onToggleTooltip: Jt,
-        onToggleAnnotator: vt,
+        onToggleAnnotator: ht,
         onCopyAlt: lo,
         style: he({
-          visibility: y(Nt) ? y(lt) ? "visible" : "hidden" : "visible"
+          visibility: m(Nt) ? m(at) ? "visible" : "hidden" : "visible"
         })
       }, no({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: T(({ isOpen: o, color: a }) => [
-            m(e.$slots, "menuIcon", B(H({ isOpen: o, color: a })), void 0, !0)
+            b(e.$slots, "menuIcon", D(B({ isOpen: o, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: T(() => [
-            m(e.$slots, "optionTooltip", {}, void 0, !0)
+            b(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: T(() => [
-            m(e.$slots, "optionPdf", {}, void 0, !0)
+            b(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
           fn: T(() => [
-            m(e.$slots, "optionCsv", {}, void 0, !0)
+            b(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
           fn: T(() => [
-            m(e.$slots, "optionImg", {}, void 0, !0)
+            b(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionSvg ? {
           name: "optionSvg",
           fn: T(() => [
-            m(e.$slots, "optionSvg", {}, void 0, !0)
+            b(e.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
           fn: T(() => [
-            m(e.$slots, "optionTable", {}, void 0, !0)
+            b(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: T(({ toggleFullscreen: o, isFullscreen: a }) => [
-            m(e.$slots, "optionFullscreen", B(H({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
+            b(e.$slots, "optionFullscreen", D(B({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: T(({ toggleAnnotator: o, isAnnotator: a }) => [
-            m(e.$slots, "optionAnnotator", B(H({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
+            b(e.$slots, "optionAnnotator", D(B({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: T(({ altCopy: o }) => [
-            m(e.$slots, "optionAltCopy", B(H({ altCopy: o })), void 0, !0)
+            b(e.$slots, "optionAltCopy", D(B({ altCopy: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : F("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : _("", !0),
       ae.value.length > 1 ? (c(), A("nav", {
         key: 5,
         class: "vue-ui-treemap-breadcrumbs",
         "data-dom-to-png-ignore": "",
         ref_key: "breadcrumbsNav",
-        ref: Je
+        ref: Qe
       }, [
         (c(!0), A(xe, null, Re(ae.value, (o, a) => (c(), A("span", {
           role: "button",
@@ -1419,8 +1429,8 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           onClick: (n) => a === ae.value.length - 1 ? () => {
           } : _e(o.node),
           onKeydown: [
-            so(Ct((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["enter"]),
-            so(Ct((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["space"])
+            so(wt((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["enter"]),
+            so(wt((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["space"])
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === ae.value.length - 1,
@@ -1433,43 +1443,43 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           onFocus: (n) => Qt(a),
           onBlur: eo
         }, [
-          R("span", jl, [
-            R("span", Kl, [
-              m(e.$slots, "breadcrumb-label", wt({ ref_for: !0 }, {
+          N("span", jl, [
+            N("span", Kl, [
+              b(e.$slots, "breadcrumb-label", kt({ ref_for: !0 }, {
                 crumb: o,
                 isRoot: a === 0,
-                isFocus: Xe.value === a
+                isFocus: Ge.value === a
               }), () => [
                 a === 0 ? (c(), A("div", ql, [
-                  Ye(po, {
-                    name: Xe.value === 0 ? "homeFilled" : "home",
+                  Ze(po, {
+                    name: Ge.value === 0 ? "homeFilled" : "home",
                     stroke: t.value.style.chart.color
                   }, null, 8, ["name", "stroke"])
                 ])) : (c(), A(xe, { key: 1 }, [
-                  Ze(Ne(o.label), 1)
+                  je(Ne(o.label), 1)
                 ], 64))
               ], !0)
             ]),
             a < ae.value.length - 1 ? (c(), A("span", Jl, [
-              m(e.$slots, "breadcrumb-arrow", {}, () => [
-                l[4] || (l[4] = Ze(" › ", -1))
+              b(e.$slots, "breadcrumb-arrow", {}, () => [
+                l[4] || (l[4] = je(" › ", -1))
               ], !0)
-            ])) : F("", !0)
+            ])) : _("", !0)
           ])
         ], 44, Zl))), 128))
-      ], 512)) : F("", !0),
-      R("div", Ql, [
+      ], 512)) : _("", !0),
+      N("div", Ql, [
         (c(), A("svg", {
           ref_key: "svgRef",
           ref: ye,
-          xmlns: y(pl),
+          xmlns: m(pl),
           "aria-describedby": `chart-instructions-${W.value}`,
-          class: bt({
+          class: Ct({
             "vue-data-ui-fullscreen--on": pe.value,
             "vue-data-ui-fulscreen--off": !pe.value,
             "vue-data-ui-zoom-plus": !Pe.value,
             "vue-data-ui-zoom-minus": Pe.value,
-            loading: y(ge)
+            loading: m(ge)
           }),
           viewBox: `${J.value.startX} ${J.value.startY} ${J.value.width <= 0 ? 10 : J.value.width} ${J.value.height <= 0 ? 10 : J.value.height}`,
           style: he(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
@@ -1478,51 +1488,51 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           onBlur: ol,
           onKeydown: ll
         }, [
-          Ye(y(x)),
+          Ze(m(x)),
           (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
             key: `tgrad_${o.id}`
           }, [
             t.value.style.chart.layout.rects.gradient.show ? (c(), A("defs", ta, [
-              R("radialGradient", {
+              N("radialGradient", {
                 id: `tgrad_${o.id}`,
                 gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
               }, [
-                R("stop", {
+                N("stop", {
                   offset: "18%",
                   "stop-color": o.color
                 }, null, 8, la),
-                R("stop", {
+                N("stop", {
                   offset: "100%",
-                  "stop-color": y(vo)(
+                  "stop-color": m(vo)(
                     o.color,
                     t.value.style.chart.layout.rects.gradient.intensity / 100
                   )
                 }, null, 8, aa)
               ], 8, oa)
-            ])) : F("", !0)
+            ])) : _("", !0)
           ]))), 128)),
-          R("g", null, [
+          N("g", null, [
             (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
               key: `rect_${o.id}_${o.depth}`
             }, [
-              R("rect", {
+              N("rect", {
                 x: o.x0,
                 y: o.y0,
                 height: de(o),
                 width: ve(o),
-                fill: oe.value ? o.color ?? t.value.style.chart.backgroundColor : t.value.style.chart.layout.rects.gradient.show ? Ee.value ? t.value.style.chart.backgroundColor : `url(#tgrad_${o.id})` : o.color ?? t.value.style.chart.backgroundColor,
+                fill: oe.value ? o.color ?? t.value.style.chart.backgroundColor : t.value.style.chart.layout.rects.gradient.show ? Ue.value ? t.value.style.chart.backgroundColor : `url(#tgrad_${o.id})` : o.color ?? t.value.style.chart.backgroundColor,
                 rx: el(o),
-                stroke: N.value && N.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
-                "stroke-width": N.value && N.value.id === o.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
-                onClick: Ct((n) => _e(o, a), ["stop"]),
+                stroke: F.value && F.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
+                "stroke-width": F.value && F.value.id === o.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
+                onClick: wt((n) => _e(o, a), ["stop"]),
                 onMouseenter: () => Kt({
                   datapoint: o,
                   seriesIndex: a,
                   triggerMode: "pointer"
                 }),
                 onMouseleave: (n) => Do({ datapoint: o, seriesIndex: a }),
-                style: he(`opacity:${N.value ? N.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-                class: bt([
+                style: he(`opacity:${F.value ? F.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+                class: Ct([
                   "vue-ui-treemap-rect",
                   Lo(o) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"
                 ])
@@ -1531,15 +1541,15 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
             (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
               key: `label_${o.id}_${o.depth}`
             }, [
-              !e.$slots.rect && !y(ge) && t.value.style.chart.layout.labels.showDefaultLabels && !Ee.value && o.showLabel ? (c(), A("g", {
+              !e.$slots.rect && !m(ge) && t.value.style.chart.layout.labels.showDefaultLabels && !Ue.value && o.showLabel ? (c(), A("g", {
                 key: 0,
                 style: { "pointer-events": "none" },
-                innerHTML: Qo({
+                innerHTML: Ko({
                   rect: o,
                   seriesIndex: a,
                   isTitle: !!(o.children && o.children.length)
                 })
-              }, null, 8, sa)) : F("", !0)
+              }, null, 8, sa)) : _("", !0)
             ]))), 128)),
             (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
               key: `slot_${o.id}_${o.depth}`
@@ -1552,8 +1562,8 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
                 class: "vue-ui-treemap-cell-foreignObject",
                 style: { "pointer-events": "none" }
               }, [
-                R("div", ua, [
-                  y(ge) ? F("", !0) : m(e.$slots, "rect", wt({
+                N("div", ua, [
+                  m(ge) ? _("", !0) : b(e.$slots, "rect", kt({
                     key: 0,
                     ref_for: !0
                   }, {
@@ -1561,12 +1571,12 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
                       ...o,
                       height: de(o),
                       width: ve(o),
-                      isSelected: N.value ? N.value.id === o.id : !0
+                      isSelected: F.value ? F.value.id === o.id : !0
                     },
                     shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Pe.value,
-                    fontSize: it(o),
+                    fontSize: ct(o),
                     isZoom: Pe.value,
-                    textColor: y(ho)(
+                    textColor: m(ho)(
                       o.color
                     )
                   }), void 0, !0)
@@ -1574,55 +1584,55 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
               ], 8, ra))
             ]))), 128))
           ]),
-          m(e.$slots, "svg", B(H({
-            svg: G.value,
+          b(e.$slots, "svg", D(B({
+            svg: Y.value,
             isZoom: Pe.value,
-            rect: N.value,
+            rect: F.value,
             config: t.value,
-            isPrintingImg: y(nt) | y(st) | Be.value,
+            isPrintingImg: m(st) | m(rt) | Ve.value,
             isPrintingSvg: He.value
           })), void 0, !0)
         ], 46, ea)),
         e.$slots.hint ? (c(), A("div", ia, [
-          m(e.$slots, "hint", B(H({
+          b(e.$slots, "hint", D(B({
             hint: t.value.a11y.translations.keyboardNavigation,
-            isVisible: tt.value
+            isVisible: ot.value
           })), void 0, !0)
-        ])) : F("", !0)
+        ])) : _("", !0)
       ]),
       e.$slots.watermark ? (c(), A("div", ca, [
-        m(e.$slots, "watermark", B(H({
-          isPrinting: y(nt) || y(st) || Be.value || He.value
+        b(e.$slots, "watermark", D(B({
+          isPrinting: m(st) || m(rt) || Ve.value || He.value
         })), void 0, !0)
-      ])) : F("", !0),
-      R("div", {
+      ])) : _("", !0),
+      N("div", {
         id: `legend-bottom-${W.value}`
       }, null, 8, da),
       Pt.value ? (c(), Q(cl, {
         key: 7,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${W.value}` : `#legend-bottom-${W.value}`
       }, [
-        R("div", {
+        N("div", {
           ref_key: "chartLegend",
           ref: St
         }, [
           t.value.style.chart.legend.show ? (c(), Q(Ll, {
-            key: `legend_${De.value}`,
+            key: `legend_${Be.value}`,
             legendSet: $e.value,
             config: Fo.value,
             id: `treemap_legend_${W.value}`,
             isCursorPointer: ie.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: o }) => Ue(o))
+            onClickMarker: l[0] || (l[0] = ({ legend: o }) => We(o))
           }, {
             item: T(({ legend: o, index: a }) => [
-              y(ge) ? F("", !0) : (c(), A("div", {
+              m(ge) ? _("", !0) : (c(), A("div", {
                 key: 0,
-                onClick: (n) => Ue(o),
+                onClick: (n) => We(o),
                 style: he(`opacity:${P.value.includes(o.id) ? 0.5 : 1}`)
               }, Ne(o.display), 13, va))
             ]),
             legendToggle: T(() => [
-              $e.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !y(ge) ? (c(), Q(Nl, {
+              $e.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !m(ge) ? (c(), Q(Nl, {
                 key: 0,
                 backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: t.value.style.chart.legend.selectAllToggle.color,
@@ -1630,24 +1640,24 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
                 checked: P.value.length > 0,
                 isCursorPointer: ie.value,
                 onToggle: No
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : F("", !0)
+              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : _("", !0)
             ]),
             _: 1
-          }, 8, ["legendSet", "config", "id", "isCursorPointer"])) : m(e.$slots, "legend", {
+          }, 8, ["legendSet", "config", "id", "isCursorPointer"])) : b(e.$slots, "legend", {
             key: 1,
             legend: $e.value
           }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : F("", !0),
+      ], 8, ["to"])) : _("", !0),
       e.$slots.source ? (c(), A("div", {
         key: 8,
         ref_key: "source",
         ref: It,
         dir: "auto"
       }, [
-        m(e.$slots, "source", {}, void 0, !0)
-      ], 512)) : F("", !0),
-      Ye(y(p), {
+        b(e.$slots, "source", {}, void 0, !0)
+      ], 512)) : _("", !0),
+      Ze(m(p), {
         teleportTo: t.value.style.chart.tooltip.teleportTo,
         show: X.value.showTooltip && Ae.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
@@ -1660,9 +1670,9 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: K.value,
-        content: qe.value,
+        content: Je.value,
         isFullscreen: pe.value,
-        isCustom: y(fo)(t.value.style.chart.tooltip.customFormat),
+        isCustom: m(fo)(t.value.style.chart.tooltip.customFormat),
         smooth: t.value.style.chart.tooltip.smooth,
         backdropFilter: t.value.style.chart.tooltip.backdropFilter,
         smoothForce: t.value.style.chart.tooltip.smoothForce,
@@ -1671,24 +1681,24 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         a11yPosition: Lt.value
       }, {
         "tooltip-before": T(() => [
-          m(e.$slots, "tooltip-before", B(H({ ...We.value })), void 0, !0)
+          b(e.$slots, "tooltip-before", D(B({ ...Xe.value })), void 0, !0)
         ]),
         tooltip: T(() => [
-          m(e.$slots, "tooltip", B(H({ ...We.value })), void 0, !0)
+          b(e.$slots, "tooltip", D(B({ ...Xe.value })), void 0, !0)
         ]),
         "tooltip-after": T(() => [
-          m(e.$slots, "tooltip-after", B(H({ ...We.value })), void 0, !0)
+          b(e.$slots, "tooltip-after", D(B({ ...Xe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      ue.value && t.value.userOptions.buttons.table ? (c(), Q(dl(Fe.value.component), wt({ key: 9 }, Fe.value.props, {
+      ue.value && t.value.userOptions.buttons.table ? (c(), Q(dl(Fe.value.component), kt({ key: 9 }, Fe.value.props, {
         ref_key: "tableUnit",
         ref: Se,
         onClose: to
       }), no({
         content: T(() => [
-          (c(), Q(y(f), {
-            key: `table_${ze.value}`,
+          (c(), Q(m(f), {
+            key: `table_${De.value}`,
             colNames: Te.value.colNames,
             head: Te.value.head,
             body: Te.value.body,
@@ -1699,13 +1709,13 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
             onClose: to
           }, {
             th: T(({ th: o }) => [
-              R("div", {
+              N("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, ha)
             ]),
             td: T(({ td: o }) => [
-              Ze(Ne(o.name || o), 1)
+              je(Ne(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
@@ -1715,20 +1725,20 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
         t.value.table.useDialog ? {
           name: "title",
           fn: T(() => [
-            Ze(Ne(Fe.value.title), 1)
+            je(Ne(Fe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         t.value.table.useDialog ? {
           name: "actions",
           fn: T(() => [
-            R("button", {
+            N("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (o) => dt(t.value.userOptions.callbacks.csv)),
+              onClick: l[1] || (l[1] = (o) => vt(t.value.userOptions.callbacks.csv)),
               style: he({ cursor: ie.value ? "pointer" : "default" })
             }, [
-              Ye(po, {
+              Ze(po, {
                 name: "fileCsv",
                 stroke: Fe.value.props.color
               }, null, 8, ["stroke"])
@@ -1736,13 +1746,13 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : F("", !0),
-      m(e.$slots, "skeleton", {}, () => [
-        y(ge) ? (c(), Q(Tl, { key: 0 })) : F("", !0)
+      ]), 1040)) : _("", !0),
+      b(e.$slots, "skeleton", {}, () => [
+        m(ge) ? (c(), Q(Tl, { key: 0 })) : _("", !0)
       ], !0)
     ], 46, Xl));
   }
-}, Fa = /* @__PURE__ */ Rl(fa, [["__scopeId", "data-v-e5505d72"]]);
+}, Fa = /* @__PURE__ */ Rl(fa, [["__scopeId", "data-v-ba43cd2e"]]);
 export {
   Fa as default
 };