vue-data-ui 3.2.1 → 3.2.3

package/dist/{vue-ui-waffle-DAaBoyx4.js → vue-ui-waffle-D5i1Q6tF.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as L, useSlots as Pt, computed as h, ref as i, toRefs as Ot, watch as J, shallowRef as Je, onMounted as Ft, onBeforeUnmount as Lt, createElementBlock as v, openBlock as s, unref as c, normalizeStyle as ae, normalizeClass as Ke, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as oe, createSlots as me, withCtx as y, renderSlot as g, normalizeProps as j, guardReactiveProps as q, Fragment as $, renderList as D, mergeProps as we, toDisplayString as M, Teleport as Bt, resolveDynamicComponent as Dt, createTextVNode as Ze, nextTick as zt } from "vue";
-import { c as Nt, t as Vt, b as Mt, p as R, o as et, f as ke, g as Rt, e as Et, a as K, d as O, X as Ut, s as Gt, i as Wt, G as jt, h as qt, x as Ht, y as Xt, Q as Yt, z as Qt, A as Jt } from "./lib-p5pfHmOX.js";
-import { t as Kt, u as Zt } from "./useResponsive-DfdjqQps.js";
-import { u as el, a as tt } from "./useNestedProp-7BbqoAYu.js";
+import { defineAsyncComponent as L, useSlots as Ot, computed as h, ref as i, toRefs as Pt, watch as K, shallowRef as Ke, onMounted as Ft, onBeforeUnmount as Lt, createElementBlock as v, openBlock as s, unref as c, normalizeStyle as ae, normalizeClass as Qe, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as oe, createSlots as me, withCtx as y, renderSlot as g, normalizeProps as j, guardReactiveProps as q, Fragment as $, renderList as D, mergeProps as we, toDisplayString as M, Teleport as Bt, resolveDynamicComponent as Dt, createTextVNode as Ze, nextTick as zt } from "vue";
+import { c as Nt, t as Vt, b as Mt, p as R, o as et, f as ke, g as Rt, e as Et, a as Q, d as P, X as Ut, s as Wt, i as Gt, E as jt, h as qt, x as Ht, y as Xt, O as Yt, z as Jt, A as Kt } from "./lib-BEpWEyMm.js";
+import { t as Qt, u as Zt } from "./useResponsive-DfdjqQps.js";
+import { u as el, a as tt } from "./useNestedProp-CLD3Gk9S.js";
 import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.js";
-import { u as al } from "./usePrinter-Yeu5jOfm.js";
+import { u as al } from "./usePrinter-w23K-ezx.js";
 import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ul } from "./useChartAccessibility-9icAAmYg.js";
-import sl from "./img-CH7J0fYg.js";
-import { _ as nl } from "./Shape-BDy56-wS.js";
-import rl from "./Title-BIaVNiUQ.js";
+import sl from "./img-DjWwQXVS.js";
+import { _ as nl } from "./Shape-C_C_OmqR.js";
+import rl from "./Title-C__lOIPC.js";
 import { t as il } from "./themes-D3cUNuKw.js";
-import vl from "./Legend-_Rv594VS.js";
+import vl from "./Legend-BpoFJ8fc.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["stop-color"], gl = ["stop-color"], bl = ["id"], ml = ["x", "y", "height", "width"], wl = ["height", "width"], kl = { key: 0 }, xl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Cl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], $l = { key: 1 }, Il = ["rx", "x", "y", "height", "width", "fill", "filter"], Tl = ["textContent", "x", "y", "font-size", "fill", "filter"], _l = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Al = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Sl = ["id"], Pl = ["onClick"], Ol = ["innerHTML"], Fl = {
+}, Sl = ["id"], Ol = ["onClick"], Pl = ["innerHTML"], Fl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -33,8 +33,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
   },
   emits: ["selectLegend"],
   setup(lt, { expose: at, emit: ot }) {
-    const ut = L(() => import("./Tooltip-Clf2K3CF.js")), st = L(() => import("./BaseIcon-D2f9w5Z5.js")), nt = L(() => import("./DataTable-xISHA7Pu.js")), rt = L(() => import("./vue-ui-accordion-BSrtaPYx.js")), it = L(() => import("./UserOptions-Bn3u4JQu.js")), vt = L(() => import("./PenAndPaper-CtDMyIvW.js")), ct = L(() => import("./PackageVersion-BB7joYAK.js")), dt = L(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_waffle: ht } = el(), w = lt, pt = Pt(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Nt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(0), Ae = i(0), Se = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Oe, FINAL_DATASET: Z, manualLoading: ie } = tl({
-      ...Ot(w),
+    const ut = L(() => import("./Tooltip-BOXz8skU.js")), st = L(() => import("./BaseIcon-Bz-1GQhu.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), rt = L(() => import("./vue-ui-accordion-Cv7OaVUI.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-oBQ8brnx.js")), dt = L(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_waffle: ht } = el(), w = lt, pt = Ot(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Nt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(0), Ae = i(0), Se = i(0), Oe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Pe, FINAL_DATASET: Z, manualLoading: ie } = tl({
+      ...Pt(w),
       FINAL_CONFIG: e,
       prepareConfig: ce,
       callback: () => {
@@ -99,10 +99,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         customPalette: Mt[t.theme] || R
       } : t;
     }
-    J(() => w.config, (t) => {
-      Oe.value || (e.value = ce()), ve.value = !e.value.userOptions.showOnChartHover, ze(), _e.value += 1, Ae.value += 1, Se.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
+    K(() => w.config, (t) => {
+      Pe.value || (e.value = ce()), ve.value = !e.value.userOptions.showOnChartHover, ze(), _e.value += 1, Ae.value += 1, Se.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const F = Je(null), U = Je(null), De = h(() => !!e.value.debug);
+    const F = Ke(null), U = Ke(null), De = h(() => !!e.value.debug);
     function ze() {
       if (et(w.dataset) ? (ke({
         componentName: "VueUiWaffle",
@@ -122,7 +122,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           });
         });
       }), et(w.dataset) || (ie.value = e.value.loading), e.value.responsive) {
-        const t = Kt(() => {
+        const t = Qt(() => {
           const { width: a, height: l } = Zt({
             chart: I.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
@@ -138,7 +138,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       }
     }
     Ft(() => {
-      Pe.value = !0, ze();
+      Oe.value = !0, ze();
     }), Lt(() => {
       F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect());
     });
@@ -150,7 +150,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    J(e, () => {
+    K(e, () => {
       x.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
@@ -165,7 +165,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       height: 512,
       width: 512
     }), _ = h(() => (T.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), A = h(() => (T.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), yt = h(() => Math.max(1e-4, T.value.width / e.value.style.chart.layout.grid.size)), Ue = h(() => Math.max(1e-4, T.value.height / e.value.style.chart.layout.grid.size));
-    function Ge(t) {
+    function We(t) {
       const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((C, be) => C + be, 0), o = t.map((C) => C / l * a), u = o.map(Math.floor), n = o.map((C) => C % 1);
       let d = a - u.reduce((C, be) => C + be, 0);
       for (; d > 0; ) {
@@ -184,17 +184,17 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       }));
     }
     const he = h(() => de()), p = i(he.value);
-    J(() => w.dataset, (t) => {
+    K(() => w.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ie.value = !1);
-    }, { immediate: !0 }), J(() => w.dataset, (t) => {
+    }, { immediate: !0 }), K(() => w.dataset, (t) => {
       p.value = de();
     }, { deep: !0 });
     const gt = h(() => {
       const t = p.value.filter((a, l) => !f.value.includes(a.uid)).map((a, l) => X.value ? 1 : (a.values || []).reduce((o, u) => o + u, 0));
-      return Ge(t);
+      return We(t);
     }), bt = h(() => {
       const t = p.value.map((a, l) => X.value ? 1 : (a.values || []).reduce((o, u) => o + u));
-      return Ge(t);
+      return We(t);
     }), Y = h(() => (Z.value.forEach((t, a) => {
       [null, void 0].includes(t.values) && ke({
         componentName: "VueUiWaffle",
@@ -252,7 +252,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     }))).map((t, a) => ({
       ...t,
       isAbsoluteFirst: a % e.value.style.chart.layout.grid.size === 0
-    }))), G = h(() => {
+    }))), W = h(() => {
       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)
@@ -263,11 +263,11 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             y: (e.value.style.chart.layout.grid.vertical ? l : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween) + T.value.top
           });
       return t;
-    }), f = i([]), N = i(!1), We = i(null), je = i(null);
+    }), f = i([]), N = i(!1), Ge = i(null), je = i(null);
     function qe(t) {
       if (X.value) return;
       if (!e.value.useAnimation) {
-        f.value.includes(t) ? f.value = f.value.filter((u) => u !== t) : f.value.length < W.value.length - 1 && W.value.length > 1 && f.value.push(t);
+        f.value.includes(t) ? f.value = f.value.filter((u) => u !== t) : f.value.length < G.value.length - 1 && G.value.length > 1 && f.value.push(t);
         return;
       }
       const a = he.value.find((u) => u.uid === t).values.reduce((u, n) => u + n, 0), l = p.value.find((u) => u.uid === t).values.reduce((u, n) => u + n, 0);
@@ -275,18 +275,18 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       if (!(l === 0 && a === 0)) {
         if (f.value.includes(t)) {
           let n = function() {
-            o > u ? (cancelAnimationFrame(We.value), p.value = p.value.map((d, C) => d.uid === t ? {
+            o > u ? (cancelAnimationFrame(Ge.value), p.value = p.value.map((d, C) => d.uid === t ? {
               ...d,
               values: [u]
             } : d), N.value = !1) : (N.value = !0, o += u * 0.025, p.value = p.value.map((d, C) => d.uid === t ? {
               ...d,
               values: [o]
-            } : d), We.value = requestAnimationFrame(n));
+            } : d), Ge.value = requestAnimationFrame(n));
           };
           f.value = f.value.filter((d) => d !== t);
           const u = a;
           n();
-        } else if (f.value.length < W.value.length - 1 && W.value.length > 1) {
+        } else if (f.value.length < G.value.length - 1 && G.value.length > 1) {
           let u = function() {
             o < l / 100 ? (cancelAnimationFrame(je.value), f.value.push(t), p.value = p.value.map((n, d) => n.uid === t ? {
               ...n,
@@ -306,7 +306,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         })));
       }
     }
-    const W = h(() => p.value.map((t, a) => ({
+    const G = h(() => p.value.map((t, a) => ({
       name: t.name,
       color: t.color || Ee[a] || R[a] || R[a % R.length],
       value: (t.values || []).reduce((l, o) => l + o, 0),
@@ -344,7 +344,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         config: e.value
       }, e.value.events.datapointEnter && fe.value !== a.serieIndex && e.value.events.datapointEnter({ datapoint: a, seriesIndex: a.serieIndex }), fe.value = a.serieIndex, se.value = !0, E.value = r.value[t].serieIndex;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Qt(l) && Jt(() => l({
+      if (Jt(l) && Kt(() => l({
         seriesIndex: r.value[t].absoluteIndex,
         datapoint: a,
         series: p.value,
@@ -358,10 +358,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         });
       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}" />${pt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${K(
+        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}" />${pt.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
-          O({
+          P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: a.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -373,7 +373,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             series: p.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const u = O({
+          const u = P({
             v: X.value ? 1 / Z.value.length * 100 : a.value / S.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
@@ -383,7 +383,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ne.value = o;
       }
     }
-    const Tt = ot, P = h(() => {
+    const Tt = ot, O = h(() => {
       const t = Y.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -397,35 +397,35 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       return e.value.style.chart.layout.labels.captions.show ? r.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && (r.value[t].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[t].isAbsoluteFirst && t % e.value.style.chart.layout.grid.size === 0 && r.value[t].absoluteStartIndex) : !1;
     }
     function At(t, a = null) {
-      const l = K(
+      const l = Q(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         r.value[t].value,
-        O({
+        P({
           p: e.value.style.chart.layout.labels.dataLabels.prefix,
           v: r.value[t].value,
           s: e.value.style.chart.layout.labels.dataLabels.suffix,
           r: e.value.style.chart.layout.labels.captions.roundingValue
         }),
         { datapoint: r.value[t], position: a }
-      ), o = O({ v: r.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), u = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Yt({ source: r.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), n = e.value.style.chart.layout.labels.captions.showSerieName ? u : "";
+      ), o = P({ v: r.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), u = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? Yt({ source: r.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), n = e.value.style.chart.layout.labels.captions.showSerieName ? u : "";
       let d = "";
       return e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? d = `${o} (${l})` : e.value.style.chart.layout.labels.captions.showPercentage && !e.value.style.chart.layout.labels.captions.showValue ? d = o : !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue && (d = l), `${n}${d}`;
     }
     function ye(t = null) {
       zt(() => {
-        const a = P.value.head.map((u, n) => [[
+        const a = O.value.head.map((u, n) => [[
           u.name
-        ], [P.value.body[n]], [isNaN(P.value.body[n] / S.value) ? "-" : P.value.body[n] / S.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Ht(l);
+        ], [O.value.body[n]], [isNaN(O.value.body[n] / S.value) ? "-" : O.value.body[n] / S.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Ht(l);
         t ? t(o) : Xt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
     const te = h(() => {
       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>',
-        K(
+        Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           S.value,
-          O({
+          P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: S.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -433,23 +433,23 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           })
         ),
         "100%"
-      ], a = P.value.head.map((u, n) => [
+      ], a = O.value.head.map((u, n) => [
         {
           color: u.color,
           name: u.name
         },
-        K(
+        Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          P.value.body[n],
-          O({
+          O.value.body[n],
+          P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: P.value.body[n],
+            v: O.value.body[n],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(P.value.body[n] / S.value) ? "-" : O({
-          v: P.value.body[n] / S.value * 100,
+        isNaN(O.value.body[n] / S.value) ? "-" : P({
+          v: O.value.body[n] / S.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -503,7 +503,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         aspectRatio: o
       };
     }
-    const Q = h(() => {
+    const J = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = x.value.showTable;
       return {
         component: t ? dt : rt,
@@ -533,10 +533,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         }
       };
     });
-    J(() => x.value.showTable, (t) => {
+    K(() => x.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
     });
-    function Qe() {
+    function Je() {
       x.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
     return at({
@@ -550,7 +550,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       toggleAnnotator: ge,
       toggleFullscreen: He
     }), (t, a) => (s(), v("div", {
-      class: Ke(`vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Qe(`vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: I,
       id: `vue-ui-waffle_${b.value}`,
@@ -693,7 +693,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ref_key: "svgRef",
         ref: Be,
         xmlns: c(Ut),
-        class: Ke({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        class: Qe({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
         viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
         style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -709,7 +709,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": c(Gt)(c(Wt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+              "stop-color": c(Wt)(c(Gt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
             }, null, 8, yl),
             k("stop", {
               offset: "100%",
@@ -735,7 +735,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             }, null, -1)
           ])], 8, bl)
         ]),
-        e.value.useCustomCells && r.value.length ? (s(!0), v($, { key: 0 }, D(G.value, (l, o) => (s(), v("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), v($, { key: 0 }, D(W.value, (l, o) => (s(), v("foreignObject", {
           x: l.x,
           y: l.y,
           height: A.value <= 0 ? 1e-4 : A.value,
@@ -759,7 +759,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               g(t.$slots, "pattern", we({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${b.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
           ])) : m("", !0),
-          (s(!0), v($, null, D(G.value, (l, o) => (s(), v("rect", {
+          (s(!0), v($, null, D(W.value, (l, o) => (s(), v("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,
@@ -770,7 +770,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(r.value[o].serieIndex)
           }, null, 8, xl))), 256)),
-          (s(!0), v($, null, D(G.value, (l, o) => (s(), v("rect", {
+          (s(!0), v($, null, D(W.value, (l, o) => (s(), v("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,
@@ -782,7 +782,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             filter: ee(r.value[o].serieIndex)
           }, null, 8, Cl))), 256)),
           t.$slots.pattern ? (s(), v("g", $l, [
-            (s(!0), v($, null, D(G.value, (l, o) => (s(), v("rect", {
+            (s(!0), v($, null, D(W.value, (l, o) => (s(), v("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,
@@ -794,7 +794,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             }, null, 8, Il))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        (s(!0), v($, null, D(G.value, (l, o) => (s(), v($, null, [
+        (s(!0), v($, null, D(W.value, (l, o) => (s(), v($, null, [
           _t(o, l) ? (s(), v("text", {
             key: `datalabel_${o}`,
             textContent: M(At(o, l)),
@@ -805,7 +805,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             filter: ee(r.value[o].serieIndex)
           }, null, 8, Tl)) : m("", !0)
         ], 64))), 256)),
-        (s(!0), v($, null, D(G.value, (l, o) => (s(), v("rect", {
+        (s(!0), v($, null, D(W.value, (l, o) => (s(), v("rect", {
           x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
           height: Ue.value,
@@ -824,7 +824,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       k("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, Sl),
-      Pe.value ? (s(), B(Bt, {
+      Oe.value ? (s(), B(Bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -834,7 +834,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         }, [
           e.value.style.chart.legend.show ? (s(), B(vl, {
             key: `legend_${Se.value}`,
-            legendSet: W.value,
+            legendSet: G.value,
             config: xt.value,
             onClickMarker: a[0] || (a[0] = ({ legend: l }) => qe(l.uid))
           }, me({
@@ -842,10 +842,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               k("div", {
                 onClick: (o) => l.segregate(),
                 style: ae(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
-              }, M(l.name) + M(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + M(e.value.style.chart.legend.showValue ? c(K)(
+              }, M(l.name) + M(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + M(e.value.style.chart.legend.showValue ? c(Q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                c(O)({
+                c(P)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -853,7 +853,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
                   isAnimating: N.value
                 }),
                 { datapoint: l }
-              ) : "") + " " + M(e.value.style.chart.legend.showPercentage ? f.value.includes(l.uid) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / S.value) ? "-" : c(O)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Pl)
+              ) : "") + " " + M(e.value.style.chart.legend.showPercentage ? f.value.includes(l.uid) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / S.value) ? "-" : c(P)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""), 13, Ol)
             ]),
             _: 2
           }, [
@@ -872,7 +872,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             } : void 0
           ]), 1032, ["legendSet", "config"])) : g(t.$slots, "legend", {
             key: 1,
-            legend: W.value
+            legend: G.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : m("", !0),
@@ -912,10 +912,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ue.value && e.value.userOptions.buttons.table ? (s(), B(Dt(Q.value.component), we({ key: 7 }, Q.value.props, {
+      ue.value && e.value.userOptions.buttons.table ? (s(), B(Dt(J.value.component), we({ key: 7 }, J.value.props, {
         ref_key: "tableUnit",
         ref: H,
-        onClose: Qe
+        onClose: Je
       }), me({
         content: y(() => [
           (s(), B(c(nt), {
@@ -924,15 +924,15 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             head: te.value.head,
             body: te.value.body,
             config: te.value.config,
-            title: e.value.table.useDialog ? "" : Q.value.title,
+            title: e.value.table.useDialog ? "" : J.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Qe
+            onClose: Je
           }, {
             th: y(({ th: l }) => [
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ol)
+              }, null, 8, Pl)
             ]),
             td: y(({ td: l }) => [
               Ze(M(l.name || l), 1)
@@ -945,7 +945,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         e.value.table.useDialog ? {
           name: "title",
           fn: y(() => [
-            Ze(M(Q.value.title), 1)
+            Ze(M(J.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -959,14 +959,14 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             }, [
               oe(c(st), {
                 name: "excel",
-                stroke: Q.value.props.color
+                stroke: J.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      c(Oe) ? (s(), B(ll, { key: 8 })) : m("", !0)
+      c(Pe) ? (s(), B(ll, { key: 8 })) : m("", !0)
     ], 46, dl));
   }
 }, Hl = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-cd11188e"]]);