vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-donut-evolution-DzgYokPU.js → vue-ui-donut-evolution-XMEmv1DK.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as F, computed as b, ref as y, onMounted as xt, watch as Be, createElementBlock as n, openBlock as o, unref as r, normalizeStyle as Z, normalizeClass as P, createBlock as N, createCommentVNode as c, renderSlot as $, createSlots as kt, withCtx as C, normalizeProps as W, guardReactiveProps as j, createVNode as Ct, createElementVNode as _, Fragment as A, renderList as L, toDisplayString as p, createTextVNode as ve, nextTick as Y } from "vue";
-import { u as _t, o as wt, e as ee, g as St, c as Xe, t as $t, p as te, a as At, C as Ge, b as Lt, d as de, H as zt, D as We, m as he, X as It, s as q, E as Nt, i as ye, f as le, j as Pt, k as Dt, n as je, q as Ft, r as Ot, I as Ye, J as Et } from "./index-CH_mJIWj.js";
-import { u as qe } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Tt } from "./usePrinter-DJ7WfWUs.js";
+import { defineAsyncComponent as F, computed as b, ref as y, onMounted as xt, watch as Be, createElementBlock as n, openBlock as o, unref as r, normalizeStyle as Z, normalizeClass as P, createBlock as N, createCommentVNode as c, renderSlot as A, createSlots as kt, withCtx as _, normalizeProps as W, guardReactiveProps as j, createVNode as Ct, createElementVNode as w, Fragment as L, renderList as z, toDisplayString as p, createTextVNode as ve, nextTick as Y } from "vue";
+import { u as _t, o as wt, e as ee, g as St, c as Xe, t as $t, p as te, a as At, C as Ge, b as Lt, d as de, H as zt, D as We, m as he, X as It, s as q, E as Nt, i as ye, f as le, j as Pt, k as Dt, n as je, q as Ft, r as Ot, I as Ye, J as Et } from "./index-BXbyT0Qn.js";
+import { u as qe } from "./useNestedProp-DVZpeH84.js";
+import { u as Tt } from "./usePrinter-aKh5-HcK.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ht } from "./useChartAccessibility-9icAAmYg.js";
-import Rt from "./Legend-DRqzYrP9.js";
-import { S as Mt } from "./Slicer-o6jJH5bw.js";
-import Ut from "./Title-apr_T9tg.js";
+import Rt from "./Legend-DcDRW3Xd.js";
+import { S as Mt } from "./Slicer-CxdgZOQ7.js";
+import Ut from "./Title-DoWqzga-.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"], jt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Jt = ["id"], Kt = ["stop-color"], Qt = ["stop-color"], Zt = ["stop-color"], el = { key: 1 }, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], al = { key: 0 }, ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "font-size", "fill", "font-weight"], sl = {
   key: 3,
@@ -36,7 +36,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = F(() => import("./vue-ui-accordion-Ds4zkPIx.js")), et = F(() => import("./BaseDraggableDialog-DLRFrsDT.js")), tt = F(() => import("./DataTable-BBqbcutV.js")), lt = F(() => import("./PackageVersion-ClpqQxYT.js")), at = F(() => import("./PenAndPaper-B-T7XvxF.js")), ot = F(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ut = F(() => import("./UserOptions-OVNxxnq5.js")), nt = F(() => import("./vue-ui-donut-Hk4EaVhb.js")), { vue_ui_donut_evolution: st } = _t(), m = Je, J = b(() => !!m.dataset && m.dataset.length), d = y({
+    const Ze = F(() => import("./vue-ui-accordion-CXsjHe1y.js")), et = F(() => import("./BaseDraggableDialog-B3CZVeze.js")), tt = F(() => import("./DataTable-DBkfb6pd.js")), lt = F(() => import("./PackageVersion-C5fpg4GN.js")), at = F(() => import("./PenAndPaper-BRkuVFb4.js")), ot = F(() => import("./vue-ui-skeleton-Fxr752Oi.js")), ut = F(() => import("./UserOptions-B3q-xfQV.js")), nt = F(() => import("./vue-ui-donut-DS-DfHIm.js")), { vue_ui_donut_evolution: st } = _t(), m = Je, J = b(() => !!m.dataset && m.dataset.length), h = y({
       start: 0,
       end: Math.max(...m.dataset.map((t) => t.values.length))
     });
@@ -45,7 +45,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
     }
     const E = y(null);
     async function fe() {
-      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && E.value ? (e.value.style.chart.zoom.startIndex !== null && (await Y(), await Y(), E.value && E.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await Y(), await Y(), E.value && E.value.setEndValue(rt(e.value.style.chart.zoom.endIndex + 1)))) : (d.value = {
+      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && E.value ? (e.value.style.chart.zoom.startIndex !== null && (await Y(), await Y(), E.value && E.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await Y(), await Y(), E.value && E.value.setEndValue(rt(e.value.style.chart.zoom.endIndex + 1)))) : (h.value = {
         start: 0,
         end: O.value
       }, pe.value += 1);
@@ -139,47 +139,47 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
       uid: Xe()
     })))), X = b(() => D.value.filter((t) => !x.value.includes(t.uid)).map((t) => ({
       ...t,
-      values: t.values.filter((a, l) => l >= d.value.start && l <= d.value.end)
-    }))), O = b(() => Math.max(...X.value.map((t) => t.length))), w = b(() => v.value.width / (d.value.end - d.value.start)), k = b(() => {
+      values: t.values.filter((a, l) => l >= h.value.start && l <= h.value.end)
+    }))), O = b(() => Math.max(...X.value.map((t) => t.length))), S = b(() => v.value.width / (h.value.end - h.value.start)), k = b(() => {
       const t = [];
-      for (let u = 0; u < d.value.end - d.value.start; u += 1) {
-        const f = X.value.map((I) => I.values[u] ?? null), h = f.filter((I) => [void 0, null].includes(I)).length === f.length, z = f.reduce((I, S) => I + S, 0), ce = f.map((I) => I / z), U = i.value.left + w.value * u + w.value / 2;
+      for (let u = 0; u < h.value.end - h.value.start; u += 1) {
+        const f = X.value.map((I) => I.values[u] ?? null), d = f.filter((I) => [void 0, null].includes(I)).length === f.length, C = f.reduce((I, $) => I + $, 0), ce = f.map((I) => I / C), U = i.value.left + S.value * u + S.value / 2;
         t.push({
           index: u,
           percentages: ce,
-          subtotal: h || z < 0 ? null : z,
+          subtotal: d || C < 0 ? null : C,
           values: f,
           x: U
         });
       }
       const a = 0, l = Math.max(...t.map((u) => u.subtotal)), s = t.length === 1 ? l * 2 : l;
       return t.map((u, f) => {
-        const h = w.value / 2 * 0.7, z = h > v.value.width / 16 ? v.value.width / 16 : h, ce = g.value === u.index ? v.value.width / 16 : z, U = t.length > 4 ? h * 2 : h * 2 > w.value / 2 * 0.7 ? w.value / 2 * 0.7 : h * 2, I = v.value.absoluteHeight - i.value.bottom - v.value.height * u.subtotal / We(a, s, e.value.style.chart.layout.grid.yAxis.dataLabels.steps).max;
+        const d = S.value / 2 * 0.7, C = d > v.value.width / 16 ? v.value.width / 16 : d, ce = g.value === u.index ? v.value.width / 16 : C, U = t.length > 4 ? d * 2 : d * 2 > S.value / 2 * 0.7 ? S.value / 2 * 0.7 : d * 2, I = v.value.absoluteHeight - i.value.bottom - v.value.height * u.subtotal / We(a, s, e.value.style.chart.layout.grid.yAxis.dataLabels.steps).max;
         return {
           ...u,
           y: I,
-          radius: z,
+          radius: C,
           activeRadius: ce,
           hoverRadius: U,
           donut: he({
-            series: X.value.map((S, Ue) => ({
-              color: S.color,
-              name: S.name,
-              value: S.values[f] ?? 0
+            series: X.value.map(($, Ue) => ({
+              color: $.color,
+              name: $.name,
+              value: $.values[f] ?? 0
             }))
-          }, u.x, I, z, z, 1.99999, 2, 1, 360, 105.25, z / 2),
+          }, u.x, I, C, C, 1.99999, 2, 1, 360, 105.25, C / 2),
           donutHover: he({
-            series: X.value.map((S, Ue) => ({
-              color: S.color,
-              name: S.name,
-              value: S.values[f] ?? 0
+            series: X.value.map(($, Ue) => ({
+              color: $.color,
+              name: $.name,
+              value: $.values[f] ?? 0
             }))
           }, u.x, I, U, U, 1.99999, 2, 1, 360, 105.25, U / 2),
           donutFocus: he({
-            series: X.value.map((S, Ue) => ({
-              color: S.color,
-              name: S.name,
-              value: S.values[f] ?? 0
+            series: X.value.map(($, Ue) => ({
+              color: $.color,
+              name: $.name,
+              value: $.values[f] ?? 0
             }))
           }, v.value.centerX, v.value.centerY, v.value.height / 3.6, v.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, v.value.height / 6)
         };
@@ -227,7 +227,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
     }
     const Oe = b(() => D.value.map((t, a) => ({
       name: t.name,
-      value: t.values.slice(d.value.start, d.value.end).reduce((l, s) => l + s, 0),
+      value: t.values.slice(h.value.start, h.value.end).reduce((l, s) => l + s, 0),
       shape: "circle",
       uid: t.uid,
       color: t.color
@@ -260,10 +260,10 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
       }))).concat(["Σ"]);
       let a = [];
       for (let u = 0; u < O.value; u += 1) {
-        const f = D.value.filter((h) => !x.value.includes(h.uid)).map((h) => h.values[u] ?? 0).reduce((h, z) => h + z, 0);
-        a.push([e.value.style.chart.layout.grid.xAxis.dataLabels.values[u] ?? "-"].concat(D.value.filter((h) => !x.value.includes(h.uid)).map((h) => ({
-          value: h.values[u] ?? 0,
-          percentage: h.values[u] ? h.values[u] / f * 100 : 0
+        const f = D.value.filter((d) => !x.value.includes(d.uid)).map((d) => d.values[u] ?? 0).reduce((d, C) => d + C, 0);
+        a.push([e.value.style.chart.layout.grid.xAxis.dataLabels.values[u] ?? "-"].concat(D.value.filter((d) => !x.value.includes(d.uid)).map((d) => ({
+          value: d.values[u] ?? 0,
+          percentage: d.values[u] ? d.values[u] / f * 100 : 0
         }))).concat([`${e.value.style.chart.layout.dataLabels.prefix}${Number(f.toFixed(e.value.table.td.roundingValue))}${e.value.style.chart.layout.dataLabels.suffix}`]));
       }
       const l = {
@@ -286,10 +286,10 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
     function mt() {
       return D.value;
     }
-    function Te() {
+    function Te(t = null) {
       Y(() => {
-        const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [...R.value.head.map((f) => f.name ?? f)], l = [...R.value.body.map((f) => f.map((h) => h.value ?? h))], s = t.concat([a]).concat(l), u = Ft(s);
-        Ot({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
+        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...R.value.head.map((d) => d.name ?? d)], s = [...R.value.body.map((d) => d.map((C) => C.value ?? C))], u = a.concat([l]).concat(s), f = Ft(u);
+        t ? t(f) : Ot({ csvContent: f, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
       });
     }
     const M = y(!1);
@@ -400,50 +400,50 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
       }, kt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: C(({ isOpen: l, color: s }) => [
-            $(t.$slots, "menuIcon", W(j({ isOpen: l, color: s })), void 0, !0)
+          fn: _(({ isOpen: l, color: s }) => [
+            A(t.$slots, "menuIcon", W(j({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: C(() => [
-            $(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: _(() => [
+            A(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: C(() => [
-            $(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: _(() => [
+            A(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: C(() => [
-            $(t.$slots, "optionImg", {}, void 0, !0)
+          fn: _(() => [
+            A(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: C(() => [
-            $(t.$slots, "optionTable", {}, void 0, !0)
+          fn: _(() => [
+            A(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: l, isFullscreen: s }) => [
-            $(t.$slots, "optionFullscreen", W(j({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: _(({ toggleFullscreen: l, isFullscreen: s }) => [
+            A(t.$slots, "optionFullscreen", W(j({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: C(({ toggleAnnotator: l, isAnnotator: s }) => [
-            $(t.$slots, "optionAnnotator", W(j({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: _(({ toggleAnnotator: l, isAnnotator: s }) => [
+            A(t.$slots, "optionAnnotator", W(j({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -468,44 +468,44 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          $(t.$slots, "chart-background", {}, void 0, !0)
+          A(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Wt)) : c("", !0),
-        _("defs", null, [
-          _("linearGradient", {
+        w("defs", null, [
+          w("linearGradient", {
             id: `hover_${T.value}`,
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%"
           }, [
-            _("stop", {
+            w("stop", {
               offset: "0%",
               "stop-color": r(q)(e.value.style.chart.backgroundColor, e.value.style.chart.layout.highlighter.opacity)
             }, null, 8, Yt),
-            _("stop", {
+            w("stop", {
               offset: "100%",
               "stop-color": r(q)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity)
             }, null, 8, qt)
           ], 8, jt),
-          _("radialGradient", {
+          w("radialGradient", {
             id: `focus_${T.value}`
           }, [
-            _("stop", {
+            w("stop", {
               offset: "0%",
               "stop-color": r(q)(r(de)(e.value.style.chart.backgroundColor), 0)
             }, null, 8, Kt),
-            _("stop", {
+            w("stop", {
               offset: "77%",
               "stop-color": r(q)("#FFFFFF", 30)
             }, null, 8, Qt),
-            _("stop", {
+            w("stop", {
               offset: "100%",
               "stop-color": r(q)(r(de)(e.value.style.chart.backgroundColor), 0)
             }, null, 8, Zt)
           ], 8, Jt)
         ]),
         e.value.style.chart.layout.grid.show ? (o(), n("g", el, [
-          _("line", {
+          w("line", {
             x1: i.value.left,
             x2: i.value.left,
             y1: i.value.top,
@@ -514,7 +514,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             "stroke-width": e.value.style.chart.layout.grid.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, tl),
-          _("line", {
+          w("line", {
             x1: i.value.left,
             x2: v.value.absoluteWidth - i.value.right,
             y1: v.value.absoluteHeight - i.value.bottom,
@@ -524,9 +524,9 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             "stroke-linecap": "round"
           }, null, 8, ll),
           e.value.style.chart.layout.grid.showVerticalLines ? (o(), n("g", al, [
-            (o(!0), n(A, null, L(d.value.end - d.value.start, (l, s) => (o(), n("line", {
-              x1: i.value.left + (s + 1) * w.value,
-              x2: i.value.left + (s + 1) * w.value,
+            (o(!0), n(L, null, z(h.value.end - h.value.start, (l, s) => (o(), n("line", {
+              x1: i.value.left + (s + 1) * S.value,
+              x2: i.value.left + (s + 1) * S.value,
               y1: i.value.top,
               y2: v.value.absoluteHeight - i.value.bottom,
               stroke: e.value.style.chart.layout.grid.stroke,
@@ -539,7 +539,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
           key: 2,
           class: P({ "donut-opacity": !0, "donut-behind": g.value !== null })
         }, [
-          (o(!0), n(A, null, L(ht.value, (l, s) => (o(), n("g", null, [
+          (o(!0), n(L, null, z(ht.value, (l, s) => (o(), n("g", null, [
             l.value >= H.value.min && l.value <= H.value.max ? (o(), n("line", {
               key: 0,
               x1: i.value.left,
@@ -571,17 +571,17 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
           ]))), 256))
         ], 2)) : c("", !0),
         e.value.style.chart.layout.grid.xAxis.dataLabels.show ? (o(), n("g", sl, [
-          (o(!0), n(A, null, L(d.value.end - d.value.start, (l, s) => (o(), n("g", null, [
+          (o(!0), n(L, null, z(h.value.end - h.value.start, (l, s) => (o(), n("g", null, [
             e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (s === 0 || s === O.value - 1) || !e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast ? (o(), n("text", {
               key: 0,
               "text-anchor": e.value.style.chart.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.chart.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
               "font-size": e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
               fill: e.value.style.chart.layout.grid.xAxis.dataLabels.color,
-              transform: `translate(${i.value.left + w.value * s + w.value / 2}, ${e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY + v.value.absoluteHeight - i.value.bottom + e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 2}), rotate(${e.value.style.chart.layout.grid.xAxis.dataLabels.rotation})`
-            }, p(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(s) + Number(d.value.start)] ?? ""), 9, rl)) : c("", !0)
+              transform: `translate(${i.value.left + S.value * s + S.value / 2}, ${e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY + v.value.absoluteHeight - i.value.bottom + e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 2}), rotate(${e.value.style.chart.layout.grid.xAxis.dataLabels.rotation})`
+            }, p(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(s) + Number(h.value.start)] ?? ""), 9, rl)) : c("", !0)
           ]))), 256))
         ])) : c("", !0),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("g", null, [
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("g", null, [
           e.value.style.chart.layout.line.show && s < k.value.length - 1 && ![l.subtotal, k.value[s + 1].subtotal].includes(null) ? (o(), n("line", {
             key: 0,
             class: P({ "donut-opacity": !0, "donut-behind": g.value !== null }),
@@ -604,12 +604,12 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             }, null, 8, vl)) : c("", !0)
           ])) : c("", !0)
         ]))), 256)),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("g", {
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("g", {
           class: P({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
         }, [
           l.subtotal ? (o(), n("g", dl, [
             g.value !== null && g.value === s ? (o(), n("g", hl, [
-              (o(!0), n(A, null, L(l.donutHover, (u) => (o(), n("g", null, [
+              (o(!0), n(L, null, z(l.donutHover, (u) => (o(), n("g", null, [
                 He(u) ? (o(), n("path", {
                   key: 0,
                   d: r(Pt)(u, { x: u.center.endX, y: u.center.endY }, 12, 12, { x: l.x, y: l.y }, !1, 20),
@@ -620,7 +620,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
                   fill: "none"
                 }, null, 8, yl)) : c("", !0)
               ]))), 256)),
-              (o(!0), n(A, null, L(l.donutHover, (u, f) => (o(), n("g", null, [
+              (o(!0), n(L, null, z(l.donutHover, (u, f) => (o(), n("g", null, [
                 He(u) ? (o(), n("text", {
                   key: 0,
                   "data-cy-hover-label": "",
@@ -632,8 +632,8 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
                   "font-weight": "bold"
                 }, p(u.name) + ": " + p(yt(u, l.donut)) + " (" + p(u.value === null ? "-" : Pe(u.value, u, f)) + ") ", 9, gl)) : c("", !0)
               ]))), 256)),
-              _("g", null, [
-                _("circle", {
+              w("g", null, [
+                w("circle", {
                   cx: l.x,
                   cy: l.y,
                   r: l.hoverRadius,
@@ -643,7 +643,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             ])) : c("", !0)
           ])) : c("", !0)
         ], 2))), 256)),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("g", {
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("g", {
           class: P({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null })
         }, [
           l.subtotal !== null ? (o(), n("g", ml, [
@@ -654,14 +654,14 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
               r: 3,
               fill: e.value.style.chart.color
             }, null, 8, bl)) : g.value !== null && g.value === s ? (o(), n("g", pl, [
-              (o(!0), n(A, null, L(l.donutHover, (u, f) => (o(), n("path", {
+              (o(!0), n(L, null, z(l.donutHover, (u, f) => (o(), n("path", {
                 d: u.arcSlice,
                 fill: `${u.color}`,
                 "stroke-width": 1,
                 stroke: e.value.style.chart.backgroundColor
               }, null, 8, xl))), 256))
             ])) : (o(), n("g", kl, [
-              (o(!0), n(A, null, L(l.donut, (u, f) => (o(), n("path", {
+              (o(!0), n(L, null, z(l.donut, (u, f) => (o(), n("path", {
                 d: u.arcSlice,
                 fill: `${u.color}`,
                 "stroke-width": 0.5,
@@ -670,7 +670,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             ]))
           ])) : c("", !0)
         ], 2))), 256)),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("g", {
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("g", {
           class: P({ "donut-opacity": !0, "donut-behind": s !== g.value && g.value !== null || ae.value && s !== V.value.index })
         }, [
           l.subtotal !== null && e.value.style.chart.layout.dataLabels.show ? (o(), n("text", {
@@ -683,10 +683,10 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             fill: e.value.style.chart.layout.dataLabels.color
           }, p(Pe(l.subtotal, l, s)), 9, _l)) : c("", !0)
         ], 2))), 256)),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("rect", {
-          x: i.value.left + s * w.value,
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("rect", {
+          x: i.value.left + s * S.value,
           y: i.value.top,
-          width: w.value,
+          width: S.value,
           height: v.value.height,
           fill: [g.value, G.value].includes(l.index) ? `url(#hover_${T.value})` : "transparent",
           class: P({ "donut-hover": l.subtotal && [g.value, G.value].includes(l.index) }),
@@ -694,11 +694,11 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, null, 10, wl))), 256)),
-        (o(!0), n(A, null, L(k.value, (l, s) => (o(), n("rect", {
+        (o(!0), n(L, null, z(k.value, (l, s) => (o(), n("rect", {
           "data-cy-trap": "",
-          x: i.value.left + s * w.value,
+          x: i.value.left + s * S.value,
           y: i.value.top,
-          width: w.value,
+          width: S.value,
           height: v.value.height,
           fill: "transparent",
           onMouseenter: (u) => gt(l),
@@ -706,10 +706,10 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
           onClick: (u) => Fe(l, s),
           class: P({ "donut-hover": g.value === l.index && l.subtotal })
         }, null, 42, Sl))), 256)),
-        $(t.$slots, "svg", { svg: v.value }, void 0, !0)
+        A(t.$slots, "svg", { svg: v.value }, void 0, !0)
       ], 14, Gt)) : c("", !0),
       t.$slots.watermark ? (o(), n("div", $l, [
-        $(t.$slots, "watermark", W(j({ isPrinting: r(Le) || r(ze) })), void 0, !0)
+        A(t.$slots, "watermark", W(j({ isPrinting: r(Le) || r(ze) })), void 0, !0)
       ])) : c("", !0),
       J.value ? c("", !0) : (o(), N(r(ot), {
         key: 6,
@@ -736,27 +736,27 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
         borderColor: e.value.style.chart.backgroundColor,
         fontSize: e.value.style.chart.zoom.fontSize,
         useResetSlot: e.value.style.chart.zoom.useResetSlot,
-        labelLeft: e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(d.value.start)] || "",
-        labelRight: e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(d.value.end) - 1] || "",
+        labelLeft: e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(h.value.start)] || "",
+        labelRight: e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(h.value.end) - 1] || "",
         textColor: e.value.style.chart.color,
         inputColor: e.value.style.chart.zoom.color,
         selectColor: e.value.style.chart.zoom.highlightColor,
         max: O.value,
         min: 0,
-        valueStart: d.value.start,
-        valueEnd: d.value.end,
-        start: d.value.start,
-        "onUpdate:start": a[0] || (a[0] = (l) => d.value.start = l),
-        end: d.value.end,
-        "onUpdate:end": a[1] || (a[1] = (l) => d.value.end = l),
+        valueStart: h.value.start,
+        valueEnd: h.value.end,
+        start: h.value.start,
+        "onUpdate:start": a[0] || (a[0] = (l) => h.value.start = l),
+        end: h.value.end,
+        "onUpdate:end": a[1] || (a[1] = (l) => h.value.end = l),
         refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
         refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : O.value,
         enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
         enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
         onReset: ge
       }, {
-        "reset-action": C(({ reset: l }) => [
-          $(t.$slots, "reset-action", W(j({ reset: l })), void 0, !0)
+        "reset-action": _(({ reset: l }) => [
+          A(t.$slots, "reset-action", W(j({ reset: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : c("", !0),
@@ -766,8 +766,8 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
         config: ft.value,
         onClickMarker: a[2] || (a[2] = ({ legend: l }) => se(l.uid))
       }, {
-        item: C(({ legend: l, index: s }) => [
-          _("div", {
+        item: _(({ legend: l, index: s }) => [
+          w("div", {
             onClick: (u) => se(l.uid),
             style: Z(`opacity:${x.value.includes(l.uid) ? 0.5 : 1}`)
           }, [
@@ -791,9 +791,9 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : c("", !0),
-      $(t.$slots, "legend", { legend: Oe.value }, void 0, !0),
+      A(t.$slots, "legend", { legend: Oe.value }, void 0, !0),
       t.$slots.source ? (o(), n("div", Il, [
-        $(t.$slots, "source", {}, void 0, !0)
+        A(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       J.value ? (o(), N(r(Ze), {
         key: 10,
@@ -811,7 +811,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: C(() => [
+        content: _(() => [
           (o(), N(r(tt), {
             key: `table_${ke.value}`,
             colNames: R.value.colNames,
@@ -821,12 +821,12 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: a[3] || (a[3] = (l) => B.value.showTable = !1)
           }, {
-            th: C(({ th: l }) => [
+            th: _(({ th: l }) => [
               ve(p(l.name ?? l), 1)
             ]),
-            td: C(({ td: l }) => [
+            td: _(({ td: l }) => [
               l.value === null ? (o(), n("span", Nl, "-")) : (o(), n("b", Pl, p(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + p(!isNaN(l.value) && l.value !== null ? Number(l.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : l) + p(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
-              _("span", null, p(l.percentage && !isNaN(l.percentage) ? `(${Number(l.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
+              w("span", null, p(l.percentage && !isNaN(l.percentage) ? `(${Number(l.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -847,10 +847,10 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
         isFullscreen: M.value,
         fullscreenParent: oe.value
       }, {
-        title: C(() => [
-          ve(p(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(V.value.index) + Number(d.value.start)]), 1)
+        title: _(() => [
+          ve(p(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(V.value.index) + Number(h.value.start)]), 1)
         ]),
-        default: C(() => [
+        default: _(() => [
           V.value ? (o(), N(r(nt), {
             key: 0,
             config: Me.value,
@@ -861,7 +861,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
     ], 46, Xt));
   }
-}, Xl = /* @__PURE__ */ Bt(Dl, [["__scopeId", "data-v-858660ff"]]);
+}, Xl = /* @__PURE__ */ Bt(Dl, [["__scopeId", "data-v-8140cd84"]]);
 export {
   Xl as default
 };