vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-bump-BJUb7fNz.js → vue-ui-bump-BJZrexv4.js}

@@ -1,39 +1,43 @@
-import { defineAsyncComponent as F, computed as y, ref as d, toRefs as Rt, onMounted as Nt, watch as Z, shallowRef as Re, onBeforeUnmount as Ne, watchEffect as Vt, createElementBlock as c, openBlock as u, normalizeStyle as L, normalizeClass as Ve, createBlock as N, createCommentVNode as g, renderSlot as b, unref as h, withCtx as p, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as ye, Fragment as k, renderList as S, createElementVNode as ee, toDisplayString as V, mergeProps as be, resolveDynamicComponent as Wt, createTextVNode as Ue } from "vue";
-import { c as Xe, t as Ut, i as Xt, j as te, k as jt, o as je, g as Ye, l as Yt, m as Ge, a as Gt, d as qt, x as qe, E as W, A as Jt, C as Kt, S as Qt, X as Zt, $ as me, v as el, r as tl } from "./lib-2iaAPQ_c.js";
-import { t as Je, u as ll } from "./useResponsive-DfdjqQps.js";
-import { u as al, a as pe } from "./useNestedProp-BCt4DMkT.js";
-import { u as ol, B as nl } from "./BaseScanner-BMpwQAfz.js";
-import { u as sl } from "./usePrinter-ChVMpU2f.js";
-import { u as ul } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as rl } from "./useTimeLabels-DKoynYae.js";
-import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as cl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as vl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import hl from "./Title-B5L2jweB.js";
-import dl from "./BaseDraggableDialog-O2XSymlZ.js";
-import { u as fl } from "./useSvgExport-ByUukOZt.js";
-import { _ as yl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Qe = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { lines: { coatingColor: "#FFF8E1" }, nameLabels: { color: "#424242" }, plots: { stroke: "#FFF8E1" }, timeLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Ze = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { lines: { coatingColor: "#1E1E1E" }, nameLabels: { color: "#BDBDBD" }, plots: { stroke: "#1E1E1E" }, timeLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, et = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#99AA99" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, tt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { lines: { coatingColor: "#fbfafa" }, nameLabels: { color: "#8A9892" }, plots: { stroke: "#fbfafa" }, timeLabels: { color: "#8A9892" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, lt = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { lines: { coatingColor: "#f6f6fb" }, nameLabels: { color: "#50606C" }, plots: { stroke: "#f6f6fb" }, timeLabels: { color: "#50606C" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, at = {
+import { defineAsyncComponent as F, computed as y, ref as d, toRefs as Vt, onMounted as Wt, watch as Z, shallowRef as Re, onBeforeUnmount as Ne, watchEffect as Ut, createElementBlock as c, openBlock as u, normalizeStyle as L, normalizeClass as Ve, createBlock as N, createCommentVNode as g, renderSlot as b, unref as h, withCtx as p, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as ye, Fragment as k, renderList as S, createElementVNode as ee, toDisplayString as V, mergeProps as be, resolveDynamicComponent as Xt, createTextVNode as Ue } from "vue";
+import { c as Xe, t as jt, i as Yt, j as te, k as Gt, o as je, g as Ye, l as qt, m as Ge, a as Jt, d as Kt, x as qe, E as W, A as Qt, C as Zt, S as el, X as tl, $ as me, v as ll, r as ol } from "./lib-CVHM9FhP.js";
+import { t as Je, u as al } from "./useResponsive-DfdjqQps.js";
+import { u as nl, a as pe } from "./useNestedProp-Ckf_2P_V.js";
+import { u as sl, B as ul } from "./BaseScanner-BMpwQAfz.js";
+import { u as rl } from "./usePrinter-1NmjuP-i.js";
+import { u as il } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as cl } from "./useTimeLabels-DKoynYae.js";
+import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as hl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as dl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import fl from "./Title-NgeRXqRA.js";
+import yl from "./BaseDraggableDialog-BQYfVNu8.js";
+import { u as bl } from "./useSvgExport-ByUukOZt.js";
+import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ke = { userOptions: { show: !1 } }, Qe = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Ze = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, et = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { lines: { coatingColor: "#FFF8E1" }, nameLabels: { color: "#424242" }, plots: { stroke: "#FFF8E1" }, timeLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, tt = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { lines: { coatingColor: "#1E1E1E" }, nameLabels: { color: "#BDBDBD" }, plots: { stroke: "#1E1E1E" }, timeLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, lt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#99AA99" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, ot = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { lines: { coatingColor: "#fbfafa" }, nameLabels: { color: "#8A9892" }, plots: { stroke: "#fbfafa" }, timeLabels: { color: "#8A9892" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, at = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { lines: { coatingColor: "#f6f6fb" }, nameLabels: { color: "#50606C" }, plots: { stroke: "#f6f6fb" }, timeLabels: { color: "#50606C" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, nt = {
   default: {},
-  dark: Ke,
-  celebration: Qe,
-  celebrationNight: Ze,
-  hack: et,
-  zen: tt,
-  concrete: lt
-}, Jl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Ke,
+  minimalDark: Qe,
+  dark: Ze,
+  celebration: et,
+  celebrationNight: tt,
+  hack: lt,
+  zen: ot,
+  concrete: at
+}, Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Qe,
-  celebrationNight: Ze,
-  concrete: lt,
-  dark: Ke,
-  default: at,
-  hack: et,
-  zen: tt
-}, Symbol.toStringTag, { value: "Module" })), bl = ["id"], ml = ["xmlns", "viewBox"], pl = ["x", "y", "width", "height"], gl = ["d", "stroke", "stroke-width", "onMouseenter"], Cl = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], kl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Al = ["x", "y", "fill", "font-size"], Ll = ["onMouseenter", "onMouseleave", "onClick"], wl = ["x", "y", "fill", "font-size"], xl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], $l = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Sl = { key: 0 }, Tl = { key: 1 }, Ml = ["text-anchor", "font-size", "font-weight", "fill", "transform"], zl = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], El = {
+  celebration: et,
+  celebrationNight: tt,
+  concrete: at,
+  dark: Ze,
+  default: nt,
+  hack: lt,
+  minimal: Ke,
+  minimalDark: Qe,
+  zen: ot
+}, Symbol.toStringTag, { value: "Module" })), pl = ["id"], gl = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"], kl = ["d", "stroke", "stroke-width", "onMouseenter"], Al = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ll = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], wl = ["x", "y", "fill", "font-size"], xl = ["onMouseenter", "onMouseleave", "onClick"], $l = ["x", "y", "fill", "font-size"], Sl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Tl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Ml = { key: 0 }, zl = { key: 1 }, Dl = ["text-anchor", "font-size", "font-weight", "fill", "transform"], El = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], Ol = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Dl = ["innerHTML"], Il = {
+}, Il = ["innerHTML"], Pl = {
   __name: "vue-ui-bump",
   props: {
     config: {
@@ -49,16 +53,16 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }
     }
   },
-  setup(ot, { expose: nt }) {
-    const st = F(() => import("./BaseIcon-B9bGT7HU.js")), ut = F(() => import("./vue-ui-accordion-CAXPDm31.js")), rt = F(() => import("./DataTable-DEwh__D8.js")), it = F(() => import("./PenAndPaper-CulSakut.js")), ct = F(() => import("./UserOptions-5pXc4J-c.js")), vt = F(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_bump: ht } = al(), { isThemeValid: dt, warnInvalidTheme: ft } = ul(), A = ot, U = y({
+  setup(st, { expose: ut }) {
+    const rt = F(() => import("./BaseIcon-4uOct8re.js")), it = F(() => import("./vue-ui-accordion-DFKaB_05.js")), ct = F(() => import("./DataTable-DyoDzNNY.js")), vt = F(() => import("./PenAndPaper-LTuSTmWE.js")), ht = F(() => import("./UserOptions-CX7Xsusk.js")), dt = F(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_bump: ft } = nl(), { isThemeValid: yt, warnInvalidTheme: bt } = il(), A = st, U = y({
       get() {
         return !!A.dataset && A.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), T = d(null), le = d(Xe()), ge = d(0), Ce = d(null), ke = d(null), Ae = d(null), X = d(!1), ae = d(!1), Le = d(0), yt = d(0), _ = d(null), oe = d(null), we = d(!1), ne = d(null), se = d(null), j = d(null), f = d(null), e = d(ue()), { loading: Y, FINAL_DATASET: bt, manualLoading: G } = ol({
-      ...Rt(A),
+    }), T = d(null), le = d(Xe()), ge = d(0), Ce = d(null), ke = d(null), Ae = d(null), X = d(!1), oe = d(!1), Le = d(0), mt = d(0), _ = d(null), ae = d(null), we = d(!1), ne = d(null), se = d(null), j = d(null), f = d(null), e = d(ue()), { loading: Y, FINAL_DATASET: pt, manualLoading: G } = sl({
+      ...Vt(A),
       FINAL_CONFIG: e,
       prepareConfig: ue,
       skeletonDataset: [
@@ -66,7 +70,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         { name: "————", values: [2, 2, 2, 1, 3, 3, 2, 2, 3, 3], color: "#6A6A6A" },
         { name: "————", values: [3, 3, 3, 3, 1, 1, 1, 1, 1, 1], color: "#8A8A8A" }
       ],
-      skeletonConfig: Ut({
+      skeletonConfig: jt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -94,50 +98,50 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }
       })
     });
-    Nt(Ie);
+    Wt(Oe);
     function ue() {
       const l = pe({
         userConfig: A.config,
-        defaultConfig: ht
+        defaultConfig: ft
       });
-      let a = {};
+      let o = {};
       const t = l.theme;
       if (t)
-        if (!dt.value(l))
-          ft(l), a = l;
+        if (!yt.value(l))
+          bt(l), o = l;
         else {
-          const o = pe({
-            userConfig: at[t] || A.config,
+          const a = pe({
+            userConfig: nt[t] || A.config,
             defaultConfig: l
           });
-          a = {
+          o = {
             ...pe({
               userConfig: A.config,
-              defaultConfig: o
+              defaultConfig: a
             }),
-            customPalette: l.customPalette.length ? l.customPalette : Xt[t] || te
+            customPalette: l.customPalette.length ? l.customPalette : Yt[t] || te
           };
         }
       else
-        a = l;
-      return a;
+        o = l;
+      return o;
     }
-    const { userOptionsVisible: re, setUserOptionsVisibility: xe, keepUserOptionState: $e } = il({ config: e.value }), { svgRef: ie } = cl({ config: e.value.style.chart.title });
-    function mt() {
+    const { userOptionsVisible: re, setUserOptionsVisibility: xe, keepUserOptionState: $e } = vl({ config: e.value }), { svgRef: ie } = hl({ config: e.value.style.chart.title });
+    function gt() {
       we.value = !0, xe(!0);
     }
-    function pt() {
+    function Ct() {
       xe(!1), we.value = !1;
     }
-    const E = d({
+    const D = d({
       showTable: e.value.table.show
     });
     Z(e, () => {
-      E.value = {
+      D.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 }), Z(() => A.config, (l) => {
-      Y.value || (e.value = ue()), re.value = !e.value.userOptions.showOnChartHover, Ie(), Le.value += 1, yt.value += 1, E.value.showTable = e.value.table.show, w.value.width = e.value.style.chart.width, w.value.height = e.value.style.chart.height, w.value.paddingRatio = {
+      Y.value || (e.value = ue()), re.value = !e.value.userOptions.showOnChartHover, Oe(), Le.value += 1, mt.value += 1, D.value.showTable = e.value.table.show, w.value.width = e.value.style.chart.width, w.value.height = e.value.style.chart.height, w.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,
@@ -146,11 +150,11 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }), Z(() => A.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (G.value = !1);
     }, { deep: !0 });
-    const { isPrinting: Se, isImaging: Te, generatePdf: Me, generateImage: ze } = sl({
+    const { isPrinting: Se, isImaging: Te, generatePdf: Me, generateImage: ze } = rl({
       elementId: `bump_${le.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bump",
       options: e.value.userOptions.print
-    }), gt = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), w = d({
+    }), kt = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), w = d({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -159,14 +163,14 @@ const Ke = { 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
       }
-    }), Ct = y(() => jt(e.value.customPalette)), M = Re(null), O = Re(null), Ee = d(null), De = y(() => !!e.value.debug);
-    function Ie() {
+    }), At = y(() => Gt(e.value.customPalette)), M = Re(null), I = Re(null), De = d(null), Ee = y(() => !!e.value.debug);
+    function Oe() {
       if (je(A.dataset) ? (Ye({
         componentName: "VueUiBump",
         type: "dataset",
-        debug: De.value
-      }), G.value = !0) : A.dataset.forEach((l, a) => {
-        Yt({
+        debug: Ee.value
+      }), G.value = !0) : A.dataset.forEach((l, o) => {
+        qt({
           datasetObject: l,
           requiredAttributes: ["name", "values"]
         }).forEach((t) => {
@@ -174,16 +178,16 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             componentName: "VueUiBump",
             type: "datasetSerieAttribute",
             property: t,
-            index: a,
-            debug: De.value
+            index: o,
+            debug: Ee.value
           }), G.value = !0;
         });
       }), je(A.dataset) || (G.value = e.value.loading), setTimeout(() => {
-        ae.value = !0;
+        oe.value = !0;
       }, 10), e.value.responsive) {
         const l = Je(() => {
-          ae.value = !1;
-          const { width: a, height: t } = ll({
+          oe.value = !1;
+          const { width: o, height: t } = al({
             chart: T.value,
             noTitle: ke.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
@@ -192,79 +196,79 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             source: Ae.value
           });
           requestAnimationFrame(() => {
-            w.value.width = a, w.value.height = t - 12, clearTimeout(Ee.value), Ee.value = setTimeout(() => {
-              ae.value = !0;
+            w.value.width = o, w.value.height = t - 12, clearTimeout(De.value), De.value = setTimeout(() => {
+              oe.value = !0;
             }, 10);
           });
         });
-        M.value && (O.value && M.value.unobserve(O.value), M.value.disconnect()), M.value = new ResizeObserver(l), O.value = T.value.parentNode, M.value.observe(O.value);
+        M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect()), M.value = new ResizeObserver(l), I.value = T.value.parentNode, M.value.observe(I.value);
       }
     }
     Ne(() => {
-      M.value && (O.value && M.value.unobserve(O.value), M.value.disconnect());
+      M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect());
     });
-    const q = y(() => bt.value.map((l, a) => {
-      const t = Ge(l.color) || Ct.value[a] || te[a] || te[a % te.length];
+    const q = y(() => pt.value.map((l, o) => {
+      const t = Ge(l.color) || At.value[o] || te[o] || te[o % te.length];
       return {
         ...l,
-        absoluteIndex: a,
+        absoluteIndex: o,
         id: Xe(),
         color: t
       };
-    })), D = y(() => Math.max(...q.value.map((l) => l.values.length)));
-    function kt(l) {
-      const a = l.map(() => Array(D.value).fill(null));
-      for (let t = 0; t < D.value; t += 1) {
-        const o = l.map((n, i) => ({
+    })), E = y(() => Math.max(...q.value.map((l) => l.values.length)));
+    function Lt(l) {
+      const o = l.map(() => Array(E.value).fill(null));
+      for (let t = 0; t < E.value; t += 1) {
+        const a = l.map((n, i) => ({
           seriesIndex: i,
           value: n.values?.[t],
-          previousPosition: t > 0 ? a[i][t - 1] : i
+          previousPosition: t > 0 ? o[i][t - 1] : i
         })).filter((n) => Number.isFinite(n.value));
-        o.sort((n, i) => i.value !== n.value ? i.value - n.value : n.previousPosition - i.previousPosition);
-        for (let n = 0; n < o.length; n += 1) {
-          const i = o[n];
-          a[i.seriesIndex][t] = n;
+        a.sort((n, i) => i.value !== n.value ? i.value - n.value : n.previousPosition - i.previousPosition);
+        for (let n = 0; n < a.length; n += 1) {
+          const i = a[n];
+          o[i.seriesIndex][t] = n;
         }
       }
-      return a;
+      return o;
     }
-    function At() {
+    function wt() {
       let l = 0;
-      return ne.value && (l = Array.from(ne.value.querySelectorAll("tspan")).reduce((t, o) => {
-        const n = o.getComputedTextLength();
+      return ne.value && (l = Array.from(ne.value.querySelectorAll("tspan")).reduce((t, a) => {
+        const n = a.getComputedTextLength();
         return n > t ? n : t;
       }, 0)), l;
     }
-    function Lt() {
+    function xt() {
       let l = 0;
-      return se.value && (l = Array.from(se.value.querySelectorAll("tspan")).reduce((t, o) => {
-        const n = o.getComputedTextLength();
+      return se.value && (l = Array.from(se.value.querySelectorAll("tspan")).reduce((t, a) => {
+        const n = a.getComputedTextLength();
         return n > t ? n : t;
       }, 0)), l;
     }
-    const ce = d(0), wt = Je((l) => {
+    const ce = d(0), $t = Je((l) => {
       ce.value = l;
     }, 100);
-    Vt((l) => {
-      const a = j.value;
-      if (!a) return;
-      const t = new ResizeObserver((o) => {
-        wt(o[0].contentRect.height);
+    Ut((l) => {
+      const o = j.value;
+      if (!o) return;
+      const t = new ResizeObserver((a) => {
+        $t(a[0].contentRect.height);
       });
-      t.observe(a), l(() => t.disconnect());
+      t.observe(o), l(() => t.disconnect());
     }), Ne(() => {
       ce.value = 0;
     });
-    const xt = y(() => {
+    const St = y(() => {
       let l = 0;
       return j.value && (l = ce.value), l;
     }), s = y(() => {
-      const { height: l, width: a } = w.value, { right: t, left: o } = w.value.paddingRatio;
-      let n = At(), i = Lt();
-      const r = e.value.style.chart.padding.top, v = a - a * t - i, m = a * o + n, C = a - a * t - a * o - n - i, P = l - r - e.value.style.chart.padding.bottom - xt.value, fe = r + P, _t = r + P, Bt = Math.max(0, l), Ht = Math.max(0, a);
+      const { height: l, width: o } = w.value, { right: t, left: a } = w.value.paddingRatio;
+      let n = wt(), i = xt();
+      const r = e.value.style.chart.padding.top, v = o - o * t - i, m = o * a + n, C = o - o * t - o * a - n - i, P = l - r - e.value.style.chart.padding.bottom - St.value, fe = r + P, Ht = r + P, Rt = Math.max(0, l), Nt = Math.max(0, o);
       return {
-        chartHeight: _t,
-        chartWidth: Ht,
+        chartHeight: Ht,
+        chartWidth: Nt,
         top: r,
         right: Math.max(0, v),
         bottom: Math.max(0, fe),
@@ -272,58 +276,58 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         width: Math.max(0, C),
         height: Math.max(0, P),
         unitH: Math.max(0, P) / q.value.length,
-        unitW: Math.max(0, C) / D.value,
-        svgHeight: Bt
+        unitW: Math.max(0, C) / E.value,
+        svgHeight: Rt
       };
     }), z = y(() => {
       if (!U.value && !Y.value) return [];
-      const l = kt(q.value);
-      return q.value.map((a, t) => ({
-        ...a,
+      const l = Lt(q.value);
+      return q.value.map((o, t) => ({
+        ...o,
         positions: l[t]
-      })).map((a) => {
-        const t = a.positions.map((i, r) => {
-          const v = Gt(
+      })).map((o) => {
+        const t = o.positions.map((i, r) => {
+          const v = Jt(
             e.value.style.chart.layout.plots.labels.formatter,
-            a.values[r],
-            qt({
+            o.values[r],
+            Kt({
               p: e.value.style.chart.layout.plots.labels.prefix,
-              v: a.values[r],
+              v: o.values[r],
               s: e.value.style.chart.layout.plots.labels.suffix,
               r: e.value.style.chart.layout.plots.labels.rounding
             })
           );
           return {
-            name: a.name,
-            id: a.id,
+            name: o.name,
+            id: o.id,
             x: s.value.left + r * s.value.unitW + s.value.unitW / 2,
             y: s.value.top + i * s.value.unitH + s.value.unitH / 2,
-            value: a.values[r],
+            value: o.values[r],
             displayValue: v,
-            rank: a.positions[r] + 1,
-            color: a.color,
-            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? qe(a.color) : Ge(e.value.style.chart.layout.plots.labels.color) ?? qe(a.color)
+            rank: o.positions[r] + 1,
+            color: o.color,
+            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? qe(o.color) : Ge(e.value.style.chart.layout.plots.labels.color) ?? qe(o.color)
           };
-        }), o = t.filter((i) => W(i.value)), n = e.value.style.chart.layout.lines.smooth ? Jt(o) : Kt(o);
+        }), a = t.filter((i) => W(i.value)), n = e.value.style.chart.layout.lines.smooth ? Qt(a) : Zt(a);
         return {
-          ...a,
+          ...o,
           coordinates: t,
           path: n
         };
       });
     });
-    function Oe(l, a, t, o) {
+    function Ie(l, o, t, a) {
       const n = l.toSorted((r, v) => r.y - v.y);
       for (let r = 1; r < n.length; r += 1) {
         const v = n[r - 1], m = n[r];
-        m.y < v.y + a && (m.y = v.y + a);
+        m.y < v.y + o && (m.y = v.y + o);
       }
       const i = n.length - 1;
-      if (i >= 0 && n[i].y > o) {
-        n[i].y = o;
+      if (i >= 0 && n[i].y > a) {
+        n[i].y = a;
         for (let r = i - 1; r >= 0; r -= 1) {
           const v = n[r + 1], m = n[r];
-          m.y > v.y - a && (m.y = v.y - a);
+          m.y > v.y - o && (m.y = v.y - o);
         }
       }
       if (n.length && n[0].y < t) {
@@ -334,32 +338,32 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       return n;
     }
     const Pe = y(() => {
-      const l = [], a = [];
+      const l = [], o = [];
       z.value.forEach((m) => {
         const C = m.coordinates.filter((fe) => Number.isFinite(fe.rank));
         if (!C.length) return;
         l.push({ ...C[0] });
         const P = C[C.length - 1];
-        a.push({ ...P });
+        o.push({ ...P });
       });
-      const t = e.value.style.chart.layout.nameLabels.fontSize, o = t * 1.4, n = s.value.top + t, i = s.value.bottom - t, r = Oe(
-        a,
+      const t = e.value.style.chart.layout.nameLabels.fontSize, a = t * 1.4, n = s.value.top + t, i = s.value.bottom - t, r = Ie(
         o,
+        a,
         n,
         i
       );
       return {
-        left: Oe(
+        left: Ie(
           l,
-          o,
+          a,
           n,
           i
         ),
         right: r
       };
     });
-    function $t(l) {
-      const a = e.value.style.chart.layout.plots.labels.fontSize * 0.4, t = l.displayValue, o = t.length * (e.value.style.chart.layout.plots.labels.fontSize * (t.length === 1 ? 1 : 0.6)), n = e.value.style.chart.layout.plots.labels.fontSize, i = o + a * 2, r = n + a * 2, v = l.x - i / 2, m = l.y - r / 2, C = e.value.style.chart.layout.plots.strokeWidth;
+    function Tt(l) {
+      const o = e.value.style.chart.layout.plots.labels.fontSize * 0.4, t = l.displayValue, a = t.length * (e.value.style.chart.layout.plots.labels.fontSize * (t.length === 1 ? 1 : 0.6)), n = e.value.style.chart.layout.plots.labels.fontSize, i = a + o * 2, r = n + o * 2, v = l.x - i / 2, m = l.y - r / 2, C = e.value.style.chart.layout.plots.strokeWidth;
       return {
         x: v - C / 2,
         y: m - C / 2,
@@ -371,41 +375,41 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         rx: r / 2
       };
     }
-    const B = y(() => rl({
+    const B = y(() => cl({
       values: e.value.style.chart.layout.timeLabels.values,
-      maxDatapoints: D.value,
+      maxDatapoints: E.value,
       formatter: e.value.style.chart.layout.timeLabels.datetimeFormatter,
       start: 0,
-      end: D.value
-    })), St = y(() => {
+      end: E.value
+    })), Mt = y(() => {
       const l = e.value.style.chart.layout.timeLabels.modulo;
-      return B.value.length ? Math.min(l, [...new Set(B.value.map((a) => a.text))].length) : l;
+      return B.value.length ? Math.min(l, [...new Set(B.value.map((o) => o.text))].length) : l;
     }), J = y(() => {
-      const l = e.value.style.chart.layout.timeLabels, a = B.value || [], t = B.value || [], o = 0, n = null, i = D.value, r = a.map((m) => m?.text ?? ""), v = t.map((m) => m?.text ?? "");
-      return Qt(
+      const l = e.value.style.chart.layout.timeLabels, o = B.value || [], t = B.value || [], a = 0, n = null, i = E.value, r = o.map((m) => m?.text ?? ""), v = t.map((m) => m?.text ?? "");
+      return el(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
-        Math.max(1, St.value || 1),
+        Math.max(1, Mt.value || 1),
         r,
         v,
-        o,
+        a,
         n,
         i
       );
-    }), Tt = y(() => w.value.width), Mt = y(() => w.value.height), zt = y(() => ({
+    }), zt = y(() => w.value.width), Dt = y(() => w.value.height), Et = y(() => ({
       start: 0,
-      end: D.value
+      end: E.value
     }));
-    vl({
+    dl({
       timeLabelsEls: j,
       timeLabels: B,
-      slicer: zt,
+      slicer: Et,
       configRef: e,
       rotationPath: ["style", "chart", "layout", "timeLabels", "rotation"],
       autoRotatePath: ["style", "chart", "layout", "timeLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: Tt,
-      height: Mt,
+      width: zt,
+      height: Dt,
       rotation: e.value.style.chart.layout.timeLabels.autoRotate.angle
     });
     const K = d(!1);
@@ -416,31 +420,31 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       X.value = l, ge.value += 1;
     }
     function _e() {
-      E.value.showTable = !E.value.showTable;
+      D.value.showTable = !D.value.showTable;
     }
-    Z(() => E.value.showTable, (l) => {
+    Z(() => D.value.showTable, (l) => {
       e.value.table.show || (l && e.value.table.useDialog && _.value ? _.value.open() : "close" in _.value && _.value.close());
     });
     function Be() {
-      E.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
+      D.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
     }
-    function Et() {
+    function Ot() {
       return z.value;
     }
     function he(l = null) {
-      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...J.value.map((v) => v?.text ?? "")], o = z.value.map((v) => [
+      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...J.value.map((v) => v?.text ?? "")], a = z.value.map((v) => [
         v.name,
         ...v.coordinates.map((m) => `${m.displayValue}`)
       ]), n = z.value.map((v) => [
         v.name,
         ...v.coordinates.map((m) => `${m.rank}`)
-      ]), i = a.concat([[e.value.table.columnNames.values]]).concat([t]).concat(o).concat([[""], [e.value.table.columnNames.ranking], [t]]).concat(n), r = el(i);
-      l ? l(r) : tl({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-bump" });
+      ]), i = o.concat([[e.value.table.columnNames.values]]).concat([t]).concat(a).concat([[""], [e.value.table.columnNames.ranking], [t]]).concat(n), r = ll(i);
+      l ? l(r) : ol({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-bump" });
     }
     const H = y(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, a = E.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
       return {
-        component: l ? dl : ut,
+        component: l ? yl : it,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -453,7 +457,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         } : {
           hideDetails: !0,
           config: {
-            open: a,
+            open: o,
             maxHeight: 1e4,
             body: {
               backgroundColor: e.value.style.chart.backgroundColor,
@@ -467,7 +471,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }
       };
     }), Q = y(() => {
-      const l = [""].concat(J.value.map((n) => n.text)), a = z.value.map((n, i) => [
+      const l = [""].concat(J.value.map((n) => n.text)), o = z.value.map((n, i) => [
         n.name,
         ...n.coordinates.map((r) => `${r.displayValue} (${r.rank})`)
       ]), t = {
@@ -482,55 +486,55 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, o = [e.value.table.columnNames.series];
-      return { head: l, body: a, config: t, colNames: o };
-    }), Dt = y(() => e.value.style.chart.backgroundColor), It = y(() => e.value.style.chart.title), { exportSvg: Ot, getSvg: Pt } = fl({
+      }, a = [e.value.table.columnNames.series];
+      return { head: l, body: o, config: t, colNames: a };
+    }), It = y(() => e.value.style.chart.backgroundColor), Pt = y(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: _t } = bl({
       svg: ie,
-      title: It,
+      title: Pt,
       legend: null,
       legendItems: null,
-      backgroundColor: Dt
+      backgroundColor: It
     });
     async function He({ isCb: l }) {
       if (l) {
-        const { blob: a, url: t, text: o, dataUrl: n } = await Pt();
-        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: o, dataUrl: n });
+        const { blob: o, url: t, text: a, dataUrl: n } = await _t();
+        e.value.userOptions.callbacks.svg({ blob: o, url: t, text: a, dataUrl: n });
       } else
-        Ot();
+        Ft();
     }
-    async function Ft({ scale: l = 2 } = {}) {
+    async function Bt({ scale: l = 2 } = {}) {
       if (!T.value) return;
-      const { width: a, height: t } = T.value.getBoundingClientRect(), o = a / t, { imageUri: n, base64: i } = await img({ domElement: T.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: t } = T.value.getBoundingClientRect(), a = o / t, { imageUri: n, base64: i } = await img({ domElement: T.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: n,
         base64: i,
         title: e.value.style.chart.title.text,
-        width: a,
+        width: o,
         height: t,
-        aspectRatio: o
+        aspectRatio: a
       };
     }
-    function I(l, a) {
-      f.value = a.id, e.value.events.datapointEnter && e.value.events.datapointEnter({
+    function O(l, o) {
+      f.value = o.id, e.value.events.datapointEnter && e.value.events.datapointEnter({
         datapoint: l,
         seriesIndex: l?.pointIndex ?? null
       });
     }
-    function R(l, a) {
+    function R(l, o) {
       f.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({
         datapoint: l,
         seriesIndex: l?.pointIndex ?? null
       });
     }
-    function de(l, a) {
+    function de(l, o) {
       e.value.events.datapointClick && e.value.events.datapointClick({
         datapoint: l,
         seriesIndex: l?.pointIndex ?? null
       });
     }
-    return nt({
-      getData: Et,
-      getImage: Ft,
+    return ut({
+      getData: Ot,
+      getImage: Bt,
       generatePdf: Me,
       generateCsv: he,
       generateImage: ze,
@@ -538,16 +542,16 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       toggleTable: _e,
       toggleAnnotator: ve,
       toggleFullscreen: Fe
-    }), (l, a) => (u(), c("div", {
+    }), (l, o) => (u(), c("div", {
       id: `bump_${le.value}`,
       ref_key: "bumpChart",
       ref: T,
       class: Ve({ "vue-data-ui-component": !0, "vue-ui-bump": !0, "vue-data-ui-wrapper-fullscreen": X.value }),
       style: L(`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: mt,
-      onMouseleave: pt
+      onMouseenter: gt,
+      onMouseleave: Ct
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), N(h(it), {
+      e.value.userOptions.buttons.annotator ? (u(), N(h(vt), {
         key: 0,
         svgRef: h(ie),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -576,7 +580,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       b(l.$slots, "userConfig", {}, void 0, !0),
-      gt.value ? (u(), c("div", {
+      kt.value ? (u(), c("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ke,
@@ -589,7 +593,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref: Ce,
         style: "width:100%;background:transparent;"
       }, [
-        (u(), N(hl, {
+        (u(), N(fl, {
           key: `title_${Le.value}`,
           config: {
             title: {
@@ -603,9 +607,9 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      e.value.userOptions.show && U.value && (h($e) || h(re)) ? (u(), N(h(ct), {
+      e.value.userOptions.show && U.value && (h($e) || h(re)) ? (u(), N(h(ht), {
         ref_key: "userOptionsRef",
-        ref: oe,
+        ref: ae,
         key: `user_option_${ge.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -642,8 +646,8 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }, We({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: p(({ isOpen: t, color: o }) => [
-            b(l.$slots, "menuIcon", x($({ isOpen: t, color: o })), void 0, !0)
+          fn: p(({ isOpen: t, color: a }) => [
+            b(l.$slots, "menuIcon", x($({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -684,15 +688,15 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: t, isFullscreen: o }) => [
-            b(l.$slots, "optionFullscreen", x($({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
+            b(l.$slots, "optionFullscreen", x($({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: t, isAnnotator: o }) => [
-            b(l.$slots, "optionAnnotator", x($({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
+            b(l.$slots, "optionAnnotator", x($({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -700,7 +704,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       (u(), c("svg", {
         ref_key: "svgRef",
         ref: ie,
-        xmlns: h(Zt),
+        xmlns: h(tl),
         viewBox: `0 0 ${s.value.chartWidth <= 0 ? 10 : s.value.chartWidth} ${s.value.svgHeight <= 0 ? 10 : s.value.svgHeight}`,
         class: Ve({ "vue-data-ui-loading": h(Y), "no-transition": !e.value.useCssAnimation, "with-transition": e.value.useCssAnimation }),
         style: L(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
@@ -708,7 +712,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid"
       }, [
-        ye(h(vt)),
+        ye(h(dt)),
         l.$slots["chart-background"] ? (u(), c("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -720,7 +724,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }, [
           b(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, pl)) : g("", !0),
+        ], 8, Cl)) : g("", !0),
         (u(!0), c(k, null, S(z.value, (t) => (u(), c(k, null, [
           ee("path", {
             class: "transition-opacity",
@@ -733,9 +737,9 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: L({
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             }),
-            onMouseenter: (o) => f.value = t.id,
-            onMouseleave: a[0] || (a[0] = (o) => f.value = null)
-          }, null, 44, gl),
+            onMouseenter: (a) => f.value = t.id,
+            onMouseleave: o[0] || (o[0] = (a) => f.value = null)
+          }, null, 44, kl),
           ee("path", {
             class: "transition-opacity",
             d: `M${t.path}`,
@@ -747,16 +751,16 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: L({
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             }),
-            onMouseenter: (o) => I(t, t),
-            onMouseleave: (o) => R(t),
-            onClick: (o) => de(t)
-          }, null, 44, Cl)
+            onMouseenter: (a) => O(t, t),
+            onMouseleave: (a) => R(t),
+            onClick: (a) => de(t)
+          }, null, 44, Al)
         ], 64))), 256)),
         (u(!0), c(k, null, S(z.value, (t) => (u(), c(k, null, [
-          e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 0 }, S(t.coordinates, (o, n) => (u(), c("circle", {
+          e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 0 }, S(t.coordinates, (a, n) => (u(), c("circle", {
             class: "transition-opacity",
-            cx: o.x,
-            cy: o.y,
+            cx: a.x,
+            cy: a.y,
             r: e.value.style.chart.layout.plots.radius,
             fill: t.color,
             stroke: e.value.style.chart.layout.plots.stroke,
@@ -764,15 +768,15 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: L({
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             }),
-            onMouseenter: (i) => I({ ...o, pointIndex: n }, t),
-            onMouseleave: (i) => R({ ...o, pointIndex: n }),
-            onClick: (i) => I({ ...o, pointIndex: n }, t)
-          }, null, 44, kl))), 256)) : g("", !0),
-          e.value.style.chart.layout.plots.labels.show && e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 1 }, S(t.coordinates, (o) => (u(), c("text", {
+            onMouseenter: (i) => O({ ...a, pointIndex: n }, t),
+            onMouseleave: (i) => R({ ...a, pointIndex: n }),
+            onClick: (i) => O({ ...a, pointIndex: n }, t)
+          }, null, 44, Ll))), 256)) : g("", !0),
+          e.value.style.chart.layout.plots.labels.show && e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 1 }, S(t.coordinates, (a) => (u(), c("text", {
             class: "transition-opacity",
-            x: o.x,
-            y: o.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
-            fill: o.labelColor,
+            x: a.x,
+            y: a.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+            fill: a.labelColor,
             "font-size": e.value.style.chart.layout.plots.labels.fontSize,
             "text-anchor": "middle",
             style: L({
@@ -780,25 +784,25 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               pointerEvents: "none",
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             })
-          }, V(o.rank), 13, Al))), 256)) : g("", !0),
-          e.value.style.chart.layout.plots.labels.displayedValue === "value" ? (u(!0), c(k, { key: 2 }, S(t.coordinates, (o) => (u(), c(k, null, [
-            h(W)(o.value) ? (u(), c("rect", be({
+          }, V(a.rank), 13, wl))), 256)) : g("", !0),
+          e.value.style.chart.layout.plots.labels.displayedValue === "value" ? (u(!0), c(k, { key: 2 }, S(t.coordinates, (a) => (u(), c(k, null, [
+            h(W)(a.value) ? (u(), c("rect", be({
               key: 0,
               class: "transition-opacity"
-            }, { ref_for: !0 }, $t(o), {
+            }, { ref_for: !0 }, Tt(a), {
               style: {
                 opacity: f.value == null || f.value === t.id ? 1 : 0.1
               },
-              onMouseenter: (n) => I({ ...l.point, pointIndex: l.i }, t),
+              onMouseenter: (n) => O({ ...l.point, pointIndex: l.i }, t),
               onMouseleave: (n) => R({ ...l.point, pointIndex: l.i }),
-              onClick: (n) => I({ ...l.point, pointIndex: l.i }, t)
-            }), null, 16, Ll)) : g("", !0),
-            h(W)(o.value) && e.value.style.chart.layout.plots.labels.show ? (u(), c("text", {
+              onClick: (n) => O({ ...l.point, pointIndex: l.i }, t)
+            }), null, 16, xl)) : g("", !0),
+            h(W)(a.value) && e.value.style.chart.layout.plots.labels.show ? (u(), c("text", {
               key: 1,
               class: "transition-opacity",
-              x: o.x,
-              y: o.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
-              fill: o.labelColor,
+              x: a.x,
+              y: a.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+              fill: a.labelColor,
               "font-size": e.value.style.chart.layout.plots.labels.fontSize,
               "text-anchor": "middle",
               style: L({
@@ -806,7 +810,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 pointerEvents: "none",
                 opacity: f.value == null || f.value === t.id ? 1 : 0.1
               })
-            }, V(o.displayValue), 13, wl)) : g("", !0)
+            }, V(a.displayValue), 13, $l)) : g("", !0)
           ], 64))), 256)) : g("", !0)
         ], 64))), 256)),
         e.value.style.chart.layout.nameLabels.leftLabels.show ? (u(), c("g", {
@@ -814,7 +818,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref_key: "labelsLeft",
           ref: ne
         }, [
-          (u(!0), c(k, null, S(Pe.value.left.filter((t) => h(W)(t.value)), (t, o) => (u(), c("text", {
+          (u(!0), c(k, null, S(Pe.value.left.filter((t) => h(W)(t.value)), (t, a) => (u(), c("text", {
             class: "transition-opacity",
             x: s.value.left,
             y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -833,17 +837,17 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: L({
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             }),
-            onMouseenter: (n) => I(t, t),
+            onMouseenter: (n) => O(t, t),
             onMouseleave: (n) => R(t),
             onClick: (n) => de(t)
-          }, null, 44, xl))), 256))
+          }, null, 44, Sl))), 256))
         ], 512)) : g("", !0),
         e.value.style.chart.layout.nameLabels.rightLabels.show ? (u(), c("g", {
           key: 2,
           ref_key: "labelsRight",
           ref: se
         }, [
-          (u(!0), c(k, null, S(Pe.value.right.filter((t) => h(W)(t.value)), (t, o) => (u(), c("text", {
+          (u(!0), c(k, null, S(Pe.value.right.filter((t) => h(W)(t.value)), (t, a) => (u(), c("text", {
             class: "transition-opacity",
             x: s.value.right,
             y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -862,41 +866,41 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: L({
               opacity: f.value == null || f.value === t.id ? 1 : 0.1
             }),
-            onMouseenter: (n) => I(t, t),
+            onMouseenter: (n) => O(t, t),
             onMouseleave: (n) => R(t),
             onClick: (n) => de(t)
-          }, null, 44, $l))), 256))
+          }, null, 44, Tl))), 256))
         ], 512)) : g("", !0),
         e.value.style.chart.layout.timeLabels.show ? (u(), c("g", {
           key: 3,
           ref_key: "timeLabelsEls",
           ref: j
         }, [
-          l.$slots["time-label"] ? (u(), c("g", Sl, [
-            (u(!0), c(k, null, S(J.value, (t, o) => (u(), c("g", null, [
+          l.$slots["time-label"] ? (u(), c("g", Ml, [
+            (u(!0), c(k, null, S(J.value, (t, a) => (u(), c("g", null, [
               b(l.$slots, "time-label", be({ ref_for: !0 }, {
-                x: s.value.unitW * o + s.value.unitW / 2 + s.value.left,
+                x: s.value.unitW * a + s.value.unitW / 2 + s.value.left,
                 y: s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY,
                 fontSize: e.value.style.chart.layout.timeLabels.fontSize,
                 fill: e.value.style.chart.layout.timeLabels.color,
-                transform: `translate(${s.value.unitW * o + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`,
+                transform: `translate(${s.value.unitW * a + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`,
                 absoluteIndex: t.absoluteIndex,
                 content: t.text,
                 textAnchor: e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (u(), c("g", Tl, [
-            (u(!0), c(k, null, S(J.value, (t, o) => (u(), c("g", null, [
+          ])) : (u(), c("g", zl, [
+            (u(!0), c(k, null, S(J.value, (t, a) => (u(), c("g", null, [
               String(t.text).includes(`
 `) ? (u(), c("text", {
-                key: o + "-multi",
+                key: a + "-multi",
                 "text-anchor": e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.layout.timeLabels.fontSize,
                 fill: e.value.style.chart.layout.timeLabels.color,
                 transform: `
                                     translate(
-                                    ${s.value.unitW * o + s.value.unitW / 2 + s.value.left},
+                                    ${s.value.unitW * a + s.value.unitW / 2 + s.value.left},
                                     ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.fontSize * 1.3 + e.value.style.chart.layout.timeLabels.offsetY}
                                     ),
                                     rotate(${e.value.style.chart.layout.timeLabels.rotation})
@@ -908,15 +912,15 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                   x: 0,
                   y: 0
                 })
-              }, null, 8, zl)) : (u(), c("text", {
+              }, null, 8, El)) : (u(), c("text", {
                 class: "vue-data-ui-time-label",
-                key: o,
+                key: a,
                 "text-anchor": e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
                 "font-size": e.value.style.chart.layout.timeLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.layout.timeLabels.color,
-                transform: `translate(${s.value.unitW * o + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`
-              }, V(t.text), 9, Ml))
+                transform: `translate(${s.value.unitW * a + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`
+              }, V(t.text), 9, Dl))
             ]))), 256))
           ]))
         ], 512)) : g("", !0),
@@ -926,17 +930,17 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             data: z.value
           }
         }, void 0, !0)
-      ], 14, ml)),
-      l.$slots.watermark ? (u(), c("div", El, [
+      ], 14, gl)),
+      l.$slots.watermark ? (u(), c("div", Ol, [
         b(l.$slots, "watermark", x($({ isPrinting: h(Se) || h(Te) })), void 0, !0)
       ])) : g("", !0),
-      U.value && e.value.userOptions.buttons.table ? (u(), N(Wt(H.value.component), be({ key: 5 }, H.value.props, {
+      U.value && e.value.userOptions.buttons.table ? (u(), N(Xt(H.value.component), be({ key: 5 }, H.value.props, {
         ref_key: "tableUnit",
         ref: _,
         onClose: Be
       }), We({
         content: p(() => [
-          ye(h(rt), {
+          ye(h(ct), {
             colNames: Q.value.colNames,
             head: Q.value.head,
             body: Q.value.body,
@@ -946,7 +950,7 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             onClose: Be
           }, {
             th: p(({ th: t }) => [
-              ee("div", { innerHTML: t }, null, 8, Dl)
+              ee("div", { innerHTML: t }, null, 8, Il)
             ]),
             td: p(({ td: t }) => [
               Ue(V(t), 1)
@@ -969,9 +973,9 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             ee("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[1] || (a[1] = (t) => he(e.value.userOptions.callbacks.csv))
+              onClick: o[1] || (o[1] = (t) => he(e.value.userOptions.callbacks.csv))
             }, [
-              ye(h(st), {
+              ye(h(rt), {
                 name: "excel",
                 stroke: H.value.props.color
               }, null, 8, ["stroke"])
@@ -988,15 +992,15 @@ const Ke = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }, [
         b(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      h(Y) ? (u(), N(nl, { key: 7 })) : g("", !0)
-    ], 46, bl));
+      h(Y) ? (u(), N(ul, { key: 7 })) : g("", !0)
+    ], 46, pl));
   }
-}, Ol = /* @__PURE__ */ yl(Il, [["__scopeId", "data-v-94c30780"]]), Kl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fl = /* @__PURE__ */ ml(Pl, [["__scopeId", "data-v-94c30780"]]), Zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ol
+  default: Fl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Jl as a,
-  Kl as b,
-  Ol as v
+  Ql as a,
+  Zl as b,
+  Fl as v
 };