vue-data-ui 3.1.18 → 3.1.19-next.1

package/dist/{vue-ui-waffle-D2mQJdcV.js → vue-ui-waffle-CoVrrxzt.js}

@@ -1,15 +1,16 @@
-import { defineAsyncComponent as L, useSlots as Pt, computed as h, ref as i, toRefs as Ot, 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 { u as Nt, c as Vt, t as Mt, a as Rt, p as R, b as Et, o as et, f as ke, g as Ut, d as Wt, k as Q, i as O, X as Gt, s as jt, x as qt, F as Ht, e as Xt, v as Yt, w as Jt, L as Kt, y as Qt, z as Zt } from "./index-smzxfsyV.js";
-import { t as el, u as tl } from "./useResponsive-DfdjqQps.js";
-import { u as ll, B as al } from "./BaseScanner-BgWxam9d.js";
-import { u as ol } from "./usePrinter-nFj0xF0a.js";
-import { u as tt } from "./useNestedProp-DeKmJzsE.js";
-import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as sl } from "./useChartAccessibility-9icAAmYg.js";
-import nl from "./img-BArHHegM.js";
-import { _ as rl } from "./Shape-sVxD_SDm.js";
-import il from "./Title-B_WMW2Bp.js";
-import vl from "./Legend-h35dp0Qf.js";
+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-DF7e2h1z.js";
+import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.js";
+import { u as al } from "./usePrinter-Yeu5jOfm.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-pI68ZJsq.js";
+import { t as il } from "./themes-D3cUNuKw.js";
+import vl from "./Legend-_Rv594VS.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,
@@ -32,7 +33,7 @@ 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-Db9jy0Iu.js")), st = L(() => import("./BaseIcon-BPiT94Lb.js")), nt = L(() => import("./DataTable-CywujQw9.js")), rt = L(() => import("./vue-ui-accordion-7cfJUVx5.js")), it = L(() => import("./UserOptions-CtECQwBN.js")), vt = L(() => import("./PenAndPaper-Deh70G9d.js")), ct = L(() => import("./PackageVersion-BzGzkGiC.js")), dt = L(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_waffle: ht } = Nt(), w = lt, pt = Pt(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Vt()), 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 } = ll({
+    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-D-L73-T2.js")), it = L(() => import("./UserOptions-Bn3u4JQu.js")), vt = L(() => import("./PenAndPaper-CtDMyIvW.js")), ct = L(() => import("./PackageVersion-B6W-zkH-.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),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -58,7 +59,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Mt({
+      skeletonConfig: Vt({
         defaultConfig: e.value,
         userConfig: {
           useCustomCells: !1,
@@ -84,7 +85,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }
         }
       })
-    }), { userOptionsVisible: ve, setUserOptionsVisibility: Fe, keepUserOptionState: Le } = ul({ config: e.value }), { svgRef: Be } = sl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ve, setUserOptionsVisibility: Fe, keepUserOptionState: Le } = ol({ config: e.value }), { svgRef: Be } = ul({ config: e.value.style.chart.title });
     function ce() {
       const t = tt({
         userConfig: w.config,
@@ -92,23 +93,23 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       });
       return t.theme ? {
         ...tt({
-          userConfig: Et.vue_ui_waffle[t.theme] || w.config,
+          userConfig: il.vue_ui_waffle[t.theme] || w.config,
           defaultConfig: t
         }),
-        customPalette: Rt[t.theme] || R
+        customPalette: Mt[t.theme] || R
       } : t;
     }
-    K(() => w.config, (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;
     }, { deep: !0 });
-    const F = Ke(null), U = Ke(null), De = h(() => !!e.value.debug);
+    const F = Je(null), U = Je(null), De = h(() => !!e.value.debug);
     function ze() {
       if (et(w.dataset) ? (ke({
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: De.value
       }), ue.value = !1, ie.value = !0) : w.dataset.forEach((t, a) => {
-        Ut({
+        Rt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -121,8 +122,8 @@ 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 = el(() => {
-          const { width: a, height: l } = tl({
+        const t = Kt(() => {
+          const { width: a, height: l } = Zt({
             chart: I.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? $e.value : null,
@@ -141,15 +142,15 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     }), Lt(() => {
       F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = ol({
+    const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = al({
       elementId: `vue-ui-waffle_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
-    }), ft = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = h(() => Wt(e.value.customPalette)), x = i({
+    }), ft = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = h(() => Et(e.value.customPalette)), x = i({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    K(e, () => {
+    J(e, () => {
       x.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
@@ -164,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 We(t) {
+    function Ge(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; ) {
@@ -177,23 +178,23 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     function de() {
       return X.value = Z.value.flatMap((t) => t.values.reduce((a, l) => a + l, 0)).reduce((t, a) => t + a, 0) === 0, Z.value.map((t, a) => ({
         ...t,
-        color: Xt(t.color) || Ee.value[a] || R[a] || R[a % R.length],
+        color: qt(t.color) || Ee.value[a] || R[a] || R[a % R.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
     const he = h(() => de()), p = i(he.value);
-    K(() => w.dataset, (t) => {
+    J(() => w.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ie.value = !1);
-    }, { immediate: !0 }), K(() => w.dataset, (t) => {
+    }, { immediate: !0 }), J(() => 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 We(t);
+      return Ge(t);
     }), bt = h(() => {
       const t = p.value.map((a, l) => X.value ? 1 : (a.values || []).reduce((o, u) => o + u));
-      return We(t);
+      return Ge(t);
     }), Y = h(() => (Z.value.forEach((t, a) => {
       [null, void 0].includes(t.values) && ke({
         componentName: "VueUiWaffle",
@@ -251,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
-    }))), W = h(() => {
+    }))), G = 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)
@@ -262,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), Ge = i(null), je = i(null);
+    }), f = i([]), N = i(!1), We = 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 < G.value.length - 1 && G.value.length > 1 && f.value.push(t);
+        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);
         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);
@@ -274,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(Ge.value), p.value = p.value.map((d, C) => d.uid === t ? {
+            o > u ? (cancelAnimationFrame(We.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), Ge.value = requestAnimationFrame(n));
+            } : d), We.value = requestAnimationFrame(n));
           };
           f.value = f.value.filter((d) => d !== t);
           const u = a;
           n();
-        } else if (f.value.length < G.value.length - 1 && G.value.length > 1) {
+        } else if (f.value.length < W.value.length - 1 && W.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,
@@ -305,7 +306,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         })));
       }
     }
-    const G = h(() => p.value.map((t, a) => ({
+    const W = 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),
@@ -343,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) && Zt(() => l({
+      if (Qt(l) && Jt(() => l({
         seriesIndex: r.value[t].absoluteIndex,
         datapoint: a,
         series: p.value,
@@ -357,7 +358,7 @@ 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>${Q(
+        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(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
           O({
@@ -396,7 +397,7 @@ 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 = Q(
+      const l = K(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         r.value[t].value,
         O({
@@ -406,7 +407,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           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 ? Kt({ 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 = 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 : "";
       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}`;
     }
@@ -414,14 +415,14 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       zt(() => {
         const a = P.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 = Yt(l);
-        t ? t(o) : Jt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
+        ], [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);
+        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>',
-        Q(
+        K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           S.value,
           O({
@@ -437,7 +438,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           color: u.color,
           name: u.name
         },
-        Q(
+        K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           P.value.body[n],
           O({
@@ -492,7 +493,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     }
     async function St({ scale: t = 2 } = {}) {
       if (!I.value) return;
-      const { width: a, height: l } = I.value.getBoundingClientRect(), o = a / l, { imageUri: u, base64: n } = await nl({ domElement: I.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = I.value.getBoundingClientRect(), o = a / l, { imageUri: u, base64: n } = await sl({ domElement: I.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: u,
         base64: n,
@@ -502,7 +503,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         aspectRatio: o
       };
     }
-    const J = h(() => {
+    const Q = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = x.value.showTable;
       return {
         component: t ? dt : rt,
@@ -532,10 +533,10 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         }
       };
     });
-    K(() => x.value.showTable, (t) => {
+    J(() => 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 Je() {
+    function Qe() {
       x.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
     return at({
@@ -549,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: Qe(`vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Ke(`vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: I,
       id: `vue-ui-waffle_${b.value}`,
@@ -578,7 +579,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ref: Ce,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), B(il, {
+        (s(), B(rl, {
           key: `title_${_e.value}`,
           config: {
             title: {
@@ -691,8 +692,8 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       (s(), v("svg", {
         ref_key: "svgRef",
         ref: Be,
-        xmlns: c(Gt),
-        class: Qe({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        xmlns: c(Ut),
+        class: Ke({ "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}`)
       }, [
@@ -708,7 +709,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": c(jt)(c(qt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+              "stop-color": c(Gt)(c(Wt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
             }, null, 8, yl),
             k("stop", {
               offset: "100%",
@@ -734,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(W.value, (l, o) => (s(), v("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), v($, { key: 0 }, D(G.value, (l, o) => (s(), v("foreignObject", {
           x: l.x,
           y: l.y,
           height: A.value <= 0 ? 1e-4 : A.value,
@@ -758,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(W.value, (l, o) => (s(), v("rect", {
+          (s(!0), v($, null, D(G.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,
@@ -769,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(W.value, (l, o) => (s(), v("rect", {
+          (s(!0), v($, null, D(G.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,
@@ -781,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(W.value, (l, o) => (s(), v("rect", {
+            (s(!0), v($, null, D(G.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,
@@ -793,18 +794,18 @@ 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(W.value, (l, o) => (s(), v($, null, [
+        (s(!0), v($, null, D(G.value, (l, o) => (s(), v($, null, [
           _t(o, l) ? (s(), v("text", {
             key: `datalabel_${o}`,
             textContent: M(At(o, l)),
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2 + 6,
             y: l.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2 + Ue.value / 2 + e.value.style.chart.layout.labels.captions.fontSize / 3,
             "font-size": e.value.style.chart.layout.labels.captions.fontSize,
-            fill: c(Ht)(r.value[o].color),
+            fill: c(jt)(r.value[o].color),
             filter: ee(r.value[o].serieIndex)
           }, null, 8, Tl)) : m("", !0)
         ], 64))), 256)),
-        (s(!0), v($, null, D(W.value, (l, o) => (s(), v("rect", {
+        (s(!0), v($, null, D(G.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,
@@ -833,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: G.value,
+            legendSet: W.value,
             config: xt.value,
             onClickMarker: a[0] || (a[0] = ({ legend: l }) => qe(l.uid))
           }, me({
@@ -841,7 +842,7 @@ 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(Q)(
+              }, 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)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 c(O)({
@@ -859,7 +860,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: y(({ legend: l, index: o }) => [
-                oe(rl, {
+                oe(nl, {
                   shape: l.shape,
                   radius: 30,
                   stroke: "none",
@@ -871,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: G.value
+            legend: W.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : m("", !0),
@@ -911,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(J.value.component), we({ key: 7 }, J.value.props, {
+      ue.value && e.value.userOptions.buttons.table ? (s(), B(Dt(Q.value.component), we({ key: 7 }, Q.value.props, {
         ref_key: "tableUnit",
         ref: H,
-        onClose: Je
+        onClose: Qe
       }), me({
         content: y(() => [
           (s(), B(c(nt), {
@@ -923,9 +924,9 @@ 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 ? "" : J.value.title,
+            title: e.value.table.useDialog ? "" : Q.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Je
+            onClose: Qe
           }, {
             th: y(({ th: l }) => [
               k("div", {
@@ -944,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(J.value.title), 1)
+            Ze(M(Q.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -958,17 +959,17 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             }, [
               oe(c(st), {
                 name: "excel",
-                stroke: J.value.props.color
+                stroke: Q.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      c(Oe) ? (s(), B(al, { key: 8 })) : m("", !0)
+      c(Oe) ? (s(), B(ll, { key: 8 })) : m("", !0)
     ], 46, dl));
   }
-}, ql = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-cd11188e"]]);
+}, Hl = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-cd11188e"]]);
 export {
-  ql as default
+  Hl as default
 };