vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-treemap-CXoXEuSA.js → vue-ui-treemap-BGFmZcII.js}

@@ -1,18 +1,19 @@
-import { useSlots as nt, onMounted as Le, computed as k, ref as f, watch as st, onBeforeUnmount as rt, createElementBlock as C, openBlock as p, unref as g, normalizeStyle as D, normalizeClass as Re, createBlock as E, createCommentVNode as P, createElementVNode as z, createVNode as De, createSlots as ut, withCtx as T, renderSlot as x, normalizeProps as X, guardReactiveProps as j, Fragment as Me, renderList as Ve, toDisplayString as Y, mergeProps as it, createTextVNode as Ue, nextTick as ct } from "vue";
-import { u as dt, c as Be, t as vt, p as O, a as ht, b as ft, o as pt, e as gt, d as ae, i as ne, f as K, X as yt, l as He, G as We, x as Ee, q as mt, r as bt, y as wt } from "./index-B9qF6XbP.js";
-import { _ as kt } from "./Title-D6h1gTvZ.js";
-import { u as Ct, U as $t } from "./usePrinter-DsiBLAy1.js";
-import { _ as xt } from "./Tooltip-BonEVaob.js";
-import { L as Tt } from "./Legend-BDyPoYfp.js";
-import Ot from "./vue-ui-skeleton-CHEZlRpn.js";
-import { D as _t } from "./DataTable-CJN0sipt.js";
-import St from "./vue-ui-accordion-DBmchkva.js";
-import { t as Nt, u as Pt } from "./useResponsive-BWapHhVH.js";
-import { u as Ge } from "./useNestedProp-g5oKzlVy.js";
-import { _ as zt } from "./PackageVersion-DqmHcoqz.js";
-import { P as At } from "./PenAndPaper-6UYizrkQ.js";
-import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { useSlots as st, onMounted as Ie, 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 Le, createBlock as E, createCommentVNode as P, createElementVNode as z, createVNode as De, createSlots as it, withCtx as T, renderSlot as x, normalizeProps as X, guardReactiveProps as j, Fragment as Me, renderList as Ve, toDisplayString as Y, mergeProps as ct, createTextVNode as Ue, nextTick as dt } from "vue";
+import { u as vt, c as Be, 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 He, G as We, x as Ee, q as bt, r as wt, y as kt } from "./index-CZlI7PiS.js";
+import { _ as Ct } from "./Title-DePxeqVl.js";
+import { u as $t, U as xt } from "./usePrinter-D-sSdR2l.js";
+import { _ as Tt } from "./Tooltip-DRw9RoFp.js";
+import { L as Ot } from "./Legend-Oaw0MY8Y.js";
+import _t from "./vue-ui-skeleton-D8r-yAkW.js";
+import { D as St } from "./DataTable-D0-zzsJg.js";
+import Nt from "./vue-ui-accordion-DVtmOO3I.js";
+import { t as Pt, u as zt } from "./useResponsive-BWapHhVH.js";
+import { u as Ge } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as At } from "./PackageVersion-J_USnljf.js";
+import { P as Ft } from "./PenAndPaper-CoEXEMcN.js";
+import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as It } from "./useChartAccessibility-BWojgys7.js";
+import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function qe(a, u) {
   const s = a.length;
   if (s === 0)
@@ -38,7 +39,7 @@ function Xe(a) {
     y1: s + n
   };
 }
-function Lt(a, u, s) {
+function Dt(a, u, s) {
   if (a.length === 0)
     return !0;
   {
@@ -49,7 +50,7 @@ function Lt(a, u, s) {
     return n >= d;
   }
 }
-function Rt(a) {
+function Mt(a) {
   const u = [], s = a.length;
   for (let i = 0; i < s; i += 1) {
     const n = a[i], d = n.length;
@@ -58,14 +59,14 @@ function Rt(a) {
   }
   return u;
 }
-function Dt(a, u) {
+function Vt(a, u) {
   const s = {
     ...u,
     children: a
   };
   return Ye(s);
 }
-function Mt(a) {
+function Ut(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
 function je(a, u) {
@@ -96,11 +97,11 @@ function je(a, u) {
     return w;
   }
 }
-function Vt(a) {
+function Bt(a) {
   const u = de(a), s = u.width, i = u.height;
   return Math.min(s, i);
 }
-function Ut(a, u) {
+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 = [];
   let c, v;
   for (let h = 0; h < s; h += 1)
@@ -118,7 +119,7 @@ function de(a) {
     height: n - s
   };
 }
-function Bt(a, u, s, i) {
+function Wt(a, u, s, i) {
   let n = a, d = u, c = s, v = i;
   for (; ; ) {
     const h = n.length;
@@ -126,8 +127,8 @@ function Bt(a, u, s, i) {
       const w = je(d, c);
       return v.concat(w);
     }
-    const S = Vt(c), _ = n[0], N = n.slice(1, h);
-    if (Lt(d, _, S)) {
+    const S = Bt(c), _ = n[0], N = n.slice(1, h);
+    if (Dt(d, _, S)) {
       const w = d.concat(_);
       n = N, d = w, c = c, v = v;
     } else {
@@ -135,7 +136,7 @@ function Bt(a, u, s, i) {
       let b = 0;
       for (let A = 0; A < w; A += 1)
         b += d[A].normalizedValue;
-      const y = Ht(c, b), $ = je(d, c), M = v.concat($);
+      const y = Et(c, b), $ = je(d, c), M = v.concat($);
       n = n, d = [], c = y, v = M;
     }
   }
@@ -144,16 +145,16 @@ function Ye(a) {
   if (typeof a.children > "u" || !a.children.length)
     return [a];
   {
-    const u = Ut(
+    const u = Ht(
       a.children,
-      Mt(a)
-    ), s = Bt(u, [], a, []), i = s.length, n = [];
+      Ut(a)
+    ), s = Wt(u, [], a, []), i = s.length, n = [];
     for (let c = 0; c < i; c += 1)
       n.push(Ye(s[c]));
-    return Rt(n);
+    return Mt(n);
   }
 }
-function Ht(a, u) {
+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 = {
@@ -173,13 +174,13 @@ function Ht(a, u) {
     return Xe(h);
   }
 }
-const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt = ["stop-color"], jt = ["stop-color"], Yt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Zt = ["x", "y", "height", "width"], Jt = {
+const Gt = ["id"], qt = ["xmlns", "viewBox"], Xt = { key: 0 }, jt = ["id"], Yt = ["stop-color"], Zt = ["stop-color"], Jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Kt = ["x", "y", "height", "width"], Qt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, Kt = {
+}, eo = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Qt = ["onClick"], eo = { key: 0 }, to = { key: 1 }, oo = ["innerHTML"], lo = {
+}, to = ["onClick"], oo = { key: 0 }, lo = { key: 1 }, ao = ["innerHTML"], no = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -197,14 +198,14 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(a, { expose: u, emit: s }) {
-    const { vue_ui_treemap: i } = dt(), n = a, d = s, c = nt();
-    Le(() => {
+    const { vue_ui_treemap: i } = vt(), n = a, d = s, c = st();
+    Ie(() => {
       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(Be()), _ = f(!1), N = f(""), w = f(!1), b = f(0), y = f([]), $ = 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: () => be(),
       set: (t) => t
-    }), { userOptionsVisible: se, setUserOptionsVisibility: ye, keepUserOptionState: me } = Ft({ config: e.value });
+    }), { userOptionsVisible: se, setUserOptionsVisibility: ye, keepUserOptionState: me } = Rt({ config: e.value }), { svgRef: Ze } = It({ config: e.value.style.chart.title });
     function be() {
       const t = Ge({
         userConfig: n.config,
@@ -212,19 +213,19 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       });
       return t.theme ? {
         ...Ge({
-          userConfig: ht.vue_ui_treemap[t.theme] || n.config,
+          userConfig: ft.vue_ui_treemap[t.theme] || n.config,
           defaultConfig: t
         }),
-        customPalette: vt[t.theme] || O
+        customPalette: ht[t.theme] || O
       } : t;
     }
-    st(() => n.config, (t) => {
+    rt(() => n.config, (t) => {
       e.value = be(), se.value = !e.value.userOptions.showOnChartHover, fe.value += 1, pe.value += 1, ge.value += 1, F.value.showTable = e.value.table.show, F.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: we, isImaging: ke, generatePdf: Ce, generateImage: $e } = Ct({
+    const { isPrinting: we, isImaging: ke, generatePdf: Ce, generateImage: $e } = $t({
       elementId: `treemap_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), Ze = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => ft(e.value.customPalette)), F = f({
+    }), Je = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = k(() => pt(e.value.customPalette)), F = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), V = f({
@@ -248,16 +249,16 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       });
     }
     const H = f(n.dataset), ee = f(null);
-    Le(() => {
-      Je();
+    Ie(() => {
+      Ke();
     });
-    function Je() {
-      if (pt(n.dataset) && gt({
+    function Ke() {
+      if (gt(n.dataset) && yt({
         componentName: "VueUiTreemap",
         type: "dataset"
       }), xe(H.value), e.value.responsive) {
-        const t = Nt(() => {
-          const { width: l, height: o } = Pt({
+        const t = Pt(() => {
+          const { width: l, height: o } = zt({
             chart: $.value,
             title: e.value.style.chart.title.text ? M.value : null,
             legend: e.value.style.chart.legend.show ? A.value : null,
@@ -271,7 +272,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         ee.value = new ResizeObserver(t), ee.value.observe($.value.parentNode);
       }
     }
-    rt(() => {
+    ut(() => {
       ee.value && ee.value.disconnect();
     });
     const re = f(H.value), Z = k(() => re.value.map((t, l) => ({
@@ -291,23 +292,23 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
     function Oe(t, l) {
       return t.value / l;
     }
-    function Ke(t, l, o) {
+    function Qe(t, l, o) {
       const r = e.value.style.chart.layout.rects.colorRatio - Oe(l, o);
       return He(t, r < 0 ? 0 : r);
     }
     function _e(t, l, o, r) {
       return t.map((m, U) => {
-        const le = Ke(ae(l) || Q.value[U] || O[U] || O[U % O.length], m, r), at = Oe(m, r);
+        const le = Qe(ae(l) || Q.value[U] || O[U] || O[U % O.length], m, r), nt = Oe(m, r);
         return {
           ...m,
           color: le,
-          proportion: at,
+          proportion: nt,
           parentName: o,
           children: m.children ? _e(m.children, le, m.name, r) : void 0
         };
       });
     }
-    const J = k(() => Dt(
+    const J = k(() => Vt(
       Te.value.map((t, l) => {
         const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
         return {
@@ -330,7 +331,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       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 Qe(t) {
+    function et(t) {
       w.value = t, b.value += 1;
     }
     const q = k(() => ({
@@ -338,7 +339,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       startY: 0,
       width: B.value.vbWidth,
       height: B.value.vbHeight
-    })), I = f(!1);
+    })), R = f(!1);
     function ue(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
@@ -351,17 +352,17 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       }
       return null;
     }
-    function et(t) {
-      if (I.value)
+    function tt(t) {
+      if (R.value)
         d("selectDatapoint", void 0), re.value = H.value;
       else {
         if (d("selectDatapoint", t), !ue(t.parentId))
           return;
         re.value = [ue(t.parentId)];
       }
-      I.value = !I.value;
+      R.value = !R.value;
     }
-    const L = f(null), Pe = k(() => H.value.map((t, l) => ({
+    const I = f(null), Pe = k(() => H.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || O[l] || O[l % O.length],
       shape: "square"
@@ -369,7 +370,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       ...t,
       proportion: t.value / H.value.map((o) => o.value).reduce((o, r) => o + r, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1
-    }))), tt = k(() => ({
+    }))), ot = k(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -378,13 +379,13 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function ze(t) {
-      I.value = !1, L.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", Te.value);
+      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", Te.value);
     }
     const ie = f(null);
-    function ot({ datapoint: t, seriesIndex: l }) {
-      L.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
+    function lt({ datapoint: t, seriesIndex: l }) {
+      I.value = t, ie.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (Ee(o) && wt(() => o({
+      if (Ee(o) && kt(() => o({
         seriesIndex: l,
         datapoint: t,
         series: Z.value,
@@ -412,7 +413,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       }
       _.value = !0;
     }
-    const R = k(() => {
+    const L = k(() => {
       const t = J.value.map((o) => ({
         name: o.name,
         color: o.color
@@ -420,11 +421,11 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       return { head: t, body: l };
     });
     function Ae() {
-      ct(() => {
-        const t = R.value.head.map((r, m) => [[
+      dt(() => {
+        const t = L.value.head.map((r, m) => [[
           r.name
-        ], [R.value.body[m]], [isNaN(R.value.body[m] / G.value) ? "-" : R.value.body[m] / G.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = mt(l);
-        bt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [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);
+        wt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const te = k(() => {
@@ -432,13 +433,13 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], l = R.value.head.map((m, U) => {
+      ], l = L.value.head.map((m, U) => {
         const le = ne(
           e.value.style.chart.layout.labels.formatter,
-          R.value.body[U],
+          L.value.body[U],
           K({
             p: e.value.style.chart.layout.labels.prefix,
-            v: R.value.body[U],
+            v: L.value.body[U],
             s: e.value.style.chart.layout.labels.suffix,
             r: e.value.table.td.roundingValue
           })
@@ -450,8 +451,8 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
             shape: "square"
           },
           le,
-          isNaN(R.value.body[U] / G.value) ? "-" : K({
-            v: R.value.body[U] / G.value * 100,
+          isNaN(L.value.body[U] / G.value) ? "-" : K({
+            v: L.value.body[U] / G.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -479,13 +480,13 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         config: o
       };
     });
-    function lt() {
+    function at() {
       return J.value;
     }
     function Fe() {
       F.value.showTable = !F.value.showTable;
     }
-    function Ie() {
+    function Re() {
       F.value.showTooltip = !F.value.showTooltip;
     }
     const oe = f(!1);
@@ -493,23 +494,23 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       oe.value = !oe.value;
     }
     return u({
-      getData: lt,
+      getData: at,
       generateCsv: Ae,
       generateImage: $e,
       generatePdf: Ce,
       toggleTable: Fe,
-      toggleTooltip: Ie,
+      toggleTooltip: Re,
       toggleAnnotator: ce
     }), (t, l) => (p(), C("div", {
       ref_key: "treemapChart",
       ref: $,
-      class: Re(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Le(`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}`,
       onMouseenter: l[3] || (l[3] = () => g(ye)(!0)),
       onMouseleave: l[4] || (l[4] = () => g(ye)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (p(), E(At, {
+      e.value.userOptions.buttons.annotator ? (p(), E(Ft, {
         key: 0,
         parent: $.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -517,7 +518,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         active: oe.value,
         onClose: ce
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : P("", !0),
-      Ze.value ? (p(), C("div", {
+      Je.value ? (p(), C("div", {
         key: 1,
         ref_key: "noTitle",
         ref: he,
@@ -530,7 +531,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         ref: M,
         style: D(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (p(), E(kt, {
+        (p(), E(Ct, {
           key: `title_${fe.value}`,
           config: {
             title: {
@@ -544,7 +545,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
           }
         }, null, 8, ["config"]))
       ], 4)) : P("", !0),
-      e.value.userOptions.show && v.value && (g(me) || g(se)) ? (p(), E($t, {
+      e.value.userOptions.show && v.value && (g(me) || g(se)) ? (p(), E(xt, {
         ref: "details",
         key: `user_option_${b.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -565,17 +566,17 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
-        onToggleFullscreen: Qe,
+        onToggleFullscreen: et,
         onGeneratePdf: g(Ce),
         onGenerateCsv: Ae,
         onGenerateImage: g($e),
         onToggleTable: Fe,
-        onToggleTooltip: Ie,
+        onToggleTooltip: Re,
         onToggleAnnotator: ce,
         style: D({
           visibility: g(me) ? g(se) ? "visible" : "hidden" : "visible"
         })
-      }, ut({ _: 2 }, [
+      }, it({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: T(() => [
@@ -628,14 +629,16 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       ]), 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", {
         key: 4,
-        xmlns: g(yt),
-        class: Re({ "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 }),
+        ref_key: "svgRef",
+        ref: Ze,
+        xmlns: g(mt),
+        class: Le({ "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}`,
         style: D(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        De(zt),
+        De(At),
         (p(!0), C(Me, null, Ve(J.value, (o, r) => (p(), C("g", null, [
-          e.value.style.chart.layout.rects.gradient.show ? (p(), C("defs", Gt, [
+          e.value.style.chart.layout.rects.gradient.show ? (p(), C("defs", Xt, [
             z("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -643,12 +646,12 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
               z("stop", {
                 offset: "18%",
                 "stop-color": o.color
-              }, null, 8, Xt),
+              }, null, 8, Yt),
               z("stop", {
                 offset: "100%",
                 "stop-color": g(He)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, jt)
-            ], 8, qt)
+              }, null, 8, Zt)
+            ], 8, jt)
           ])) : P("", !0)
         ]))), 256)),
         (p(!0), C(Me, null, Ve(J.value, (o, r) => (p(), C("g", null, [
@@ -659,19 +662,19 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
             width: Ne(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: 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) => et(o),
-            onMouseenter: () => ot({
+            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) => tt(o),
+            onMouseenter: () => lt({
               datapoint: o,
               seriesIndex: r
             }),
             onMouseleave: l[0] || (l[0] = (m) => {
-              L.value = null, _.value = !1;
+              I.value = null, _.value = !1;
             }),
-            style: D(`opacity:${L.value ? L.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: D(`opacity:${I.value ? I.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
-          }, null, 44, Yt),
+          }, null, 44, Jt),
           (p(), C("foreignObject", {
             x: o.x0,
             y: o.y0,
@@ -679,8 +682,8 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
             width: Ne(o),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            z("div", Jt, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value) ? (p(), C("div", {
+            z("div", Qt, [
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || R.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(We)(o.color)}`)
@@ -703,22 +706,22 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
                   { datapoint: o }
                 )), 5)
               ], 4)) : P("", !0),
-              x(t.$slots, "rect", it({ ref_for: !0 }, {
+              x(t.$slots, "rect", ct({ ref_for: !0 }, {
                 rect: o,
-                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value,
+                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || R.value,
                 fontSize: W(o),
-                isZoom: I.value,
+                isZoom: R.value,
                 textColor: g(We)(o.color)
               }), void 0, !0)
             ])
-          ], 8, Zt))
+          ], 8, Kt))
         ]))), 256)),
-        x(t.$slots, "svg", X(j({ svg: B.value, isZoom: I.value, rect: L.value, config: e.value })), void 0, !0)
-      ], 14, Et)) : P("", !0),
-      t.$slots.watermark ? (p(), C("div", Kt, [
+        x(t.$slots, "svg", X(j({ svg: B.value, isZoom: R.value, rect: I.value, config: e.value })), void 0, !0)
+      ], 14, qt)) : P("", !0),
+      t.$slots.watermark ? (p(), C("div", eo, [
         x(t.$slots, "watermark", X(j({ isPrinting: g(we) || g(ke) })), void 0, !0)
       ])) : P("", !0),
-      v.value ? P("", !0) : (p(), E(Ot, {
+      v.value ? P("", !0) : (p(), E(_t, {
         key: 6,
         config: {
           type: "treemap",
@@ -734,10 +737,10 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         ref_key: "chartLegend",
         ref: A
       }, [
-        e.value.style.chart.legend.show ? (p(), E(Tt, {
+        e.value.style.chart.legend.show ? (p(), E(Ot, {
           key: `legend_${ge.value}`,
           legendSet: Pe.value,
-          config: tt.value,
+          config: ot.value,
           id: `treemap_legend_${S.value}`,
           onClickMarker: l[1] || (l[1] = ({ legend: o }) => ze(o))
         }, {
@@ -757,8 +760,8 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              y.value.includes(o.id) ? (p(), C("span", to, " ( - % ) ")) : (p(), C("span", eo, " (" + Y(isNaN(o.value / G.value) ? "-" : (o.value / G.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-            ], 12, Qt)
+              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))
+            ], 12, to)
           ]),
           _: 1
         }, 8, ["legendSet", "config", "id"])) : x(t.$slots, "legend", {
@@ -774,7 +777,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
       }, [
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : P("", !0),
-      De(xt, {
+      De(Tt, {
         show: F.value.showTooltip && _.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -798,7 +801,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      v.value ? (p(), E(St, {
+      v.value ? (p(), E(Nt, {
         key: 8,
         hideDetails: "",
         config: {
@@ -815,7 +818,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         }
       }, {
         content: T(() => [
-          (p(), E(_t, {
+          (p(), E(St, {
             key: `table_${pe.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -828,7 +831,7 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
               z("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, oo)
+              }, null, 8, ao)
             ]),
             td: T(({ td: o }) => [
               Ue(Y(o.name || o), 1)
@@ -838,9 +841,9 @@ const Wt = ["id"], Et = ["xmlns", "viewBox"], Gt = { key: 0 }, qt = ["id"], Xt =
         ]),
         _: 1
       }, 8, ["config"])) : P("", !0)
-    ], 46, Wt));
+    ], 46, Gt));
   }
-}, wo = /* @__PURE__ */ It(lo, [["__scopeId", "data-v-5ca3d743"]]);
+}, $o = /* @__PURE__ */ Lt(no, [["__scopeId", "data-v-d8ef1a35"]]);
 export {
-  wo as default
+  $o as default
 };