vue-data-ui 2.7.2 → 2.7.3

package/dist/{vue-ui-donut-evolution-DhFABvEv.js → vue-ui-donut-evolution-DbzqkGBx.js}

@@ -1,15 +1,15 @@
-import { computed as x, ref as b, onMounted as vt, watch as Ue, createElementBlock as o, openBlock as a, unref as c, normalizeStyle as Z, normalizeClass as P, createBlock as D, createCommentVNode as v, renderSlot as S, createSlots as dt, withCtx as A, normalizeProps as B, guardReactiveProps as G, createVNode as ht, createElementVNode as y, Fragment as k, renderList as _, toDisplayString as m, withKeys as yt, createTextVNode as We, nextTick as j } from "vue";
-import { u as ft, o as gt, e as Q, g as bt, c as Xe, t as mt, p as ee, a as pt, C as Be, b as xt, d as ve, J as kt, D as Ge, m as de, X as _t, s as Y, E as Ct, i as he, f as te, j as je, k as Ye, n as le, q as wt, r as zt, K as Ke } from "./index-gC66Se26.js";
-import { _ as Lt } from "./Title-Co3F59jq.js";
-import { u as St, U as At } from "./usePrinter-KMFl0n0s.js";
-import { D as $t } from "./DataTable-C_28ZqiP.js";
-import { L as It } from "./Legend-CmKaL7xe.js";
-import Nt from "./vue-ui-skeleton-7Zfds6H1.js";
-import { S as Ft } from "./Slicer-C49MotZz.js";
-import Pt from "./vue-ui-accordion-j2beIma_.js";
-import { u as qe } from "./useNestedProp-BusTOV-6.js";
-import { _ as Ot } from "./PackageVersion-39l3KkzC.js";
-import { P as Dt } from "./PenAndPaper-CmcfpltX.js";
+import { computed as x, ref as b, onMounted as vt, watch as Ue, createElementBlock as o, openBlock as a, unref as c, normalizeStyle as Z, normalizeClass as O, createBlock as D, createCommentVNode as v, renderSlot as S, createSlots as dt, withCtx as $, normalizeProps as B, guardReactiveProps as G, createVNode as ht, createElementVNode as y, Fragment as k, renderList as _, toDisplayString as m, withKeys as yt, createTextVNode as We, nextTick as j } from "vue";
+import { u as ft, o as gt, e as Q, g as bt, c as Xe, t as mt, p as ee, a as pt, C as Be, b as xt, d as ve, J as kt, D as Ge, m as de, X as _t, s as Y, E as Ct, i as he, f as te, j as je, k as Ye, n as le, q as wt, r as zt, K as Ke } from "./index-B_dU_4T8.js";
+import { _ as Lt } from "./Title-ND4kMErl.js";
+import { u as St, U as $t } from "./usePrinter-CLObTJ4a.js";
+import { D as At } from "./DataTable-BFNGlApm.js";
+import { L as It } from "./Legend-B4eIw732.js";
+import Nt from "./vue-ui-skeleton-CTZKsfWs.js";
+import { S as Ft } from "./Slicer-BtX8p8CI.js";
+import Ot from "./vue-ui-accordion-C5dj9Voo.js";
+import { u as qe } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as Pt } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as Dt } from "./PenAndPaper--_AE7XzJ.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -17,7 +17,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
   key: 4,
   "data-cy-zoom": "",
   class: "vue-ui-donut-evolution-dialog"
-}, kl = ["x", "y", "width", "height", "fill"], _l = ["x1", "y1", "x2", "y2", "stroke"], Cl = ["x1", "y2", "x2", "y1", "stroke"], wl = ["cx", "cy", "r"], zl = ["d", "stroke"], Ll = ["cx", "cy", "r", "fill"], Sl = ["d", "fill", "stroke"], Al = { class: "vue-ui-donut-evolution-focus" }, $l = ["text-anchor", "x", "y", "fill"], Il = ["cx", "cy", "r", "fill"], Nl = ["cx", "cy", "r", "fill"], Fl = ["x", "y", "fill"], Pl = ["x", "y", "font-size", "fill"], Ol = {
+}, kl = ["x", "y", "width", "height", "fill"], _l = ["x1", "y1", "x2", "y2", "stroke"], Cl = ["x1", "y2", "x2", "y1", "stroke"], wl = ["cx", "cy", "r"], zl = ["d", "stroke"], Ll = ["cx", "cy", "r", "fill"], Sl = ["d", "fill", "stroke"], $l = { class: "vue-ui-donut-evolution-focus" }, Al = ["text-anchor", "x", "y", "fill"], Il = ["cx", "cy", "r", "fill"], Nl = ["cx", "cy", "r", "fill"], Fl = ["x", "y", "fill"], Ol = ["x", "y", "font-size", "fill"], Pl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Dl = ["onClick"], El = { key: 0 }, Tl = { key: 1 }, Vl = {
@@ -81,7 +81,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         });
       }), fe();
     }
-    const E = b(Xe()), C = b([]), g = b(null), ae = b(null), $ = b(!1), I = b(null), be = b(null), lt = b(null), me = b(0), pe = b(0), xe = b(0), ke = b(0), _e = b(0), Ce = Qe, e = x({
+    const E = b(Xe()), C = b([]), g = b(null), ae = b(null), A = b(!1), I = b(null), be = b(null), lt = b(null), me = b(0), pe = b(0), xe = b(0), ke = b(0), _e = b(0), Ce = Qe, e = x({
       get: () => Se(),
       set: (l) => l
     }), { userOptionsVisible: oe, setUserOptionsVisibility: we, keepUserOptionState: ze } = Et({ config: e.value }), { svgRef: Le } = Tt({ config: e.value.style.chart.title });
@@ -104,7 +104,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
     }, { deep: !0 }), Ue(() => p.dataset, (l) => {
       ye();
     }, { deep: !0 });
-    const { isPrinting: Ae, isImaging: $e, generatePdf: Ie, generateImage: Ne } = St({
+    const { isPrinting: $e, isImaging: Ae, generatePdf: Ie, generateImage: Ne } = St({
       elementId: E.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
       options: e.value.userOptions.print
@@ -125,7 +125,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         height: t,
         width: r
       };
-    }), O = x(() => (p.dataset.forEach((l, u) => {
+    }), P = x(() => (p.dataset.forEach((l, u) => {
       [null, void 0].includes(l.name) && Q({
         componentName: "VueUiDonutEvolution",
         type: "datasetSerieAttribute",
@@ -143,7 +143,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       color: ve(l.color) || ot.value[u] || ee[u] || ee[u % ee.length],
       length: (l.values || []).length,
       uid: Xe()
-    })))), W = x(() => O.value.filter((l) => !C.value.includes(l.uid)).map((l) => ({
+    })))), W = x(() => P.value.filter((l) => !C.value.includes(l.uid)).map((l) => ({
       ...l,
       values: l.values.filter((u, t) => t >= d.value.start && t <= d.value.end)
     }))), T = x(() => Math.max(...W.value.map((l) => l.length))), z = x(() => i.value.width / (d.value.end - d.value.start)), w = x(() => {
@@ -221,20 +221,20 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
     function Fe(l, u) {
       return isNaN(l.value / Ke(u, "value")) ? 0 : (l.value / Ke(u, "value") * 100).toFixed(0) + "%";
     }
-    function Pe() {
-      $.value || (g.value = null, ae.value = null);
+    function Oe() {
+      A.value || (g.value = null, ae.value = null);
     }
     function nt(l) {
-      $.value || (g.value = l.index, ae.value = l);
+      A.value || (g.value = l.index, ae.value = l);
     }
     const se = b(null);
     function ne(l, u) {
-      l.subtotal && (ae.value = null, g.value = null, $.value = !0, I.value = l, [null, void 0].includes(u) || (se.value = u));
+      l.subtotal && (ae.value = null, g.value = null, A.value = !0, I.value = l, [null, void 0].includes(u) || (se.value = u));
     }
-    function Oe() {
-      I.value = null, $.value = !1, se.value = null;
+    function Pe() {
+      I.value = null, A.value = !1, se.value = null;
     }
-    const De = x(() => O.value.map((l, u) => ({
+    const De = x(() => P.value.map((l, u) => ({
       name: l.name,
       value: l.values.slice(d.value.start, d.value.end).reduce((t, r) => t + r, 0),
       shape: "circle",
@@ -257,20 +257,20 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       if (C.value.includes(l))
         C.value = C.value.filter((u) => u !== l), Ce("selectLegend", null);
       else {
-        if (C.value.length === O.value.length - 1) return;
-        C.value.push(l), Ce("selectLegend", O.value.find((u) => u.uid === l));
+        if (C.value.length === P.value.length - 1) return;
+        C.value.push(l), Ce("selectLegend", P.value.find((u) => u.uid === l));
       }
       I.value && ne(w.value.find((u, t) => t === se.value));
     }
     const R = x(() => {
-      const l = [""].concat(O.value.filter((s) => !C.value.includes(s.uid)).map((s) => ({
+      const l = [""].concat(P.value.filter((s) => !C.value.includes(s.uid)).map((s) => ({
         name: s.name,
         color: s.color
       }))).concat(["Σ"]);
       let u = [];
       for (let s = 0; s < T.value; s += 1) {
-        const f = O.value.filter((h) => !C.value.includes(h.uid)).map((h) => h.values[s] ?? 0).reduce((h, N) => h + N, 0);
-        u.push([e.value.style.chart.layout.grid.xAxis.dataLabels.values[s] ?? "-"].concat(O.value.filter((h) => !C.value.includes(h.uid)).map((h) => ({
+        const f = P.value.filter((h) => !C.value.includes(h.uid)).map((h) => h.values[s] ?? 0).reduce((h, N) => h + N, 0);
+        u.push([e.value.style.chart.layout.grid.xAxis.dataLabels.values[s] ?? "-"].concat(P.value.filter((h) => !C.value.includes(h.uid)).map((h) => ({
           value: h.values[s] ?? 0,
           percentage: h.values[s] ? h.values[s] / 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}`]));
@@ -289,11 +289,11 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         breakpoint: e.value.table.responsiveBreakpoint
       }, r = [
         e.value.table.columnNames.period
-      ].concat(O.value.filter((s) => !C.value.includes(s.uid)).map((s) => s.name)).concat(e.value.table.columnNames.total);
+      ].concat(P.value.filter((s) => !C.value.includes(s.uid)).map((s) => s.name)).concat(e.value.table.columnNames.total);
       return { head: l, body: u, config: t, colNames: r };
     });
     function it() {
-      return O.value;
+      return P.value;
     }
     function Te() {
       j(() => {
@@ -328,7 +328,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
     }), (l, u) => (a(), o("div", {
       ref_key: "donutEvolutionChart",
       ref: be,
-      class: P(`vue-ui-donut-evolution ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: O(`vue-ui-donut-evolution ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: E.value,
       onMouseenter: u[4] || (u[4] = () => c(we)(!0)),
@@ -352,7 +352,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       e.value.style.chart.title.text ? (a(), o("div", {
         key: 2,
         style: "width:100%;background:transparent;padding-bottom:24px",
-        onMouseleave: Pe
+        onMouseleave: Oe
       }, [
         (a(), D(Lt, {
           key: `title_${xe.value}`,
@@ -368,13 +368,13 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 32)) : v("", !0),
-      e.value.userOptions.show && K.value && (c(ze) || c(oe)) ? (a(), D(At, {
+      e.value.userOptions.show && K.value && (c(ze) || c(oe)) ? (a(), D($t, {
         ref: "details",
         key: `user_options_${me.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Ae),
-        isImaging: c($e),
+        isPrinting: c($e),
+        isImaging: c(Ae),
         uid: E.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -399,49 +399,49 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       }, dt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: A(({ isOpen: t, color: r }) => [
+          fn: $(({ isOpen: t, color: r }) => [
             S(l.$slots, "menuIcon", B(G({ isOpen: t, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: A(() => [
+          fn: $(() => [
             S(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: A(() => [
+          fn: $(() => [
             S(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: A(() => [
+          fn: $(() => [
             S(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: A(() => [
+          fn: $(() => [
             S(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ toggleFullscreen: t, isFullscreen: r }) => [
+          fn: $(({ toggleFullscreen: t, isFullscreen: r }) => [
             S(l.$slots, "optionFullscreen", B(G({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: A(({ toggleAnnotator: t, isAnnotator: r }) => [
+          fn: $(({ toggleAnnotator: t, isAnnotator: r }) => [
             S(l.$slots, "optionAnnotator", B(G({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
           key: "6"
@@ -452,11 +452,11 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         ref_key: "svgRef",
         ref: Le,
         xmlns: c(_t),
-        class: P({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
+        class: O({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
         viewBox: `0 0 ${i.value.absoluteWidth} ${i.value.absoluteHeight}`,
         style: Z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ht(Ot),
+        ht(Pt),
         l.$slots["chart-background"] ? (a(), o("foreignObject", {
           key: 0,
           x: n.value.left,
@@ -536,7 +536,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         ])) : v("", !0),
         e.value.style.chart.layout.grid.yAxis.dataLabels.show ? (a(), o("g", {
           key: 2,
-          class: P({ "donut-opacity": !0, "donut-behind": g.value !== null || $.value })
+          class: O({ "donut-opacity": !0, "donut-behind": g.value !== null || A.value })
         }, [
           (a(!0), o(k, null, _(st.value, (t, r) => (a(), o("g", null, [
             t.value >= H.value.min && t.value <= H.value.max ? (a(), o("line", {
@@ -571,7 +571,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         ], 2)) : v("", !0),
         e.value.style.chart.layout.grid.xAxis.dataLabels.show ? (a(), o("g", {
           key: 3,
-          class: P({ "donut-opacity": !0, "donut-behind": $.value })
+          class: O({ "donut-opacity": !0, "donut-behind": A.value })
         }, [
           (a(!0), o(k, null, _(d.value.end - d.value.start, (t, r) => (a(), o("g", null, [
             e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (r === 0 || r === T.value - 1) || !e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast ? (a(), o("text", {
@@ -586,7 +586,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         (a(!0), o(k, null, _(w.value, (t, r) => (a(), o("g", null, [
           e.value.style.chart.layout.line.show && r < w.value.length - 1 && ![t.subtotal, w.value[r + 1].subtotal].includes(null) ? (a(), o("line", {
             key: 0,
-            class: P({ "donut-opacity": !0, "donut-behind": g.value !== null || $.value }),
+            class: O({ "donut-opacity": !0, "donut-behind": g.value !== null || A.value }),
             x1: t.x,
             y1: t.y,
             x2: w.value[r + 1].x,
@@ -607,7 +607,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           ])) : v("", !0)
         ]))), 256)),
         (a(!0), o(k, null, _(w.value, (t, r) => (a(), o("g", {
-          class: P({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || $.value })
+          class: O({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || A.value })
         }, [
           t.subtotal ? (a(), o("g", sl, [
             g.value !== null && g.value === r ? (a(), o("g", nl, [
@@ -646,7 +646,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           ])) : v("", !0)
         ], 2))), 256)),
         (a(!0), o(k, null, _(w.value, (t, r) => (a(), o("g", {
-          class: P({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || $.value })
+          class: O({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || A.value })
         }, [
           t.subtotal !== null ? (a(), o("g", vl, [
             t.subtotal === 0 ? (a(), o("circle", {
@@ -673,7 +673,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           ])) : v("", !0)
         ], 2))), 256)),
         (a(!0), o(k, null, _(w.value, (t, r) => (a(), o("g", {
-          class: P({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || $.value })
+          class: O({ "donut-opacity": !0, "donut-behind": r !== g.value && g.value !== null || A.value })
         }, [
           t.subtotal !== null && e.value.style.chart.layout.dataLabels.show ? (a(), o("text", {
             key: 0,
@@ -692,7 +692,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           height: 10,
           fill: g.value === t.index ? `url(#hover_${E.value})` : "transparent",
           onClick: (s) => ne(t, r),
-          class: P({ "donut-hover": g.value === t.index && t.subtotal })
+          class: O({ "donut-hover": g.value === t.index && t.subtotal })
         }, null, 10, ml))), 256)),
         (a(!0), o(k, null, _(w.value, (t, r) => (a(), o("rect", {
           "data-cy-trap": "",
@@ -702,11 +702,11 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           height: i.value.height,
           fill: "transparent",
           onMouseenter: (s) => nt(t),
-          onMouseleave: Pe,
+          onMouseleave: Oe,
           onClick: (s) => ne(t, r),
-          class: P({ "donut-hover": g.value === t.index && t.subtotal })
+          class: O({ "donut-hover": g.value === t.index && t.subtotal })
         }, null, 42, pl))), 256)),
-        $.value ? (a(), o("g", xl, [
+        A.value ? (a(), o("g", xl, [
           y("rect", {
             rx: 4,
             x: n.value.left,
@@ -738,8 +738,8 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           }, null, 8, Cl),
           y("circle", {
             "data-cy-close": "",
-            onClick: Oe,
-            onKeypress: yt(Oe, ["enter"]),
+            onClick: Pe,
+            onKeypress: yt(Pe, ["enter"]),
             cx: i.value.absoluteWidth - n.value.right - i.value.width / 40,
             cy: n.value.top + i.value.height / 30,
             r: i.value.height / 12,
@@ -773,7 +773,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.backgroundColor,
             class: "vue-ui-donut-evolution-focus"
           }, null, 8, Sl))), 256)),
-          (a(!0), o(k, null, _(I.value.donutFocus, (t, r) => (a(), o("g", Al, [
+          (a(!0), o(k, null, _(I.value.donutFocus, (t, r) => (a(), o("g", $l, [
             Re(t) ? (a(), o("text", {
               key: 0,
               "text-anchor": c(le)(t, !0, 20).anchor,
@@ -782,7 +782,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
               fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
               "font-size": 10,
               "font-weight": "bold"
-            }, m(t.name) + ": " + m(Fe(t, I.value.donutFocus)) + " (" + m(t.value === null ? "-" : q(t.value, t, r)) + ") ", 9, $l)) : v("", !0)
+            }, m(t.name) + ": " + m(Fe(t, I.value.donutFocus)) + " (" + m(t.value === null ? "-" : q(t.value, t, r)) + ") ", 9, Al)) : v("", !0)
           ]))), 256)),
           y("circle", {
             cx: n.value.left + i.value.width / 2,
@@ -811,12 +811,12 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
             y: n.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
-          }, m(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(I.value.index) + Number(d.value.start)]), 9, Pl)) : v("", !0)
+          }, m(e.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(I.value.index) + Number(d.value.start)]), 9, Ol)) : v("", !0)
         ])) : v("", !0),
         S(l.$slots, "svg", { svg: i.value }, void 0, !0)
       ], 14, Rt)) : v("", !0),
-      l.$slots.watermark ? (a(), o("div", Ol, [
-        S(l.$slots, "watermark", B(G({ isPrinting: c(Ae) || c($e) })), void 0, !0)
+      l.$slots.watermark ? (a(), o("div", Pl, [
+        S(l.$slots, "watermark", B(G({ isPrinting: c($e) || c(Ae) })), void 0, !0)
       ])) : v("", !0),
       K.value ? v("", !0) : (a(), D(Nt, {
         key: 6,
@@ -862,7 +862,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
         onReset: ye
       }, {
-        "reset-action": A(({ reset: t }) => [
+        "reset-action": $(({ reset: t }) => [
           S(l.$slots, "reset-action", B(G({ reset: t })), void 0, !0)
         ]),
         _: 3
@@ -873,7 +873,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         config: rt.value,
         onClickMarker: u[2] || (u[2] = ({ legend: t }) => re(t.uid))
       }, {
-        item: A(({ legend: t, index: r }) => [
+        item: $(({ legend: t, index: r }) => [
           y("div", {
             onClick: (s) => re(t.uid),
             style: Z(`opacity:${C.value.includes(t.uid) ? 0.5 : 1}`)
@@ -902,7 +902,7 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       l.$slots.source ? (a(), o("div", Vl, [
         S(l.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      K.value ? (a(), D(Pt, {
+      K.value ? (a(), D(Ot, {
         key: 10,
         hideDetails: "",
         config: {
@@ -918,8 +918,8 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: A(() => [
-          (a(), D($t, {
+        content: $(() => [
+          (a(), D(At, {
             key: `table_${ke.value}`,
             colNames: R.value.colNames,
             head: R.value.head,
@@ -928,10 +928,10 @@ const Ht = ["id"], Rt = ["xmlns", "viewBox"], Mt = ["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: u[3] || (u[3] = (t) => U.value.showTable = !1)
           }, {
-            th: A(({ th: t }) => [
+            th: $(({ th: t }) => [
               We(m(t.name ?? t), 1)
             ]),
-            td: A(({ td: t }) => [
+            td: $(({ td: t }) => [
               t.value === null ? (a(), o("span", Hl, "-")) : (a(), o("b", Rl, m(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + m(!isNaN(t.value) && t.value !== null ? Number(t.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : t) + m(isNaN(t.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
               y("span", null, m(t.percentage && !isNaN(t.percentage) ? `(${Number(t.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
             ]),