vue-data-ui 2.3.61 → 2.3.63

package/dist/{vue-ui-donut-evolution-ClNciLi2.js → vue-ui-donut-evolution-uPCTV6E6.js}

@@ -1,22 +1,22 @@
 import { computed as x, ref as L, onMounted as Xe, openBlock as a, createElementBlock as u, normalizeClass as F, normalizeStyle as B, createVNode as Le, createCommentVNode as d, createBlock as R, unref as c, createSlots as Ge, withCtx as P, renderSlot as T, normalizeProps as ae, guardReactiveProps as ue, createElementVNode as v, Fragment as m, renderList as p, toDisplayString as b, withKeys as Be, createTextVNode as $e, nextTick as je } from "vue";
-import { u as Ye, o as Ke, e as j, g as qe, c as Se, t as Je, a as Qe, p as Y, b as Ze, d as oe, A as Ae, m as se, X as et, v as re, B as tt, i as ne, f as K, j as Ne, k as q, n as ze, E as Fe, q as lt, r as at } from "./index-CwG--L4Z.js";
-import { _ as ut } from "./Title-BAQrVaNA.js";
-import { u as ot, U as st } from "./usePrinter-Do9tGYem.js";
-import { D as rt } from "./DataTable-NUzEZXWt.js";
-import { L as nt } from "./Legend-C3tseguI.js";
-import it from "./vue-ui-skeleton-ClzVF3vm.js";
-import { S as ct } from "./Slicer-CmHwU6if.js";
-import vt from "./vue-ui-accordion-Be_wWB1T.js";
-import { u as Pe } from "./useNestedProp-BqwYEJGM.js";
-import { _ as dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"], bt = ["stop-color"], xt = ["id"], mt = ["stop-color"], pt = ["stop-color"], kt = ["stop-color"], _t = { key: 0 }, Ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x", "y", "font-size", "fill", "font-weight"], Nt = ["text-anchor", "font-size", "fill", "transform"], zt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ft = { key: 1 }, Pt = ["cx", "cy", "r", "fill"], Dt = { key: 0 }, Tt = { key: 0 }, Et = ["d", "stroke"], It = ["text-anchor", "x", "y", "fill"], Ot = ["cx", "cy", "r", "fill"], Vt = { key: 0 }, Ht = ["cx", "cy", "fill"], Mt = { key: 1 }, Wt = ["d", "fill", "stroke"], Rt = { key: 2 }, Ut = ["d", "fill", "stroke"], Xt = ["x", "y", "font-size", "fill"], Gt = ["x", "y", "width", "fill", "onClick"], Bt = ["x", "y", "width", "height", "onMouseenter", "onClick"], jt = {
+import { u as Ye, o as Ke, e as j, g as qe, c as Se, t as Je, a as Qe, p as Y, b as Ze, F as et, d as oe, B as Ae, m as se, X as tt, w as re, C as lt, i as ne, f as K, j as Ne, k as q, n as ze, G as Fe, q as at, r as ut } from "./index-C_05i_JG.js";
+import { _ as ot } from "./Title-CPZstF2C.js";
+import { u as st, U as rt } from "./usePrinter-DOhlzlnx.js";
+import { D as nt } from "./DataTable-BGJ2mVxG.js";
+import { L as it } from "./Legend-UWyvC57K.js";
+import ct from "./vue-ui-skeleton-CcJR2m18.js";
+import { S as vt } from "./Slicer-Bk3Rt85L.js";
+import dt from "./vue-ui-accordion-rGJVvi_V.js";
+import { u as Pe } from "./useNestedProp-DLnT0Wtg.js";
+import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const yt = ["id"], ft = ["xmlns", "viewBox"], gt = ["id"], bt = ["stop-color"], xt = ["stop-color"], mt = ["id"], pt = ["stop-color"], kt = ["stop-color"], _t = ["stop-color"], Ct = { key: 0 }, wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $t = { key: 0 }, St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nt = ["x", "y", "font-size", "fill", "font-weight"], zt = ["text-anchor", "font-size", "fill", "transform"], Ft = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Pt = { key: 1 }, Dt = ["cx", "cy", "r", "fill"], Tt = { key: 0 }, It = { key: 0 }, Et = ["d", "stroke"], Ot = ["text-anchor", "x", "y", "fill"], Vt = ["cx", "cy", "r", "fill"], Ht = { key: 0 }, Mt = ["cx", "cy", "fill"], Wt = { key: 1 }, Rt = ["d", "fill", "stroke"], Ut = { key: 2 }, Xt = ["d", "fill", "stroke"], Gt = ["x", "y", "font-size", "fill"], Bt = ["x", "y", "width", "fill", "onClick"], jt = ["x", "y", "width", "height", "onMouseenter", "onClick"], Yt = {
   key: 3,
   "data-cy-zoom": "",
   class: "vue-ui-donut-evolution-dialog"
-}, Yt = ["x", "y", "width", "height", "fill"], Kt = ["x1", "y1", "x2", "y2", "stroke"], qt = ["x1", "y2", "x2", "y1", "stroke"], Jt = ["onKeypress", "cx", "cy", "r"], Qt = ["d", "stroke"], Zt = ["cx", "cy", "r", "fill"], el = ["d", "fill", "stroke"], tl = { class: "vue-ui-donut-evolution-focus" }, ll = ["text-anchor", "x", "y", "fill"], al = ["cx", "cy", "r", "fill"], ul = ["cx", "cy", "r", "fill"], ol = ["x", "y", "fill"], sl = ["x", "y", "font-size", "fill"], rl = {
+}, Kt = ["x", "y", "width", "height", "fill"], qt = ["x1", "y1", "x2", "y2", "stroke"], Jt = ["x1", "y2", "x2", "y1", "stroke"], Qt = ["onKeypress", "cx", "cy", "r"], Zt = ["d", "stroke"], el = ["cx", "cy", "r", "fill"], tl = ["d", "fill", "stroke"], ll = { class: "vue-ui-donut-evolution-focus" }, al = ["text-anchor", "x", "y", "fill"], ul = ["cx", "cy", "r", "fill"], ol = ["cx", "cy", "r", "fill"], sl = ["x", "y", "fill"], rl = ["x", "y", "font-size", "fill"], nl = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, nl = ["onClick"], il = { key: 0 }, cl = { key: 1 }, vl = { key: 0 }, dl = { key: 1 }, hl = {
+}, il = ["onClick"], cl = { key: 0 }, vl = { key: 1 }, dl = { key: 0 }, hl = { key: 1 }, yl = {
   __name: "vue-ui-donut-evolution",
   props: {
     config: {
@@ -34,11 +34,11 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(De, { expose: Te, emit: ie }) {
-    const z = De, { vue_ui_donut_evolution: Ee } = Ye(), U = x(() => !!z.dataset && z.dataset.length), h = L({
+    const z = De, { vue_ui_donut_evolution: Ie } = Ye(), U = x(() => !!z.dataset && z.dataset.length), h = L({
       start: 0,
       end: Math.max(...z.dataset.map((l) => l.values.length))
     });
-    function Ie() {
+    function Ee() {
       h.value = {
         start: 0,
         end: M.value
@@ -62,10 +62,10 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         });
       });
     });
-    const E = L(Se()), k = L([]), g = L(null), J = L(null), $ = L(!1), S = L(null), ce = L(null), ve = L(0), de = L(0), e = x(() => {
+    const I = L(Se()), k = L([]), g = L(null), J = L(null), $ = L(!1), S = L(null), ce = L(null), ve = L(0), de = L(0), e = x(() => {
       const l = Pe({
         userConfig: z.config,
-        defaultConfig: Ee
+        defaultConfig: Ie
       });
       return l.theme ? {
         ...Pe({
@@ -74,8 +74,8 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         }),
         customPalette: Qe[l.theme] || Y
       } : l;
-    }), { isPrinting: he, isImaging: ye, generatePdf: fe, generateImage: ge } = ot({
-      elementId: E.value,
+    }), { isPrinting: he, isImaging: ye, generatePdf: fe, generateImage: ge } = st({
+      elementId: I.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution"
     }), Oe = x(() => Ze(e.value.customPalette)), X = L({
       showTable: e.value.table.show
@@ -108,7 +108,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
       });
     }), z.dataset.map((l, i) => ({
       ...l,
-      values: l.values || [],
+      values: et(l.values),
       color: oe(l.color) || Oe.value[i] || Y[i] || Y[i % Y.length],
       length: (l.values || []).length,
       uid: Se()
@@ -176,14 +176,14 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
     const Q = x(() => ({
       max: Math.max(..._.value.map((l) => l.subtotal)),
       min: 0
-    })), I = x(() => {
+    })), E = x(() => {
       const l = _.value.length === 1 ? Q.value.max * 2 : Q.value.max;
       return Ae(Q.value.min, l, e.value.style.chart.layout.grid.yAxis.dataLabels.steps);
     });
     function Ve(l) {
-      return l / I.value.max;
+      return l / E.value.max;
     }
-    const He = x(() => I.value.ticks.map((l) => ({
+    const He = x(() => E.value.ticks.map((l) => ({
       y: r.value.absoluteHeight - s.value.bottom - r.value.height * Ve(l),
       value: l
     })));
@@ -266,8 +266,8 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
     }
     function _e() {
       je(() => {
-        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], i = [...O.value.head.map((f) => f.name ?? f)], t = [...O.value.body.map((f) => f.map((y) => y.value ?? y))], n = l.concat([i]).concat(t), o = lt(n);
-        at({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
+        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], i = [...O.value.head.map((f) => f.name ?? f)], t = [...O.value.body.map((f) => f.map((y) => y.value ?? y))], n = l.concat([i]).concat(t), o = at(n);
+        ut({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
       });
     }
     const W = L(!1);
@@ -288,14 +288,14 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
       ref: ce,
       class: F(`vue-ui-donut-evolution ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: B(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
-      id: E.value
+      id: I.value
     }, [
       e.value.style.chart.title.text ? (a(), u("div", {
         key: 0,
         style: B(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`),
         onMouseleave: xe
       }, [
-        Le(ut, {
+        Le(ot, {
           config: {
             title: {
               cy: "donut-evolution-div-title",
@@ -308,14 +308,14 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
           }
         }, null, 8, ["config"])
       ], 36)) : d("", !0),
-      e.value.userOptions.show && U.value ? (a(), R(st, {
+      e.value.userOptions.show && U.value ? (a(), R(rt, {
         ref: "details",
         key: `user_options_${ve.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: c(he),
         isImaging: c(ye),
-        uid: E.value,
+        uid: I.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasXls: e.value.userOptions.buttons.csv,
@@ -368,14 +368,14 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : d("", !0),
       U.value ? (a(), u("svg", {
         key: 2,
-        xmlns: c(et),
+        xmlns: c(tt),
         class: F({ "vue-data-ui-fullscreen--on": W.value, "vue-data-ui-fulscreen--off": !W.value }),
         viewBox: `0 0 ${r.value.absoluteWidth} ${r.value.absoluteHeight}`,
         style: B(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
         v("defs", null, [
           v("linearGradient", {
-            id: `hover_${E.value}`,
+            id: `hover_${I.value}`,
             x1: "0%",
             y1: "0%",
             x2: "0%",
@@ -384,30 +384,30 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             v("stop", {
               offset: "0%",
               "stop-color": `${e.value.style.chart.backgroundColor}${c(re)[e.value.style.chart.layout.highlighter.opacity]}`
-            }, null, 8, gt),
+            }, null, 8, bt),
             v("stop", {
               offset: "100%",
               "stop-color": `${e.value.style.chart.layout.highlighter.color}${c(re)[e.value.style.chart.layout.highlighter.opacity]}`
-            }, null, 8, bt)
-          ], 8, ft),
+            }, null, 8, xt)
+          ], 8, gt),
           v("radialGradient", {
-            id: `focus_${E.value}`
+            id: `focus_${I.value}`
           }, [
             v("stop", {
               offset: "0%",
               "stop-color": `${c(oe)(e.value.style.chart.backgroundColor)}00`
-            }, null, 8, mt),
+            }, null, 8, pt),
             v("stop", {
               offset: "77%",
               "stop-color": "#FFFFFF" + c(re)[30]
-            }, null, 8, pt),
+            }, null, 8, kt),
             v("stop", {
               offset: "100%",
               "stop-color": `${c(oe)(e.value.style.chart.backgroundColor)}00`
-            }, null, 8, kt)
-          ], 8, xt)
+            }, null, 8, _t)
+          ], 8, mt)
         ]),
-        e.value.style.chart.layout.grid.show ? (a(), u("g", _t, [
+        e.value.style.chart.layout.grid.show ? (a(), u("g", Ct, [
           v("line", {
             x1: s.value.left,
             x2: s.value.left,
@@ -416,7 +416,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             stroke: e.value.style.chart.layout.grid.stroke,
             "stroke-width": e.value.style.chart.layout.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Ct),
+          }, null, 8, wt),
           v("line", {
             x1: s.value.left,
             x2: r.value.absoluteWidth - s.value.right,
@@ -425,8 +425,8 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             stroke: e.value.style.chart.layout.grid.stroke,
             "stroke-width": e.value.style.chart.layout.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, wt),
-          e.value.style.chart.layout.grid.showVerticalLines ? (a(), u("g", Lt, [
+          }, null, 8, Lt),
+          e.value.style.chart.layout.grid.showVerticalLines ? (a(), u("g", $t, [
             (a(!0), u(m, null, p(h.value.end - h.value.start, (t, n) => (a(), u("line", {
               x1: s.value.left + (n + 1) * C.value,
               x2: s.value.left + (n + 1) * C.value,
@@ -435,7 +435,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               stroke: e.value.style.chart.layout.grid.stroke,
               "stroke-width": e.value.style.chart.layout.grid.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, $t))), 256))
+            }, null, 8, St))), 256))
           ])) : d("", !0)
         ])) : d("", !0),
         e.value.style.chart.layout.grid.yAxis.dataLabels.show ? (a(), u("g", {
@@ -443,7 +443,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
           class: F({ "donut-opacity": !0, "donut-behind": g.value !== null || $.value })
         }, [
           (a(!0), u(m, null, p(He.value, (t, n) => (a(), u("g", null, [
-            t.value >= I.value.min && t.value <= I.value.max ? (a(), u("line", {
+            t.value >= E.value.min && t.value <= E.value.max ? (a(), u("line", {
               key: 0,
               x1: s.value.left,
               x2: s.value.left - 5,
@@ -451,8 +451,8 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               y2: t.y,
               stroke: e.value.style.chart.layout.grid.stroke,
               "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-            }, null, 8, St)) : d("", !0),
-            t.value >= I.value.min && t.value <= I.value.max ? (a(), u("text", {
+            }, null, 8, At)) : d("", !0),
+            t.value >= E.value.min && t.value <= E.value.max ? (a(), u("text", {
               key: 1,
               x: s.value.left - 8 + e.value.style.chart.layout.grid.yAxis.dataLabels.offsetX,
               y: t.y + e.value.style.chart.layout.grid.yAxis.dataLabels.fontSize / 3,
@@ -460,7 +460,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               "text-anchor": "end",
               fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
               "font-weight": e.value.style.chart.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-            }, b(c(tt)(t.value) ? c(ne)(
+            }, b(c(lt)(t.value) ? c(ne)(
               e.value.style.chart.layout.dataLabels.formatter,
               t.value,
               c(K)({
@@ -470,7 +470,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
                 r: e.value.style.chart.layout.grid.yAxis.dataLabels.roundingValue
               }),
               { datapoint: t, seriesIndex: n }
-            ) : ""), 9, At)) : d("", !0)
+            ) : ""), 9, Nt)) : d("", !0)
           ]))), 256))
         ], 2)) : d("", !0),
         e.value.style.chart.layout.grid.xAxis.dataLabels.show ? (a(), u("g", {
@@ -484,7 +484,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               "font-size": e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
               fill: e.value.style.chart.layout.grid.xAxis.dataLabels.color,
               transform: `translate(${s.value.left + C.value * n + C.value / 2}, ${e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY + r.value.absoluteHeight - s.value.bottom + e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 2}), rotate(${e.value.style.chart.layout.grid.xAxis.dataLabels.rotation})`
-            }, b(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(n) + Number(h.value.start)] ?? ""), 9, Nt)) : d("", !0)
+            }, b(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(n) + Number(h.value.start)] ?? ""), 9, zt)) : d("", !0)
           ]))), 256))
         ], 2)) : d("", !0),
         (a(!0), u(m, null, p(_.value, (t, n) => (a(), u("g", null, [
@@ -499,22 +499,22 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             "stroke-width": e.value.style.chart.layout.line.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 10, zt)) : d("", !0),
-          t.subtotal !== null ? (a(), u("g", Ft, [
+          }, null, 10, Ft)) : d("", !0),
+          t.subtotal !== null ? (a(), u("g", Pt, [
             t.subtotal ? (a(), u("circle", {
               key: 0,
               cx: t.x,
               cy: t.y,
               r: t.activeRadius,
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, Pt)) : d("", !0)
+            }, null, 8, Dt)) : d("", !0)
           ])) : d("", !0)
         ]))), 256)),
         (a(!0), u(m, null, p(_.value, (t, n) => (a(), u("g", {
           class: F({ "donut-opacity": !0, "donut-behind": n !== g.value && g.value !== null || $.value })
         }, [
-          t.subtotal ? (a(), u("g", Dt, [
-            g.value !== null && g.value === n ? (a(), u("g", Tt, [
+          t.subtotal ? (a(), u("g", Tt, [
+            g.value !== null && g.value === n ? (a(), u("g", It, [
               (a(!0), u(m, null, p(t.donutHover, (o) => (a(), u("g", null, [
                 v("path", {
                   d: c(Ne)(o, { x: o.center.endX, y: o.center.endY }, 12, 12, { x: t.x, y: t.y }, !0),
@@ -534,7 +534,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
                   fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
                   "font-size": 8,
                   "font-weight": "bold"
-                }, b(o.name) + ": " + b(be(o, t.donut)) + " (" + b(o.value === null ? "-" : G(o.value, o, f)) + ") ", 9, It)
+                }, b(o.name) + ": " + b(be(o, t.donut)) + " (" + b(o.value === null ? "-" : G(o.value, o, f)) + ") ", 9, Ot)
               ]))), 256)),
               v("g", null, [
                 v("circle", {
@@ -542,7 +542,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
                   cy: t.y,
                   r: t.hoverRadius,
                   fill: e.value.style.chart.backgroundColor
-                }, null, 8, Ot)
+                }, null, 8, Vt)
               ])
             ])) : d("", !0)
           ])) : d("", !0)
@@ -550,27 +550,27 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         (a(!0), u(m, null, p(_.value, (t, n) => (a(), u("g", {
           class: F({ "donut-opacity": !0, "donut-behind": n !== g.value && g.value !== null || $.value })
         }, [
-          t.subtotal !== null ? (a(), u("g", Vt, [
+          t.subtotal !== null ? (a(), u("g", Ht, [
             t.subtotal === 0 ? (a(), u("circle", {
               key: 0,
               cx: t.x,
               cy: t.y,
               r: 3,
               fill: e.value.style.chart.color
-            }, null, 8, Ht)) : g.value !== null && g.value === n ? (a(), u("g", Mt, [
+            }, null, 8, Mt)) : g.value !== null && g.value === n ? (a(), u("g", Wt, [
               (a(!0), u(m, null, p(t.donutHover, (o, f) => (a(), u("path", {
                 d: o.arcSlice,
                 fill: `${o.color}`,
                 "stroke-width": 1,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, Wt))), 256))
-            ])) : (a(), u("g", Rt, [
+              }, null, 8, Rt))), 256))
+            ])) : (a(), u("g", Ut, [
               (a(!0), u(m, null, p(t.donut, (o, f) => (a(), u("path", {
                 d: o.arcSlice,
                 fill: `${o.color}`,
                 "stroke-width": 0.5,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, Ut))), 256))
+              }, null, 8, Xt))), 256))
             ]))
           ])) : d("", !0)
         ], 2))), 256)),
@@ -585,17 +585,17 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             "font-size": e.value.style.chart.layout.dataLabels.fontSize,
             "font-weight": "bold",
             fill: e.value.style.chart.layout.dataLabels.color
-          }, b(G(t.subtotal, t, n)), 9, Xt)) : d("", !0)
+          }, b(G(t.subtotal, t, n)), 9, Gt)) : d("", !0)
         ], 2))), 256)),
         (a(!0), u(m, null, p(_.value, (t, n) => (a(), u("rect", {
           x: s.value.left + n * C.value,
           y: r.value.absoluteHeight - s.value.bottom - 10,
           width: C.value,
           height: 10,
-          fill: g.value === t.index ? `url(#hover_${E.value})` : "transparent",
+          fill: g.value === t.index ? `url(#hover_${I.value})` : "transparent",
           onClick: (o) => ee(t, n),
           class: F({ "donut-hover": g.value === t.index && t.subtotal })
-        }, null, 10, Gt))), 256)),
+        }, null, 10, Bt))), 256)),
         (a(!0), u(m, null, p(_.value, (t, n) => (a(), u("rect", {
           "data-cy-trap": "",
           x: s.value.left + n * C.value,
@@ -607,8 +607,8 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
           onMouseleave: xe,
           onClick: (o) => ee(t, n),
           class: F({ "donut-hover": g.value === t.index && t.subtotal })
-        }, null, 42, Bt))), 256)),
-        $.value ? (a(), u("g", jt, [
+        }, null, 42, jt))), 256)),
+        $.value ? (a(), u("g", Yt, [
           v("rect", {
             rx: 4,
             x: s.value.left,
@@ -617,7 +617,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             height: r.value.height,
             fill: e.value.style.chart.backgroundColor,
             style: { filter: "drop-shadow(0 12px 12px rgba(0,0,0,0.3))" }
-          }, null, 8, Yt),
+          }, null, 8, Kt),
           v("line", {
             "data-html2canvas-ignore": "",
             x1: r.value.absoluteWidth - s.value.right - 15,
@@ -627,7 +627,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             "stroke-linecap": "round",
             stroke: e.value.style.chart.color,
             "stroke-width": "1.5"
-          }, null, 8, Kt),
+          }, null, 8, qt),
           v("line", {
             "data-html2canvas-ignore": "",
             x1: r.value.absoluteWidth - s.value.right - 15,
@@ -637,7 +637,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             "stroke-linecap": "round",
             stroke: e.value.style.chart.color,
             "stroke-width": "1.5"
-          }, null, 8, qt),
+          }, null, 8, Jt),
           v("circle", {
             "data-cy-close": "",
             onClick: me,
@@ -648,7 +648,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             fill: "transparent",
             style: { cursor: "pointer" },
             tabindex: "0"
-          }, null, 40, Jt),
+          }, null, 40, Qt),
           (a(!0), u(m, null, p(S.value.donutFocus, (t) => (a(), u("g", null, [
             v("path", {
               "data-cy-zoom-donut": "",
@@ -659,22 +659,22 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               "stroke-linejoin": "round",
               fill: "none",
               class: "vue-ui-donut-evolution-focus"
-            }, null, 8, Qt)
+            }, null, 8, Zt)
           ]))), 256)),
           v("circle", {
             cx: s.value.left + r.value.width / 2,
             cy: s.value.top + r.value.height / 2,
             r: r.value.height / 7,
             fill: e.value.style.chart.backgroundColor
-          }, null, 8, Zt),
+          }, null, 8, el),
           (a(!0), u(m, null, p(S.value.donutFocus, (t, n) => (a(), u("path", {
             d: t.arcSlice,
             fill: `${t.color}`,
             "stroke-width": 1,
             stroke: e.value.style.chart.backgroundColor,
             class: "vue-ui-donut-evolution-focus"
-          }, null, 8, el))), 256)),
-          (a(!0), u(m, null, p(S.value.donutFocus, (t, n) => (a(), u("g", tl, [
+          }, null, 8, tl))), 256)),
+          (a(!0), u(m, null, p(S.value.donutFocus, (t, n) => (a(), u("g", ll, [
             v("text", {
               "text-anchor": c(q)(t, !0, 20).anchor,
               x: c(q)(t, !0, 10).x,
@@ -682,20 +682,20 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
               "font-size": 10,
               "font-weight": "bold"
-            }, b(t.name) + ": " + b(be(t, S.value.donutFocus)) + " (" + b(t.value === null ? "-" : G(t.value, t, n)) + ") ", 9, ll)
+            }, b(t.name) + ": " + b(be(t, S.value.donutFocus)) + " (" + b(t.value === null ? "-" : G(t.value, t, n)) + ") ", 9, al)
           ]))), 256)),
           v("circle", {
             cx: s.value.left + r.value.width / 2,
             cy: s.value.top + r.value.height / 2,
             r: r.value.height / 3.8,
-            fill: `url(#focus_${E.value})`
-          }, null, 8, al),
+            fill: `url(#focus_${I.value})`
+          }, null, 8, ul),
           v("circle", {
             cx: s.value.left + r.value.width / 2,
             cy: s.value.top + r.value.height / 2,
             r: r.value.height / 7.7,
             fill: e.value.style.chart.backgroundColor
-          }, null, 8, ul),
+          }, null, 8, ol),
           v("text", {
             "text-anchor": "middle",
             x: s.value.left + r.value.width / 2,
@@ -704,21 +704,21 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
             "font-weight": "bold",
             fill: e.value.style.chart.layout.dataLabels.color,
             class: "vue-ui-donut-evolution-focus"
-          }, b(G(S.value.subtotal, S.value, l.i)), 9, ol),
+          }, b(G(S.value.subtotal, S.value, l.i)), 9, sl),
           e.value.style.chart.layout.grid.xAxis.dataLabels.values[S.value.index] ? (a(), u("text", {
             key: 0,
             x: s.value.left + 6,
             y: s.value.top + e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 2,
             "font-size": e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 1.6,
             fill: e.value.style.chart.layout.dataLabels.color
-          }, b(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(S.value.index) + Number(h.value.start)]), 9, sl)) : d("", !0)
+          }, b(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(S.value.index) + Number(h.value.start)]), 9, rl)) : d("", !0)
         ])) : d("", !0),
         T(l.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 14, yt)) : d("", !0),
-      l.$slots.watermark ? (a(), u("div", rl, [
+      ], 14, ft)) : d("", !0),
+      l.$slots.watermark ? (a(), u("div", nl, [
         T(l.$slots, "watermark", ae(ue({ isPrinting: c(he) || c(ye) })), void 0, !0)
       ])) : d("", !0),
-      U.value ? d("", !0) : (a(), R(it, {
+      U.value ? d("", !0) : (a(), R(ct, {
         key: 4,
         config: {
           type: "donutEvolution",
@@ -735,7 +735,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
           }
         }
       }, null, 8, ["config"])),
-      M.value > 1 && e.value.style.chart.zoom.show ? (a(), R(ct, {
+      M.value > 1 && e.value.style.chart.zoom.show ? (a(), R(vt, {
         key: `slicer_${de.value}`,
         background: e.value.style.chart.zoom.color,
         borderColor: e.value.style.chart.backgroundColor,
@@ -754,14 +754,14 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         "onUpdate:start": i[0] || (i[0] = (t) => h.value.start = t),
         end: h.value.end,
         "onUpdate:end": i[1] || (i[1] = (t) => h.value.end = t),
-        onReset: Ie
+        onReset: Ee
       }, {
         "reset-action": P(({ reset: t }) => [
           T(l.$slots, "reset-action", ae(ue({ reset: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end"])) : d("", !0),
-      e.value.style.chart.legend.show ? (a(), R(nt, {
+      e.value.style.chart.legend.show ? (a(), R(it, {
         key: 6,
         legendSet: pe.value,
         config: We.value,
@@ -784,17 +784,17 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               }),
               { datapoint: t, seriesIndex: n }
             )) + " ", 1),
-            k.value.includes(t.uid) ? (a(), u("span", cl, " ( - % ) ")) : (a(), u("span", il, " (" + b(isNaN(t.value / ke.value) ? "-" : c(K)({
+            k.value.includes(t.uid) ? (a(), u("span", vl, " ( - % ) ")) : (a(), u("span", cl, " (" + b(isNaN(t.value / ke.value) ? "-" : c(K)({
               v: t.value / ke.value * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
             })) + ") ", 1))
-          ], 12, nl)
+          ], 12, il)
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : d("", !0),
       T(l.$slots, "legend", { legend: pe.value }, void 0, !0),
-      U.value ? (a(), R(vt, {
+      U.value ? (a(), R(dt, {
         key: 7,
         hideDetails: "",
         config: {
@@ -811,7 +811,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         }
       }, {
         content: P(() => [
-          Le(rt, {
+          Le(nt, {
             colNames: O.value.colNames,
             head: O.value.head,
             body: O.value.body,
@@ -823,7 +823,7 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
               $e(b(t.name ?? t), 1)
             ]),
             td: P(({ td: t }) => [
-              t.value === null ? (a(), u("span", vl, "-")) : (a(), u("b", dl, b(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + b(!isNaN(t.value) && t.value !== null ? Number(t.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : t) + b(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
+              t.value === null ? (a(), u("span", dl, "-")) : (a(), u("b", hl, b(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + b(!isNaN(t.value) && t.value !== null ? Number(t.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : t) + b(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
               v("span", null, b(t.percentage && !isNaN(t.percentage) ? `(${Number(t.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
             ]),
             _: 1
@@ -831,9 +831,9 @@ const ht = ["id"], yt = ["xmlns", "viewBox"], ft = ["id"], gt = ["stop-color"],
         ]),
         _: 1
       }, 8, ["config"])) : d("", !0)
-    ], 14, ht));
+    ], 14, yt));
   }
-}, Ll = /* @__PURE__ */ dt(hl, [["__scopeId", "data-v-1c475578"]]);
+}, $l = /* @__PURE__ */ ht(yl, [["__scopeId", "data-v-29ce04eb"]]);
 export {
-  Ll as default
+  $l as default
 };