vue-data-ui 2.4.3 → 2.4.5

package/dist/{vue-ui-treemap-DY-lRAhC.js → vue-ui-treemap-CFTpzgX5.js}

@@ -1,18 +1,18 @@
-import { computed as k, ref as p, watch as Je, onMounted as Ke, onBeforeUnmount as Qe, openBlock as y, createElementBlock as C, normalizeClass as Ne, normalizeStyle as B, createBlock as U, createCommentVNode as F, unref as b, createSlots as et, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as ze, Fragment as Pe, renderList as Ae, createElementVNode as O, toDisplayString as Y, createTextVNode as Ie, nextTick as tt, pushScopeId as ot, popScopeId as lt } from "vue";
-import { u as at, c as Fe, t as nt, a as st, p as T, b as rt, o as ut, e as it, d as ae, i as ne, f as K, X as ct, l as Le, F as Re, x as De, y as dt, q as vt, r as ht } from "./index-Bya_q1J-.js";
-import { _ as ft } from "./Title-C5pIfQAz.js";
-import { u as pt, U as gt } from "./usePrinter-CiHd1FwD.js";
-import { _ as yt } from "./Tooltip-Cz24YLfw.js";
-import { L as mt } from "./Legend-DNgTCgEK.js";
-import bt from "./vue-ui-skeleton-BYssP0K4.js";
-import { D as wt } from "./DataTable-DYqC2pqu.js";
-import kt from "./vue-ui-accordion-DfUfL2dI.js";
-import { t as Ct, u as $t } from "./useResponsive-BY8tgM1n.js";
-import { u as Me } from "./useNestedProp-B33hazbH.js";
-import { _ as xt } from "./PackageVersion-VkaUzgmt.js";
-import { P as Tt } from "./PenAndPaper-DAZYA8Ew.js";
-import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Ve(a, i) {
+import { computed as b, ref as f, watch as Qe, onMounted as et, onBeforeUnmount as tt, openBlock as g, createElementBlock as w, normalizeClass as ze, normalizeStyle as B, createBlock as U, createCommentVNode as O, unref as k, createSlots as ot, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as Pe, Fragment as Ae, renderList as Ie, createElementVNode as S, toDisplayString as Y, createTextVNode as Fe, nextTick as lt, pushScopeId as at, popScopeId as nt } from "vue";
+import { u as st, c as Le, t as rt, a as ut, p as T, b as it, o as ct, e as dt, d as ae, i as ne, f as K, X as vt, l as Re, F as De, x as Me, y as ht, q as ft, r as pt } from "./index-C1GB0E49.js";
+import { _ as gt } from "./Title-W7iJGPjg.js";
+import { u as yt, U as mt } from "./usePrinter-y5uHyknw.js";
+import { _ as bt } from "./Tooltip-Pv3Bhir5.js";
+import { L as wt } from "./Legend-DrmUpnIK.js";
+import kt from "./vue-ui-skeleton-CE6ibl1T.js";
+import { D as Ct } from "./DataTable-rs_YrvMR.js";
+import $t from "./vue-ui-accordion-DWyRC3-h.js";
+import { t as xt, u as Tt } from "./useResponsive-CoxXLe23.js";
+import { u as Ve } from "./useNestedProp-CNAPgW6E.js";
+import { _ as _t } from "./PackageVersion-D9rYHrFZ.js";
+import { P as Ot } from "./PenAndPaper-C-KjtyNA.js";
+import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Be(a, i) {
   const s = a.length;
   if (s === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${a} is an empty array`);
@@ -28,7 +28,7 @@ function Ve(a, i) {
     );
   }
 }
-function Be(a) {
+function We(a) {
   const { xOffset: i, yOffset: s, width: n, height: u } = a;
   return {
     x0: i,
@@ -37,18 +37,18 @@ function Be(a) {
     y1: s + u
   };
 }
-function Ot(a, i, s) {
+function Nt(a, i, s) {
   if (a.length === 0)
     return !0;
   {
-    const n = a.concat(i), u = Ve(
+    const n = a.concat(i), u = Be(
       a,
       s
-    ), c = Ve(n, s);
+    ), c = Be(n, s);
     return u >= c;
   }
 }
-function St(a) {
+function zt(a) {
   const i = [], s = a.length;
   for (let n = 0; n < s; n += 1) {
     const u = a[n], c = u.length;
@@ -57,50 +57,50 @@ function St(a) {
   }
   return i;
 }
-function Nt(a, i) {
+function Pt(a, i) {
   const s = {
     ...i,
     children: a
   };
-  return He(s);
+  return Ee(s);
 }
-function zt(a) {
+function At(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
-function We(a, i) {
-  const { width: s, height: n, xOffset: u, yOffset: c } = ce(i), d = a.length, h = a.map((f) => f.normalizedValue || 0).reduce((f, _) => f + _, 0), v = h / n, S = h / s;
-  let w = u, N = c;
-  const g = [];
+function He(a, i) {
+  const { width: s, height: n, xOffset: u, yOffset: c } = ce(i), d = a.length, h = a.map((p) => p.normalizedValue || 0).reduce((p, _) => p + _, 0), v = h / n, N = h / s;
+  let C = u, z = c;
+  const y = [];
   if (s >= n) {
-    for (let f = 0; f < d; f += 1) {
-      const _ = a[f], z = N + _.normalizedValue / v, R = {
-        x0: w,
-        y0: N,
-        x1: w + v,
-        y1: z
-      }, P = Object.assign({}, _, R);
-      N = z, g.push(P);
+    for (let p = 0; p < d; p += 1) {
+      const _ = a[p], P = z + _.normalizedValue / v, R = {
+        x0: C,
+        y0: z,
+        x1: C + v,
+        y1: P
+      }, A = Object.assign({}, _, R);
+      z = P, y.push(A);
     }
-    return g;
+    return y;
   } else {
-    for (let f = 0; f < d; f += 1) {
-      const _ = a[f], z = w + _.normalizedValue / S, R = {
-        x0: w,
-        y0: N,
-        x1: z,
-        y1: N + S
-      }, P = Object.assign({}, _, R);
-      w = z, g.push(P);
+    for (let p = 0; p < d; p += 1) {
+      const _ = a[p], P = C + _.normalizedValue / N, R = {
+        x0: C,
+        y0: z,
+        x1: P,
+        y1: z + N
+      }, A = Object.assign({}, _, R);
+      C = P, y.push(A);
     }
-    return g;
+    return y;
   }
 }
-function Pt(a) {
+function It(a) {
   const i = ce(a), s = i.width, n = i.height;
   return Math.min(s, n);
 }
-function At(a, i) {
-  const s = a.length, n = a.map((v) => v.value ?? 0).reduce((v, S) => v + S, 0), u = i / n, c = [];
+function Ft(a, i) {
+  const s = a.length, n = a.map((v) => v.value ?? 0).reduce((v, N) => v + N, 0), u = i / n, c = [];
   let d, h;
   for (let v = 0; v < s; v += 1)
     h = a[v], d = Object.assign({}, h, {
@@ -117,42 +117,42 @@ function ce(a) {
     height: u - s
   };
 }
-function It(a, i, s, n) {
+function Lt(a, i, s, n) {
   let u = a, c = i, d = s, h = n;
   for (; ; ) {
     const v = u.length;
     if (v === 0) {
-      const g = We(c, d);
-      return h.concat(g);
+      const y = He(c, d);
+      return h.concat(y);
     }
-    const S = Pt(d), w = u[0], N = u.slice(1, v);
-    if (Ot(c, w, S)) {
-      const g = c.concat(w);
-      u = N, c = g, d = d, h = h;
+    const N = It(d), C = u[0], z = u.slice(1, v);
+    if (Nt(c, C, N)) {
+      const y = c.concat(C);
+      u = z, c = y, d = d, h = h;
     } else {
-      const g = c.length;
-      let f = 0;
-      for (let P = 0; P < g; P += 1)
-        f += c[P].normalizedValue;
-      const _ = Ft(d, f), z = We(c, d), R = h.concat(z);
+      const y = c.length;
+      let p = 0;
+      for (let A = 0; A < y; A += 1)
+        p += c[A].normalizedValue;
+      const _ = Rt(d, p), P = He(c, d), R = h.concat(P);
       u = u, c = [], d = _, h = R;
     }
   }
 }
-function He(a) {
+function Ee(a) {
   if (typeof a.children > "u" || !a.children.length)
     return [a];
   {
-    const i = At(
+    const i = Ft(
       a.children,
-      zt(a)
-    ), s = It(i, [], a, []), n = s.length, u = [];
+      At(a)
+    ), s = Lt(i, [], a, []), n = s.length, u = [];
     for (let d = 0; d < n; d += 1)
-      u.push(He(s[d]));
-    return St(u);
+      u.push(Ee(s[d]));
+    return zt(u);
   }
 }
-function Ft(a, i) {
+function Rt(a, i) {
   const { width: s, height: n, xOffset: u, yOffset: c } = ce(a);
   if (s >= n) {
     const d = i / n, h = s - d, v = {
@@ -161,7 +161,7 @@ function Ft(a, i) {
       width: h,
       height: n
     };
-    return Be(v);
+    return We(v);
   } else {
     const d = i / s, h = n - d, v = {
       xOffset: u,
@@ -169,16 +169,16 @@ function Ft(a, i) {
       width: s,
       height: h
     };
-    return Be(v);
+    return We(v);
   }
 }
-const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = ["xmlns", "viewBox"], Mt = { key: 0 }, Vt = ["id"], Bt = ["stop-color"], Wt = ["stop-color"], Ht = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Et = ["x", "y", "height", "width"], Ut = {
+const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = ["xmlns", "viewBox"], Bt = { key: 0 }, Wt = ["id"], Ht = ["stop-color"], Et = ["stop-color"], Ut = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Gt = ["x", "y", "height", "width"], Xt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, Gt = /* @__PURE__ */ Lt(() => /* @__PURE__ */ O("br", null, null, -1)), Xt = {
-  key: 4,
+}, qt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ S("br", null, null, -1)), jt = {
+  key: 5,
   class: "vue-data-ui-watermark"
-}, qt = ["onClick"], jt = { key: 0 }, Yt = { key: 1 }, Zt = ["innerHTML"], Jt = {
+}, Yt = ["onClick"], Zt = { key: 0 }, Jt = { key: 1 }, Kt = ["innerHTML"], Qt = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -196,36 +196,36 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(a, { expose: i, emit: s }) {
-    const n = a, { vue_ui_treemap: u } = at(), c = k(() => !!n.dataset && n.dataset.length), d = k(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), h = p(Fe()), v = p(!1), S = p(""), w = p(!1), N = p(0), g = p([]), f = p(null), _ = p(null), z = p(null), R = p(null), P = p(0), de = p(0), ve = p(0), e = k({
-      get: () => he(),
+    const n = a, { vue_ui_treemap: u } = st(), c = b(() => !!n.dataset && n.dataset.length), d = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), h = f(Le()), v = f(!1), N = f(""), C = f(!1), z = f(0), y = f([]), p = f(null), _ = f(null), P = f(null), R = f(null), A = f(null), de = f(0), ve = f(0), he = f(0), e = b({
+      get: () => fe(),
       set: (t) => t
     });
-    function he() {
-      const t = Me({
+    function fe() {
+      const t = Ve({
         userConfig: n.config,
         defaultConfig: u
       });
       return t.theme ? {
-        ...Me({
-          userConfig: nt.vue_ui_treemap[t.theme] || n.config,
+        ...Ve({
+          userConfig: rt.vue_ui_treemap[t.theme] || n.config,
           defaultConfig: t
         }),
-        customPalette: st[t.theme] || T
+        customPalette: ut[t.theme] || T
       } : t;
     }
-    Je(() => n.config, (t) => {
-      e.value = he(), P.value += 1, de.value += 1, ve.value += 1;
+    Qe(() => n.config, (t) => {
+      e.value = fe(), de.value += 1, ve.value += 1, he.value += 1;
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: pe, generatePdf: ge, generateImage: ye } = pt({
+    const { isPrinting: pe, isImaging: ge, generatePdf: ye, generateImage: me } = yt({
       elementId: `treemap_${h.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), Q = k(() => rt(e.value.customPalette)), D = p({
+    }), Ue = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = b(() => it(e.value.customPalette)), D = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), M = p({
+    }), M = f({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), W = k(() => ({
+    }), W = b(() => ({
       bottom: M.value.height - e.value.style.chart.padding.bottom,
       height: M.value.height - e.value.style.chart.padding.top - e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
@@ -235,41 +235,42 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
       vbWidth: M.value.width,
       width: M.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right
     }));
-    function me(t) {
+    function be(t) {
       t.forEach((l, o) => {
-        l.id = Fe(), l.color = ae(l.color) || Q.value[o] || T[o] || T[o % T.length], l.children && (l.children.forEach((r) => {
+        l.id = Le(), l.color = ae(l.color) || Q.value[o] || T[o] || T[o % T.length], l.children && (l.children.forEach((r) => {
           r.parentId = l.id, r.color = l.color;
-        }), me(l.children));
+        }), be(l.children));
       });
     }
-    const H = p(n.dataset), ee = p(null);
-    Ke(() => {
-      Ee();
+    const H = f(n.dataset), ee = f(null);
+    et(() => {
+      Ge();
     });
-    function Ee() {
-      if (ut(n.dataset) && it({
+    function Ge() {
+      if (ct(n.dataset) && dt({
         componentName: "VueUiTreemap",
         type: "dataset"
-      }), me(H.value), e.value.responsive) {
-        const t = Ct(() => {
-          const { width: l, height: o } = $t({
-            chart: f.value,
+      }), be(H.value), e.value.responsive) {
+        const t = xt(() => {
+          const { width: l, height: o } = Tt({
+            chart: p.value,
             title: e.value.style.chart.title.text ? _.value : null,
-            legend: e.value.style.chart.legend.show ? z.value : null,
-            source: R.value
+            legend: e.value.style.chart.legend.show ? P.value : null,
+            source: R.value,
+            noTitle: A.value
           });
           M.value.width = l, M.value.height = o;
         });
-        ee.value = new ResizeObserver(t), ee.value.observe(f.value.parentNode);
+        ee.value = new ResizeObserver(t), ee.value.observe(p.value.parentNode);
       }
     }
-    Qe(() => {
+    tt(() => {
       ee.value && ee.value.disconnect();
     });
-    const se = p(H.value), Z = k(() => se.value.map((t, l) => ({
+    const se = f(H.value), Z = b(() => se.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length]
-    })).filter((t) => !g.value.includes(t.id))), q = k(() => H.value.filter((t) => !g.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), be = k({
+    })).filter((t) => !y.value.includes(t.id))), q = b(() => H.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), we = b({
       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) => ({
@@ -280,57 +281,57 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         return t;
       }
     });
-    function we(t, l) {
+    function ke(t, l) {
       return t.value / l;
     }
-    function Ue(t, l, o) {
-      const r = e.value.style.chart.layout.rects.colorRatio - we(l, o);
-      return Le(t, r < 0 ? 0 : r);
+    function Xe(t, l, o) {
+      const r = e.value.style.chart.layout.rects.colorRatio - ke(l, o);
+      return Re(t, r < 0 ? 0 : r);
     }
-    function ke(t, l, o, r) {
+    function Ce(t, l, o, r) {
       return t.map((m, V) => {
-        const le = Ue(ae(l) || Q.value[V] || T[V] || T[V % T.length], m, r), Ze = we(m, r);
+        const le = Xe(ae(l) || Q.value[V] || T[V] || T[V % T.length], m, r), Ke = ke(m, r);
         return {
           ...m,
           color: le,
-          proportion: Ze,
+          proportion: Ke,
           parentName: o,
-          children: m.children ? ke(m.children, le, m.name, r) : void 0
+          children: m.children ? Ce(m.children, le, m.name, r) : void 0
         };
       });
     }
-    const J = k(() => Nt(
-      be.value.map((t, l) => {
+    const J = b(() => Pt(
+      we.value.map((t, l) => {
         const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
         return {
           value: t.value,
           id: t.id,
-          children: t.children ? ke(t.children.sort((r, m) => m.value - r.value), t.color, t.name, o) : void 0,
+          children: t.children ? Ce(t.children.sort((r, m) => m.value - r.value), t.color, t.name, o) : void 0,
           color: t.color,
           name: t.name
         };
       }),
       { x0: W.value.left * 2, y0: W.value.top, x1: W.value.width, y1: W.value.height }
     ));
-    function Ce({ y0: t, y1: l }) {
+    function $e({ y0: t, y1: l }) {
       return l - t <= 0 ? 1e-4 : l - t;
     }
-    function $e({ x0: t, x1: l }) {
+    function xe({ x0: t, x1: l }) {
       return l - t <= 0 ? 1e-4 : l - t;
     }
     function E(t) {
       const l = e.value.style.chart.layout.labels.fontSize * (t.proportion * 2 > 1 ? 1 : t.proportion * 2);
       return l < e.value.style.chart.layout.labels.minFontSize ? e.value.style.chart.layout.labels.minFontSize : l;
     }
-    function Ge(t) {
-      w.value = t, N.value += 1;
+    function qe(t) {
+      C.value = t, z.value += 1;
     }
-    const j = k(() => ({
+    const j = b(() => ({
       startX: 0,
       startY: 0,
       width: W.value.vbWidth,
       height: W.value.vbHeight
-    })), A = p(!1);
+    })), I = f(!1);
     function re(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
@@ -343,25 +344,25 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
       }
       return null;
     }
-    function Xe(t) {
-      if (A.value)
+    function je(t) {
+      if (I.value)
         s("selectDatapoint", void 0), se.value = H.value;
       else {
         if (s("selectDatapoint", t), !re(t.parentId))
           return;
         se.value = [re(t.parentId)];
       }
-      A.value = !A.value;
+      I.value = !I.value;
     }
-    const I = p(null), xe = k(() => H.value.map((t, l) => ({
+    const F = f(null), Te = b(() => H.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.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),
-      opacity: g.value.includes(t.id) ? 0.5 : 1
-    }))), qe = k(() => ({
+      opacity: y.value.includes(t.id) ? 0.5 : 1
+    }))), Ye = b(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -369,20 +370,20 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Te(t) {
-      A.value = !1, I.value = null, g.value.includes(t.id) ? g.value = g.value.filter((l) => l !== t.id) : g.value.length < n.dataset.length - 1 && g.value.push(t.id), s("selectLegend", be.value);
+    function _e(t) {
+      I.value = !1, F.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), s("selectLegend", we.value);
     }
-    const ue = p(null);
-    function je({ datapoint: t, seriesIndex: l }) {
-      I.value = t, ue.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
+    const ue = f(null);
+    function Ze({ datapoint: t, seriesIndex: l }) {
+      F.value = t, ue.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (De(o) && dt(() => o({
+      if (Me(o) && ht(() => o({
         seriesIndex: l,
         datapoint: t,
         series: Z.value,
         config: e.value
       })))
-        S.value = o({
+        N.value = o({
           seriesIndex: l,
           datapoint: t,
           series: Z.value,
@@ -400,26 +401,26 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: l }
-        )}</b>`, S.value = `<div>${r}</div>`;
+        )}</b>`, N.value = `<div>${r}</div>`;
       }
       v.value = !0;
     }
-    const L = k(() => {
+    const L = b(() => {
       const t = J.value.map((o) => ({
         name: o.name,
         color: o.color
       })), l = J.value.map((o) => o.value);
       return { head: t, body: l };
     });
-    function _e() {
-      tt(() => {
+    function Oe() {
+      lt(() => {
         const t = L.value.head.map((r, m) => [[
           r.name
-        ], [L.value.body[m]], [isNaN(L.value.body[m] / q.value) ? "-" : L.value.body[m] / q.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = vt(l);
-        ht({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [L.value.body[m]], [isNaN(L.value.body[m] / q.value) ? "-" : L.value.body[m] / q.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = ft(l);
+        pt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
-    const te = k(() => {
+    const te = b(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
@@ -471,50 +472,57 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         config: o
       };
     });
-    function Ye() {
+    function Je() {
       return J.value;
     }
-    function Oe() {
+    function Se() {
       D.value.showTable = !D.value.showTable;
     }
-    function Se() {
+    function Ne() {
       D.value.showTooltip = !D.value.showTooltip;
     }
-    const oe = p(!1);
+    const oe = f(!1);
     function ie() {
       oe.value = !oe.value;
     }
     return i({
-      getData: Ye,
-      generateCsv: _e,
-      generateImage: ye,
-      generatePdf: ge,
-      toggleTable: Oe,
-      toggleTooltip: Se,
+      getData: Je,
+      generateCsv: Oe,
+      generateImage: me,
+      generatePdf: ye,
+      toggleTable: Se,
+      toggleTooltip: Ne,
       toggleAnnotator: ie
-    }), (t, l) => (y(), C("div", {
+    }), (t, l) => (g(), w("div", {
       ref_key: "treemapChart",
-      ref: f,
-      class: Ne(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: B(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
+      ref: p,
+      class: ze(`vue-ui-treemap ${C.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      style: B(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `treemap_${h.value}`
     }, [
-      e.value.userOptions.buttons.annotator ? (y(), U(Tt, {
+      e.value.userOptions.buttons.annotator ? (g(), U(Ot, {
         key: 0,
-        parent: f.value,
+        parent: p.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: oe.value,
         onClose: ie
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : F("", !0),
-      e.value.style.chart.title.text ? (y(), C("div", {
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : O("", !0),
+      Ue.value ? (g(), w("div", {
         key: 1,
+        ref_key: "noTitle",
+        ref: A,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : O("", !0),
+      e.value.style.chart.title.text ? (g(), w("div", {
+        key: 2,
         ref_key: "chartTitle",
         ref: _,
         style: B(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (y(), U(ft, {
-          key: `title_${P.value}`,
+        (g(), U(gt, {
+          key: `title_${de.value}`,
           config: {
             title: {
               cy: "treemap-div-title",
@@ -526,14 +534,14 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : F("", !0),
-      e.value.userOptions.show && c.value ? (y(), U(gt, {
+      ], 4)) : O("", !0),
+      e.value.userOptions.show && c.value ? (g(), U(mt, {
         ref: "details",
-        key: `user_option_${N.value}`,
+        key: `user_option_${z.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: b(fe),
-        isImaging: b(pe),
+        isPrinting: k(pe),
+        isImaging: k(ge),
         uid: h.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -541,21 +549,21 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: w.value,
+        isFullscreen: C.value,
         isTooltip: D.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: f.value,
+        chartElement: p.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
-        onToggleFullscreen: Ge,
-        onGeneratePdf: b(ge),
-        onGenerateCsv: _e,
-        onGenerateImage: b(ye),
-        onToggleTable: Oe,
-        onToggleTooltip: Se,
+        onToggleFullscreen: qe,
+        onGeneratePdf: k(ye),
+        onGenerateCsv: Oe,
+        onGenerateImage: k(me),
+        onToggleTable: Se,
+        onToggleTooltip: Ne,
         onToggleAnnotator: ie
-      }, et({ _: 2 }, [
+      }, ot({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: x(() => [
@@ -605,76 +613,76 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
           ]),
           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"])) : F("", !0),
-      c.value ? (y(), C("svg", {
-        key: 3,
-        xmlns: b(ct),
-        class: Ne({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value, "vue-data-ui-zoom-plus": !A.value, "vue-data-ui-zoom-minus": A.value }),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : O("", !0),
+      c.value ? (g(), w("svg", {
+        key: 4,
+        xmlns: k(vt),
+        class: ze({ "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: B(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ze(xt),
-        (y(!0), C(Pe, null, Ae(J.value, (o, r) => (y(), C("g", null, [
-          e.value.style.chart.layout.rects.gradient.show ? (y(), C("defs", Mt, [
-            O("radialGradient", {
+        Pe(_t),
+        (g(!0), w(Ae, null, Ie(J.value, (o, r) => (g(), w("g", null, [
+          e.value.style.chart.layout.rects.gradient.show ? (g(), w("defs", Bt, [
+            S("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
             }, [
-              O("stop", {
+              S("stop", {
                 offset: "18%",
                 "stop-color": o.color
-              }, null, 8, Bt),
-              O("stop", {
+              }, null, 8, Ht),
+              S("stop", {
                 offset: "100%",
-                "stop-color": b(Le)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, Wt)
-            ], 8, Vt)
-          ])) : F("", !0)
+                "stop-color": k(Re)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
+              }, null, 8, Et)
+            ], 8, Wt)
+          ])) : O("", !0)
         ]))), 256)),
-        (y(!0), C(Pe, null, Ae(J.value, (o, r) => (y(), C("g", null, [
-          O("rect", {
+        (g(!0), w(Ae, null, Ie(J.value, (o, r) => (g(), w("g", null, [
+          S("rect", {
             x: o.x0,
             y: o.y0,
-            height: Ce(o),
-            width: $e(o),
+            height: $e(o),
+            width: xe(o),
             fill: d.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,
-            onClick: (m) => Xe(o),
-            onMouseenter: () => je({
+            stroke: F.value && F.value.id === o.id ? e.value.style.chart.layout.rects.selected.stroke : e.value.style.chart.layout.rects.stroke,
+            "stroke-width": F.value && F.value.id === o.id ? e.value.style.chart.layout.rects.selected.strokeWidth : e.value.style.chart.layout.rects.strokeWidth,
+            onClick: (m) => je(o),
+            onMouseenter: () => Ze({
               datapoint: o,
               seriesIndex: r
             }),
             onMouseleave: l[0] || (l[0] = (m) => {
-              I.value = null, v.value = !1;
+              F.value = null, v.value = !1;
             }),
-            style: B(`opacity:${I.value ? I.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: B(`opacity:${F.value ? F.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
-          }, null, 44, Ht),
-          (y(), C("foreignObject", {
+          }, null, 44, Ut),
+          (g(), w("foreignObject", {
             x: o.x0,
             y: o.y0,
-            height: Ce(o),
-            width: $e(o),
+            height: $e(o),
+            width: xe(o),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            O("div", Ut, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || A.value) ? (y(), C("div", {
+            S("div", Xt, [
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value) ? (g(), w("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: B(`width:calc(100% - ${E(o) / 1.5}px);text-align:left;line-height:${E(o) < 14 ? 14 : E(o)}px;padding:${E(o) / 3}px; color:${b(Re)(o.color)}`)
+                style: B(`width:calc(100% - ${E(o) / 1.5}px);text-align:left;line-height:${E(o) < 14 ? 14 : E(o)}px;padding:${E(o) / 3}px; color:${k(De)(o.color)}`)
               }, [
-                O("span", {
+                S("span", {
                   style: B(`width:100%;font-size:${E(o)}px;`)
                 }, Y(o.name), 5),
-                Gt,
-                O("span", {
+                qt,
+                S("span", {
                   style: B(`width:100%;font-size:${E(o)}px;`)
-                }, Y(b(ne)(
+                }, Y(k(ne)(
                   e.value.style.chart.layout.labels.formatter,
                   o.value,
-                  b(K)({
+                  k(K)({
                     p: e.value.style.chart.layout.labels.prefix,
                     v: o.value,
                     s: e.value.style.chart.layout.labels.suffix,
@@ -682,24 +690,24 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
                   }),
                   { datapoint: o }
                 )), 5)
-              ], 4)) : F("", !0),
+              ], 4)) : O("", !0),
               $(t.$slots, "rect", G(X({
                 rect: o,
-                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || A.value,
+                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value,
                 fontSize: E(o),
-                isZoom: A.value,
-                textColor: b(Re)(o.color)
+                isZoom: I.value,
+                textColor: k(De)(o.color)
               })), void 0, !0)
             ])
-          ], 8, Et))
+          ], 8, Gt))
         ]))), 256)),
-        $(t.$slots, "svg", G(X({ svg: W.value, isZoom: A.value, rect: I.value, config: e.value })), void 0, !0)
-      ], 14, Dt)) : F("", !0),
-      t.$slots.watermark ? (y(), C("div", Xt, [
-        $(t.$slots, "watermark", G(X({ isPrinting: b(fe) || b(pe) })), void 0, !0)
-      ])) : F("", !0),
-      c.value ? F("", !0) : (y(), U(bt, {
-        key: 5,
+        $(t.$slots, "svg", G(X({ svg: W.value, isZoom: I.value, rect: F.value, config: e.value })), void 0, !0)
+      ], 14, Vt)) : O("", !0),
+      t.$slots.watermark ? (g(), w("div", jt, [
+        $(t.$slots, "watermark", G(X({ isPrinting: k(pe) || k(ge) })), void 0, !0)
+      ])) : O("", !0),
+      c.value ? O("", !0) : (g(), U(kt, {
+        key: 6,
         config: {
           type: "treemap",
           style: {
@@ -710,26 +718,26 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
           }
         }
       }, null, 8, ["config"])),
-      O("div", {
+      S("div", {
         ref_key: "chartLegend",
-        ref: z
+        ref: P
       }, [
-        e.value.style.chart.legend.show ? (y(), U(mt, {
-          key: `legend_${ve.value}`,
-          legendSet: xe.value,
-          config: qe.value,
+        e.value.style.chart.legend.show ? (g(), U(wt, {
+          key: `legend_${he.value}`,
+          legendSet: Te.value,
+          config: Ye.value,
           id: `treemap_legend_${h.value}`,
-          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Te(o))
+          onClickMarker: l[1] || (l[1] = ({ legend: o }) => _e(o))
         }, {
           item: x(({ legend: o, index: r }) => [
-            O("div", {
-              onClick: (m) => Te(o),
-              style: B(`opacity:${g.value.includes(o.id) ? 0.5 : 1}`)
+            S("div", {
+              onClick: (m) => _e(o),
+              style: B(`opacity:${y.value.includes(o.id) ? 0.5 : 1}`)
             }, [
-              Ie(Y(o.name) + ": " + Y(b(ne)(
+              Fe(Y(o.name) + ": " + Y(k(ne)(
                 e.value.style.chart.layout.labels.formatter,
                 o.value,
-                b(K)({
+                k(K)({
                   p: e.value.style.chart.layout.labels.prefix,
                   v: o.value,
                   s: e.value.style.chart.layout.labels.suffix,
@@ -737,24 +745,24 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              g.value.includes(o.id) ? (y(), C("span", Yt, " ( - % ) ")) : (y(), C("span", jt, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-            ], 12, qt)
+              y.value.includes(o.id) ? (g(), w("span", Jt, " ( - % ) ")) : (g(), w("span", Zt, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+            ], 12, Yt)
           ]),
           _: 1
         }, 8, ["legendSet", "config", "id"])) : $(t.$slots, "legend", {
           key: 1,
-          legend: xe.value
+          legend: Te.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (y(), C("div", {
-        key: 6,
+      t.$slots.source ? (g(), w("div", {
+        key: 7,
         ref_key: "source",
         ref: R,
         dir: "auto"
       }, [
         $(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : F("", !0),
-      ze(yt, {
+      ], 512)) : O("", !0),
+      Pe(bt, {
         show: D.value.showTooltip && v.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -765,9 +773,9 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: f.value,
-        content: S.value,
-        isCustom: b(De)(e.value.style.chart.tooltip.customFormat)
+        parent: p.value,
+        content: N.value,
+        isCustom: k(Me)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": x(() => [
           $(t.$slots, "tooltip-before", G(X({ ...ue.value })), void 0, !0)
@@ -777,8 +785,8 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      c.value ? (y(), U(kt, {
-        key: 7,
+      c.value ? (g(), U($t, {
+        key: 8,
         hideDetails: "",
         config: {
           open: D.value.showTable,
@@ -794,8 +802,8 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
         }
       }, {
         content: x(() => [
-          (y(), U(wt, {
-            key: `table_${de.value}`,
+          (g(), U(Ct, {
+            key: `table_${ve.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
             body: te.value.body,
@@ -804,22 +812,22 @@ const Lt = (a) => (ot("data-v-b9bc8597"), a = a(), lt(), a), Rt = ["id"], Dt = [
             onClose: l[2] || (l[2] = (o) => D.value.showTable = !1)
           }, {
             th: x(({ th: o }) => [
-              O("div", {
+              S("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Zt)
+              }, null, 8, Kt)
             ]),
             td: x(({ td: o }) => [
-              Ie(Y(o.name || o), 1)
+              Fe(Y(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : F("", !0)
-    ], 14, Rt));
+      }, 8, ["config"])) : O("", !0)
+    ], 14, Mt));
   }
-}, ho = /* @__PURE__ */ _t(Jt, [["__scopeId", "data-v-b9bc8597"]]);
+}, po = /* @__PURE__ */ St(Qt, [["__scopeId", "data-v-04106534"]]);
 export {
-  ho as default
+  po as default
 };