vue-data-ui 3.5.2 → 3.6.0

package/dist/{vue-ui-stackbar-BWuw8ff4.js → vue-ui-stackbar-Dr48I48D.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as j, useSlots as Cl, computed as g, ref as d, onMounted as na, toRefs as Ml, watch as Me, shallowRef as ia, onBeforeUnmount as yt, watchEffect as ua, nextTick as _l, createElementBlock as u, openBlock as o, normalizeStyle as ne, normalizeClass as he, createBlock as ee, createCommentVNode as f, renderSlot as w, createElementVNode as te, createVNode as _e, unref as m, withCtx as S, normalizeProps as H, guardReactiveProps as X, createSlots as gt, Fragment as x, renderList as L, mergeProps as Te, toDisplayString as E, Teleport as Tl, resolveDynamicComponent as $l, createTextVNode as ca } from "vue";
-import { u as Al, a as va } from "./useNestedProp-CReNavA0.js";
+import { defineAsyncComponent as j, useSlots as Cl, computed as g, ref as d, onMounted as na, toRefs as Ml, watch as Me, shallowRef as ia, onBeforeUnmount as yt, watchEffect as ua, nextTick as _l, createElementBlock as n, openBlock as o, normalizeStyle as ne, normalizeClass as he, createBlock as ee, createCommentVNode as f, renderSlot as w, createElementVNode as te, createVNode as _e, unref as m, withCtx as S, normalizeProps as B, guardReactiveProps as H, createSlots as gt, Fragment as x, renderList as L, mergeProps as Te, toDisplayString as E, Teleport as Tl, resolveDynamicComponent as $l, createTextVNode as ca } from "vue";
+import { u as Al, a as va } from "./useNestedProp-CIoDlpHu.js";
 import { c as ha, t as Pl, b as Nl, p as He, O as de, e as Ol, o as da, f as ya, g as Rl, h as Il, aj as $e, n as ga, m as fa, v as Fl, X as Dl, S as Vl, r as ie, J as ba, a as ye, d as ae, M as El, $ as Ul, G as ma, P as Bl, Q as Hl, H as Xl } from "./lib-C_mNZmhD.js";
 import { t as ft, u as Yl } from "./useResponsive-DfdjqQps.js";
 import { u as Wl } from "./usePrinter-DTzqpYKF.js";
@@ -10,11 +10,11 @@ import { u as Kl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as jl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as er } from "./useTimeLabelCollider-CIsgDrl9.js";
 import tr from "./img-BecE5qXd.js";
-import ar from "./Title-BzH_LEA3.js";
+import ar from "./Title-Bb1VWCtR.js";
 import { _ as lr } from "./Shape-CNXKB8O0.js";
-import { t as rr } from "./themes-AUNCOb2G.js";
-import sr from "./Legend-G6GMcdAc.js";
-import { S as or } from "./SlicerPreview-ij72TAs6.js";
+import { t as rr } from "./themes-DH-N_ePR.js";
+import sr from "./Legend-D9ZTJKjh.js";
+import { S as or } from "./SlicerPreview-wXjV4LWO.js";
 import { _ as nr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "width", "height"], hr = { key: 1 }, dr = ["id"], yr = ["stop-color"], gr = ["stop-color"], fr = ["stop-color"], br = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], mr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], xr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], kr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], wr = { key: 0 }, Lr = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Sr = { key: 0 }, zr = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Cr = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Mr = { key: 0 }, _r = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Tr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $r = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ar = ["x", "y", "font-size", "fill", "font-weight"], Pr = ["transform", "font-size", "fill", "font-weight"], Nr = ["x", "y", "font-size", "fill", "font-weight"], Or = ["x", "y", "font-size", "font-weight", "fill"], Rr = ["x", "y", "font-size", "fill", "font-weight"], Ir = ["x", "y", "font-size", "font-weight", "fill"], Fr = ["x1", "x2", "y1", "y2", "stroke"], Dr = ["x", "y", "font-size", "font-weight", "fill"], Vr = ["x1", "x2", "y1", "y2", "stroke"], Er = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ur = { key: 0 }, Br = { key: 1 }, Hr = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Xr = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Yr = { key: 0 }, Wr = { key: 1 }, Gr = ["font-size", "font-weight", "fill", "x", "y", "onClick"], qr = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Jr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Zr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Qr = ["data-start", "data-end"], Kr = {
   key: 3,
@@ -41,7 +41,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(Xe, { expose: xa, emit: ka }) {
-    const wa = j(() => import("./Tooltip-oWCO1HKy.js")), La = j(() => import("./BaseIcon-BmMbm4d0.js")), Sa = j(() => import("./vue-ui-accordion-BmFTVF1a.js")), za = j(() => import("./DataTable-BT7VF2ua.js")), Ca = j(() => import("./PenAndPaper-SZQIAgkg.js")), Ma = j(() => import("./UserOptions-CGnQt6Fd.js")), _a = j(() => import("./PackageVersion-Y7t79Jtq.js")), Ta = j(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_stackbar: $a } = Al(), Aa = Cl(), k = Xe, ge = ka, fe = g({
+    const wa = j(() => import("./Tooltip-oWCO1HKy.js")), La = j(() => import("./BaseIcon-DLFL0M4-.js")), Sa = j(() => import("./vue-ui-accordion-SSLXLlNz.js")), za = j(() => import("./DataTable-UCyd_BQI.js")), Ca = j(() => import("./PenAndPaper-BJSMejV9.js")), Ma = j(() => import("./UserOptions-BqmUW9Kp.js")), _a = j(() => import("./PackageVersion-D_4Hr4S4.js")), Ta = j(() => import("./BaseDraggableDialog-DhKIof09.js")), { vue_ui_stackbar: $a } = Al(), Aa = Cl(), k = Xe, ge = ka, fe = g({
       get() {
         return !!k.dataset && k.dataset.length;
       },
@@ -88,6 +88,9 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
                 dataLabels: { show: !1 }
               },
               grid: {
+                frame: {
+                  stroke: "#6A6A6A"
+                },
                 scale: {
                   scaleMin: 0,
                   scaleMax: 40
@@ -265,7 +268,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           b > t && (t = b);
         } catch {
         }
-      return Math.max(0, t - (n.value?.right ?? 0));
+      return Math.max(0, t - (u.value?.right ?? 0));
     }
     ua((a) => {
       if (e.value.orientation !== "horizontal") return;
@@ -290,7 +293,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       Je.value && (a = Je.value.getBBox().height);
       let l = 0;
       return e.value.orientation === "vertical" && se.value && (l = Pe.value), e.value.orientation === "horizontal" && re.value && (l = Pe.value), a + l;
-    }), n = g(() => {
+    }), u = g(() => {
       const { height: a, width: l } = ue.value, { right: t } = ue.value.paddingRatio;
       let r = e.value.style.chart.bars.totalValues.show && k.dataset && k.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
       e.value.style.chart.grid.y.axisLabels.show && (c = Da());
@@ -306,7 +309,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         height: Math.max(0, A)
       };
     }), Ba = g(() => {
-      const { left: a, top: l, width: t, height: r } = n.value, c = v.value.start, s = v.value.end, b = Math.max(1, s - c), z = Math.max(0, Math.min(b, (D.value.start ?? c) - c)), T = Math.max(0, Math.min(b, (D.value.end ?? s) - c)), O = Math.max(0, T - z), A = {
+      const { left: a, top: l, width: t, height: r } = u.value, c = v.value.start, s = v.value.end, b = Math.max(1, s - c), z = Math.max(0, Math.min(b, (D.value.start ?? c) - c)), T = Math.max(0, Math.min(b, (D.value.end ?? s) - c)), O = Math.max(0, T - z), A = {
         fill: e.value.style.chart.zoom.preview.fill,
         stroke: e.value.style.chart.zoom.preview.stroke,
         "stroke-width": e.value.style.chart.zoom.preview.strokeWidth,
@@ -338,7 +341,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           ...A
         };
       }
-    }), Y = g(() => je.value.map((a, l) => {
+    }), X = g(() => je.value.map((a, l) => {
       const t = Il(a.color) || Fa.value[l] || He[l] || He[l % He.length];
       return {
         ...a,
@@ -350,7 +353,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         id: ha(),
         color: t
       };
-    })), N = g(() => Math.max(...Y.value.filter((a) => !P.value.includes(a.id)).map((a) => a.series.length)));
+    })), N = g(() => Math.max(...X.value.filter((a) => !P.value.includes(a.id)).map((a) => a.series.length)));
     function Ha(a) {
       Ke.value = a;
     }
@@ -382,17 +385,20 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
     }
     const p = g(() => {
       let a;
-      return e.value.orientation === "vertical" ? a = n.value.width / (v.value.end - v.value.start) : a = n.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
-    }), we = g(() => $e(Y.value.filter((a) => !P.value.includes(a.id))).slice(v.value.start, v.value.end)), oe = g(() => e.value.style.chart.zoom.minimap.show ? $e(Y.value.filter((a) => !P.value.includes(a.id))) : []), Ya = g(() => e.value.style.chart.zoom.minimap.show ? [{
+      return e.value.orientation === "vertical" ? a = u.value.width / (v.value.end - v.value.start) : a = u.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
+    }), we = g(() => $e(X.value.filter((a) => !P.value.includes(a.id))).slice(v.value.start, v.value.end)), oe = g(() => e.value.style.chart.zoom.minimap.show ? $e(X.value.map((a) => ({
+      ...a,
+      series: a.series.map((l) => l ?? 0)
+    })).filter((a) => !P.value.includes(a.id))) : []), Ya = g(() => e.value.style.chart.zoom.minimap.show ? [{
       name: "",
       series: oe.value,
       color: "#000000",
       isVisible: !0
-    }] : []), Wa = g(() => $e(Y.value.filter((a) => !P.value.includes(a.id)).map((a) => ({
+    }] : []), Wa = g(() => $e(X.value.filter((a) => !P.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
     }))).slice(v.value.start, v.value.end)), Re = g(() => {
-      const a = Y.value.filter((l) => !P.value.includes(l.id));
+      const a = X.value.filter((l) => !P.value.includes(l.id));
       return {
         positive: $e(a.map((l) => ({
           ...l,
@@ -403,15 +409,15 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           series: l.series.slice(v.value.start, v.value.end).map((t) => t < 0 ? t : 0)
         })))
       };
-    }), B = g(() => {
+    }), Y = g(() => {
       const a = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Re.value.positive), l = Math.min(...Re.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, r = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ga(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : fa(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
       return r.ticks.map((c) => ({
-        zero: n.value.bottom - n.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        y: n.value.bottom - n.value.height * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
-        x: n.value.left - 8,
-        horizontal_zero: n.value.left + n.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        horizontal_x: n.value.left + n.value.width * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
-        horizontal_y: n.value.bottom - 8,
+        zero: u.value.bottom - u.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        y: u.value.bottom - u.value.height * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
+        x: u.value.left - 8,
+        horizontal_zero: u.value.left + u.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        horizontal_x: u.value.left + u.value.width * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
+        horizontal_y: u.value.bottom - 8,
         value: c
       }));
     }), I = g(() => pa({
@@ -460,14 +466,14 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
     }))), C = g(() => {
       if (!fe.value && !xe.value) return [];
       let a = Array(N.value).fill(0), l = Array(N.value).fill(0), t = Array(N.value).fill(0), r = Array(N.value).fill(0);
-      const c = Math.max(...Re.value.positive) || 0, s = Math.min(...Re.value.negative), b = [-1 / 0, 1 / 0, NaN, void 0, null].includes(s) ? 0 : s, z = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ga(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : fa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: T, max: O } = z, A = O + (T >= 0 ? 0 : Math.abs(T)) || 1, F = n.value.height, V = n.value.width, Ce = B.value[0] ? B.value[0].zero : n.value.bottom, W = B.value[0] ? B.value[0].horizontal_zero : n.value.left;
+      const c = Math.max(...Re.value.positive) || 0, s = Math.min(...Re.value.negative), b = [-1 / 0, 1 / 0, NaN, void 0, null].includes(s) ? 0 : s, z = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ga(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : fa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: T, max: O } = z, A = O + (T >= 0 ? 0 : Math.abs(T)) || 1, F = u.value.height, V = u.value.width, Ce = Y.value[0] ? Y.value[0].zero : u.value.bottom, W = Y.value[0] ? Y.value[0].horizontal_zero : u.value.left;
       let aa = Array(oe.value.length).fill(0), la = Array(oe.value.length).fill(0);
-      return Y.value.filter((ve) => !P.value.includes(ve.id)).map((ve) => {
+      return X.value.filter((ve) => !P.value.includes(ve.id)).map((ve) => {
         const K = ve.series.slice(), ra = K.map((h, y) => aa[y]), dl = K.map((h, y) => la[y]);
         K.forEach((h, y) => {
           (Number(h) || 0) >= 0 ? aa[y] += Number(h) || 0 : la[y] += Math.abs(Number(h) || 0);
         });
-        const Z = ve.series.slice(v.value.start, v.value.end), yl = ve.signedSeries.slice(v.value.start, v.value.end), gl = Z.map((h, y) => n.value.left + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), Be = (oe.value || []).filter(Number.isFinite), vt = Be.length ? Math.max(...Be) : 0, ht = Be.length ? Math.min(...Be) : 0;
+        const Z = ve.series.slice(v.value.start, v.value.end), yl = ve.signedSeries.slice(v.value.start, v.value.end), gl = Z.map((h, y) => u.value.left + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), Be = (oe.value || []).filter(Number.isFinite), vt = Be.length ? Math.max(...Be) : 0, ht = Be.length ? Math.min(...Be) : 0;
         function sa({ minimapH: h }) {
           const M = vt > 0, R = ht < 0;
           if (M && R) {
@@ -493,7 +499,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         const fl = ({ left: h, unitW: y }) => {
           const M = y * (e.value.style.chart.bars.gapRatio / 4);
           return K.map((R, _) => h + y * _ + M);
-        }, bl = Z.map((h, y) => n.value.top + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), ml = Z.map((h, y) => {
+        }, bl = Z.map((h, y) => u.value.top + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), ml = Z.map((h, y) => {
           const M = e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / A;
           let R, _;
           return h > 0 ? (_ = F * M, R = Ce - _ - a[y], a[y] += _) : (_ = F * M, R = Ce + t[y], t[y] += Math.abs(_)), R;
@@ -723,7 +729,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       })), l = [];
       return I.value.forEach((t) => {
         const r = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
-        Y.value.forEach((c) => {
+        X.value.forEach((c) => {
           r.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
         }), l.push(r);
       }), { head: a, body: l };
@@ -758,15 +764,15 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       if (P.value.includes(a.id))
         P.value = P.value.filter((l) => l !== a.id);
       else {
-        if (P.value.length === Y.value.length - 1) return;
+        if (P.value.length === X.value.length - 1) return;
         P.value.push(a.id);
       }
       ge("selectLegend", C.value);
     }
     function Jt(a) {
-      if (!Y.value.length)
+      if (!X.value.length)
         return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
-      const l = Y.value.find((t) => t.name === a);
+      const l = X.value.find((t) => t.name === a);
       return l || (e.value.debug && console.warn(`VueUiStackbar - Series name not found "${a}"`), null);
     }
     function Ka(a) {
@@ -777,7 +783,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       const l = Jt(a);
       l !== null && (P.value.includes(l.id) || it({ id: l.id }));
     }
-    const ut = g(() => Y.value.map((a, l) => ({
+    const ut = g(() => X.value.map((a, l) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
@@ -912,8 +918,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       });
     }
     function ta() {
-      const a = B.value?.[0]?.zero ?? n.value.bottom, l = B.value?.[0]?.horizontal_zero ?? n.value.left;
-      return { y0: a, x0: l };
+      return { y0: Y.value?.[0]?.zero ?? u.value.bottom };
     }
     function vl(a) {
       const { y0: l } = ta(), t = e.value.style.chart.bars.totalValues, r = Math.max(2, t.fontSize * 0.3 + t.offsetY);
@@ -925,7 +930,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       const z = (s && Number.isFinite(c) ? c : l) - r;
       return Math.min(
         Math.max(z, 0),
-        n.value.bottom
+        u.value.bottom
       );
     }
     function hl(a) {
@@ -951,7 +956,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       toggleTooltip: Gt,
       toggleAnnotator: ct,
       toggleFullscreen: Xt
-    }), (a, l) => (o(), u("div", {
+    }), (a, l) => (o(), n("div", {
       id: `stackbar_${U.value}`,
       ref_key: "stackbarChart",
       ref: J,
@@ -972,24 +977,24 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           w(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": S(({ color: t }) => [
-          w(a.$slots, "annotator-action-color", H(X({ color: t })), void 0, !0)
+          w(a.$slots, "annotator-action-color", B(H({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": S(({ mode: t }) => [
-          w(a.$slots, "annotator-action-draw", H(X({ mode: t })), void 0, !0)
+          w(a.$slots, "annotator-action-draw", B(H({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-undo", H(X({ disabled: t })), void 0, !0)
+          w(a.$slots, "annotator-action-undo", B(H({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-redo", H(X({ disabled: t })), void 0, !0)
+          w(a.$slots, "annotator-action-redo", B(H({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-delete", H(X({ disabled: t })), void 0, !0)
+          w(a.$slots, "annotator-action-delete", B(H({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
       w(a.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (o(), u("div", {
+      e.value.style.chart.title.text ? (o(), n("div", {
         key: 1,
         ref_key: "chartTitle",
         ref: mt,
@@ -1055,7 +1060,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: S(({ isOpen: t, color: r }) => [
-            w(a.$slots, "menuIcon", H(X({ isOpen: t, color: r })), void 0, !0)
+            w(a.$slots, "menuIcon", B(H({ isOpen: t, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1111,41 +1116,41 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: S(({ toggleFullscreen: t, isFullscreen: r }) => [
-            w(a.$slots, "optionFullscreen", H(X({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+            w(a.$slots, "optionFullscreen", B(H({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: S(({ toggleAnnotator: t, isAnnotator: r }) => [
-            w(a.$slots, "optionAnnotator", H(X({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+            w(a.$slots, "optionAnnotator", B(H({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
           key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
-      (o(), u("svg", {
+      (o(), n("svg", {
         ref_key: "svgRef",
         ref: tt,
         xmlns: m(Dl),
-        viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
+        viewBox: `0 0 ${u.value.chartWidth <= 0 ? 10 : u.value.chartWidth} ${u.value.chartHeight <= 0 ? 10 : u.value.chartHeight}`,
         class: he({ "vue-data-ui-loading": m(xe) }),
         style: ne(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         _e(m(_a)),
-        a.$slots["chart-background"] ? (o(), u("foreignObject", {
+        a.$slots["chart-background"] ? (o(), n("foreignObject", {
           key: 0,
-          x: n.value.left,
-          y: n.value.top,
-          width: n.value.width <= 0 ? 10 : n.value.width,
-          height: n.value.height <= 0 ? 10 : n.value.height,
+          x: u.value.left,
+          y: u.value.top,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           w(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, vr)) : f("", !0),
-        e.value.style.chart.bars.gradient.show ? (o(), u("defs", hr, [
-          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("linearGradient", {
+        e.value.style.chart.bars.gradient.show ? (o(), n("defs", hr, [
+          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
             y1: "0%",
@@ -1166,13 +1171,13 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             }, null, 8, fr)
           ], 8, dr))), 256))
         ])) : f("", !0),
-        e.value.style.chart.grid.frame.show ? (o(), u("rect", {
+        e.value.style.chart.grid.frame.show ? (o(), n("rect", {
           key: 2,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-          x: Math.max(0, n.value.left),
-          y: Math.max(0, n.value.top),
-          width: Math.max(0, n.value.width),
-          height: Math.max(0, n.value.height),
+          x: Math.max(0, u.value.left),
+          y: Math.max(0, u.value.top),
+          width: Math.max(0, u.value.width),
+          height: Math.max(0, u.value.height),
           fill: "transparent",
           stroke: e.value.style.chart.grid.frame.stroke,
           "stroke-width": e.value.style.chart.grid.frame.strokeWidth,
@@ -1180,9 +1185,9 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           "stroke-linejoin": e.value.style.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.value.style.chart.grid.frame.strokeDasharray
         }, null, 8, br)) : f("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), u(x, { key: 3 }, L(B.value, (t, r) => (o(), u("line", {
-          x1: n.value.left,
-          x2: n.value.right,
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 3 }, L(Y.value, (t, r) => (o(), n("line", {
+          x1: u.value.left,
+          x2: u.value.right,
           y1: t.y,
           y2: t.y,
           stroke: e.value.style.chart.grid.x.linesColor,
@@ -1190,42 +1195,42 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, mr))), 256)) : f("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), u(x, { key: 4 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), u("line", {
-          x1: n.value.left,
-          x2: n.value.right,
-          y1: n.value.top + p.value * r,
-          y2: n.value.top + p.value * r,
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 4 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), n("line", {
+          x1: u.value.left,
+          x2: u.value.right,
+          y1: u.value.top + p.value * r,
+          y2: u.value.top + p.value * r,
           stroke: e.value.style.chart.grid.x.linesColor,
           "stroke-width": e.value.style.chart.grid.x.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, pr))), 256)) : f("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), u(x, { key: 5 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), u("line", {
-          x1: n.value.left + p.value * r,
-          x2: n.value.left + p.value * r,
-          y1: n.value.top,
-          y2: n.value.bottom,
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 5 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), n("line", {
+          x1: u.value.left + p.value * r,
+          x2: u.value.left + p.value * r,
+          y1: u.value.top,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.y.linesColor,
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, xr))), 256)) : f("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (o(!0), u(x, { key: 6 }, L(B.value, (t, r) => (o(), u("line", {
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 6 }, L(Y.value, (t, r) => (o(), n("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
-          y1: n.value.top,
-          y2: n.value.bottom,
+          y1: u.value.top,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.y.linesColor,
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, kr))), 256)) : f("", !0),
-        (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
-          a.$slots.pattern ? (o(), u("defs", wr, [
+        (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
+          a.$slots.pattern ? (o(), n("defs", wr, [
             w(a.$slots, "pattern", Te({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${U.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : f("", !0),
-          e.value.orientation === "vertical" ? (o(), u(x, { key: 1 }, [
-            (o(!0), u(x, null, L(t.x, (c, s) => (o(), u("rect", {
+          e.value.orientation === "vertical" ? (o(), n(x, { key: 1 }, [
+            (o(!0), n(x, null, L(t.x, (c, s) => (o(), n("rect", {
               x: c,
               y: m(ie)(t.y[s]),
               height: t.height[s] < 0 ? 1e-4 : t.height[s] || 0,
@@ -1238,8 +1243,8 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
               "stroke-linejoin": "round",
               class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
             }, null, 10, Lr))), 256)),
-            a.$slots.pattern ? (o(), u("g", Sr, [
-              (o(!0), u(x, null, L(t.x, (c, s) => (o(), u("rect", {
+            a.$slots.pattern ? (o(), n("g", Sr, [
+              (o(!0), n(x, null, L(t.x, (c, s) => (o(), n("rect", {
                 x: c,
                 y: m(ie)(t.y[s]),
                 height: t.height[s] < 0 ? 1e-4 : t.height[s] || 0,
@@ -1253,9 +1258,9 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
                 class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
               }, null, 10, zr))), 256))
             ])) : f("", !0)
-          ], 64)) : (o(), u(x, { key: 2 }, [
-            (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u("rect", {
-              x: m(ie)(c, n.value.left),
+          ], 64)) : (o(), n(x, { key: 2 }, [
+            (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n("rect", {
+              x: m(ie)(c, u.value.left),
               y: t.horizontal_y[s] < 0 ? 0 : t.horizontal_y[s],
               width: m(ie)(t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]),
               rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
@@ -1267,9 +1272,9 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
               "stroke-linejoin": "round",
               class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
             }, null, 10, Cr))), 256)),
-            a.$slots.pattern ? (o(), u("g", Mr, [
-              (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u("rect", {
-                x: m(ie)(c, n.value.left),
+            a.$slots.pattern ? (o(), n("g", Mr, [
+              (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n("rect", {
+                x: m(ie)(c, u.value.left),
                 y: t.horizontal_y[s] < 0 ? 0 : t.horizontal_y[s],
                 width: m(ie)(t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]),
                 rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
@@ -1284,53 +1289,53 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             ])) : f("", !0)
           ], 64))
         ]))), 256)),
-        e.value.style.chart.grid.x.showAxis ? (o(), u("line", {
+        e.value.style.chart.grid.x.showAxis ? (o(), n("line", {
           key: 7,
-          x1: n.value.left,
-          x2: n.value.right,
-          y1: n.value.bottom,
-          y2: n.value.bottom,
+          x1: u.value.left,
+          x2: u.value.right,
+          y1: u.value.bottom,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.x.axisColor,
           "stroke-width": e.value.style.chart.grid.x.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, null, 8, Tr)) : f("", !0),
-        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (o(), u("line", {
+        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (o(), n("line", {
           key: 8,
-          x1: n.value.left,
-          x2: n.value.left,
-          y1: n.value.top,
-          y2: n.value.bottom,
+          x1: u.value.left,
+          x2: u.value.left,
+          y1: u.value.top,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.y.axisColor,
           "stroke-width": e.value.style.chart.grid.y.axisThickness,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, null, 8, $r)) : f("", !0),
-        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (o(), u("text", {
+        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (o(), n("text", {
           key: 9,
           ref_key: "xAxisLabel",
           ref: Je,
-          x: n.value.left + n.value.width / 2,
-          y: n.value.chartHeight - 3,
+          x: u.value.left + u.value.width / 2,
+          y: u.value.chartHeight - 3,
           "font-size": e.value.style.chart.grid.x.axisName.fontSize,
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
         }, E(e.value.style.chart.grid.x.axisName.text), 9, Ar)) : f("", !0),
-        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (o(), u("text", {
+        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (o(), n("text", {
           key: 10,
           ref_key: "yAxisLabel",
           ref: Ze,
-          transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${n.value.top + n.value.height / 2}) rotate(-90)`,
+          transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${u.value.top + u.value.height / 2}) rotate(-90)`,
           "font-size": e.value.style.chart.grid.y.axisName.fontSize,
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
         }, E(e.value.style.chart.grid.y.axisName.text), 9, Pr)) : f("", !0),
-        $.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), u(x, { key: 11 }, [
-          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
-            (o(!0), u(x, null, L(t.x, (c, s) => (o(), u(x, null, [
-              Zt(t.series[s], t.proportions[s]) ? (o(), u("text", {
+        $.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), n(x, { key: 11 }, [
+          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
+            (o(!0), n(x, null, L(t.x, (c, s) => (o(), n(x, null, [
+              Zt(t.series[s], t.proportions[s]) ? (o(), n("text", {
                 key: 0,
                 x: c + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
                 y: t.y[s] + t.height[s] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1341,15 +1346,15 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
               }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Et(t.proportions[s] * 100, t, r, s) : Ie(t.series[s], t, r, s, t.signedSeries[s])), 9, Nr)) : f("", !0)
             ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), u("g", {
+          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), n("g", {
             key: 0,
             ref_key: "sumTop",
             ref: Oa
           }, [
-            (o(!0), u(x, null, L(Vt.value, (t, r) => (o(), u(x, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), u("text", {
+            (o(!0), n(x, null, L(Vt.value, (t, r) => (o(), n(x, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), n("text", {
                 key: 0,
-                x: n.value.left + p.value * r + p.value / 2,
+                x: u.value.left + p.value * r + p.value / 2,
                 y: vl(r),
                 "text-anchor": "middle",
                 "font-size": e.value.style.chart.bars.totalValues.fontSize,
@@ -1359,10 +1364,10 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             ], 64))), 256))
           ], 512)) : f("", !0)
         ], 64)) : f("", !0),
-        $.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), u(x, { key: 12 }, [
-          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
-            (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u(x, null, [
-              Zt(t.series[s], t.proportions[s]) ? (o(), u("text", {
+        $.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), n(x, { key: 12 }, [
+          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
+            (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n(x, null, [
+              Zt(t.series[s], t.proportions[s]) ? (o(), n("text", {
                 key: 0,
                 x: c + (t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]) / 2,
                 y: t.horizontal_y[s] + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1373,16 +1378,16 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
               }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Et(t.proportions[s] * 100, t, r, s) : Ie(t.series[s], t, r, s, t.signedSeries[s])), 9, Rr)) : f("", !0)
             ], 64))), 256))
           ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), u("g", {
+          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), n("g", {
             key: 0,
             ref_key: "sumRight",
             ref: Qe
           }, [
-            (o(!0), u(x, null, L(Vt.value, (t, r) => (o(), u(x, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), u("text", {
+            (o(!0), n(x, null, L(Vt.value, (t, r) => (o(), n(x, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), n("text", {
                 key: 0,
                 x: hl(r),
-                y: n.value.top + p.value * r + p.value / 2 + e.value.style.chart.bars.totalValues.fontSize / 3,
+                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.bars.totalValues.fontSize / 3,
                 "text-anchor": "start",
                 "font-size": e.value.style.chart.bars.totalValues.fontSize,
                 "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
@@ -1391,20 +1396,20 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             ], 64))), 256))
           ], 512)) : f("", !0)
         ], 64)) : f("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (o(), u("g", {
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (o(), n("g", {
           key: 13,
           ref_key: "scaleLabels",
           ref: re
         }, [
-          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("line", {
-            x1: n.value.left,
-            x2: n.value.left - 6,
+          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("line", {
+            x1: u.value.left,
+            x2: u.value.left - 6,
             y1: t.y,
             y2: t.y,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
           }, null, 8, Fr))), 256)),
-          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("text", {
+          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("text", {
             x: t.x,
             y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
             "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1423,27 +1428,27 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             { datapoint: t }
           )), 9, Dr))), 256))
         ], 512)) : f("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (o(), u("g", {
+        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (o(), n("g", {
           key: 14,
           ref_key: "scaleLabels",
           ref: re
         }, [
-          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("line", {
+          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
-            y1: n.value.bottom,
-            y2: n.value.bottom + 6,
+            y1: u.value.bottom,
+            y2: u.value.bottom + 6,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1,
             "stroke-linecap": "round"
           }, null, 8, Vr))), 256)),
-          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("text", {
+          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("text", {
             class: "vue-data-ui-time-label",
             "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-            transform: `translate(${t.horizontal_x}, ${n.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})`
+            transform: `translate(${t.horizontal_x}, ${u.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})`
           }, E(m(ye)(
             e.value.style.chart.grid.y.axisLabels.formatter,
             t.value,
@@ -1456,37 +1461,37 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             { datapoint: t }
           )), 9, Er))), 256))
         ], 512)) : f("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), u("g", {
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), n("g", {
           key: 15,
           ref_key: "timeLabelsEls",
           ref: se
         }, [
-          a.$slots["time-label"] ? (o(), u("g", Ur, [
-            (o(!0), u(x, null, L(It.value, (t, r) => (o(), u("g", null, [
+          a.$slots["time-label"] ? (o(), n("g", Ur, [
+            (o(!0), n(x, null, L(It.value, (t, r) => (o(), n("g", null, [
               w(a.$slots, "time-label", Te({ ref_for: !0 }, {
-                x: n.value.left + p.value * r + p.value / 2,
-                y: n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
+                x: u.value.left + p.value * r + p.value / 2,
+                y: u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                 fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${n.value.left + p.value * r + p.value / 2}, ${n.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})`,
+                transform: `translate(${u.value.left + p.value * r + p.value / 2}, ${u.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})`,
                 absoluteIndex: t.absoluteIndex,
                 content: t.text,
                 textAnchor: e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (o(), u("g", Br, [
-            (o(!0), u(x, null, L(It.value, (t, r) => (o(), u("g", null, [
+          ])) : (o(), n("g", Br, [
+            (o(!0), n(x, null, L(It.value, (t, r) => (o(), n("g", null, [
               String(t.text).includes(`
-`) ? (o(), u("text", {
+`) ? (o(), n("text", {
                 key: r + "-multi",
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: `
                                     translate(
-                                    ${n.value.left + p.value * r + p.value / 2},
-                                    ${n.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}
+                                    ${u.value.left + p.value * r + p.value / 2},
+                                    ${u.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})
                                 `,
@@ -1499,30 +1504,30 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
                   y: 0
                 }),
                 onClick: () => Ve(t, r)
-              }, null, 8, Xr)) : (o(), u("text", {
+              }, null, 8, Xr)) : (o(), n("text", {
                 class: "vue-data-ui-time-label",
                 key: r,
                 "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
                 "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${n.value.left + p.value * r + p.value / 2}, ${n.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})`,
+                transform: `translate(${u.value.left + p.value * r + p.value / 2}, ${u.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: () => Ve(t, r)
               }, E(t.text), 9, Hr))
             ]))), 256))
           ]))
         ], 512)) : f("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), u("g", {
+        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), n("g", {
           key: 16,
           ref_key: "timeLabelsEls",
           ref: se
         }, [
-          a.$slots["time-label"] ? (o(), u("g", Yr, [
-            (o(!0), u(x, null, L(I.value, (t, r) => (o(), u("g", null, [
+          a.$slots["time-label"] ? (o(), n("g", Yr, [
+            (o(!0), n(x, null, L(I.value, (t, r) => (o(), n("g", null, [
               w(a.$slots, "time-label", Te({ ref_for: !0 }, {
-                x: n.value.left - 8,
-                y: n.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                x: u.value.left - 8,
+                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                 fill: e.value.style.chart.grid.x.timeLabels.color,
                 transform: null,
@@ -1532,34 +1537,34 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (o(), u("g", Wr, [
-            (o(!0), u(x, null, L(I.value, (t, r) => (o(), u("g", null, [
+          ])) : (o(), n("g", Wr, [
+            (o(!0), n(x, null, L(I.value, (t, r) => (o(), n("g", null, [
               String(t.text).includes(`
-`) ? (o(), u("text", {
+`) ? (o(), n("text", {
                 key: 1,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
                 "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.y.axisLabels.color,
-                x: n.value.left - 8,
-                y: n.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                x: u.value.left - 8,
+                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: { cursor: "pointer" },
                 onClick: () => Ve(t, r),
                 innerHTML: m(Ul)({
                   content: String(t.text),
                   fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
                   fill: e.value.style.chart.grid.y.axisLabels.color,
-                  x: n.value.left - 8,
+                  x: u.value.left - 8,
                   y: 0
                 })
-              }, null, 8, qr)) : (o(), u("text", {
+              }, null, 8, qr)) : (o(), n("text", {
                 key: 0,
                 "text-anchor": "end",
                 "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
                 "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.grid.y.axisLabels.color,
-                x: n.value.left - 8,
-                y: n.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
+                x: u.value.left - 8,
+                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 style: {
                   cursor: "pointer"
                 },
@@ -1568,21 +1573,21 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             ]))), 256))
           ]))
         ], 512)) : f("", !0),
-        $.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), u(x, { key: 17 }, L(v.value.end - v.value.start, (t, r) => (o(), u("rect", {
-          x: n.value.left + r * p.value,
-          y: n.value.top,
+        $.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 17 }, L(v.value.end - v.value.start, (t, r) => (o(), n("rect", {
+          x: u.value.left + r * p.value,
+          y: u.value.top,
           width: p.value,
-          height: n.value.height < 0 ? 0 : n.value.height,
+          height: u.value.height < 0 ? 0 : u.value.height,
           onClick: () => Ut(r),
           onMouseenter: () => Ht(r),
           onMouseleave: () => Bt(r),
           fill: r === q.value || r === Ke.value ? e.value.style.chart.highlighter.color : "transparent",
           style: ne({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, Jr))), 256)) : f("", !0),
-        $.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), u(x, { key: 18 }, L(v.value.end - v.value.start, (t, r) => (o(), u("rect", {
-          x: n.value.left,
-          y: n.value.top + r * p.value,
-          width: n.value.width < 0 ? 0 : n.value.width,
+        $.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 18 }, L(v.value.end - v.value.start, (t, r) => (o(), n("rect", {
+          x: u.value.left,
+          y: u.value.top + r * p.value,
+          width: u.value.width < 0 ? 0 : u.value.width,
           height: p.value,
           onClick: () => Ut(r),
           onMouseenter: () => Ht(r),
@@ -1590,19 +1595,19 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           fill: r === q.value || r === Ke.value ? e.value.style.chart.highlighter.color : "transparent",
           style: ne({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, Zr))), 256)) : f("", !0),
-        Nt.value ? (o(), u("rect", Te({ key: 19 }, Ba.value, {
+        Nt.value ? (o(), n("rect", Te({ key: 19 }, Ba.value, {
           "data-start": v.value.start,
           "data-end": v.value.end
         }), null, 16, Qr)) : f("", !0),
         w(a.$slots, "svg", {
           svg: {
-            drawingArea: n.value,
+            drawingArea: u.value,
             data: C.value
           }
         }, void 0, !0)
       ], 14, cr)),
-      a.$slots.watermark ? (o(), u("div", Kr, [
-        w(a.$slots, "watermark", H(X({ isPrinting: m(Mt) || m(_t) })), void 0, !0)
+      a.$slots.watermark ? (o(), n("div", Kr, [
+        w(a.$slots, "watermark", B(H({ isPrinting: m(Mt) || m(_t) })), void 0, !0)
       ])) : f("", !0),
       e.value.style.chart.zoom.show && N.value > 6 && fe.value && ea.value ? (o(), ee(or, {
         key: 4,
@@ -1656,13 +1661,13 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         onFutureStart: l[1] || (l[1] = (t) => Ot("start", t))
       }, {
         "reset-action": S(({ reset: t }) => [
-          w(a.$slots, "reset-action", H(X({ reset: t })), void 0, !0)
+          w(a.$slots, "reset-action", B(H({ reset: t })), void 0, !0)
         ]),
         slotMap: S(({ width: t, height: r, unitW: c }) => [
-          (o(!0), u(x, null, L(C.value, (s) => (o(), u("g", {
+          (o(!0), n(x, null, L(C.value, (s) => (o(), n("g", {
             key: s.id
           }, [
-            (o(!0), u(x, null, L(s.xMinimap({ left: 0, unitW: c }), (b, z) => (o(), u("rect", {
+            (o(!0), n(x, null, L(s.xMinimap({ left: 0, unitW: c }), (b, z) => (o(), n("rect", {
               key: z,
               x: z === 0 ? b - c * (e.value.style.chart.bars.gapRatio / 4) : b - c / 2,
               y: Math.max(0, Math.min(r, s.yMinimap({ minimapH: r })[z])),
@@ -1703,10 +1708,10 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": S(() => [
-          w(a.$slots, "tooltip-before", H(X({ ...We.value })), void 0, !0)
+          w(a.$slots, "tooltip-before", B(H({ ...We.value })), void 0, !0)
         ]),
         "tooltip-after": S(() => [
-          w(a.$slots, "tooltip-after", H(X({ ...We.value })), void 0, !0)
+          w(a.$slots, "tooltip-after", B(H({ ...We.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -1728,7 +1733,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
             onClickMarker: l[2] || (l[2] = ({ legend: t }) => t.segregate())
           }, gt({
             item: S(({ legend: t }) => [
-              m(xe) ? f("", !0) : (o(), u("div", {
+              m(xe) ? f("", !0) : (o(), n("div", {
                 key: 0,
                 onClick: (r) => t.segregate(),
                 style: ne(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
@@ -1755,7 +1760,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : f("", !0),
-      a.$slots.source ? (o(), u("div", {
+      a.$slots.source ? (o(), n("div", {
         key: 6,
         ref_key: "source",
         ref: xt,
@@ -1821,7 +1826,7 @@ const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "widt
       m(xe) ? (o(), ee(ql, { key: 8 })) : f("", !0)
     ], 46, ir));
   }
-}, Ls = /* @__PURE__ */ nr(ls, [["__scopeId", "data-v-1e5ecd2a"]]);
+}, Ls = /* @__PURE__ */ nr(ls, [["__scopeId", "data-v-dc5fe0a8"]]);
 export {
   Ls as default
 };