vue-data-ui 2.4.86 → 2.4.87

package/dist/{vue-ui-waffle-sr2mWvpN.js → vue-ui-waffle-BMFtG4mh.js}

@@ -1,20 +1,20 @@
-import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as m, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as _, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
-import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as C, X as pt, s as yt, w as ft, G as gt, L as mt, d as bt, x as wt, y as kt, q as xt, r as _t } from "./index-CXx0JV8R.js";
+import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as b, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as C, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
+import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as $, X as pt, s as yt, w as ft, G as gt, L as bt, d as mt, x as wt, y as kt, q as xt, r as _t } from "./index-BG5J_ybN.js";
 import { t as Ct, u as $t } from "./useResponsive-CoxXLe23.js";
-import { _ as It } from "./Title-ClQ27HaB.js";
-import { u as Tt, U as St } from "./usePrinter-Ctor1UK0.js";
-import { _ as Pt } from "./Tooltip-CGYgJoPR.js";
-import { D as Lt } from "./DataTable-BfiPjHpN.js";
-import { L as Ot } from "./Legend-DiFDWEo2.js";
-import At from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import Ft from "./vue-ui-accordion-BljYKOXR.js";
-import { u as De } from "./useNestedProp-B-WAbP7E.js";
-import { _ as zt } from "./PackageVersion-qom4AEUr.js";
-import { P as Nt } from "./PenAndPaper-C-1AU46J.js";
+import { _ as It } from "./Title-BU5Aq1_x.js";
+import { u as Tt, U as St } from "./usePrinter-CWeJt84b.js";
+import { _ as Pt } from "./Tooltip-Dm-obTbx.js";
+import { D as Lt } from "./DataTable-CKke7C6w.js";
+import { L as Ot } from "./Legend-DMeEvZOT.js";
+import At from "./vue-ui-skeleton-c211TxZ8.js";
+import Ft from "./vue-ui-accordion-JBOceVq2.js";
+import { u as De } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as zt } from "./PackageVersion-Rh3rgo6A.js";
+import { P as Nt } from "./PenAndPaper-DqVsdeLc.js";
 import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Vt } from "./Shape-Dmv7nCLC.js";
+import { _ as Vt } from "./Shape-CL3HglYL.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
+const Ue = (W) => (ut("data-v-69bc0197"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), qt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feColorMatrix", {
@@ -44,32 +44,32 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
   },
   emits: ["selectLegend"],
   setup(W, { expose: Ge, emit: Re }) {
-    const b = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!b.dataset && b.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
+    const m = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!m.dataset && m.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
       get: () => we(),
       set: (t) => t
-    }), { userOptionsVisible: ae, setUserOptionsVisibility: me, keepUserOptionState: be } = Bt({ config: e.value });
+    }), { userOptionsVisible: ae, setUserOptionsVisibility: be, keepUserOptionState: me } = Bt({ config: e.value });
     function we() {
       const t = De({
-        userConfig: b.config,
+        userConfig: m.config,
         defaultConfig: je
       });
       return t.theme ? {
         ...De({
-          userConfig: it.vue_ui_waffle[t.theme] || b.config,
+          userConfig: it.vue_ui_waffle[t.theme] || m.config,
           defaultConfig: t
         }),
         customPalette: vt[t.theme] || M
       } : t;
     }
-    Ne(() => b.config, (t) => {
-      e.value = we(), ae.value = !e.value.showOnChartHover, ke(), ye.value += 1, fe.value += 1, ge.value += 1;
+    Ne(() => m.config, (t) => {
+      e.value = we(), ae.value = !e.value.showOnChartHover, ke(), ye.value += 1, fe.value += 1, ge.value += 1, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const J = v(null);
     function ke() {
-      if (ct(b.dataset) ? ie({
+      if (ct(m.dataset) ? ie({
         componentName: "VueUiWaffle",
         type: "dataset"
-      }) : b.dataset.forEach((t, a) => {
+      }) : m.dataset.forEach((t, a) => {
         dt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -91,7 +91,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             noTitle: pe.value
           });
           requestAnimationFrame(() => {
-            F.value.width = a, F.value.height = l, $.value.width = a, $.value.height = l;
+            F.value.width = a, F.value.height = l, I.value.width = a, I.value.height = l;
           });
         });
         J.value = new ResizeObserver(t), J.value.observe(U.value.parentNode);
@@ -105,18 +105,18 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     const { isPrinting: xe, isImaging: _e, generatePdf: Ce, generateImage: $e } = Tt({
       elementId: `vue-ui-waffle_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle"
-    }), qe = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = d(() => ht(e.value.customPalette)), L = v({
+    }), qe = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = d(() => ht(e.value.customPalette)), _ = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), F = v({
       height: 512,
       width: 512
-    }), $ = v({
+    }), I = v({
       top: 0,
       left: 0,
       height: 512,
       width: 512
-    }), I = d(() => ($.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), T = d(() => ($.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), q = d(() => $.value.width / e.value.style.chart.layout.grid.size), K = d(() => $.value.height / e.value.style.chart.layout.grid.size);
+    }), 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), q = 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, re) => w + re, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), i = o.map((w) => w % 1);
       let f = a - u.reduce((w, re) => w + re, 0);
@@ -127,15 +127,15 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       return u;
     }
     function Se() {
-      return b.dataset.map((t, a) => ({
+      return m.dataset.map((t, a) => ({
         ...t,
-        color: bt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
+        color: mt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
     const oe = d(() => Se()), h = v(oe.value);
-    Ne(() => b.dataset, (t) => {
+    Ne(() => m.dataset, (t) => {
       h.value = Se();
     }, { deep: !0 });
     const He = d(() => {
@@ -144,7 +144,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     }), Xe = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
       return Te(t);
-    }), H = d(() => (b.dataset.forEach((t, a) => {
+    }), H = d(() => (m.dataset.forEach((t, a) => {
       [null, void 0].includes(t.values) && ie({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -208,8 +208,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           t.push({
             isStartOfLine: l === 0,
             position: e.value.style.chart.layout.grid.vertical ? a : l,
-            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (I.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (T.value + e.value.style.chart.layout.grid.spaceBetween) + $.value.top
+            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (T.value + e.value.style.chart.layout.grid.spaceBetween),
+            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (S.value + e.value.style.chart.layout.grid.spaceBetween) + I.value.top
           });
       return t;
     }), p = v([]), z = v(!1), Pe = v(null), Le = v(null);
@@ -271,9 +271,9 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), S = d(() => H.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ue = v(null);
+    })), P = d(() => H.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ue = v(null);
     function Ze(t) {
-      if (p.value.length === b.dataset.length) return;
+      if (p.value.length === m.dataset.length) return;
       const a = n.value[t];
       ue.value = {
         datapoint: a,
@@ -299,7 +299,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         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}" />${Ee.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>${E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
-          C({
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: a.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -311,8 +311,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             series: h.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const u = C({
-            v: a.value / S.value * 100,
+          const u = $({
+            v: a.value / P.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -321,7 +321,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         le.value = o;
       }
     }
-    const P = d(() => {
+    const L = d(() => {
       const t = H.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -333,9 +333,9 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     }
     function Ae() {
       ot(() => {
-        const t = P.value.head.map((o, u) => [[
+        const t = L.value.head.map((o, u) => [[
           o.name
-        ], [P.value.body[u]], [isNaN(P.value.body[u] / S.value) ? "-" : P.value.body[u] / S.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = xt(a);
+        ], [L.value.body[u]], [isNaN(L.value.body[u] / P.value) ? "-" : L.value.body[u] / P.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = xt(a);
         _t({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
@@ -344,32 +344,32 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         ' <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>',
         E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          S.value,
-          C({
+          P.value,
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: S.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 = L.value.head.map((u, i) => [
         {
           color: u.color,
           name: u.name
         },
         E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          P.value.body[i],
-          C({
+          L.value.body[i],
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: P.value.body[i],
+            v: L.value.body[i],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(P.value.body[i] / S.value) ? "-" : C({
-          v: P.value.body[i] / S.value * 100,
+        isNaN(L.value.body[i] / P.value) ? "-" : $({
+          v: L.value.body[i] / P.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -402,10 +402,10 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       j.value = t, ve.value += 1;
     }
     function Fe() {
-      L.value.showTable = !L.value.showTable;
+      _.value.showTable = !_.value.showTable;
     }
     function ze() {
-      L.value.showTooltip = !L.value.showTooltip;
+      _.value.showTooltip = !_.value.showTooltip;
     }
     const ee = v(!1);
     function se() {
@@ -425,8 +425,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       ref: U,
       id: `vue-ui-waffle_${k.value}`,
       style: X(`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(me)(!0)),
-      onMouseleave: a[4] || (a[4] = () => c(me)(!1))
+      onMouseenter: a[3] || (a[3] = () => c(be)(!0)),
+      onMouseleave: a[4] || (a[4] = () => c(be)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), N(Nt, {
         key: 0,
@@ -463,7 +463,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && Y.value && (c(be) || c(ae)) ? (s(), N(St, {
+      e.value.userOptions.show && Y.value && (c(me) || c(ae)) ? (s(), N(St, {
         ref_key: "details",
         ref: We,
         key: `user_options_${ve.value}`,
@@ -479,7 +479,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: j.value,
-        isTooltip: L.value.showTooltip,
+        isTooltip: _.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: U.value,
         position: e.value.userOptions.position,
@@ -493,54 +493,54 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         onToggleTooltip: ze,
         onToggleAnnotator: se,
         style: X({
-          visibility: c(be) ? c(ae) ? "visible" : "hidden" : "visible"
+          visibility: c(me) ? c(ae) ? "visible" : "hidden" : "visible"
         })
       }, Ve({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
+          fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
             g(t.$slots, "optionFullscreen", B(V({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
+          fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
             g(t.$slots, "optionAnnotator", B(V({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "6"
@@ -555,7 +555,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       }, [
         ne(zt),
         x("defs", null, [
-          (s(!0), r(_, null, O(n.value, (l, o) => (s(), r("radialGradient", {
+          (s(!0), r(C, null, O(n.value, (l, o) => (s(), r("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -582,11 +582,11 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             height: "200%"
           }, Ht, 8, Et)
         ]),
-        e.value.useCustomCells && n.value.length ? (s(!0), r(_, { key: 0 }, O(G.value, (l, o) => (s(), r("foreignObject", {
+        e.value.useCustomCells && n.value.length ? (s(!0), r(C, { key: 0 }, O(G.value, (l, o) => (s(), r("foreignObject", {
           x: l.x,
           y: l.y,
-          height: T.value <= 0 ? 1e-4 : T.value,
-          width: I.value <= 0 ? 1e-4 : I.value,
+          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", B(V({ cell: { ...l, color: n.value[o].color, ...n.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : n.value[o].serieIndex === D.value })), void 0, !0)
@@ -595,53 +595,53 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           key: 1,
           x: 12,
           y: 12,
-          height: $.value.height - 24,
-          width: $.value.width - 24,
+          height: I.value.height - 24,
+          width: I.value.width - 24,
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Yt)) : n.value.length && !e.value.useCustomCells ? (s(), r(_, { key: 2 }, [
+        }, null, 8, Yt)) : n.value.length && !e.value.useCustomCells ? (s(), r(C, { key: 2 }, [
           t.$slots.pattern ? (s(), r("g", Jt, [
-            (s(!0), r(_, null, O(oe.value, (l) => (s(), r("defs", null, [
+            (s(!0), r(C, null, O(oe.value, (l) => (s(), r("defs", null, [
               g(t.$slots, "pattern", B(V({ seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` })), void 0, !0)
             ]))), 256))
           ])) : y("", !0),
-          (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+          (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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: T.value <= 0 ? 1e-4 : T.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            height: S.value <= 0 ? 1e-4 : S.value,
+            width: T.value <= 0 ? 1e-4 : T.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: Q(n.value[o].serieIndex)
           }, null, 8, Kt))), 256)),
-          (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+          (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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: T.value <= 0 ? 1e-4 : T.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            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,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: Q(n.value[o].serieIndex)
           }, null, 8, Qt))), 256)),
           t.$slots.pattern ? (s(), r("g", Zt, [
-            (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+            (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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: T.value <= 0 ? 1e-4 : T.value,
-              width: I.value <= 0 ? 1e-4 : I.value,
+              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})`,
               stroke: "none",
               filter: Q(n.value[o].serieIndex)
             }, null, 8, el))), 256))
           ])) : y("", !0)
         ], 64)) : y("", !0),
-        (s(!0), r(_, null, O(G.value, (l, o) => (s(), r(_, null, [
+        (s(!0), r(C, null, O(G.value, (l, o) => (s(), r(C, 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", {
             key: 0,
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -654,12 +654,12 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               class: "vue-ui-waffle-caption",
               style: X(`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 ${q.value / 12}px;color:${c(gt)(n.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, 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)) : y("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", al, A(c(C)({ v: n.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(bt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", al, A(c($)({ v: n.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(), r("span", ol, " (" + A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: n.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -670,7 +670,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ul, A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: n.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -681,7 +681,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             ], 4)
           ], 8, tl)) : y("", !0)
         ], 64))), 256)),
-        (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+        (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("rect", {
           onMouseover: (u) => Ze(o),
           onMouseleave: a[0] || (a[0] = (u) => {
             te.value = !1, D.value = null;
@@ -720,7 +720,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           config: Qe.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => Oe(l.uid))
         }, Ve({
-          item: m(({ legend: l }) => [
+          item: b(({ legend: l }) => [
             x("div", {
               onClick: (o) => l.segregate(),
               style: X(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
@@ -728,7 +728,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               Me(A(l.name) + ": " + A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -737,14 +737,14 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              p.value.includes(l.uid) ? (s(), r("span", vl, " ( - % ) ")) : (s(), r("span", il, " (" + A(isNaN(l.value / S.value) ? "-" : c(C)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
+              p.value.includes(l.uid) ? (s(), r("span", vl, " ( - % ) ")) : (s(), r("span", il, " (" + A(isNaN(l.value / P.value) ? "-" : c($)({ v: l.value / P.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
             ], 12, nl)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: m(({ legend: l, index: o }) => [
+            fn: b(({ legend: l, index: o }) => [
               ne(Vt, {
                 shape: l.shape,
                 radius: 30,
@@ -769,7 +769,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       ne(Pt, {
-        show: L.value.showTooltip && te.value && p.value.length < b.dataset.length,
+        show: _.value.showTooltip && te.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,
@@ -784,10 +784,10 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         fontSize: e.value.style.chart.tooltip.fontSize,
         isFullscreen: j.value
       }, {
-        "tooltip-before": m(() => [
+        "tooltip-before": b(() => [
           g(t.$slots, "tooltip-before", B(V({ ...ue.value })), void 0, !0)
         ]),
-        "tooltip-after": m(() => [
+        "tooltip-after": b(() => [
           g(t.$slots, "tooltip-after", B(V({ ...ue.value })), void 0, !0)
         ]),
         _: 3
@@ -796,7 +796,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         key: 8,
         hideDetails: "",
         config: {
-          open: L.value.showTable,
+          open: _.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -808,7 +808,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }
       }, {
-        content: m(() => [
+        content: b(() => [
           (s(), N(Lt, {
             key: `table_${fe.value}`,
             colNames: Z.value.colNames,
@@ -816,15 +816,15 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             body: Z.value.body,
             config: Z.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) => L.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => _.value.showTable = !1)
           }, {
-            th: m(({ th: l }) => [
+            th: b(({ th: l }) => [
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, cl)
             ]),
-            td: m(({ td: l }) => [
+            td: b(({ td: l }) => [
               Me(A(l.name || l), 1)
             ]),
             _: 1
@@ -834,7 +834,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       }, 8, ["config"])) : y("", !0)
     ], 46, Dt));
   }
-}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-2719a41f"]]);
+}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-69bc0197"]]);
 export {
   Pl as default
 };