vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-treemap-C2u5sEzh.js → vue-ui-treemap-D13sISL0.js}

@@ -1,26 +1,26 @@
-import { useSlots as st, onMounted as Le, computed as k, ref as f, watch as rt, onBeforeUnmount as ut, createElementBlock as C, openBlock as p, unref as g, normalizeStyle as D, normalizeClass as De, createBlock as E, createCommentVNode as P, createElementVNode as z, createVNode as Me, createSlots as it, withCtx as T, renderSlot as $, normalizeProps as X, guardReactiveProps as j, Fragment as Ve, renderList as Ue, toDisplayString as Y, mergeProps as ct, createTextVNode as Be, nextTick as dt } from "vue";
-import { u as vt, c as He, t as ht, p as O, a as ft, b as pt, o as gt, e as yt, d as ae, i as ne, f as K, X as mt, l as We, G as Ee, x as Ge, q as bt, r as wt, y as kt } from "./index-DvAaY6OP.js";
-import { _ as Ct } from "./Title-dsg3PqUg.js";
-import { u as $t, U as xt } from "./usePrinter-D_2jA4x8.js";
-import { _ as Tt } from "./Tooltip-DRFQIslg.js";
-import { L as Ot } from "./Legend-s9DRKvJo.js";
-import _t from "./vue-ui-skeleton-WoggMoff.js";
-import { D as St } from "./DataTable-pNLWbeCL.js";
-import Nt from "./vue-ui-accordion-LbUarYuf.js";
-import { t as Pt, u as zt } from "./useResponsive-BWapHhVH.js";
-import { u as qe } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as At } from "./PackageVersion-hltZM-fb.js";
-import { P as Ft } from "./PenAndPaper-qmkn1GhB.js";
-import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as It } from "./useChartAccessibility-BWojgys7.js";
+import { useSlots as st, onMounted as Le, computed as k, ref as f, watch as rt, onBeforeUnmount as ut, createElementBlock as C, openBlock as p, unref as g, normalizeStyle as D, normalizeClass as De, createBlock as E, createCommentVNode as P, createElementVNode as z, createVNode as Me, createSlots as it, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as q, Fragment as Ve, renderList as Ue, toDisplayString as Y, mergeProps as ct, createTextVNode as Be, nextTick as dt } from "vue";
+import { u as vt, c as He, t as ht, p as O, a as ft, b as pt, o as gt, e as yt, d as ae, i as ne, f as K, X as mt, l as We, G as Ee, x as Ge, q as bt, r as wt, y as kt } from "./index-DUnEDLbc.js";
+import { _ as Ct } from "./Title-1PWD04Gh.js";
+import { u as $t, U as xt } from "./usePrinter-Undaynpo.js";
+import { _ as Tt } from "./Tooltip-BTO5NGkn.js";
+import { L as Ot } from "./Legend-PL8rU0J1.js";
+import _t from "./vue-ui-skeleton-DieABKlo.js";
+import { D as St } from "./DataTable-DfMqgTjL.js";
+import Nt from "./vue-ui-accordion-C8Couc_G.js";
+import { t as Pt, u as zt } from "./useResponsive-vZgZwV-S.js";
+import { u as qe } from "./useNestedProp-CEMeoM-f.js";
+import { _ as At } from "./PackageVersion-1Y7SXTrk.js";
+import { P as Ft } from "./PenAndPaper-BYhUvcy4.js";
+import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Rt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Xe(a, u) {
-  const s = a.length;
-  if (s === 0)
+  const r = a.length;
+  if (r === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${a} is an empty array`);
   {
     let i = 1 / 0, n = -1 / 0, d = 0;
-    for (let v = 0; v < s; v += 1) {
+    for (let v = 0; v < r; v += 1) {
       const h = a[v].normalizedValue;
       h < i && (i = h), h > n && (n = h), d += h;
     }
@@ -31,28 +31,28 @@ function Xe(a, u) {
   }
 }
 function je(a) {
-  const { xOffset: u, yOffset: s, width: i, height: n } = a;
+  const { xOffset: u, yOffset: r, width: i, height: n } = a;
   return {
     x0: u,
-    y0: s,
+    y0: r,
     x1: u + i,
-    y1: s + n
+    y1: r + n
   };
 }
-function Dt(a, u, s) {
+function Dt(a, u, r) {
   if (a.length === 0)
     return !0;
   {
     const i = a.concat(u), n = Xe(
       a,
-      s
-    ), d = Xe(i, s);
+      r
+    ), d = Xe(i, r);
     return n >= d;
   }
 }
 function Mt(a) {
-  const u = [], s = a.length;
-  for (let i = 0; i < s; i += 1) {
+  const u = [], r = a.length;
+  for (let i = 0; i < r; i += 1) {
     const n = a[i], d = n.length;
     for (let c = 0; c < d; c += 1)
       u.push(n[c]);
@@ -60,67 +60,67 @@ function Mt(a) {
   return u;
 }
 function Vt(a, u) {
-  const s = {
+  const r = {
     ...u,
     children: a
   };
-  return Ze(s);
+  return Ze(r);
 }
 function Ut(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
 function Ye(a, u) {
-  const { width: s, height: i, xOffset: n, yOffset: d } = de(u), c = a.length, v = a.map((b) => b.normalizedValue || 0).reduce((b, y) => b + y, 0), h = v / i, S = v / s;
+  const { width: r, height: i, xOffset: n, yOffset: d } = de(u), c = a.length, v = a.map((b) => b.normalizedValue || 0).reduce((b, y) => b + y, 0), h = v / i, S = v / r;
   let _ = n, N = d;
   const w = [];
-  if (s >= i) {
+  if (r >= i) {
     for (let b = 0; b < c; b += 1) {
-      const y = a[b], x = N + y.normalizedValue / h, M = {
+      const y = a[b], T = N + y.normalizedValue / h, M = {
         x0: _,
         y0: N,
         x1: _ + h,
-        y1: x
+        y1: T
       }, A = Object.assign({}, y, M);
-      N = x, w.push(A);
+      N = T, w.push(A);
     }
     return w;
   } else {
     for (let b = 0; b < c; b += 1) {
-      const y = a[b], x = _ + y.normalizedValue / S, M = {
+      const y = a[b], T = _ + y.normalizedValue / S, M = {
         x0: _,
         y0: N,
-        x1: x,
+        x1: T,
         y1: N + S
       }, A = Object.assign({}, y, M);
-      _ = x, w.push(A);
+      _ = T, w.push(A);
     }
     return w;
   }
 }
 function Bt(a) {
-  const u = de(a), s = u.width, i = u.height;
-  return Math.min(s, i);
+  const u = de(a), r = u.width, i = u.height;
+  return Math.min(r, i);
 }
 function Ht(a, u) {
-  const s = a.length, i = a.map((h) => h.value ?? 0).reduce((h, S) => h + S, 0), n = u / i, d = [];
+  const r = a.length, i = a.map((h) => h.value ?? 0).reduce((h, S) => h + S, 0), n = u / i, d = [];
   let c, v;
-  for (let h = 0; h < s; h += 1)
+  for (let h = 0; h < r; h += 1)
     v = a[h], c = Object.assign({}, v, {
       normalizedValue: v.value * (n || 0)
     }), d.push(c);
   return d;
 }
 function de(a) {
-  const { x0: u, y0: s, x1: i, y1: n } = a;
+  const { x0: u, y0: r, x1: i, y1: n } = a;
   return {
     xOffset: u,
-    yOffset: s,
+    yOffset: r,
     width: i - u,
-    height: n - s
+    height: n - r
   };
 }
-function Wt(a, u, s, i) {
-  let n = a, d = u, c = s, v = i;
+function Wt(a, u, r, i) {
+  let n = a, d = u, c = r, v = i;
   for (; ; ) {
     const h = n.length;
     if (h === 0) {
@@ -136,7 +136,7 @@ function Wt(a, u, s, i) {
       let b = 0;
       for (let A = 0; A < w; A += 1)
         b += d[A].normalizedValue;
-      const y = Et(c, b), x = Ye(d, c), M = v.concat(x);
+      const y = Et(c, b), T = Ye(d, c), M = v.concat(T);
       n = n, d = [], c = y, v = M;
     }
   }
@@ -148,16 +148,16 @@ function Ze(a) {
     const u = Ht(
       a.children,
       Ut(a)
-    ), s = Wt(u, [], a, []), i = s.length, n = [];
+    ), r = Wt(u, [], a, []), i = r.length, n = [];
     for (let c = 0; c < i; c += 1)
-      n.push(Ze(s[c]));
+      n.push(Ze(r[c]));
     return Mt(n);
   }
 }
 function Et(a, u) {
-  const { width: s, height: i, xOffset: n, yOffset: d } = de(a);
-  if (s >= i) {
-    const c = u / i, v = s - c, h = {
+  const { width: r, height: i, xOffset: n, yOffset: d } = de(a);
+  if (r >= i) {
+    const c = u / i, v = r - c, h = {
       xOffset: n + c,
       yOffset: d,
       width: v,
@@ -165,10 +165,10 @@ function Et(a, u) {
     };
     return je(h);
   } else {
-    const c = u / s, v = i - c, h = {
+    const c = u / r, v = i - c, h = {
       xOffset: n,
       yOffset: d + c,
-      width: s,
+      width: r,
       height: v
     };
     return je(h);
@@ -197,15 +197,15 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(a, { expose: u, emit: s }) {
-    const { vue_ui_treemap: i } = vt(), n = a, d = s, c = st();
+  setup(a, { expose: u, emit: r }) {
+    const { vue_ui_treemap: i } = vt(), n = a, d = r, c = st();
     Le(() => {
       c["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const v = k(() => !!n.dataset && n.dataset.length), h = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), S = f(He()), _ = f(!1), N = f(""), w = f(!1), b = f(0), y = f([]), x = f(null), M = f(null), A = f(null), ve = f(null), he = f(null), fe = f(0), pe = f(0), ge = f(0), e = k({
+    const v = k(() => !!n.dataset && n.dataset.length), h = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), S = f(He()), _ = f(!1), N = f(""), w = f(!1), b = f(0), y = f([]), T = f(null), M = f(null), A = f(null), ve = f(null), he = f(null), fe = f(0), pe = f(0), ge = f(0), e = k({
       get: () => we(),
       set: (t) => t
-    }), { userOptionsVisible: se, setUserOptionsVisibility: ye, keepUserOptionState: me } = Rt({ config: e.value }), { svgRef: be } = It({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: se, setUserOptionsVisibility: ye, keepUserOptionState: me } = It({ config: e.value }), { svgRef: be } = Rt({ config: e.value.style.chart.title });
     function we() {
       const t = qe({
         userConfig: n.config,
@@ -243,8 +243,8 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     }));
     function Te(t) {
       t.forEach((l, o) => {
-        l.id = He(), l.color = ae(l.color) || Q.value[o] || O[o] || O[o % O.length], l.children && (l.children.forEach((r) => {
-          r.parentId = l.id, r.color = l.color;
+        l.id = He(), l.color = ae(l.color) || Q.value[o] || O[o] || O[o % O.length], l.children && (l.children.forEach((s) => {
+          s.parentId = l.id, s.color = l.color;
         }), Te(l.children));
       });
     }
@@ -259,7 +259,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
       }), Te(H.value), e.value.responsive) {
         const t = Pt(() => {
           const { width: l, height: o } = zt({
-            chart: x.value,
+            chart: T.value,
             title: e.value.style.chart.title.text ? M.value : null,
             legend: e.value.style.chart.legend.show ? A.value : null,
             source: ve.value,
@@ -269,7 +269,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             V.value.width = l, V.value.height = o;
           });
         });
-        ee.value = new ResizeObserver(t), ee.value.observe(x.value.parentNode);
+        ee.value = new ResizeObserver(t), ee.value.observe(T.value.parentNode);
       }
     }
     ut(() => {
@@ -278,7 +278,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     const re = f(H.value), Z = k(() => re.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || O[l] || O[l % O.length]
-    })).filter((t) => !y.value.includes(t.id))), G = k(() => H.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), Oe = k({
+    })).filter((t) => !y.value.includes(t.id))), X = k(() => H.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), Oe = k({
       get() {
         let t = [...Z.value];
         return e.value.style.chart.layout.sorted && (t = [...Z.value].sort((l, o) => o.value - l.value)), t.map((l) => ({
@@ -293,28 +293,28 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
       return t.value / l;
     }
     function Qe(t, l, o) {
-      const r = e.value.style.chart.layout.rects.colorRatio - _e(l, o);
-      return We(t, r < 0 ? 0 : r);
+      const s = e.value.style.chart.layout.rects.colorRatio - _e(l, o);
+      return We(t, s < 0 ? 0 : s);
     }
-    function Se(t, l, o, r) {
+    function Se(t, l, o, s) {
       return t.map((m, U) => {
-        const le = Qe(ae(l) || Q.value[U] || O[U] || O[U % O.length], m, r), nt = _e(m, r);
+        const le = Qe(ae(l) || Q.value[U] || O[U] || O[U % O.length], m, s), nt = _e(m, s);
         return {
           ...m,
           color: le,
           proportion: nt,
           parentName: o,
-          children: m.children ? Se(m.children, le, m.name, r) : void 0
+          children: m.children ? Se(m.children, le, m.name, s) : void 0
         };
       });
     }
     const J = k(() => Vt(
       Oe.value.map((t, l) => {
-        const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
+        const o = t.children ? t.children.reduce((s, m) => s + m.value, 0) : t.value;
         return {
           value: t.value,
           id: t.id,
-          children: t.children ? Se(t.children.sort((r, m) => m.value - r.value), t.color, t.name, o) : void 0,
+          children: t.children ? Se(t.children.sort((s, m) => m.value - s.value), t.color, t.name, o) : void 0,
           color: t.color,
           name: t.name
         };
@@ -334,41 +334,41 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     function et(t) {
       w.value = t, b.value += 1;
     }
-    const q = k(() => ({
+    const j = k(() => ({
       startX: 0,
       startY: 0,
       width: B.value.vbWidth,
       height: B.value.vbHeight
-    })), R = f(!1);
+    })), I = f(!1);
     function ue(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
           return o;
         if (o.children) {
-          const r = ue(t, o.children);
-          if (r)
-            return r;
+          const s = ue(t, o.children);
+          if (s)
+            return s;
         }
       }
       return null;
     }
     function tt(t) {
-      if (R.value)
+      if (I.value)
         d("selectDatapoint", void 0), re.value = H.value;
       else {
         if (d("selectDatapoint", t), !ue(t.parentId))
           return;
         re.value = [ue(t.parentId)];
       }
-      R.value = !R.value;
+      I.value = !I.value;
     }
-    const I = f(null), ze = k(() => H.value.map((t, l) => ({
+    const R = f(null), ze = k(() => H.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || O[l] || O[l % O.length],
       shape: "square"
     })).sort((t, l) => l.value - t.value).map((t, l) => ({
       ...t,
-      proportion: t.value / H.value.map((o) => o.value).reduce((o, r) => o + r, 0),
+      proportion: t.value / H.value.map((o) => o.value).reduce((o, s) => o + s, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1
     }))), ot = k(() => ({
       cy: "treemap-div-legend",
@@ -379,11 +379,11 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function Ae(t) {
-      R.value = !1, I.value = null, y.value.includes(t.id) ? y.value = y.value.filter((l) => l !== t.id) : y.value.length < n.dataset.length - 1 && y.value.push(t.id), d("selectLegend", Oe.value);
+      I.value = !1, R.value = null, y.value.includes(t.id) ? y.value = y.value.filter((l) => l !== t.id) : y.value.length < n.dataset.length - 1 && y.value.push(t.id), d("selectLegend", Oe.value);
     }
     const ie = f(null);
     function lt({ datapoint: t, seriesIndex: l }) {
-      I.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
+      R.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
       if (Ge(o) && kt(() => o({
         seriesIndex: l,
@@ -398,8 +398,8 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
           config: e.value
         });
       else {
-        let r = "";
-        r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, r += `<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="${t.color}"/></svg>`, r += `<b>${ne(
+        let s = "";
+        s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, s += `<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="${t.color}"/></svg>`, s += `<b>${ne(
           e.value.style.chart.layout.labels.formatter,
           t.value,
           K({
@@ -409,7 +409,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: l }
-        )}</b>`, N.value = `<div>${r}</div>`;
+        )}</b>`, N.value = `<div>${s}</div>`;
       }
       _.value = !0;
     }
@@ -422,9 +422,9 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     });
     function Fe() {
       dt(() => {
-        const t = L.value.head.map((r, m) => [[
-          r.name
-        ], [L.value.body[m]], [isNaN(L.value.body[m] / G.value) ? "-" : L.value.body[m] / G.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = bt(l);
+        const t = L.value.head.map((s, m) => [[
+          s.name
+        ], [L.value.body[m]], [isNaN(L.value.body[m] / X.value) ? "-" : L.value.body[m] / X.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = bt(l);
         wt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
@@ -451,8 +451,8 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             shape: "square"
           },
           le,
-          isNaN(L.value.body[U] / G.value) ? "-" : K({
-            v: L.value.body[U] / G.value * 100,
+          isNaN(L.value.body[U] / X.value) ? "-" : K({
+            v: L.value.body[U] / X.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -483,10 +483,10 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
     function at() {
       return J.value;
     }
-    function Re() {
+    function Ie() {
       F.value.showTable = !F.value.showTable;
     }
-    function Ie() {
+    function Re() {
       F.value.showTooltip = !F.value.showTooltip;
     }
     const oe = f(!1);
@@ -498,12 +498,12 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
       generateCsv: Fe,
       generateImage: xe,
       generatePdf: $e,
-      toggleTable: Re,
-      toggleTooltip: Ie,
+      toggleTable: Ie,
+      toggleTooltip: Re,
       toggleAnnotator: ce
     }), (t, l) => (p(), C("div", {
       ref_key: "treemapChart",
-      ref: x,
+      ref: T,
       class: De(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: D(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `treemap_${S.value}`,
@@ -562,7 +562,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
         isFullscreen: w.value,
         isTooltip: F.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: x.value,
+        chartElement: T.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
@@ -570,61 +570,68 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
         onGeneratePdf: g($e),
         onGenerateCsv: Fe,
         onGenerateImage: g(xe),
-        onToggleTable: Re,
-        onToggleTooltip: Ie,
+        onToggleTable: Ie,
+        onToggleTooltip: Re,
         onToggleAnnotator: ce,
         style: D({
           visibility: g(me) ? g(se) ? "visible" : "hidden" : "visible"
         })
       }, it({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: x(({ isOpen: o, color: s }) => [
+            $(t.$slots, "menuIcon", G(q({ isOpen: o, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: T(() => [
+          fn: x(() => [
             $(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: T(() => [
+          fn: x(() => [
             $(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: T(() => [
+          fn: x(() => [
             $(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: T(() => [
+          fn: x(() => [
             $(t.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: T(() => [
+          fn: x(() => [
             $(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: o, isFullscreen: r }) => [
-            $(t.$slots, "optionFullscreen", X(j({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
+          fn: x(({ toggleFullscreen: o, isFullscreen: s }) => [
+            $(t.$slots, "optionFullscreen", G(q({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: o, isAnnotator: r }) => [
-            $(t.$slots, "optionAnnotator", X(j({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
+          fn: x(({ toggleAnnotator: o, isAnnotator: s }) => [
+            $(t.$slots, "optionAnnotator", G(q({ toggleAnnotator: o, isAnnotator: s })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : P("", !0),
       v.value ? (p(), C("svg", {
@@ -632,12 +639,12 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
         ref_key: "svgRef",
         ref: be,
         xmlns: g(mt),
-        class: De({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value, "vue-data-ui-zoom-plus": !R.value, "vue-data-ui-zoom-minus": R.value }),
-        viewBox: `${q.value.startX} ${q.value.startY} ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`,
+        class: De({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value, "vue-data-ui-zoom-plus": !I.value, "vue-data-ui-zoom-minus": I.value }),
+        viewBox: `${j.value.startX} ${j.value.startY} ${j.value.width <= 0 ? 10 : j.value.width} ${j.value.height <= 0 ? 10 : j.value.height}`,
         style: D(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Me(At),
-        (p(!0), C(Ve, null, Ue(J.value, (o, r) => (p(), C("g", null, [
+        (p(!0), C(Ve, null, Ue(J.value, (o, s) => (p(), C("g", null, [
           e.value.style.chart.layout.rects.gradient.show ? (p(), C("defs", Xt, [
             z("radialGradient", {
               id: `tgrad_${o.id}`,
@@ -654,7 +661,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             ], 8, jt)
           ])) : P("", !0)
         ]))), 256)),
-        (p(!0), C(Ve, null, Ue(J.value, (o, r) => (p(), C("g", null, [
+        (p(!0), C(Ve, null, Ue(J.value, (o, s) => (p(), C("g", null, [
           z("rect", {
             x: o.x0,
             y: o.y0,
@@ -662,17 +669,17 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             width: Pe(o),
             fill: h.value ? o.color : e.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
             rx: e.value.style.chart.layout.rects.borderRadius,
-            stroke: I.value && I.value.id === o.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
-            "stroke-width": I.value && I.value.id === o.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
+            stroke: R.value && R.value.id === o.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
+            "stroke-width": R.value && R.value.id === o.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
             onClick: (m) => tt(o),
             onMouseenter: () => lt({
               datapoint: o,
-              seriesIndex: r
+              seriesIndex: s
             }),
             onMouseleave: l[0] || (l[0] = (m) => {
-              I.value = null, _.value = !1;
+              R.value = null, _.value = !1;
             }),
-            style: D(`opacity:${I.value ? I.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: D(`opacity:${R.value ? R.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
           }, null, 44, Jt),
           (p(), C("foreignObject", {
@@ -683,7 +690,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
             z("div", Qt, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || R.value) ? (p(), C("div", {
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value) ? (p(), C("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
                 style: D(`width:calc(100% - ${W(o) / 1.5}px);text-align:left;line-height:${W(o) < 14 ? 14 : W(o)}px;padding:${W(o) / 3}px; color:${g(Ee)(o.color)}`)
@@ -708,18 +715,18 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
               ], 4)) : P("", !0),
               $(t.$slots, "rect", ct({ ref_for: !0 }, {
                 rect: o,
-                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || R.value,
+                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value,
                 fontSize: W(o),
-                isZoom: R.value,
+                isZoom: I.value,
                 textColor: g(Ee)(o.color)
               }), void 0, !0)
             ])
           ], 8, Kt))
         ]))), 256)),
-        $(t.$slots, "svg", X(j({ svg: B.value, isZoom: R.value, rect: I.value, config: e.value })), void 0, !0)
+        $(t.$slots, "svg", G(q({ svg: B.value, isZoom: I.value, rect: R.value, config: e.value })), void 0, !0)
       ], 14, qt)) : P("", !0),
       t.$slots.watermark ? (p(), C("div", eo, [
-        $(t.$slots, "watermark", X(j({ isPrinting: g(ke) || g(Ce) })), void 0, !0)
+        $(t.$slots, "watermark", G(q({ isPrinting: g(ke) || g(Ce) })), void 0, !0)
       ])) : P("", !0),
       v.value ? P("", !0) : (p(), E(_t, {
         key: 6,
@@ -744,7 +751,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
           id: `treemap_legend_${S.value}`,
           onClickMarker: l[1] || (l[1] = ({ legend: o }) => Ae(o))
         }, {
-          item: T(({ legend: o, index: r }) => [
+          item: x(({ legend: o, index: s }) => [
             z("div", {
               onClick: (m) => Ae(o),
               style: D(`opacity:${y.value.includes(o.id) ? 0.5 : 1}`)
@@ -760,7 +767,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              y.value.includes(o.id) ? (p(), C("span", lo, " ( - % ) ")) : (p(), C("span", oo, " (" + Y(isNaN(o.value / G.value) ? "-" : (o.value / G.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+              y.value.includes(o.id) ? (p(), C("span", lo, " ( - % ) ")) : (p(), C("span", oo, " (" + Y(isNaN(o.value / X.value) ? "-" : (o.value / X.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
             ], 12, to)
           ]),
           _: 1
@@ -788,16 +795,16 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: x.value,
+        parent: T.value,
         content: N.value,
         isFullscreen: w.value,
         isCustom: g(Ge)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": T(() => [
-          $(t.$slots, "tooltip-before", X(j({ ...ie.value })), void 0, !0)
+        "tooltip-before": x(() => [
+          $(t.$slots, "tooltip-before", G(q({ ...ie.value })), void 0, !0)
         ]),
-        "tooltip-after": T(() => [
-          $(t.$slots, "tooltip-after", X(j({ ...ie.value })), void 0, !0)
+        "tooltip-after": x(() => [
+          $(t.$slots, "tooltip-after", G(q({ ...ie.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -817,7 +824,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
           }
         }
       }, {
-        content: T(() => [
+        content: x(() => [
           (p(), E(St, {
             key: `table_${pe.value}`,
             colNames: te.value.colNames,
@@ -827,13 +834,13 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: l[2] || (l[2] = (o) => F.value.showTable = !1)
           }, {
-            th: T(({ th: o }) => [
+            th: x(({ th: o }) => [
               z("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, ao)
             ]),
-            td: T(({ td: o }) => [
+            td: x(({ td: o }) => [
               Be(Y(o.name || o), 1)
             ]),
             _: 1
@@ -843,7 +850,7 @@ const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt =
       }, 8, ["config"])) : P("", !0)
     ], 46, Gt));
   }
-}, $o = /* @__PURE__ */ Lt(no, [["__scopeId", "data-v-d5198c31"]]);
+}, $o = /* @__PURE__ */ Lt(no, [["__scopeId", "data-v-4d059d9f"]]);
 export {
   $o as default
 };