vue-data-ui 3.7.11 → 3.7.13

package/dist/{vue-ui-stackline-U099Cb9P.js → vue-ui-stackline-DPTr6LCe.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ue, createCommentVNode as w, renderSlot as _, createElementVNode as ce, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as me, Teleport as jl, resolveDynamicComponent as Jl, createTextVNode as Na } from "vue";
+import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Jl, createTextVNode as Na } from "vue";
 import { c as Fa, t as Zl, i as Kl, p as ot, j as Ql, o as _a, g as Da, k as eo, l as to, am as We, G as st, F as rt, K as ao, z as pe, B as be, H as lo, x as oo, R as so, a as Xe, d as ke, I as qe, X as ro, n as no, s as io, M as za, u as uo, q as co, b as ho, e as Ge } from "./lib-DUaaQGCv.js";
 import { t as Ea, u as vo } from "./useResponsive-DfdjqQps.js";
 import { u as mo, a as _t } from "./useNestedProp-BjZ1Lg9E.js";
@@ -58,21 +58,21 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(nt, { expose: Ua, emit: Wa }) {
-    const Xa = ye(() => import("./Tooltip-De7i-i20.js")), qa = ye(() => import("./BaseIcon-Dl4VBlHV.js")), Ga = ye(() => import("./vue-ui-accordion-BXTVRRX7.js")), ja = ye(() => import("./DataTable-Ho3Bf5oq.js")), Ja = ye(() => import("./PenAndPaper-kymjF6_b.js")), Za = ye(() => import("./UserOptions-DgscxIaa.js")), Ka = ye(() => import("./PackageVersion-Dpr5vAal.js")), Qa = ye(() => import("./BaseDraggableDialog-BDY-Jn9S.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
+    const Xa = ye(() => import("./Tooltip-De7i-i20.js")), qa = ye(() => import("./BaseIcon-Dl4VBlHV.js")), Ga = ye(() => import("./vue-ui-accordion-BXTVRRX7.js")), ja = ye(() => import("./DataTable-Ho3Bf5oq.js")), Ja = ye(() => import("./PenAndPaper-kymjF6_b.js")), Za = ye(() => import("./UserOptions-DgscxIaa.js")), Ka = ye(() => import("./PackageVersion-zsGySlBm.js")), Qa = ye(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
       get() {
         return !!j.dataset && j.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), he = y(null), K = y(Fa()), Et = y(!1), It = y(null), X = y([]), Pt = y(0), Ot = y(null), Rt = y(null), _e = y(null), Bt = y(null), Vt = y(null), De = y(!1), it = y(!1), Yt = y(0), ll = y(0), ol = y(0), Ht = y(!1), ze = y(null), ut = y(null), Ce = y(!1), ct = y(null), ht = y(null), vt = y(null), je = y(null), sl = y(null), Ee = y(null), Ie = y(!1);
+    }), ce = y(null), K = y(Fa()), Et = y(!1), It = y(null), X = y([]), Pt = y(0), Ot = y(null), Rt = y(null), _e = y(null), Bt = y(null), Vt = y(null), De = y(!1), it = y(!1), Yt = y(0), ll = y(0), ol = y(0), Ht = y(!1), ze = y(null), ut = y(null), Ce = y(!1), ct = y(null), ht = y(null), vt = y(null), je = y(null), sl = y(null), Ee = y(null), Ie = y(!1);
     function dt() {
       Ie.value = !Ie.value;
     }
     Wl(() => {
       Ht.value = !0, Qt();
     });
-    const e = y(ft()), { loading: ve, FINAL_DATASET: mt, manualLoading: Je } = yo({
+    const e = y(ft()), { loading: he, FINAL_DATASET: mt, manualLoading: Je } = yo({
       ...Xl(j),
       FINAL_CONFIG: e,
       prepareConfig: ft,
@@ -181,7 +181,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
     const Xt = m(() => e.value.style.chart.lines.dataLabels.hideUnderValue !== null), qt = m(() => e.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
     Le(() => j.config, (t) => {
-      ve.value || (e.value = ft()), gt.value = !e.value.userOptions.showOnChartHover, Qt(), Yt.value += 1, ll.value += 1, ol.value += 1, q.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.chart.tooltip.show, de.value.width = e.value.style.chart.width, de.value.height = e.value.style.chart.height, de.value.paddingRatio = {
+      he.value || (e.value = ft()), gt.value = !e.value.userOptions.showOnChartHover, Qt(), Yt.value += 1, ll.value += 1, ol.value += 1, q.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.chart.tooltip.show, ve.value.width = e.value.style.chart.width, ve.value.height = e.value.style.chart.height, ve.value.paddingRatio = {
         top: e.value.style.chart.padding.top / e.value.style.chart.height,
         right: e.value.style.chart.padding.right / e.value.style.chart.width,
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
@@ -210,7 +210,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       elementId: `stackline_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackline",
       options: e.value.userOptions.print
-    }), il = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), de = y({
+    }), il = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), ve = y({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -219,7 +219,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), ul = m(() => Ql(e.value.customPalette)), ge = La(null), Ae = La(null), Kt = y(null), yt = m(() => !!e.value.debug);
+    }), ul = m(() => Ql(e.value.customPalette)), me = La(null), Ae = La(null), Kt = y(null), yt = m(() => !!e.value.debug);
     function Qt() {
       if (_a(j.dataset) ? (Da({
         componentName: "VueUiStackline",
@@ -244,7 +244,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         const t = Ea(() => {
           it.value = !1;
           const { width: l, height: a } = vo({
-            chart: he.value,
+            chart: ce.value,
             noTitle: Bt.value,
             title: e.value.style.chart.title.text ? Ot.value : null,
             legend: e.value.style.chart.legend.show ? Rt.value : null,
@@ -252,17 +252,17 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             source: Vt.value
           });
           requestAnimationFrame(() => {
-            de.value.width = l, de.value.height = a - 12, clearTimeout(Kt.value), Kt.value = setTimeout(() => {
+            ve.value.width = l, ve.value.height = a - 12, clearTimeout(Kt.value), Kt.value = setTimeout(() => {
               it.value = !0;
             }, 10);
           });
         });
-        ge.value && (Ae.value && ge.value.unobserve(Ae.value), ge.value.disconnect()), ge.value = new ResizeObserver(t), Ae.value = he.value.parentNode, ge.value.observe(Ae.value);
+        me.value && (Ae.value && me.value.unobserve(Ae.value), me.value.disconnect()), me.value = new ResizeObserver(t), Ae.value = ce.value.parentNode, me.value.observe(Ae.value);
       }
       et();
     }
     Nt(() => {
-      ge.value && (Ae.value && ge.value.unobserve(Ae.value), ge.value.disconnect());
+      me.value && (Ae.value && me.value.unobserve(Ae.value), me.value.disconnect());
     });
     function cl() {
       let t = 0;
@@ -292,7 +292,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       let l = 0;
       return je.value && (l = pt.value), t + l;
     }), v = m(() => {
-      const { height: t, width: l } = de.value, { right: a } = de.value.paddingRatio;
+      const { height: t, width: l } = ve.value, { right: a } = ve.value.paddingRatio;
       let o = e.value.style.chart.lines.totalValues.show && j.dataset && j.dataset.length > 1 ? e.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, s = 0;
       e.value.style.chart.grid.y.axisLabels.show && (s = cl());
       const r = e.value.style.chart.padding.top + o, n = l - l * a - bt.value, p = t - e.value.style.chart.padding.bottom - ea.value - o, k = e.value.style.chart.padding.left + s, L = l - k - l * a - bt.value, C = t - r - e.value.style.chart.padding.bottom - ea.value - o;
@@ -471,11 +471,11 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }
     }
     const $e = m(() => {
-      const t = Math.max(...Se.value.positive, 0), l = Math.min(...Se.value.negative, 0), a = Math.max(...Me.value.positive, 0), o = Math.min(...Me.value.negative, 0), s = Math.max(t, a), r = Math.min(l, o), n = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, p = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, L = !e.value.style.chart.lines.distributed && (p !== null || k !== null), C = p !== null && !e.value.style.chart.lines.distributed ? p : n > 0 ? 0 : n, N = k !== null && !e.value.style.chart.lines.distributed ? k : s < 0 ? 0 : s, I = L ? st(C, N, e.value.style.chart.grid.scale.ticks) : rt(C, N, e.value.style.chart.grid.scale.ticks), A = Math.abs(Number(I.min) || 0), u = (Number(I.max) || 0) + A, b = u === 0 || !Number.isFinite(u) ? 1 : u, B = Array.isArray(I.ticks) && I.ticks.length ? I.ticks : [0], f = v.value.bottom - v.value.height * (A / b);
-      return B.map((S) => {
+      const t = Math.max(...Se.value.positive, 0), l = Math.min(...Se.value.negative, 0), a = Math.max(...Me.value.positive, 0), o = Math.min(...Me.value.negative, 0), s = Math.max(t, a), r = Math.min(l, o), n = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, p = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, L = !e.value.style.chart.lines.distributed && (p !== null || k !== null), C = p !== null && !e.value.style.chart.lines.distributed ? p : n > 0 ? 0 : n, N = k !== null && !e.value.style.chart.lines.distributed ? k : s < 0 ? 0 : s, I = L ? st(C, N, e.value.style.chart.grid.scale.ticks) : rt(C, N, e.value.style.chart.grid.scale.ticks), A = Math.abs(Number(I.min) || 0), u = (Number(I.max) || 0) + A, b = u === 0 || !Number.isFinite(u) ? 1 : u, R = Array.isArray(I.ticks) && I.ticks.length ? I.ticks : [0], g = v.value.bottom - v.value.height * (A / b);
+      return R.map((S) => {
         const P = Number(S) || 0, z = v.value.bottom - v.value.height * ((P + A) / b);
         return {
-          zero: f,
+          zero: g,
           y: z,
           x: Z.value.left - 8,
           value: P
@@ -525,7 +525,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       text: na.value(a, e.value.style.chart.tooltip.timeFormat),
       absoluteIndex: a
     }))), xl = m(() => {
-      if (!Fe.value && !ve.value) return [];
+      if (!Fe.value && !he.value) return [];
       const t = v.value.height, l = $e.value[0] ? $e.value[0].zero : v.value.bottom, a = c.value.start ?? 0, o = c.value.end ?? 0, s = Math.max(1, o - a), r = Math.max(...Se.value.positive, 0), n = Math.min(...Se.value.negative, 0), p = Math.max(...Me.value.positive, 0), k = Math.min(...Me.value.negative, 0), L = Math.max(r, p), C = Math.min(n, k), N = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? st(
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : L < 0 ? 0 : L,
@@ -534,48 +534,48 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : L < 0 ? 0 : L,
         e.value.style.chart.grid.scale.ticks
-      ), { min: I, max: A } = N, d = A + (I >= 0 ? 0 : Math.abs(I)) || 1, u = Array(s).fill(0), b = Array(s).fill(0), B = (f) => s <= 1 ? v.value.left + v.value.width / 2 : v.value.left + f / (s - 1) * v.value.width;
-      return ae.value.filter((f) => !X.value.includes(f.id)).map((f) => {
-        const S = [], P = [], z = [], F = new Array(s).fill(null), R = new Array(s).fill(null);
-        for (let g = 0; g < s; g += 1) {
-          const $ = a + g, U = f.series?.[$], H = f.signedSeries?.[$], ie = U == null || Number.isNaN(U), fe = ie ? 0 : U, $a = f.standalone ? fe / d : e.value.style.chart.lines.distributed ? fe / (oa.value[g] || 1) : fe / d;
+      ), { min: I, max: A } = N, d = A + (I >= 0 ? 0 : Math.abs(I)) || 1, u = Array(s).fill(0), b = Array(s).fill(0), R = (g) => s <= 1 ? v.value.left + v.value.width / 2 : v.value.left + g / (s - 1) * v.value.width;
+      return ae.value.filter((g) => !X.value.includes(g.id)).map((g) => {
+        const S = [], P = [], z = [], F = new Array(s).fill(null), B = new Array(s).fill(null);
+        for (let f = 0; f < s; f += 1) {
+          const $ = a + f, U = g.series?.[$], H = g.signedSeries?.[$], fe = U == null || Number.isNaN(U) ? 0 : U, $a = g.standalone ? fe / d : e.value.style.chart.lines.distributed ? fe / (oa.value[f] || 1) : fe / d;
           if (fe >= 0) {
             const Ve = t * Math.abs($a);
-            if (f.standalone)
-              F[g] = l, R[g] = l - Ve;
+            if (g.standalone)
+              F[f] = l, B[f] = l - Ve;
             else {
-              const Ye = u[g], He = Ye + Ve;
-              F[g] = l - Ye, R[g] = l - He, u[g] = He;
+              const Ye = u[f], He = Ye + Ve;
+              F[f] = l - Ye, B[f] = l - He, u[f] = He;
             }
           } else {
             const Ve = t * Math.abs($a);
-            if (f.standalone)
-              F[g] = l, R[g] = l + Ve;
+            if (g.standalone)
+              F[f] = l, B[f] = l + Ve;
             else {
-              const Ye = b[g], He = Ye + Ve;
-              F[g] = l + Ye, R[g] = l + He, b[g] = He;
+              const Ye = b[f], He = Ye + Ve;
+              F[f] = l + Ye, B[f] = l + He, b[f] = He;
             }
           }
-          S.push(g), P.push(fe), z.push(H ?? (fe >= 0 ? 1 : -1)), ie && (F[g] = l, R[g] = l);
+          S.push(f), P.push(fe), z.push(H ?? (fe >= 0 ? 1 : -1));
         }
-        const V = S.map((g) => ({ x: B(g), y: R[g] })), J = V.map((g) => g.x), G = P.reduce((g, $) => g + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((g, $) => {
-          if (e.value.style.chart.lines.distributed && !f.standalone) {
+        const V = S.map((f) => ({ x: R(f), y: B[f] })), J = V.map((f) => f.x), G = P.reduce((f, $) => f + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((f, $) => {
+          if (e.value.style.chart.lines.distributed && !g.standalone) {
             const U = S[$], H = oa.value[U] || 1;
-            return (g || 0) / H;
+            return (f || 0) / H;
           }
-          return (g || 0) / Y;
+          return (f || 0) / Y;
         });
         return {
-          ...f,
+          ...g,
           x: J,
           points: V,
-          baseY: S.map((g) => F[g]),
-          topY: S.map((g) => R[g]),
+          baseY: S.map((f) => F[f]),
+          topY: S.map((f) => B[f]),
           series: P,
           signedSeries: z,
           proportions: O,
           rel: S,
-          fullSeries: Array.isArray(f.fullSeries) ? f.fullSeries : f.series
+          fullSeries: Array.isArray(g.fullSeries) ? g.fullSeries : g.series
         };
       });
     }), T = m(() => {
@@ -599,9 +599,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
       return xl.value.map((A) => {
         const d = A.x.length, u = Array.isArray(A.fullSeries) ? A.fullSeries : A.series, b = ({ left: Y = 0, unitW: O }) => {
-          const g = u.length;
-          return !Number.isFinite(O) || O <= 0 || g <= 0 ? [] : g === 1 ? [Y + O * 0.5] : u.map(($, U) => Y + U * O);
-        }, B = ({ minimapH: Y }) => !Number.isFinite(Y) || Y <= 0 ? [] : u.map((O) => I(O || 0)), f = ({ minimapH: Y }) => {
+          const f = u.length;
+          return !Number.isFinite(O) || O <= 0 || f <= 0 ? [] : f === 1 ? [Y + O * 0.5] : u.map(($, U) => Y + U * O);
+        }, R = ({ minimapH: Y }) => !Number.isFinite(Y) || Y <= 0 ? [] : u.map((O) => I(O || 0)), g = ({ minimapH: Y }) => {
           if (!Number.isFinite(Y) || Y <= 0) return [];
           const O = I(0);
           return u.map(() => O);
@@ -615,25 +615,25 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             smoothArea: "",
             straightArea: "",
             xMinimap: b,
-            yMinimap: B,
-            yMinimapBase: f
+            yMinimap: R,
+            yMinimapBase: g
           };
-        const S = A.x.map((Y, O) => ({ x: Y, y: A.topY[O] })), P = A.x.map((Y, O) => ({ x: Y, y: A.baseY[O] })), z = d >= 2 ? pe(S) : `M${S[0].x},${S[0].y}`, F = d >= 2 ? be(S) : `M${S[0].x},${S[0].y}`, R = d >= 2 ? `M${t(z)}` : z, V = d >= 2 ? `M${t(F)}` : F;
+        const S = A.x.map((Y, O) => ({ x: Y, y: A.topY[O] })), P = A.x.map((Y, O) => ({ x: Y, y: A.baseY[O] })), z = d >= 2 ? pe(S) : `M${S[0].x},${S[0].y}`, F = d >= 2 ? be(S) : `M${S[0].x},${S[0].y}`, B = d >= 2 ? `M${t(z)}` : z, V = d >= 2 ? `M${t(F)}` : F;
         let J = "", G = "";
         if (e.value.style.chart.lines.useArea && d >= 2) {
-          const Y = pe([...P].reverse()), O = be([...P].reverse()), g = P[P.length - 1];
-          J = `M${S[0].x},${S[0].y} ${t(z)} L${g.x},${g.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${g.x},${g.y} ${t(O)} Z`;
+          const Y = pe([...P].reverse()), O = be([...P].reverse()), f = P[P.length - 1];
+          J = `M${S[0].x},${S[0].y} ${t(z)} L${f.x},${f.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${f.x},${f.y} ${t(O)} Z`;
         }
         return {
           ...A,
           points: S,
-          smoothPath: R,
+          smoothPath: B,
           straightPath: V,
           smoothArea: J,
           straightArea: G,
           xMinimap: b,
-          yMinimap: B,
-          yMinimapBase: f
+          yMinimap: R,
+          yMinimapBase: g
         };
       });
     }), Re = y(!1), ua = y(!1);
@@ -666,7 +666,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       left: v.value.left,
       right: v.value.right,
       width: v.value.width
-    })), tt = y(!1), wl = m(() => de.value.width), Al = m(() => de.value.height);
+    })), tt = y(!1), wl = m(() => ve.value.width), Al = m(() => ve.value.height);
     wo({
       timeLabelsEls: je,
       timeLabels: oe,
@@ -812,11 +812,11 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         roundingValue: C,
         roundingPercentage: N
       } = e.value.style.chart.tooltip, I = (u) => !u.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(u.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" /></svg>` : u.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" points="${ho({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : u.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ge({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, A = (u, b) => {
-        const B = b ? ke({
+        const R = b ? ke({
           v: isNaN((u.value ?? 0) / (s || 1)) ? 0 : Math.abs(u.value ?? 0) / (s || 1) * 100,
           s: "%",
           r: N
-        }) : "", f = r && b ? "(" : "", S = r && b ? ")" : "";
+        }) : "", g = r && b ? "(" : "", S = r && b ? ")" : "";
         return `
         <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
             <div style="width:20px;height:20px;display:flex;align-items:center;justify-content:center;">${I(u)}</div>
@@ -830,7 +830,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             s: e.value.style.chart.lines.dataLabels.suffix,
             r: C
           })
-        ) : ""} ${f}${B}${S}
+        ) : ""} ${g}${R}${S}
         </div>
         `;
       };
@@ -967,8 +967,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         El();
     }
     async function Pl({ scale: t = 2 } = {}) {
-      if (!he.value) return;
-      const { width: l, height: a } = he.value.getBoundingClientRect(), o = l / a, { imageUri: s, base64: r } = await So({ domElement: he.value, base64: !0, img: !0, scale: t });
+      if (!ce.value) return;
+      const { width: l, height: a } = ce.value.getBoundingClientRect(), o = l / a, { imageUri: s, base64: r } = await So({ domElement: ce.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: r,
@@ -989,7 +989,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: De.value,
-          fullscreenParent: he.value,
+          fullscreenParent: ce.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -1092,28 +1092,28 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       if (r <= 0) return "";
       const n = r === 1 ? [l * 0.5] : Array.from({ length: r }, (d, u) => u * l);
       if (e.value.style.chart.lines.distributed) {
-        const d = Array.from({ length: r }, (f, S) => {
+        const d = Array.from({ length: r }, (g, S) => {
           let P = 0;
           return o.forEach((z) => {
-            const R = (Array.isArray(z.fullSeries) ? z.fullSeries : z.series)?.[S];
-            R != null && !Number.isNaN(R) && (P += Math.abs(R));
+            const B = (Array.isArray(z.fullSeries) ? z.fullSeries : z.series)?.[S];
+            B != null && !Number.isNaN(B) && (P += Math.abs(B));
           }), P || 1;
-        }), u = (f) => {
-          const S = Math.max(0, Math.min(1, f || 0));
+        }), u = (g) => {
+          const S = Math.max(0, Math.min(1, g || 0));
           return t - t * S;
-        }, b = [], B = Array(r).fill(0);
-        return o.forEach((f) => {
-          const S = Array.isArray(f.fullSeries) ? f.fullSeries : f.series, P = new Array(r), z = new Array(r);
+        }, b = [], R = Array(r).fill(0);
+        return o.forEach((g) => {
+          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = new Array(r), z = new Array(r);
           for (let H = 0; H < r; H += 1) {
-            const ie = S?.[H], fe = ie == null || Number.isNaN(ie) ? 0 : Math.abs(ie) / d[H];
-            z[H] = B[H], B[H] += fe, P[H] = B[H];
+            const ge = S?.[H], fe = ge == null || Number.isNaN(ge) ? 0 : Math.abs(ge) / d[H];
+            z[H] = R[H], R[H] += fe, P[H] = R[H];
           }
-          const F = P.map(u), R = z.map(u), V = n.map((H, ie) => ({ x: H, y: F[ie] })), J = n.map((H, ie) => ({ x: H, y: R[ie] })), G = pe(V), Y = pe([...J].reverse()), O = be(V), g = be([...J].reverse()), $ = J[J.length - 1];
+          const F = P.map(u), B = z.map(u), V = n.map((H, ge) => ({ x: H, y: F[ge] })), J = n.map((H, ge) => ({ x: H, y: B[ge] })), G = pe(V), Y = pe([...J].reverse()), O = be(V), f = be([...J].reverse()), $ = J[J.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const H = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)} L${$.x},${$.y} ${a(Y)} Z` : `M${V[0].x},${V[0].y} ${a(O)} L${$.x},${$.y} ${a(g)} Z`;
+            const H = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)} L${$.x},${$.y} ${a(Y)} Z` : `M${V[0].x},${V[0].y} ${a(O)} L${$.x},${$.y} ${a(f)} Z`;
             b.push(
               `<path d="${H}"
-                    fill="${zt.pattern ? `url(#pattern_${K.value}_${f.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, f.color)}"
+                    fill="${zt.pattern ? `url(#pattern_${K.value}_${g.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, g.color)}"
                     opacity="${e.value.style.chart.lines.areaOpacity}"
                     stroke="none" />`
             );
@@ -1122,16 +1122,16 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           b.push(
             `<path d="${U}"
                 fill="none"
-                stroke="${f.color}"
+                stroke="${g.color}"
                 stroke-width="${e.value.style.chart.lines.strokeWidth}"
                 stroke-linecap="round" />`
           );
-        }), s.length && s.forEach((f) => {
-          const S = Array.isArray(f.fullSeries) ? f.fullSeries : f.series, P = Array.from({ length: r }, (J, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((J, G) => ({ x: J, y: P[G] })), F = pe(z), R = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(R)}`;
+        }), s.length && s.forEach((g) => {
+          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = Array.from({ length: r }, (J, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((J, G) => ({ x: J, y: P[G] })), F = pe(z), B = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(B)}`;
           b.push(
             `<path d="${V}"
                     fill="none"
-                    stroke="${f.color}"
+                    stroke="${g.color}"
                     stroke-width="${e.value.style.chart.lines.strokeWidth}"
                     stroke-linecap="round" />`
           );
@@ -1141,12 +1141,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       if (o.length) {
         const d = Array(r).fill(0), u = Array(r).fill(0);
         o.forEach((b) => {
-          const B = Array.isArray(b.fullSeries) ? b.fullSeries : b.series, f = new Array(r), S = new Array(r);
+          const R = Array.isArray(b.fullSeries) ? b.fullSeries : b.series, g = new Array(r), S = new Array(r);
           for (let $ = 0; $ < r; $ += 1) {
-            const U = B?.[$] ?? 0;
-            U >= 0 ? (S[$] = d[$], d[$] += U, f[$] = d[$]) : (S[$] = u[$], u[$] += U, f[$] = u[$]);
+            const U = R?.[$] ?? 0;
+            U >= 0 ? (S[$] = d[$], d[$] += U, g[$] = d[$]) : (S[$] = u[$], u[$] += U, g[$] = u[$]);
           }
-          const P = f.map(I), z = S.map(I), F = n.map(($, U) => ({ x: $, y: P[U] })), R = n.map(($, U) => ({ x: $, y: z[U] })), V = pe(F), J = pe([...R].reverse()), G = be(F), Y = be([...R].reverse()), O = R[R.length - 1];
+          const P = g.map(I), z = S.map(I), F = n.map(($, U) => ({ x: $, y: P[U] })), B = n.map(($, U) => ({ x: $, y: z[U] })), V = pe(F), J = pe([...B].reverse()), G = be(F), Y = be([...B].reverse()), O = B[B.length - 1];
           if (e.value.style.chart.lines.useArea) {
             const $ = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)} L${O.x},${O.y} ${a(J)} Z` : `M${F[0].x},${F[0].y} ${a(G)} L${O.x},${O.y} ${a(Y)} Z`;
             A.push(
@@ -1156,9 +1156,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                     stroke="none" />`
             );
           }
-          const g = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)}` : `M${F[0].x},${F[0].y} ${a(G)}`;
+          const f = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)}` : `M${F[0].x},${F[0].y} ${a(G)}`;
           A.push(
-            `<path d="${g}"
+            `<path d="${f}"
                 fill="none"
                 stroke="${b.color}"
                 stroke-width="${e.value.style.chart.lines.strokeWidth}"
@@ -1167,7 +1167,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         });
       }
       return s.length && s.forEach((d) => {
-        const b = (Array.isArray(d.fullSeries) ? d.fullSeries : d.series).map(I), B = n.map((z, F) => ({ x: z, y: b[F] })), f = pe(B), S = be(B), P = e.value.style.chart.lines.smooth ? `M${B[0].x},${B[0].y} ${a(f)}` : `M${B[0].x},${B[0].y} ${a(S)}`;
+        const b = (Array.isArray(d.fullSeries) ? d.fullSeries : d.series).map(I), R = n.map((z, F) => ({ x: z, y: b[F] })), g = pe(R), S = be(R), P = e.value.style.chart.lines.smooth ? `M${R[0].x},${R[0].y} ${a(g)}` : `M${R[0].x},${R[0].y} ${a(S)}`;
         A.push(
           `<path d="${P}"
                 fill="none"
@@ -1233,13 +1233,13 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }), (t, l) => (i(), h("div", {
       id: `stackline_${K.value}`,
       ref_key: "stacklineChart",
-      ref: he,
+      ref: ce,
       class: Ta({ "vue-data-ui-component": !0, "vue-ui-stackline": !0, "vue-data-ui-wrapper-fullscreen": De.value }),
       style: Te(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: rl,
       onMouseleave: nl
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), ue(M(Ja), {
+      e.value.userOptions.buttons.annotator ? (i(), ie(M(Ja), {
         key: 0,
         svgRef: M(we),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -1281,7 +1281,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref: Ot,
         style: "width:100%;background:transparent;"
       }, [
-        (i(), ue(Mo, {
+        (i(), ie(Mo, {
           key: `title_${Yt.value}`,
           config: {
             title: {
@@ -1295,10 +1295,10 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }, null, 8, ["config"]))
       ], 512)) : w("", !0),
-      ce("div", {
+      ue("div", {
         id: `legend-top-${K.value}`
       }, null, 8, Fo),
-      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ue(M(Za), {
+      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ie(M(Za), {
         ref_key: "userOptionsRef",
         ref: ut,
         key: `user_option_${Pt.value}`,
@@ -1316,7 +1316,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: De.value,
-        chartElement: he.value,
+        chartElement: ce.value,
         position: e.value.userOptions.position,
         isTooltip: q.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -1414,7 +1414,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref: we,
         xmlns: M(ro),
         viewBox: `0 0 ${v.value.chartWidth <= 0 ? 10 : v.value.chartWidth} ${v.value.chartHeight <= 0 ? 10 : v.value.chartHeight}`,
-        class: Ta({ "vue-data-ui-loading": M(ve), "no-transition": !e.value.useCssAnimation }),
+        class: Ta({ "vue-data-ui-loading": M(he), "no-transition": !e.value.useCssAnimation }),
         style: Te(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
         role: "img",
         "aria-live": "polite",
@@ -1449,11 +1449,11 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             x2: "0%",
             y2: "100%"
           }, [
-            ce("stop", {
+            ue("stop", {
               offset: "0%",
               "stop-color": a.color
             }, null, 8, Po),
-            ce("stop", {
+            ue("stop", {
               offset: "100%",
               "stop-color": M(no)(a.color, e.value.style.chart.lines.gradient.intensity / 100)
             }, null, 8, Oo)
@@ -1511,7 +1511,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, me(e.value.style.chart.grid.x.axisName.text), 9, Ho)) : w("", !0),
+        }, de(e.value.style.chart.grid.x.axisName.text), 9, Ho)) : w("", !0),
         e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (i(), h("text", {
           key: 7,
           ref_key: "yAxisLabel",
@@ -1521,7 +1521,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, me(e.value.style.chart.grid.y.axisName.text), 9, Uo)) : w("", !0),
+        }, de(e.value.style.chart.grid.y.axisName.text), 9, Uo)) : w("", !0),
         e.value.style.chart.grid.frame.show ? (i(), h("rect", {
           key: 8,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
@@ -1543,7 +1543,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             fill: t.$slots.pattern ? `url(#pattern_${K.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
             opacity: e.value.style.chart.lines.areaOpacity,
             style: Te({
-              transition: M(ve) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+              transition: M(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
             })
           }, null, 12, Xo)) : w("", !0)
         ], 64))), 256)),
@@ -1554,7 +1554,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           fill: "none",
           "stroke-linecap": "round",
           style: Te({
-            transition: M(ve) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+            transition: M(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
           })
         }, null, 12, qo))), 256)),
         e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.lines.distributed ? (i(), h("g", {
@@ -1577,7 +1577,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": "end"
-          }, me(M(Xe)(
+          }, de(M(Xe)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             a.value,
             M(ke)({
@@ -1642,14 +1642,14 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 transform: `translate(${se(o)}, ${v.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                 style: { cursor: "pointer" },
                 onClick: () => ma(a, o)
-              }, me(a.text), 9, Ko))
+              }, de(a.text), 9, Ko))
             ]))), 256))
           ]))
         ], 512)) : w("", !0),
         (Ce.value || ![null, void 0].includes(x.value)) && !e.value.style.chart.highlighter.useLine ? (i(!0), h(E, { key: 11 }, W(c.value.end - c.value.start, (a, o) => (i(), h("g", {
           key: `tooltip_trap_highlighter_${o}`
         }, [
-          ce("rect", {
+          ue("rect", {
             x: va(o).x,
             y: v.value.top,
             height: v.value.height,
@@ -1660,7 +1660,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ]))), 128)) : w("", !0),
         (Ce.value || ![null, void 0].includes(x.value)) && e.value.style.chart.highlighter.useLine ? (i(), h(E, { key: 12 }, [
           ![null, void 0].includes(x.value) || ![null, void 0].includes(Ee.value) ? (i(), h("g", ts, [
-            ce("line", {
+            ue("line", {
               x1: se((x.value ?? Ee.value) || 0),
               x2: se((x.value ?? Ee.value) || 0),
               y1: M(qe)(v.value.top),
@@ -1676,7 +1676,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         (i(!0), h(E, null, W(T.value, (a) => (i(), h(E, null, [
           Ce.value && c.value.end - c.value.start > e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(), h("g", ls, [
             x.value != null ? (i(), h(E, { key: 0 }, [
-              a.rel.includes(x.value) && a.fullSeries?.[c.value.start + x.value] != null && !Number.isNaN(a.fullSeries?.[c.value.start + x.value]) ? (i(), ue(Dt, {
+              a.rel.includes(x.value) && a.fullSeries?.[c.value.start + x.value] != null && !Number.isNaN(a.fullSeries?.[c.value.start + x.value]) ? (i(), ie(Dt, {
                 key: 0,
                 shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
                 color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
@@ -1687,14 +1687,14 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 radius: e.value.style.chart.lines.dot.radius * 1.3,
                 stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
                 strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-                transition: M(ve) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+                transition: M(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
               }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : w("", !0)
             ], 64)) : w("", !0)
           ])) : w("", !0)
         ], 64))), 256)),
         (i(!0), h(E, null, W(T.value, (a) => (i(), h(E, null, [
           c.value.end - c.value.start < e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(!0), h(E, { key: 0 }, W(a.points, (o, s) => (i(), h("g", { key: s }, [
-            a.fullSeries?.[c.value.start + a.rel[s]] != null && !Number.isNaN(a.fullSeries?.[c.value.start + a.rel[s]]) ? (i(), ue(Dt, {
+            a.fullSeries?.[c.value.start + a.rel[s]] != null && !Number.isNaN(a.fullSeries?.[c.value.start + a.rel[s]]) ? (i(), ie(Dt, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
               color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
@@ -1702,7 +1702,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               radius: Ce.value && x.value === a.rel[s] ? e.value.style.chart.lines.dot.radius * 1.3 : e.value.style.chart.lines.dot.radius,
               stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
               strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-              transition: M(ve) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+              transition: M(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : w("", !0)
           ]))), 128)) : w("", !0)
         ], 64))), 256)),
@@ -1717,7 +1717,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 fill: e.value.style.chart.lines.dataLabels.color,
                 "font-weight": e.value.style.chart.lines.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, me(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? Hl(a.proportions[r] * 100, a, o, a.rel[r]) : Sa(a.series[r], a, o, a.rel[r], a.signedSeries[r])), 9, os)) : w("", !0)
+              }, de(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? Hl(a.proportions[r] * 100, a, o, a.rel[r]) : Sa(a.series[r], a, o, a.rel[r], a.signedSeries[r])), 9, os)) : w("", !0)
             ], 64))), 128))
           ]))), 128)),
           e.value.style.chart.lines.totalValues.show && T.value.length > 1 ? (i(), h("g", {
@@ -1734,7 +1734,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 "font-size": e.value.style.chart.lines.totalValues.fontSize,
                 "font-weight": e.value.style.chart.lines.totalValues.bold ? "bold" : "normal",
                 fill: e.value.style.chart.lines.totalValues.color
-              }, me(Sa(a.value, a, o, o, a.sign)), 9, ss)) : w("", !0)
+              }, de(Sa(a.value, a, o, o, a.sign)), 9, ss)) : w("", !0)
             ], 64))), 256))
           ], 512)) : w("", !0)
         ], 64)) : w("", !0),
@@ -1752,26 +1752,26 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       t.$slots.watermark ? (i(), h("div", ns, [
         _(t.$slots, "watermark", ee(te({ isPrinting: M(Gt) || M(jt) })), void 0, !0)
       ])) : w("", !0),
-      Ht.value ? (i(), ue(jl, {
+      Ht.value ? (i(), ie(jl, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
       }, [
-        ce("div", {
+        ue("div", {
           ref_key: "chartLegend",
           ref: Rt
         }, [
-          e.value.style.chart.legend.show ? (i(), ue($o, {
+          e.value.style.chart.legend.show ? (i(), ie($o, {
             key: 0,
             legendSet: Lt.value,
             config: Tl.value,
             onClickMarker: l[0] || (l[0] = ({ legend: a }) => a.segregate())
           }, Ft({
             item: D(({ legend: a }) => [
-              M(ve) ? w("", !0) : (i(), h("div", {
+              M(he) ? w("", !0) : (i(), h("div", {
                 key: 0,
                 onClick: (o) => a.segregate(),
                 style: Te(`opacity:${X.value.includes(a.id) ? 0.5 : 1}`)
-              }, me(a.name), 13, is))
+              }, de(a.name), 13, is))
             ]),
             _: 2
           }, [
@@ -1794,10 +1794,10 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : w("", !0),
-      ce("div", {
+      ue("div", {
         id: `legend-bottom-${K.value}`
       }, null, 8, us),
-      Fe.value && e.value.userOptions.buttons.table ? (i(), ue(Jl(Be.value.component), lt({ key: 6 }, Be.value.props, {
+      Fe.value && e.value.userOptions.buttons.table ? (i(), ie(Jl(Be.value.component), lt({ key: 6 }, Be.value.props, {
         ref_key: "tableUnit",
         ref: ze,
         onClose: pa
@@ -1813,10 +1813,10 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             onClose: pa
           }, {
             th: D(({ th: a }) => [
-              ce("div", { innerHTML: a }, null, 8, cs)
+              ue("div", { innerHTML: a }, null, 8, cs)
             ]),
             td: D(({ td: a }) => [
-              Na(me(isNaN(Number(a)) ? a : M(ke)({
+              Na(de(isNaN(Number(a)) ? a : M(ke)({
                 p: e.value.style.chart.lines.dataLabels.prefix,
                 v: a,
                 s: e.value.style.chart.lines.dataLabels.suffix,
@@ -1831,14 +1831,14 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.table.useDialog ? {
           name: "title",
           fn: D(() => [
-            Na(me(Be.value.title), 1)
+            Na(de(Be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: D(() => [
-            ce("button", {
+            ue("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (a) => Tt(e.value.userOptions.callbacks.csv))
@@ -1852,7 +1852,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           key: "1"
         } : void 0
       ]), 1040)) : w("", !0),
-      e.value.style.chart.zoom.show && ne.value > 6 && Fe.value && ua.value ? (i(), ue(Lo, {
+      e.value.style.chart.zoom.show && ne.value > 6 && Fe.value && ua.value ? (i(), ie(Lo, {
         key: 7,
         ref_key: "chartSlicer",
         ref: _e,
@@ -1907,7 +1907,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           _(t.$slots, "reset-action", ee(te({ reset: a })), void 0, !0)
         ]),
         slotMap: D(({ width: a, height: o, unitW: s }) => [
-          ce("g", {
+          ue("g", {
             innerHTML: Bl({ minimapH: o, unitW: s })
           }, null, 8, hs)
         ]),
@@ -1924,7 +1924,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: he.value,
+        parent: ce.value,
         content: Ll.value,
         isFullscreen: De.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
@@ -1949,10 +1949,10 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }, [
         _(t.$slots, "source", {}, void 0, !0)
       ], 512)) : w("", !0),
-      M(ve) ? (i(), ue(po, { key: 9 })) : w("", !0)
+      M(he) ? (i(), ie(po, { key: 9 })) : w("", !0)
     ], 46, No));
   }
-}, ds = /* @__PURE__ */ To(vs, [["__scopeId", "data-v-7212d0c3"]]), Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ds = /* @__PURE__ */ To(vs, [["__scopeId", "data-v-e204a38d"]]), Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ds
 }, Symbol.toStringTag, { value: "Module" }));