vue-data-ui 3.2.8 → 3.3.0

package/dist/{vue-ui-waffle-aCMPaHbw.js → vue-ui-waffle-C7moVBln.js}

@@ -1,21 +1,22 @@
-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-BOk-tPdu.js";
-import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.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-DjWwQXVS.js";
-import { _ as nl } from "./Shape-C_C_OmqR.js";
-import rl from "./Title-DG2nloSB.js";
-import { t as il } from "./themes-Dw-dDudK.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 = {
+import { defineAsyncComponent as F, useSlots as Nt, computed as c, ref as i, toRefs as Vt, watch as J, shallowRef as Qe, onMounted as Mt, onBeforeUnmount as Rt, createElementBlock as v, openBlock as n, unref as h, normalizeStyle as le, normalizeClass as Ze, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as ae, createSlots as we, withCtx as g, renderSlot as y, normalizeProps as G, guardReactiveProps as W, Fragment as $, renderList as D, mergeProps as ke, toDisplayString as oe, Teleport as Et, resolveDynamicComponent as Ut, createTextVNode as et, nextTick as Gt } from "vue";
+import { c as Wt, t as jt, b as qt, p as M, o as tt, f as xe, g as Ht, e as Xt, a as K, d as P, X as Yt, s as Jt, i as Kt, E as Qt, h as Zt, x as el, y as tl, O as ll, z as al, A as ol } from "./lib-GIYcnm0E.js";
+import { t as ul, u as sl } from "./useResponsive-DfdjqQps.js";
+import { u as nl, a as lt } from "./useNestedProp-mxyyqd0B.js";
+import { u as rl, B as il } from "./BaseScanner-BgWxam9d.js";
+import { u as vl } from "./usePrinter-DYRFiw7X.js";
+import { u as cl } from "./useSvgExport-B7-Vrjtu.js";
+import { u as dl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as hl } from "./useChartAccessibility-9icAAmYg.js";
+import pl from "./img-6wPuVVtk.js";
+import { _ as fl } from "./Shape-DJG2zW7b.js";
+import gl from "./Title-D17CJXko.js";
+import { t as yl } from "./themes-Dw-dDudK.js";
+import bl from "./Legend-DsogCeTb.js";
+import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["stop-color"], Il = ["stop-color"], Tl = ["id"], _l = ["x", "y", "height", "width"], Sl = ["height", "width"], Al = { key: 0 }, Ol = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Pl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Ll = { key: 1 }, Fl = ["rx", "x", "y", "height", "width", "fill", "filter"], Bl = ["textContent", "x", "y", "font-size", "fill", "filter"], Dl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], zl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Sl = ["id"], Ol = ["onClick"], Pl = ["innerHTML"], Fl = {
+}, Nl = ["id"], Vl = ["onClick"], Ml = ["innerHTML"], Rl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -32,14 +33,14 @@ 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-BOXz8skU.js")), st = L(() => import("./BaseIcon-Bz-1GQhu.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), rt = L(() => import("./vue-ui-accordion-CDIzGCG1.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-C40g0Rfc.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),
+  setup(at, { expose: ot, emit: ut }) {
+    const st = F(() => import("./Tooltip-CtVdvbZi.js")), nt = F(() => import("./BaseIcon-CtqN7W_g.js")), rt = F(() => import("./DataTable-BeI6gYJX.js")), it = F(() => import("./vue-ui-accordion-Dch9YrCi.js")), vt = F(() => import("./UserOptions-B3vCIe-u.js")), ct = F(() => import("./PenAndPaper-BxbYiPy4.js")), dt = F(() => import("./PackageVersion-C9oklnuy.js")), ht = F(() => import("./BaseDraggableDialog-q3pgSDTz.js")), { vue_ui_waffle: pt } = nl(), w = at, ft = Nt(), ue = c(() => !!w.dataset && w.dataset.length), b = i(Wt()), se = i(!1), ne = i(""), R = i(null), Ce = i(0), I = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(null), Se = i(0), Ae = i(0), Oe = i(0), Pe = i(!1), j = i(null), re = i(null), e = i(de()), { loading: Le, FINAL_DATASET: Q, manualLoading: ie } = rl({
+      ...Vt(w),
       FINAL_CONFIG: e,
-      prepareConfig: ce,
+      prepareConfig: de,
       callback: () => {
         Promise.resolve().then(async () => {
-          p.value = de();
+          p.value = he();
         });
       },
       skeletonDataset: [
@@ -59,7 +60,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Vt({
+      skeletonConfig: jt({
         defaultConfig: e.value,
         userConfig: {
           useCustomCells: !1,
@@ -85,72 +86,72 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }
         }
       })
-    }), { userOptionsVisible: ve, setUserOptionsVisibility: Fe, keepUserOptionState: Le } = ol({ config: e.value }), { svgRef: Be } = ul({ config: e.value.style.chart.title });
-    function ce() {
-      const t = tt({
+    }), { userOptionsVisible: ve, setUserOptionsVisibility: Fe, keepUserOptionState: Be } = dl({ config: e.value }), { svgRef: ce } = hl({ config: e.value.style.chart.title });
+    function de() {
+      const t = lt({
         userConfig: w.config,
-        defaultConfig: ht
+        defaultConfig: pt
       });
       return t.theme ? {
-        ...tt({
-          userConfig: il.vue_ui_waffle[t.theme] || w.config,
+        ...lt({
+          userConfig: yl.vue_ui_waffle[t.theme] || w.config,
           defaultConfig: t
         }),
-        customPalette: Mt[t.theme] || R
+        customPalette: qt[t.theme] || M
       } : t;
     }
-    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;
+    J(() => w.config, (t) => {
+      Le.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, ze(), Se.value += 1, Ae.value += 1, Oe.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 L = Qe(null), E = Qe(null), De = c(() => !!e.value.debug);
     function ze() {
-      if (et(w.dataset) ? (ke({
+      if (tt(w.dataset) ? (xe({
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: De.value
-      }), ue.value = !1, ie.value = !0) : w.dataset.forEach((t, a) => {
-        Rt({
+      }), ue.value = !1, ie.value = !0) : w.dataset.forEach((t, l) => {
+        Ht({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
-        }).forEach((l) => {
-          ke({
+        }).forEach((a) => {
+          xe({
             componentName: "VueUiWaffle",
             type: "datasetSerieAttribute",
-            property: l,
-            index: a,
+            property: a,
+            index: l,
             debug: De.value
           });
         });
-      }), et(w.dataset) || (ie.value = e.value.loading), e.value.responsive) {
-        const t = Qt(() => {
-          const { width: a, height: l } = Zt({
+      }), tt(w.dataset) || (ie.value = e.value.loading), e.value.responsive) {
+        const t = ul(() => {
+          const { width: l, height: a } = sl({
             chart: I.value,
-            title: e.value.style.chart.title.text ? Ce.value : null,
-            legend: e.value.style.chart.legend.show ? $e.value : null,
-            source: Ie.value,
-            noTitle: Te.value
+            title: e.value.style.chart.title.text ? $e.value : null,
+            legend: e.value.style.chart.legend.show ? Ie.value : null,
+            source: Te.value,
+            noTitle: _e.value
           });
           requestAnimationFrame(() => {
-            z.value.width = a, z.value.height = l, T.value.width = a, T.value.height = l;
+            z.value.width = l, z.value.height = a, T.value.width = l, T.value.height = a;
           });
         });
-        F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect()), F.value = new ResizeObserver(t), U.value = I.value.parentNode, F.value.observe(U.value);
+        L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect()), L.value = new ResizeObserver(t), E.value = I.value.parentNode, L.value.observe(E.value);
       }
     }
-    Ft(() => {
-      Oe.value = !0, ze();
-    }), Lt(() => {
-      F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect());
+    Mt(() => {
+      Pe.value = !0, ze();
+    }), Rt(() => {
+      L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = al({
+    const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = vl({
       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(() => Et(e.value.customPalette)), x = i({
+    }), gt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = c(() => Xt(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,141 +165,141 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       left: 0,
       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) {
-      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);
+    }), _ = c(() => (T.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = c(() => (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 = c(() => Math.max(1e-4, T.value.width / e.value.style.chart.layout.grid.size)), Ue = c(() => Math.max(1e-4, T.value.height / e.value.style.chart.layout.grid.size));
+    function Ge(t) {
+      const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((C, me) => C + me, 0), o = t.map((C) => C / a * l), u = o.map(Math.floor), s = o.map((C) => C % 1);
+      let d = l - u.reduce((C, me) => C + me, 0);
       for (; d > 0; ) {
-        let C = n.indexOf(Math.max(...n));
-        u[C] += 1, n[C] = 0, d -= 1;
+        let C = s.indexOf(Math.max(...s));
+        u[C] += 1, s[C] = 0, d -= 1;
       }
       return u;
     }
-    const X = i(!1);
-    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) => ({
+    const q = i(!1);
+    function he() {
+      return q.value = Q.value.flatMap((t) => t.values.reduce((l, a) => l + a, 0)).reduce((t, l) => t + l, 0) === 0, Q.value.map((t, l) => ({
         ...t,
-        color: qt(t.color) || Ee.value[a] || R[a] || R[a % R.length],
-        uid: `serie_${a}`,
-        absoluteIndex: a
+        color: Zt(t.color) || Ee.value[l] || M[l] || M[l % M.length],
+        uid: `serie_${l}`,
+        absoluteIndex: l
       }));
     }
-    const he = h(() => de()), p = i(he.value);
-    K(() => w.dataset, (t) => {
+    const pe = c(() => he()), p = i(pe.value);
+    J(() => w.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ie.value = !1);
-    }, { immediate: !0 }), K(() => w.dataset, (t) => {
-      p.value = de();
+    }, { immediate: !0 }), J(() => w.dataset, (t) => {
+      p.value = he();
     }, { 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);
-    }), bt = h(() => {
-      const t = p.value.map((a, l) => X.value ? 1 : (a.values || []).reduce((o, u) => o + u));
-      return We(t);
-    }), Y = h(() => (Z.value.forEach((t, a) => {
-      [null, void 0].includes(t.values) && ke({
+    const bt = c(() => {
+      const t = p.value.filter((l, a) => !f.value.includes(l.uid)).map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u, 0));
+      return Ge(t);
+    }), mt = c(() => {
+      const t = p.value.map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u));
+      return Ge(t);
+    }), H = c(() => (Q.value.forEach((t, l) => {
+      [null, void 0].includes(t.values) && xe({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
         property: "values (number[])",
-        index: a
+        index: l
       });
-    }), p.value.filter((t, a) => !f.value.includes(t.uid)).map((t, a) => ({
+    }), p.value.filter((t, l) => !f.value.includes(t.uid)).map((t, l) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
-      value: (t.values || []).reduce((l, o) => l + o, 0),
+      value: (t.values || []).reduce((a, o) => a + o, 0),
       absoluteValues: t.values || [],
-      proportion: gt.value[a]
-    })))), mt = h(() => p.value.map((t, a) => ({
+      proportion: bt.value[l]
+    })))), wt = c(() => p.value.map((t, l) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
       name: t.name,
       color: t.color,
-      value: (t.values || []).reduce((l, o) => l + o, 0),
+      value: (t.values || []).reduce((a, o) => a + o, 0),
       absoluteValues: t.values || [],
-      proportion: bt.value[a]
+      proportion: mt.value[l]
     })));
-    function wt() {
-      return mt.value.map((t) => ({
+    function kt() {
+      return wt.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value,
         proportion: t.proportion
       }));
     }
-    const kt = h(() => {
+    const xt = c(() => {
       let t = 0;
-      return Y.value.map((a, l) => {
-        const o = t, u = o + a.proportion, n = [];
+      return H.value.map((l, a) => {
+        const o = t, u = o + l.proportion, s = [];
         for (let d = Math.floor(o); d < Math.floor(u); d += 1)
-          n.push(d);
+          s.push(d);
         return t = u, {
-          ...a,
+          ...l,
           start: o,
-          rects: n
+          rects: s
         };
       });
-    }), r = h(() => kt.value.flatMap((t, a) => t.rects.map((l, o) => ({
+    }), r = c(() => xt.value.flatMap((t, l) => t.rects.map((a, o) => ({
       isFirst: o === 0,
-      isLongEnough: l.length > 2,
+      isLongEnough: a.length > 2,
       name: t.name,
       color: t.color,
       value: t.value,
-      serieIndex: a,
+      serieIndex: l,
       absoluteStartIndex: o < 3,
       serieId: t.uid,
       ...t
-    }))).map((t, a) => ({
+    }))).map((t, l) => ({
       ...t,
-      isAbsoluteFirst: a % e.value.style.chart.layout.grid.size === 0
-    }))), W = h(() => {
+      isAbsoluteFirst: l % e.value.style.chart.layout.grid.size === 0
+    }))), U = c(() => {
       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)
+      for (let l = 0; l < e.value.style.chart.layout.grid.size; l += 1)
+        for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
           t.push({
-            isStartOfLine: l === 0,
-            position: e.value.style.chart.layout.grid.vertical ? a : l,
-            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (_.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween) + T.value.top
+            isStartOfLine: a === 0,
+            position: e.value.style.chart.layout.grid.vertical ? l : a,
+            x: (e.value.style.chart.layout.grid.vertical ? l : a) * (_.value + e.value.style.chart.layout.grid.spaceBetween),
+            y: (e.value.style.chart.layout.grid.vertical ? a : l) * (S.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([]), X = i(!1), We = i(null), je = i(null);
     function qe(t) {
-      if (X.value) return;
+      if (q.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 < N.value.length - 1 && N.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);
-      let o = l;
-      if (!(l === 0 && a === 0)) {
+      const l = pe.value.find((u) => u.uid === t).values.reduce((u, s) => u + s, 0), a = p.value.find((u) => u.uid === t).values.reduce((u, s) => u + s, 0);
+      let o = a;
+      if (!(a === 0 && l === 0)) {
         if (f.value.includes(t)) {
-          let n = function() {
-            o > u ? (cancelAnimationFrame(Ge.value), p.value = p.value.map((d, C) => d.uid === t ? {
+          let s = function() {
+            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), X.value = !1) : (X.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(s));
           };
           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) {
+          const u = l;
+          s();
+        } else if (f.value.length < N.value.length - 1 && N.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,
+            o < a / 100 ? (cancelAnimationFrame(je.value), f.value.push(t), p.value = p.value.map((s, d) => s.uid === t ? {
+              ...s,
               values: [0]
-            } : n), N.value = !1) : (N.value = !0, o /= 1.15, p.value = p.value.map((n) => n.uid === t ? {
-              ...n,
+            } : s), X.value = !1) : (X.value = !0, o /= 1.15, p.value = p.value.map((s) => s.uid === t ? {
+              ...s,
               values: [o]
-            } : n), je.value = requestAnimationFrame(u));
+            } : s), je.value = requestAnimationFrame(u));
           };
           u();
         }
-        Tt("selectLegend", Y.value.map((u) => ({
+        _t("selectLegend", H.value.map((u) => ({
           name: u.name,
           color: u.color,
           value: u.value,
@@ -306,75 +307,84 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         })));
       }
     }
-    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),
-      uid: t.uid,
-      shape: "square"
-    })).map((t) => ({
+    const N = c(() => p.value.map((t, l) => {
+      const a = (t.values || []).reduce((u, s) => u + s, 0), o = a / p.value.map((u) => (u.values || []).reduce((s, d) => s + d, 0)).reduce((u, s) => u + s, 0);
+      return {
+        name: t.name,
+        color: t.color || Ee[l] || M[l] || M[l % M.length],
+        value: a,
+        proportion: o,
+        uid: t.uid,
+        shape: "square"
+      };
+    }).map((t, l) => ({
       ...t,
-      proportion: t.value / p.value.map((a) => (a.values || []).reduce((l, o) => l + o, 0)).reduce((a, l) => a + l, 0),
       opacity: f.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => qe(t.uid),
-      isSegregated: f.value.includes(t.uid)
-    }))), xt = h(() => ({
+      isSegregated: f.value.includes(t.uid),
+      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? K(e.value.style.chart.layout.labels.dataLabels.formatter, t.value, P({
+        p: e.value.style.chart.layout.labels.dataLabels.prefix,
+        v: t.value,
+        s: e.value.style.chart.layout.labels.dataLabels.suffix,
+        r: e.value.style.chart.legend.roundingValue
+      }), { datapoint: t, index: l }) : ""}${e.value.style.chart.legend.showPercentage ? f.value.includes(t.uid) ? `${e.value.style.chart.legend.showValue ? " (" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? " (" : ""}${isNaN(t.value / A.value) ? "-" : P({ v: t.value / A.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })}${e.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
+    }))), Ct = c(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), S = h(() => Y.value.map((t) => t.value).reduce((t, a) => t + a, 0)), pe = i(null), fe = i(null);
-    function Ct(t) {
-      const a = r.value[t];
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: a, seriesIndex: a.serieIndex });
-    }
+    })), A = c(() => H.value.map((t) => t.value).reduce((t, l) => t + l, 0)), fe = i(null), ge = i(null);
     function $t(t) {
-      const a = r.value[t];
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: a.serieIndex }), fe.value = null, se.value = !1, E.value = null;
+      const l = r.value[t];
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.serieIndex });
     }
     function It(t) {
+      const l = r.value[t];
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.serieIndex }), ge.value = null, se.value = !1, R.value = null;
+    }
+    function Tt(t) {
       if (f.value.length === w.dataset.length) return;
-      const a = r.value[t];
-      pe.value = {
-        datapoint: a,
-        seriesIndex: a.absoluteIndex,
+      const l = r.value[t];
+      fe.value = {
+        datapoint: l,
+        seriesIndex: l.absoluteIndex,
         series: p.value,
         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 (Jt(l) && Kt(() => l({
+      }, e.value.events.datapointEnter && ge.value !== l.serieIndex && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.serieIndex }), ge.value = l.serieIndex, se.value = !0, R.value = r.value[t].serieIndex;
+      const a = e.value.style.chart.tooltip.customFormat;
+      if (al(a) && ol(() => a({
         seriesIndex: r.value[t].absoluteIndex,
-        datapoint: a,
+        datapoint: l,
         series: p.value,
         config: e.value
       })))
-        ne.value = l({
+        ne.value = a({
           seriesIndex: r.value[t].absoluteIndex,
-          datapoint: a,
+          datapoint: l,
           series: p.value,
           config: e.value
         });
       else {
         let o = "";
-        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${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;">${l.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="${l.color}" />${ft.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${l.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          a.value,
+          l.value,
           P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: a.value,
+            v: l.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           {
-            datapoint: a,
+            datapoint: l,
             seriesIndex: r.value[t].absoluteIndex,
             series: p.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = P({
-            v: X.value ? 1 / Z.value.length * 100 : a.value / S.value * 100,
+            v: q.value ? 1 / Q.value.length * 100 : l.value / A.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -383,21 +393,21 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         ne.value = o;
       }
     }
-    const Tt = ot, O = h(() => {
-      const t = Y.value.map((l) => ({
-        name: l.name,
-        color: l.color
-      })), a = Y.value.map((l) => l.value);
-      return { head: t, body: a };
+    const _t = ut, O = c(() => {
+      const t = H.value.map((a) => ({
+        name: a.name,
+        color: a.color
+      })), l = H.value.map((a) => a.value);
+      return { head: t, body: l };
     });
-    function ee(t) {
-      return e.value.useBlurOnHover && ![null, void 0].includes(E.value) && E.value !== t ? `url(#blur_${b.value})` : "";
+    function Z(t) {
+      return e.value.useBlurOnHover && ![null, void 0].includes(R.value) && R.value !== t ? `url(#blur_${b.value})` : "";
     }
-    function _t(t, a) {
-      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 St(t, l) {
+      return e.value.style.chart.layout.labels.captions.show ? r.value.length && !X.value && !e.value.style.chart.layout.grid.vertical && (r.value[t].isFirst && l.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(
+    function At(t, l = null) {
+      const a = K(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         r.value[t].value,
         P({
@@ -406,54 +416,54 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           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 = 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 : "";
+        { datapoint: r.value[t], position: l }
+      ), 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 ? ll({ 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 ? ":" : ""), s = 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}`;
+      return e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? d = `${o} (${a})` : 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 = a), `${s}${d}`;
     }
     function ye(t = null) {
-      zt(() => {
-        const a = O.value.head.map((u, n) => [[
+      Gt(() => {
+        const l = O.value.head.map((u, s) => [[
           u.name
-        ], [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" });
+        ], [O.value.body[s]], [isNaN(O.value.body[s] / A.value) ? "-" : O.value.body[s] / A.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), o = el(a);
+        t ? t(o) : tl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
-    const te = h(() => {
+    const ee = c(() => {
       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,
+          A.value,
           P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: S.value,
+            v: A.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
         "100%"
-      ], a = O.value.head.map((u, n) => [
+      ], l = O.value.head.map((u, s) => [
         {
           color: u.color,
           name: u.name
         },
-        Q(
+        K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          O.value.body[n],
+          O.value.body[s],
           P({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: O.value.body[n],
+            v: O.value.body[s],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(O.value.body[n] / S.value) ? "-" : P({
-          v: O.value.body[n] / S.value * 100,
+        isNaN(O.value.body[s] / A.value) ? "-" : P({
+          v: O.value.body[s] / A.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
-      ]), l = {
+      ]), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -473,13 +483,13 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       ];
       return {
         head: t,
-        body: a,
-        config: l,
+        body: l,
+        config: a,
         colNames: o
       };
     }), V = i(!1);
     function He(t) {
-      V.value = t, xe.value += 1;
+      V.value = t, Ce.value += 1;
     }
     function Xe() {
       x.value.showTable = !x.value.showTable;
@@ -487,26 +497,26 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
     function Ye() {
       x.value.showTooltip = !x.value.showTooltip;
     }
-    const le = i(!1);
-    function ge() {
-      le.value = !le.value;
+    const te = i(!1);
+    function be() {
+      te.value = !te.value;
     }
-    async function St({ scale: t = 2 } = {}) {
+    async function Ot({ scale: t = 2 } = {}) {
       if (!I.value) return;
-      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 });
+      const { width: l, height: a } = I.value.getBoundingClientRect(), o = l / a, { imageUri: u, base64: s } = await pl({ domElement: I.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: u,
-        base64: n,
+        base64: s,
         title: e.value.style.chart.title.text,
-        width: a,
-        height: l,
+        width: l,
+        height: a,
         aspectRatio: o
       };
     }
-    const J = h(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = x.value.showTable;
+    const Y = c(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, l = x.value.showTable;
       return {
-        component: t ? dt : rt,
+        component: t ? ht : it,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -519,7 +529,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         } : {
           hideDetails: !0,
           config: {
-            open: a,
+            open: l,
             maxHeight: 1e4,
             body: {
               backgroundColor: e.value.style.chart.backgroundColor,
@@ -533,54 +543,72 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         }
       };
     });
-    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());
+    J(() => x.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
     function Je() {
       x.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
-    return at({
-      getData: wt,
-      getImage: St,
+    const Pt = c(() => N.value.map((t) => ({
+      ...t,
+      name: t.display
+    }))), Lt = c(() => e.value.style.chart.backgroundColor), Ft = c(() => e.value.style.chart.legend), Bt = c(() => e.value.style.chart.title), { exportSvg: Dt, getSvg: zt } = cl({
+      svg: ce,
+      title: Bt,
+      legend: Ft,
+      legendItems: Pt,
+      backgroundColor: Lt
+    });
+    async function Ke({ isCb: t }) {
+      if (t) {
+        const { blob: l, url: a, text: o, dataUrl: u } = await zt();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: u });
+      } else
+        Dt();
+    }
+    return ot({
+      getData: kt,
+      getImage: Ot,
       generatePdf: Me,
       generateCsv: ye,
       generateImage: Re,
+      generateSvg: Ke,
       toggleTable: Xe,
       toggleTooltip: Ye,
-      toggleAnnotator: ge,
+      toggleAnnotator: be,
       toggleFullscreen: He
-    }), (t, a) => (s(), v("div", {
-      class: Qe(`vue-data-ui-component vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (t, l) => (n(), v("div", {
+      class: Ze(`vue-data-ui-component vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: I,
       id: `vue-ui-waffle_${b.value}`,
-      style: ae(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => c(Fe)(!0)),
-      onMouseleave: a[3] || (a[3] = () => c(Fe)(!1))
+      style: le(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: l[2] || (l[2] = () => h(Fe)(!0)),
+      onMouseleave: l[3] || (l[3] = () => h(Fe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), B(c(vt), {
+      e.value.userOptions.buttons.annotator ? (n(), B(h(ct), {
         key: 0,
-        svgRef: c(Be),
+        svgRef: h(ce),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: le.value,
-        onClose: ge
+        active: te.value,
+        onClose: be
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
-      ft.value ? (s(), v("div", {
+      gt.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Te,
+        ref: _e,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : m("", !0),
-      e.value.style.chart.title.text ? (s(), v("div", {
+      e.value.style.chart.title.text ? (n(), v("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ce,
+        ref: $e,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), B(rl, {
-          key: `title_${_e.value}`,
+        (n(), B(gl, {
+          key: `title_${Se.value}`,
           config: {
             title: {
               cy: "waffle-title",
@@ -595,19 +623,20 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       ], 512)) : m("", !0),
       k("div", {
         id: `legend-top-${b.value}`
-      }, null, 8, hl),
-      e.value.userOptions.show && ue.value && (c(Le) || c(ve)) ? (s(), B(c(it), {
+      }, null, 8, kl),
+      e.value.userOptions.show && ue.value && (h(Be) || h(ve)) ? (n(), B(h(vt), {
         ref_key: "userOptionsRef",
         ref: re,
-        key: `user_options_${xe.value}`,
+        key: `user_options_${Ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Ne),
-        isImaging: c(Ve),
+        isPrinting: h(Ne),
+        isImaging: h(Ve),
         uid: b.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
+        hasSvg: e.value.userOptions.buttons.svg,
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
@@ -617,89 +646,90 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         chartElement: I.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: le.value,
+        isAnnotation: te.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: He,
-        onGeneratePdf: c(Me),
+        onGeneratePdf: h(Me),
         onGenerateCsv: ye,
-        onGenerateImage: c(Re),
+        onGenerateImage: h(Re),
+        onGenerateSvg: Ke,
         onToggleTable: Xe,
         onToggleTooltip: Ye,
-        onToggleAnnotator: ge,
-        style: ae({
-          visibility: c(Le) ? c(ve) ? "visible" : "hidden" : "visible"
+        onToggleAnnotator: be,
+        style: le({
+          visibility: h(Be) ? h(ve) ? "visible" : "hidden" : "visible"
         })
-      }, me({ _: 2 }, [
+      }, we({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: y(({ isOpen: l, color: o }) => [
-            g(t.$slots, "menuIcon", j(q({ isOpen: l, color: o })), void 0, !0)
+          fn: g(({ isOpen: a, color: o }) => [
+            y(t.$slots, "menuIcon", G(W({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: y(() => [
-            g(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: g(() => [
+            y(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: y(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: g(() => [
+            y(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: y(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: g(() => [
+            y(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: y(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
+          fn: g(() => [
+            y(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: y(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
+          fn: g(() => [
+            y(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: y(({ toggleFullscreen: l, isFullscreen: o }) => [
-            g(t.$slots, "optionFullscreen", j(q({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+          fn: g(({ toggleFullscreen: a, isFullscreen: o }) => [
+            y(t.$slots, "optionFullscreen", G(W({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: y(({ toggleAnnotator: l, isAnnotator: o }) => [
-            g(t.$slots, "optionAnnotator", j(q({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+          fn: g(({ toggleAnnotator: a, isAnnotator: o }) => [
+            y(t.$slots, "optionAnnotator", G(W({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
-      (s(), v("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
+      (n(), v("svg", {
         ref_key: "svgRef",
-        ref: Be,
-        xmlns: c(Ut),
-        class: Qe({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        ref: ce,
+        xmlns: h(Yt),
+        class: Ze({ "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}`)
+        style: le(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        oe(c(ct)),
+        ae(h(dt)),
         k("defs", null, [
-          (s(!0), v($, null, D(r.value, (l, o) => (s(), v("radialGradient", {
+          (n(!0), v($, null, D(r.value, (a, o) => (n(), v("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -709,13 +739,13 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": c(Wt)(c(Gt)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
-            }, null, 8, yl),
+              "stop-color": h(Jt)(h(Kt)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, $l),
             k("stop", {
               offset: "100%",
-              "stop-color": l.color
-            }, null, 8, gl)
-          ], 8, fl))), 256))
+              "stop-color": a.color
+            }, null, 8, Il)
+          ], 8, Cl))), 256))
         ]),
         k("defs", null, [
           k("filter", {
@@ -724,7 +754,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
             y: "-50%",
             width: "200%",
             height: "200%"
-          }, [...a[4] || (a[4] = [
+          }, [...l[4] || (l[4] = [
             k("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2
@@ -733,18 +763,18 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               type: "saturate",
               values: "0"
             }, null, -1)
-          ])], 8, bl)
+          ])], 8, Tl)
         ]),
-        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,
+        e.value.useCustomCells && r.value.length ? (n(!0), v($, { key: 0 }, D(U.value, (a, o) => (n(), v("foreignObject", {
+          x: a.x,
+          y: a.y,
+          height: S.value <= 0 ? 1e-4 : S.value,
           width: _.value <= 0 ? 1e-4 : _.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", we({ ref_for: !0 }, { cell: { ...l, color: r.value[o].color, ...r.value[o] }, isSelected: [null, void 0].includes(E.value) ? !0 : r.value[o].serieIndex === E.value }), void 0, !0)
-        ], 8, ml))), 256)) : m("", !0),
-        !r.value.length && !e.value.useCustomCells ? (s(), v("rect", {
+          y(t.$slots, "cell", ke({ ref_for: !0 }, { cell: { ...a, color: r.value[o].color, ...r.value[o] }, isSelected: [null, void 0].includes(R.value) ? !0 : r.value[o].serieIndex === R.value }), void 0, !0)
+        ], 8, _l))), 256)) : m("", !0),
+        !r.value.length && !e.value.useCustomCells ? (n(), v("rect", {
           key: 1,
           x: 12,
           y: 12,
@@ -753,115 +783,104 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, wl)) : r.value.length && !e.value.useCustomCells ? (s(), v($, { key: 2 }, [
-          t.$slots.pattern ? (s(), v("g", kl, [
-            (s(!0), v($, null, D(he.value, (l) => (s(), v("defs", null, [
-              g(t.$slots, "pattern", we({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${b.value}_${l.absoluteIndex}` }), void 0, !0)
+        }, null, 8, Sl)) : r.value.length && !e.value.useCustomCells ? (n(), v($, { key: 2 }, [
+          t.$slots.pattern ? (n(), v("g", Al, [
+            (n(!0), v($, null, D(pe.value, (a) => (n(), v("defs", null, [
+              y(t.$slots, "pattern", ke({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${b.value}_${a.absoluteIndex}` }), void 0, !0)
             ]))), 256))
           ])) : m("", !0),
-          (s(!0), v($, null, D(W.value, (l, o) => (s(), v("rect", {
+          (n(!0), v($, null, D(U.value, (a, o) => (n(), 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,
-            height: A.value <= 0 ? 1e-4 : A.value,
+            x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
+            y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
+            height: S.value <= 0 ? 1e-4 : S.value,
             width: _.value <= 0 ? 1e-4 : _.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "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", {
+            filter: Z(r.value[o].serieIndex)
+          }, null, 8, Ol))), 256)),
+          (n(!0), v($, null, D(U.value, (a, o) => (n(), 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,
-            height: A.value <= 0 ? 1e-4 : A.value,
+            x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
+            y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
+            height: S.value <= 0 ? 1e-4 : S.value,
             width: _.value <= 0 ? 1e-4 : _.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${b.value}_${o})` : r.value[o].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
-            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", {
+            filter: Z(r.value[o].serieIndex)
+          }, null, 8, Pl))), 256)),
+          t.$slots.pattern ? (n(), v("g", Ll, [
+            (n(!0), v($, null, D(U.value, (a, o) => (n(), 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,
-              height: A.value <= 0 ? 1e-4 : A.value,
+              x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
+              y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
+              height: S.value <= 0 ? 1e-4 : S.value,
               width: _.value <= 0 ? 1e-4 : _.value,
               fill: `url(#pattern_${b.value}_${r.value[o].absoluteIndex})`,
               stroke: "none",
-              filter: ee(r.value[o].serieIndex)
-            }, null, 8, Il))), 256))
+              filter: Z(r.value[o].serieIndex)
+            }, null, 8, Fl))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        (s(!0), v($, null, D(W.value, (l, o) => (s(), v($, null, [
-          _t(o, l) ? (s(), v("text", {
+        (n(!0), v($, null, D(U.value, (a, o) => (n(), v($, null, [
+          St(o, a) ? (n(), 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,
+            textContent: oe(At(o, a)),
+            x: a.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2 + 6,
+            y: a.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(jt)(r.value[o].color),
-            filter: ee(r.value[o].serieIndex)
-          }, null, 8, Tl)) : m("", !0)
+            fill: h(Qt)(r.value[o].color),
+            filter: Z(r.value[o].serieIndex)
+          }, null, 8, Bl)) : m("", !0)
         ], 64))), 256)),
-        (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,
+        (n(!0), v($, null, D(U.value, (a, o) => (n(), v("rect", {
+          x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
+          y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
           height: Ue.value,
           width: yt.value,
           fill: "transparent",
           stroke: "none",
-          onMouseover: (u) => It(o),
-          onMouseleave: (u) => $t(o),
-          onClick: (u) => Ct(o)
-        }, null, 40, _l))), 256)),
-        g(t.$slots, "svg", { svg: z.value }, void 0, !0)
-      ], 14, pl)),
-      t.$slots.watermark ? (s(), v("div", Al, [
-        g(t.$slots, "watermark", j(q({ isPrinting: c(Ne) || c(Ve) })), void 0, !0)
+          onMouseover: (u) => Tt(o),
+          onMouseleave: (u) => It(o),
+          onClick: (u) => $t(o)
+        }, null, 40, Dl))), 256)),
+        y(t.$slots, "svg", { svg: z.value }, void 0, !0)
+      ], 14, xl)),
+      t.$slots.watermark ? (n(), v("div", zl, [
+        y(t.$slots, "watermark", G(W({ isPrinting: h(Ne) || h(Ve) })), void 0, !0)
       ])) : m("", !0),
       k("div", {
         id: `legend-bottom-${b.value}`
-      }, null, 8, Sl),
-      Oe.value ? (s(), B(Bt, {
+      }, null, 8, Nl),
+      Pe.value ? (n(), B(Et, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
         k("div", {
           ref_key: "chartLegend",
-          ref: $e
+          ref: Ie
         }, [
-          e.value.style.chart.legend.show ? (s(), B(vl, {
-            key: `legend_${Se.value}`,
-            legendSet: G.value,
-            config: xt.value,
-            onClickMarker: a[0] || (a[0] = ({ legend: l }) => qe(l.uid))
-          }, me({
-            item: y(({ legend: l }) => [
+          e.value.style.chart.legend.show ? (n(), B(bl, {
+            key: `legend_${Oe.value}`,
+            legendSet: N.value,
+            config: Ct.value,
+            onClickMarker: l[0] || (l[0] = ({ legend: a }) => qe(a.uid))
+          }, we({
+            item: g(({ legend: a }) => [
               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)(
-                e.value.style.chart.layout.labels.dataLabels.formatter,
-                l.value,
-                c(P)({
-                  p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: l.value,
-                  s: e.value.style.chart.layout.labels.dataLabels.suffix,
-                  r: e.value.style.chart.legend.roundingValue,
-                  isAnimating: 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(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)
+                onClick: (o) => a.segregate(),
+                style: le(`opacity:${f.value.includes(a.uid) ? 0.5 : 1}`)
+              }, oe(a.display), 13, Vl)
             ]),
             _: 2
           }, [
             t.$slots.pattern ? {
               name: "legend-pattern",
-              fn: y(({ legend: l, index: o }) => [
-                oe(nl, {
-                  shape: l.shape,
+              fn: g(({ legend: a, index: o }) => [
+                ae(fl, {
+                  shape: a.shape,
                   radius: 30,
                   stroke: "none",
                   plot: { x: 30, y: 30 },
@@ -870,21 +889,21 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["legendSet", "config"])) : g(t.$slots, "legend", {
+          ]), 1032, ["legendSet", "config"])) : y(t.$slots, "legend", {
             key: 1,
-            legend: G.value
+            legend: N.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : m("", !0),
-      t.$slots.source ? (s(), v("div", {
+      t.$slots.source ? (n(), v("div", {
         key: 6,
         ref_key: "source",
-        ref: Ie,
+        ref: Te,
         dir: "auto"
       }, [
-        g(t.$slots, "source", {}, void 0, !0)
+        y(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
-      oe(c(ut), {
+      ae(h(st), {
         show: x.value.showTooltip && se.value && f.value.length < w.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -904,38 +923,38 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": y(() => [
-          g(t.$slots, "tooltip-before", j(q({ ...pe.value })), void 0, !0)
+        "tooltip-before": g(() => [
+          y(t.$slots, "tooltip-before", G(W({ ...fe.value })), void 0, !0)
         ]),
-        "tooltip-after": y(() => [
-          g(t.$slots, "tooltip-after", j(q({ ...pe.value })), void 0, !0)
+        "tooltip-after": g(() => [
+          y(t.$slots, "tooltip-after", G(W({ ...fe.value })), void 0, !0)
         ]),
         _: 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 ? (n(), B(Ut(Y.value.component), ke({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
-        ref: H,
+        ref: j,
         onClose: Je
-      }), me({
-        content: y(() => [
-          (s(), B(c(nt), {
+      }), we({
+        content: g(() => [
+          (n(), B(h(rt), {
             key: `table_${Ae.value}`,
-            colNames: te.value.colNames,
-            head: te.value.head,
-            body: te.value.body,
-            config: te.value.config,
-            title: e.value.table.useDialog ? "" : J.value.title,
+            colNames: ee.value.colNames,
+            head: ee.value.head,
+            body: ee.value.body,
+            config: ee.value.config,
+            title: e.value.table.useDialog ? "" : Y.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Je
           }, {
-            th: y(({ th: l }) => [
+            th: g(({ th: a }) => [
               k("div", {
-                innerHTML: l,
+                innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Pl)
+              }, null, 8, Ml)
             ]),
-            td: y(({ td: l }) => [
-              Ze(M(l.name || l), 1)
+            td: g(({ td: a }) => [
+              et(oe(a.name || a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -944,32 +963,32 @@ 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)
+          fn: g(() => [
+            et(oe(Y.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: y(() => [
+          fn: g(() => [
             k("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[1] || (a[1] = (l) => ye(e.value.userOptions.callbacks.csv))
+              onClick: l[1] || (l[1] = (a) => ye(e.value.userOptions.callbacks.csv))
             }, [
-              oe(c(st), {
+              ae(h(nt), {
                 name: "excel",
-                stroke: J.value.props.color
+                stroke: Y.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      c(Pe) ? (s(), B(ll, { key: 8 })) : m("", !0)
-    ], 46, dl));
+      h(Le) ? (n(), B(il, { key: 8 })) : m("", !0)
+    ], 46, wl));
   }
-}, Hl = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-96bcc115"]]);
+}, la = /* @__PURE__ */ ml(Rl, [["__scopeId", "data-v-78e01575"]]);
 export {
-  Hl as default
+  la as default
 };