vue-data-ui 2.6.51 → 2.6.52-beta.1

package/dist/{vue-ui-treemap-DyJ_Ath1.js → vue-ui-treemap-vRqafziK.js}

@@ -1,21 +1,21 @@
 import { useSlots as pt, onMounted as je, computed as C, ref as g, watch as gt, onBeforeUnmount as mt, createElementBlock as y, openBlock as v, unref as m, normalizeStyle as L, normalizeClass as me, createBlock as X, createCommentVNode as _, createElementVNode as O, createVNode as ye, createSlots as yt, withCtx as x, renderSlot as $, normalizeProps as j, guardReactiveProps as Y, Fragment as ce, renderList as be, withKeys as Ye, withModifiers as ke, mergeProps as Ke, createTextVNode as de, toDisplayString as K, nextTick as bt } from "vue";
-import { u as kt, c as Ze, t as wt, p as S, a as Ct, b as $t, o as xt, e as Tt, d as ve, i as he, f as le, X as _t, l as Je, G as Qe, x as et, q as Ot, r as St, y as It } from "./index-C3amwS0l.js";
-import { _ as Nt } from "./Title-D-dsYBke.js";
-import { u as zt, U as Ft } from "./usePrinter-CUdxA1Bg.js";
-import { _ as At } from "./Tooltip-DFPLXjvj.js";
-import { L as Pt } from "./Legend-Cz7Cx76P.js";
-import Rt from "./vue-ui-skeleton-CrT5EE2W.js";
-import { D as Lt } from "./DataTable-BciZ6nvV.js";
-import Dt from "./vue-ui-accordion-BBc1ZMpG.js";
+import { u as kt, c as Ze, t as wt, p as S, a as Ct, b as $t, o as xt, e as Tt, d as ve, i as he, f as oe, X as _t, l as Je, G as Qe, x as et, q as Ot, r as St, y as It } from "./index-BkzHk-mH.js";
+import { _ as Nt } from "./Title-B_6aT-6J.js";
+import { u as zt, U as Ft } from "./usePrinter-zF7SO-jf.js";
+import { _ as At } from "./Tooltip-Ue-AAjZt.js";
+import { L as Pt } from "./Legend-1Ck4SMAf.js";
+import Rt from "./vue-ui-skeleton-DxHXl65y.js";
+import { D as Lt } from "./DataTable-DGdwXWsw.js";
+import Dt from "./vue-ui-accordion-BISaJ4se.js";
 import { t as Mt, u as Vt } from "./useResponsive-Cw4oZ8sQ.js";
-import { u as tt } from "./useNestedProp-D9I77VlT.js";
-import { _ as Bt } from "./PackageVersion-o03zxIgy.js";
-import { P as Ht } from "./PenAndPaper-CkHrxfug.js";
+import { u as tt } from "./useNestedProp-K8B9GMrW.js";
+import { _ as Bt } from "./PackageVersion-BvgxXhNs.js";
+import { P as Ht } from "./PenAndPaper-Ck-AwE4Q.js";
 import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Wt } from "./useChartAccessibility-BWojgys7.js";
-import Et from "./BaseIcon-CTAy5_xi.js";
+import Et from "./BaseIcon-CFB6fPTZ.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function lt(n, r) {
+function ot(n, r) {
   const u = n.length;
   if (u === 0)
     throw new Error(`Max aspect ratio cannot be computed: ${n} is an empty array`);
@@ -31,7 +31,7 @@ function lt(n, r) {
     );
   }
 }
-function ot(n) {
+function lt(n) {
   const { xOffset: r, yOffset: u, width: i, height: s } = n;
   return {
     x0: r,
@@ -44,10 +44,10 @@ function qt(n, r, u) {
   if (n.length === 0)
     return !0;
   {
-    const i = n.concat(r), s = lt(
+    const i = n.concat(r), s = ot(
       n,
       u
-    ), c = lt(i, u);
+    ), c = ot(i, u);
     return s >= c;
   }
 }
@@ -164,7 +164,7 @@ function Qt(n, r) {
       width: f,
       height: i
     };
-    return ot(p);
+    return lt(p);
   } else {
     const d = r / u, f = i - d, p = {
       xOffset: s,
@@ -172,26 +172,26 @@ function Qt(n, r) {
       width: u,
       height: f
     };
-    return ot(p);
+    return lt(p);
   }
 }
-const el = ["id"], tl = {
+const eo = ["id"], to = {
   key: 4,
   class: "vue-ui-treemap-breadcrumbs",
-  "data-html2canvas-ignore": ""
-}, ll = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], ol = { class: "vue-ui-treemap-crumb-unit" }, al = { class: "vue-ui-treemap-crumb-unit-label" }, nl = {
+  "data-dom-to-png-ignore": ""
+}, oo = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], lo = { class: "vue-ui-treemap-crumb-unit" }, ao = { class: "vue-ui-treemap-crumb-unit-label" }, no = {
   key: 0,
   style: { width: "24px", display: "flex", "align-items": "center" }
-}, sl = {
+}, so = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
-}, ul = ["xmlns", "viewBox"], rl = { key: 0 }, il = ["id"], cl = ["stop-color"], dl = ["stop-color"], vl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], hl = ["x", "y", "height", "width"], fl = {
+}, uo = ["xmlns", "viewBox"], ro = { key: 0 }, io = ["id"], co = ["stop-color"], vo = ["stop-color"], ho = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], fo = ["x", "y", "height", "width"], po = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, pl = {
+}, go = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, gl = ["onClick"], ml = { key: 0 }, yl = { key: 1 }, bl = ["innerHTML"], kl = {
+}, mo = ["onClick"], yo = { key: 0 }, bo = { key: 1 }, ko = ["innerHTML"], wo = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -237,7 +237,7 @@ const el = ["id"], tl = {
       elementId: `treemap_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-treemap",
       options: t.value.userOptions.print
-    }), st = C(() => t.value.userOptions.show && !t.value.style.chart.title.text), oe = C(() => $t(t.value.customPalette)), P = g({
+    }), st = C(() => t.value.userOptions.show && !t.value.style.chart.title.text), le = C(() => $t(t.value.customPalette)), P = g({
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
     }), V = g({
@@ -254,10 +254,10 @@ const el = ["id"], tl = {
       width: V.value.width - t.value.style.chart.padding.left - t.value.style.chart.padding.right
     }));
     function Re(e) {
-      e.forEach((o, l) => {
-        o.id = Ze(), o.color = ve(o.color) || oe.value[l] || S[l] || S[l % S.length], o.children && (o.children.forEach((a) => {
-          a.parentId = o.id, a.color = o.color;
-        }), Re(o.children));
+      e.forEach((l, o) => {
+        l.id = Ze(), l.color = ve(l.color) || le.value[o] || S[o] || S[o % S.length], l.children && (l.children.forEach((a) => {
+          a.parentId = l.id, a.color = l.color;
+        }), Re(l.children));
       });
     }
     const B = g(s.dataset), ae = g(null);
@@ -270,7 +270,7 @@ const el = ["id"], tl = {
         type: "dataset"
       }), Re(B.value), t.value.responsive) {
         const e = Mt(() => {
-          const { width: o, height: l } = Vt({
+          const { width: l, height: o } = Vt({
             chart: T.value,
             title: t.value.style.chart.title.text ? M.value : null,
             legend: t.value.style.chart.legend.show ? A.value : null,
@@ -278,7 +278,7 @@ const el = ["id"], tl = {
             noTitle: $e.value
           });
           requestAnimationFrame(() => {
-            V.value.width = o, V.value.height = l;
+            V.value.width = l, V.value.height = o;
           });
         });
         ae.value = new ResizeObserver(e), ae.value.observe(T.value.parentNode);
@@ -287,61 +287,61 @@ const el = ["id"], tl = {
     mt(() => {
       ae.value && ae.value.disconnect();
     });
-    const Z = g(B.value), ee = C(() => Z.value.map((e, o) => ({
+    const Z = g(B.value), ee = C(() => Z.value.map((e, l) => ({
       ...e,
-      color: ve(e.color) || oe.value[o] || S[o] || S[o % S.length]
-    })).filter((e) => !b.value.includes(e.id))), J = C(() => B.value.filter((e) => !b.value.includes(e.id)).map((e) => e.value || 0).reduce((e, o) => e + o, 0)), Le = C({
+      color: ve(e.color) || le.value[l] || S[l] || S[l % S.length]
+    })).filter((e) => !b.value.includes(e.id))), J = C(() => B.value.filter((e) => !b.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)), Le = C({
       get() {
         let e = [...ee.value];
-        return t.value.style.chart.layout.sorted && (e = [...ee.value].sort((o, l) => l.value - o.value)), e.map((o) => ({
-          ...o
+        return t.value.style.chart.layout.sorted && (e = [...ee.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
+          ...l
         }));
       },
       set(e) {
         return e;
       }
     });
-    function De(e, o) {
-      return e.value / o;
+    function De(e, l) {
+      return e.value / l;
     }
-    function rt(e, o, l) {
-      const a = t.value.style.chart.layout.rects.colorRatio - De(o, l);
+    function rt(e, l, o) {
+      const a = t.value.style.chart.layout.rects.colorRatio - De(l, o);
       return Je(e, a < 0 ? 0 : a);
     }
-    function Me(e, o, l, a) {
+    function Me(e, l, o, a) {
       return e.map((h, W) => {
-        const ie = rt(ve(o) || oe.value[W] || S[W] || S[W % S.length], h, a), ft = De(h, a);
+        const ie = rt(ve(l) || le.value[W] || S[W] || S[W % S.length], h, a), ft = De(h, a);
         return {
           ...h,
           color: ie,
           proportion: ft,
-          parentName: l,
+          parentName: o,
           children: h.children ? Me(h.children, ie, h.name, a) : void 0
         };
       });
     }
     const te = C(() => jt(
-      Le.value.map((e, o) => {
-        const l = e.children ? e.children.reduce((a, h) => a + h.value, 0) : e.value;
+      Le.value.map((e, l) => {
+        const o = e.children ? e.children.reduce((a, h) => a + h.value, 0) : e.value;
         return {
           value: e.value,
           id: e.id,
-          children: e.children ? Me(e.children.sort((a, h) => h.value - a.value), e.color, e.name, l) : void 0,
+          children: e.children ? Me(e.children.sort((a, h) => h.value - a.value), e.color, e.name, o) : void 0,
           color: e.color,
           name: e.name
         };
       }),
       { x0: E.value.left * 2, y0: E.value.top, x1: E.value.width, y1: E.value.height }
     ));
-    function Ve({ y0: e, y1: o }) {
-      return o - e <= 0 ? 1e-4 : o - e;
+    function Ve({ y0: e, y1: l }) {
+      return l - e <= 0 ? 1e-4 : l - e;
     }
-    function Be({ x0: e, x1: o }) {
-      return o - e <= 0 ? 1e-4 : o - e;
+    function Be({ x0: e, x1: l }) {
+      return l - e <= 0 ? 1e-4 : l - e;
     }
     function G(e) {
-      const o = t.value.style.chart.layout.labels.fontSize * (e.proportion * 2 > 1 ? 1 : e.proportion * 2);
-      return o < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : o;
+      const l = t.value.style.chart.layout.labels.fontSize * (e.proportion * 2 > 1 ? 1 : e.proportion * 2);
+      return l < t.value.style.chart.layout.labels.minFontSize ? t.value.style.chart.layout.labels.minFontSize : l;
     }
     function it(e) {
       w.value = e, k.value += 1;
@@ -352,12 +352,12 @@ const el = ["id"], tl = {
       width: E.value.vbWidth,
       height: E.value.vbHeight
     }));
-    function q(e, o = B.value) {
-      for (const l of o) {
-        if (l.id === e)
-          return l;
-        if (l.children) {
-          const a = q(e, l.children);
+    function q(e, l = B.value) {
+      for (const o of l) {
+        if (o.id === e)
+          return o;
+        if (o.children) {
+          const a = q(e, o.children);
           if (a)
             return a;
         }
@@ -366,14 +366,14 @@ const el = ["id"], tl = {
     }
     const N = g([]), H = C(() => N.value.length > 0);
     function ne(e) {
-      var l;
+      var o;
       if (!e) {
         Z.value = B.value.slice(), c("selectDatapoint", void 0), N.value = [];
         return;
       }
-      const o = q(e.id);
-      if (o && ((l = o.children) != null && l.length))
-        N.value.push(o.id), Z.value = o.children.slice(), c("selectDatapoint", e);
+      const l = q(e.id);
+      if (l && ((o = l.children) != null && o.length))
+        N.value.push(l.id), Z.value = l.children.slice(), c("selectDatapoint", e);
       else if (e.parentId) {
         N.value.push(e.parentId);
         const a = q(e.parentId);
@@ -389,20 +389,20 @@ const el = ["id"], tl = {
       }
     }
     function ct(e) {
-      var l;
-      const o = q(e.id);
-      return !!((l = o == null ? void 0 : o.children) != null && l.length || e.parentId);
+      var o;
+      const l = q(e.id);
+      return !!((o = l == null ? void 0 : l.children) != null && o.length || e.parentId);
     }
     const U = C(() => {
       const e = [
         { id: null, label: "All" }
       ];
       if (N.value.length > 0) {
-        let o = q(N.value[N.value.length - 1]);
-        const l = [];
-        for (; o; )
-          l.unshift(o), o = o.parentId ? q(o.parentId) : null;
-        for (const a of l)
+        let l = q(N.value[N.value.length - 1]);
+        const o = [];
+        for (; l; )
+          o.unshift(l), l = l.parentId ? q(l.parentId) : null;
+        for (const a of o)
           e.push({
             id: a.id,
             label: a.name,
@@ -410,13 +410,13 @@ const el = ["id"], tl = {
           });
       }
       return e;
-    }), R = g(null), He = C(() => B.value.map((e, o) => ({
+    }), R = g(null), He = C(() => B.value.map((e, l) => ({
       ...e,
-      color: ve(e.color) || oe.value[o] || S[o] || S[o % S.length],
+      color: ve(e.color) || le.value[l] || S[l] || S[l % S.length],
       shape: "square"
-    })).sort((e, o) => o.value - e.value).map((e, o) => ({
+    })).sort((e, l) => l.value - e.value).map((e, l) => ({
       ...e,
-      proportion: e.value / B.value.map((l) => l.value).reduce((l, a) => l + a, 0),
+      proportion: e.value / B.value.map((o) => o.value).reduce((o, a) => o + a, 0),
       opacity: b.value.includes(e.id) ? 0.5 : 1
     }))), dt = C(() => ({
       cy: "treemap-div-legend",
@@ -427,20 +427,20 @@ const el = ["id"], tl = {
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
     function Ue(e) {
-      H.value = !1, R.value = null, b.value.includes(e.id) ? b.value = b.value.filter((o) => o !== e.id) : b.value.length < s.dataset.length - 1 && b.value.push(e.id), c("selectLegend", Le.value);
+      H.value = !1, R.value = null, b.value.includes(e.id) ? b.value = b.value.filter((l) => l !== e.id) : b.value.length < s.dataset.length - 1 && b.value.push(e.id), c("selectLegend", Le.value);
     }
     const pe = g(null);
-    function vt({ datapoint: e, seriesIndex: o }) {
-      R.value = e, pe.value = { datapoint: e, seriesIndex: o, config: t.value, series: ee.value };
-      const l = t.value.style.chart.tooltip.customFormat;
-      if (et(l) && It(() => l({
-        seriesIndex: o,
+    function vt({ datapoint: e, seriesIndex: l }) {
+      R.value = e, pe.value = { datapoint: e, seriesIndex: l, config: t.value, series: ee.value };
+      const o = t.value.style.chart.tooltip.customFormat;
+      if (et(o) && It(() => o({
+        seriesIndex: l,
         datapoint: e,
         series: ee.value,
         config: t.value
       })))
-        F.value = l({
-          seriesIndex: o,
+        F.value = o({
+          seriesIndex: l,
           datapoint: e,
           series: ee.value,
           config: t.value
@@ -450,30 +450,30 @@ const el = ["id"], tl = {
         a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, a += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, a += `<b>${he(
           t.value.style.chart.layout.labels.formatter,
           e.value,
-          le({
+          oe({
             p: t.value.style.chart.layout.labels.prefix,
             v: e.value,
             s: t.value.style.chart.layout.labels.suffix,
             r: t.value.style.chart.tooltip.roundingValue
           }),
-          { datapoint: e, seriesIndex: o }
+          { datapoint: e, seriesIndex: l }
         )}</b>`, F.value = `<div>${a}</div>`;
       }
       I.value = !0;
     }
     const D = C(() => {
-      const e = te.value.map((l) => ({
-        name: l.name,
-        color: l.color
-      })), o = te.value.map((l) => l.value);
-      return { head: e, body: o };
+      const e = te.value.map((o) => ({
+        name: o.name,
+        color: o.color
+      })), l = te.value.map((o) => o.value);
+      return { head: e, body: l };
     });
     function We() {
       bt(() => {
         const e = D.value.head.map((a, h) => [[
           a.name
-        ], [D.value.body[h]], [isNaN(D.value.body[h] / J.value) ? "-" : D.value.body[h] / J.value * 100]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(e), l = Ot(o);
-        St({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [D.value.body[h]], [isNaN(D.value.body[h] / J.value) ? "-" : D.value.body[h] / J.value * 100]]), l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(e), o = Ot(l);
+        St({ csvContent: o, title: t.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const se = C(() => {
@@ -481,11 +481,11 @@ const el = ["id"], tl = {
         t.value.table.columnNames.series,
         t.value.table.columnNames.value,
         t.value.table.columnNames.percentage
-      ], o = D.value.head.map((h, W) => {
+      ], l = D.value.head.map((h, W) => {
         const ie = he(
           t.value.style.chart.layout.labels.formatter,
           D.value.body[W],
-          le({
+          oe({
             p: t.value.style.chart.layout.labels.prefix,
             v: D.value.body[W],
             s: t.value.style.chart.layout.labels.suffix,
@@ -499,13 +499,13 @@ const el = ["id"], tl = {
             shape: "square"
           },
           ie,
-          isNaN(D.value.body[W] / J.value) ? "-" : le({
+          isNaN(D.value.body[W] / J.value) ? "-" : oe({
             v: D.value.body[W] / J.value * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
           })
         ];
-      }), l = {
+      }), o = {
         th: {
           backgroundColor: t.value.table.th.backgroundColor,
           color: t.value.table.th.color,
@@ -524,8 +524,8 @@ const el = ["id"], tl = {
           t.value.table.columnNames.value
         ],
         head: e,
-        body: o,
-        config: l
+        body: l,
+        config: o
       };
     });
     function ht() {
@@ -556,14 +556,14 @@ const el = ["id"], tl = {
       toggleTable: Ee,
       toggleTooltip: Ge,
       toggleAnnotator: ge
-    }), (e, o) => (v(), y("div", {
+    }), (e, l) => (v(), y("div", {
       ref_key: "treemapChart",
       ref: T,
       class: me(`vue-ui-treemap ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: L(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `treemap_${z.value}`,
-      onMouseenter: o[3] || (o[3] = () => m(Oe)(!0)),
-      onMouseleave: o[4] || (o[4] = () => m(Oe)(!1))
+      onMouseenter: l[3] || (l[3] = () => m(Oe)(!0)),
+      onMouseleave: l[4] || (l[4] = () => m(Oe)(!1))
     }, [
       t.value.userOptions.buttons.annotator ? (v(), X(Ht, {
         key: 0,
@@ -634,8 +634,8 @@ const el = ["id"], tl = {
       }, yt({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: l, color: a }) => [
-            $(e.$slots, "menuIcon", j(Y({ isOpen: l, color: a })), void 0, !0)
+          fn: x(({ isOpen: o, color: a }) => [
+            $(e.$slots, "menuIcon", j(Y({ isOpen: o, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -676,29 +676,29 @@ const el = ["id"], tl = {
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: l, isFullscreen: a }) => [
-            $(e.$slots, "optionFullscreen", j(Y({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+          fn: x(({ toggleFullscreen: o, isFullscreen: a }) => [
+            $(e.$slots, "optionFullscreen", j(Y({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: l, isAnnotator: a }) => [
-            $(e.$slots, "optionAnnotator", j(Y({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+          fn: x(({ toggleAnnotator: o, isAnnotator: a }) => [
+            $(e.$slots, "optionAnnotator", j(Y({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0),
-      U.value.length > 1 ? (v(), y("nav", tl, [
-        (v(!0), y(ce, null, be(U.value, (l, a) => (v(), y("span", {
+      U.value.length > 1 ? (v(), y("nav", to, [
+        (v(!0), y(ce, null, be(U.value, (o, a) => (v(), y("span", {
           role: "button",
           tabindex: a < U.value.length - 1 ? 0 : void 0,
-          key: l.id || "root",
+          key: o.id || "root",
           onClick: (h) => a === U.value.length - 1 ? () => {
-          } : ne(l.node),
+          } : ne(o.node),
           onKeydown: [
-            Ye(ke((h) => a === U.value.length - 1 ? void 0 : ne(l.node), ["prevent"]), ["enter"]),
-            Ye(ke((h) => a === U.value.length - 1 ? void 0 : ne(l.node), ["prevent"]), ["space"])
+            Ye(ke((h) => a === U.value.length - 1 ? void 0 : ne(o.node), ["prevent"]), ["enter"]),
+            Ye(ke((h) => a === U.value.length - 1 ? void 0 : ne(o.node), ["prevent"]), ["space"])
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === U.value.length - 1,
@@ -710,26 +710,26 @@ const el = ["id"], tl = {
           onFocus: (h) => qe(a),
           onBlur: Xe
         }, [
-          O("span", ol, [
-            O("span", al, [
-              $(e.$slots, "breadcrumb-label", Ke({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: re.value === a }), () => [
-                a === 0 ? (v(), y("div", nl, [
+          O("span", lo, [
+            O("span", ao, [
+              $(e.$slots, "breadcrumb-label", Ke({ ref_for: !0 }, { crumb: o, isRoot: a === 0, isFocus: re.value === a }), () => [
+                a === 0 ? (v(), y("div", no, [
                   ye(Et, {
                     name: re.value === 0 ? "homeFilled" : "home",
                     stroke: t.value.style.chart.color
                   }, null, 8, ["name", "stroke"])
                 ])) : (v(), y(ce, { key: 1 }, [
-                  de(K(l.label), 1)
+                  de(K(o.label), 1)
                 ], 64))
               ], !0)
             ]),
-            a < U.value.length - 1 ? (v(), y("span", sl, [
+            a < U.value.length - 1 ? (v(), y("span", so, [
               $(e.$slots, "breadcrumb-arrow", {}, () => [
-                o[5] || (o[5] = de(" › "))
+                l[5] || (l[5] = de(" › "))
               ], !0)
             ])) : _("", !0)
           ])
-        ], 44, ll))), 128))
+        ], 44, oo))), 128))
       ])) : _("", !0),
       f.value ? (v(), y("svg", {
         key: 5,
@@ -741,91 +741,91 @@ const el = ["id"], tl = {
         style: L(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         ye(Bt),
-        (v(!0), y(ce, null, be(te.value, (l, a) => (v(), y("g", null, [
-          t.value.style.chart.layout.rects.gradient.show ? (v(), y("defs", rl, [
+        (v(!0), y(ce, null, be(te.value, (o, a) => (v(), y("g", null, [
+          t.value.style.chart.layout.rects.gradient.show ? (v(), y("defs", ro, [
             O("radialGradient", {
-              id: `tgrad_${l.id}`,
+              id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
             }, [
               O("stop", {
                 offset: "18%",
-                "stop-color": l.color
-              }, null, 8, cl),
+                "stop-color": o.color
+              }, null, 8, co),
               O("stop", {
                 offset: "100%",
-                "stop-color": m(Je)(l.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, dl)
-            ], 8, il)
+                "stop-color": m(Je)(o.color, t.value.style.chart.layout.rects.gradient.intensity / 100)
+              }, null, 8, vo)
+            ], 8, io)
           ])) : _("", !0)
         ]))), 256)),
-        (v(!0), y(ce, null, be(te.value, (l, a) => (v(), y("g", null, [
+        (v(!0), y(ce, null, be(te.value, (o, a) => (v(), y("g", null, [
           O("rect", {
-            x: l.x0,
-            y: l.y0,
-            height: Ve(l),
-            width: Be(l),
-            fill: p.value ? l.color : t.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${l.id})` : l.color,
+            x: o.x0,
+            y: o.y0,
+            height: Ve(o),
+            width: Be(o),
+            fill: p.value ? o.color : t.value.style.chart.layout.rects.gradient.show ? `url(#tgrad_${o.id})` : o.color,
             rx: t.value.style.chart.layout.rects.borderRadius,
-            stroke: R.value && R.value.id === l.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
-            "stroke-width": R.value && R.value.id === l.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
-            onClick: ke((h) => ne(l), ["stop"]),
+            stroke: R.value && R.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
+            "stroke-width": R.value && R.value.id === o.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
+            onClick: ke((h) => ne(o), ["stop"]),
             onMouseenter: () => vt({
-              datapoint: l,
+              datapoint: o,
               seriesIndex: a
             }),
-            onMouseleave: o[0] || (o[0] = (h) => {
+            onMouseleave: l[0] || (l[0] = (h) => {
               R.value = null, I.value = !1;
             }),
-            style: L(`opacity:${R.value ? R.value.id === l.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: L(`opacity:${R.value ? R.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: me([
               "vue-ui-treemap-rect",
-              ct(l) ? "vue-data-ui-zoom-plus" : H.value ? "vue-data-ui-zoom-minus" : ""
+              ct(o) ? "vue-data-ui-zoom-plus" : H.value ? "vue-data-ui-zoom-minus" : ""
             ])
-          }, null, 46, vl),
+          }, null, 46, ho),
           (v(), y("foreignObject", {
-            x: l.x0,
-            y: l.y0,
-            height: Ve(l),
-            width: Be(l),
+            x: o.x0,
+            y: o.y0,
+            height: Ve(o),
+            width: Be(o),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            O("div", fl, [
-              t.value.style.chart.layout.labels.showDefaultLabels && (l.proportion > t.value.style.chart.layout.labels.hideUnderProportion || H.value) ? (v(), y("div", {
+            O("div", po, [
+              t.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || H.value) ? (v(), y("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: L(`width:calc(100% - ${G(l) / 1.5}px);text-align:left;line-height:${G(l) < 14 ? 14 : G(l)}px;padding:${G(l) / 3}px; color:${m(Qe)(l.color)}`)
+                style: L(`width:calc(100% - ${G(o) / 1.5}px);text-align:left;line-height:${G(o) < 14 ? 14 : G(o)}px;padding:${G(o) / 3}px; color:${m(Qe)(o.color)}`)
               }, [
                 O("span", {
-                  style: L(`width:100%;font-size:${G(l)}px;`)
-                }, K(l.name), 5),
-                o[6] || (o[6] = O("br", null, null, -1)),
+                  style: L(`width:100%;font-size:${G(o)}px;`)
+                }, K(o.name), 5),
+                l[6] || (l[6] = O("br", null, null, -1)),
                 O("span", {
-                  style: L(`width:100%;font-size:${G(l)}px;`)
+                  style: L(`width:100%;font-size:${G(o)}px;`)
                 }, K(m(he)(
                   t.value.style.chart.layout.labels.formatter,
-                  l.value,
-                  m(le)({
+                  o.value,
+                  m(oe)({
                     p: t.value.style.chart.layout.labels.prefix,
-                    v: l.value,
+                    v: o.value,
                     s: t.value.style.chart.layout.labels.suffix,
                     r: t.value.style.chart.layout.labels.rounding
                   }),
-                  { datapoint: l }
+                  { datapoint: o }
                 )), 5)
               ], 4)) : _("", !0),
               $(e.$slots, "rect", Ke({ ref_for: !0 }, {
-                rect: l,
-                shouldShow: l.proportion > t.value.style.chart.layout.labels.hideUnderProportion || H.value,
-                fontSize: G(l),
+                rect: o,
+                shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || H.value,
+                fontSize: G(o),
                 isZoom: H.value,
-                textColor: m(Qe)(l.color)
+                textColor: m(Qe)(o.color)
               }), void 0, !0)
             ])
-          ], 8, hl))
+          ], 8, fo))
         ]))), 256)),
         $(e.$slots, "svg", j(Y({ svg: E.value, isZoom: H.value, rect: R.value, config: t.value })), void 0, !0)
-      ], 14, ul)) : _("", !0),
-      e.$slots.watermark ? (v(), y("div", pl, [
+      ], 14, uo)) : _("", !0),
+      e.$slots.watermark ? (v(), y("div", go, [
         $(e.$slots, "watermark", j(Y({ isPrinting: m(ze) || m(Fe) })), void 0, !0)
       ])) : _("", !0),
       f.value ? _("", !0) : (v(), X(Rt, {
@@ -849,26 +849,26 @@ const el = ["id"], tl = {
           legendSet: He.value,
           config: dt.value,
           id: `treemap_legend_${z.value}`,
-          onClickMarker: o[1] || (o[1] = ({ legend: l }) => Ue(l))
+          onClickMarker: l[1] || (l[1] = ({ legend: o }) => Ue(o))
         }, {
-          item: x(({ legend: l, index: a }) => [
+          item: x(({ legend: o, index: a }) => [
             O("div", {
-              onClick: (h) => Ue(l),
-              style: L(`opacity:${b.value.includes(l.id) ? 0.5 : 1}`)
+              onClick: (h) => Ue(o),
+              style: L(`opacity:${b.value.includes(o.id) ? 0.5 : 1}`)
             }, [
-              de(K(l.name) + ": " + K(m(he)(
+              de(K(o.name) + ": " + K(m(he)(
                 t.value.style.chart.layout.labels.formatter,
-                l.value,
-                m(le)({
+                o.value,
+                m(oe)({
                   p: t.value.style.chart.layout.labels.prefix,
-                  v: l.value,
+                  v: o.value,
                   s: t.value.style.chart.layout.labels.suffix,
                   r: t.value.style.chart.legend.roundingValue
                 }),
-                { datapoint: l }
+                { datapoint: o }
               )) + " ", 1),
-              b.value.includes(l.id) ? (v(), y("span", yl, " ( - % ) ")) : (v(), y("span", ml, " (" + K(isNaN(l.value / J.value) ? "-" : (l.value / J.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-            ], 12, gl)
+              b.value.includes(o.id) ? (v(), y("span", bo, " ( - % ) ")) : (v(), y("span", yo, " (" + K(isNaN(o.value / J.value) ? "-" : (o.value / J.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+            ], 12, mo)
           ]),
           _: 1
         }, 8, ["legendSet", "config", "id"])) : $(e.$slots, "legend", {
@@ -932,25 +932,25 @@ const el = ["id"], tl = {
             body: se.value.body,
             config: se.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: o[2] || (o[2] = (l) => P.value.showTable = !1)
+            onClose: l[2] || (l[2] = (o) => P.value.showTable = !1)
           }, {
-            th: x(({ th: l }) => [
+            th: x(({ th: o }) => [
               O("div", {
-                innerHTML: l,
+                innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, bl)
+              }, null, 8, ko)
             ]),
-            td: x(({ td: l }) => [
-              de(K(l.name || l), 1)
+            td: x(({ td: o }) => [
+              de(K(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : _("", !0)
-    ], 46, el));
+    ], 46, eo));
   }
-}, Ml = /* @__PURE__ */ Gt(kl, [["__scopeId", "data-v-3119d5fd"]]);
+}, Vo = /* @__PURE__ */ Gt(wo, [["__scopeId", "data-v-c7aece99"]]);
 export {
-  Ml as default
+  Vo as default
 };