vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-waffle-DD8pT7JN.js → vue-ui-waffle-Cu63K9Iy.js}

@@ -1,23 +1,24 @@
-import { useSlots as lt, computed as d, ref as v, watch as ze, onMounted as at, onBeforeUnmount as ot, createElementBlock as s, openBlock as r, unref as c, normalizeStyle as W, normalizeClass as Ne, createBlock as N, createCommentVNode as y, createElementVNode as x, createVNode as se, createSlots as Be, withCtx as m, renderSlot as g, normalizeProps as q, guardReactiveProps as H, Fragment as $, renderList as L, mergeProps as Ve, toDisplayString as A, createTextVNode as Me, nextTick as ut } from "vue";
-import { u as rt, c as st, t as nt, p as B, a as it, o as vt, e as ne, g as ct, b as dt, i as R, f as _, X as ht, s as pt, w as yt, G as ft, L as gt, d as mt, q as bt, r as wt, x as kt, y as xt } from "./index-B9qF6XbP.js";
-import { t as Ct, u as $t } from "./useResponsive-BWapHhVH.js";
-import { _ as _t } from "./Title-D6h1gTvZ.js";
-import { u as Tt, U as It } from "./usePrinter-DsiBLAy1.js";
-import { _ as St } from "./Tooltip-BonEVaob.js";
-import { D as Pt } from "./DataTable-CJN0sipt.js";
-import { L as Ot } from "./Legend-BDyPoYfp.js";
-import Lt from "./vue-ui-skeleton-CHEZlRpn.js";
-import At from "./vue-ui-accordion-DBmchkva.js";
-import { u as De } from "./useNestedProp-g5oKzlVy.js";
-import { _ as Ft } from "./PackageVersion-DqmHcoqz.js";
-import { P as zt } from "./PenAndPaper-6UYizrkQ.js";
-import { u as Nt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Bt } from "./Shape-C_qIhG3J.js";
-import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"], Rt = ["stop-color"], jt = ["id"], Et = ["x", "y", "height", "width"], Wt = ["height", "width"], qt = { key: 0 }, Ht = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Xt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Yt = { key: 1 }, Jt = ["rx", "x", "y", "height", "width", "fill", "filter"], Kt = ["x", "y", "height", "width", "filter"], Qt = { key: 0 }, Zt = { key: 1 }, el = { key: 2 }, tl = { key: 3 }, ll = ["onMouseover", "x", "y", "height", "width"], al = {
+import { useSlots as at, computed as d, ref as v, watch as ze, onMounted as ot, onBeforeUnmount as ut, createElementBlock as s, openBlock as r, unref as c, normalizeStyle as W, normalizeClass as Ne, createBlock as N, createCommentVNode as y, createElementVNode as x, createVNode as se, createSlots as Be, withCtx as m, renderSlot as g, normalizeProps as q, guardReactiveProps as H, Fragment as $, renderList as L, mergeProps as Ve, toDisplayString as A, createTextVNode as Me, nextTick as rt } from "vue";
+import { u as st, 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 G, f as _, X as pt, s as yt, w as ft, G as gt, L as mt, d as bt, q as wt, r as kt, x as xt, y as Ct } from "./index-CZlI7PiS.js";
+import { t as $t, u as _t } from "./useResponsive-BWapHhVH.js";
+import { _ as Tt } from "./Title-DePxeqVl.js";
+import { u as It, U as St } from "./usePrinter-D-sSdR2l.js";
+import { _ as Pt } from "./Tooltip-DRw9RoFp.js";
+import { D as Ot } from "./DataTable-D0-zzsJg.js";
+import { L as Lt } from "./Legend-Oaw0MY8Y.js";
+import At from "./vue-ui-skeleton-D8r-yAkW.js";
+import Ft from "./vue-ui-accordion-DVtmOO3I.js";
+import { u as De } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as zt } from "./PackageVersion-J_USnljf.js";
+import { P as Nt } from "./PenAndPaper-CoEXEMcN.js";
+import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Vt } from "./Shape-Dtm6toQp.js";
+import { u as Mt } from "./useChartAccessibility-BWojgys7.js";
+import { _ as Dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ut = ["id"], Rt = ["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"], Jt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Kt = { 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 = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, ol = ["onClick"], ul = { key: 0 }, rl = { key: 1 }, sl = ["innerHTML"], nl = {
+}, rl = ["onClick"], sl = { key: 0 }, nl = { key: 1 }, il = ["innerHTML"], vl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -34,11 +35,11 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
     }
   },
   emits: ["selectLegend"],
-  setup(Ue, { expose: Ge, emit: Re }) {
-    const { vue_ui_waffle: je } = rt(), b = Ue, Ee = lt(), X = d(() => !!b.dataset && b.dataset.length), k = v(st()), We = v(null), ee = v(!1), te = v(""), V = v(null), ie = v(0), M = v(null), ve = v(null), ce = v(null), de = v(null), he = v(null), pe = v(0), ye = v(0), fe = v(0), e = d({
+  setup(Ue, { expose: Re, emit: Ge }) {
+    const { vue_ui_waffle: je } = st(), b = Ue, Ee = at(), X = d(() => !!b.dataset && b.dataset.length), k = v(nt()), We = v(null), ee = v(!1), te = v(""), V = v(null), ie = v(0), M = v(null), ve = v(null), ce = v(null), de = v(null), he = v(null), pe = v(0), ye = v(0), fe = v(0), e = d({
       get: () => be(),
       set: (t) => t
-    }), { userOptionsVisible: le, setUserOptionsVisibility: ge, keepUserOptionState: me } = Nt({ config: e.value });
+    }), { userOptionsVisible: le, setUserOptionsVisibility: ge, keepUserOptionState: me } = Bt({ config: e.value }), { svgRef: qe } = Mt({ config: e.value.style.chart.title });
     function be() {
       const t = De({
         userConfig: b.config,
@@ -46,10 +47,10 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       });
       return t.theme ? {
         ...De({
-          userConfig: it.vue_ui_waffle[t.theme] || b.config,
+          userConfig: vt.vue_ui_waffle[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: nt[t.theme] || B
+        customPalette: it[t.theme] || B
       } : t;
     }
     ze(() => b.config, (t) => {
@@ -57,11 +58,11 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
     }, { deep: !0 });
     const Y = v(null);
     function we() {
-      if (vt(b.dataset) ? ne({
+      if (ct(b.dataset) ? ne({
         componentName: "VueUiWaffle",
         type: "dataset"
       }) : b.dataset.forEach((t, a) => {
-        ct({
+        dt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -73,8 +74,8 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           });
         });
       }), e.value.responsive) {
-        const t = Ct(() => {
-          const { width: a, height: l } = $t({
+        const t = $t(() => {
+          const { width: a, height: l } = _t({
             chart: M.value,
             title: e.value.style.chart.title.text ? ve.value : null,
             legend: e.value.style.chart.legend.show ? ce.value : null,
@@ -88,15 +89,15 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         Y.value = new ResizeObserver(t), Y.value.observe(M.value.parentNode);
       }
     }
-    at(() => {
+    ot(() => {
       we();
-    }), ot(() => {
+    }), ut(() => {
       Y.value && Y.value.disconnect();
     });
-    const { isPrinting: ke, isImaging: xe, generatePdf: Ce, generateImage: $e } = Tt({
+    const { isPrinting: ke, isImaging: xe, generatePdf: Ce, generateImage: $e } = It({
       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), _e = d(() => dt(e.value.customPalette)), C = v({
+    }), He = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), _e = d(() => ht(e.value.customPalette)), C = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), F = v({
@@ -120,7 +121,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
     function Ie() {
       return b.dataset.map((t, a) => ({
         ...t,
-        color: mt(t.color) || _e.value[a] || B[a] || B[a % B.length],
+        color: bt(t.color) || _e.value[a] || B[a] || B[a % B.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
@@ -129,10 +130,10 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
     ze(() => b.dataset, (t) => {
       h.value = Ie();
     }, { deep: !0 });
-    const He = d(() => {
+    const Xe = 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 Te(t);
-    }), Xe = d(() => {
+    }), Ye = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
       return Te(t);
     }), E = d(() => (b.dataset.forEach((t, a) => {
@@ -149,25 +150,25 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       color: t.color,
       value: (t.values || []).reduce((l, o) => l + o, 0),
       absoluteValues: t.values || [],
-      proportion: He.value[a]
-    })))), Ye = d(() => h.value.map((t, a) => ({
+      proportion: Xe.value[a]
+    })))), Je = 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: Xe.value[a]
+      proportion: Ye.value[a]
     })));
-    function Je() {
-      return Ye.value.map((t) => ({
+    function Ke() {
+      return Je.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value,
         proportion: t.proportion
       }));
     }
-    const Ke = d(() => {
+    const Qe = d(() => {
       let t = 0;
       return E.value.map((a, l) => {
         const o = t, u = o + a.proportion, i = [];
@@ -179,7 +180,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           rects: i
         };
       });
-    }), n = d(() => Ke.value.flatMap((t, a) => t.rects.map((l, o) => ({
+    }), n = d(() => Qe.value.flatMap((t, a) => t.rects.map((l, o) => ({
       isFirst: o === 0,
       isLongEnough: l.length > 2,
       name: t.name,
@@ -236,7 +237,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         };
         u();
       }
-      et("selectLegend", E.value.map((u) => ({
+      tt("selectLegend", E.value.map((u) => ({
         name: u.name,
         color: u.color,
         value: u.value,
@@ -255,7 +256,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       opacity: p.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => Oe(t.uid),
       isSegregated: p.value.includes(t.uid)
-    }))), Qe = d(() => ({
+    }))), Ze = d(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -263,7 +264,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), P = d(() => E.value.map((t) => t.value).reduce((t, a) => t + a, 0)), oe = v(null);
-    function Ze(t) {
+    function et(t) {
       if (p.value.length === b.dataset.length) return;
       const a = n.value[t];
       oe.value = {
@@ -273,7 +274,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         config: e.value
       }, ee.value = !0, V.value = n.value[t].serieIndex;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (kt(l) && xt(() => l({
+      if (xt(l) && Ct(() => l({
         seriesIndex: n.value[t].absoluteIndex,
         datapoint: a,
         series: h.value,
@@ -287,7 +288,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         });
       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}" />${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>${R(
+        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>${G(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
           _({
@@ -312,7 +313,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         te.value = o;
       }
     }
-    const et = Re, O = d(() => {
+    const tt = Ge, O = d(() => {
       const t = E.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -323,17 +324,17 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       return e.value.useBlurOnHover && ![null, void 0].includes(V.value) && V.value !== t ? `url(#blur_${k.value})` : "";
     }
     function Le() {
-      ut(() => {
+      rt(() => {
         const t = O.value.head.map((o, u) => [[
           o.name
-        ], [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 = bt(a);
-        wt({ 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 = wt(a);
+        kt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
     const Q = 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>',
-        R(
+        G(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           P.value,
           _({
@@ -349,7 +350,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           color: u.color,
           name: u.name
         },
-        R(
+        G(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           O.value.body[i],
           _({
@@ -388,9 +389,9 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         config: l,
         colNames: o
       };
-    }), G = v(!1);
-    function tt(t) {
-      G.value = t, ie.value += 1;
+    }), R = v(!1);
+    function lt(t) {
+      R.value = t, ie.value += 1;
     }
     function Ae() {
       C.value.showTable = !C.value.showTable;
@@ -402,8 +403,8 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
     function ue() {
       Z.value = !Z.value;
     }
-    return Ge({
-      getData: Je,
+    return Re({
+      getData: Ke,
       generatePdf: Ce,
       generateCsv: Le,
       generateImage: $e,
@@ -411,7 +412,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       toggleTooltip: Fe,
       toggleAnnotator: ue
     }), (t, a) => (r(), s("div", {
-      class: Ne(`vue-ui-waffle ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Ne(`vue-ui-waffle ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: M,
       id: `vue-ui-waffle_${k.value}`,
@@ -419,7 +420,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       onMouseenter: a[3] || (a[3] = () => c(ge)(!0)),
       onMouseleave: a[4] || (a[4] = () => c(ge)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), N(zt, {
+      e.value.userOptions.buttons.annotator ? (r(), N(Nt, {
         key: 0,
         parent: M.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -427,7 +428,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         active: Z.value,
         onClose: ue
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
-      qe.value ? (r(), s("div", {
+      He.value ? (r(), s("div", {
         key: 1,
         ref_key: "noTitle",
         ref: he,
@@ -440,7 +441,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         ref: ve,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), N(_t, {
+        (r(), N(Tt, {
           key: `title_${pe.value}`,
           config: {
             title: {
@@ -454,7 +455,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && X.value && (c(me) || c(le)) ? (r(), N(It, {
+      e.value.userOptions.show && X.value && (c(me) || c(le)) ? (r(), N(St, {
         ref_key: "details",
         ref: We,
         key: `user_options_${ie.value}`,
@@ -469,14 +470,14 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: G.value,
+        isFullscreen: R.value,
         isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Z.value,
-        onToggleFullscreen: tt,
+        onToggleFullscreen: lt,
         onGeneratePdf: c(Ce),
         onGenerateCsv: Le,
         onGenerateImage: c($e),
@@ -539,12 +540,14 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       X.value ? (r(), s("svg", {
         key: 4,
-        xmlns: c(ht),
-        class: Ne({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
+        ref_key: "svgRef",
+        ref: qe,
+        xmlns: c(pt),
+        class: Ne({ "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: W(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        se(Ft),
+        se(zt),
         x("defs", null, [
           (r(!0), s($, null, L(n.value, (l, o) => (r(), s("radialGradient", {
             cx: "50%",
@@ -556,13 +559,13 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["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, Gt),
+              "stop-color": c(yt)(c(ft)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, jt),
             x("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Rt)
-          ], 8, Ut))), 256))
+            }, null, 8, Et)
+          ], 8, Gt))), 256))
         ]),
         x("defs", null, [
           x("filter", {
@@ -580,7 +583,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
               type: "saturate",
               values: "0"
             }, null, -1)
-          ]), 8, jt)
+          ]), 8, Wt)
         ]),
         e.value.useCustomCells && n.value.length ? (r(!0), s($, { key: 0 }, L(D.value, (l, o) => (r(), s("foreignObject", {
           x: l.x,
@@ -590,7 +593,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           g(t.$slots, "cell", Ve({ 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, Et))), 256)) : y("", !0),
+        ], 8, qt))), 256)) : y("", !0),
         !n.value.length && !e.value.useCustomCells ? (r(), s("rect", {
           key: 1,
           x: 12,
@@ -600,8 +603,8 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Wt)) : n.value.length && !e.value.useCustomCells ? (r(), s($, { key: 2 }, [
-          t.$slots.pattern ? (r(), s("g", qt, [
+        }, null, 8, Ht)) : n.value.length && !e.value.useCustomCells ? (r(), s($, { key: 2 }, [
+          t.$slots.pattern ? (r(), s("g", Xt, [
             (r(!0), s($, null, L(ae.value, (l) => (r(), s("defs", null, [
               g(t.$slots, "pattern", Ve({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
@@ -616,7 +619,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: K(n.value[o].serieIndex)
-          }, null, 8, Ht))), 256)),
+          }, null, 8, Yt))), 256)),
           (r(!0), s($, null, L(D.value, (l, o) => (r(), s("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,
@@ -627,8 +630,8 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: K(n.value[o].serieIndex)
-          }, null, 8, Xt))), 256)),
-          t.$slots.pattern ? (r(), s("g", Yt, [
+          }, null, 8, Jt))), 256)),
+          t.$slots.pattern ? (r(), s("g", Kt, [
             (r(!0), s($, null, L(D.value, (l, o) => (r(), s("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,
@@ -638,7 +641,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
               fill: `url(#pattern_${k.value}_${n.value[o].absoluteIndex})`,
               stroke: "none",
               filter: K(n.value[o].serieIndex)
-            }, null, 8, Jt))), 256))
+            }, null, 8, Qt))), 256))
           ])) : y("", !0)
         ], 64)) : y("", !0),
         (r(!0), s($, null, L(D.value, (l, o) => (r(), s($, null, [
@@ -652,11 +655,11 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           }, [
             x("div", {
               class: "vue-ui-waffle-caption",
-              style: W(`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 ${j.value / 12}px;color:${c(ft)(n.value[o].color)};gap:2px`)
+              style: W(`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 ${j.value / 12}px;color:${c(gt)(n.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (r(), s("span", Qt, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(gt)({ 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 ? (r(), s("span", Zt, 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 ? (r(), s("span", el, " (" + A(c(R)(
+              e.value.style.chart.layout.labels.captions.showSerieName ? (r(), s("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)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (r(), s("span", tl, 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 ? (r(), s("span", ll, " (" + A(c(G)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
                 c(_)({
@@ -667,7 +670,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
                 }),
                 { datapoint: n.value[o], position: l }
               )) + ") ", 1)) : y("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (r(), s("span", tl, A(c(R)(
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (r(), s("span", al, A(c(G)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
                 c(_)({
@@ -679,10 +682,10 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
                 { datapoint: n.value[o], position: l }
               )), 1)) : y("", !0)
             ], 4)
-          ], 8, Kt)) : y("", !0)
+          ], 8, Zt)) : y("", !0)
         ], 64))), 256)),
         (r(!0), s($, null, L(D.value, (l, o) => (r(), s("rect", {
-          onMouseover: (u) => Ze(o),
+          onMouseover: (u) => et(o),
           onMouseleave: a[0] || (a[0] = (u) => {
             ee.value = !1, V.value = null;
           }),
@@ -692,13 +695,13 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
           width: j.value <= 0 ? 1e-4 : j.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, ll))), 256)),
+        }, null, 40, ol))), 256)),
         g(t.$slots, "svg", { svg: F.value }, void 0, !0)
-      ], 14, Dt)) : y("", !0),
-      t.$slots.watermark ? (r(), s("div", al, [
+      ], 14, Rt)) : y("", !0),
+      t.$slots.watermark ? (r(), s("div", ul, [
         g(t.$slots, "watermark", q(H({ isPrinting: c(ke) || c(xe) })), void 0, !0)
       ])) : y("", !0),
-      X.value ? y("", !0) : (r(), N(Lt, {
+      X.value ? y("", !0) : (r(), N(At, {
         key: 6,
         config: {
           type: "waffle",
@@ -714,10 +717,10 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         ref_key: "chartLegend",
         ref: ce
       }, [
-        e.value.style.chart.legend.show ? (r(), N(Ot, {
+        e.value.style.chart.legend.show ? (r(), N(Lt, {
           key: `legend_${fe.value}`,
           legendSet: U.value,
-          config: Qe.value,
+          config: Ze.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => Oe(l.uid))
         }, Be({
           item: m(({ legend: l }) => [
@@ -725,7 +728,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
               onClick: (o) => l.segregate(),
               style: W(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
             }, [
-              Me(A(l.name) + ": " + A(c(R)(
+              Me(A(l.name) + ": " + A(c(G)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 c(_)({
@@ -737,15 +740,15 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              p.value.includes(l.uid) ? (r(), s("span", rl, " ( - % ) ")) : (r(), s("span", ul, " (" + 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, ol)
+              p.value.includes(l.uid) ? (r(), s("span", nl, " ( - % ) ")) : (r(), s("span", sl, " (" + 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, rl)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: l, index: o }) => [
-              se(Bt, {
+              se(Vt, {
                 shape: l.shape,
                 radius: 30,
                 stroke: "none",
@@ -768,7 +771,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      se(St, {
+      se(Pt, {
         show: C.value.showTooltip && ee.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -782,7 +785,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         content: te.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         fontSize: e.value.style.chart.tooltip.fontSize,
-        isFullscreen: G.value
+        isFullscreen: R.value
       }, {
         "tooltip-before": m(() => [
           g(t.$slots, "tooltip-before", q(H({ ...oe.value })), void 0, !0)
@@ -792,7 +795,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen"]),
-      X.value ? (r(), N(At, {
+      X.value ? (r(), N(Ft, {
         key: 8,
         hideDetails: "",
         config: {
@@ -809,7 +812,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         }
       }, {
         content: m(() => [
-          (r(), N(Pt, {
+          (r(), N(Ot, {
             key: `table_${ye.value}`,
             colNames: Q.value.colNames,
             head: Q.value.head,
@@ -822,7 +825,7 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, sl)
+              }, null, 8, il)
             ]),
             td: m(({ td: l }) => [
               Me(A(l.name || l), 1)
@@ -832,9 +835,9 @@ const Mt = ["id"], Dt = ["xmlns", "viewBox"], Ut = ["id"], Gt = ["stop-color"],
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 46, Mt));
+    ], 46, Ut));
   }
-}, _l = /* @__PURE__ */ Vt(nl, [["__scopeId", "data-v-34f2265b"]]);
+}, Sl = /* @__PURE__ */ Dt(vl, [["__scopeId", "data-v-059288a6"]]);
 export {
-  _l as default
+  Sl as default
 };