vue-data-ui 2.4.41 → 2.4.43

package/dist/{vue-ui-treemap-BpD6OdL3.js → vue-ui-treemap-BLDOoQdk.js}

@@ -1,16 +1,16 @@
-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-B6Q1Fyk0.js";
-import { _ as gt } from "./Title-BB0O0yol.js";
-import { u as yt, U as mt } from "./usePrinter-D8dIU7aG.js";
-import { _ as bt } from "./Tooltip-GvLaModr.js";
-import { L as wt } from "./Legend-DzxQIjDO.js";
-import kt from "./vue-ui-skeleton-D7rg5vFC.js";
-import { D as Ct } from "./DataTable-B5DiCrf_.js";
-import $t from "./vue-ui-accordion-BOHicozd.js";
+import { computed as w, ref as f, watch as Qe, onMounted as et, onBeforeUnmount as tt, openBlock as g, createElementBlock as k, normalizeClass as ze, normalizeStyle as B, createBlock as G, createCommentVNode as O, unref as C, createSlots as ot, withCtx as x, renderSlot as $, normalizeProps as U, guardReactiveProps as X, createVNode as Pe, Fragment as Ae, renderList as Fe, createElementVNode as S, toDisplayString as Y, createTextVNode as Ie, 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, G as De, x as Me, y as ht, q as ft, r as pt } from "./index-CvhiHStv.js";
+import { _ as gt } from "./Title-DQcop8gI.js";
+import { u as yt, U as mt } from "./usePrinter-BVA2_kNp.js";
+import { _ as bt } from "./Tooltip-Dx07vASW.js";
+import { L as wt } from "./Legend-3DteuHjj.js";
+import kt from "./vue-ui-skeleton-p82n8dLi.js";
+import { D as Ct } from "./DataTable-YQ5lDRtX.js";
+import $t from "./vue-ui-accordion-CzsbGsxC.js";
 import { t as xt, u as Tt } from "./useResponsive-CoxXLe23.js";
-import { u as Ve } from "./useNestedProp-DQpuJSz3.js";
-import { _ as _t } from "./PackageVersion-S7OD_s5u.js";
-import { P as Ot } from "./PenAndPaper-BxJZd7k9.js";
+import { u as Ve } from "./useNestedProp-Ccre6tXM.js";
+import { _ as _t } from "./PackageVersion-CS8EAteX.js";
+import { P as Ot } from "./PenAndPaper-D22t_fD9.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Be(a, i) {
   const s = a.length;
@@ -69,14 +69,14 @@ function At(a) {
 }
 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;
+  let b = u, z = c;
   const y = [];
   if (s >= n) {
     for (let p = 0; p < d; p += 1) {
       const _ = a[p], P = z + _.normalizedValue / v, R = {
-        x0: C,
+        x0: b,
         y0: z,
-        x1: C + v,
+        x1: b + v,
         y1: P
       }, A = Object.assign({}, _, R);
       z = P, y.push(A);
@@ -84,22 +84,22 @@ function He(a, i) {
     return y;
   } else {
     for (let p = 0; p < d; p += 1) {
-      const _ = a[p], P = C + _.normalizedValue / N, R = {
-        x0: C,
+      const _ = a[p], P = b + _.normalizedValue / N, R = {
+        x0: b,
         y0: z,
         x1: P,
         y1: z + N
       }, A = Object.assign({}, _, R);
-      C = P, y.push(A);
+      b = P, y.push(A);
     }
     return y;
   }
 }
-function It(a) {
+function Ft(a) {
   const i = ce(a), s = i.width, n = i.height;
   return Math.min(s, n);
 }
-function Ft(a, i) {
+function It(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)
@@ -125,9 +125,9 @@ function Lt(a, i, s, n) {
       const y = He(c, d);
       return h.concat(y);
     }
-    const N = It(d), C = u[0], z = u.slice(1, v);
-    if (Nt(c, C, N)) {
-      const y = c.concat(C);
+    const N = Ft(d), b = u[0], z = u.slice(1, v);
+    if (Nt(c, b, N)) {
+      const y = c.concat(b);
       u = z, c = y, d = d, h = h;
     } else {
       const y = c.length;
@@ -143,7 +143,7 @@ function Ee(a) {
   if (typeof a.children > "u" || !a.children.length)
     return [a];
   {
-    const i = Ft(
+    const i = It(
       a.children,
       At(a)
     ), s = Lt(i, [], a, []), n = s.length, u = [];
@@ -172,7 +172,7 @@ function Rt(a, i) {
     return We(v);
   }
 }
-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 = {
+const Dt = (a) => (at("data-v-69853ca9"), a = a(), nt(), a), Mt = ["id"], Vt = ["xmlns", "viewBox"], Bt = { key: 0 }, Wt = ["id"], Ht = ["stop-color"], Et = ["stop-color"], Gt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Ut = ["x", "y", "height", "width"], Xt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
 }, qt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ S("br", null, null, -1)), jt = {
@@ -196,7 +196,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(a, { expose: i, emit: s }) {
-    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({
+    const n = a, { vue_ui_treemap: u } = st(), c = w(() => !!n.dataset && n.dataset.length), d = w(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), h = f(Le()), v = f(!1), N = f(""), b = 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 = w({
       get: () => fe(),
       set: (t) => t
     });
@@ -219,13 +219,13 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
     const { isPrinting: pe, isImaging: ge, generatePdf: ye, generateImage: me } = yt({
       elementId: `treemap_${h.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap"
-    }), Ue = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = b(() => it(e.value.customPalette)), D = f({
+    }), Ge = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), Q = w(() => it(e.value.customPalette)), D = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), M = f({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), W = b(() => ({
+    }), W = w(() => ({
       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,
@@ -244,9 +244,9 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
     }
     const H = f(n.dataset), ee = f(null);
     et(() => {
-      Ge();
+      Ue();
     });
-    function Ge() {
+    function Ue() {
       if (ct(n.dataset) && dt({
         componentName: "VueUiTreemap",
         type: "dataset"
@@ -267,10 +267,10 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
     tt(() => {
       ee.value && ee.value.disconnect();
     });
-    const se = f(H.value), Z = b(() => se.value.map((t, l) => ({
+    const se = f(H.value), Z = w(() => se.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length]
-    })).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({
+    })).filter((t) => !y.value.includes(t.id))), q = w(() => H.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), we = w({
       get() {
         let t = [...Z.value];
         return e.value.style.chart.layout.sorted && (t = [...Z.value].sort((l, o) => o.value - l.value)), t.map((l) => ({
@@ -300,7 +300,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         };
       });
     }
-    const J = b(() => Pt(
+    const J = w(() => Pt(
       we.value.map((t, l) => {
         const o = t.children ? t.children.reduce((r, m) => r + m.value, 0) : t.value;
         return {
@@ -324,14 +324,14 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       return l < e.value.style.chart.layout.labels.minFontSize ? e.value.style.chart.layout.labels.minFontSize : l;
     }
     function qe(t) {
-      C.value = t, z.value += 1;
+      b.value = t, z.value += 1;
     }
-    const j = b(() => ({
+    const j = w(() => ({
       startX: 0,
       startY: 0,
       width: W.value.vbWidth,
       height: W.value.vbHeight
-    })), I = f(!1);
+    })), F = f(!1);
     function re(t, l = H.value) {
       for (const o of l) {
         if (o.id === t)
@@ -345,16 +345,16 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       return null;
     }
     function je(t) {
-      if (I.value)
+      if (F.value)
         s("selectDatapoint", void 0), se.value = H.value;
       else {
         if (s("selectDatapoint", t), !re(t.parentId))
           return;
         se.value = [re(t.parentId)];
       }
-      I.value = !I.value;
+      F.value = !F.value;
     }
-    const F = f(null), Te = b(() => H.value.map((t, l) => ({
+    const I = f(null), Te = w(() => H.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || T[l] || T[l % T.length],
       shape: "square"
@@ -362,7 +362,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       ...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
-    }))), Ye = b(() => ({
+    }))), Ye = w(() => ({
       cy: "treemap-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -371,11 +371,11 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     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);
+      F.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), s("selectLegend", we.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 };
+      I.value = t, ue.value = { datapoint: t, seriesIndex: l, config: e.value, series: Z.value };
       const o = e.value.style.chart.tooltip.customFormat;
       if (Me(o) && ht(() => o({
         seriesIndex: l,
@@ -405,7 +405,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       }
       v.value = !0;
     }
-    const L = b(() => {
+    const L = w(() => {
       const t = J.value.map((o) => ({
         name: o.name,
         color: o.color
@@ -420,7 +420,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         pt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
-    const te = b(() => {
+    const te = w(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
@@ -493,14 +493,14 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       toggleTable: Se,
       toggleTooltip: Ne,
       toggleAnnotator: ie
-    }), (t, l) => (g(), w("div", {
+    }), (t, l) => (g(), k("div", {
       ref_key: "treemapChart",
       ref: p,
-      class: ze(`vue-ui-treemap ${C.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: ze(`vue-ui-treemap ${b.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 ? (g(), U(Ot, {
+      e.value.userOptions.buttons.annotator ? (g(), G(Ot, {
         key: 0,
         parent: p.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -508,20 +508,20 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         active: oe.value,
         onClose: ie
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : O("", !0),
-      Ue.value ? (g(), w("div", {
+      Ge.value ? (g(), k("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", {
+      e.value.style.chart.title.text ? (g(), k("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: _,
         style: B(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (g(), U(gt, {
+        (g(), G(gt, {
           key: `title_${de.value}`,
           config: {
             title: {
@@ -535,13 +535,13 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
           }
         }, null, 8, ["config"]))
       ], 4)) : O("", !0),
-      e.value.userOptions.show && c.value ? (g(), U(mt, {
+      e.value.userOptions.show && c.value ? (g(), G(mt, {
         ref: "details",
         key: `user_option_${z.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: k(pe),
-        isImaging: k(ge),
+        isPrinting: C(pe),
+        isImaging: C(ge),
         uid: h.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -549,7 +549,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: C.value,
+        isFullscreen: b.value,
         isTooltip: D.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: p.value,
@@ -557,9 +557,9 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
         onToggleFullscreen: qe,
-        onGeneratePdf: k(ye),
+        onGeneratePdf: C(ye),
         onGenerateCsv: Oe,
-        onGenerateImage: k(me),
+        onGenerateImage: C(me),
         onToggleTable: Se,
         onToggleTooltip: Ne,
         onToggleAnnotator: ie
@@ -602,28 +602,28 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: x(({ toggleFullscreen: o, isFullscreen: r }) => [
-            $(t.$slots, "optionFullscreen", G(X({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
+            $(t.$slots, "optionFullscreen", U(X({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: x(({ toggleAnnotator: o, isAnnotator: r }) => [
-            $(t.$slots, "optionAnnotator", G(X({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
+            $(t.$slots, "optionAnnotator", U(X({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
           ]),
           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"])) : O("", !0),
-      c.value ? (g(), w("svg", {
+      c.value ? (g(), k("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 }),
+        xmlns: C(vt),
+        class: ze({ "vue-data-ui-fullscreen--on": b.value, "vue-data-ui-fulscreen--off": !b.value, "vue-data-ui-zoom-plus": !F.value, "vue-data-ui-zoom-minus": F.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}`)
       }, [
         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, [
+        (g(!0), k(Ae, null, Fe(J.value, (o, r) => (g(), k("g", null, [
+          e.value.style.chart.layout.rects.gradient.show ? (g(), k("defs", Bt, [
             S("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -634,12 +634,12 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
               }, null, 8, Ht),
               S("stop", {
                 offset: "100%",
-                "stop-color": k(Re)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
+                "stop-color": C(Re)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
               }, null, 8, Et)
             ], 8, Wt)
           ])) : O("", !0)
         ]))), 256)),
-        (g(!0), w(Ae, null, Ie(J.value, (o, r) => (g(), w("g", null, [
+        (g(!0), k(Ae, null, Fe(J.value, (o, r) => (g(), k("g", null, [
           S("rect", {
             x: o.x0,
             y: o.y0,
@@ -647,20 +647,20 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
             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: 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,
+            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) => je(o),
             onMouseenter: () => Ze({
               datapoint: o,
               seriesIndex: r
             }),
             onMouseleave: l[0] || (l[0] = (m) => {
-              F.value = null, v.value = !1;
+              I.value = null, v.value = !1;
             }),
-            style: B(`opacity:${F.value ? F.value.id === o.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
+            style: B(`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, Ut),
-          (g(), w("foreignObject", {
+          }, null, 44, Gt),
+          (g(), k("foreignObject", {
             x: o.x0,
             y: o.y0,
             height: $e(o),
@@ -668,10 +668,10 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
             S("div", Xt, [
-              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value) ? (g(), w("div", {
+              e.value.style.chart.layout.labels.showDefaultLabels && (o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (g(), k("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:${k(De)(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:${C(De)(o.color)}`)
               }, [
                 S("span", {
                   style: B(`width:100%;font-size:${E(o)}px;`)
@@ -679,10 +679,10 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
                 qt,
                 S("span", {
                   style: B(`width:100%;font-size:${E(o)}px;`)
-                }, Y(k(ne)(
+                }, Y(C(ne)(
                   e.value.style.chart.layout.labels.formatter,
                   o.value,
-                  k(K)({
+                  C(K)({
                     p: e.value.style.chart.layout.labels.prefix,
                     v: o.value,
                     s: e.value.style.chart.layout.labels.suffix,
@@ -691,22 +691,22 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
                   { datapoint: o }
                 )), 5)
               ], 4)) : O("", !0),
-              $(t.$slots, "rect", G(X({
+              $(t.$slots, "rect", U(X({
                 rect: o,
-                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || I.value,
+                shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value,
                 fontSize: E(o),
-                isZoom: I.value,
-                textColor: k(De)(o.color)
+                isZoom: F.value,
+                textColor: C(De)(o.color)
               })), void 0, !0)
             ])
-          ], 8, Gt))
+          ], 8, Ut))
         ]))), 256)),
-        $(t.$slots, "svg", G(X({ svg: W.value, isZoom: I.value, rect: F.value, config: e.value })), void 0, !0)
+        $(t.$slots, "svg", U(X({ svg: W.value, isZoom: F.value, rect: I.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)
+      t.$slots.watermark ? (g(), k("div", jt, [
+        $(t.$slots, "watermark", U(X({ isPrinting: C(pe) || C(ge) })), void 0, !0)
       ])) : O("", !0),
-      c.value ? O("", !0) : (g(), U(kt, {
+      c.value ? O("", !0) : (g(), G(kt, {
         key: 6,
         config: {
           type: "treemap",
@@ -722,7 +722,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         ref_key: "chartLegend",
         ref: P
       }, [
-        e.value.style.chart.legend.show ? (g(), U(wt, {
+        e.value.style.chart.legend.show ? (g(), G(wt, {
           key: `legend_${he.value}`,
           legendSet: Te.value,
           config: Ye.value,
@@ -734,10 +734,10 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
               onClick: (m) => _e(o),
               style: B(`opacity:${y.value.includes(o.id) ? 0.5 : 1}`)
             }, [
-              Fe(Y(o.name) + ": " + Y(k(ne)(
+              Ie(Y(o.name) + ": " + Y(C(ne)(
                 e.value.style.chart.layout.labels.formatter,
                 o.value,
-                k(K)({
+                C(K)({
                   p: e.value.style.chart.layout.labels.prefix,
                   v: o.value,
                   s: e.value.style.chart.layout.labels.suffix,
@@ -745,7 +745,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              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))
+              y.value.includes(o.id) ? (g(), k("span", Jt, " ( - % ) ")) : (g(), k("span", Zt, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
             ], 12, Yt)
           ]),
           _: 1
@@ -754,7 +754,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
           legend: Te.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (g(), w("div", {
+      t.$slots.source ? (g(), k("div", {
         key: 7,
         ref_key: "source",
         ref: R,
@@ -775,17 +775,18 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: p.value,
         content: N.value,
-        isCustom: k(Me)(e.value.style.chart.tooltip.customFormat)
+        isFullscreen: b.value,
+        isCustom: C(Me)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": x(() => [
-          $(t.$slots, "tooltip-before", G(X({ ...ue.value })), void 0, !0)
+          $(t.$slots, "tooltip-before", U(X({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": x(() => [
-          $(t.$slots, "tooltip-after", G(X({ ...ue.value })), void 0, !0)
+          $(t.$slots, "tooltip-after", U(X({ ...ue.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      c.value ? (g(), U($t, {
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      c.value ? (g(), G($t, {
         key: 8,
         hideDetails: "",
         config: {
@@ -802,7 +803,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
         }
       }, {
         content: x(() => [
-          (g(), U(Ct, {
+          (g(), G(Ct, {
             key: `table_${ve.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -818,7 +819,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
               }, null, 8, Kt)
             ]),
             td: x(({ td: o }) => [
-              Fe(Y(o.name || o), 1)
+              Ie(Y(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -827,7 +828,7 @@ const Dt = (a) => (at("data-v-04106534"), a = a(), nt(), a), Mt = ["id"], Vt = [
       }, 8, ["config"])) : O("", !0)
     ], 14, Mt));
   }
-}, po = /* @__PURE__ */ St(Qt, [["__scopeId", "data-v-04106534"]]);
+}, po = /* @__PURE__ */ St(Qt, [["__scopeId", "data-v-69853ca9"]]);
 export {
   po as default
 };