vue-data-ui 2.4.57 → 2.4.59

package/dist/{vue-ui-dumbbell-Dx1I89N9.js → vue-ui-dumbbell-DMp-Waih.js}

@@ -1,21 +1,21 @@
-import { computed as m, ref as v, watch as ye, onMounted as fe, onBeforeUnmount as Oe, openBlock as o, createElementBlock as r, normalizeClass as be, normalizeStyle as F, unref as u, createBlock as L, createCommentVNode as y, createSlots as Ge, withCtx as _, renderSlot as k, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as w, renderList as $, createElementVNode as i, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
-import { u as Ie, c as pe, t as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as B, l as xe, h as Ce, q as We, r as Ue } from "./index-CI-N9klv.js";
+import { computed as m, ref as v, watch as ye, onMounted as fe, onBeforeUnmount as Oe, openBlock as o, createElementBlock as r, normalizeClass as be, normalizeStyle as F, unref as u, createBlock as L, createCommentVNode as h, createSlots as Ge, withCtx as k, renderSlot as _, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as C, renderList as $, createElementVNode as i, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
+import { u as Ie, c as pe, t as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as B, l as xe, h as we, q as We, r as Ue } from "./index-B9RAElpI.js";
 import { t as Re, u as Be } from "./useResponsive-CoxXLe23.js";
-import { _ as je } from "./Title-DLjHHdyq.js";
-import { u as qe, U as Ye } from "./usePrinter-CXc8xCKk.js";
-import { D as Ze } from "./DataTable-DgbrnD__.js";
-import Je from "./vue-ui-skeleton-owIhXtQF.js";
-import { L as Ke } from "./Legend-HooNAKB_.js";
-import Qe from "./vue-ui-accordion-CYLks1fW.js";
-import { u as we } from "./useNestedProp-D1eJ0dvv.js";
-import { _ as et } from "./PackageVersion-S3SzpuwC.js";
-import { P as tt } from "./PenAndPaper-v846FwcH.js";
+import { _ as je } from "./Title-zZtEcB9F.js";
+import { u as qe, U as Ye } from "./usePrinter-CwTAwqtF.js";
+import { D as Ze } from "./DataTable-CFUKU8PU.js";
+import Je from "./vue-ui-skeleton-DVYD_VSe.js";
+import { L as Ke } from "./Legend-f52bnttJ.js";
+import Qe from "./vue-ui-accordion-rNA598L6.js";
+import { u as Ce } from "./useNestedProp-DuruL3Nt.js";
+import { _ as et } from "./PackageVersion-C_FFs0BP.js";
+import { P as tt } from "./PenAndPaper-Dx24BtRW.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ut = { key: 1 }, it = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = { key: 2 }, vt = ["x", "y", "font-size", "fill", "font-weight"], ht = ["x", "y", "font-size", "fill"], yt = { key: 3 }, ft = ["x", "y", "font-size", "fill", "font-weight"], bt = ["id"], gt = ["stop-color"], pt = ["stop-color"], mt = ["stop-color"], _t = ["id"], kt = ["stop-color"], xt = ["stop-color"], Ct = ["stop-color"], wt = ["id"], $t = ["stop-color"], Lt = ["stop-color"], At = ["id"], zt = ["stop-color"], St = ["stop-color"], Xt = { key: 0 }, Nt = ["d", "fill"], Tt = { key: 1 }, Pt = ["x", "y", "height", "width", "fill"], Ot = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mt = { key: 2 }, Dt = ["x", "y", "fill", "font-size"], It = { key: 3 }, Ft = ["x", "y", "fill", "font-size"], Vt = {
+const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"], nt = { key: 1 }, ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], it = { key: 2 }, ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vt = { key: 3 }, ht = ["x", "y", "font-size", "fill", "font-weight"], yt = ["x", "y", "font-size", "fill"], ft = { key: 4 }, bt = ["x", "y", "font-size", "fill", "font-weight"], gt = ["id"], pt = ["stop-color"], mt = ["stop-color"], _t = ["stop-color"], kt = ["id"], xt = ["stop-color"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["id"], Lt = ["stop-color"], At = ["stop-color"], zt = ["id"], St = ["stop-color"], Xt = ["stop-color"], Nt = { key: 0 }, Tt = ["d", "fill"], Pt = { key: 1 }, Ot = ["x", "y", "height", "width", "fill"], Gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Dt = { key: 2 }, It = ["x", "y", "fill", "font-size"], Ft = { key: 3 }, Vt = ["x", "y", "fill", "font-size"], Et = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Et = ["xmlns", "height", "width"], Ht = ["fill"], Wt = ["innerHTML"], Ut = {
+}, Ht = ["xmlns", "height", "width"], Wt = ["fill"], Ut = ["innerHTML"], Rt = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -32,7 +32,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
     }
   },
   emits: ["selectDatapoint"],
-  setup($e, { expose: Le, emit: Rt }) {
+  setup($e, { expose: Le, emit: Bt }) {
     const p = $e, { vue_ui_dumbbell: Ae } = Ie(), S = m({
       get() {
         return !!p.dataset && p.dataset.length;
@@ -45,19 +45,19 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       set: (l) => l
     }), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: le } = lt({ config: e.value });
     function ae() {
-      const l = we({
+      const l = Ce({
         userConfig: p.config,
         defaultConfig: Ae
       });
       return l.theme ? {
-        ...we({
+        ...Ce({
           userConfig: Fe.vue_ui_dumbbell[l.theme] || p.config,
           defaultConfig: l
         })
       } : l;
     }
     ye(() => p.config, (l) => {
-      e.value = ae(), V.value = !e.value.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, h.value = e.value.style.chart.rowHeight, N.value = e.value.style.chart.width;
+      e.value = ae(), V.value = !e.value.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, y.value = e.value.style.chart.rowHeight, N.value = e.value.style.chart.width;
     }, { deep: !0 }), ye(() => p.dataset, (l) => {
       ce();
     }, { deep: !0 });
@@ -90,7 +90,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             source: Z.value,
             noTitle: J.value
           });
-          N.value = n, h.value = t / p.dataset.length, b.value = G();
+          N.value = n, y.value = t / p.dataset.length, b.value = G();
         });
         P.value = new ResizeObserver(l), P.value.observe(X.value.parentNode);
       }
@@ -111,8 +111,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
     }))), E = m(() => ({
       max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
       min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
-    })), d = m(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), h = v(e.value.style.chart.rowHeight), N = v(e.value.style.chart.width), s = m(() => {
-      const l = h.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + N.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * p.dataset.length, a = d.value.ticks.length * (N.value / d.value.ticks.length);
+    })), d = m(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), y = v(e.value.style.chart.rowHeight), N = v(e.value.style.chart.width), a = m(() => {
+      const l = y.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + N.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * p.dataset.length, s = d.value.ticks.length * (N.value / d.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: n - e.value.style.chart.padding.right,
@@ -123,18 +123,18 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         rowHeight: l,
         absoluteHeight: t,
         absoluteWidth: n,
-        widthPlotReference: a
+        widthPlotReference: s
       };
     });
     function G() {
       return x.value.map((l, n) => {
-        const t = s.value.left + (l.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, a = s.value.left + (l.end + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, c = t + (a - t) / 2;
+        const t = a.value.left + (l.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, s = a.value.left + (l.end + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, c = t + (s - t) / 2;
         return {
           ...l,
           startX: t,
-          endX: a,
+          endX: s,
           centerX: c,
-          y: s.value.top + n * h.value + h.value / 2,
+          y: a.value.top + n * y.value + y.value / 2,
           endVal: l.start
         };
       });
@@ -145,21 +145,21 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
     });
     function ce() {
       b.value = G();
-      let l = b.value.map((t) => t.start).reduce((t, a) => t + a, 0);
+      let l = b.value.map((t) => t.start).reduce((t, s) => t + s, 0);
       function n() {
-        const t = x.value.map((a) => a.end - a.start);
-        l >= Se.value ? (cancelAnimationFrame(ie.value), b.value = G()) : (b.value = b.value.map((a, c) => {
-          a.endVal += t[c] * (e.value.animationSpeed / 100);
-          const g = s.value.left + (a.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, W = g + (I - g) / 2;
+        const t = x.value.map((s) => s.end - s.start);
+        l >= Se.value ? (cancelAnimationFrame(ie.value), b.value = G()) : (b.value = b.value.map((s, c) => {
+          s.endVal += t[c] * (e.value.animationSpeed / 100);
+          const g = a.value.left + (s.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, I = a.value.left + (s.endVal + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, W = g + (I - g) / 2;
           return {
-            ...a,
+            ...s,
             startX: g,
             endX: I,
             centerX: W,
-            y: s.value.top + c * h.value + h.value / 2,
-            endVal: a.endVal
+            y: a.value.top + c * y.value + y.value / 2,
+            endVal: s.endVal
           };
-        }), l = b.value.map((a) => a.endVal).reduce((a, c) => a + c, 0), ie.value = requestAnimationFrame(n));
+        }), l = b.value.map((s) => s.endVal).reduce((s, c) => s + c, 0), ie.value = requestAnimationFrame(n));
       }
       e.value.useAnimation ? n() : b.value = G();
     }
@@ -174,7 +174,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), C = m(() => {
+    })), w = m(() => {
       const l = b.value.map((t) => ({
         name: t.name
       })), n = b.value.map((t) => ({
@@ -188,19 +188,19 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], n = C.value.head.map((c, g) => {
+      ], n = w.value.head.map((c, g) => {
         const I = z({
           p: e.value.style.chart.labels.prefix,
-          v: C.value.body[g].start,
+          v: w.value.body[g].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), W = z({
           p: e.value.style.chart.labels.prefix,
-          v: C.value.body[g].end,
+          v: w.value.body[g].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), Pe = z({
-          v: 100 * (C.value.body[g].end / C.value.body[g].start - 1),
+          v: 100 * (w.value.body[g].end / w.value.body[g].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
@@ -237,9 +237,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
     });
     function ve() {
       De(() => {
-        const l = C.value.head.map((a, c) => [[
-          a.name
-        ], [C.value.body[c].start], [C.value.body[c].end]]), n = [[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(l), t = We(n);
+        const l = w.value.head.map((s, c) => [[
+          s.name
+        ], [w.value.body[c].start], [w.value.body[c].end]]), n = [[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(l), t = We(n);
         Ue({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
@@ -280,14 +280,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         color: e.value.style.chart.color,
         active: D.value,
         onClose: H
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : h("", !0),
       ze.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: J,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : y("", !0),
+      }, null, 512)) : h("", !0),
       e.value.style.chart.title.text ? (o(), r("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -307,7 +307,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
+      ], 512)) : h("", !0),
       e.value.userOptions.show && S.value && (u(le) || u(V)) ? (o(), L(Ye, {
         ref: "details",
         key: `user_option_${j.value}`,
@@ -339,98 +339,110 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       }, Ge({ _: 2 }, [
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: _(() => [
-            k(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: _(() => [
-            k(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: _(() => [
-            k(l.$slots, "optionImg", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: _(() => [
-            k(l.$slots, "optionTable", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: _(({ toggleFullscreen: t, isFullscreen: a }) => [
-            k(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          fn: k(({ toggleFullscreen: t, isFullscreen: s }) => [
+            _(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: _(({ toggleAnnotator: t, isAnnotator: a }) => [
-            k(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          fn: k(({ toggleAnnotator: t, isAnnotator: s }) => [
+            _(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       S.value ? (o(), r("svg", {
         key: 4,
         xmlns: u(ke),
         class: be({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
-        viewBox: `0 0 ${s.value.absoluteWidth <= 0 ? 10 : s.value.absoluteWidth} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
+        viewBox: `0 0 ${a.value.absoluteWidth <= 0 ? 10 : a.value.absoluteWidth} ${a.value.absoluteHeight <= 0 ? 10 : a.value.absoluteHeight}`,
         style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Me(et),
-        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", rt, [
-          (o(!0), r(w, null, $(d.value.ticks, (t, a) => (o(), r("line", {
-            x1: s.value.left + a * s.value.width / (d.value.ticks.length - 1),
-            x2: s.value.left + a * s.value.width / (d.value.ticks.length - 1),
-            y1: s.value.top,
-            y2: s.value.bottom,
+        l.$slots["chart-background"] ? (o(), r("foreignObject", {
+          key: 0,
+          x: a.value.left,
+          y: a.value.top,
+          width: a.value.width,
+          height: a.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          _(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, rt)) : h("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", nt, [
+          (o(!0), r(C, null, $(d.value.ticks, (t, s) => (o(), r("line", {
+            x1: a.value.left + s * a.value.width / (d.value.ticks.length - 1),
+            x2: a.value.left + s * a.value.width / (d.value.ticks.length - 1),
+            y1: a.value.top,
+            y2: a.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, nt))), 256))
-        ])) : y("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", ut, [
-          (o(!0), r(w, null, $(x.value, (t, a) => (o(), r("line", {
-            x1: s.value.left,
-            x2: s.value.right,
-            y1: s.value.top + a * h.value,
-            y2: s.value.top + a * h.value,
+          }, null, 8, ut))), 256))
+        ])) : h("", !0),
+        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", it, [
+          (o(!0), r(C, null, $(x.value, (t, s) => (o(), r("line", {
+            x1: a.value.left,
+            x2: a.value.right,
+            y1: a.value.top + s * y.value,
+            y2: a.value.top + s * y.value,
             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, it))), 256)),
+          }, null, 8, ct))), 256)),
           i("line", {
-            x1: s.value.left,
-            x2: s.value.right,
-            y1: s.value.bottom,
-            y2: s.value.bottom,
+            x1: a.value.left,
+            x2: a.value.right,
+            y1: a.value.bottom,
+            y2: a.value.bottom,
             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, ct)
-        ])) : y("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", dt, [
-          (o(!0), r(w, null, $(x.value, (t, a) => (o(), r("text", {
-            x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: s.value.top + a * h.value + (e.value.style.chart.labels.yAxisLabels.showProgression ? h.value / 3 : h.value / 2) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
+          }, null, 8, dt)
+        ])) : h("", !0),
+        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", vt, [
+          (o(!0), r(C, null, $(x.value, (t, s) => (o(), r("text", {
+            x: a.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
+            y: a.value.top + s * y.value + (e.value.style.chart.labels.yAxisLabels.showProgression ? y.value / 3 : y.value / 2) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end"
-          }, A(t.name), 9, vt))), 256)),
-          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r(w, { key: 0 }, $(x.value, (t, a) => (o(), r("text", {
-            x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: s.value.top + a * h.value + h.value / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
+          }, A(t.name), 9, ht))), 256)),
+          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r(C, { key: 0 }, $(x.value, (t, s) => (o(), r("text", {
+            x: a.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
+            y: a.value.top + s * y.value + y.value / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "text-anchor": "end"
@@ -438,12 +450,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             v: 100 * (t.end / t.start - 1),
             s: "%",
             r: e.value.style.chart.labels.yAxisLabels.rounding
-          })), 9, ht))), 256)) : y("", !0)
-        ])) : y("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", yt, [
-          (o(!0), r(w, null, $(d.value.ticks, (t, a) => (o(), r("text", {
-            x: s.value.left + a * (s.value.width / (d.value.ticks.length - 1)),
-            y: s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY,
+          })), 9, yt))), 256)) : h("", !0)
+        ])) : h("", !0),
+        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", ft, [
+          (o(!0), r(C, null, $(d.value.ticks, (t, s) => (o(), r("text", {
+            x: a.value.left + s * (a.value.width / (d.value.ticks.length - 1)),
+            y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY,
             "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",
@@ -457,9 +469,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
               s: e.value.style.chart.labels.suffix,
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
-            { datapoint: t, seriesIndex: a }
-          )), 9, ft))), 256))
-        ])) : y("", !0),
+            { datapoint: t, seriesIndex: s }
+          )), 9, bt))), 256))
+        ])) : h("", !0),
         i("defs", null, [
           i("radialGradient", {
             id: `start_grad_${f.value}`,
@@ -468,16 +480,16 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             i("stop", {
               offset: "10%",
               "stop-color": u(xe)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, gt),
+            }, null, 8, pt),
             i("stop", {
               offset: "90%",
-              "stop-color": u(Ce)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, pt),
+              "stop-color": u(we)(e.value.style.chart.plots.startColor, 0.1)
+            }, null, 8, mt),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, mt)
-          ], 8, bt),
+            }, null, 8, _t)
+          ], 8, gt),
           i("radialGradient", {
             id: `end_grad_${f.value}`,
             fy: "30%"
@@ -485,18 +497,18 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             i("stop", {
               offset: "10%",
               "stop-color": u(xe)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, kt),
+            }, null, 8, xt),
             i("stop", {
               offset: "90%",
-              "stop-color": u(Ce)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, xt),
+              "stop-color": u(we)(e.value.style.chart.plots.endColor, 0.1)
+            }, null, 8, wt),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
             }, null, 8, Ct)
-          ], 8, _t)
+          ], 8, kt)
         ]),
-        (o(!0), r(w, null, $(b.value, (t, a) => (o(), r("g", null, [
+        (o(!0), r(C, null, $(b.value, (t, s) => (o(), r("g", null, [
           i("defs", null, [
             i("linearGradient", {
               id: `grad_positive_${f.value}`,
@@ -508,12 +520,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, $t),
+              }, null, 8, Lt),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Lt)
-            ], 8, wt),
+              }, null, 8, At)
+            ], 8, $t),
             i("linearGradient", {
               id: `grad_negative_${f.value}`,
               x1: "0%",
@@ -524,14 +536,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, zt),
+              }, null, 8, St),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, St)
-            ], 8, At)
+              }, null, 8, Xt)
+            ], 8, zt)
           ]),
-          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", Xt, [
+          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", Nt, [
             i("path", {
               d: `M 
                             ${t.startX},${t.y + e.value.style.chart.plots.radius / 2} 
@@ -543,15 +555,15 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
                             Z
                         `,
               fill: t.endX > t.startX ? `url(#grad_positive_${f.value})` : `url(#grad_negative_${f.value})`
-            }, null, 8, Nt)
-          ])) : (o(), r("g", Tt, [
+            }, null, 8, Tt)
+          ])) : (o(), r("g", Pt, [
             i("rect", {
               x: t.endX > t.startX ? t.startX : t.endX,
               y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
               height: e.value.style.chart.plots.link.strokeWidth,
               width: Math.abs(t.endX - t.startX),
               fill: t.endX > t.startX ? `url(#grad_positive_${f.value})` : `url(#grad_negative_${f.value})`
-            }, null, 8, Pt)
+            }, null, 8, Ot)
           ])),
           i("circle", {
             cx: t.startX,
@@ -560,7 +572,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${f.value})` : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Ot),
+          }, null, 8, Gt),
           i("circle", {
             cx: t.endX,
             cy: t.y,
@@ -568,11 +580,11 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${f.value})` : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Gt),
-          e.value.style.chart.labels.startLabels.show ? (o(), r("g", Mt, [
-            (o(!0), r(w, null, $(b.value, (c, g) => (o(), r("text", {
+          }, null, 8, Mt),
+          e.value.style.chart.labels.startLabels.show ? (o(), r("g", Dt, [
+            (o(!0), r(C, null, $(b.value, (c, g) => (o(), r("text", {
               x: c.startX,
-              y: s.value.top + (g + 1) * h.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
+              y: a.value.top + (g + 1) * y.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
               fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
               "font-size": e.value.style.chart.labels.startLabels.fontSize,
               "text-anchor": "middle"
@@ -586,12 +598,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: c, seriesIndex: g }
-            )), 9, Dt))), 256))
-          ])) : y("", !0),
-          e.value.style.chart.labels.endLabels.show ? (o(), r("g", It, [
-            (o(!0), r(w, null, $(b.value, (c, g) => (o(), r("text", {
+            )), 9, It))), 256))
+          ])) : h("", !0),
+          e.value.style.chart.labels.endLabels.show ? (o(), r("g", Ft, [
+            (o(!0), r(C, null, $(b.value, (c, g) => (o(), r("text", {
               x: c.endX,
-              y: s.value.top + g * h.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
+              y: a.value.top + g * y.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
               fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
               "font-size": e.value.style.chart.labels.endLabels.fontSize,
               "text-anchor": "middle"
@@ -605,15 +617,15 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
                 r: e.value.style.chart.labels.endLabels.rounding
               }),
               { datapoint: c, seriesIndex: g }
-            )), 9, Ft))), 256))
-          ])) : y("", !0)
+            )), 9, Vt))), 256))
+          ])) : h("", !0)
         ]))), 256)),
-        k(l.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, ot)) : y("", !0),
-      l.$slots.watermark ? (o(), r("div", Vt, [
-        k(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
-      ])) : y("", !0),
-      S.value ? y("", !0) : (o(), L(Je, {
+        _(l.$slots, "svg", { svg: a.value }, void 0, !0)
+      ], 14, ot)) : h("", !0),
+      l.$slots.watermark ? (o(), r("div", Et, [
+        _(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
+      ])) : h("", !0),
+      S.value ? h("", !0) : (o(), L(Je, {
         key: 6,
         config: {
           type: "dumbbell",
@@ -634,7 +646,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
           legendSet: de.value,
           config: Xe.value
         }, {
-          item: _(({ legend: t }) => [
+          item: k(({ legend: t }) => [
             i("div", {
               style: F(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
             }, [
@@ -649,13 +661,13 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
                   cy: 10,
                   r: 9,
                   fill: t.color
-                }, null, 8, Ht)
-              ], 8, Et)),
+                }, null, 8, Wt)
+              ], 8, Ht)),
               ge(" " + A(t.name), 1)
             ], 4)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : k(l.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : _(l.$slots, "legend", {
           key: 1,
           legend: de.value
         }, void 0, !0)
@@ -666,8 +678,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         ref: Z,
         dir: "auto"
       }, [
-        k(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
+        _(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : h("", !0),
       S.value ? (o(), L(Qe, {
         key: 8,
         hideDetails: "",
@@ -684,7 +696,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
           }
         }
       }, {
-        content: _(() => [
+        content: k(() => [
           (o(), L(Ze, {
             key: `table_${Q.value}`,
             colNames: M.value.colNames,
@@ -694,23 +706,23 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: n[0] || (n[0] = (t) => O.value.showTable = !1)
           }, {
-            th: _(({ th: t }) => [
+            th: k(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Wt)
+              }, null, 8, Ut)
             ]),
-            td: _(({ td: t }) => [
+            td: k(({ td: t }) => [
               ge(A(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : y("", !0)
+      }, 8, ["config"])) : h("", !0)
     ], 46, st));
   }
-}, rl = /* @__PURE__ */ at(Ut, [["__scopeId", "data-v-65f8df5c"]]);
+}, nl = /* @__PURE__ */ at(Rt, [["__scopeId", "data-v-2f5ef017"]]);
 export {
-  rl as default
+  nl as default
 };