vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-treemap-CMfWyA5N.js → vue-ui-treemap-D8Mbfeuc.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as Ne, useSlots as Fl, onMounted as No, computed as k, ref as b, shallowRef as Ce, toRefs as Ll, watch as Be, onBeforeUnmount as Nl, openBlock as v, createElementBlock as A, unref as y, normalizeStyle as xe, normalizeClass as Zt, createElementVNode as E, toDisplayString as tt, createBlock as he, createCommentVNode as N, withCtx as M, renderSlot as C, normalizeProps as X, guardReactiveProps as j, createSlots as Bo, Fragment as ot, renderList as ht, withKeys as Ro, withModifiers as Jt, mergeProps as ft, createVNode as pt, createTextVNode as gt, Teleport as Bl, resolveDynamicComponent as Rl, nextTick as Do } from "vue";
-import { j as yt, t as zo, m as Dl, p as G, n as zl, o as Vo, q as Vl, s as lt, k as mt, l as at, X as Qt, x as bt, W as wt, T as Ho, a0 as Hl, a1 as El, az as kt, aA as eo, U as Wl } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as Ne, useSlots as Fl, onMounted as No, computed as k, ref as b, shallowRef as Ce, toRefs as Ll, watch as Be, onBeforeUnmount as Nl, openBlock as v, createElementBlock as M, unref as y, normalizeStyle as xe, normalizeClass as Zt, createElementVNode as E, toDisplayString as tt, createBlock as he, createCommentVNode as N, withCtx as S, renderSlot as C, normalizeProps as Y, guardReactiveProps as X, createSlots as Bo, Fragment as ot, renderList as ft, withKeys as Ro, withModifiers as Jt, mergeProps as pt, createVNode as gt, createTextVNode as yt, Teleport as Bl, resolveDynamicComponent as Rl, nextTick as Do } from "vue";
+import { j as mt, t as zo, m as Dl, p as G, n as zl, o as Vo, q as Vl, s as lt, k as bt, l as at, X as Qt, x as wt, W as kt, T as Ho, a0 as Hl, a1 as El, az as Ct, aA as eo, U as Wl } from "./lib-DBptbyyI.js";
 import { t as Ul, u as Yl } from "./useResponsive-DfdjqQps.js";
-import { u as Xl } from "./useConfig-CpJA0VZa.js";
+import { u as Xl } from "./useConfig-ChRble71.js";
 import { u as jl, B as Kl } from "./BaseScanner-BhhkKVoj.js";
 import { u as ql } from "./usePrinter-CEpYU3r5.js";
 import { u as Gl } from "./useSvgExport-ByUukOZt.js";
@@ -24,8 +24,8 @@ function Wo(r, p) {
   {
     let g = 1 / 0, f = -1 / 0, x = 0;
     for (let P = 0; P < h; P += 1) {
-      const S = r[P].normalizedValue;
-      S < g && (g = S), S > f && (f = S), x += S;
+      const A = r[P].normalizedValue;
+      A < g && (g = A), A > f && (f = A), x += A;
     }
     return Math.max(
       p ** 2 * f / x ** 2,
@@ -73,15 +73,15 @@ function ia(r) {
   return (r.x1 - r.x0) * (r.y1 - r.y0);
 }
 function Xo(r, p) {
-  const { width: h, height: g, xOffset: f, yOffset: x } = oo(p), m = r.length, P = r.map(($) => $.normalizedValue || 0).reduce(($, V) => $ + V, 0), S = P / g, $e = P / h;
+  const { width: h, height: g, xOffset: f, yOffset: x } = oo(p), m = r.length, P = r.map(($) => $.normalizedValue || 0).reduce(($, V) => $ + V, 0), A = P / g, $e = P / h;
   let ue = f, fe = x;
   const Z = [];
   if (h >= g) {
     for (let $ = 0; $ < m; $ += 1) {
-      const V = r[$], pe = fe + V.normalizedValue / S, Te = {
+      const V = r[$], pe = fe + V.normalizedValue / A, Te = {
         x0: ue,
         y0: fe,
-        x1: ue + S,
+        x1: ue + A,
         y1: pe
       }, ge = Object.assign({}, V, Te);
       fe = pe, Z.push(ge);
@@ -105,10 +105,10 @@ function ca(r) {
   return Math.min(h, g);
 }
 function da(r, p) {
-  const h = r.length, g = r.map((S) => S.value ?? 0).reduce((S, $e) => S + $e, 0), f = p / g, x = [];
+  const h = r.length, g = r.map((A) => A.value ?? 0).reduce((A, $e) => A + $e, 0), f = p / g, x = [];
   let m, P;
-  for (let S = 0; S < h; S += 1)
-    P = r[S], m = Object.assign({}, P, {
+  for (let A = 0; A < h; A += 1)
+    P = r[A], m = Object.assign({}, P, {
       normalizedValue: P.value * (f || 0)
     }), x.push(m);
   return x;
@@ -125,12 +125,12 @@ function oo(r) {
 function va(r, p, h, g) {
   let f = r, x = p, m = h, P = g;
   for (; ; ) {
-    const S = f.length;
-    if (S === 0) {
+    const A = f.length;
+    if (A === 0) {
       const Z = Xo(x, m);
       return P.concat(Z);
     }
-    const $e = ca(m), ue = f[0], fe = f.slice(1, S);
+    const $e = ca(m), ue = f[0], fe = f.slice(1, A);
     if (ua(x, ue, $e)) {
       const Z = x.concat(ue);
       f = fe, x = Z, m = m, P = P;
@@ -160,21 +160,21 @@ function jo(r) {
 function ha(r, p) {
   const { width: h, height: g, xOffset: f, yOffset: x } = oo(r);
   if (h >= g) {
-    const m = p / g, P = h - m, S = {
+    const m = p / g, P = h - m, A = {
       xOffset: f + m,
       yOffset: x,
       width: P,
       height: g
     };
-    return Uo(S);
+    return Uo(A);
   } else {
-    const m = p / h, P = g - m, S = {
+    const m = p / h, P = g - m, A = {
       xOffset: f,
       yOffset: x + m,
       width: h,
       height: P
     };
-    return Uo(S);
+    return Uo(A);
   }
 }
 const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], ma = { class: "vue-ui-treemap-crumb-unit" }, ba = { class: "vue-ui-treemap-crumb-unit-label" }, wa = {
@@ -183,7 +183,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
 }, ka = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
-}, Ca = { style: { position: "relative" } }, xa = ["xmlns", "aria-describedby", "viewBox"], $a = { key: 0 }, Ta = ["id"], Sa = ["stop-color"], Aa = ["stop-color"], Ma = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Pa = ["width", "height", "x", "y"], Oa = ["innerHTML"], _a = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Ia = ["innerHTML"], Fa = ["x", "y", "height", "width"], La = {
+}, Ca = { style: { position: "relative" } }, xa = ["xmlns", "aria-describedby", "viewBox"], $a = { key: 0 }, Ta = ["id"], Sa = ["stop-color"], Aa = ["stop-color"], Ma = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Pa = ["width", "height", "x", "y"], Oa = ["innerHTML"], Ia = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], _a = ["innerHTML"], Fa = ["x", "y", "height", "width"], La = {
   style: {
     width: "100%",
     height: "100%"
@@ -215,11 +215,11 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(r, { expose: p, emit: h }) {
-    const g = Ne(() => import("./DataTable-DT2kIdQ6.js")), f = Ne(() => import("./PenAndPaper-Ct3qJ4lA.js")), x = Ne(() => import("./vue-ui-accordion-BF4v32wv.js")), m = Ne(() => import("./Tooltip-Bf-kM3_A.js")), P = Ne(() => import("./UserOptions-rW2fRf3V.js")), S = Ne(() => import("./PackageVersion-CvtT2-UH.js")), $e = Ne(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_treemap: ue } = Xl(), { isThemeValid: fe, warnInvalidTheme: Z } = Zl(), $ = r, V = h, pe = Fl();
+    const g = Ne(() => import("./DataTable-DT2kIdQ6.js")), f = Ne(() => import("./PenAndPaper-Ct3qJ4lA.js")), x = Ne(() => import("./vue-ui-accordion-CnDW2UQL.js")), m = Ne(() => import("./Tooltip-C8KGyqQk.js")), P = Ne(() => import("./UserOptions-rW2fRf3V.js")), A = Ne(() => import("./PackageVersion-B3kmPxTR.js")), $e = Ne(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_treemap: ue } = Xl(), { isThemeValid: fe, warnInvalidTheme: Z } = Zl(), $ = r, V = h, pe = Fl();
     No(() => {
       pe["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const Te = k(() => !!$.dataset && $.dataset.length), ge = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), le = b(yt()), Ue = b(!1), Ct = b(""), Ie = b(!1), lo = b(0), B = b([]), re = Ce(null), ao = Ce(null), no = Ce(null), so = Ce(null), uo = Ce(null), ro = b(0), xt = b(0), $t = b(0), I = b([]), Tt = b(null), io = b(!1), Ye = b(null), St = b(null), Xe = b(null), K = b(/* @__PURE__ */ new Map()), nt = b(!1), st = b(!1), ye = b(null), co = b({ x: 0, y: 0 }), je = b("pointer"), At = b(!1), t = b(Ot()), Se = k(() => t.value.userOptions.useCursorPointer), Ko = k(() => zo({
+    const Te = k(() => !!$.dataset && $.dataset.length), ge = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), le = b(mt()), Ue = b(!1), xt = b(""), _e = b(!1), lo = b(0), B = b([]), re = Ce(null), ao = Ce(null), no = Ce(null), so = Ce(null), uo = Ce(null), ro = b(0), $t = b(0), Tt = b(0), _ = b([]), St = b(null), io = b(!1), Ye = b(null), At = b(null), Xe = b(null), K = b(/* @__PURE__ */ new Map()), nt = b(!1), st = b(!1), ye = b(null), co = b({ x: 0, y: 0 }), je = b("pointer"), Mt = b(!1), t = b(It()), Se = k(() => t.value.userOptions.useCursorPointer), Ko = k(() => zo({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -240,10 +240,10 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         }
       },
       userConfig: t.value.skeletonConfig ?? {}
-    })), { loading: Ae, FINAL_DATASET: Mt, manualLoading: qo } = jl({
+    })), { loading: Ae, FINAL_DATASET: Pt, manualLoading: qo } = jl({
       ...Ll($),
       FINAL_CONFIG: t,
-      prepareConfig: Ot,
+      prepareConfig: It,
       skeletonDataset: $.config?.skeletonDataset ?? [
         {
           name: "_",
@@ -264,8 +264,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         defaultConfig: t.value,
         userConfig: Ko.value
       })
-    }), { userOptionsVisible: Pt, setUserOptionsVisibility: vo, keepUserOptionState: ho } = Jl({ config: t.value }), { svgRef: Fe } = Ql({ config: t.value.style.chart.title });
-    function Ot() {
+    }), { userOptionsVisible: Ot, setUserOptionsVisibility: vo, keepUserOptionState: ho } = Jl({ config: t.value }), { svgRef: Fe } = Ql({ config: t.value.style.chart.title });
+    function It() {
       const e = to({
         userConfig: $.config,
         defaultConfig: ue
@@ -286,9 +286,9 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       };
     }
     Be(() => $.config, (e) => {
-      Ae.value || (t.value = Ot()), Pt.value = !t.value.userOptions.showOnChartHover, ro.value += 1, xt.value += 1, $t.value += 1, J.value.showTable = t.value.table.show, J.value.showTooltip = t.value.style.chart.tooltip.show;
+      Ae.value || (t.value = It()), Ot.value = !t.value.userOptions.showOnChartHover, ro.value += 1, $t.value += 1, Tt.value += 1, J.value.showTable = t.value.table.show, J.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: _t, isImaging: It, generatePdf: fo, generateImage: po } = ql({
+    const { isPrinting: _t, isImaging: Ft, generatePdf: fo, generateImage: po } = ql({
       elementId: `treemap_${le.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-treemap",
       options: t.value.userOptions.print
@@ -313,8 +313,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       return e * (o / a.height);
     }
     function Jo() {
-      if (!Tt.value || me.value.length <= 1) return 0;
-      const e = Tt.value, l = getComputedStyle(e), o = e.offsetHeight + parseFloat(l.marginTop || "0") + parseFloat(l.marginBottom || "0") + parseFloat(l.paddingTop || "0") + parseFloat(l.paddingBottom || "0");
+      if (!St.value || me.value.length <= 1) return 0;
+      const e = St.value, l = getComputedStyle(e), o = e.offsetHeight + parseFloat(l.marginTop || "0") + parseFloat(l.marginBottom || "0") + parseFloat(l.paddingTop || "0") + parseFloat(l.paddingBottom || "0");
       return Zo(o);
     }
     const D = k(() => {
@@ -330,9 +330,9 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         vbHeight: o - a,
         offsetY: a
       };
-    }), Y = b(Mt.value), Me = b(Y.value), go = Ce(/* @__PURE__ */ new Map());
+    }), j = b(Pt.value), Me = b(j.value), go = Ce(/* @__PURE__ */ new Map());
     Be(
-      [Y, () => t.value],
+      [j, () => t.value],
       () => {
         Xe.value = null, K.value = /* @__PURE__ */ new Map();
       },
@@ -351,28 +351,28 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
     );
     function yo(e) {
       Array.isArray(e) && e.forEach((l, o) => {
-        l.id || (l.id = yt());
+        l.id || (l.id = mt());
         let a = lt(l.color) || go.value.get(l.id) || ut.value[o] || G[o] || G[o % G.length];
         a = lt(a), go.value.set(l.id, a), l.color = a, mo(l, a);
       });
     }
     function mo(e, l) {
       Array.isArray(e.children) && e.children.forEach((o) => {
-        o.id || (o.id = yt()), o.parentId = e.id, o.color = l, mo(o, l);
+        o.id || (o.id = mt()), o.parentId = e.id, o.color = l, mo(o, l);
       });
     }
     function Qo() {
-      if (!I.value.length)
-        Me.value = Y.value.slice();
+      if (!_.value.length)
+        Me.value = j.value.slice();
       else {
-        const e = I.value[I.value.length - 1], l = te(e);
+        const e = _.value[_.value.length - 1], l = te(e);
         Me.value = l?.children?.slice() || [];
       }
     }
     Be(
-      () => Mt.value,
+      () => Pt.value,
       () => {
-        Y.value = Mt.value, yo(Y.value), Qo(), $t.value += 1, xt.value += 1;
+        j.value = Pt.value, yo(j.value), Qo(), Tt.value += 1, $t.value += 1;
       },
       { deep: !0, immediate: !0, flush: "post" }
     );
@@ -386,7 +386,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         componentName: "VueUiTreemap",
         type: "dataset",
         debug: el.value
-      }), yo(Y.value), Vo($.dataset) || (qo.value = t.value.loading), t.value.responsive) {
+      }), yo(j.value), Vo($.dataset) || (qo.value = t.value.loading), t.value.responsive) {
         const e = Ul(() => {
           const { width: l, height: o } = Yl({
             chart: re.value,
@@ -408,7 +408,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
     const Ke = k(() => Me.value.map((e, l) => ({
       ...e,
       color: lt(e.color) || ut.value[l] || G[l] || G[l % G.length]
-    })).filter((e) => !B.value.includes(e.id))), De = k(() => Y.value.filter((e) => !B.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), Ft = k({
+    })).filter((e) => !B.value.includes(e.id))), De = k(() => j.value.filter((e) => !B.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), Lt = k({
       get() {
         let e = [...Ke.value];
         return t.value.style.chart.layout.sorted && (e = [...Ke.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
@@ -424,7 +424,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
     }
     function ol(e, l, o) {
       const a = t.value.style.chart.layout.rects.colorRatio - bo(l, o);
-      return bt(e, a < 0 ? 0 : a);
+      return wt(e, a < 0 ? 0 : a);
     }
     function wo(e) {
       return Array.isArray(e.children) && e.children.length > 0;
@@ -462,8 +462,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       });
     }
     const Co = k(() => {
-      const e = Ft.value.map((n) => Number(n.value) || 0).reduce((n, s) => n + s, 0) || 1, l = Ft.value.map((n) => {
-        const s = n.children ? n.children.reduce((q, Oe) => q + (Number(Oe.value) || 0), 0) : n.value, { children: u, parentId: i, id: c, value: d, name: w, color: z, ...T } = n, H = n.id || yt();
+      const e = Lt.value.map((n) => Number(n.value) || 0).reduce((n, s) => n + s, 0) || 1, l = Lt.value.map((n) => {
+        const s = n.children ? n.children.reduce((q, Oe) => q + (Number(Oe.value) || 0), 0) : n.value, { children: u, parentId: i, id: c, value: d, name: w, color: z, ...T } = n, H = n.id || mt();
         return {
           ...T,
           id: H,
@@ -479,7 +479,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           ) : void 0
         };
       });
-      if (I.value.length === 0) {
+      if (_.value.length === 0) {
         if (!Xe.value) {
           const i = { x0: 0, y0: 0, x1: 1, y1: 1 };
           Xe.value = Yo(l, i);
@@ -507,7 +507,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       return Yo(l, a);
     });
     function al(e) {
-      const l = I.value.length ? I.value[I.value.length - 1] : null, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+      const l = _.value.length ? _.value[_.value.length - 1] : null, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
       for (const i of e) {
         let c = rl(i.id);
         if (l) {
@@ -551,21 +551,21 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         ancestorsByLeaf: a
       };
     }
-    const Lt = k(() => al(Co.value)), nl = k(() => {
-      const e = Lt.value.wrappers;
+    const Nt = k(() => al(Co.value)), nl = k(() => {
+      const e = Nt.value.wrappers;
       return e.length ? e.filter((l) => sl(l)) : [];
     });
-    function Nt(e) {
+    function Bt(e) {
       return ze(e) * 1.2;
     }
     function sl(e) {
-      const l = Nt(e);
+      const l = Bt(e);
       return Q(e) < l * 1.1 ? !1 : (e.labelY0 = e.y0, !0);
     }
     const F = k(() => ul({
       rects: Co.value,
-      wrappers: Lt.value.wrappers,
-      ancestorsByLeaf: Lt.value.ancestorsByLeaf
+      wrappers: Nt.value.wrappers,
+      ancestorsByLeaf: Nt.value.ancestorsByLeaf
     }));
     function ul({ rects: e, wrappers: l, ancestorsByLeaf: o }) {
       if (!l.length || !o) return e;
@@ -577,9 +577,9 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         for (const i of s) {
           const c = a.get(i);
           if (!c) continue;
-          const d = Q(c), w = Nt(c);
+          const d = Q(c), w = Bt(c);
           if (d < w * 1.1) continue;
-          const z = ze(c), T = z * 1.2, H = z * 0.5, q = z * 0.5, Oe = T * 0.5, Je = ee(c) / 3, Qe = Math.min(H, Je), _e = d * 0.25, Ht = Math.min(q, _e), Wt = (typeof c.labelY0 == "number" ? c.labelY0 : c.y0) + w, ce = Math.max(u.x0, c.x0 + Qe), we = Math.min(u.x1, c.x1 - Qe), ke = Math.max(u.y0, Wt + Oe), Ut = Math.min(u.y1, c.y1 - Ht);
+          const z = ze(c), T = z * 1.2, H = z * 0.5, q = z * 0.5, Oe = T * 0.5, Je = ee(c) / 3, Qe = Math.min(H, Je), Ie = d * 0.25, Ht = Math.min(q, Ie), Wt = (typeof c.labelY0 == "number" ? c.labelY0 : c.y0) + w, ce = Math.max(u.x0, c.x0 + Qe), we = Math.min(u.x1, c.x1 - Qe), ke = Math.max(u.y0, Wt + Oe), Ut = Math.min(u.y1, c.y1 - Ht);
           if (we <= ce || Ut <= ke)
             break;
           u = {
@@ -612,7 +612,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       return T = Math.min(T, H * c), T = Math.max(a, Math.min(n, T)), T;
     }
     function xo(e) {
-      Ie.value = e, lo.value += 1;
+      _e.value = e, lo.value += 1;
     }
     const ie = k(() => ({
       startX: 0,
@@ -620,7 +620,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       width: D.value.vbWidth,
       height: D.value.vbHeight
     }));
-    function te(e, l = Y.value) {
+    function te(e, l = j.value) {
       for (const o of l) {
         if (o.id === e)
           return o;
@@ -642,28 +642,28 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       }
       return l;
     }
-    const Ve = k(() => I.value.length > 0);
+    const Ve = k(() => _.value.length > 0);
     function qe(e, l) {
       if (!e) {
-        Me.value = Y.value.slice(), V("selectDatapoint", void 0), I.value = [];
+        Me.value = j.value.slice(), V("selectDatapoint", void 0), _.value = [];
         return;
       }
       t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: e, seriesIndex: l });
       const o = te(e.id);
       if (o && o.children?.length)
-        I.value.push(o.id), Me.value = o.children.slice(), V("selectDatapoint", e);
+        _.value.push(o.id), Me.value = o.children.slice(), V("selectDatapoint", e);
       else if (e.parentId) {
-        I.value.push(e.parentId);
+        _.value.push(e.parentId);
         const a = te(e.parentId);
         Me.value = a.children.slice(), V("selectDatapoint", e);
-      } else if (I.value.length > 0) {
-        I.value.pop();
-        const a = I.value[I.value.length - 1];
+      } else if (_.value.length > 0) {
+        _.value.pop();
+        const a = _.value[_.value.length - 1];
         if (a) {
           const n = te(a);
           Me.value = n.children.slice();
         } else
-          Me.value = Y.value.slice(), I.value = [], V("selectDatapoint", void 0);
+          Me.value = j.value.slice(), _.value = [], V("selectDatapoint", void 0);
       }
     }
     function il(e) {
@@ -673,8 +673,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       const e = [
         { id: null, label: "All" }
       ];
-      if (I.value.length > 0) {
-        let l = te(I.value[I.value.length - 1]);
+      if (_.value.length > 0) {
+        let l = te(_.value[_.value.length - 1]);
         const o = [];
         for (; l; )
           o.unshift(l), l = l.parentId ? te(l.parentId) : null;
@@ -686,17 +686,17 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           });
       }
       return e;
-    }), R = Ce(null), He = k(() => Y.value.map((e, l) => ({
+    }), R = Ce(null), He = k(() => j.value.map((e, l) => ({
       ...e,
       color: lt(e.color) || ut.value[l] || G[l] || G[l % G.length],
       shape: "square"
     })).sort((e, l) => l.value - e.value).map((e, l) => {
-      const o = e.value / Y.value.map((a) => a.value).reduce((a, n) => a + n, 0);
+      const o = e.value / j.value.map((a) => a.value).reduce((a, n) => a + n, 0);
       return {
         ...e,
         proportion: o,
         opacity: B.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 ? mt(
+        display: `${e.name}${t.value.style.chart.legend.showPercentage || t.value.style.chart.legend.showValue ? ": " : ""}${t.value.style.chart.legend.showValue ? bt(
           t.value.style.chart.layout.labels.formatter,
           e.value,
           at({
@@ -722,12 +722,12 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       });
     }
     function rt(e) {
-      R.value = null, B.value.includes(e.id) ? B.value = B.value.filter((l) => l !== e.id) : B.value.length < $.dataset.length - 1 && B.value.push(e.id), V("selectLegend", Ft.value);
+      R.value = null, B.value.includes(e.id) ? B.value = B.value.filter((l) => l !== e.id) : B.value.length < $.dataset.length - 1 && B.value.push(e.id), V("selectLegend", Lt.value);
     }
     function $o(e) {
-      if (!Y.value.length)
+      if (!j.value.length)
         return t.value.debug && console.warn("VueUiTreemap - There are no series to show."), null;
-      const l = Y.value.find((o) => o.name === e);
+      const l = j.value.find((o) => o.name === e);
       return l || (t.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null);
     }
     function vl(e) {
@@ -741,10 +741,10 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
     function fl({ datapoint: e, seriesIndex: l }) {
       R.value = null, Ue.value = !1, ye.value = null, je.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: l });
     }
-    const Bt = b(null);
+    const it = b(null);
     function To({ datapoint: e, seriesIndex: l, triggerMode: o = "pointer" }) {
       if (Ee.value) return;
-      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: l }), ye.value = l, je.value = o, R.value = e, Bt.value = { datapoint: e, seriesIndex: l, config: t.value, series: Ke.value };
+      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: l }), ye.value = l, je.value = o, R.value = e, it.value = { datapoint: e, seriesIndex: l, config: t.value, series: Ke.value };
       const a = t.value.style.chart.tooltip.customFormat;
       if (Ho(a) && Wl(() => a({
         seriesIndex: l,
@@ -752,7 +752,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         series: Ke.value,
         config: t.value
       })))
-        Ct.value = a({
+        xt.value = a({
           seriesIndex: l,
           datapoint: e,
           series: Ke.value,
@@ -760,7 +760,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["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>${mt(
+        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>${bt(
           t.value.style.chart.layout.labels.formatter,
           e.value,
           at({
@@ -770,7 +770,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
             r: t.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: e, seriesIndex: l }
-        )}</b>`, Ct.value = `<div>${n}</div>`;
+        )}</b>`, xt.value = `<div>${n}</div>`;
       }
       Ue.value = !0;
     }
@@ -795,7 +795,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         t.value.table.columnNames.value,
         t.value.table.columnNames.percentage
       ], l = be.value.head.map((n, s) => {
-        const u = mt(
+        const u = bt(
           t.value.style.chart.layout.labels.formatter,
           be.value.body[s],
           at({
@@ -854,12 +854,12 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
     function Dt() {
       Ge.value = !Ge.value;
     }
-    const it = b(null);
+    const ct = b(null);
     function Mo(e) {
-      it.value = e;
+      ct.value = e;
     }
     function Po() {
-      it.value = null;
+      ct.value = null;
     }
     async function gl({ scale: e = 2 } = {}) {
       if (!re.value) return;
@@ -883,7 +883,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           color: t.value.table.th.color,
           headerColor: t.value.table.th.color,
           headerBg: t.value.table.th.backgroundColor,
-          isFullscreen: Ie.value,
+          isFullscreen: _e.value,
           fullscreenParent: re.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
           isCursorPointer: Se.value
@@ -908,7 +908,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       t.value.table.show || (e && t.value.table.useDialog && Ye.value ? Ye.value.open() : "close" in Ye.value && Ye.value.close());
     });
     function Oo() {
-      J.value.showTable = !1, St.value && St.value.setTableIconState(!1);
+      J.value.showTable = !1, At.value && At.value.setTableIconState(!1);
     }
     const yl = k(() => He.value.map((e) => ({
       ...e,
@@ -920,7 +920,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       legendItems: yl,
       backgroundColor: ml
     });
-    async function _o({ isCb: e }) {
+    async function Io({ isCb: e }) {
       st.value = !0, await Do();
       try {
         if (e) {
@@ -947,16 +947,16 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       const o = ze(e) * 0.6;
       return Math.max(0, ee(e) - 2 * o);
     }
-    function Io({ rect: e, seriesIndex: l, isTitle: o = !1 }) {
+    function _o({ rect: e, seriesIndex: l, isTitle: o = !1 }) {
       const a = t.value.style.chart.layout.labels.name.show, n = t.value.style.chart.layout.labels.value.show;
       if (!a && !n) return "";
-      const s = I.value.length === 0, u = s ? `${e.id}:${o ? "title" : "rect"}` : null;
+      const s = _.value.length === 0, u = s ? `${e.id}:${o ? "title" : "rect"}` : null;
       if (s && K.value.has(u))
         return K.value.get(u);
       const i = Math.max(2, ze(e) / 3), c = Math.max(8, ze(e)), d = c * 1.2, w = Math.max(0, ee(e) - i * 2), z = Math.max(0, Q(e) - i * 2);
       if (w <= 2 || z <= c * 0.8)
         return s && u && K.value.set(u, ""), "";
-      const T = t.value.style.fontFamily, H = t.value.style.chart.layout.labels.name.bold ? "600" : "400", q = t.value.style.chart.layout.labels.value.bold ? "600" : "400", Oe = o ? t.value.style.chart.layout.rects.group.label.adaptColorToBackground ? t.value.style.chart.layout.rects.group.useSeriesBackgroundColor ? wt(bt(e.color, 0.4)) : wt(t.value.style.chart.backgroundColor) : t.value.style.chart.layout.rects.group.label.color : wt(e.color), Vt = a ? String(e.name ?? "") : "", Je = n ? mt(
+      const T = t.value.style.fontFamily, H = t.value.style.chart.layout.labels.name.bold ? "600" : "400", q = t.value.style.chart.layout.labels.value.bold ? "600" : "400", Oe = o ? t.value.style.chart.layout.rects.group.label.adaptColorToBackground ? t.value.style.chart.layout.rects.group.useSeriesBackgroundColor ? kt(wt(e.color, 0.4)) : kt(t.value.style.chart.backgroundColor) : t.value.style.chart.layout.rects.group.label.color : kt(e.color), Vt = a ? String(e.name ?? "") : "", Je = n ? bt(
         t.value.style.chart.layout.labels.formatter,
         e.value ?? 0,
         at({
@@ -967,34 +967,34 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         }),
         { datapoint: e, seriesIndex: l }
       ) : "", Qe = o ? $l(e) : w;
-      function _e(L, ae = c, et = "400") {
+      function Ie(L, ae = c, et = "400") {
         const oe = document.createElementNS(Qt, "svg");
         oe.setAttribute("width", "0"), oe.setAttribute("height", "0"), oe.style.position = "absolute", oe.style.visibility = "hidden", oe.style.pointerEvents = "none";
         const ne = document.createElementNS(Qt, "text");
         ne.setAttribute("font-size", String(ae)), ne.setAttribute("font-family", T), ne.setAttribute("font-weight", String(et)), ne.textContent = L || "", oe.appendChild(ne), document.body.appendChild(oe);
-        const ct = ne.getComputedTextLength();
-        return document.body.removeChild(oe), ct;
+        const dt = ne.getComputedTextLength();
+        return document.body.removeChild(oe), dt;
       }
       if (o) {
         let L = "";
         if (a && (L = Vt), n && (L = L ? `${L} (${Je})` : Je), !L)
           return s && u && K.value.set(u, ""), "";
         let ae = L;
-        if (_e(ae, c, H) > Qe) {
+        if (Ie(ae, c, H) > Qe) {
           let U = ae;
-          for (; U.length && _e(U + "…", c, H) > Qe; )
+          for (; U.length && Ie(U + "…", c, H) > Qe; )
             U = U.slice(0, -1);
           ae = U ? U + "…" : "";
         }
         if (!ae)
           return s && u && K.value.set(u, ""), "";
-        const et = Nt(e), oe = typeof e.depth == "number" ? e.depth : 0, ne = et * 1.4, ct = typeof e.labelY0 == "number" ? e.labelY0 : e.y0 + oe * ne, jt = e.x0 + i + c / 2, W = ct + i + c, se = `<text
+        const et = Bt(e), oe = typeof e.depth == "number" ? e.depth : 0, ne = et * 1.4, dt = typeof e.labelY0 == "number" ? e.labelY0 : e.y0 + oe * ne, jt = e.x0 + i + c / 2, W = dt + i + c, se = `<text
             x="${jt}"
             y="${W}"
             font-size="${c}"
-            font-family="${kt(T)}"
+            font-family="${Ct(T)}"
             font-weight="${H}"
-            fill="${kt(Oe)}"
+            fill="${Ct(Oe)}"
             paint-order="stroke"
             stroke="transparent"
             stroke-width="0"
@@ -1007,30 +1007,30 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       const Ht = n ? 1 : 0, Et = Math.max(0, Math.floor(z / d) - Ht);
       if (Et <= 0 && !n)
         return s && u && K.value.set(u, ""), "";
-      function Wt(L, ae, et, oe, ne, ct) {
+      function Wt(L, ae, et, oe, ne, dt) {
         const jt = String(L).split(/\s+/).filter(Boolean), W = [];
         let se = "";
-        function U(_) {
-          return _e(_, et, oe) <= ae;
+        function U(I) {
+          return Ie(I, et, oe) <= ae;
         }
-        function _l(_) {
-          if (U(_)) return [_];
+        function Il(I) {
+          if (U(I)) return [I];
           const de = [];
           let O = 0;
-          for (; O < _.length; ) {
-            let ve = 1, qt = _.length - O, Gt = 1;
+          for (; O < I.length; ) {
+            let ve = 1, qt = I.length - O, Gt = 1;
             for (; ve <= qt; ) {
-              const vt = ve + qt >> 1, Il = _.slice(O, O + vt);
-              U(Il) ? (Gt = vt, ve = vt + 1) : qt = vt - 1;
+              const ht = ve + qt >> 1, _l = I.slice(O, O + ht);
+              U(_l) ? (Gt = ht, ve = ht + 1) : qt = ht - 1;
             }
-            de.push(_.slice(O, O + Gt)), O += Gt;
+            de.push(I.slice(O, O + Gt)), O += Gt;
           }
           return de;
         }
-        const dt = jt.flatMap((_) => _l(_));
+        const vt = jt.flatMap((I) => Il(I));
         let Kt = !1;
-        for (let _ = 0; _ < dt.length; _ += 1) {
-          const de = dt[_], O = se ? se + " " + de : de;
+        for (let I = 0; I < vt.length; I += 1) {
+          const de = vt[I], O = se ? se + " " + de : de;
           if (U(O))
             se = O;
           else {
@@ -1046,18 +1046,18 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
               break;
             }
           }
-          _ === dt.length - 1 && se && W.length < ne && W.push(se);
+          I === vt.length - 1 && se && W.length < ne && W.push(se);
         }
-        if (W.length && W.join(" ") !== dt.join(" ") && (Kt = !0), Kt && W.length > 0) {
-          let _ = W[W.length - 1];
-          if (!U(_)) {
-            let O = _;
+        if (W.length && W.join(" ") !== vt.join(" ") && (Kt = !0), Kt && W.length > 0) {
+          let I = W[W.length - 1];
+          if (!U(I)) {
+            let O = I;
             for (; O.length && !U(O); ) O = O.slice(0, -1);
-            _ = O;
+            I = O;
           }
-          let de = _ + "…";
+          let de = I + "…";
           if (!U(de)) {
-            let O = _;
+            let O = I;
             for (; O.length && !U(O + "…"); )
               O = O.slice(0, -1);
             de = O + "…";
@@ -1075,11 +1075,11 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       ) : [];
       let we = c, ke = String(Je);
       if (n) {
-        for (; _e(ke, we, q) > w && we > Math.max(8, c * 0.75); )
+        for (; Ie(ke, we, q) > w && we > Math.max(8, c * 0.75); )
           we -= 1;
-        if (_e(ke, we, q) > w) {
+        if (Ie(ke, we, q) > w) {
           let L = ke;
-          for (; L.length && _e(L + "…", we, q) > w; )
+          for (; L.length && Ie(L + "…", we, q) > w; )
             L = L.slice(0, -1);
           if (ke = L ? L + "…" : "", !ke.length)
             return s && u && K.value.set(u, ""), "";
@@ -1114,8 +1114,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         x="${Yt}" 
         y="${Ol}" 
         font-size="${c}" 
-        font-family="${kt(T)}" 
-        fill="${kt(Oe)}" 
+        font-family="${Ct(T)}" 
+        fill="${Ct(Oe)}" 
         paint-order="stroke" 
         stroke="transparent" 
         stroke-width="0"
@@ -1143,10 +1143,10 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       }));
     }
     function Sl() {
-      ye.value = null, At.value = !0;
+      ye.value = null, Mt.value = !0;
     }
     function Al() {
-      ye.value = null, je.value = "pointer", Ue.value = !1, R.value = null, At.value = !1;
+      ye.value = null, je.value = "pointer", Ue.value = !1, R.value = null, Mt.value = !1;
     }
     function Ml(e) {
       if (!Fe.value || Ge.value || document.activeElement !== Fe.value || !F.value.length || Ee.value) return;
@@ -1192,7 +1192,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       getImage: gl,
       generateCsv: Rt,
       generateImage: po,
-      generateSvg: _o,
+      generateSvg: Io,
       generatePdf: fo,
       hideSeries: hl,
       showSeries: vl,
@@ -1201,10 +1201,10 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       toggleAnnotator: Dt,
       toggleFullscreen: xo,
       copyAlt: Fo
-    }), (e, l) => (v(), A("div", {
+    }), (e, l) => (v(), M("div", {
       ref_key: "treemapChart",
       ref: re,
-      class: Zt(`vue-data-ui-component vue-ui-treemap ${Ie.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Zt(`vue-data-ui-component vue-ui-treemap ${_e.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: xe(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `treemap_${le.value}`,
       onMouseenter: l[2] || (l[2] = () => y(vo)(!0)),
@@ -1233,34 +1233,34 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         isCursorPointer: Se.value,
         onClose: Dt
       }, {
-        "annotator-action-close": M(() => [
+        "annotator-action-close": S(() => [
           C(e.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": M(({ color: o }) => [
-          C(e.$slots, "annotator-action-color", X(j({ color: o })), void 0, !0)
+        "annotator-action-color": S(({ color: o }) => [
+          C(e.$slots, "annotator-action-color", Y(X({ color: o })), void 0, !0)
         ]),
-        "annotator-action-draw": M(({ mode: o }) => [
-          C(e.$slots, "annotator-action-draw", X(j({ mode: o })), void 0, !0)
+        "annotator-action-draw": S(({ mode: o }) => [
+          C(e.$slots, "annotator-action-draw", Y(X({ mode: o })), void 0, !0)
         ]),
-        "annotator-action-undo": M(({ disabled: o }) => [
-          C(e.$slots, "annotator-action-undo", X(j({ disabled: o })), void 0, !0)
+        "annotator-action-undo": S(({ disabled: o }) => [
+          C(e.$slots, "annotator-action-undo", Y(X({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-redo": M(({ disabled: o }) => [
-          C(e.$slots, "annotator-action-redo", X(j({ disabled: o })), void 0, !0)
+        "annotator-action-redo": S(({ disabled: o }) => [
+          C(e.$slots, "annotator-action-redo", Y(X({ disabled: o })), void 0, !0)
         ]),
-        "annotator-action-delete": M(({ disabled: o }) => [
-          C(e.$slots, "annotator-action-delete", X(j({ disabled: o })), void 0, !0)
+        "annotator-action-delete": S(({ disabled: o }) => [
+          C(e.$slots, "annotator-action-delete", Y(X({ disabled: o })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : N("", !0),
-      Go.value ? (v(), A("div", {
+      Go.value ? (v(), M("div", {
         key: 2,
         ref_key: "noTitle",
         ref: uo,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : N("", !0),
-      t.value.style.chart.title.text ? (v(), A("div", {
+      t.value.style.chart.title.text ? (v(), M("div", {
         key: 3,
         ref_key: "chartTitle",
         ref: ao,
@@ -1283,14 +1283,14 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       E("div", {
         id: `legend-top-${le.value}`
       }, null, 8, ga),
-      t.value.userOptions.show && Te.value && (y(ho) || y(Pt)) ? (v(), he(y(P), {
+      t.value.userOptions.show && Te.value && (y(ho) || y(Ot)) ? (v(), he(y(P), {
         ref_key: "userOptionsRef",
-        ref: St,
+        ref: At,
         key: `user_option_${lo.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         isPrinting: y(_t),
-        isImaging: y(It),
+        isImaging: y(Ft),
         uid: le.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -1300,7 +1300,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         hasTable: t.value.userOptions.buttons.table,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         hasAltCopy: t.value.userOptions.buttons.altCopy,
-        isFullscreen: Ie.value,
+        isFullscreen: _e.value,
         isTooltip: J.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: re.value,
@@ -1315,94 +1315,94 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         onGeneratePdf: y(fo),
         onGenerateCsv: Rt,
         onGenerateImage: xl,
-        onGenerateSvg: _o,
+        onGenerateSvg: Io,
         onToggleTable: So,
         onToggleTooltip: Ao,
         onToggleAnnotator: Dt,
         onCopyAlt: Fo,
         style: xe({
-          visibility: y(ho) ? y(Pt) ? "visible" : "hidden" : "visible"
+          visibility: y(ho) ? y(Ot) ? "visible" : "hidden" : "visible"
         })
       }, Bo({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: M(({ isOpen: o, color: a }) => [
-            C(e.$slots, "menuIcon", X(j({ isOpen: o, color: a })), void 0, !0)
+          fn: S(({ isOpen: o, color: a }) => [
+            C(e.$slots, "menuIcon", Y(X({ isOpen: o, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
-          fn: M(() => [
+          fn: S(() => [
             C(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: M(({ toggleFullscreen: o, isFullscreen: a }) => [
-            C(e.$slots, "optionFullscreen", X(j({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
+          fn: S(({ toggleFullscreen: o, isFullscreen: a }) => [
+            C(e.$slots, "optionFullscreen", Y(X({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: M(({ toggleAnnotator: o, isAnnotator: a }) => [
-            C(e.$slots, "optionAnnotator", X(j({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
+          fn: S(({ toggleAnnotator: o, isAnnotator: a }) => [
+            C(e.$slots, "optionAnnotator", Y(X({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: M(({ altCopy: o }) => [
-            C(e.$slots, "optionAltCopy", X(j({ altCopy: o })), void 0, !0)
+          fn: S(({ altCopy: o }) => [
+            C(e.$slots, "optionAltCopy", Y(X({ 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"])) : N("", !0),
-      me.value.length > 1 ? (v(), A("nav", {
+      me.value.length > 1 ? (v(), M("nav", {
         key: 5,
         class: "vue-ui-treemap-breadcrumbs",
         "data-dom-to-png-ignore": "",
         ref_key: "breadcrumbsNav",
-        ref: Tt
+        ref: St
       }, [
-        (v(!0), A(ot, null, ht(me.value, (o, a) => (v(), A("span", {
+        (v(!0), M(ot, null, ft(me.value, (o, a) => (v(), M("span", {
           role: "button",
           tabindex: a < me.value.length - 1 ? 0 : void 0,
           key: o.id || "root",
@@ -1425,32 +1425,32 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         }, [
           E("span", ma, [
             E("span", ba, [
-              C(e.$slots, "breadcrumb-label", ft({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: it.value === a }), () => [
-                a === 0 ? (v(), A("div", wa, [
-                  pt(Eo, {
-                    name: it.value === 0 ? "homeFilled" : "home",
+              C(e.$slots, "breadcrumb-label", pt({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: ct.value === a }), () => [
+                a === 0 ? (v(), M("div", wa, [
+                  gt(Eo, {
+                    name: ct.value === 0 ? "homeFilled" : "home",
                     stroke: t.value.style.chart.color
                   }, null, 8, ["name", "stroke"])
-                ])) : (v(), A(ot, { key: 1 }, [
-                  gt(tt(o.label), 1)
+                ])) : (v(), M(ot, { key: 1 }, [
+                  yt(tt(o.label), 1)
                 ], 64))
               ], !0)
             ]),
-            a < me.value.length - 1 ? (v(), A("span", ka, [
+            a < me.value.length - 1 ? (v(), M("span", ka, [
               C(e.$slots, "breadcrumb-arrow", {}, () => [
-                l[4] || (l[4] = gt(" › ", -1))
+                l[4] || (l[4] = yt(" › ", -1))
               ], !0)
             ])) : N("", !0)
           ])
         ], 44, ya))), 128))
       ], 512)) : N("", !0),
       E("div", Ca, [
-        (v(), A("svg", {
+        (v(), M("svg", {
           ref_key: "svgRef",
           ref: Fe,
           xmlns: y(Qt),
           "aria-describedby": `chart-instructions-${le.value}`,
-          class: Zt({ "vue-data-ui-fullscreen--on": Ie.value, "vue-data-ui-fulscreen--off": !Ie.value, "vue-data-ui-zoom-plus": !Ve.value, "vue-data-ui-zoom-minus": Ve.value, loading: y(Ae) }),
+          class: Zt({ "vue-data-ui-fullscreen--on": _e.value, "vue-data-ui-fulscreen--off": !_e.value, "vue-data-ui-zoom-plus": !Ve.value, "vue-data-ui-zoom-minus": Ve.value, loading: y(Ae) }),
           viewBox: `${ie.value.startX} ${ie.value.startY} ${ie.value.width <= 0 ? 10 : ie.value.width} ${ie.value.height <= 0 ? 10 : ie.value.height}`,
           style: xe(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
           tabindex: "0",
@@ -1458,11 +1458,11 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           onBlur: Al,
           onKeydown: Ml
         }, [
-          pt(y(S)),
-          (v(!0), A(ot, null, ht(F.value, (o, a) => (v(), A("g", {
+          gt(y(A)),
+          (v(!0), M(ot, null, ft(F.value, (o, a) => (v(), M("g", {
             key: `tgrad_${o.id}`
           }, [
-            t.value.style.chart.layout.rects.gradient.show ? (v(), A("defs", $a, [
+            t.value.style.chart.layout.rects.gradient.show ? (v(), M("defs", $a, [
               E("radialGradient", {
                 id: `tgrad_${o.id}`,
                 gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -1473,12 +1473,12 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
                 }, null, 8, Sa),
                 E("stop", {
                   offset: "100%",
-                  "stop-color": y(bt)(o.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
+                  "stop-color": y(wt)(o.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
                 }, null, 8, Aa)
               ], 8, Ta)
             ])) : N("", !0)
           ]))), 128)),
-          (v(!0), A(ot, null, ht(nl.value, (o, a) => (v(), A("g", {
+          (v(!0), M(ot, null, ft(nl.value, (o, a) => (v(), M("g", {
             key: `parent_${o.id}`,
             class: "vue-ui-treemap-parent-wrapper"
           }, [
@@ -1487,28 +1487,28 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
               y: o.y0,
               height: Q(o),
               width: ee(o),
-              fill: t.value.style.chart.layout.rects.group.useSeriesBackgroundColor ? y(bt)(o.color ?? t.value.style.chart.backgroundColor, t.value.style.chart.layout.rects.group.backgroundLighterRatio) : t.value.style.chart.backgroundColor,
+              fill: t.value.style.chart.layout.rects.group.useSeriesBackgroundColor ? y(wt)(o.color ?? t.value.style.chart.backgroundColor, t.value.style.chart.layout.rects.group.backgroundLighterRatio) : t.value.style.chart.backgroundColor,
               rx: 0,
               stroke: t.value.style.chart.layout.rects.group.stroke,
               "stroke-width": t.value.style.chart.layout.rects.group.strokeWidth,
               class: "vue-data-ui-cursor-default vue-ui-treemap-rect"
             }, null, 8, Ma),
-            e.$slots["group-label"] && !Ee.value ? (v(), A("foreignObject", {
+            e.$slots["group-label"] && !Ee.value ? (v(), M("foreignObject", {
               key: 0,
               width: ee(o),
               height: Q(o),
               x: o.x0,
               y: o.y0
             }, [
-              C(e.$slots, "group-label", ft({ ref_for: !0 }, { group: o }), void 0, !0)
-            ], 8, Pa)) : !y(Ae) && t.value.style.chart.layout.labels.showDefaultLabels && !Ee.value ? (v(), A("g", {
+              C(e.$slots, "group-label", pt({ ref_for: !0 }, { group: o }), void 0, !0)
+            ], 8, Pa)) : !y(Ae) && t.value.style.chart.layout.labels.showDefaultLabels && !Ee.value ? (v(), M("g", {
               key: 1,
               style: { "pointer-events": "none" },
-              innerHTML: Io({ rect: o, seriesIndex: 0, isTitle: !0 }),
+              innerHTML: _o({ rect: o, seriesIndex: 0, isTitle: !0 }),
               class: "vue-data-ui-cursor-default"
             }, null, 8, Oa)) : N("", !0)
           ]))), 128)),
-          (v(!0), A(ot, null, ht(F.value, (o, a) => (v(), A("g", {
+          (v(!0), M(ot, null, ft(F.value, (o, a) => (v(), M("g", {
             key: `k_${o.id}`
           }, [
             E("rect", {
@@ -1532,13 +1532,13 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
                 "vue-ui-treemap-rect",
                 il(o) ? "vue-data-ui-zoom-plus" : Ve.value ? "vue-data-ui-zoom-minus" : ""
               ])
-            }, null, 46, _a),
-            !e.$slots.rect && !y(Ae) && t.value.style.chart.layout.labels.showDefaultLabels && !Ee.value ? (v(), A("g", {
+            }, null, 46, Ia),
+            !e.$slots.rect && !y(Ae) && t.value.style.chart.layout.labels.showDefaultLabels && !Ee.value ? (v(), M("g", {
               key: 0,
               style: xe(`pointer-events:none; opacity:${R.value ? R.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-              innerHTML: Io({ rect: o, seriesIndex: a })
-            }, null, 12, Ia)) : N("", !0),
-            (v(), A("foreignObject", {
+              innerHTML: _o({ rect: o, seriesIndex: a })
+            }, null, 12, _a)) : N("", !0),
+            (v(), M("foreignObject", {
               x: o.x0,
               y: o.y0,
               height: Q(o),
@@ -1546,7 +1546,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
               class: "vue-ui-treemap-cell-foreignObject"
             }, [
               E("div", La, [
-                y(Ae) ? N("", !0) : C(e.$slots, "rect", ft({
+                y(Ae) ? N("", !0) : C(e.$slots, "rect", pt({
                   key: 0,
                   ref_for: !0
                 }, {
@@ -1559,19 +1559,19 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
                   shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Ve.value,
                   fontSize: ze(o),
                   isZoom: Ve.value,
-                  textColor: y(wt)(o.color)
+                  textColor: y(kt)(o.color)
                 }), void 0, !0)
               ])
             ], 8, Fa))
           ]))), 128)),
-          C(e.$slots, "svg", X(j({ svg: D.value, isZoom: Ve.value, rect: R.value, config: t.value, isPrintingImg: y(_t) | y(It) | nt.value, isPrintingSvg: st.value })), void 0, !0)
+          C(e.$slots, "svg", Y(X({ svg: D.value, isZoom: Ve.value, rect: R.value, config: t.value, isPrintingImg: y(_t) | y(Ft) | nt.value, isPrintingSvg: st.value })), void 0, !0)
         ], 46, xa)),
-        e.$slots.hint ? (v(), A("div", Na, [
-          C(e.$slots, "hint", X(j({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: At.value })), void 0, !0)
+        e.$slots.hint ? (v(), M("div", Na, [
+          C(e.$slots, "hint", Y(X({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Mt.value })), void 0, !0)
         ])) : N("", !0)
       ]),
-      e.$slots.watermark ? (v(), A("div", Ba, [
-        C(e.$slots, "watermark", X(j({ isPrinting: y(_t) || y(It) || nt.value || st.value })), void 0, !0)
+      e.$slots.watermark ? (v(), M("div", Ba, [
+        C(e.$slots, "watermark", Y(X({ isPrinting: y(_t) || y(Ft) || nt.value || st.value })), void 0, !0)
       ])) : N("", !0),
       E("div", {
         id: `legend-bottom-${le.value}`
@@ -1585,21 +1585,21 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           ref: no
         }, [
           t.value.style.chart.legend.show ? (v(), he(la, {
-            key: `legend_${$t.value}`,
+            key: `legend_${Tt.value}`,
             legendSet: He.value,
             config: cl.value,
             id: `treemap_legend_${le.value}`,
             isCursorPointer: Se.value,
             onClickMarker: l[0] || (l[0] = ({ legend: o }) => rt(o))
           }, {
-            item: M(({ legend: o, index: a }) => [
-              y(Ae) ? N("", !0) : (v(), A("div", {
+            item: S(({ legend: o, index: a }) => [
+              y(Ae) ? N("", !0) : (v(), M("div", {
                 key: 0,
                 onClick: (n) => rt(o),
                 style: xe(`opacity:${B.value.includes(o.id) ? 0.5 : 1}`)
               }, tt(o.display), 13, Da))
             ]),
-            legendToggle: M(() => [
+            legendToggle: S(() => [
               He.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !y(Ae) ? (v(), he(na, {
                 key: 0,
                 backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
@@ -1617,7 +1617,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : N("", !0),
-      e.$slots.source ? (v(), A("div", {
+      e.$slots.source ? (v(), M("div", {
         key: 8,
         ref_key: "source",
         ref: so,
@@ -1625,7 +1625,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       }, [
         C(e.$slots, "source", {}, void 0, !0)
       ], 512)) : N("", !0),
-      pt(y(m), {
+      gt(y(m), {
         teleportTo: t.value.style.chart.tooltip.teleportTo,
         show: J.value.showTooltip && Ue.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
@@ -1638,8 +1638,8 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: re.value,
-        content: Ct.value,
-        isFullscreen: Ie.value,
+        content: xt.value,
+        isFullscreen: _e.value,
         isCustom: y(Ho)(t.value.style.chart.tooltip.customFormat),
         smooth: t.value.style.chart.tooltip.smooth,
         backdropFilter: t.value.style.chart.tooltip.backdropFilter,
@@ -1648,22 +1648,25 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
         isA11yMode: je.value === "keyboard",
         a11yPosition: co.value
       }, {
-        "tooltip-before": M(() => [
-          C(e.$slots, "tooltip-before", X(j({ ...Bt.value })), void 0, !0)
+        "tooltip-before": S(() => [
+          C(e.$slots, "tooltip-before", Y(X({ ...it.value })), void 0, !0)
+        ]),
+        tooltip: S(() => [
+          C(e.$slots, "tooltip", Y(X({ ...it.value })), void 0, !0)
         ]),
-        "tooltip-after": M(() => [
-          C(e.$slots, "tooltip-after", X(j({ ...Bt.value })), void 0, !0)
+        "tooltip-after": S(() => [
+          C(e.$slots, "tooltip-after", Y(X({ ...it.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"]),
-      Te.value && t.value.userOptions.buttons.table ? (v(), he(Rl(Ze.value.component), ft({ key: 9 }, Ze.value.props, {
+      Te.value && t.value.userOptions.buttons.table ? (v(), he(Rl(Ze.value.component), pt({ key: 9 }, Ze.value.props, {
         ref_key: "tableUnit",
         ref: Ye,
         onClose: Oo
       }), Bo({
-        content: M(() => [
+        content: S(() => [
           (v(), he(y(g), {
-            key: `table_${xt.value}`,
+            key: `table_${$t.value}`,
             colNames: We.value.colNames,
             head: We.value.head,
             body: We.value.body,
@@ -1673,14 +1676,14 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
             isCursorPointer: Se.value,
             onClose: Oo
           }, {
-            th: M(({ th: o }) => [
+            th: S(({ th: o }) => [
               E("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, za)
             ]),
-            td: M(({ td: o }) => [
-              gt(tt(o.name || o), 1)
+            td: S(({ td: o }) => [
+              yt(tt(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
@@ -1689,21 +1692,21 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       }, [
         t.value.table.useDialog ? {
           name: "title",
-          fn: M(() => [
-            gt(tt(Ze.value.title), 1)
+          fn: S(() => [
+            yt(tt(Ze.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         t.value.table.useDialog ? {
           name: "actions",
-          fn: M(() => [
+          fn: S(() => [
             E("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (o) => Rt(t.value.userOptions.callbacks.csv)),
               style: xe({ cursor: Se.value ? "pointer" : "default" })
             }, [
-              pt(Eo, {
+              gt(Eo, {
                 name: "fileCsv",
                 stroke: Ze.value.props.color
               }, null, 8, ["stroke"])
@@ -1717,7 +1720,7 @@ const fa = ["id"], pa = ["id"], ga = ["id"], ya = ["tabindex", "onClick", "onKey
       ], !0)
     ], 46, fa));
   }
-}, sn = /* @__PURE__ */ sa(Va, [["__scopeId", "data-v-d1257624"]]);
+}, sn = /* @__PURE__ */ sa(Va, [["__scopeId", "data-v-dc025d13"]]);
 export {
   sn as default
 };