vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-waffle-DNEEnY_G.js → vue-ui-waffle-BhnuPiRD.js}

@@ -1,24 +1,17 @@
-import { useSlots as at, computed as d, ref as v, watch as Ne, onMounted as ot, onBeforeUnmount as ut, createElementBlock as r, openBlock as s, unref as c, normalizeStyle as H, normalizeClass as Be, createBlock as N, createCommentVNode as p, createElementVNode as x, createVNode as re, createSlots as Ve, withCtx as m, renderSlot as g, normalizeProps as U, guardReactiveProps as G, Fragment as $, renderList as L, mergeProps as Me, toDisplayString as A, createTextVNode as De, nextTick as st } from "vue";
-import { u as rt, c as nt, t as it, p as B, a as vt, o as ct, e as ne, g as dt, b as ht, i as j, f as _, X as ft, s as pt, w as yt, G as gt, K as mt, d as bt, q as wt, r as kt, x as xt, y as Ct } from "./index-BFzQMJda.js";
-import { t as $t, u as _t } from "./useResponsive-JZ9xq-JV.js";
-import { _ as It } from "./Title-CzaCeCOm.js";
-import { u as Tt, U as St } from "./usePrinter-C5bLp34h.js";
-import { _ as Ot } from "./Tooltip-CWmRmhJr.js";
-import { D as Pt } from "./DataTable-Rajdtaf6.js";
-import { L as Lt } from "./Legend-BxtDQCIv.js";
-import At from "./vue-ui-skeleton-B_YI7Yuc.js";
-import Ft from "./vue-ui-accordion-BUz4JIIX.js";
-import { u as Re } from "./useNestedProp-v7KPpwuP.js";
-import { _ as zt } from "./PackageVersion-BjrblLPQ.js";
-import { _ as Nt } from "./PenAndPaper-BkP3J-Ft.js";
-import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Vt } from "./Shape-C69a0f29.js";
-import { u as Mt } from "./useChartAccessibility-BWojgys7.js";
-import { _ as Dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"], Et = ["stop-color"], Wt = ["id"], qt = ["x", "y", "height", "width"], Ht = ["height", "width"], Xt = { key: 0 }, Yt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Kt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Jt = { key: 1 }, Qt = ["rx", "x", "y", "height", "width", "fill", "filter"], Zt = ["x", "y", "height", "width", "filter"], el = { key: 0 }, tl = { key: 1 }, ll = { key: 2 }, al = { key: 3 }, ol = ["onMouseover", "x", "y", "height", "width"], ul = {
+import { defineAsyncComponent as F, useSlots as pt, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as yt, onBeforeUnmount as ft, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as y, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as L, mergeProps as Ue, toDisplayString as z, createTextVNode as Ge, nextTick as gt } from "vue";
+import { u as bt, c as mt, t as wt, p as M, a as kt, o as xt, e as ve, g as Ct, b as $t, i as q, f as _, X as _t, s as It, w as Tt, G as St, K as Pt, d as Ot, q as At, r as Ft, x as Lt, y as zt } from "./index-BiHmNd1-.js";
+import { t as Nt, u as Bt } from "./useResponsive-JZ9xq-JV.js";
+import { u as Ee } from "./useNestedProp-tRqS0ZAM.js";
+import { u as Vt } from "./usePrinter-CRCbl1WG.js";
+import { u as Mt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
+import Rt from "./Title-B5qqUI3M.js";
+import Ut from "./Legend-DFunFf8i.js";
+import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"], Ht = ["stop-color"], Xt = ["id"], Yt = ["x", "y", "height", "width"], Kt = ["height", "width"], Jt = { key: 0 }, Qt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Zt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], el = { key: 1 }, tl = ["rx", "x", "y", "height", "width", "fill", "filter"], ll = ["x", "y", "height", "width", "filter"], al = { key: 0 }, ol = { key: 1 }, ul = { key: 2 }, sl = { key: 3 }, rl = ["onMouseover", "x", "y", "height", "width"], nl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, sl = ["onClick"], rl = { key: 0 }, nl = { key: 1 }, il = ["innerHTML"], vl = {
+}, il = ["onClick"], vl = { key: 0 }, cl = { key: 1 }, dl = ["innerHTML"], hl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -35,38 +28,38 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
     }
   },
   emits: ["selectLegend"],
-  setup(Ue, { expose: Ge, emit: je }) {
-    const { vue_ui_waffle: Ee } = rt(), b = Ue, We = at(), X = d(() => !!b.dataset && b.dataset.length), k = v(nt()), qe = v(null), ee = v(!1), te = v(""), V = v(null), ie = v(0), E = v(null), ve = v(null), ce = v(null), de = v(null), he = v(null), fe = v(0), pe = v(0), ye = v(0), e = d({
-      get: () => we(),
+  setup(je, { expose: We, emit: qe }) {
+    const He = F(() => import("./DataTable-Cv9CIz-a.js")), Xe = F(() => import("./Shape-D3w9qas1.js")), Ye = F(() => import("./PenAndPaper-B9na2mbr.js")), Ke = F(() => import("./vue-ui-accordion-CmCs2yR2.js")), Je = F(() => import("./vue-ui-skeleton-CbYQYRvD.js")), Qe = F(() => import("./Tooltip-C9rxJ-Ru.js")), Ze = F(() => import("./UserOptions-Ddy6CuLC.js")), et = F(() => import("./PackageVersion-CLY-udAA.js")), { vue_ui_waffle: tt } = bt(), m = je, lt = pt(), J = d(() => !!m.dataset && m.dataset.length), k = c(mt()), at = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), ye = c(null), fe = c(0), ge = c(0), be = c(0), e = d({
+      get: () => xe(),
       set: (t) => t
-    }), { userOptionsVisible: le, setUserOptionsVisibility: ge, keepUserOptionState: me } = Bt({ config: e.value }), { svgRef: be } = Mt({ config: e.value.style.chart.title });
-    function we() {
-      const t = Re({
-        userConfig: b.config,
-        defaultConfig: Ee
+    }), { userOptionsVisible: oe, setUserOptionsVisibility: me, keepUserOptionState: we } = Mt({ config: e.value }), { svgRef: ke } = Dt({ config: e.value.style.chart.title });
+    function xe() {
+      const t = Ee({
+        userConfig: m.config,
+        defaultConfig: tt
       });
       return t.theme ? {
-        ...Re({
-          userConfig: vt.vue_ui_waffle[t.theme] || b.config,
+        ...Ee({
+          userConfig: kt.vue_ui_waffle[t.theme] || m.config,
           defaultConfig: t
         }),
-        customPalette: it[t.theme] || B
+        customPalette: wt[t.theme] || M
       } : t;
     }
-    Ne(() => b.config, (t) => {
-      e.value = we(), le.value = !e.value.userOptions.showOnChartHover, ke(), fe.value += 1, pe.value += 1, ye.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+    Ve(() => m.config, (t) => {
+      e.value = xe(), oe.value = !e.value.userOptions.showOnChartHover, Ce(), fe.value += 1, ge.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const Y = v(null);
-    function ke() {
-      if (ct(b.dataset) ? ne({
+    const A = Me(null), R = Me(null);
+    function Ce() {
+      if (xt(m.dataset) ? ve({
         componentName: "VueUiWaffle",
         type: "dataset"
-      }) : b.dataset.forEach((t, a) => {
-        dt({
+      }) : m.dataset.forEach((t, a) => {
+        Ct({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          ne({
+          ve({
             componentName: "VueUiWaffle",
             type: "datasetSerieAttribute",
             property: l,
@@ -74,114 +67,114 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           });
         });
       }), e.value.responsive) {
-        const t = $t(() => {
-          const { width: a, height: l } = _t({
-            chart: E.value,
-            title: e.value.style.chart.title.text ? ve.value : null,
-            legend: e.value.style.chart.legend.show ? ce.value : null,
-            source: de.value,
-            noTitle: he.value
+        const t = Nt(() => {
+          const { width: a, height: l } = Bt({
+            chart: H.value,
+            title: e.value.style.chart.title.text ? de.value : null,
+            legend: e.value.style.chart.legend.show ? he.value : null,
+            source: pe.value,
+            noTitle: ye.value
           });
           requestAnimationFrame(() => {
-            F.value.width = a, F.value.height = l, I.value.width = a, I.value.height = l;
+            N.value.width = a, N.value.height = l, I.value.width = a, I.value.height = l;
           });
         });
-        Y.value = new ResizeObserver(t), Y.value.observe(E.value.parentNode);
+        A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect()), A.value = new ResizeObserver(t), R.value = H.value.parentNode, A.value.observe(R.value);
       }
     }
-    ot(() => {
-      ke();
-    }), ut(() => {
-      Y.value && Y.value.disconnect();
+    yt(() => {
+      Ce();
+    }), ft(() => {
+      A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect());
     });
-    const { isPrinting: xe, isImaging: Ce, generatePdf: $e, generateImage: _e } = Tt({
+    const { isPrinting: $e, isImaging: _e, generatePdf: Ie, generateImage: Te } = Vt({
       elementId: `vue-ui-waffle_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
-    }), He = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = d(() => ht(e.value.customPalette)), C = v({
+    }), ot = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = d(() => $t(e.value.customPalette)), C = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), F = v({
+    }), N = c({
       height: 512,
       width: 512
-    }), I = v({
+    }), I = c({
       top: 0,
       left: 0,
       height: 512,
       width: 512
-    }), T = d(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = d(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), W = d(() => I.value.width / e.value.style.chart.layout.grid.size), K = d(() => I.value.height / e.value.style.chart.layout.grid.size);
-    function Te(t) {
-      const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((w, se) => w + se, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), i = o.map((w) => w % 1);
-      let y = a - u.reduce((w, se) => w + se, 0);
-      for (; y > 0; ) {
-        let w = i.indexOf(Math.max(...i));
-        u[w] += 1, i[w] = 0, y -= 1;
+    }), T = d(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = d(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), X = d(() => I.value.width / e.value.style.chart.layout.grid.size), Q = d(() => I.value.height / e.value.style.chart.layout.grid.size);
+    function Pe(t) {
+      const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((w, ne) => w + ne, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), v = o.map((w) => w % 1);
+      let f = a - u.reduce((w, ne) => w + ne, 0);
+      for (; f > 0; ) {
+        let w = v.indexOf(Math.max(...v));
+        u[w] += 1, v[w] = 0, f -= 1;
       }
       return u;
     }
-    function Se() {
-      return b.dataset.map((t, a) => ({
+    function Oe() {
+      return m.dataset.map((t, a) => ({
         ...t,
-        color: bt(t.color) || Ie.value[a] || B[a] || B[a % B.length],
+        color: Ot(t.color) || Se.value[a] || M[a] || M[a % M.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
-    const ae = d(() => Se()), h = v(ae.value);
-    Ne(() => b.dataset, (t) => {
-      h.value = Se();
+    const ue = d(() => Oe()), h = c(ue.value);
+    Ve(() => m.dataset, (t) => {
+      h.value = Oe();
     }, { deep: !0 });
-    const Xe = d(() => {
-      const t = h.value.filter((a, l) => !f.value.includes(a.uid)).map((a, l) => (a.values || []).reduce((o, u) => o + u, 0));
-      return Te(t);
-    }), Ye = d(() => {
+    const ut = d(() => {
+      const t = h.value.filter((a, l) => !p.value.includes(a.uid)).map((a, l) => (a.values || []).reduce((o, u) => o + u, 0));
+      return Pe(t);
+    }), st = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
-      return Te(t);
-    }), q = d(() => (b.dataset.forEach((t, a) => {
-      [null, void 0].includes(t.values) && ne({
+      return Pe(t);
+    }), Y = d(() => (m.dataset.forEach((t, a) => {
+      [null, void 0].includes(t.values) && ve({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
         property: "values (number[])",
         index: a
       });
-    }), h.value.filter((t, a) => !f.value.includes(t.uid)).map((t, a) => ({
+    }), h.value.filter((t, a) => !p.value.includes(t.uid)).map((t, a) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
       value: (t.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: t.values || [],
-      proportion: Xe.value[a]
-    })))), Ke = d(() => h.value.map((t, a) => ({
+      proportion: ut.value[a]
+    })))), rt = d(() => h.value.map((t, a) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
       value: (t.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: t.values || [],
-      proportion: Ye.value[a]
+      proportion: st.value[a]
     })));
-    function Je() {
-      return Ke.value.map((t) => ({
+    function nt() {
+      return rt.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value,
         proportion: t.proportion
       }));
     }
-    const Qe = d(() => {
+    const it = d(() => {
       let t = 0;
-      return q.value.map((a, l) => {
-        const o = t, u = o + a.proportion, i = [];
-        for (let y = Math.floor(o); y < Math.floor(u); y += 1)
-          i.push(y);
+      return Y.value.map((a, l) => {
+        const o = t, u = o + a.proportion, v = [];
+        for (let f = Math.floor(o); f < Math.floor(u); f += 1)
+          v.push(f);
         return t = u, {
           ...a,
           start: o,
-          rects: i
+          rects: v
         };
       });
-    }), n = d(() => Qe.value.flatMap((t, a) => t.rects.map((l, o) => ({
+    }), i = d(() => it.value.flatMap((t, a) => t.rects.map((l, o) => ({
       isFirst: o === 0,
       isLongEnough: l.length > 2,
       name: t.name,
@@ -194,7 +187,7 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
     }))).map((t, a) => ({
       ...t,
       isAbsoluteFirst: a % e.value.style.chart.layout.grid.size === 0
-    }))), M = d(() => {
+    }))), U = d(() => {
       const t = [];
       for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
         for (let l = 0; l < e.value.style.chart.layout.grid.size; l += 1)
@@ -205,91 +198,91 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
             y: (e.value.style.chart.layout.grid.vertical ? l : a) * (S.value + e.value.style.chart.layout.grid.spaceBetween) + I.value.top
           });
       return t;
-    }), f = v([]), z = v(!1), Oe = v(null), Pe = v(null);
+    }), p = c([]), B = c(!1), Ae = c(null), Fe = c(null);
     function Le(t) {
       if (!e.value.useAnimation) {
-        f.value.includes(t) ? f.value = f.value.filter((u) => u !== t) : f.value.length < D.value.length - 1 && D.value.length > 1 && f.value.push(t);
+        p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < G.value.length - 1 && G.value.length > 1 && p.value.push(t);
         return;
       }
-      const a = ae.value.find((u) => u.uid === t).values.reduce((u, i) => u + i, 0), l = h.value.find((u) => u.uid === t).values.reduce((u, i) => u + i, 0);
+      const a = ue.value.find((u) => u.uid === t).values.reduce((u, v) => u + v, 0), l = h.value.find((u) => u.uid === t).values.reduce((u, v) => u + v, 0);
       let o = l;
-      if (f.value.includes(t)) {
-        let i = function() {
-          o > u ? (cancelAnimationFrame(Oe.value), h.value = h.value.map((y, w) => y.uid === t ? {
-            ...y,
+      if (p.value.includes(t)) {
+        let v = function() {
+          o > u ? (cancelAnimationFrame(Ae.value), h.value = h.value.map((f, w) => f.uid === t ? {
+            ...f,
             values: [u]
-          } : y), z.value = !1) : (z.value = !0, o += u * 0.025, h.value = h.value.map((y, w) => y.uid === t ? {
-            ...y,
+          } : f), B.value = !1) : (B.value = !0, o += u * 0.025, h.value = h.value.map((f, w) => f.uid === t ? {
+            ...f,
             values: [o]
-          } : y), Oe.value = requestAnimationFrame(i));
+          } : f), Ae.value = requestAnimationFrame(v));
         };
-        f.value = f.value.filter((y) => y !== t);
+        p.value = p.value.filter((f) => f !== t);
         const u = a;
-        i();
-      } else if (f.value.length < D.value.length - 1 && D.value.length > 1) {
+        v();
+      } else if (p.value.length < G.value.length - 1 && G.value.length > 1) {
         let u = function() {
-          o < l / 100 ? (cancelAnimationFrame(Pe.value), f.value.push(t), h.value = h.value.map((i, y) => i.uid === t ? {
-            ...i,
+          o < l / 100 ? (cancelAnimationFrame(Fe.value), p.value.push(t), h.value = h.value.map((v, f) => v.uid === t ? {
+            ...v,
             values: [0]
-          } : i), z.value = !1) : (z.value = !0, o /= 1.15, h.value = h.value.map((i) => i.uid === t ? {
-            ...i,
+          } : v), B.value = !1) : (B.value = !0, o /= 1.15, h.value = h.value.map((v) => v.uid === t ? {
+            ...v,
             values: [o]
-          } : i), Pe.value = requestAnimationFrame(u));
+          } : v), Fe.value = requestAnimationFrame(u));
         };
         u();
       }
-      tt("selectLegend", q.value.map((u) => ({
+      dt("selectLegend", Y.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 D = d(() => h.value.map((t, a) => ({
+    const G = d(() => h.value.map((t, a) => ({
       name: t.name,
-      color: t.color || Ie[a] || B[a] || B[a % B.length],
+      color: t.color || Se[a] || M[a] || M[a % M.length],
       value: (t.values || []).reduce((l, o) => l + o, 0),
       uid: t.uid,
       shape: "square"
     })).map((t) => ({
       ...t,
       proportion: t.value / h.value.map((a) => (a.values || []).reduce((l, o) => l + o, 0)).reduce((a, l) => a + l, 0),
-      opacity: f.value.includes(t.uid) ? 0.5 : 1,
+      opacity: p.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => Le(t.uid),
-      isSegregated: f.value.includes(t.uid)
-    }))), Ze = d(() => ({
+      isSegregated: p.value.includes(t.uid)
+    }))), vt = d(() => ({
       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" : ""
-    })), O = d(() => q.value.map((t) => t.value).reduce((t, a) => t + a, 0)), oe = v(null);
-    function et(t) {
-      if (f.value.length === b.dataset.length) return;
-      const a = n.value[t];
-      oe.value = {
+    })), P = d(() => Y.value.map((t) => t.value).reduce((t, a) => t + a, 0)), se = c(null);
+    function ct(t) {
+      if (p.value.length === m.dataset.length) return;
+      const a = i.value[t];
+      se.value = {
         datapoint: a,
         seriesIndex: a.absoluteIndex,
         series: h.value,
         config: e.value
-      }, ee.value = !0, V.value = n.value[t].serieIndex;
+      }, le.value = !0, D.value = i.value[t].serieIndex;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (xt(l) && Ct(() => l({
-        seriesIndex: n.value[t].absoluteIndex,
+      if (Lt(l) && zt(() => l({
+        seriesIndex: i.value[t].absoluteIndex,
         datapoint: a,
         series: h.value,
         config: e.value
       })))
-        te.value = l({
-          seriesIndex: n.value[t].absoluteIndex,
+        ae.value = l({
+          seriesIndex: i.value[t].absoluteIndex,
           datapoint: a,
           series: h.value,
           config: e.value
         });
       else {
         let o = "";
-        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${We.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${k.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${j(
+        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${lt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${k.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
           _({
@@ -300,69 +293,69 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           }),
           {
             datapoint: a,
-            seriesIndex: n.value[t].absoluteIndex,
+            seriesIndex: i.value[t].absoluteIndex,
             series: h.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = _({
-            v: a.value / O.value * 100,
+            v: a.value / P.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
           e.value.style.chart.tooltip.showValue ? o += `<span>(${u})</span></div>` : o += `<b>${u}%</b></div>`;
         }
-        te.value = o;
+        ae.value = o;
       }
     }
-    const tt = je, P = d(() => {
-      const t = q.value.map((l) => ({
+    const dt = qe, O = d(() => {
+      const t = Y.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), a = q.value.map((l) => l.value);
+      })), a = Y.value.map((l) => l.value);
       return { head: t, body: a };
     });
-    function J(t) {
-      return e.value.useBlurOnHover && ![null, void 0].includes(V.value) && V.value !== t ? `url(#blur_${k.value})` : "";
+    function Z(t) {
+      return e.value.useBlurOnHover && ![null, void 0].includes(D.value) && D.value !== t ? `url(#blur_${k.value})` : "";
     }
-    function Ae() {
-      st(() => {
-        const t = P.value.head.map((o, u) => [[
+    function ze() {
+      gt(() => {
+        const t = O.value.head.map((o, u) => [[
           o.name
-        ], [P.value.body[u]], [isNaN(P.value.body[u] / O.value) ? "-" : P.value.body[u] / O.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = wt(a);
-        kt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
+        ], [O.value.body[u]], [isNaN(O.value.body[u] / P.value) ? "-" : O.value.body[u] / P.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = At(a);
+        Ft({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
-    const Q = d(() => {
+    const ee = d(() => {
       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>',
-        j(
+        q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          O.value,
+          P.value,
           _({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: O.value,
+            v: P.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
         "100%"
-      ], a = P.value.head.map((u, i) => [
+      ], a = O.value.head.map((u, v) => [
         {
           color: u.color,
           name: u.name
         },
-        j(
+        q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          P.value.body[i],
+          O.value.body[v],
           _({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: P.value.body[i],
+            v: O.value.body[v],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(P.value.body[i] / O.value) ? "-" : _({
-          v: P.value.body[i] / O.value * 100,
+        isNaN(O.value.body[v] / P.value) ? "-" : _({
+          v: O.value.body[v] / P.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -390,59 +383,59 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
         config: l,
         colNames: o
       };
-    }), R = v(!1);
-    function lt(t) {
-      R.value = t, ie.value += 1;
+    }), E = c(!1);
+    function ht(t) {
+      E.value = t, ce.value += 1;
     }
-    function Fe() {
+    function Ne() {
       C.value.showTable = !C.value.showTable;
     }
-    function ze() {
+    function Be() {
       C.value.showTooltip = !C.value.showTooltip;
     }
-    const Z = v(!1);
-    function ue() {
-      Z.value = !Z.value;
+    const te = c(!1);
+    function re() {
+      te.value = !te.value;
     }
-    return Ge({
-      getData: Je,
-      generatePdf: $e,
-      generateCsv: Ae,
-      generateImage: _e,
-      toggleTable: Fe,
-      toggleTooltip: ze,
-      toggleAnnotator: ue
-    }), (t, a) => (s(), r("div", {
-      class: Be(`vue-ui-waffle ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    return We({
+      getData: nt,
+      generatePdf: Ie,
+      generateCsv: ze,
+      generateImage: Te,
+      toggleTable: Ne,
+      toggleTooltip: Be,
+      toggleAnnotator: re
+    }), (t, a) => (s(), n("div", {
+      class: De(`vue-ui-waffle ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
-      ref: E,
+      ref: H,
       id: `vue-ui-waffle_${k.value}`,
-      style: H(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[3] || (a[3] = () => c(ge)(!0)),
-      onMouseleave: a[4] || (a[4] = () => c(ge)(!1))
+      style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: a[3] || (a[3] = () => r(me)(!0)),
+      onMouseleave: a[4] || (a[4] = () => r(me)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), N(Nt, {
+      e.value.userOptions.buttons.annotator ? (s(), V(r(Ye), {
         key: 0,
-        svgRef: c(be),
+        svgRef: r(ke),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: Z.value,
-        onClose: ue
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      He.value ? (s(), r("div", {
+        active: te.value,
+        onClose: re
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      ot.value ? (s(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: he,
+        ref: ye,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
-      e.value.style.chart.title.text ? (s(), r("div", {
+      }, null, 512)) : y("", !0),
+      e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ve,
+        ref: de,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), N(It, {
+        (s(), V(Rt, {
           key: `title_${fe.value}`,
           config: {
             title: {
@@ -455,15 +448,15 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
-      e.value.userOptions.show && X.value && (c(me) || c(le)) ? (s(), N(St, {
+      ], 512)) : y("", !0),
+      e.value.userOptions.show && J.value && (r(we) || r(oe)) ? (s(), V(r(Ze), {
         ref_key: "details",
-        ref: qe,
-        key: `user_options_${ie.value}`,
+        ref: at,
+        key: `user_options_${ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(xe),
-        isImaging: c(Ce),
+        isPrinting: r($e),
+        isImaging: r(_e),
         uid: k.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -471,93 +464,93 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: R.value,
+        isFullscreen: E.value,
         isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: E.value,
+        chartElement: H.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Z.value,
-        onToggleFullscreen: lt,
-        onGeneratePdf: c($e),
-        onGenerateCsv: Ae,
-        onGenerateImage: c(_e),
-        onToggleTable: Fe,
-        onToggleTooltip: ze,
-        onToggleAnnotator: ue,
-        style: H({
-          visibility: c(me) ? c(le) ? "visible" : "hidden" : "visible"
+        isAnnotation: te.value,
+        onToggleFullscreen: ht,
+        onGeneratePdf: r(Ie),
+        onGenerateCsv: ze,
+        onGenerateImage: r(Te),
+        onToggleTable: Ne,
+        onToggleTooltip: Be,
+        onToggleAnnotator: re,
+        style: K({
+          visibility: r(we) ? r(oe) ? "visible" : "hidden" : "visible"
         })
-      }, Ve({ _: 2 }, [
+      }, Re({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: l, color: o }) => [
-            g(t.$slots, "menuIcon", U(G({ isOpen: l, color: o })), void 0, !0)
+          fn: b(({ isOpen: l, color: o }) => [
+            g(t.$slots, "menuIcon", j(W({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
-            g(t.$slots, "optionFullscreen", U(G({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+          fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
+            g(t.$slots, "optionFullscreen", j(W({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
-            g(t.$slots, "optionAnnotator", U(G({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+          fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
+            g(t.$slots, "optionAnnotator", j(W({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
-      X.value ? (s(), r("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      J.value ? (s(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: be,
-        xmlns: c(ft),
-        class: Be({ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }),
-        viewBox: `0 0 ${F.value.width <= 0 ? 10 : F.value.width} ${F.value.height <= 0 ? 10 : F.value.height}`,
-        style: H(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        ref: ke,
+        xmlns: r(_t),
+        class: De({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
+        viewBox: `0 0 ${N.value.width <= 0 ? 10 : N.value.width} ${N.value.height <= 0 ? 10 : N.value.height}`,
+        style: K(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        re(zt),
+        ie(r(et)),
         x("defs", null, [
-          (s(!0), r($, null, L(n.value, (l, o) => (s(), r("radialGradient", {
+          (s(!0), n($, null, L(i.value, (l, o) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -567,13 +560,13 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           }, [
             x("stop", {
               offset: "0%",
-              "stop-color": c(pt)(c(yt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
-            }, null, 8, jt),
+              "stop-color": r(It)(r(Tt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, qt),
             x("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Et)
-          ], 8, Gt))), 256))
+            }, null, 8, Ht)
+          ], 8, Wt))), 256))
         ]),
         x("defs", null, [
           x("filter", {
@@ -591,18 +584,18 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
               type: "saturate",
               values: "0"
             }, null, -1)
-          ]), 8, Wt)
+          ]), 8, Xt)
         ]),
-        e.value.useCustomCells && n.value.length ? (s(!0), r($, { key: 0 }, L(M.value, (l, o) => (s(), r("foreignObject", {
+        e.value.useCustomCells && i.value.length ? (s(!0), n($, { key: 0 }, L(U.value, (l, o) => (s(), n("foreignObject", {
           x: l.x,
           y: l.y,
           height: S.value <= 0 ? 1e-4 : S.value,
           width: T.value <= 0 ? 1e-4 : T.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", Me({ ref_for: !0 }, { cell: { ...l, color: n.value[o].color, ...n.value[o] }, isSelected: [null, void 0].includes(V.value) ? !0 : n.value[o].serieIndex === V.value }), void 0, !0)
-        ], 8, qt))), 256)) : p("", !0),
-        !n.value.length && !e.value.useCustomCells ? (s(), r("rect", {
+          g(t.$slots, "cell", Ue({ ref_for: !0 }, { cell: { ...l, color: i.value[o].color, ...i.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : i.value[o].serieIndex === D.value }), void 0, !0)
+        ], 8, Yt))), 256)) : y("", !0),
+        !i.value.length && !e.value.useCustomCells ? (s(), n("rect", {
           key: 1,
           x: 12,
           y: 12,
@@ -611,13 +604,13 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Ht)) : n.value.length && !e.value.useCustomCells ? (s(), r($, { key: 2 }, [
-          t.$slots.pattern ? (s(), r("g", Xt, [
-            (s(!0), r($, null, L(ae.value, (l) => (s(), r("defs", null, [
-              g(t.$slots, "pattern", Me({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
+        }, null, 8, Kt)) : i.value.length && !e.value.useCustomCells ? (s(), n($, { key: 2 }, [
+          t.$slots.pattern ? (s(), n("g", Jt, [
+            (s(!0), n($, null, L(ue.value, (l) => (s(), n("defs", null, [
+              g(t.$slots, "pattern", Ue({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
-          ])) : p("", !0),
-          (s(!0), r($, null, L(M.value, (l, o) => (s(), r("rect", {
+          ])) : y("", !0),
+          (s(!0), n($, null, L(U.value, (l, o) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -626,90 +619,90 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
-            filter: J(n.value[o].serieIndex)
-          }, null, 8, Yt))), 256)),
-          (s(!0), r($, null, L(M.value, (l, o) => (s(), r("rect", {
+            filter: Z(i.value[o].serieIndex)
+          }, null, 8, Qt))), 256)),
+          (s(!0), n($, null, L(U.value, (l, o) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: S.value <= 0 ? 1e-4 : S.value,
             width: T.value <= 0 ? 1e-4 : T.value,
-            fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${o})` : n.value[o].color,
+            fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${o})` : i.value[o].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
-            filter: J(n.value[o].serieIndex)
-          }, null, 8, Kt))), 256)),
-          t.$slots.pattern ? (s(), r("g", Jt, [
-            (s(!0), r($, null, L(M.value, (l, o) => (s(), r("rect", {
+            filter: Z(i.value[o].serieIndex)
+          }, null, 8, Zt))), 256)),
+          t.$slots.pattern ? (s(), n("g", el, [
+            (s(!0), n($, null, L(U.value, (l, o) => (s(), n("rect", {
               rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
               x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
               y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
               height: S.value <= 0 ? 1e-4 : S.value,
               width: T.value <= 0 ? 1e-4 : T.value,
-              fill: `url(#pattern_${k.value}_${n.value[o].absoluteIndex})`,
+              fill: `url(#pattern_${k.value}_${i.value[o].absoluteIndex})`,
               stroke: "none",
-              filter: J(n.value[o].serieIndex)
-            }, null, 8, Qt))), 256))
-          ])) : p("", !0)
-        ], 64)) : p("", !0),
-        (s(!0), r($, null, L(M.value, (l, o) => (s(), r($, null, [
-          n.value.length && !z.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (n.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || n.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && n.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
+              filter: Z(i.value[o].serieIndex)
+            }, null, 8, tl))), 256))
+          ])) : y("", !0)
+        ], 64)) : y("", !0),
+        (s(!0), n($, null, L(U.value, (l, o) => (s(), n($, null, [
+          i.value.length && !B.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (i.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || i.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && i.value[o].absoluteStartIndex) ? (s(), n("foreignObject", {
             key: 0,
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.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: W.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : W.value * e.value.style.chart.layout.grid.size,
-            filter: J(n.value[o].serieIndex)
+            height: Q.value <= 0 ? 1e-4 : Q.value,
+            width: X.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : X.value * e.value.style.chart.layout.grid.size,
+            filter: Z(i.value[o].serieIndex)
           }, [
             x("div", {
               class: "vue-ui-waffle-caption",
-              style: H(`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 ${W.value / 12}px;color:${c(gt)(n.value[o].color)};gap:2px`)
+              style: K(`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 ${X.value / 12}px;color:${r(St)(i.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", el, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(mt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : p("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", tl, A(c(_)({ v: n.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : p("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ll, " (" + A(c(j)(
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), n("span", al, z(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? r(Pt)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), n("span", ol, z(r(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", ul, " (" + z(r(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
-                n.value[o].value,
-                c(_)({
+                i.value[o].value,
+                r(_)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: n.value[o].value,
+                  v: i.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
-                { datapoint: n.value[o], position: l }
-              )) + ") ", 1)) : p("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", al, A(c(j)(
+                { datapoint: i.value[o], position: l }
+              )) + ") ", 1)) : y("", !0),
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", sl, z(r(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
-                n.value[o].value,
-                c(_)({
+                i.value[o].value,
+                r(_)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: n.value[o].value,
+                  v: i.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
-                { datapoint: n.value[o], position: l }
-              )), 1)) : p("", !0)
+                { datapoint: i.value[o], position: l }
+              )), 1)) : y("", !0)
             ], 4)
-          ], 8, Zt)) : p("", !0)
+          ], 8, ll)) : y("", !0)
         ], 64))), 256)),
-        (s(!0), r($, null, L(M.value, (l, o) => (s(), r("rect", {
-          onMouseover: (u) => et(o),
+        (s(!0), n($, null, L(U.value, (l, o) => (s(), n("rect", {
+          onMouseover: (u) => ct(o),
           onMouseleave: a[0] || (a[0] = (u) => {
-            ee.value = !1, V.value = null;
+            le.value = !1, D.value = null;
           }),
           x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-          height: K.value <= 0 ? 1e-4 : K.value,
-          width: W.value <= 0 ? 1e-4 : W.value,
+          height: Q.value <= 0 ? 1e-4 : Q.value,
+          width: X.value <= 0 ? 1e-4 : X.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, ol))), 256)),
-        g(t.$slots, "svg", { svg: F.value }, void 0, !0)
-      ], 14, Ut)) : p("", !0),
-      t.$slots.watermark ? (s(), r("div", ul, [
-        g(t.$slots, "watermark", U(G({ isPrinting: c(xe) || c(Ce) })), void 0, !0)
-      ])) : p("", !0),
-      X.value ? p("", !0) : (s(), N(At, {
+        }, null, 40, rl))), 256)),
+        g(t.$slots, "svg", { svg: N.value }, void 0, !0)
+      ], 14, jt)) : y("", !0),
+      t.$slots.watermark ? (s(), n("div", nl, [
+        g(t.$slots, "watermark", j(W({ isPrinting: r($e) || r(_e) })), void 0, !0)
+      ])) : y("", !0),
+      J.value ? y("", !0) : (s(), V(r(Je), {
         key: 6,
         config: {
           type: "waffle",
@@ -723,40 +716,40 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
       }, null, 8, ["config"])),
       x("div", {
         ref_key: "chartLegend",
-        ref: ce
+        ref: he
       }, [
-        e.value.style.chart.legend.show ? (s(), N(Lt, {
-          key: `legend_${ye.value}`,
-          legendSet: D.value,
-          config: Ze.value,
+        e.value.style.chart.legend.show ? (s(), V(Ut, {
+          key: `legend_${be.value}`,
+          legendSet: G.value,
+          config: vt.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => Le(l.uid))
-        }, Ve({
-          item: m(({ legend: l }) => [
+        }, Re({
+          item: b(({ legend: l }) => [
             x("div", {
               onClick: (o) => l.segregate(),
-              style: H(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
+              style: K(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
             }, [
-              De(A(l.name) + ": " + A(c(j)(
+              Ge(z(l.name) + ": " + z(r(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                c(_)({
+                r(_)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.legend.roundingValue,
-                  isAnimating: z.value
+                  isAnimating: B.value
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              f.value.includes(l.uid) ? (s(), r("span", nl, " ( - % ) ")) : (s(), r("span", rl, " (" + A(isNaN(l.value / O.value) ? "-" : c(_)({ v: l.value / O.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
-            ], 12, sl)
+              p.value.includes(l.uid) ? (s(), n("span", cl, " ( - % ) ")) : (s(), n("span", vl, " (" + z(isNaN(l.value / P.value) ? "-" : r(_)({ v: l.value / P.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: B.value })) + ") ", 1))
+            ], 12, il)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: m(({ legend: l, index: o }) => [
-              re(Vt, {
+            fn: b(({ legend: l, index: o }) => [
+              ie(r(Xe), {
                 shape: l.shape,
                 radius: 30,
                 stroke: "none",
@@ -768,19 +761,19 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           } : void 0
         ]), 1032, ["legendSet", "config"])) : g(t.$slots, "legend", {
           key: 1,
-          legend: D.value
+          legend: G.value
         }, void 0, !0)
       ], 512),
-      t.$slots.source ? (s(), r("div", {
+      t.$slots.source ? (s(), n("div", {
         key: 7,
         ref_key: "source",
-        ref: de,
+        ref: pe,
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
-      re(Ot, {
-        show: C.value.showTooltip && ee.value && f.value.length < b.dataset.length,
+      ], 512)) : y("", !0),
+      ie(r(Qe), {
+        show: C.value.showTooltip && le.value && p.value.length < m.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -789,21 +782,21 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: E.value,
-        content: te.value,
+        parent: H.value,
+        content: ae.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         fontSize: e.value.style.chart.tooltip.fontSize,
-        isFullscreen: R.value
+        isFullscreen: E.value
       }, {
-        "tooltip-before": m(() => [
-          g(t.$slots, "tooltip-before", U(G({ ...oe.value })), void 0, !0)
+        "tooltip-before": b(() => [
+          g(t.$slots, "tooltip-before", j(W({ ...se.value })), void 0, !0)
         ]),
-        "tooltip-after": m(() => [
-          g(t.$slots, "tooltip-after", U(G({ ...oe.value })), void 0, !0)
+        "tooltip-after": b(() => [
+          g(t.$slots, "tooltip-after", j(W({ ...se.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen"]),
-      X.value ? (s(), N(Ft, {
+      J.value ? (s(), V(r(Ke), {
         key: 8,
         hideDetails: "",
         config: {
@@ -819,33 +812,33 @@ const Rt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], jt = ["stop-color"],
           }
         }
       }, {
-        content: m(() => [
-          (s(), N(Pt, {
-            key: `table_${pe.value}`,
-            colNames: Q.value.colNames,
-            head: Q.value.head,
-            body: Q.value.body,
-            config: Q.value.config,
+        content: b(() => [
+          (s(), V(r(He), {
+            key: `table_${ge.value}`,
+            colNames: ee.value.colNames,
+            head: ee.value.head,
+            body: ee.value.body,
+            config: ee.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
-            th: m(({ th: l }) => [
+            th: b(({ th: l }) => [
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, il)
+              }, null, 8, dl)
             ]),
-            td: m(({ td: l }) => [
-              De(A(l.name || l), 1)
+            td: b(({ td: l }) => [
+              Ge(z(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : p("", !0)
-    ], 46, Rt));
+      }, 8, ["config"])) : y("", !0)
+    ], 46, Et));
   }
-}, Sl = /* @__PURE__ */ Dt(vl, [["__scopeId", "data-v-b3044eda"]]);
+}, $l = /* @__PURE__ */ Gt(hl, [["__scopeId", "data-v-d587fd7c"]]);
 export {
-  Sl as default
+  $l as default
 };