vue-data-ui 2.4.3 → 2.4.5

package/dist/{vue-ui-waffle-reOsx-gJ.js → vue-ui-waffle-rDfZLxvH.js}

@@ -1,30 +1,30 @@
-import { computed as d, ref as c, watch as Le, onMounted as Xe, onBeforeUnmount as Ye, openBlock as r, createElementBlock as i, normalizeClass as Ae, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Ke, withCtx as m, renderSlot as g, normalizeProps as D, guardReactiveProps as G, createVNode as ze, createElementVNode as k, Fragment as T, renderList as R, toDisplayString as S, createTextVNode as Fe, nextTick as Je, pushScopeId as Qe, popScopeId as Ze } from "vue";
-import { u as et, c as tt, t as at, a as lt, p as O, o as ot, e as re, g as ut, b as rt, i as U, f as x, X as st, s as nt, w as it, F as ct, K as vt, d as dt, x as ht, y as pt, q as yt, r as ft } from "./index-Bya_q1J-.js";
-import { t as gt, u as mt } from "./useResponsive-BY8tgM1n.js";
-import { _ as bt } from "./Title-C5pIfQAz.js";
-import { u as wt, U as kt } from "./usePrinter-CiHd1FwD.js";
-import { _ as xt } from "./Tooltip-Cz24YLfw.js";
-import { D as Ct } from "./DataTable-DYqC2pqu.js";
-import { L as _t } from "./Legend-DNgTCgEK.js";
-import $t from "./vue-ui-skeleton-BYssP0K4.js";
-import It from "./vue-ui-accordion-DfUfL2dI.js";
-import { u as Ne } from "./useNestedProp-B33hazbH.js";
-import { _ as Tt } from "./PackageVersion-VkaUzgmt.js";
-import { P as St } from "./PenAndPaper-DAZYA8Ew.js";
-import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = ["xmlns", "viewBox"], zt = ["id"], Ft = ["stop-color"], Nt = ["stop-color"], Ot = ["id"], Bt = /* @__PURE__ */ Oe(() => /* @__PURE__ */ k("feGaussianBlur", {
+import { computed as v, ref as c, watch as Ae, onMounted as Ke, onBeforeUnmount as Je, openBlock as s, createElementBlock as n, normalizeClass as ze, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Qe, withCtx as m, renderSlot as g, normalizeProps as D, guardReactiveProps as G, createVNode as Fe, createElementVNode as k, Fragment as I, renderList as R, toDisplayString as S, createTextVNode as Ne, nextTick as Ze, pushScopeId as et, popScopeId as tt } from "vue";
+import { u as at, c as lt, t as ot, a as ut, p as O, o as st, e as se, g as rt, b as nt, i as U, f as x, X as it, s as ct, w as vt, F as dt, K as ht, d as pt, x as yt, y as ft, q as gt, r as mt } from "./index-C1GB0E49.js";
+import { t as bt, u as wt } from "./useResponsive-CoxXLe23.js";
+import { _ as kt } from "./Title-W7iJGPjg.js";
+import { u as xt, U as Ct } from "./usePrinter-y5uHyknw.js";
+import { _ as _t } from "./Tooltip-Pv3Bhir5.js";
+import { D as $t } from "./DataTable-rs_YrvMR.js";
+import { L as Tt } from "./Legend-DrmUpnIK.js";
+import It from "./vue-ui-skeleton-CE6ibl1T.js";
+import St from "./vue-ui-accordion-DWyRC3-h.js";
+import { u as Oe } from "./useNestedProp-CNAPgW6E.js";
+import { _ as Pt } from "./PackageVersion-D9rYHrFZ.js";
+import { P as Lt } from "./PenAndPaper-C-KjtyNA.js";
+import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = ["xmlns", "viewBox"], Nt = ["id"], Ot = ["stop-color"], Bt = ["stop-color"], Vt = ["id"], Mt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
-}, null, -1)), Vt = /* @__PURE__ */ Oe(() => /* @__PURE__ */ k("feColorMatrix", {
+}, null, -1)), Dt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Mt = [
-  Bt,
-  Vt
-], Dt = ["x", "y", "height", "width"], Gt = ["height", "width"], Rt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Ut = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], jt = ["x", "y", "height", "width", "filter"], Et = { key: 0 }, Wt = { key: 1 }, qt = { key: 2 }, Ht = { key: 3 }, Xt = ["onMouseover", "x", "y", "height", "width"], Yt = {
-  key: 4,
+}, null, -1)), Gt = [
+  Mt,
+  Dt
+], Rt = ["x", "y", "height", "width"], Ut = ["height", "width"], jt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Et = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wt = ["x", "y", "height", "width", "filter"], qt = { key: 0 }, Ht = { key: 1 }, Xt = { key: 2 }, Yt = { key: 3 }, Kt = ["onMouseover", "x", "y", "height", "width"], Jt = {
+  key: 5,
   class: "vue-data-ui-watermark"
-}, Kt = ["onClick"], Jt = { key: 0 }, Qt = { key: 1 }, Zt = ["innerHTML"], ea = {
+}, Qt = ["onClick"], Zt = { key: 0 }, ea = { key: 1 }, ta = ["innerHTML"], aa = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -41,38 +41,38 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
     }
   },
   emits: ["selectLegend"],
-  setup(j, { expose: Be, emit: Ve }) {
-    const b = j, { vue_ui_waffle: Me } = et(), X = d(() => !!b.dataset && b.dataset.length), P = c(tt()), De = c(null), ee = c(!1), te = c(""), B = c(null), se = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(0), de = c(0), he = c(0), e = d({
-      get: () => pe(),
+  setup(j, { expose: Ve, emit: Me }) {
+    const b = j, { vue_ui_waffle: De } = at(), X = v(() => !!b.dataset && b.dataset.length), P = c(lt()), Ge = c(null), ee = c(!1), te = c(""), B = c(null), re = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(null), de = c(0), he = c(0), pe = c(0), e = v({
+      get: () => ye(),
       set: (t) => t
     });
-    function pe() {
-      const t = Ne({
+    function ye() {
+      const t = Oe({
         userConfig: b.config,
-        defaultConfig: Me
+        defaultConfig: De
       });
       return t.theme ? {
-        ...Ne({
-          userConfig: at.vue_ui_waffle[t.theme] || b.config,
+        ...Oe({
+          userConfig: ot.vue_ui_waffle[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: lt[t.theme] || O
+        customPalette: ut[t.theme] || O
       } : t;
     }
-    Le(() => b.config, (t) => {
-      e.value = pe(), ye(), ve.value += 1, de.value += 1, he.value += 1;
+    Ae(() => b.config, (t) => {
+      e.value = ye(), fe(), de.value += 1, he.value += 1, pe.value += 1;
     }, { deep: !0 });
     const Y = c(null);
-    function ye() {
-      if (ot(b.dataset) ? re({
+    function fe() {
+      if (st(b.dataset) ? se({
         componentName: "VueUiWaffle",
         type: "dataset"
       }) : b.dataset.forEach((t, o) => {
-        ut({
+        rt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((a) => {
-          re({
+          se({
             componentName: "VueUiWaffle",
             type: "datasetSerieAttribute",
             property: a,
@@ -80,27 +80,28 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           });
         });
       }), e.value.responsive) {
-        const t = gt(() => {
-          const { width: o, height: a } = mt({
+        const t = bt(() => {
+          const { width: o, height: a } = wt({
             chart: V.value,
             title: e.value.style.chart.title.text ? ne.value : null,
             legend: e.value.style.chart.legend.show ? ie.value : null,
-            source: ce.value
+            source: ce.value,
+            noTitle: ve.value
           });
           L.value.width = o, L.value.height = a, C.value.width = o, C.value.height = a;
         });
         Y.value = new ResizeObserver(t), Y.value.observe(V.value.parentNode);
       }
     }
-    Xe(() => {
-      ye();
-    }), Ye(() => {
+    Ke(() => {
+      fe();
+    }), Je(() => {
       Y.value && Y.value.disconnect();
     });
-    const { isPrinting: fe, isImaging: ge, generatePdf: me, generateImage: be } = wt({
+    const { isPrinting: ge, isImaging: me, generatePdf: be, generateImage: we } = xt({
       elementId: `vue-ui-waffle_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle"
-    }), we = d(() => rt(e.value.customPalette)), I = c({
+    }), Re = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), ke = v(() => nt(e.value.customPalette)), T = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), L = c({
@@ -111,79 +112,79 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
       left: 0,
       height: 512,
       width: 512
-    }), A = d(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), z = d(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), E = d(() => C.value.width / e.value.style.chart.layout.grid.size), K = d(() => C.value.height / e.value.style.chart.layout.grid.size);
-    function ke(t) {
-      const o = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((w, ue) => w + ue, 0), l = t.map((w) => w / a * o), u = l.map(Math.floor), n = l.map((w) => w % 1);
+    }), A = v(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), z = v(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), E = v(() => C.value.width / e.value.style.chart.layout.grid.size), K = v(() => C.value.height / e.value.style.chart.layout.grid.size);
+    function xe(t) {
+      const o = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((w, ue) => w + ue, 0), l = t.map((w) => w / a * o), u = l.map(Math.floor), i = l.map((w) => w % 1);
       let y = o - u.reduce((w, ue) => w + ue, 0);
       for (; y > 0; ) {
-        let w = n.indexOf(Math.max(...n));
-        u[w] += 1, n[w] = 0, y -= 1;
+        let w = i.indexOf(Math.max(...i));
+        u[w] += 1, i[w] = 0, y -= 1;
       }
       return u;
     }
-    function xe() {
+    function Ce() {
       return b.dataset.map((t, o) => ({
         ...t,
-        color: dt(t.color) || we.value[o] || O[o] || O[o % O.length],
+        color: pt(t.color) || ke.value[o] || O[o] || O[o % O.length],
         uid: `serie_${o}`,
         absoluteIndex: o
       }));
     }
-    const Ce = d(() => xe()), v = c(Ce.value);
-    Le(() => b.dataset, (t) => {
-      v.value = xe();
+    const _e = v(() => Ce()), d = c(_e.value);
+    Ae(() => b.dataset, (t) => {
+      d.value = Ce();
     }, { deep: !0 });
-    const Ge = d(() => {
-      const t = v.value.filter((o, a) => !p.value.includes(o.uid)).map((o, a) => (o.values || []).reduce((l, u) => l + u, 0));
-      return ke(t);
-    }), Re = d(() => {
-      const t = v.value.map((o, a) => (o.values || []).reduce((l, u) => l + u));
-      return ke(t);
-    }), W = d(() => (b.dataset.forEach((t, o) => {
-      [null, void 0].includes(t.values) && re({
+    const Ue = v(() => {
+      const t = d.value.filter((o, a) => !p.value.includes(o.uid)).map((o, a) => (o.values || []).reduce((l, u) => l + u, 0));
+      return xe(t);
+    }), je = v(() => {
+      const t = d.value.map((o, a) => (o.values || []).reduce((l, u) => l + u));
+      return xe(t);
+    }), W = v(() => (b.dataset.forEach((t, o) => {
+      [null, void 0].includes(t.values) && se({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
         property: "values (number[])",
         index: o
       });
-    }), v.value.filter((t, o) => !p.value.includes(t.uid)).map((t, o) => ({
+    }), d.value.filter((t, o) => !p.value.includes(t.uid)).map((t, o) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
       value: (t.values || []).reduce((a, l) => a + l, 0),
       absoluteValues: t.values || [],
-      proportion: Ge.value[o]
-    })))), Ue = d(() => v.value.map((t, o) => ({
+      proportion: Ue.value[o]
+    })))), Ee = v(() => d.value.map((t, o) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
       value: (t.values || []).reduce((a, l) => a + l, 0),
       absoluteValues: t.values || [],
-      proportion: Re.value[o]
+      proportion: je.value[o]
     })));
-    function je() {
-      return Ue.value.map((t) => ({
+    function We() {
+      return Ee.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value,
         proportion: t.proportion
       }));
     }
-    const Ee = d(() => {
+    const qe = v(() => {
       let t = 0;
       return W.value.map((o, a) => {
-        const l = t, u = l + o.proportion, n = [];
+        const l = t, u = l + o.proportion, i = [];
         for (let y = Math.floor(l); y < Math.floor(u); y += 1)
-          n.push(y);
+          i.push(y);
         return t = u, {
           ...o,
           start: l,
-          rects: n
+          rects: i
         };
       });
-    }), s = d(() => Ee.value.flatMap((t, o) => t.rects.map((a, l) => ({
+    }), r = v(() => qe.value.flatMap((t, o) => t.rects.map((a, l) => ({
       isFirst: l === 0,
       isLongEnough: a.length > 2,
       name: t.name,
@@ -196,7 +197,7 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
     }))).map((t, o) => ({
       ...t,
       isAbsoluteFirst: o % e.value.style.chart.layout.grid.size === 0
-    }))), q = d(() => {
+    }))), q = v(() => {
       const t = [];
       for (let o = 0; o < e.value.style.chart.layout.grid.size; o += 1)
         for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
@@ -207,86 +208,86 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
             y: (e.value.style.chart.layout.grid.vertical ? a : o) * (z.value + e.value.style.chart.layout.grid.spaceBetween) + C.value.top
           });
       return t;
-    }), p = c([]), F = c(!1), _e = c(null), $e = c(null);
+    }), p = c([]), F = c(!1), $e = c(null), Te = c(null);
     function Ie(t) {
       if (!e.value.useAnimation) {
         p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < M.value.length - 1 && M.value.length > 1 && p.value.push(t);
         return;
       }
-      const o = Ce.value.find((u) => u.uid === t).values.reduce((u, n) => u + n, 0);
-      let l = v.value.find((u) => u.uid === t).values.reduce((u, n) => u + n, 0);
+      const o = _e.value.find((u) => u.uid === t).values.reduce((u, i) => u + i, 0);
+      let l = d.value.find((u) => u.uid === t).values.reduce((u, i) => u + i, 0);
       if (p.value.includes(t)) {
-        let n = function() {
-          l > u ? (cancelAnimationFrame(_e.value), v.value = v.value.map((y, w) => y.uid === t ? {
+        let i = function() {
+          l > u ? (cancelAnimationFrame($e.value), d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [u]
-          } : y), F.value = !1) : (F.value = !0, l += u * 0.025, v.value = v.value.map((y, w) => y.uid === t ? {
+          } : y), F.value = !1) : (F.value = !0, l += u * 0.025, d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [l]
-          } : y), _e.value = requestAnimationFrame(n));
+          } : y), $e.value = requestAnimationFrame(i));
         };
         p.value = p.value.filter((y) => y !== t);
         const u = o;
-        n();
+        i();
       } else if (p.value.length < M.value.length - 1 && M.value.length > 1) {
         let u = function() {
-          l < 0.1 ? (cancelAnimationFrame($e.value), p.value.push(t), v.value = v.value.map((n, y) => n.uid === t ? {
-            ...n,
+          l < 0.1 ? (cancelAnimationFrame(Te.value), p.value.push(t), d.value = d.value.map((i, y) => i.uid === t ? {
+            ...i,
             values: [0]
-          } : n), F.value = !1) : (F.value = !0, l /= 1.5, v.value = v.value.map((n, y) => n.uid === t ? {
-            ...n,
+          } : i), F.value = !1) : (F.value = !0, l /= 1.5, d.value = d.value.map((i, y) => i.uid === t ? {
+            ...i,
             values: [l]
-          } : n), $e.value = requestAnimationFrame(u));
+          } : i), Te.value = requestAnimationFrame(u));
         };
         u();
       }
-      Ve("selectLegend", W.value.map((u) => ({
+      Me("selectLegend", W.value.map((u) => ({
         name: u.name,
         color: u.color,
         value: u.value,
         proportion: u.proportion / Math.pow(e.value.style.chart.layout.grid.size, 2)
       })));
     }
-    const M = d(() => v.value.map((t, o) => ({
+    const M = v(() => d.value.map((t, o) => ({
       name: t.name,
-      color: t.color || we[o] || O[o] || O[o % O.length],
+      color: t.color || ke[o] || O[o] || O[o % O.length],
       value: (t.values || []).reduce((a, l) => a + l, 0),
       uid: t.uid,
       shape: "square"
     })).map((t, o) => ({
       ...t,
-      proportion: t.value / v.value.map((a) => (a.values || []).reduce((l, u) => l + u, 0)).reduce((a, l) => a + l, 0),
+      proportion: t.value / d.value.map((a) => (a.values || []).reduce((l, u) => l + u, 0)).reduce((a, l) => a + l, 0),
       opacity: p.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => Ie(t.uid),
       isSegregated: p.value.includes(t.uid)
-    }))), We = d(() => ({
+    }))), He = v(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), _ = d(() => W.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
-    function qe(t) {
+    })), _ = v(() => W.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
+    function Xe(t) {
       if (p.value.length === b.dataset.length) return;
-      const o = s.value[t];
+      const o = r.value[t];
       ae.value = {
         datapoint: o,
         seriesIndex: o.absoluteIndex,
-        series: v.value,
+        series: d.value,
         config: e.value
-      }, ee.value = !0, B.value = s.value[t].serieIndex;
+      }, ee.value = !0, B.value = r.value[t].serieIndex;
       const a = e.value.style.chart.tooltip.customFormat;
-      if (ht(a) && pt(() => a({
-        seriesIndex: s.value[t].absoluteIndex,
+      if (yt(a) && ft(() => a({
+        seriesIndex: r.value[t].absoluteIndex,
         datapoint: o,
-        series: v.value,
+        series: d.value,
         config: e.value
       })))
         te.value = a({
-          seriesIndex: s.value[t].absoluteIndex,
+          seriesIndex: r.value[t].absoluteIndex,
           datapoint: o,
-          series: v.value,
+          series: d.value,
           config: e.value
         });
       else {
@@ -302,8 +303,8 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           }),
           {
             datapoint: o,
-            seriesIndex: s.value[t].absoluteIndex,
-            series: v.value
+            seriesIndex: r.value[t].absoluteIndex,
+            series: d.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = x({
@@ -316,7 +317,7 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         te.value = l;
       }
     }
-    const $ = d(() => {
+    const $ = v(() => {
       const t = W.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -326,15 +327,15 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
     function le(t) {
       return e.value.useBlurOnHover && ![null, void 0].includes(B.value) && B.value !== t ? `url(#blur_${P.value})` : "";
     }
-    function Te() {
-      Je(() => {
+    function Se() {
+      Ze(() => {
         const t = $.value.head.map((l, u) => [[
           l.name
-        ], [$.value.body[u]], [isNaN($.value.body[u] / _.value) ? "-" : $.value.body[u] / _.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = yt(o);
-        ft({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-waffle" });
+        ], [$.value.body[u]], [isNaN($.value.body[u] / _.value) ? "-" : $.value.body[u] / _.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = gt(o);
+        mt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
-    const J = d(() => {
+    const J = v(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
         U(
@@ -348,23 +349,23 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           })
         ),
         "100%"
-      ], o = $.value.head.map((u, n) => [
+      ], o = $.value.head.map((u, i) => [
         {
           color: u.color,
           name: u.name
         },
         U(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          $.value.body[n],
+          $.value.body[i],
           x({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: $.value.body[n],
+            v: $.value.body[i],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN($.value.body[n] / _.value) ? "-" : x({
-          v: $.value.body[n] / _.value * 100,
+        isNaN($.value.body[i] / _.value) ? "-" : x({
+          v: $.value.body[i] / _.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -393,35 +394,35 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         colNames: l
       };
     }), H = c(!1);
-    function He(t) {
-      H.value = t, se.value += 1;
-    }
-    function Se() {
-      I.value.showTable = !I.value.showTable;
+    function Ye(t) {
+      H.value = t, re.value += 1;
     }
     function Pe() {
-      I.value.showTooltip = !I.value.showTooltip;
+      T.value.showTable = !T.value.showTable;
+    }
+    function Le() {
+      T.value.showTooltip = !T.value.showTooltip;
     }
     const Q = c(!1);
     function oe() {
       Q.value = !Q.value;
     }
-    return Be({
-      getData: je,
-      generatePdf: me,
-      generateCsv: Te,
-      generateImage: be,
-      toggleTable: Se,
-      toggleTooltip: Pe,
+    return Ve({
+      getData: We,
+      generatePdf: be,
+      generateCsv: Se,
+      generateImage: we,
+      toggleTable: Pe,
+      toggleTooltip: Le,
       toggleAnnotator: oe
-    }), (t, o) => (r(), i("div", {
-      class: Ae(`vue-ui-waffle ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (t, o) => (s(), n("div", {
+      class: ze(`vue-ui-waffle ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: V,
       id: `vue-ui-waffle_${P.value}`,
-      style: Z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`)
+      style: Z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`)
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), N(St, {
+      e.value.userOptions.buttons.annotator ? (s(), N(Lt, {
         key: 0,
         parent: V.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -429,14 +430,21 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         active: Q.value,
         onClose: oe
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      e.value.style.chart.title.text ? (r(), i("div", {
+      Re.value ? (s(), n("div", {
         key: 1,
+        ref_key: "noTitle",
+        ref: ve,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : f("", !0),
+      e.value.style.chart.title.text ? (s(), n("div", {
+        key: 2,
         ref_key: "chartTitle",
         ref: ne,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), N(bt, {
-          key: `title_${ve.value}`,
+        (s(), N(kt, {
+          key: `title_${de.value}`,
           config: {
             title: {
               cy: "waffle-title",
@@ -449,14 +457,14 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && X.value ? (r(), N(kt, {
+      e.value.userOptions.show && X.value ? (s(), N(Ct, {
         ref_key: "details",
-        ref: De,
-        key: `user_options_${se.value}`,
+        ref: Ge,
+        key: `user_options_${re.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: h(fe),
-        isImaging: h(ge),
+        isPrinting: h(ge),
+        isImaging: h(me),
         uid: P.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -465,20 +473,20 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: H.value,
-        isTooltip: I.value.showTooltip,
+        isTooltip: T.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: V.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Q.value,
-        onToggleFullscreen: He,
-        onGeneratePdf: h(me),
-        onGenerateCsv: Te,
-        onGenerateImage: h(be),
-        onToggleTable: Se,
-        onToggleTooltip: Pe,
+        onToggleFullscreen: Ye,
+        onGeneratePdf: h(be),
+        onGenerateCsv: Se,
+        onGenerateImage: h(we),
+        onToggleTable: Pe,
+        onToggleTooltip: Le,
         onToggleAnnotator: oe
-      }, Ke({ _: 2 }, [
+      }, Qe({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
@@ -529,16 +537,16 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
-      X.value ? (r(), i("svg", {
-        key: 3,
-        xmlns: h(st),
-        class: Ae({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
+      X.value ? (s(), n("svg", {
+        key: 4,
+        xmlns: h(it),
+        class: ze({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         viewBox: `0 0 ${L.value.width <= 0 ? 10 : L.value.width} ${L.value.height <= 0 ? 10 : L.value.height}`,
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ze(Tt),
+        Fe(Pt),
         k("defs", null, [
-          (r(!0), i(T, null, R(s.value, (a, l) => (r(), i("radialGradient", {
+          (s(!0), n(I, null, R(r.value, (a, l) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -548,13 +556,13 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": h(nt)(h(it)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
-            }, null, 8, Ft),
+              "stop-color": h(ct)(h(vt)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, Ot),
             k("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, Nt)
-          ], 8, zt))), 256))
+            }, null, 8, Bt)
+          ], 8, Nt))), 256))
         ]),
         k("defs", null, [
           k("filter", {
@@ -563,18 +571,18 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
             y: "-50%",
             width: "200%",
             height: "200%"
-          }, Mt, 8, Ot)
+          }, Gt, 8, Vt)
         ]),
-        e.value.useCustomCells && s.value.length ? (r(!0), i(T, { key: 0 }, R(q.value, (a, l) => (r(), i("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), n(I, { key: 0 }, R(q.value, (a, l) => (s(), n("foreignObject", {
           x: a.x,
           y: a.y,
           height: z.value <= 0 ? 1e-4 : z.value,
           width: A.value <= 0 ? 1e-4 : A.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", D(G({ cell: { ...a, color: s.value[l].color, ...s.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : s.value[l].serieIndex === B.value })), void 0, !0)
-        ], 8, Dt))), 256)) : f("", !0),
-        !s.value.length && !e.value.useCustomCells ? (r(), i("rect", {
+          g(t.$slots, "cell", D(G({ cell: { ...a, color: r.value[l].color, ...r.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : r.value[l].serieIndex === B.value })), void 0, !0)
+        ], 8, Rt))), 256)) : f("", !0),
+        !r.value.length && !e.value.useCustomCells ? (s(), n("rect", {
           key: 1,
           x: 12,
           y: 12,
@@ -583,8 +591,8 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Gt)) : s.value.length && !e.value.useCustomCells ? (r(), i(T, { key: 2 }, [
-          (r(!0), i(T, null, R(q.value, (a, l) => (r(), i("rect", {
+        }, null, 8, Ut)) : r.value.length && !e.value.useCustomCells ? (s(), n(I, { key: 2 }, [
+          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -593,62 +601,62 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
-            filter: le(s.value[l].serieIndex)
-          }, null, 8, Rt))), 256)),
-          (r(!0), i(T, null, R(q.value, (a, l) => (r(), i("rect", {
+            filter: le(r.value[l].serieIndex)
+          }, null, 8, jt))), 256)),
+          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: z.value <= 0 ? 1e-4 : z.value,
             width: A.value <= 0 ? 1e-4 : A.value,
-            fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${P.value}_${l})` : s.value[l].color,
+            fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${P.value}_${l})` : r.value[l].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
-            filter: le(s.value[l].serieIndex)
-          }, null, 8, Ut))), 256))
+            filter: le(r.value[l].serieIndex)
+          }, null, 8, Et))), 256))
         ], 64)) : f("", !0),
-        (r(!0), i(T, null, R(q.value, (a, l) => (r(), i(T, null, [
-          s.value.length && !F.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (s.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || s.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && s.value[l].absoluteStartIndex) ? (r(), i("foreignObject", {
+        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n(I, null, [
+          r.value.length && !F.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && r.value[l].absoluteStartIndex) ? (s(), n("foreignObject", {
             key: 0,
             x: a.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: K.value <= 0 ? 1e-4 : K.value,
             width: E.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : E.value * e.value.style.chart.layout.grid.size,
-            filter: le(s.value[l].serieIndex)
+            filter: le(r.value[l].serieIndex)
           }, [
             k("div", {
               class: "vue-ui-waffle-caption",
-              style: Z(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${E.value / 12}px;color:${h(ct)(s.value[l].color)};gap:2px`)
+              style: Z(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${E.value / 12}px;color:${h(dt)(r.value[l].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (r(), i("span", Et, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(vt)({ source: s.value[l].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : s.value[l].name) + ": ", 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (r(), i("span", Wt, S(h(x)({ v: s.value[l].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (r(), i("span", qt, " (" + S(h(U)(
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), n("span", qt, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(ht)({ source: r.value[l].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[l].name) + ": ", 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), n("span", Ht, S(h(x)({ v: r.value[l].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Xt, " (" + S(h(U)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
-                s.value[l].value,
+                r.value[l].value,
                 h(x)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: s.value[l].value,
+                  v: r.value[l].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
-                { datapoint: s.value[l], position: a }
+                { datapoint: r.value[l], position: a }
               )) + ") ", 1)) : f("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (r(), i("span", Ht, S(h(U)(
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Yt, S(h(U)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
-                s.value[l].value,
+                r.value[l].value,
                 h(x)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: s.value[l].value,
+                  v: r.value[l].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
-                { datapoint: s.value[l], position: a }
+                { datapoint: r.value[l], position: a }
               )), 1)) : f("", !0)
             ], 4)
-          ], 8, jt)) : f("", !0)
+          ], 8, Wt)) : f("", !0)
         ], 64))), 256)),
-        (r(!0), i(T, null, R(q.value, (a, l) => (r(), i("rect", {
-          onMouseover: (u) => qe(l),
+        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+          onMouseover: (u) => Xe(l),
           onMouseleave: o[0] || (o[0] = (u) => {
             ee.value = !1, B.value = null;
           }),
@@ -658,14 +666,14 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           width: E.value <= 0 ? 1e-4 : E.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, Xt))), 256)),
+        }, null, 40, Kt))), 256)),
         g(t.$slots, "svg", { svg: L.value }, void 0, !0)
-      ], 14, At)) : f("", !0),
-      t.$slots.watermark ? (r(), i("div", Yt, [
-        g(t.$slots, "watermark", D(G({ isPrinting: h(fe) || h(ge) })), void 0, !0)
+      ], 14, Ft)) : f("", !0),
+      t.$slots.watermark ? (s(), n("div", Jt, [
+        g(t.$slots, "watermark", D(G({ isPrinting: h(ge) || h(me) })), void 0, !0)
       ])) : f("", !0),
-      X.value ? f("", !0) : (r(), N($t, {
-        key: 5,
+      X.value ? f("", !0) : (s(), N(It, {
+        key: 6,
         config: {
           type: "waffle",
           style: {
@@ -680,10 +688,10 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         ref_key: "chartLegend",
         ref: ie
       }, [
-        e.value.style.chart.legend.show ? (r(), N(_t, {
-          key: `legend_${he.value}`,
+        e.value.style.chart.legend.show ? (s(), N(Tt, {
+          key: `legend_${pe.value}`,
           legendSet: M.value,
-          config: We.value,
+          config: He.value,
           onClickMarker: o[1] || (o[1] = ({ legend: a }) => Ie(a.uid))
         }, {
           item: m(({ legend: a }) => [
@@ -691,7 +699,7 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
               onClick: (l) => a.segregate(),
               style: Z(`opacity:${p.value.includes(a.uid) ? 0.5 : 1}`)
             }, [
-              Fe(S(a.name) + ": " + S(h(U)(
+              Ne(S(a.name) + ": " + S(h(U)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 a.value,
                 h(x)({
@@ -703,8 +711,8 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
                 }),
                 { datapoint: a }
               )) + " ", 1),
-              p.value.includes(a.uid) ? (r(), i("span", Qt, " ( - % ) ")) : (r(), i("span", Jt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: F.value })) + ") ", 1))
-            ], 12, Kt)
+              p.value.includes(a.uid) ? (s(), n("span", ea, " ( - % ) ")) : (s(), n("span", Zt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: F.value })) + ") ", 1))
+            ], 12, Qt)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
@@ -712,16 +720,16 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
           legend: M.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (r(), i("div", {
-        key: 6,
+      t.$slots.source ? (s(), n("div", {
+        key: 7,
         ref_key: "source",
         ref: ce,
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      ze(xt, {
-        show: I.value.showTooltip && ee.value && p.value.length < b.dataset.length,
+      Fe(_t, {
+        show: T.value.showTooltip && ee.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -743,11 +751,11 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize"]),
-      X.value ? (r(), N(It, {
-        key: 7,
+      X.value ? (s(), N(St, {
+        key: 8,
         hideDetails: "",
         config: {
-          open: I.value.showTable,
+          open: T.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -760,32 +768,32 @@ const Oe = (j) => (Qe("data-v-89a6ba4c"), j = j(), Ze(), j), Lt = ["id"], At = [
         }
       }, {
         content: m(() => [
-          (r(), N(Ct, {
-            key: `table_${de.value}`,
+          (s(), N($t, {
+            key: `table_${he.value}`,
             colNames: J.value.colNames,
             head: J.value.head,
             body: J.value.body,
             config: J.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: o[2] || (o[2] = (a) => I.value.showTable = !1)
+            onClose: o[2] || (o[2] = (a) => T.value.showTable = !1)
           }, {
             th: m(({ th: a }) => [
               k("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Zt)
+              }, null, 8, ta)
             ]),
             td: m(({ td: a }) => [
-              Fe(S(a.name || a), 1)
+              Ne(S(a.name || a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 14, Lt));
+    ], 14, zt));
   }
-}, ya = /* @__PURE__ */ Pt(ea, [["__scopeId", "data-v-89a6ba4c"]]);
+}, ga = /* @__PURE__ */ At(aa, [["__scopeId", "data-v-b51c7605"]]);
 export {
-  ya as default
+  ga as default
 };