vue-data-ui 2.4.85 → 2.4.87

package/dist/{vue-ui-treemap-BD546LBi.js → vue-ui-treemap-BtjPxOzu.js}

@@ -1,16 +1,16 @@
-import { useSlots as at, onMounted as Ie, computed as k, ref as f, watch as nt, onBeforeUnmount as st, openBlock as g, createElementBlock as w, normalizeClass as Le, normalizeStyle as R, unref as y, createBlock as E, createCommentVNode as S, createSlots as rt, withCtx as T, renderSlot as $, normalizeProps as G, guardReactiveProps as q, createVNode as Re, Fragment as De, renderList as Me, createElementVNode as N, toDisplayString as Y, createTextVNode as Ve, nextTick as ut, pushScopeId as it, popScopeId as ct } from "vue";
-import { u as dt, c as Ue, t as vt, a as ht, p as _, b as ft, o as pt, e as gt, d as ae, i as ne, f as K, X as yt, l as Be, G as He, x as We, y as mt, q as bt, r as kt } from "./index-B7nCQFK0.js";
-import { _ as wt } from "./Title-CaET2xuF.js";
-import { u as Ct, U as $t } from "./usePrinter-CQMn1b4E.js";
-import { _ as xt } from "./Tooltip-Bkc4233T.js";
-import { L as Tt } from "./Legend-BTpe6qQB.js";
-import _t from "./vue-ui-skeleton-D66ZIUln.js";
-import { D as Ot } from "./DataTable-C0tCPQ9i.js";
-import St from "./vue-ui-accordion-B8ptB5BQ.js";
+import { useSlots as at, onMounted as Ie, computed as w, ref as p, watch as nt, onBeforeUnmount as st, openBlock as g, createElementBlock as k, normalizeClass as Le, normalizeStyle as D, unref as y, createBlock as E, createCommentVNode as S, createSlots as rt, withCtx as T, renderSlot as $, normalizeProps as G, guardReactiveProps as q, createVNode as Re, Fragment as De, renderList as Me, createElementVNode as N, toDisplayString as Y, createTextVNode as Ve, nextTick as ut, pushScopeId as it, popScopeId as ct } from "vue";
+import { u as dt, c as Ue, t as vt, a as ht, p as _, b as pt, o as ft, e as gt, d as ae, i as ne, f as K, X as yt, l as Be, G as He, x as We, y as mt, q as bt, r as wt } from "./index-BG5J_ybN.js";
+import { _ as kt } from "./Title-BU5Aq1_x.js";
+import { u as Ct, U as $t } from "./usePrinter-CWeJt84b.js";
+import { _ as xt } from "./Tooltip-Dm-obTbx.js";
+import { L as Tt } from "./Legend-DMeEvZOT.js";
+import _t from "./vue-ui-skeleton-c211TxZ8.js";
+import { D as Ot } from "./DataTable-CKke7C6w.js";
+import St from "./vue-ui-accordion-JBOceVq2.js";
 import { t as Nt, u as zt } from "./useResponsive-CoxXLe23.js";
-import { u as Ee } from "./useNestedProp-C9rlBRTT.js";
-import { _ as Pt } from "./PackageVersion-CENy3Lm2.js";
-import { P as At } from "./PenAndPaper-Dr7ndoP_.js";
+import { u as Ee } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as Pt } from "./PackageVersion-Rh3rgo6A.js";
+import { P as At } from "./PenAndPaper-DqVsdeLc.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ge(a, c) {
@@ -19,8 +19,8 @@ function Ge(a, c) {
     throw new Error(`Max aspect ratio cannot be computed: ${a} is an empty array`);
   {
     let n = 1 / 0, i = -1 / 0, v = 0;
-    for (let p = 0; p < s; p += 1) {
-      const d = a[p].normalizedValue;
+    for (let f = 0; f < s; f += 1) {
+      const d = a[f].normalizedValue;
       d < n && (n = d), d > i && (i = d), v += d;
     }
     return Math.max(
@@ -69,28 +69,28 @@ function Mt(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
 function Xe(a, c) {
-  const { width: s, height: n, xOffset: i, yOffset: v } = de(c), u = a.length, p = a.map((h) => h.normalizedValue || 0).reduce((h, b) => h + b, 0), d = p / n, z = p / s;
+  const { width: s, height: n, xOffset: i, yOffset: v } = de(c), u = a.length, f = a.map((h) => h.normalizedValue || 0).reduce((h, b) => h + b, 0), d = f / n, z = f / s;
   let O = i, C = v;
   const x = [];
   if (s >= n) {
     for (let h = 0; h < u; h += 1) {
-      const b = a[h], P = C + b.normalizedValue / d, D = {
+      const b = a[h], P = C + b.normalizedValue / d, M = {
         x0: O,
         y0: C,
         x1: O + d,
         y1: P
-      }, A = Object.assign({}, b, D);
+      }, A = Object.assign({}, b, M);
       C = P, x.push(A);
     }
     return x;
   } else {
     for (let h = 0; h < u; h += 1) {
-      const b = a[h], P = O + b.normalizedValue / z, D = {
+      const b = a[h], P = O + b.normalizedValue / z, M = {
         x0: O,
         y0: C,
         x1: P,
         y1: C + z
-      }, A = Object.assign({}, b, D);
+      }, A = Object.assign({}, b, M);
       O = P, x.push(A);
     }
     return x;
@@ -102,10 +102,10 @@ function Vt(a) {
 }
 function Ut(a, c) {
   const s = a.length, n = a.map((d) => d.value ?? 0).reduce((d, z) => d + z, 0), i = c / n, v = [];
-  let u, p;
+  let u, f;
   for (let d = 0; d < s; d += 1)
-    p = a[d], u = Object.assign({}, p, {
-      normalizedValue: p.value * (i || 0)
+    f = a[d], u = Object.assign({}, f, {
+      normalizedValue: f.value * (i || 0)
     }), v.push(u);
   return v;
 }
@@ -119,24 +119,24 @@ function de(a) {
   };
 }
 function Bt(a, c, s, n) {
-  let i = a, v = c, u = s, p = n;
+  let i = a, v = c, u = s, f = n;
   for (; ; ) {
     const d = i.length;
     if (d === 0) {
       const x = Xe(v, u);
-      return p.concat(x);
+      return f.concat(x);
     }
     const z = Vt(u), O = i[0], C = i.slice(1, d);
     if (Lt(v, O, z)) {
       const x = v.concat(O);
-      i = C, v = x, u = u, p = p;
+      i = C, v = x, u = u, f = f;
     } else {
       const x = v.length;
       let h = 0;
       for (let A = 0; A < x; A += 1)
         h += v[A].normalizedValue;
-      const b = Ht(u, h), P = Xe(v, u), D = p.concat(P);
-      i = i, v = [], u = b, p = D;
+      const b = Ht(u, h), P = Xe(v, u), M = f.concat(P);
+      i = i, v = [], u = b, f = M;
     }
   }
 }
@@ -156,24 +156,24 @@ function je(a) {
 function Ht(a, c) {
   const { width: s, height: n, xOffset: i, yOffset: v } = de(a);
   if (s >= n) {
-    const u = c / n, p = s - u, d = {
+    const u = c / n, f = s - u, d = {
       xOffset: i + u,
       yOffset: v,
-      width: p,
+      width: f,
       height: n
     };
     return qe(d);
   } else {
-    const u = c / s, p = n - u, d = {
+    const u = c / s, f = n - u, d = {
       xOffset: i,
       yOffset: v + u,
       width: s,
-      height: p
+      height: f
     };
     return qe(d);
   }
 }
-const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = ["xmlns", "viewBox"], qt = { key: 0 }, Xt = ["id"], jt = ["stop-color"], Yt = ["stop-color"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Jt = ["x", "y", "height", "width"], Kt = {
+const Wt = (a) => (it("data-v-150cb298"), a = a(), ct(), a), Et = ["id"], Gt = ["xmlns", "viewBox"], qt = { key: 0 }, Xt = ["id"], jt = ["stop-color"], Yt = ["stop-color"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Jt = ["x", "y", "height", "width"], Kt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
 }, Qt = /* @__PURE__ */ Wt(() => /* @__PURE__ */ N("br", null, null, -1)), eo = {
@@ -201,7 +201,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
     Ie(() => {
       v["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const u = k(() => !!n.dataset && n.dataset.length), p = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), d = f(Ue()), z = f(!1), O = f(""), C = f(!1), x = f(0), h = f([]), b = f(null), P = f(null), D = f(null), A = f(null), ve = f(null), he = f(0), fe = f(0), pe = f(0), e = k({
+    const u = w(() => !!n.dataset && n.dataset.length), f = w(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), d = p(Ue()), z = p(!1), O = p(""), C = p(!1), x = p(0), h = p([]), b = p(null), P = p(null), M = p(null), A = p(null), ve = p(null), he = p(0), pe = p(0), fe = p(0), e = w({
       get: () => me(),
       set: (t) => t
     }), { userOptionsVisible: se, setUserOptionsVisibility: ge, keepUserOptionState: ye } = Ft({ config: e.value });
@@ -219,18 +219,18 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       } : t;
     }
     nt(() => n.config, (t) => {
-      e.value = me(), se.value = !e.value.showOnChartHover, he.value += 1, fe.value += 1, pe.value += 1;
+      e.value = me(), se.value = !e.value.showOnChartHover, he.value += 1, pe.value += 1, fe.value += 1, F.value.showTable = e.value.table.show, F.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: be, isImaging: ke, generatePdf: we, generateImage: Ce } = Ct({
+    const { isPrinting: be, isImaging: we, generatePdf: ke, generateImage: Ce } = Ct({
       elementId: `treemap_${d.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), Ye = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => ft(e.value.customPalette)), M = f({
+    }), Ye = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = w(() => pt(e.value.customPalette)), F = p({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), V = f({
+    }), V = p({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), B = k(() => ({
+    }), B = w(() => ({
       bottom: V.value.height - e.value.style.chart.padding.bottom,
       height: V.value.height - e.value.style.chart.padding.top - e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
@@ -247,12 +247,12 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         }), $e(l.children));
       });
     }
-    const H = f(n.dataset), ee = f(null);
+    const H = p(n.dataset), ee = p(null);
     Ie(() => {
       Ze();
     });
     function Ze() {
-      if (pt(n.dataset) && gt({
+      if (ft(n.dataset) && gt({
         componentName: "VueUiTreemap",
         type: "dataset"
       }), $e(H.value), e.value.responsive) {
@@ -260,7 +260,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
           const { width: l, height: o } = zt({
             chart: b.value,
             title: e.value.style.chart.title.text ? P.value : null,
-            legend: e.value.style.chart.legend.show ? D.value : null,
+            legend: e.value.style.chart.legend.show ? M.value : null,
             source: A.value,
             noTitle: ve.value
           });
@@ -274,10 +274,10 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
     st(() => {
       ee.value && ee.value.disconnect();
     });
-    const re = f(H.value), Z = k(() => re.value.map((t, l) => ({
+    const re = p(H.value), Z = w(() => re.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || _[l] || _[l % _.length]
-    })).filter((t) => !h.value.includes(t.id))), X = k(() => H.value.filter((t) => !h.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), xe = k({
+    })).filter((t) => !h.value.includes(t.id))), X = w(() => H.value.filter((t) => !h.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), xe = w({
       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) => ({
@@ -307,7 +307,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         };
       });
     }
-    const J = k(() => Dt(
+    const J = w(() => Dt(
       xe.value.map((t, l) => {
         const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
         return {
@@ -333,12 +333,12 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
     function Ke(t) {
       C.value = t, x.value += 1;
     }
-    const j = k(() => ({
+    const j = w(() => ({
       startX: 0,
       startY: 0,
       width: B.value.vbWidth,
       height: B.value.vbHeight
-    })), F = f(!1);
+    })), I = p(!1);
     function ue(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
@@ -352,16 +352,16 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       return null;
     }
     function Qe(t) {
-      if (F.value)
+      if (I.value)
         s("selectDatapoint", void 0), re.value = H.value;
       else {
         if (s("selectDatapoint", t), !ue(t.parentId))
           return;
         re.value = [ue(t.parentId)];
       }
-      F.value = !F.value;
+      I.value = !I.value;
     }
-    const I = f(null), Ne = k(() => H.value.map((t, l) => ({
+    const L = p(null), Ne = w(() => H.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || _[l] || _[l % _.length],
       shape: "square"
@@ -369,7 +369,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       ...t,
       proportion: t.value / H.value.map((o) => o.value).reduce((o, r) => o + r, 0),
       opacity: h.value.includes(t.id) ? 0.5 : 1
-    }))), et = k(() => ({
+    }))), et = w(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -378,11 +378,11 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function ze(t) {
-      F.value = !1, I.value = null, h.value.includes(t.id) ? h.value = h.value.filter((l) => l !== t.id) : h.value.length < n.dataset.length - 1 && h.value.push(t.id), s("selectLegend", xe.value);
+      I.value = !1, L.value = null, h.value.includes(t.id) ? h.value = h.value.filter((l) => l !== t.id) : h.value.length < n.dataset.length - 1 && h.value.push(t.id), s("selectLegend", xe.value);
     }
-    const ie = f(null);
+    const ie = p(null);
     function tt({ datapoint: t, seriesIndex: l }) {
-      I.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
+      L.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
       if (We(o) && mt(() => o({
         seriesIndex: l,
@@ -412,7 +412,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       }
       z.value = !0;
     }
-    const L = k(() => {
+    const R = w(() => {
       const t = J.value.map((o) => ({
         name: o.name,
         color: o.color
@@ -421,24 +421,24 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
     });
     function Pe() {
       ut(() => {
-        const t = L.value.head.map((r, m) => [[
+        const t = R.value.head.map((r, m) => [[
           r.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);
-        kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [R.value.body[m]], [isNaN(R.value.body[m] / X.value) ? "-" : R.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" });
       });
     }
-    const te = k(() => {
+    const te = w(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], l = L.value.head.map((m, U) => {
+      ], l = R.value.head.map((m, U) => {
         const le = ne(
           e.value.style.chart.layout.labels.formatter,
-          L.value.body[U],
+          R.value.body[U],
           K({
             p: e.value.style.chart.layout.labels.prefix,
-            v: L.value.body[U],
+            v: R.value.body[U],
             s: e.value.style.chart.layout.labels.suffix,
             r: e.value.table.td.roundingValue
           })
@@ -450,8 +450,8 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
             shape: "square"
           },
           le,
-          isNaN(L.value.body[U] / X.value) ? "-" : K({
-            v: L.value.body[U] / X.value * 100,
+          isNaN(R.value.body[U] / X.value) ? "-" : K({
+            v: R.value.body[U] / X.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -483,12 +483,12 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       return J.value;
     }
     function Ae() {
-      M.value.showTable = !M.value.showTable;
+      F.value.showTable = !F.value.showTable;
     }
     function Fe() {
-      M.value.showTooltip = !M.value.showTooltip;
+      F.value.showTooltip = !F.value.showTooltip;
     }
-    const oe = f(!1);
+    const oe = p(!1);
     function ce() {
       oe.value = !oe.value;
     }
@@ -496,15 +496,15 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       getData: ot,
       generateCsv: Pe,
       generateImage: Ce,
-      generatePdf: we,
+      generatePdf: ke,
       toggleTable: Ae,
       toggleTooltip: Fe,
       toggleAnnotator: ce
-    }), (t, l) => (g(), w("div", {
+    }), (t, l) => (g(), k("div", {
       ref_key: "treemapChart",
       ref: b,
       class: Le(`vue-ui-treemap ${C.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: R(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      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_${d.value}`,
       onMouseenter: l[3] || (l[3] = () => y(ge)(!0)),
       onMouseleave: l[4] || (l[4] = () => y(ge)(!1))
@@ -517,20 +517,20 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         active: oe.value,
         onClose: ce
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : S("", !0),
-      Ye.value ? (g(), w("div", {
+      Ye.value ? (g(), k("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ve,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : S("", !0),
-      e.value.style.chart.title.text ? (g(), w("div", {
+      e.value.style.chart.title.text ? (g(), k("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: P,
-        style: R(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
+        style: D(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (g(), E(wt, {
+        (g(), E(kt, {
           key: `title_${he.value}`,
           config: {
             title: {
@@ -550,7 +550,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: y(be),
-        isImaging: y(ke),
+        isImaging: y(we),
         uid: d.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -559,20 +559,20 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: C.value,
-        isTooltip: M.value.showTooltip,
+        isTooltip: F.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: b.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
         onToggleFullscreen: Ke,
-        onGeneratePdf: y(we),
+        onGeneratePdf: y(ke),
         onGenerateCsv: Pe,
         onGenerateImage: y(Ce),
         onToggleTable: Ae,
         onToggleTooltip: Fe,
         onToggleAnnotator: ce,
-        style: R({
+        style: D({
           visibility: y(ye) ? y(se) ? "visible" : "hidden" : "visible"
         })
       }, rt({ _: 2 }, [
@@ -626,16 +626,16 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
-      u.value ? (g(), w("svg", {
+      u.value ? (g(), k("svg", {
         key: 4,
         xmlns: y(yt),
-        class: Le({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.value, "vue-data-ui-zoom-plus": !F.value, "vue-data-ui-zoom-minus": F.value }),
+        class: Le({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.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: R(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
+        style: D(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Re(Pt),
-        (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
-          e.value.style.chart.layout.rects.gradient.show ? (g(), w("defs", qt, [
+        (g(!0), k(De, null, Me(J.value, (o, r) => (g(), k("g", null, [
+          e.value.style.chart.layout.rects.gradient.show ? (g(), k("defs", qt, [
             N("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -651,28 +651,28 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
             ], 8, Xt)
           ])) : S("", !0)
         ]))), 256)),
-        (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
+        (g(!0), k(De, null, Me(J.value, (o, r) => (g(), k("g", null, [
           N("rect", {
             x: o.x0,
             y: o.y0,
             height: Oe(o),
             width: Se(o),
-            fill: p.value ? o.color : e.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
+            fill: f.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: L.value && L.value.id === o.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
+            "stroke-width": L.value && L.value.id === o.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
             onClick: (m) => Qe(o),
             onMouseenter: () => tt({
               datapoint: o,
               seriesIndex: r
             }),
             onMouseleave: l[0] || (l[0] = (m) => {
-              I.value = null, z.value = !1;
+              L.value = null, z.value = !1;
             }),
-            style: R(`opacity:${I.value ? I.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: D(`opacity:${L.value ? L.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
           }, null, 44, Zt),
-          (g(), w("foreignObject", {
+          (g(), k("foreignObject", {
             x: o.x0,
             y: o.y0,
             height: Oe(o),
@@ -680,17 +680,17 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
             N("div", Kt, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (g(), w("div", {
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value) ? (g(), k("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: R(`width:calc(100% - ${W(o) / 1.5}px);text-align:left;line-height:${W(o) < 14 ? 14 : W(o)}px;padding:${W(o) / 3}px; color:${y(He)(o.color)}`)
+                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:${y(He)(o.color)}`)
               }, [
                 N("span", {
-                  style: R(`width:100%;font-size:${W(o)}px;`)
+                  style: D(`width:100%;font-size:${W(o)}px;`)
                 }, Y(o.name), 5),
                 Qt,
                 N("span", {
-                  style: R(`width:100%;font-size:${W(o)}px;`)
+                  style: D(`width:100%;font-size:${W(o)}px;`)
                 }, Y(y(ne)(
                   e.value.style.chart.layout.labels.formatter,
                   o.value,
@@ -705,18 +705,18 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
               ], 4)) : S("", !0),
               $(t.$slots, "rect", G(q({
                 rect: o,
-                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value,
+                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value,
                 fontSize: W(o),
-                isZoom: F.value,
+                isZoom: I.value,
                 textColor: y(He)(o.color)
               })), void 0, !0)
             ])
           ], 8, Jt))
         ]))), 256)),
-        $(t.$slots, "svg", G(q({ svg: B.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
+        $(t.$slots, "svg", G(q({ svg: B.value, isZoom: I.value, rect: L.value, config: e.value })), void 0, !0)
       ], 14, Gt)) : S("", !0),
-      t.$slots.watermark ? (g(), w("div", eo, [
-        $(t.$slots, "watermark", G(q({ isPrinting: y(be) || y(ke) })), void 0, !0)
+      t.$slots.watermark ? (g(), k("div", eo, [
+        $(t.$slots, "watermark", G(q({ isPrinting: y(be) || y(we) })), void 0, !0)
       ])) : S("", !0),
       u.value ? S("", !0) : (g(), E(_t, {
         key: 6,
@@ -732,10 +732,10 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       }, null, 8, ["config"])),
       N("div", {
         ref_key: "chartLegend",
-        ref: D
+        ref: M
       }, [
         e.value.style.chart.legend.show ? (g(), E(Tt, {
-          key: `legend_${pe.value}`,
+          key: `legend_${fe.value}`,
           legendSet: Ne.value,
           config: et.value,
           id: `treemap_legend_${d.value}`,
@@ -744,7 +744,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
           item: T(({ legend: o, index: r }) => [
             N("div", {
               onClick: (m) => ze(o),
-              style: R(`opacity:${h.value.includes(o.id) ? 0.5 : 1}`)
+              style: D(`opacity:${h.value.includes(o.id) ? 0.5 : 1}`)
             }, [
               Ve(Y(o.name) + ": " + Y(y(ne)(
                 e.value.style.chart.layout.labels.formatter,
@@ -757,7 +757,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              h.value.includes(o.id) ? (g(), w("span", lo, " ( - % ) ")) : (g(), w("span", oo, " (" + Y(isNaN(o.value / X.value) ? "-" : (o.value / X.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+              h.value.includes(o.id) ? (g(), k("span", lo, " ( - % ) ")) : (g(), k("span", oo, " (" + Y(isNaN(o.value / X.value) ? "-" : (o.value / X.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
             ], 12, to)
           ]),
           _: 1
@@ -766,7 +766,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
           legend: Ne.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (g(), w("div", {
+      t.$slots.source ? (g(), k("div", {
         key: 7,
         ref_key: "source",
         ref: A,
@@ -775,7 +775,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         $(t.$slots, "source", {}, void 0, !0)
       ], 512)) : S("", !0),
       Re(xt, {
-        show: M.value.showTooltip && z.value,
+        show: F.value.showTooltip && z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -802,7 +802,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
         key: 8,
         hideDetails: "",
         config: {
-          open: M.value.showTable,
+          open: F.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -816,13 +816,13 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       }, {
         content: T(() => [
           (g(), E(Ot, {
-            key: `table_${fe.value}`,
+            key: `table_${pe.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
             body: te.value.body,
             config: te.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: l[2] || (l[2] = (o) => M.value.showTable = !1)
+            onClose: l[2] || (l[2] = (o) => F.value.showTable = !1)
           }, {
             th: T(({ th: o }) => [
               N("div", {
@@ -840,7 +840,7 @@ const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = [
       }, 8, ["config"])) : S("", !0)
     ], 46, Et));
   }
-}, Co = /* @__PURE__ */ It(no, [["__scopeId", "data-v-1f72136b"]]);
+}, Co = /* @__PURE__ */ It(no, [["__scopeId", "data-v-150cb298"]]);
 export {
   Co as default
 };