vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-dumbbell-Bu8opmEM.js → vue-ui-dumbbell-C2OWcZvr.js}

@@ -1,39 +1,43 @@
-import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Zt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Jt, createElementBlock as v, openBlock as r, unref as i, normalizeStyle as se, normalizeClass as st, createBlock as E, createCommentVNode as y, createElementVNode as c, withCtx as p, renderSlot as m, normalizeProps as S, guardReactiveProps as D, createSlots as rt, createVNode as nt, withDirectives as Z, Fragment as _, renderList as F, toDisplayString as k, vShow as J, Teleport as Kt, createTextVNode as Ae, resolveDynamicComponent as Qt, mergeProps as el, nextTick as tl } from "vue";
-import { c as ut, t as ll, o as al, g as it, l as ol, U as ct, N as sl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as rl, r as nl } from "./lib-2iaAPQ_c.js";
-import { t as we, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as $e } from "./useNestedProp-BCt4DMkT.js";
-import { u as cl } from "./usePrinter-ChVMpU2f.js";
-import { u as vl, B as dl } from "./BaseScanner-BMpwQAfz.js";
-import { u as hl } from "./useSvgExport-ByUukOZt.js";
-import { u as bl } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as gl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pl from "./img-CqYIrJ8I.js";
-import ml from "./Title-B5L2jweB.js";
-import Cl from "./Legend-D2xmnFPH.js";
-import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, bt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#FFF8E1" }, grid: { horizontalGrid: { stroke: "#5D403780" }, verticalGrid: { stroke: "#5D403780" } }, labels: { yAxisLabels: { color: "#424242" }, xAxisLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ft = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, highlighter: { color: "#CCCCCC" }, plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#1E1E1E" }, grid: { horizontalGrid: { stroke: "#5D4037" }, verticalGrid: { stroke: "#5D4037" } }, labels: { yAxisLabels: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", plots: { startColor: "#008000", endColor: "#00FF00", stroke: "#1A1A1A" }, comparisonLines: { rectColor: "#CCCCCC", labelColor: "#99CC99" }, highlighter: { color: "#CCCCCC" }, grid: { horizontalGrid: { stroke: "#5F6A5F" }, verticalGrid: { stroke: "#5F6A5F" } }, labels: { yAxisLabels: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, gt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", plots: { startColor: "#DCB482", endColor: "#B9B99D", stroke: "#fbfafa" }, grid: { horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, labels: { yAxisLabels: { color: "#8A9892" }, xAxisLabels: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, pt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", plots: { startColor: "#718885", endColor: "#7DA9B5", stroke: "#404C5A" }, grid: { horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, labels: { yAxisLabels: { color: "#61747E" }, xAxisLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, mt = {
+import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Kt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Qt, createElementBlock as v, openBlock as r, unref as i, normalizeStyle as se, normalizeClass as st, createBlock as E, createCommentVNode as y, createElementVNode as c, withCtx as C, renderSlot as p, normalizeProps as S, guardReactiveProps as D, createSlots as rt, createVNode as nt, withDirectives as Z, Fragment as _, renderList as F, toDisplayString as k, vShow as J, Teleport as el, createTextVNode as Ae, resolveDynamicComponent as tl, mergeProps as ll, nextTick as al } from "vue";
+import { c as ut, t as ol, o as sl, g as it, l as rl, U as ct, N as nl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as ul, r as il } from "./lib-CVHM9FhP.js";
+import { t as we, u as cl } from "./useResponsive-DfdjqQps.js";
+import { u as vl, a as Le } from "./useNestedProp-Ckf_2P_V.js";
+import { u as dl } from "./usePrinter-1NmjuP-i.js";
+import { u as hl, B as bl } from "./BaseScanner-BMpwQAfz.js";
+import { u as fl } from "./useSvgExport-ByUukOZt.js";
+import { u as yl } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as gl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Cl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as pl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import ml from "./img-6fNF_rG0.js";
+import kl from "./Title-NgeRXqRA.js";
+import xl from "./Legend-DN5UJOBH.js";
+import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ht = { userOptions: { show: !1 }, style: { chart: { grid: { verticalGrid: { show: !1 } }, legend: { show: !1 }, plots: { gradient: { show: !1 } } } } }, bt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A", gradient: { show: !1 } }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { show: !1, stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ft = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, yt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#FFF8E1" }, grid: { horizontalGrid: { stroke: "#5D403780" }, verticalGrid: { stroke: "#5D403780" } }, labels: { yAxisLabels: { color: "#424242" }, xAxisLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, gt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, highlighter: { color: "#CCCCCC" }, plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#1E1E1E" }, grid: { horizontalGrid: { stroke: "#5D4037" }, verticalGrid: { stroke: "#5D4037" } }, labels: { yAxisLabels: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ct = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", plots: { startColor: "#008000", endColor: "#00FF00", stroke: "#1A1A1A" }, comparisonLines: { rectColor: "#CCCCCC", labelColor: "#99CC99" }, highlighter: { color: "#CCCCCC" }, grid: { horizontalGrid: { stroke: "#5F6A5F" }, verticalGrid: { stroke: "#5F6A5F" } }, labels: { yAxisLabels: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, pt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", plots: { startColor: "#DCB482", endColor: "#B9B99D", stroke: "#fbfafa" }, grid: { horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, labels: { yAxisLabels: { color: "#8A9892" }, xAxisLabels: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, mt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", plots: { startColor: "#718885", endColor: "#7DA9B5", stroke: "#404C5A" }, grid: { horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, labels: { yAxisLabels: { color: "#61747E" }, xAxisLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, kt = {
   default: {},
-  dark: ht,
-  celebration: bt,
-  celebrationNight: ft,
-  hack: yt,
-  zen: gt,
-  concrete: pt
-}, ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ht,
+  minimalDark: bt,
+  dark: ft,
+  celebration: yt,
+  celebrationNight: gt,
+  hack: Ct,
+  zen: pt,
+  concrete: mt
+}, Ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: bt,
-  celebrationNight: ft,
-  concrete: pt,
-  dark: ht,
-  default: mt,
-  hack: yt,
-  zen: gt
-}, Symbol.toStringTag, { value: "Module" })), xl = ["id"], _l = ["id"], Al = ["xmlns", "viewBox"], wl = ["x", "y", "width", "height"], $l = { key: 1 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sl = { key: 2 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["transform", "font-size", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Ml = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Xl = ["x", "y", "font-size", "fill"], Tl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], El = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["x", "y", "height", "width", "fill"], Gl = ["transform", "fill", "font-size"], Il = ["id"], Pl = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], jl = ["stop-color"], ql = ["id"], Yl = ["stop-color"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["stop-color"], ra = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ca = ["stop-color"], va = ["stop-color"], da = { key: 0 }, ha = { key: 0 }, ba = ["d", "fill"], fa = { key: 1 }, ya = ["x", "y", "height", "width", "fill"], ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = { key: 7 }, Ca = ["x", "y", "fill", "font-size"], ka = { key: 8 }, xa = ["x", "y", "fill", "font-size"], _a = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = {
+  celebration: yt,
+  celebrationNight: gt,
+  concrete: mt,
+  dark: ft,
+  default: kt,
+  hack: Ct,
+  minimal: ht,
+  minimalDark: bt,
+  zen: pt
+}, Symbol.toStringTag, { value: "Module" })), Al = ["id"], wl = ["id"], Ll = ["xmlns", "viewBox"], $l = ["x", "y", "width", "height"], Sl = { key: 1 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = { key: 2 }, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ml = ["transform", "font-size", "fill"], Xl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Tl = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], El = ["x", "y", "font-size", "fill"], Bl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], Ol = ["d", "stroke", "stroke-width", "stroke-dasharray"], Gl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Il = ["x", "y", "height", "width", "fill"], Pl = ["transform", "fill", "font-size"], Hl = ["id"], Rl = ["stop-color"], Vl = ["stop-color"], Ul = ["stop-color"], Wl = ["id"], jl = ["stop-color"], ql = ["stop-color"], Yl = ["stop-color"], Zl = ["id"], Jl = ["stop-color"], Kl = ["stop-color"], Ql = ["stop-color"], ea = ["id"], ta = ["stop-color"], la = ["stop-color"], aa = ["stop-color"], oa = ["id"], sa = ["stop-color"], ra = ["stop-color"], na = ["stop-color"], ua = ["id"], ia = ["stop-color"], ca = ["stop-color"], va = ["id"], da = ["stop-color"], ha = ["stop-color"], ba = { key: 0 }, fa = { key: 0 }, ya = ["d", "fill"], ga = { key: 1 }, Ca = ["x", "y", "height", "width", "fill"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ka = { key: 7 }, xa = ["x", "y", "fill", "font-size"], _a = { key: 8 }, Aa = ["x", "y", "fill", "font-size"], wa = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], La = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, wa = ["id"], $a = ["xmlns", "height", "width"], La = ["fill"], Sa = ["innerHTML"], Da = {
+}, $a = ["id"], Sa = ["xmlns", "height", "width"], Da = ["fill"], Fa = ["innerHTML"], Na = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -50,16 +54,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     }
   },
   emits: ["selectDatapoint"],
-  setup(Ct, { expose: kt, emit: Na }) {
-    const xt = I(() => import("./BaseIcon-B9bGT7HU.js")), _t = I(() => import("./vue-ui-accordion-CAXPDm31.js")), At = I(() => import("./DataTable-DEwh__D8.js")), wt = I(() => import("./PenAndPaper-CulSakut.js")), $t = I(() => import("./UserOptions-5pXc4J-c.js")), Lt = I(() => import("./PackageVersion-C-JOGZBL.js")), St = I(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
+  setup(xt, { expose: _t, emit: Ma }) {
+    const At = I(() => import("./BaseIcon-4uOct8re.js")), wt = I(() => import("./vue-ui-accordion-DFKaB_05.js")), Lt = I(() => import("./DataTable-DyoDzNNY.js")), $t = I(() => import("./PenAndPaper-LTuSTmWE.js")), St = I(() => import("./UserOptions-CX7Xsusk.js")), Dt = I(() => import("./PackageVersion-CQxJyGQr.js")), Ft = I(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_dumbbell: Nt } = vl(), { isThemeValid: zt, warnInvalidTheme: Mt } = yl(), w = xt, ee = g({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), b = h(ut()), Le = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Xe = h(0), Te = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: zt } = vl({
-      ...Zt(w),
+    }), b = h(ut()), $e = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Xe = h(0), Te = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: Xt } = hl({
+      ...Kt(w),
       FINAL_CONFIG: e,
       prepareConfig: be,
       skeletonDataset: [
@@ -69,7 +73,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: ll({
+      skeletonConfig: ol({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -111,20 +115,20 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: Ee, keepUserOptionState: Be } = fl({ config: e.value }), { svgRef: he } = yl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: de, setUserOptionsVisibility: Ee, keepUserOptionState: Be } = gl({ config: e.value }), { svgRef: he } = Cl({ config: e.value.style.chart.title });
     function be() {
-      const l = $e({
+      const l = Le({
         userConfig: w.config,
-        defaultConfig: Dt
+        defaultConfig: Nt
       }), o = l.theme;
       if (!o) return l;
-      if (!Ft.value(l))
-        return Nt(l), l;
-      const t = $e({
-        userConfig: mt[o] || w.config,
+      if (!zt.value(l))
+        return Mt(l), l;
+      const t = Le({
+        userConfig: kt[o] || w.config,
         defaultConfig: l
       });
-      return $e({
+      return Le({
         userConfig: w.config,
         defaultConfig: t
       });
@@ -132,7 +136,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     oe(() => w.config, (l) => {
       ce.value || (e.value = be()), de.value = !e.value.userOptions.showOnChartHover, Ge(), ze.value += 1, Me.value += 1, Xe.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, G.value.showTable = e.value.table.show;
     }, { deep: !0 }), oe(() => ve.value, (l) => {
-      Array.isArray(l) && l.length > 0 && (zt.value = !1), je(), qe();
+      Array.isArray(l) && l.length > 0 && (Xt.value = !1), je(), qe();
     }, { deep: !0 });
     const z = lt(null), H = lt(null);
     at(() => {
@@ -140,12 +144,12 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     });
     const Oe = g(() => !!e.value.debug);
     function Ge() {
-      if (al(w.dataset) ? it({
+      if (sl(w.dataset) ? it({
         componentName: "VueUiDumbbell",
         type: "dataset",
         debug: Oe.value
       }) : w.dataset.forEach((l, o) => {
-        ol({
+        rl({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
@@ -159,7 +163,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         });
       }), e.value.responsive) {
         const l = we(() => {
-          const { width: o, height: t } = ul({
+          const { width: o, height: t } = cl({
             chart: N.value,
             title: e.value.style.chart.title.text ? Se.value : null,
             legend: e.value.style.chart.legend.show ? De.value : null,
@@ -175,13 +179,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       Ke();
     }
     ot(() => {
-      L.value != null && (cancelAnimationFrame(L.value), L.value = null), z.value && (H.value && z.value.unobserve(H.value), z.value.disconnect());
+      $.value != null && (cancelAnimationFrame($.value), $.value = null), z.value && (H.value && z.value.unobserve(H.value), z.value.disconnect());
     });
-    const { isPrinting: Ie, isImaging: Pe, generatePdf: He, generateImage: Re } = cl({
+    const { isPrinting: Ie, isImaging: Pe, generatePdf: He, generateImage: Re } = dl({
       elementId: `dumbbell_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), Mt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), G = h({
+    }), Tt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), G = h({
       showTable: e.value.table.show
     });
     oe(e, () => {
@@ -197,8 +201,8 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     }))), Ve = g(() => {
       const l = e.value.style.chart.grid, o = R.value.flatMap((f) => [f.start, f.end]).map((f) => Number(f)).filter((f) => Number.isFinite(f)), t = o.length ? Math.min(...o) : 0, a = o.length ? Math.max(...o) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: u, max: d };
-    }), $ = g(() => sl(Ve.value.min, Ve.value.max, e.value.style.chart.grid.scaleSteps)), V = h(e.value.style.chart.rowHeight), U = h(e.value.style.chart.width);
-    function Xt() {
+    }), L = g(() => nl(Ve.value.min, Ve.value.max, e.value.style.chart.grid.scaleSteps)), V = h(e.value.style.chart.rowHeight), U = h(e.value.style.chart.width);
+    function Et() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
@@ -207,14 +211,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const o = ne.value ? ne.value.getBoundingClientRect().width : 0;
       return l + o + (o ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const fe = h(0), Tt = we((l) => {
+    const fe = h(0), Bt = we((l) => {
       fe.value = l;
     }, 100);
-    Jt((l) => {
+    Qt((l) => {
       const o = te.value;
       if (!o) return;
       const t = new ResizeObserver((a) => {
-        Tt(a[0].contentRect.height);
+        Bt(a[0].contentRect.height);
       });
       t.observe(o), l(() => t.disconnect());
     }), ot(() => {
@@ -231,12 +235,12 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const a = Number(l), u = Number(o.min), d = Number(o.max), f = Number(t.width);
       if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(f))
         return t.left;
-      const C = d - u;
-      return C <= 0 ? t.left : t.left + (a - u) / C * f;
+      const m = d - u;
+      return m <= 0 ? t.left : t.left + (a - u) / m * f;
     }
     const s = g(() => {
       O.value;
-      const l = Xt(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, C = $.value.ticks.length * (f / $.value.ticks.length);
+      const l = Et(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, m = L.value.ticks.length * (f / L.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         right: U.value - e.value.style.chart.padding.right,
@@ -246,20 +250,20 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         height: a,
         rowHeight: u,
         absoluteHeight: d,
-        widthPlotReference: C
+        widthPlotReference: m
       };
     }), M = g(() => Math.min(V.value / 2 * 0.7, e.value.style.chart.plots.radius)), q = h([]), x = g({
       get() {
-        const l = s.value, o = $.value;
+        const l = s.value, o = L.value;
         return q.value.map((t, a) => {
-          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, C = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Yt = C ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
+          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, m = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Jt = m ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
-            isPositive: C,
+            isPositive: m,
             isNegative: T,
             isNeutral: tt,
-            evaluationColor: Yt,
-            evaluationGrad: `url(#${C ? "positive" : T ? "negative" : "neutral"}_grad_${b.value})`,
+            evaluationColor: Jt,
+            evaluationGrad: `url(#${m ? "positive" : T ? "negative" : "neutral"}_grad_${b.value})`,
             startX: u,
             endX: d,
             centerX: f,
@@ -280,12 +284,12 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         };
       });
     }
-    const L = h(null);
+    const $ = h(null);
     at(() => {
       qe();
     });
     function qe() {
-      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), je(), !e.value.useAnimation) {
+      if ($.value != null && (cancelAnimationFrame($.value), $.value = null), je(), !e.value.useAnimation) {
         x.value = q.value.map((a) => {
           const u = Number(a.end);
           return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
@@ -298,11 +302,11 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       }), t = () => {
         let a = !0;
         x.value = q.value.map((u, d) => {
-          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, C = u.endVal + o[d] * l, T = o[d] >= 0 ? Math.min(C, f) : Math.max(C, f);
+          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + o[d] * l, T = o[d] >= 0 ? Math.min(m, f) : Math.max(m, f);
           return T !== f && (a = !1), { ...u, endVal: T };
-        }), a ? L.value = null : L.value = requestAnimationFrame(t);
+        }), a ? $.value = null : $.value = requestAnimationFrame(t);
       };
-      L.value = requestAnimationFrame(t);
+      $.value = requestAnimationFrame(t);
     }
     const ge = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
       { name: e.value.style.chart.legend.labelNegative, color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.negative },
@@ -311,7 +315,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     ] : [
       { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${b.value})` : e.value.style.chart.plots.startColor },
       { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${b.value})` : e.value.style.chart.plots.endColor }
-    ]), Et = g(() => ({
+    ]), Ot = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -339,7 +343,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           v: X.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), C = A({
+        }), m = A({
           p: e.value.style.chart.labels.prefix,
           v: X.value.body[d].end,
           s: e.value.style.chart.labels.suffix,
@@ -352,7 +356,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         return [
           { name: u.name },
           f,
-          C,
+          m,
           T
         ];
       }), t = {
@@ -380,31 +384,31 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         config: t
       };
     });
-    function pe(l = null) {
-      tl(() => {
+    function Ce(l = null) {
+      al(() => {
         const o = X.value.head.map((u, d) => [[
           u.name
-        ], [X.value.body[d].start], [X.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(o), a = rl(t);
-        l ? l(a) : nl({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        ], [X.value.body[d].start], [X.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(o), a = ul(t);
+        l ? l(a) : il({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const W = h(!1);
     function Ye(l) {
-      W.value = l, Le.value += 1;
+      W.value = l, $e.value += 1;
     }
-    function Bt() {
+    function Gt() {
       return R.value;
     }
     function Ze() {
       G.value.showTable = !G.value.showTable;
     }
     const ae = h(!1);
-    function me() {
+    function pe() {
       ae.value = !ae.value;
     }
-    async function Ot({ scale: l = 2 } = {}) {
+    async function It({ scale: l = 2 } = {}) {
       if (!N.value) return;
-      const { width: o, height: t } = N.value.getBoundingClientRect(), a = o / t, { imageUri: u, base64: d } = await pl({ domElement: N.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: t } = N.value.getBoundingClientRect(), a = o / t, { imageUri: u, base64: d } = await ml({ domElement: N.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -414,11 +418,11 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         aspectRatio: a
       };
     }
-    const Je = g(() => $.value.ticks), Gt = g(() => ({ start: 0, end: Je.value.length }));
-    gl({
+    const Je = g(() => L.value.ticks), Pt = g(() => ({ start: 0, end: Je.value.length }));
+    pl({
       timeLabelsEls: te,
       timeLabels: Je,
-      slicer: Gt,
+      slicer: Pt,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
@@ -428,7 +432,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
-    function It({
+    function Ht({
       rowHeight: l,
       fontSize: o,
       showProgression: t
@@ -437,7 +441,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const a = l / 3, u = l / 1.3, d = Math.abs(u - a), f = o * 1.2;
       return d < f;
     }
-    const Pt = /* @__PURE__ */ (() => {
+    const Rt = /* @__PURE__ */ (() => {
       let l = null, o = 0;
       const t = 1;
       return (a) => {
@@ -450,16 +454,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     })(), Ke = we(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const l = It({
+          const l = Ht({
             rowHeight: s.value.rowHeight,
             fontSize: e.value.style.chart.labels.yAxisLabels.fontSize,
             showProgression: e.value.style.chart.labels.yAxisLabels.showProgression
           });
-          Pt(l);
+          Rt(l);
         });
       });
     }, 100);
-    function Ce({ datapoint: l, seriesIndex: o }) {
+    function me({ datapoint: l, seriesIndex: o }) {
       B.value = o, n.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: o });
     }
     function ke({ datapoint: l, seriesIndex: o }) {
@@ -472,7 +476,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       if (n.value === null) return 0;
       const l = ![null, void 0].includes(n.value.start), o = ![null, void 0].includes(n.value.end);
       return l && o ? Math.min(n.value.startX, n.value.endX) + Math.abs(n.value.startX - n.value.endX) / 2 : l && !o ? n.value.startX : o && !l ? n.value.endX : null;
-    }), Ht = g(() => {
+    }), Vt = g(() => {
       if (n.value === null) return "";
       const l = ![null, void 0].includes(n.value.start), o = ![null, void 0].includes(n.value.end);
       let t = "", a = "";
@@ -500,7 +504,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     }), Y = g(() => {
       const l = e.value.table.useDialog && !e.value.table.show, o = G.value.showTable;
       return {
-        component: l ? St : _t,
+        component: l ? Ft : wt,
         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,
@@ -533,32 +537,32 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     function Qe() {
       G.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
-    const Rt = g(() => ge.value.map((l) => ({
+    const Ut = g(() => ge.value.map((l) => ({
       ...l,
       shape: "circle"
-    }))), Vt = g(() => e.value.style.chart.backgroundColor), Ut = g(() => e.value.style.chart.legend), Wt = g(() => e.value.style.chart.title), { exportSvg: jt, getSvg: qt } = hl({
+    }))), Wt = g(() => e.value.style.chart.backgroundColor), jt = g(() => e.value.style.chart.legend), qt = g(() => e.value.style.chart.title), { exportSvg: Yt, getSvg: Zt } = fl({
       svg: he,
-      title: Wt,
-      legend: Ut,
-      legendItems: Rt,
-      backgroundColor: Vt
+      title: qt,
+      legend: jt,
+      legendItems: Ut,
+      backgroundColor: Wt
     });
     async function et({ isCb: l }) {
       if (l) {
-        const { blob: o, url: t, text: a, dataUrl: u } = await qt();
+        const { blob: o, url: t, text: a, dataUrl: u } = await Zt();
         e.value.userOptions.callbacks.svg({ blob: o, url: t, text: a, dataUrl: u });
       } else
-        jt();
+        Yt();
     }
-    return kt({
-      getData: Bt,
-      getImage: Ot,
+    return _t({
+      getData: Gt,
+      getImage: It,
       generatePdf: He,
-      generateCsv: pe,
+      generateCsv: Ce,
       generateImage: Re,
       generateSvg: et,
       toggleTable: Ze,
-      toggleAnnotator: me,
+      toggleAnnotator: pe,
       toggleFullscreen: Ye
     }), (l, o) => (r(), v("div", {
       ref_key: "dumbbellChart",
@@ -569,35 +573,35 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       onMouseenter: o[1] || (o[1] = () => i(Ee)(!0)),
       onMouseleave: o[2] || (o[2] = () => i(Ee)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), E(i(wt), {
+      e.value.userOptions.buttons.annotator ? (r(), E(i($t), {
         key: 0,
         svgRef: i(he),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: ae.value,
-        onClose: me
+        onClose: pe
       }, {
-        "annotator-action-close": p(() => [
-          m(l.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": C(() => [
+          p(l.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": p(({ color: t }) => [
-          m(l.$slots, "annotator-action-color", S(D({ color: t })), void 0, !0)
+        "annotator-action-color": C(({ color: t }) => [
+          p(l.$slots, "annotator-action-color", S(D({ color: t })), void 0, !0)
         ]),
-        "annotator-action-draw": p(({ mode: t }) => [
-          m(l.$slots, "annotator-action-draw", S(D({ mode: t })), void 0, !0)
+        "annotator-action-draw": C(({ mode: t }) => [
+          p(l.$slots, "annotator-action-draw", S(D({ mode: t })), void 0, !0)
         ]),
-        "annotator-action-undo": p(({ disabled: t }) => [
-          m(l.$slots, "annotator-action-undo", S(D({ disabled: t })), void 0, !0)
+        "annotator-action-undo": C(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-undo", S(D({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-redo": p(({ disabled: t }) => [
-          m(l.$slots, "annotator-action-redo", S(D({ disabled: t })), void 0, !0)
+        "annotator-action-redo": C(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-redo", S(D({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-delete": p(({ disabled: t }) => [
-          m(l.$slots, "annotator-action-delete", S(D({ disabled: t })), void 0, !0)
+        "annotator-action-delete": C(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-delete", S(D({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
-      Mt.value ? (r(), v("div", {
+      Tt.value ? (r(), v("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ne,
@@ -610,7 +614,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         ref: Se,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), E(ml, {
+        (r(), E(kl, {
           key: `title_${ze.value}`,
           config: {
             title: {
@@ -626,11 +630,11 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       ], 512)) : y("", !0),
       c("div", {
         id: `legend-top-${b.value}`
-      }, null, 8, _l),
-      e.value.userOptions.show && ee.value && (i(Be) || i(de)) ? (r(), E(i($t), {
+      }, null, 8, wl),
+      e.value.userOptions.show && ee.value && (i(Be) || i(de)) ? (r(), E(i(St), {
         ref_key: "userOptionsRef",
         ref: re,
-        key: `user_option_${Le.value}`,
+        key: `user_option_${$e.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: i(Ie),
@@ -653,68 +657,68 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Ye,
         onGeneratePdf: i(He),
-        onGenerateCsv: pe,
+        onGenerateCsv: Ce,
         onGenerateImage: i(Re),
         onGenerateSvg: et,
         onToggleTable: Ze,
-        onToggleAnnotator: me,
+        onToggleAnnotator: pe,
         style: se({
           visibility: i(Be) ? i(de) ? "visible" : "hidden" : "visible"
         })
       }, rt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: p(({ isOpen: t, color: a }) => [
-            m(l.$slots, "menuIcon", S(D({ isOpen: t, color: a })), void 0, !0)
+          fn: C(({ isOpen: t, color: a }) => [
+            p(l.$slots, "menuIcon", S(D({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: p(() => [
-            m(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: C(() => [
+            p(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: p(() => [
-            m(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: C(() => [
+            p(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: p(() => [
-            m(l.$slots, "optionImg", {}, void 0, !0)
+          fn: C(() => [
+            p(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: p(() => [
-            m(l.$slots, "optionSvg", {}, void 0, !0)
+          fn: C(() => [
+            p(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: p(() => [
-            m(l.$slots, "optionTable", {}, void 0, !0)
+          fn: C(() => [
+            p(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
-            m(l.$slots, "optionFullscreen", S(D({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          fn: C(({ toggleFullscreen: t, isFullscreen: a }) => [
+            p(l.$slots, "optionFullscreen", S(D({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
-            m(l.$slots, "optionAnnotator", S(D({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          fn: C(({ toggleAnnotator: t, isAnnotator: a }) => [
+            p(l.$slots, "optionAnnotator", S(D({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -727,7 +731,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         viewBox: `0 0 ${U.value} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
         style: se(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        nt(i(Lt)),
+        nt(i(Dt)),
         l.$slots["chart-background"] ? (r(), v("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -738,20 +742,20 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             pointerEvents: "none"
           }
         }, [
-          m(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, wl)) : y("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (r(), v("g", $l, [
-          (r(!0), v(_, null, F($.value.ticks, (t, a) => (r(), v("line", {
-            x1: s.value.left + a * s.value.width / ($.value.ticks.length - 1),
-            x2: s.value.left + a * s.value.width / ($.value.ticks.length - 1),
+          p(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, $l)) : y("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (r(), v("g", Sl, [
+          (r(!0), v(_, null, F(L.value.ticks, (t, a) => (r(), v("line", {
+            x1: s.value.left + a * s.value.width / (L.value.ticks.length - 1),
+            x2: s.value.left + a * s.value.width / (L.value.ticks.length - 1),
             y1: s.value.top,
             y2: s.value.bottom,
             stroke: e.value.style.chart.grid.verticalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
-          }, null, 8, Ll))), 256))
+          }, null, 8, Dl))), 256))
         ])) : y("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (r(), v("g", Sl, [
+        e.value.style.chart.grid.horizontalGrid.show ? (r(), v("g", Fl, [
           (r(!0), v(_, null, F(R.value, (t, a) => (r(), v("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -760,7 +764,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, Dl))), 256)),
+          }, null, 8, Nl))), 256)),
           c("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -769,7 +773,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, Fl)
+          }, null, 8, zl)
         ])) : y("", !0),
         e.value.style.chart.labels.axis.yLabel ? (r(), v("text", {
           key: 3,
@@ -779,7 +783,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, k(e.value.style.chart.labels.axis.yLabel), 9, Nl)) : y("", !0),
+        }, k(e.value.style.chart.labels.axis.yLabel), 9, Ml)) : y("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (r(), v("g", {
           key: 4,
           ref_key: "serieLabels",
@@ -794,7 +798,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end",
-            onMouseenter: (u) => Ce({ datapoint: t, seriesIndex: a }),
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => ke({ datapoint: t, seriesIndex: a }),
             onClick: (u) => xe({ datapoint: t, seriesIndex: a })
           }, k(t.name) + " " + k(O.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${i(P)(
@@ -806,7 +810,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )})` : ""), 41, zl))), 128)),
+          )})` : ""), 41, Xl))), 128)),
           e.value.style.chart.labels.yAxisLabels.showProgression && !O.value ? (r(!0), v(_, { key: 0 }, F(x.value, (t, a) => (r(), v("text", {
             class: "vue-ui-dumbbell-serie-value",
             x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
@@ -814,7 +818,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "text-anchor": "end",
-            onMouseenter: (u) => Ce({ datapoint: t, seriesIndex: a }),
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => ke({ datapoint: t, seriesIndex: a }),
             onClick: (u) => xe({ datapoint: t, seriesIndex: a })
           }, k([null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : i(P)(
@@ -826,7 +830,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )), 41, Ml))), 256)) : y("", !0)
+          )), 41, Tl))), 256)) : y("", !0)
         ], 512)) : y("", !0),
         e.value.style.chart.labels.axis.xLabel ? (r(), v("text", {
           key: 5,
@@ -837,16 +841,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, k(e.value.style.chart.labels.axis.xLabel), 9, Xl)) : y("", !0),
+        }, k(e.value.style.chart.labels.axis.xLabel), 9, El)) : y("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (r(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
           ref: te
         }, [
-          (r(!0), v(_, null, F($.value.ticks, (t, a) => (r(), v("text", {
+          (r(!0), v(_, null, F(L.value.ticks, (t, a) => (r(), v("text", {
             class: "vue-ui-dumbbell-scale-label",
             key: `tick_${a}`,
-            transform: `translate(${s.value.left + a * (s.value.width / ($.value.ticks.length - 1))}, ${s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
+            transform: `translate(${s.value.left + a * (s.value.width / (L.value.ticks.length - 1))}, ${s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
             "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
             fill: e.value.style.chart.labels.xAxisLabels.color,
             "font-weight": e.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
@@ -861,7 +865,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Tl))), 128))
+          )), 9, Bl))), 128))
         ], 512)) : y("", !0),
         Z(c("g", null, [
           Z(c("path", {
@@ -870,7 +874,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
             "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, El), [
+          }, null, 8, Ol), [
             [J, n.value !== null && ![null, void 0].includes(n.value.start)]
           ]),
           Z(c("path", {
@@ -879,7 +883,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
             "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, Bl), [
+          }, null, 8, Gl), [
             [J, n.value !== null && ![null, void 0].includes(n.value.end)]
           ]),
           Z(c("rect", {
@@ -889,7 +893,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             width: n.value ? Math.max(0.1, Math.abs(n.value.endX - n.value.startX)) : 0,
             fill: n.value ? i(dt)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, Ol), [
+          }, null, 8, Il), [
             [J, e.value.style.chart.comparisonLines.showRect && n.value !== null && ![null, void 0].includes(n.value.start) && ![null, void 0].includes(n.value.end)]
           ]),
           Z(c("text", {
@@ -898,7 +902,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             "font-size": e.value.style.chart.comparisonLines.labelFontSize,
             "text-anchor": "middle",
             style: { transition: "all 0.3s ease-in-out" }
-          }, k(Ht.value), 9, Gl), [
+          }, k(Vt.value), 9, Pl), [
             [J, n.value !== null && _e.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
@@ -912,16 +916,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             c("stop", {
               offset: "10%",
               "stop-color": i(K)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Pl),
+            }, null, 8, Rl),
             c("stop", {
               offset: "90%",
               "stop-color": i(Q)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, Hl),
+            }, null, 8, Vl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, Rl)
-          ], 8, Il),
+            }, null, 8, Ul)
+          ], 8, Hl),
           c("radialGradient", {
             id: `end_grad_${b.value}`,
             fy: "30%"
@@ -929,16 +933,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             c("stop", {
               offset: "10%",
               "stop-color": i(K)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Ul),
+            }, null, 8, jl),
             c("stop", {
               offset: "90%",
               "stop-color": i(Q)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, Wl),
+            }, null, 8, ql),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, jl)
-          ], 8, Vl),
+            }, null, 8, Yl)
+          ], 8, Wl),
           c("radialGradient", {
             id: `positive_grad_${b.value}`,
             fy: "30%"
@@ -946,16 +950,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             c("stop", {
               offset: "10%",
               "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Yl),
+            }, null, 8, Jl),
             c("stop", {
               offset: "90%",
               "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
-            }, null, 8, Zl),
+            }, null, 8, Kl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.positive
-            }, null, 8, Jl)
-          ], 8, ql),
+            }, null, 8, Ql)
+          ], 8, Zl),
           c("radialGradient", {
             id: `negative_grad_${b.value}`,
             fy: "30%"
@@ -963,16 +967,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             c("stop", {
               offset: "10%",
               "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Ql),
+            }, null, 8, ta),
             c("stop", {
               offset: "90%",
               "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
-            }, null, 8, ea),
+            }, null, 8, la),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.negative
-            }, null, 8, ta)
-          ], 8, Kl),
+            }, null, 8, aa)
+          ], 8, ea),
           c("radialGradient", {
             id: `neutral_grad_${b.value}`,
             fy: "30%"
@@ -980,16 +984,16 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             c("stop", {
               offset: "10%",
               "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, aa),
+            }, null, 8, sa),
             c("stop", {
               offset: "90%",
               "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
-            }, null, 8, oa),
+            }, null, 8, ra),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.neutral
-            }, null, 8, sa)
-          ], 8, la)
+            }, null, 8, na)
+          ], 8, oa)
         ]),
         (r(!0), v(_, null, F(x.value, (t, a) => (r(), v("g", {
           key: `plot_${a}_${t.id}`
@@ -1005,12 +1009,12 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, na),
+              }, null, 8, ia),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, ua)
-            ], 8, ra),
+              }, null, 8, ca)
+            ], 8, ua),
             c("linearGradient", {
               id: `grad_neg_${b.value}`,
               x1: "0%",
@@ -1021,15 +1025,15 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, ca),
+              }, null, 8, da),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, va)
-            ], 8, ia)
+              }, null, 8, ha)
+            ], 8, va)
           ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (r(), v("g", da, [
-            e.value.style.chart.plots.link.type === "curved" ? (r(), v("g", ha, [
+          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (r(), v("g", ba, [
+            e.value.style.chart.plots.link.type === "curved" ? (r(), v("g", fa, [
               c("path", {
                 d: `M 
                                 ${t.startX},${t.y + M.value / 2} 
@@ -1041,15 +1045,15 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
                                 Z
                             `,
                 fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${b.value})` : `url(#grad_neg_${b.value})`
-              }, null, 8, ba)
-            ])) : (r(), v("g", fa, [
+              }, null, 8, ya)
+            ])) : (r(), v("g", ga, [
               c("rect", {
                 x: t.endX > t.startX ? t.startX : t.endX,
                 y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
                 height: Math.max(0.01, e.value.style.chart.plots.link.strokeWidth),
                 width: Math.max(0.01, Math.abs(t.endX - t.startX)),
                 fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${b.value})` : `url(#grad_neg_${b.value})`
-              }, null, 8, ya)
+              }, null, 8, Ca)
             ]))
           ])) : y("", !0),
           [null, void 0].includes(t.start) ? y("", !0) : (r(), v("circle", {
@@ -1060,7 +1064,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#start_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, ga)),
+          }, null, 8, pa)),
           [null, void 0].includes(t.end) ? y("", !0) : (r(), v("circle", {
             key: 2,
             cx: t.endX,
@@ -1069,9 +1073,9 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#end_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, pa))
+          }, null, 8, ma))
         ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (r(), v("g", ma, [
+        e.value.style.chart.labels.startLabels.show ? (r(), v("g", ka, [
           (r(!0), v(_, null, F(x.value, (t, a) => (r(), v("g", {
             key: `start_label_${a}_${t.id}`
           }, [
@@ -1092,10 +1096,10 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, Ca))
+            )), 9, xa))
           ]))), 128))
         ])) : y("", !0),
-        e.value.style.chart.labels.endLabels.show ? (r(), v("g", ka, [
+        e.value.style.chart.labels.endLabels.show ? (r(), v("g", _a, [
           (r(!0), v(_, null, F(x.value, (t, a) => (r(), v("g", {
             key: `end_label_${a}_${t.id}`
           }, [
@@ -1116,7 +1120,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
                 r: e.value.style.chart.labels.endLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, xa))
+            )), 9, Aa))
           ]))), 128))
         ])) : y("", !0),
         c("g", null, [
@@ -1126,20 +1130,20 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             width: Math.max(0.1, s.value.width),
             height: Math.max(0.1, s.value.rowHeight),
             fill: B.value !== null && B.value === a ? i(dt)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
-            onMouseenter: (u) => Ce({ datapoint: t, seriesIndex: a }),
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => ke({ datapoint: t, seriesIndex: a }),
             onClick: (u) => xe({ datapoint: t, seriesIndex: a })
-          }, null, 40, _a))), 256))
+          }, null, 40, wa))), 256))
         ]),
-        m(l.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, Al)),
-      l.$slots.watermark ? (r(), v("div", Aa, [
-        m(l.$slots, "watermark", S(D({ isPrinting: i(Ie) || i(Pe) })), void 0, !0)
+        p(l.$slots, "svg", { svg: s.value }, void 0, !0)
+      ], 14, Ll)),
+      l.$slots.watermark ? (r(), v("div", La, [
+        p(l.$slots, "watermark", S(D({ isPrinting: i(Ie) || i(Pe) })), void 0, !0)
       ])) : y("", !0),
       c("div", {
         id: `legend-bottom-${b.value}`
-      }, null, 8, wa),
-      Te.value ? (r(), E(Kt, {
+      }, null, 8, $a),
+      Te.value ? (r(), E(el, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -1147,13 +1151,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           ref_key: "chartLegend",
           ref: De
         }, [
-          e.value.style.chart.legend.show && ee.value ? (r(), E(Cl, {
+          e.value.style.chart.legend.show && ee.value ? (r(), E(xl, {
             key: `legend_${Xe.value}`,
             legendSet: ge.value,
-            config: Et.value,
+            config: Ot.value,
             clickable: !1
           }, {
-            item: p(({ legend: t }) => [
+            item: C(({ legend: t }) => [
               c("div", {
                 style: se(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
               }, [
@@ -1168,15 +1172,15 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
                     cy: 10,
                     r: 9,
                     fill: t.color
-                  }, null, 8, La)
-                ], 8, $a)),
+                  }, null, 8, Da)
+                ], 8, Sa)),
                 i(ce) ? y("", !0) : (r(), v(_, { key: 0 }, [
                   Ae(k(t.name), 1)
                 ], 64))
               ], 4)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : m(l.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
             key: 1,
             legend: ge.value
           }, void 0, !0)
@@ -1188,15 +1192,15 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         ref: Fe,
         dir: "auto"
       }, [
-        m(l.$slots, "source", {}, void 0, !0)
+        p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      ee.value && e.value.userOptions.buttons.table ? (r(), E(Qt(Y.value.component), el({ key: 7 }, Y.value.props, {
+      ee.value && e.value.userOptions.buttons.table ? (r(), E(tl(Y.value.component), ll({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: Qe
       }), rt({
-        content: p(() => [
-          (r(), E(i(At), {
+        content: C(() => [
+          (r(), E(i(Lt), {
             key: `table_${Me.value}`,
             colNames: le.value.colNames,
             head: le.value.head,
@@ -1206,13 +1210,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
             withCloseButton: !e.value.table.useDialog,
             onClose: Qe
           }, {
-            th: p(({ th: t }) => [
+            th: C(({ th: t }) => [
               c("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Sa)
+              }, null, 8, Fa)
             ]),
-            td: p(({ td: t }) => [
+            td: C(({ td: t }) => [
               Ae(k(t.name || t), 1)
             ]),
             _: 1
@@ -1222,20 +1226,20 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: p(() => [
+          fn: C(() => [
             Ae(k(Y.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: p(() => [
+          fn: C(() => [
             c("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[0] || (o[0] = (t) => pe(e.value.userOptions.callbacks.csv))
+              onClick: o[0] || (o[0] = (t) => Ce(e.value.userOptions.callbacks.csv))
             }, [
-              nt(i(xt), {
+              nt(i(At), {
                 name: "excel",
                 stroke: Y.value.props.color
               }, null, 8, ["stroke"])
@@ -1244,15 +1248,15 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      i(ce) ? (r(), E(dl, { key: 8 })) : y("", !0)
-    ], 46, xl));
+      i(ce) ? (r(), E(bl, { key: 8 })) : y("", !0)
+    ], 46, Al));
   }
-}, Fa = /* @__PURE__ */ kl(Da, [["__scopeId", "data-v-7b0427b6"]]), qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, za = /* @__PURE__ */ _l(Na, [["__scopeId", "data-v-7b0427b6"]]), Za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fa
+  default: za
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ja as a,
-  qa as b,
-  Fa as v
+  Ya as a,
+  Za as b,
+  za as v
 };