vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-treemap-K8FYxuYz.js → vue-ui-treemap-BVe_Fft6.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as ee, useSlots as Kt, onMounted as bt, computed as m, ref as y, shallowRef as U, toRefs as Jt, watch as ke, onBeforeUnmount as Qt, createElementBlock as b, openBlock as h, unref as d, normalizeStyle as L, normalizeClass as Me, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as we, createSlots as kt, withCtx as T, renderSlot as C, normalizeProps as te, guardReactiveProps as le, Fragment as Ce, renderList as Ve, withKeys as wt, withModifiers as Ee, mergeProps as Ue, createTextVNode as $e, toDisplayString as se, Teleport as el, resolveDynamicComponent as tl, nextTick as ll } from "vue";
-import { c as Te, t as ol, b as al, p as I, e as nl, o as Ct, f as sl, h as de, a as xe, d as he, X as ul, m as $t, E as Tt, z as xt, x as rl, y as il, A as cl } from "./lib-CEjkWSLj.js";
+import { defineAsyncComponent as ee, useSlots as Kt, onMounted as bt, computed as m, ref as y, shallowRef as H, toRefs as Jt, watch as ke, onBeforeUnmount as Qt, createElementBlock as b, openBlock as h, unref as d, normalizeStyle as R, normalizeClass as Me, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as we, createSlots as kt, withCtx as T, renderSlot as C, normalizeProps as te, guardReactiveProps as le, Fragment as Ce, renderList as Ve, withKeys as wt, withModifiers as Ee, mergeProps as He, createTextVNode as $e, toDisplayString as se, Teleport as el, resolveDynamicComponent as tl, nextTick as ll } from "vue";
+import { c as Te, t as ol, b as al, p as I, e as nl, o as Ct, f as sl, h as de, a as xe, d as he, X as ul, S as $t, J as Tt, G as xt, P as rl, Q as il, H as cl } from "./lib-BcBZIm6u.js";
 import { t as vl, u as dl } from "./useResponsive-DfdjqQps.js";
-import { u as hl, a as Ot } from "./useNestedProp-Ce3PwN8T.js";
+import { u as hl, a as Ot } from "./useNestedProp-B7CiTRDS.js";
 import { u as pl, B as fl } from "./BaseScanner-BgWxam9d.js";
-import { u as gl } from "./usePrinter-DJ1iH-F_.js";
+import { u as gl } from "./usePrinter-C1GiglOH.js";
 import { u as ml } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./img-J2dLIr8Y.js";
-import kl from "./Title-Camz1Lce.js";
+import bl from "./img-CFY3JivG.js";
+import kl from "./Title-CFmv95In.js";
 import { t as wl } from "./themes-Dw-dDudK.js";
-import Cl from "./Legend-By4rru90.js";
-import _t from "./BaseIcon-eZbszQrv.js";
+import Cl from "./Legend-C8u37J42.js";
+import _t from "./BaseIcon-B5KaGWWC.js";
 import { u as $l } from "./useSvgExport-DrjCWun4.js";
 import { _ as Tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function St(n, r) {
@@ -69,15 +69,15 @@ function Sl(n) {
   return (n.x1 - n.x0) * (n.y1 - n.y0);
 }
 function It(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: p } = He(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, F) => w + F, 0), f = g / i, H = g / s;
-  let P = u, k = p;
+  const { width: s, height: i, xOffset: u, yOffset: p } = Ue(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, F) => w + F, 0), f = g / i, U = g / s;
+  let L = u, k = p;
   const $ = [];
   if (s >= i) {
     for (let w = 0; w < v; w += 1) {
       const F = n[w], M = k + F.normalizedValue / f, S = {
-        x0: P,
+        x0: L,
         y0: k,
-        x1: P + f,
+        x1: L + f,
         y1: M
       }, N = Object.assign({}, F, S);
       k = M, $.push(N);
@@ -85,23 +85,23 @@ function It(n, r) {
     return $;
   } else {
     for (let w = 0; w < v; w += 1) {
-      const F = n[w], M = P + F.normalizedValue / H, S = {
-        x0: P,
+      const F = n[w], M = L + F.normalizedValue / U, S = {
+        x0: L,
         y0: k,
         x1: M,
-        y1: k + H
+        y1: k + U
       }, N = Object.assign({}, F, S);
-      P = M, $.push(N);
+      L = M, $.push(N);
     }
     return $;
   }
 }
 function Al(n) {
-  const r = He(n), s = r.width, i = r.height;
+  const r = Ue(n), s = r.width, i = r.height;
   return Math.min(s, i);
 }
 function Il(n, r) {
-  const s = n.length, i = n.map((f) => f.value ?? 0).reduce((f, H) => f + H, 0), u = r / i, p = [];
+  const s = n.length, i = n.map((f) => f.value ?? 0).reduce((f, U) => f + U, 0), u = r / i, p = [];
   let v, g;
   for (let f = 0; f < s; f += 1)
     g = n[f], v = Object.assign({}, g, {
@@ -109,7 +109,7 @@ function Il(n, r) {
     }), p.push(v);
   return p;
 }
-function He(n) {
+function Ue(n) {
   const { x0: r, y0: s, x1: i, y1: u } = n;
   return {
     xOffset: r,
@@ -126,9 +126,9 @@ function Fl(n, r, s, i) {
       const $ = It(p, v);
       return g.concat($);
     }
-    const H = Al(v), P = u[0], k = u.slice(1, f);
-    if (xl(p, P, H)) {
-      const $ = p.concat(P);
+    const U = Al(v), L = u[0], k = u.slice(1, f);
+    if (xl(p, L, U)) {
+      const $ = p.concat(L);
       u = k, p = $, v = v, g = g;
     } else {
       const $ = p.length;
@@ -154,7 +154,7 @@ function Ft(n) {
   }
 }
 function Dl(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: p } = He(n);
+  const { width: s, height: i, xOffset: u, yOffset: p } = Ue(n);
   if (s >= i) {
     const v = r / i, g = s - v, f = {
       xOffset: u + v,
@@ -173,13 +173,13 @@ function Dl(n, r) {
     return At(f);
   }
 }
-const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], Pl = { class: "vue-ui-treemap-crumb-unit" }, zl = { class: "vue-ui-treemap-crumb-unit-label" }, Bl = {
+const Nl = ["id"], Pl = ["id"], Rl = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], Ll = { class: "vue-ui-treemap-crumb-unit" }, zl = { class: "vue-ui-treemap-crumb-unit-label" }, Bl = {
   key: 0,
   style: { width: "24px", display: "flex", "align-items": "center" }
 }, Ml = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
-}, Vl = ["xmlns", "viewBox"], El = { key: 0 }, Ul = ["id"], Hl = ["stop-color"], Wl = ["stop-color"], Gl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Xl = ["x", "y", "height", "width"], ql = {
+}, Vl = ["xmlns", "viewBox"], El = { key: 0 }, Hl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], Gl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Xl = ["x", "y", "height", "width"], ql = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Yl = ["id"], jl = ["onClick"], Zl = ["innerHTML"], Kl = {
@@ -200,14 +200,14 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = ee(() => import("./DataTable-yAMEyP6y.js")), u = ee(() => import("./PenAndPaper-Bo-lMUik.js")), p = ee(() => import("./vue-ui-accordion-VTP418mC.js")), v = ee(() => import("./Tooltip-VOcQEHa4.js")), g = ee(() => import("./UserOptions-CSja1SGU.js")), f = ee(() => import("./PackageVersion-r-Q1R3nV.js")), H = ee(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_treemap: P } = hl(), k = n, $ = s, w = Kt();
+    const i = ee(() => import("./DataTable-DOx3zgih.js")), u = ee(() => import("./PenAndPaper-Dj2diYr0.js")), p = ee(() => import("./vue-ui-accordion-BKkTS12x.js")), v = ee(() => import("./Tooltip-Cs4v8OnI.js")), g = ee(() => import("./UserOptions-C0YT60JN.js")), f = ee(() => import("./PackageVersion-DyDViSOy.js")), U = ee(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_treemap: L } = hl(), k = n, $ = s, w = Kt();
     bt(() => {
       w["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const F = m(() => !!k.dataset && k.dataset.length), M = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), S = y(Te()), N = y(!1), Oe = y(""), K = y(!1), We = y(0), z = y([]), V = U(null), Ge = U(null), Xe = U(null), qe = U(null), Ye = U(null), je = y(0), _e = y(0), Se = y(0), x = y([]), Ae = y(null), Ze = y(!1), ue = y(null), Ie = y(null), e = y(Re()), { loading: re, FINAL_DATASET: Fe, manualLoading: Dt } = pl({
+    const F = m(() => !!k.dataset && k.dataset.length), M = m(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), S = y(Te()), N = y(!1), Oe = y(""), K = y(!1), We = y(0), z = y([]), V = H(null), Ge = H(null), Xe = H(null), qe = H(null), Ye = H(null), je = y(0), _e = y(0), Se = y(0), x = y([]), Ae = y(null), Ze = y(!1), ue = y(null), Ie = y(null), e = y(Pe()), { loading: re, FINAL_DATASET: Fe, manualLoading: Dt } = pl({
       ...Jt(k),
       FINAL_CONFIG: e,
-      prepareConfig: Re,
+      prepareConfig: Pe,
       skeletonDataset: [
         {
           name: "_",
@@ -247,10 +247,10 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         }
       })
     }), { userOptionsVisible: De, setUserOptionsVisibility: Ke, keepUserOptionState: Je } = ml({ config: e.value }), { svgRef: Ne } = yl({ config: e.value.style.chart.title });
-    function Re() {
+    function Pe() {
       const t = Ot({
         userConfig: k.config,
-        defaultConfig: P
+        defaultConfig: L
       });
       return t.theme ? {
         ...Ot({
@@ -261,7 +261,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
       } : t;
     }
     ke(() => k.config, (t) => {
-      re.value || (e.value = Re()), De.value = !e.value.userOptions.showOnChartHover, je.value += 1, _e.value += 1, Se.value += 1, D.value.showTable = e.value.table.show, D.value.showTooltip = e.value.style.chart.tooltip.show;
+      re.value || (e.value = Pe()), De.value = !e.value.userOptions.showOnChartHover, je.value += 1, _e.value += 1, Se.value += 1, D.value.showTable = e.value.table.show, D.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Qe, isImaging: et, generatePdf: tt, generateImage: lt } = gl({
       elementId: `treemap_${S.value}`,
@@ -289,7 +289,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
       vbHeight: W.value.height,
       vbWidth: W.value.width,
       width: W.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right
-    })), R = y(Fe.value), G = y(R.value), ot = U(/* @__PURE__ */ new Map());
+    })), P = y(Fe.value), G = y(P.value), ot = H(/* @__PURE__ */ new Map());
     function at(t) {
       Array.isArray(t) && t.forEach((o, l) => {
         o.id || (o.id = Te());
@@ -302,9 +302,9 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         l.id || (l.id = Te()), l.parentId = t.id, l.color = o, nt(l, o);
       });
     }
-    function Rt() {
+    function Pt() {
       if (!x.value.length)
-        G.value = R.value.slice();
+        G.value = P.value.slice();
       else {
         const t = x.value[x.value.length - 1], o = Y(t);
         G.value = o?.children?.slice() || [];
@@ -313,21 +313,21 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     ke(
       () => Fe.value,
       () => {
-        R.value = Fe.value, at(R.value), Rt(), Se.value += 1, _e.value += 1;
+        P.value = Fe.value, at(P.value), Pt(), Se.value += 1, _e.value += 1;
       },
       { deep: !0, immediate: !0, flush: "post" }
     );
-    const X = U(null), oe = U(null);
+    const X = H(null), oe = H(null);
     bt(() => {
-      Ze.value = !0, Pt();
+      Ze.value = !0, Lt();
     });
-    const Lt = m(() => e.value.debug);
-    function Pt() {
+    const Rt = m(() => e.value.debug);
+    function Lt() {
       if (Ct(k.dataset) && sl({
         componentName: "VueUiTreemap",
         type: "dataset",
-        debug: Lt.value
-      }), at(R.value), Ct(k.dataset) || (Dt.value = e.value.loading), e.value.responsive) {
+        debug: Rt.value
+      }), at(P.value), Ct(k.dataset) || (Dt.value = e.value.loading), e.value.responsive) {
         const t = vl(() => {
           const { width: o, height: l } = dl({
             chart: V.value,
@@ -349,7 +349,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     const ie = m(() => G.value.map((t, o) => ({
       ...t,
       color: de(t.color) || pe.value[o] || I[o] || I[o % I.length]
-    })).filter((t) => !z.value.includes(t.id))), ae = m(() => R.value.filter((t) => !z.value.includes(t.id)).map((t) => t.value || 0).reduce((t, o) => t + o, 0)), st = m({
+    })).filter((t) => !z.value.includes(t.id))), ae = m(() => P.value.filter((t) => !z.value.includes(t.id)).map((t) => t.value || 0).reduce((t, o) => t + o, 0)), st = m({
       get() {
         let t = [...ie.value];
         return e.value.style.chart.layout.sorted && (t = [...ie.value].sort((o, l) => l.value - o.value)), t.map((o) => ({
@@ -414,7 +414,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         height: J.value.vbHeight - t
       };
     });
-    function Y(t, o = R.value) {
+    function Y(t, o = P.value) {
       for (const l of o) {
         if (l.id === t)
           return l;
@@ -429,7 +429,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     const Q = m(() => x.value.length > 0);
     function fe(t, o) {
       if (!t) {
-        G.value = R.value.slice(), $("selectDatapoint", void 0), x.value = [];
+        G.value = P.value.slice(), $("selectDatapoint", void 0), x.value = [];
         return;
       }
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
@@ -447,7 +447,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
           const c = Y(a);
           G.value = c.children.slice();
         } else
-          G.value = R.value.slice(), x.value = [], $("selectDatapoint", void 0);
+          G.value = P.value.slice(), x.value = [], $("selectDatapoint", void 0);
       }
     }
     function Bt(t) {
@@ -470,12 +470,12 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
           });
       }
       return t;
-    }), B = U(null), Le = m(() => R.value.map((t, o) => ({
+    }), B = H(null), Re = m(() => P.value.map((t, o) => ({
       ...t,
       color: de(t.color) || pe.value[o] || I[o] || I[o % I.length],
       shape: "square"
     })).sort((t, o) => o.value - t.value).map((t, o) => {
-      const l = t.value / R.value.map((a) => a.value).reduce((a, c) => a + c, 0);
+      const l = t.value / P.value.map((a) => a.value).reduce((a, c) => a + c, 0);
       return {
         ...t,
         proportion: l,
@@ -506,9 +506,9 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     function Vt({ datapoint: t, seriesIndex: o }) {
       B.value = null, N.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
-    const Pe = y(null);
+    const Le = y(null);
     function Et({ datapoint: t, seriesIndex: o }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), B.value = t, Pe.value = { datapoint: t, seriesIndex: o, config: e.value, series: ie.value };
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), B.value = t, Le.value = { datapoint: t, seriesIndex: o, config: e.value, series: ie.value };
       const l = e.value.style.chart.tooltip.customFormat;
       if (xt(l) && cl(() => l({
         seriesIndex: o,
@@ -605,7 +605,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         config: l
       };
     });
-    function Ut() {
+    function Ht() {
       return ce.value;
     }
     function ht() {
@@ -625,7 +625,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     function gt() {
       ye.value = null;
     }
-    async function Ht({ scale: t = 2 } = {}) {
+    async function Ut({ scale: t = 2 } = {}) {
       if (!V.value) return;
       const { width: o, height: l } = V.value.getBoundingClientRect(), a = o / l, { imageUri: c, base64: A } = await bl({ domElement: V.value, base64: !0, img: !0, scale: t });
       return {
@@ -640,7 +640,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     const ve = m(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
       return {
-        component: t ? H : p,
+        component: t ? U : p,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -673,7 +673,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
     function mt() {
       D.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
     }
-    const Wt = m(() => Le.value.map((t) => ({
+    const Wt = m(() => Re.value.map((t) => ({
       ...t,
       name: t.display
     }))), Gt = m(() => e.value.style.chart.backgroundColor), Xt = m(() => e.value.style.chart.legend), qt = m(() => e.value.style.chart.title), { exportSvg: Yt, getSvg: jt } = $l({
@@ -691,8 +691,8 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         Yt();
     }
     return r({
-      getData: Ut,
-      getImage: Ht,
+      getData: Ht,
+      getImage: Ut,
       generateCsv: ze,
       generateImage: lt,
       generateSvg: yt,
@@ -705,7 +705,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
       ref_key: "treemapChart",
       ref: V,
       class: Me(`vue-data-ui-component vue-ui-treemap ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: L(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: R(`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: o[2] || (o[2] = () => d(Ke)(!0)),
       onMouseleave: o[3] || (o[3] = () => d(Ke)(!1))
@@ -729,7 +729,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         key: 2,
         ref_key: "chartTitle",
         ref: Ge,
-        style: L(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
+        style: R(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
         (h(), Z(kl, {
           key: `title_${je.value}`,
@@ -747,7 +747,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
       ], 4)) : O("", !0),
       _("div", {
         id: `legend-top-${S.value}`
-      }, null, 8, Rl),
+      }, null, 8, Pl),
       e.value.userOptions.show && F.value && (d(Je) || d(De)) ? (h(), Z(d(g), {
         ref_key: "userOptionsRef",
         ref: Ie,
@@ -782,7 +782,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         onToggleTable: ht,
         onToggleTooltip: pt,
         onToggleAnnotator: Be,
-        style: L({
+        style: R({
           visibility: d(Je) ? d(De) ? "visible" : "hidden" : "visible"
         })
       }, kt({ _: 2 }, [
@@ -862,7 +862,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
           ],
           class: "vue-ui-treemap-crumb",
           "data-last-crumb": a === j.value.length - 1,
-          style: L({
+          style: R({
             color: e.value.style.chart.color
           }),
           onMouseenter: (c) => ft(a),
@@ -870,9 +870,9 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
           onFocus: (c) => ft(a),
           onBlur: gt
         }, [
-          _("span", Pl, [
+          _("span", Ll, [
             _("span", zl, [
-              C(t.$slots, "breadcrumb-label", Ue({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: ye.value === a }), () => [
+              C(t.$slots, "breadcrumb-label", He({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: ye.value === a }), () => [
                 a === 0 ? (h(), b("div", Bl, [
                   we(_t, {
                     name: ye.value === 0 ? "homeFilled" : "home",
@@ -889,7 +889,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
               ], !0)
             ])) : O("", !0)
           ])
-        ], 44, Ll))), 128))
+        ], 44, Rl))), 128))
       ], 512)) : O("", !0),
       (h(), b("svg", {
         ref_key: "svgRef",
@@ -897,7 +897,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         xmlns: d(ul),
         class: Me({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value, "vue-data-ui-zoom-plus": !Q.value, "vue-data-ui-zoom-minus": Q.value, loading: d(re) }),
         viewBox: `${ne.value.startX} ${ne.value.startY} ${ne.value.width <= 0 ? 10 : ne.value.width} ${ne.value.height <= 0 ? 10 : ne.value.height}`,
-        style: L(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
+        style: R(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         we(d(f)),
         (h(!0), b(Ce, null, Ve(ce.value, (l, a) => (h(), b("g", {
@@ -911,12 +911,12 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
               _("stop", {
                 offset: "18%",
                 "stop-color": l.color
-              }, null, 8, Hl),
+              }, null, 8, Ul),
               _("stop", {
                 offset: "100%",
                 "stop-color": d($t)(l.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
               }, null, 8, Wl)
-            ], 8, Ul)
+            ], 8, Hl)
           ])) : O("", !0)
         ]))), 128)),
         (h(!0), b(Ce, null, Ve(ce.value, (l, a) => (h(), b("g", {
@@ -937,7 +937,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
               seriesIndex: a
             }),
             onMouseleave: (c) => Vt({ datapoint: l, seriesIndex: a }),
-            style: L(`opacity:${B.value ? B.value.id === l.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: R(`opacity:${B.value ? B.value.id === l.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: Me([
               "vue-ui-treemap-rect",
               Bt(l) ? "vue-data-ui-zoom-plus" : Q.value ? "vue-data-ui-zoom-minus" : ""
@@ -951,7 +951,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
             _("div", {
-              style: L({
+              style: R({
                 width: `calc(100% - ${q(l) / 1.5}px)`,
                 height: `calc(100% - ${q(l) / 1.5}px)`,
                 padding: `${q(l) / 3}px`,
@@ -962,14 +962,14 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
               e.value.style.chart.layout.labels.showDefaultLabels && (l.proportion > e.value.style.chart.layout.labels.hideUnderProportion || Q.value) ? (h(), b("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
-                style: L(`width:calc(100% - ${q(l) / 1.5}px);text-align:left; color:${d(Tt)(l.color)}`)
+                style: R(`width:calc(100% - ${q(l) / 1.5}px);text-align:left; color:${d(Tt)(l.color)}`)
               }, [
                 _("span", {
-                  style: L(`width:100%;font-size:${q(l)}px;`)
+                  style: R(`width:100%;font-size:${q(l)}px;`)
                 }, se(l.name), 5),
                 o[5] || (o[5] = _("br", null, null, -1)),
                 _("span", {
-                  style: L(`width:100%;font-size:${q(l)}px;`)
+                  style: R(`width:100%;font-size:${q(l)}px;`)
                 }, se(d(xe)(
                   e.value.style.chart.layout.labels.formatter,
                   l.value,
@@ -982,7 +982,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
                   { datapoint: l }
                 )), 5)
               ], 4)) : O("", !0),
-              d(re) ? O("", !0) : C(t.$slots, "rect", Ue({
+              d(re) ? O("", !0) : C(t.$slots, "rect", He({
                 key: 1,
                 ref_for: !0
               }, {
@@ -1013,7 +1013,7 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         }, [
           e.value.style.chart.legend.show ? (h(), Z(Cl, {
             key: `legend_${Se.value}`,
-            legendSet: Le.value,
+            legendSet: Re.value,
             config: Mt.value,
             id: `treemap_legend_${S.value}`,
             onClickMarker: o[0] || (o[0] = ({ legend: l }) => dt(l))
@@ -1022,13 +1022,13 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
               d(re) ? O("", !0) : (h(), b("div", {
                 key: 0,
                 onClick: (c) => dt(l),
-                style: L(`opacity:${z.value.includes(l.id) ? 0.5 : 1}`)
+                style: R(`opacity:${z.value.includes(l.id) ? 0.5 : 1}`)
               }, se(l.display), 13, jl))
             ]),
             _: 1
           }, 8, ["legendSet", "config", "id"])) : C(t.$slots, "legend", {
             key: 1,
-            legend: Le.value
+            legend: Re.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : O("", !0),
@@ -1061,14 +1061,14 @@ const Nl = ["id"], Rl = ["id"], Ll = ["tabindex", "onClick", "onKeydown", "data-
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": T(() => [
-          C(t.$slots, "tooltip-before", te(le({ ...Pe.value })), void 0, !0)
+          C(t.$slots, "tooltip-before", te(le({ ...Le.value })), void 0, !0)
         ]),
         "tooltip-after": T(() => [
-          C(t.$slots, "tooltip-after", te(le({ ...Pe.value })), void 0, !0)
+          C(t.$slots, "tooltip-after", te(le({ ...Le.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      F.value && e.value.userOptions.buttons.table ? (h(), Z(tl(ve.value.component), Ue({ key: 8 }, ve.value.props, {
+      F.value && e.value.userOptions.buttons.table ? (h(), Z(tl(ve.value.component), He({ key: 8 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: ue,
         onClose: mt