vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-dumbbell-4-hWZn-o.js → vue-ui-dumbbell-D04To0aO.js}

@@ -1,21 +1,22 @@
-import { computed as g, ref as d, watch as ye, onMounted as be, onBeforeUnmount as Oe, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as F, normalizeClass as fe, createBlock as L, createCommentVNode as v, createElementVNode as i, createSlots as Ge, withCtx as _, renderSlot as m, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as C, renderList as $, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
-import { u as Ie, c as pe, a 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-B9qF6XbP.js";
-import { t as Re, u as Be } from "./useResponsive-BWapHhVH.js";
-import { _ as je } from "./Title-D6h1gTvZ.js";
-import { u as qe, U as Ye } from "./usePrinter-DsiBLAy1.js";
-import { D as Ze } from "./DataTable-CJN0sipt.js";
-import Je from "./vue-ui-skeleton-CHEZlRpn.js";
-import { L as Ke } from "./Legend-BDyPoYfp.js";
-import Qe from "./vue-ui-accordion-DBmchkva.js";
-import { u as Ce } from "./useNestedProp-g5oKzlVy.js";
-import { _ as et } from "./PackageVersion-DqmHcoqz.js";
-import { P as tt } from "./PenAndPaper-6UYizrkQ.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 = ["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"], bt = { key: 4 }, ft = ["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: 5 }, It = ["x", "y", "fill", "font-size"], Ft = { key: 6 }, Vt = ["x", "y", "fill", "font-size"], Et = {
+import { computed as g, ref as d, watch as ye, onMounted as fe, onBeforeUnmount as Ge, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as F, normalizeClass as be, createBlock as L, createCommentVNode as v, createElementVNode as i, createSlots as Me, withCtx as _, renderSlot as m, normalizeProps as W, guardReactiveProps as U, createVNode as De, Fragment as C, renderList as $, toDisplayString as A, createTextVNode as ge, nextTick as Ie } from "vue";
+import { u as Fe, c as pe, a as Ve, o as Ee, e as me, g as He, v as _e, D as Re, f as z, X as ke, i as B, l as xe, h as we, q as We, r as Ue } from "./index-CZlI7PiS.js";
+import { t as Be, u as je } from "./useResponsive-BWapHhVH.js";
+import { _ as qe } from "./Title-DePxeqVl.js";
+import { u as Ye, U as Ze } from "./usePrinter-D-sSdR2l.js";
+import { D as Je } from "./DataTable-D0-zzsJg.js";
+import Ke from "./vue-ui-skeleton-D8r-yAkW.js";
+import { L as Qe } from "./Legend-Oaw0MY8Y.js";
+import et from "./vue-ui-accordion-DVtmOO3I.js";
+import { u as Ce } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as tt } from "./PackageVersion-J_USnljf.js";
+import { P as lt } from "./PenAndPaper-CoEXEMcN.js";
+import { u as at } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as st } from "./useChartAccessibility-BWojgys7.js";
+import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const rt = ["id"], nt = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], it = { key: 1 }, ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = { key: 2 }, vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 3 }, ft = ["x", "y", "font-size", "fill", "font-weight"], bt = ["x", "y", "font-size", "fill"], gt = { key: 4 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["id"], _t = ["stop-color"], kt = ["stop-color"], xt = ["stop-color"], wt = ["id"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["stop-color"], At = ["id"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Pt = { key: 0 }, Ot = ["d", "fill"], Gt = { key: 1 }, Mt = ["x", "y", "height", "width", "fill"], Dt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], It = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ft = { key: 5 }, Vt = ["x", "y", "fill", "font-size"], Et = { key: 6 }, Ht = ["x", "y", "fill", "font-size"], Rt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ht = ["xmlns", "height", "width"], Wt = ["fill"], Ut = ["innerHTML"], Rt = {
+}, Wt = ["xmlns", "height", "width"], Ut = ["fill"], Bt = ["innerHTML"], jt = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -32,10 +33,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup($e, { expose: Le, emit: Bt }) {
-    const { vue_ui_dumbbell: Ae } = Ie(), f = $e, S = g({
+  setup($e, { expose: Le, emit: qt }) {
+    const { vue_ui_dumbbell: Ae } = Fe(), b = $e, S = g({
       get() {
-        return !!f.dataset && f.dataset.length;
+        return !!b.dataset && b.dataset.length;
       },
       set(l) {
         return l;
@@ -43,34 +44,34 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
     }), y = d(pe()), j = d(0), X = d(null), q = d(null), Y = d(null), Z = d(null), J = d(null), K = d(0), Q = d(0), ee = d(0), e = g({
       get: () => ae(),
       set: (l) => l
-    }), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: le } = lt({ config: e.value });
+    }), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: le } = at({ config: e.value }), { svgRef: ze } = st({ config: e.value.style.chart.title });
     function ae() {
       const l = Ce({
-        userConfig: f.config,
+        userConfig: b.config,
         defaultConfig: Ae
       });
       return l.theme ? {
         ...Ce({
-          userConfig: Fe.vue_ui_dumbbell[l.theme] || f.config,
+          userConfig: Ve.vue_ui_dumbbell[l.theme] || b.config,
           defaultConfig: l
         })
       } : l;
     }
-    ye(() => f.config, (l) => {
+    ye(() => b.config, (l) => {
       e.value = ae(), V.value = !e.value.userOptions.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, h.value = e.value.style.chart.rowHeight, T.value = e.value.style.chart.width, N.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ye(() => f.dataset, (l) => {
+    }, { deep: !0 }), ye(() => b.dataset, (l) => {
       ce();
     }, { deep: !0 });
     const O = d(null);
-    be(() => {
+    fe(() => {
       se();
     });
     function se() {
-      if (Ve(f.dataset) ? me({
+      if (Ee(b.dataset) ? me({
         componentName: "VueUiDumbbell",
         type: "dataset"
-      }) : f.dataset.forEach((l, n) => {
-        Ee({
+      }) : b.dataset.forEach((l, n) => {
+        He({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
@@ -82,8 +83,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           });
         });
       }), e.value.responsive) {
-        const l = Re(() => {
-          const { width: n, height: t } = Be({
+        const l = Be(() => {
+          const { width: n, height: t } = je({
             chart: X.value,
             title: e.value.style.chart.title.text ? q.value : null,
             legend: e.value.style.chart.legend.show ? Y.value : null,
@@ -91,21 +92,21 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             noTitle: J.value
           });
           requestAnimationFrame(() => {
-            T.value = n, h.value = t / f.dataset.length, b.value = G();
+            T.value = n, h.value = t / b.dataset.length, f.value = G();
           });
         });
         O.value = new ResizeObserver(l), O.value.observe(X.value.parentNode);
       }
     }
-    Oe(() => {
+    Ge(() => {
       O.value && O.value.disconnect();
     });
-    const { isPrinting: oe, isImaging: re, generatePdf: ne, generateImage: ue } = qe({
+    const { isPrinting: oe, isImaging: re, generatePdf: ne, generateImage: ue } = Ye({
       elementId: `dumbbell_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell"
-    }), ze = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), N = d({
+    }), Se = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), N = d({
       showTable: e.value.table.show
-    }), k = g(() => f.dataset.map((l, n) => ({
+    }), k = g(() => b.dataset.map((l, n) => ({
       ...l,
       start: _e(l.start),
       end: _e(l.end),
@@ -113,15 +114,15 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
     }))), E = g(() => ({
       max: Math.max(...k.value.flatMap((l) => [l.start, l.end])),
       min: Math.min(...k.value.flatMap((l) => [l.start, l.end]))
-    })), c = g(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), T = d(e.value.style.chart.width), s = g(() => {
-      const l = h.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + T.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * f.dataset.length, a = c.value.ticks.length * (T.value / c.value.ticks.length);
+    })), c = g(() => Re(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), T = d(e.value.style.chart.width), s = g(() => {
+      const l = h.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + T.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * b.dataset.length, a = c.value.ticks.length * (T.value / c.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: n - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: t - e.value.style.chart.padding.bottom,
         width: T.value,
-        height: l * f.dataset.length,
+        height: l * b.dataset.length,
         rowHeight: l,
         absoluteHeight: t,
         absoluteWidth: n,
@@ -141,34 +142,34 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         };
       });
     }
-    const b = d([]), ie = d(null), Se = g(() => k.value.map((l) => l.end).reduce((l, n) => l + n, 0));
-    be(() => {
+    const f = d([]), ie = d(null), Xe = g(() => k.value.map((l) => l.end).reduce((l, n) => l + n, 0));
+    fe(() => {
       ce();
     });
     function ce() {
-      b.value = G();
-      let l = b.value.map((t) => t.start).reduce((t, a) => t + a, 0);
+      f.value = G();
+      let l = f.value.map((t) => t.start).reduce((t, a) => t + a, 0);
       function n() {
         const t = k.value.map((a) => a.end - a.start);
-        l >= Se.value ? (cancelAnimationFrame(ie.value), b.value = G()) : (b.value = b.value.map((a, p) => {
+        l >= Xe.value ? (cancelAnimationFrame(ie.value), f.value = G()) : (f.value = f.value.map((a, p) => {
           a.endVal += t[p] * (e.value.animationSpeed / 100);
-          const w = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, W = w + (I - w) / 2;
+          const w = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, R = w + (I - w) / 2;
           return {
             ...a,
             startX: w,
             endX: I,
-            centerX: W,
+            centerX: R,
             y: s.value.top + p * h.value + h.value / 2,
             endVal: a.endVal
           };
-        }), l = b.value.map((a) => a.endVal).reduce((a, p) => a + p, 0), ie.value = requestAnimationFrame(n));
+        }), l = f.value.map((a) => a.endVal).reduce((a, p) => a + p, 0), ie.value = requestAnimationFrame(n));
       }
-      e.value.useAnimation ? n() : b.value = G();
+      e.value.useAnimation ? n() : f.value = G();
     }
     const de = g(() => [
       { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.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_${y.value})` : e.value.style.chart.plots.endColor }
-    ]), Xe = g(() => ({
+    ]), Ne = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -177,9 +178,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), x = g(() => {
-      const l = b.value.map((t) => ({
+      const l = f.value.map((t) => ({
         name: t.name
-      })), n = b.value.map((t) => ({
+      })), n = f.value.map((t) => ({
         start: t.start,
         end: t.end
       }));
@@ -196,12 +197,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           v: x.value.body[w].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), W = z({
+        }), R = z({
           p: e.value.style.chart.labels.prefix,
           v: x.value.body[w].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), Pe = z({
+        }), Oe = z({
           v: 100 * (x.value.body[w].end / x.value.body[w].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
@@ -209,8 +210,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         return [
           { name: p.name },
           I,
-          W,
-          Pe
+          R,
+          Oe
         ];
       }), t = {
         th: {
@@ -238,7 +239,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       };
     });
     function ve() {
-      De(() => {
+      Ie(() => {
         const l = x.value.head.map((a, p) => [[
           a.name
         ], [x.value.body[p].start], [x.value.body[p].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);
@@ -246,11 +247,11 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       });
     }
     const P = d(!1);
-    function Ne(l) {
+    function Te(l) {
       P.value = l, j.value += 1;
     }
-    function Te() {
-      return b.value;
+    function Pe() {
+      return f.value;
     }
     function he() {
       N.value.showTable = !N.value.showTable;
@@ -260,7 +261,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       D.value = !D.value;
     }
     return Le({
-      getData: Te,
+      getData: Pe,
       generatePdf: ne,
       generateCsv: ve,
       generateImage: ue,
@@ -269,13 +270,13 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
     }), (l, n) => (o(), r("div", {
       ref_key: "dumbbellChart",
       ref: X,
-      class: fe(`vue-ui-dumbbell ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: be(`vue-ui-dumbbell ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: F(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `dumbbell_${y.value}`,
       onMouseenter: n[1] || (n[1] = () => u(te)(!0)),
       onMouseleave: n[2] || (n[2] = () => u(te)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), L(tt, {
+      e.value.userOptions.buttons.annotator ? (o(), L(lt, {
         key: 0,
         parent: X.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -283,7 +284,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         active: D.value,
         onClose: H
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
-      ze.value ? (o(), r("div", {
+      Se.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: J,
@@ -296,7 +297,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         ref: q,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (o(), L(je, {
+        (o(), L(qe, {
           key: `title_${K.value}`,
           config: {
             title: {
@@ -310,7 +311,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      e.value.userOptions.show && S.value && (u(le) || u(V)) ? (o(), L(Ye, {
+      e.value.userOptions.show && S.value && (u(le) || u(V)) ? (o(), L(Ze, {
         ref: "details",
         key: `user_option_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -329,7 +330,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: D.value,
-        onToggleFullscreen: Ne,
+        onToggleFullscreen: Te,
         onGeneratePdf: u(ne),
         onGenerateCsv: ve,
         onGenerateImage: u(ue),
@@ -338,7 +339,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         style: F({
           visibility: u(le) ? u(V) ? "visible" : "hidden" : "visible"
         })
-      }, Ge({ _: 2 }, [
+      }, Me({ _: 2 }, [
         l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: _(() => [
@@ -370,26 +371,28 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: _(({ toggleFullscreen: t, isFullscreen: a }) => [
-            m(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+            m(l.$slots, "optionFullscreen", W(U({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: _(({ toggleAnnotator: t, isAnnotator: a }) => [
-            m(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+            m(l.$slots, "optionAnnotator", W(U({ toggleAnnotator: t, isAnnotator: a })), 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"])) : v("", !0),
       S.value ? (o(), r("svg", {
         key: 4,
+        ref_key: "svgRef",
+        ref: ze,
         xmlns: u(ke),
-        class: fe({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
+        class: be({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
         viewBox: `0 0 ${s.value.absoluteWidth <= 0 ? 10 : s.value.absoluteWidth} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
         style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Me(et),
+        De(tt),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -401,8 +404,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           }
         }, [
           m(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, rt)) : v("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", nt, [
+        ], 8, ut)) : v("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", it, [
           (o(!0), r(C, null, $(c.value.ticks, (t, a) => (o(), r("line", {
             x1: s.value.left + a * s.value.width / (c.value.ticks.length - 1),
             x2: s.value.left + a * s.value.width / (c.value.ticks.length - 1),
@@ -411,9 +414,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             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, ut))), 256))
+          }, null, 8, ct))), 256))
         ])) : v("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", it, [
+        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", dt, [
           (o(!0), r(C, null, $(k.value, (t, a) => (o(), r("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -422,7 +425,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             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))), 256)),
+          }, null, 8, vt))), 256)),
           i("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -431,9 +434,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             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, dt)
+          }, null, 8, ht)
         ])) : v("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", vt, [
+        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", yt, [
           (o(!0), r(C, null, $(k.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,
@@ -441,7 +444,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             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, ht))), 256)),
+          }, A(t.name), 9, ft))), 256)),
           e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r(C, { key: 0 }, $(k.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,
@@ -452,9 +455,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             v: 100 * (t.end / t.start - 1),
             s: "%",
             r: e.value.style.chart.labels.yAxisLabels.rounding
-          })), 9, yt))), 256)) : v("", !0)
+          })), 9, bt))), 256)) : v("", !0)
         ])) : v("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", bt, [
+        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", gt, [
           (o(!0), r(C, null, $(c.value.ticks, (t, a) => (o(), r("text", {
             x: s.value.left + a * (s.value.width / (c.value.ticks.length - 1)),
             y: s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY,
@@ -472,7 +475,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, ft))), 256))
+          )), 9, pt))), 256))
         ])) : v("", !0),
         i("defs", null, [
           i("radialGradient", {
@@ -482,16 +485,16 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             i("stop", {
               offset: "10%",
               "stop-color": u(xe)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, pt),
+            }, null, 8, _t),
             i("stop", {
               offset: "90%",
               "stop-color": u(we)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, mt),
+            }, null, 8, kt),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, _t)
-          ], 8, gt),
+            }, null, 8, xt)
+          ], 8, mt),
           i("radialGradient", {
             id: `end_grad_${y.value}`,
             fy: "30%"
@@ -499,18 +502,18 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             i("stop", {
               offset: "10%",
               "stop-color": u(xe)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, xt),
+            }, null, 8, Ct),
             i("stop", {
               offset: "90%",
               "stop-color": u(we)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, wt),
+            }, null, 8, $t),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, Ct)
-          ], 8, kt)
+            }, null, 8, Lt)
+          ], 8, wt)
         ]),
-        (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("g", null, [
+        (o(!0), r(C, null, $(f.value, (t, a) => (o(), r("g", null, [
           i("defs", null, [
             i("linearGradient", {
               id: `grad_positive_${y.value}`,
@@ -522,12 +525,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Lt),
+              }, null, 8, zt),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, At)
-            ], 8, $t),
+              }, null, 8, St)
+            ], 8, At),
             i("linearGradient", {
               id: `grad_negative_${y.value}`,
               x1: "0%",
@@ -538,14 +541,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, St),
+              }, null, 8, Nt),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Xt)
-            ], 8, zt)
+              }, null, 8, Tt)
+            ], 8, Xt)
           ]),
-          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", Nt, [
+          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", Pt, [
             i("path", {
               d: `M 
                             ${t.startX},${t.y + e.value.style.chart.plots.radius / 2} 
@@ -557,15 +560,15 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
                             Z
                         `,
               fill: t.endX > t.startX ? `url(#grad_positive_${y.value})` : `url(#grad_negative_${y.value})`
-            }, null, 8, Tt)
-          ])) : (o(), r("g", Pt, [
+            }, null, 8, Ot)
+          ])) : (o(), r("g", Gt, [
             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_${y.value})` : `url(#grad_negative_${y.value})`
-            }, null, 8, Ot)
+            }, null, 8, Mt)
           ])),
           i("circle", {
             cx: t.startX,
@@ -574,7 +577,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Gt),
+          }, null, 8, Dt),
           i("circle", {
             cx: t.endX,
             cy: t.y,
@@ -582,10 +585,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${y.value})` : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Mt)
+          }, null, 8, It)
         ]))), 256)),
-        e.value.style.chart.labels.startLabels.show ? (o(), r("g", Dt, [
-          (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("text", {
+        e.value.style.chart.labels.startLabels.show ? (o(), r("g", Ft, [
+          (o(!0), r(C, null, $(f.value, (t, a) => (o(), r("text", {
             x: t.startX,
             y: s.value.top + (a + 1) * h.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,
@@ -601,10 +604,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.startLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, It))), 256))
+          )), 9, Vt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.labels.endLabels.show ? (o(), r("g", Ft, [
-          (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("text", {
+        e.value.style.chart.labels.endLabels.show ? (o(), r("g", Et, [
+          (o(!0), r(C, null, $(f.value, (t, a) => (o(), r("text", {
             x: t.endX,
             y: s.value.top + a * h.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,
@@ -620,14 +623,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.endLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Vt))), 256))
+          )), 9, Ht))), 256))
         ])) : v("", !0),
         m(l.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, ot)) : v("", !0),
-      l.$slots.watermark ? (o(), r("div", Et, [
-        m(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
+      ], 14, nt)) : v("", !0),
+      l.$slots.watermark ? (o(), r("div", Rt, [
+        m(l.$slots, "watermark", W(U({ isPrinting: u(oe) || u(re) })), void 0, !0)
       ])) : v("", !0),
-      S.value ? v("", !0) : (o(), L(Je, {
+      S.value ? v("", !0) : (o(), L(Ke, {
         key: 6,
         config: {
           type: "dumbbell",
@@ -643,10 +646,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         ref_key: "chartLegend",
         ref: Y
       }, [
-        e.value.style.chart.legend.show && S.value ? (o(), L(Ke, {
+        e.value.style.chart.legend.show && S.value ? (o(), L(Qe, {
           key: `legend_${ee.value}`,
           legendSet: de.value,
-          config: Xe.value
+          config: Ne.value
         }, {
           item: _(({ legend: t }) => [
             i("div", {
@@ -663,8 +666,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
                   cy: 10,
                   r: 9,
                   fill: t.color
-                }, null, 8, Wt)
-              ], 8, Ht)),
+                }, null, 8, Ut)
+              ], 8, Wt)),
               ge(" " + A(t.name), 1)
             ], 4)
           ]),
@@ -682,7 +685,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       }, [
         m(l.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      S.value ? (o(), L(Qe, {
+      S.value ? (o(), L(et, {
         key: 8,
         hideDetails: "",
         config: {
@@ -699,7 +702,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         }
       }, {
         content: _(() => [
-          (o(), L(Ze, {
+          (o(), L(Je, {
             key: `table_${Q.value}`,
             colNames: M.value.colNames,
             head: M.value.head,
@@ -712,7 +715,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ut)
+              }, null, 8, Bt)
             ]),
             td: _(({ td: t }) => [
               ge(A(t.name || t), 1)
@@ -722,9 +725,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["config"])) : v("", !0)
-    ], 46, st));
+    ], 46, rt));
   }
-}, nl = /* @__PURE__ */ at(Rt, [["__scopeId", "data-v-0f03316c"]]);
+}, cl = /* @__PURE__ */ ot(jt, [["__scopeId", "data-v-922fa05c"]]);
 export {
-  nl as default
+  cl as default
 };