vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-history-plot-gzx5uGyY.js → vue-ui-history-plot-DsLgXpZ8.js}

@@ -1,22 +1,23 @@
-import { ref as c, computed as f, onMounted as We, onBeforeUnmount as He, watch as Ee, createElementBlock as r, openBlock as s, unref as y, normalizeStyle as M, normalizeClass as P, renderSlot as x, createBlock as z, createCommentVNode as v, createElementVNode as A, createVNode as ke, createSlots as Ge, withCtx as m, normalizeProps as Y, guardReactiveProps as j, Fragment as b, renderList as k, toDisplayString as L, createTextVNode as Ve, nextTick as Re } from "vue";
-import { u as qe, c as we, o as Ze, e as Ce, g as Je, b as Ke, d as Qe, p as E, D as _e, i as I, f as F, X as et, l as tt, h as lt, G as at, F as N, t as st, a as ot, C as G, q as rt, r as nt, x as ut } from "./index-B9qF6XbP.js";
-import { u as $e } from "./useNestedProp-g5oKzlVy.js";
-import { u as it, U as ct } from "./usePrinter-DsiBLAy1.js";
-import { _ as vt } from "./PackageVersion-DqmHcoqz.js";
-import { L as ht } from "./Legend-BDyPoYfp.js";
-import { _ as yt } from "./Title-D6h1gTvZ.js";
-import { _ as dt } from "./Tooltip-BonEVaob.js";
-import { D as ft } from "./DataTable-CJN0sipt.js";
-import xt from "./vue-ui-accordion-DBmchkva.js";
-import { P as pt } from "./PenAndPaper-6UYizrkQ.js";
-import mt from "./vue-ui-skeleton-CHEZlRpn.js";
-import { t as gt, u as bt } from "./useResponsive-BWapHhVH.js";
-import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"], Mt = { key: 1 }, Tt = ["id"], At = ["stop-color"], Lt = ["stop-color"], St = ["stop-color"], zt = { key: 2 }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ot = { key: 3 }, Pt = ["x", "y", "fill", "font-size"], It = ["transform", "font-size", "fill", "font-weight"], Ft = { key: 5 }, Xt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = { key: 6 }, Yt = ["transform", "fill", "font-size", "text-anchor"], jt = ["x", "y", "font-size", "fill", "font-weight"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wt = ["d", "stroke", "stroke-width"], Ht = ["d", "stroke", "stroke-width"], Et = ["cx", "cy", "fill", "r"], Gt = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Vt = { key: 1 }, Rt = ["x", "y", "font-size", "fill", "font-weight"], qt = { key: 2 }, Zt = ["x", "y", "font-size", "font-weight", "fill"], Jt = ["cx", "cy", "r", "onMouseenter", "onClick"], Kt = {
+import { ref as c, computed as f, onMounted as He, onBeforeUnmount as Ee, watch as Ge, createElementBlock as r, openBlock as s, unref as y, normalizeStyle as M, normalizeClass as P, renderSlot as x, createBlock as z, createCommentVNode as v, createElementVNode as T, createVNode as ke, createSlots as Re, withCtx as m, normalizeProps as Y, guardReactiveProps as j, Fragment as b, renderList as k, toDisplayString as L, createTextVNode as Ve, nextTick as qe } from "vue";
+import { u as Ze, c as we, o as Je, e as Ce, g as Ke, b as Qe, d as et, p as E, D as _e, i as I, f as F, X as tt, l as lt, h as at, G as st, F as N, t as ot, a as rt, C as G, q as nt, r as ut, x as it } from "./index-CZlI7PiS.js";
+import { u as $e } from "./useNestedProp-Cg0NIwr6.js";
+import { u as ct, U as vt } from "./usePrinter-D-sSdR2l.js";
+import { _ as ht } from "./PackageVersion-J_USnljf.js";
+import { L as yt } from "./Legend-Oaw0MY8Y.js";
+import { _ as dt } from "./Title-DePxeqVl.js";
+import { _ as ft } from "./Tooltip-DRw9RoFp.js";
+import { D as xt } from "./DataTable-D0-zzsJg.js";
+import pt from "./vue-ui-accordion-DVtmOO3I.js";
+import { P as mt } from "./PenAndPaper-CoEXEMcN.js";
+import gt from "./vue-ui-skeleton-D8r-yAkW.js";
+import { t as bt, u as kt } from "./useResponsive-BWapHhVH.js";
+import { u as wt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ct } from "./useChartAccessibility-BWojgys7.js";
+import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $t = ["id"], Mt = ["xmlns", "viewBox"], At = ["x", "y", "width", "height"], Tt = { key: 1 }, Lt = ["id"], St = ["stop-color"], zt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 2 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = { key: 3 }, Ft = ["x", "y", "fill", "font-size"], Xt = ["transform", "font-size", "fill", "font-weight"], Dt = { key: 5 }, Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jt = { key: 6 }, Bt = ["transform", "fill", "font-size", "text-anchor"], Ut = ["x", "y", "font-size", "fill", "font-weight"], Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = ["d", "stroke", "stroke-width"], Gt = ["d", "stroke", "stroke-width"], Rt = ["cx", "cy", "fill", "r"], Vt = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], qt = { key: 1 }, Zt = ["x", "y", "font-size", "fill", "font-weight"], Jt = { key: 2 }, Kt = ["x", "y", "font-size", "font-weight", "fill"], Qt = ["cx", "cy", "r", "onMouseenter", "onClick"], el = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Qt = ["onClick"], el = ["innerHTML"], tl = {
+}, tl = ["onClick"], ll = ["innerHTML"], al = {
   __name: "vue-ui-history-plot",
   props: {
     config: {
@@ -33,20 +34,20 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Me, { expose: Te, emit: Ae }) {
-    const { vue_ui_history_plot: Le } = qe(), h = Me, O = c(null), K = c(null), Q = c(0), ee = c(null), te = c(0), le = c(0), ae = c(0), B = c(null), se = c(null), X = c(we()), V = c(!1), R = c(""), g = c([]), U = c(!1), $ = c(null), D = c(!1), oe = c(null), w = f({
+  setup(Me, { expose: Ae, emit: Te }) {
+    const { vue_ui_history_plot: Le } = Ze(), h = Me, O = c(null), K = c(null), Q = c(0), ee = c(null), te = c(0), le = c(0), ae = c(0), B = c(null), se = c(null), X = c(we()), R = c(!1), V = c(""), g = c([]), U = c(!1), $ = c(null), D = c(!1), oe = c(null), w = f({
       get: () => !!h.dataset && h.dataset.length,
       set: (t) => t
-    }), re = Ae;
-    We(ne), He(() => {
+    }), re = Te;
+    He(ne), Ee(() => {
       B.value && B.value.disconnect();
     });
     function ne() {
-      if (Ze(h.dataset) ? Ce({
+      if (Je(h.dataset) ? Ce({
         componentName: "VueUiHistoryPlot",
         type: "dataset"
       }) : h.dataset.forEach((t, a) => {
-        Je({
+        Ke({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -58,8 +59,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           });
         });
       }), e.value.responsive) {
-        const t = gt(() => {
-          const { width: a, height: l } = bt({
+        const t = bt(() => {
+          const { width: a, height: l } = kt({
             chart: O.value,
             title: e.value.style.chart.title.text ? K.value : null,
             noTitle: se.value,
@@ -123,23 +124,23 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       let a = {};
       return t.theme ? a = {
         ...$e({
-          userConfig: ot.vue_ui_history_plot[t.theme] || h.config,
+          userConfig: rt.vue_ui_history_plot[t.theme] || h.config,
           defaultConfig: t
         }),
-        customPalette: st[t.theme] || E
+        customPalette: ot[t.theme] || E
       } : a = t, h.config && G(h.config, "style.chart.axes.x.scaleMin") ? a.style.chart.axes.x.scaleMin = h.config.style.chart.axes.x.scaleMin : a.style.chart.axes.x.scaleMin = null, h.config && G(h.config, "style.chart.axes.x.scaleMax") ? a.style.chart.axes.x.scaleMax = h.config.style.chart.axes.x.scaleMax : a.style.chart.axes.x.scaleMax = null, h.config && G(h.config, "style.chart.axes.y.scaleMin") ? a.style.chart.axes.y.scaleMin = h.config.style.chart.axes.y.scaleMin : a.style.chart.axes.y.scaleMin = null, h.config && G(h.config, "style.chart.axes.y.scaleMax") ? a.style.chart.axes.y.scaleMax = h.config.style.chart.axes.y.scaleMax : a.style.chart.axes.y.scaleMax = null, a;
     }
     const e = f({
       get: () => ue(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ie, keepUserOptionState: ce } = kt({ config: e.value });
-    Ee(() => h.config, (t) => {
+    }), { userOptionsVisible: q, setUserOptionsVisibility: ie, keepUserOptionState: ce } = wt({ config: e.value }), { svgRef: Se } = Ct({ config: e.value.style.chart.title });
+    Ge(() => h.config, (t) => {
       e.value = ue(), q.value = !e.value.userOptions.showOnChartHover, ne(), Q.value += 1, le.value += 1, te.value += 1, d.value.height = e.value.style.chart.height, d.value.width = e.value.style.chart.width, u.value.plots = e.value.style.chart.plots.radius, u.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, u.value.labels = e.value.style.chart.plots.labels.fontSize, u.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, u.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, u.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, u.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: ve, isImaging: he, generatePdf: ye, generateImage: de } = it({
+    const { isPrinting: ve, isImaging: he, generatePdf: ye, generateImage: de } = ct({
       elementId: `history_plot_${X.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot"
-    }), Se = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ze = f(() => Ke(e.value.customPalette)), C = c({
+    }), ze = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ne = f(() => Qe(e.value.customPalette)), C = c({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), d = c({
@@ -163,26 +164,26 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       xAxisName: e.value.style.chart.axes.x.name.fontSize,
       yAxisLabels: e.value.style.chart.axes.y.labels.fontSize,
       yAxisName: e.value.style.chart.axes.y.name.fontSize
-    }), T = f(() => w.value ? h.dataset.map((t, a) => ({
+    }), A = f(() => w.value ? h.dataset.map((t, a) => ({
       ...t,
-      color: t.color ? Qe(t.color) : ze.value[a] || E[a] || E[a % E.length],
+      color: t.color ? et(t.color) : Ne.value[a] || E[a] || E[a % E.length],
       seriesIndex: a
-    })) : []), Ne = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Oe = f(() => {
+    })) : []), Oe = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Pe = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...T.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
+      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), Pe = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Ie = f(() => {
+    }), Ie = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Fe = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...T.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
+      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
       return t < 0 ? t : 0;
     }), p = f(() => {
       const t = _e(
-        e.value.style.chart.axes.x.scaleMin === null ? Oe.value : e.value.style.chart.axes.x.scaleMin,
-        e.value.style.chart.axes.x.scaleMax === null ? Ne.value : e.value.style.chart.axes.x.scaleMax,
+        e.value.style.chart.axes.x.scaleMin === null ? Pe.value : e.value.style.chart.axes.x.scaleMin,
+        e.value.style.chart.axes.x.scaleMax === null ? Oe.value : e.value.style.chart.axes.x.scaleMax,
         e.value.style.chart.axes.x.ticks
       ), a = _e(
-        e.value.style.chart.axes.y.scaleMin === null ? Ie.value : e.value.style.chart.axes.y.scaleMin,
-        e.value.style.chart.axes.y.scaleMax === null ? Pe.value : e.value.style.chart.axes.y.scaleMax,
+        e.value.style.chart.axes.y.scaleMin === null ? Fe.value : e.value.style.chart.axes.y.scaleMin,
+        e.value.style.chart.axes.y.scaleMax === null ? Ie.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
       );
       return {
@@ -202,21 +203,21 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         }))
       };
     });
-    function Fe(t) {
+    function Xe(t) {
       const a = p.value.x.min < 0 ? Math.abs(p.value.x.min) : p.value.x.min > 0 ? -p.value.x.min : 0;
       return n.value.left + ((t || 0) + a) / (p.value.x.max + a) * n.value.width;
     }
-    function Xe(t) {
+    function De(t) {
       const a = p.value.y.min < 0 ? Math.abs(p.value.y.min) : p.value.y.min > 0 ? -p.value.y.min : 0;
       return n.value.bottom - ((t || 0) + a) / (p.value.y.max + a) * n.value.height;
     }
-    const S = f(() => T.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
+    const S = f(() => A.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
       const l = t.values.map((o, _) => ({
         valueX: o.x,
         valueY: o.y,
         label: o.label,
-        x: Fe(o.x),
-        y: Xe(o.y),
+        x: Xe(o.x),
+        y: De(o.y),
         color: t.color,
         seriesName: t.name,
         id: we()
@@ -230,13 +231,13 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
     function fe(t) {
       g.value.includes(t) ? g.value = g.value.filter((a) => a !== t) : g.value.push(t);
     }
-    const xe = f(() => T.value.map((t) => ({
+    const xe = f(() => A.value.map((t) => ({
       ...t,
       opacity: g.value.includes(t.seriesIndex) ? 0.5 : 1,
       segregate: () => fe(t.seriesIndex),
       isSegregated: g.value.includes(t.seriesIndex),
       shape: "circle"
-    }))), De = f(() => ({
+    }))), Ye = f(() => ({
       cy: "history-plot-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -244,7 +245,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Ye(t) {
+    function je(t) {
       re("selectDatapoint", t);
     }
     function pe(t) {
@@ -254,23 +255,23 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         opacity: t.isSegregated ? 1 : 0.5
       });
     }
-    function je(t) {
+    function Be(t) {
       U.value = t, ae.value += 1;
     }
     const Z = c(null);
-    function Be({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      Z.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: T.value }, $.value = t;
+    function Ue({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+      Z.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: A.value }, $.value = t;
       const i = e.value.style.chart.tooltip.customFormat;
-      if (D.value = !1, ut(i))
+      if (D.value = !1, it(i))
         try {
           const o = i({
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
-            series: T.value,
+            series: A.value,
             config: e.value
           });
-          typeof o == "string" && (R.value = o, D.value = !0);
+          typeof o == "string" && (V.value = o, D.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), D.value = !1;
         }
@@ -294,9 +295,9 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             s: e.value.style.chart.axes.y.labels.suffix,
             r: e.value.style.chart.axes.y.labels.rounding
           })
-        )}</div>`, R.value = `<div>${o}</div>`;
+        )}</div>`, V.value = `<div>${o}</div>`;
       }
-      V.value = !0;
+      R.value = !0;
     }
     f(() => ({ head: S.value.map((a) => ({
       name: a.name,
@@ -355,7 +356,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       };
     });
     function me() {
-      Re(() => {
+      qe(() => {
         const t = [
           [e.value.table.columnNames.series],
           [e.value.table.columnNames.datapoint],
@@ -370,8 +371,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           t
-        ].concat(a), i = rt(l);
-        nt({
+        ].concat(a), i = nt(l);
+        ut({
           csvContent: i,
           title: e.value.style.chart.title.text || "vue-ui-history-plot"
         });
@@ -387,11 +388,11 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
     function be() {
       C.value.showTooltip = !C.value.showTooltip;
     }
-    function Ue() {
+    function We() {
       return S.value;
     }
-    return Te({
-      getData: Ue,
+    return Ae({
+      getData: We,
       generatePdf: ye,
       generateCsv: me,
       generateImage: de,
@@ -408,7 +409,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       onMouseleave: a[4] || (a[4] = () => y(ie)(!1))
     }, [
       x(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.userOptions.buttons.annotator ? (s(), z(pt, {
+      e.value.userOptions.buttons.annotator ? (s(), z(mt, {
         key: 0,
         parent: O.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -416,7 +417,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         active: H.value,
         onClose: J
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
-      Se.value ? (s(), r("div", {
+      ze.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: se,
@@ -430,7 +431,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         class: "vue-ui-xy-title",
         style: M(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (s(), z(yt, {
+        (s(), z(dt, {
           key: `title_${Q.value}`,
           config: {
             title: {
@@ -444,7 +445,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 4)) : v("", !0),
-      e.value.userOptions.show && w.value && (y(ce) || y(q)) ? (s(), z(ct, {
+      e.value.userOptions.show && w.value && (y(ce) || y(q)) ? (s(), z(vt, {
         ref: "details",
         key: `user_option_${ae.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -466,7 +467,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: H.value,
-        onToggleFullscreen: je,
+        onToggleFullscreen: Be,
         onGeneratePdf: y(ye),
         onGenerateCsv: me,
         onGenerateImage: y(de),
@@ -476,7 +477,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         style: M({
           visibility: y(ce) ? y(q) ? "visible" : "hidden" : "visible"
         })
-      }, Ge({ _: 2 }, [
+      }, Re({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
@@ -529,11 +530,13 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       w.value ? (s(), r("svg", {
         key: 4,
-        xmlns: y(et),
+        ref_key: "svgRef",
+        ref: Se,
+        xmlns: y(tt),
         viewBox: `0 0 ${d.value.width < 0 ? 0.1 : d.value.width} ${d.value.height < 0 ? 0.1 : d.value.height}`,
         style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ke(vt),
+        ke(ht),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
           key: 0,
           x: n.value.left,
@@ -545,27 +548,27 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           }
         }, [
           x(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, $t)) : v("", !0),
-        e.value.style.chart.plots.gradient.show ? (s(), r("defs", Mt, [
+        ], 8, At)) : v("", !0),
+        e.value.style.chart.plots.gradient.show ? (s(), r("defs", Tt, [
           (s(!0), r(b, null, k(S.value, (l, i) => (s(), r("radialGradient", {
             id: `gradient_${i}_${X.value}`,
             fy: "30%"
           }, [
-            A("stop", {
+            T("stop", {
               offset: "10%",
-              "stop-color": y(tt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, At),
-            A("stop", {
+              "stop-color": y(lt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+            }, null, 8, St),
+            T("stop", {
               offset: "90%",
-              "stop-color": y(lt)(l.color, 0.1)
-            }, null, 8, Lt),
-            A("stop", {
+              "stop-color": y(at)(l.color, 0.1)
+            }, null, 8, zt),
+            T("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, St)
-          ], 8, Tt))), 256))
+            }, null, 8, Nt)
+          ], 8, Lt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", zt, [
+        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Ot, [
           (s(!0), r(b, null, k(p.value.tickX, (l) => (s(), r("line", {
             x1: l.x,
             x2: l.x,
@@ -574,9 +577,9 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Nt))), 256))
+          }, null, 8, Pt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.axes.y.labels.show ? (s(), r("g", Ot, [
+        e.value.style.chart.axes.y.labels.show ? (s(), r("g", It, [
           (s(!0), r(b, null, k(p.value.tickY, (l) => (s(), r("text", {
             x: n.value.left + e.value.style.chart.axes.y.labels.offsetX - 4,
             y: l.y + u.value.yAxisLabels / 3,
@@ -592,7 +595,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               s: e.value.style.chart.axes.y.labels.suffix,
               r: e.value.style.chart.axes.y.labels.rounding
             })
-          )), 9, Pt))), 256))
+          )), 9, Ft))), 256))
         ])) : v("", !0),
         e.value.style.chart.axes.y.name.text ? (s(), r("text", {
           key: 4,
@@ -601,8 +604,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           fill: e.value.style.chart.axes.y.name.color,
           "font-weight": e.value.style.chart.axes.y.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, L(e.value.style.chart.axes.y.name.text), 9, It)) : v("", !0),
-        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Ft, [
+        }, L(e.value.style.chart.axes.y.name.text), 9, Xt)) : v("", !0),
+        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Dt, [
           (s(!0), r(b, null, k(p.value.tickY, (l) => (s(), r("line", {
             x1: l.x1,
             x2: l.x2,
@@ -611,9 +614,9 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalLines.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalLines.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Xt))), 256))
+          }, null, 8, Yt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.axes.x.labels.show ? (s(), r("g", Dt, [
+        e.value.style.chart.axes.x.labels.show ? (s(), r("g", jt, [
           (s(!0), r(b, null, k(p.value.tickX, (l) => (s(), r("text", {
             transform: `translate(${l.x}, ${n.value.bottom + e.value.style.chart.axes.x.labels.offsetY + u.value.xAxisLabels}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
             fill: e.value.style.chart.axes.x.labels.color,
@@ -628,7 +631,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               s: e.value.style.chart.axes.x.labels.suffix,
               r: e.value.style.chart.axes.x.labels.rounding
             })
-          )), 9, Yt))), 256))
+          )), 9, Bt))), 256))
         ])) : v("", !0),
         e.value.style.chart.axes.x.name.text ? (s(), r("text", {
           key: 7,
@@ -638,7 +641,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           fill: e.value.style.chart.axes.x.name.color,
           "font-weight": e.value.style.chart.axes.x.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, L(e.value.style.chart.axes.x.name.text), 9, jt)) : v("", !0),
+        }, L(e.value.style.chart.axes.x.name.text), 9, Ut)) : v("", !0),
         e.value.style.chart.grid.xAxis.show ? (s(), r("line", {
           key: 8,
           x1: n.value.left,
@@ -648,7 +651,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           stroke: e.value.style.chart.grid.xAxis.stroke,
           "stroke-width": e.value.style.chart.grid.xAxis.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Bt)) : v("", !0),
+        }, null, 8, Wt)) : v("", !0),
         e.value.style.chart.grid.yAxis.show ? (s(), r("line", {
           key: 9,
           x1: n.value.left,
@@ -658,7 +661,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           stroke: e.value.style.chart.grid.yAxis.stroke,
           "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Ut)) : v("", !0),
+        }, null, 8, Ht)) : v("", !0),
         (s(!0), r(b, null, k(S.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
@@ -666,7 +669,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               opacity: $.value === null ? 1 : 0.3
             })
           }, [
-            A("path", {
+            T("path", {
               d: l.path,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.paths.strokeWidth + 4,
@@ -674,8 +677,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: P({ animated: e.value.useCssAnimation })
-            }, null, 10, Wt),
-            A("path", {
+            }, null, 10, Et),
+            T("path", {
               d: l.path,
               stroke: e.value.style.chart.paths.useSerieColor ? l.color : e.value.style.chart.paths.stroke,
               "stroke-width": e.value.style.chart.paths.strokeWidth,
@@ -683,7 +686,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: P({ animated: e.value.useCssAnimation })
-            }, null, 10, Ht)
+            }, null, 10, Gt)
           ], 4)) : v("", !0),
           (s(!0), r(b, null, k(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
@@ -691,7 +694,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             fill: e.value.style.chart.backgroundColor,
             r: u.value.plots,
             stroke: "none"
-          }, null, 8, Et))), 256)),
+          }, null, 8, Rt))), 256)),
           (s(!0), r(b, null, k(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
             cy: o.y,
@@ -704,8 +707,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
               opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
-          }, null, 14, Gt))), 256)),
-          e.value.style.chart.plots.labels.show ? (s(), r("g", Vt, [
+          }, null, 14, Vt))), 256)),
+          e.value.style.chart.plots.labels.show ? (s(), r("g", qt, [
             (s(!0), r(b, null, k(l.plots, (o) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.labels.offsetX,
               y: o.y + e.value.style.chart.plots.labels.offsetY + u.value.plots + u.value.labels,
@@ -718,22 +721,22 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
                 opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, L(o.label), 15, Rt))), 256))
+            }, L(o.label), 15, Zt))), 256))
           ])) : v("", !0),
-          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", qt, [
+          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", Jt, [
             (s(!0), r(b, null, k(l.plots, (o, _) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.indexLabels.offsetX,
               y: o.y + e.value.style.chart.plots.indexLabels.offsetY + u.value.indexLabels / 3,
               "font-size": u.value.indexLabels,
               "font-weight": e.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
-              fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? y(at)(l.color) : e.value.style.chart.plots.indexLabels.color,
+              fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? y(st)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
               class: P({ animated: e.value.useCssAnimation }),
               style: M({
                 opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, L(e.value.style.chart.plots.indexLabels.startAtZero ? _ : _ + 1), 15, Zt))), 256))
+            }, L(e.value.style.chart.plots.indexLabels.startAtZero ? _ : _ + 1), 15, Kt))), 256))
           ])) : v("", !0)
         ]))), 256)),
         (s(!0), r(b, null, k(S.value, (l) => (s(), r("g", null, [
@@ -743,23 +746,23 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             fill: "transparent",
             r: u.value.plots,
             stroke: "none",
-            onMouseenter: (_) => Be({
+            onMouseenter: (_) => Ue({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
             onMouseleave: a[0] || (a[0] = (_) => {
-              V.value = !1, $.value = null;
+              R.value = !1, $.value = null;
             }),
-            onClick: () => Ye(i)
-          }, null, 40, Jt))), 256))
+            onClick: () => je(i)
+          }, null, 40, Qt))), 256))
         ]))), 256)),
         x(t.$slots, "svg", { svg: d.value }, void 0, !0)
-      ], 12, _t)) : v("", !0),
-      t.$slots.watermark ? (s(), r("div", Kt, [
+      ], 12, Mt)) : v("", !0),
+      t.$slots.watermark ? (s(), r("div", el, [
         x(t.$slots, "watermark", Y(j({ isPrinting: y(ve) || y(he) })), void 0, !0)
       ])) : v("", !0),
-      w.value ? v("", !0) : (s(), z(mt, {
+      w.value ? v("", !0) : (s(), z(gt, {
         key: 6,
         config: {
           type: "historyPlot",
@@ -771,25 +774,25 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      A("div", {
+      T("div", {
         ref_key: "chartLegend",
         ref: ee
       }, [
-        e.value.style.chart.legend.show && w.value ? (s(), z(ht, {
+        e.value.style.chart.legend.show && w.value ? (s(), z(yt, {
           key: `legend_${te.value}`,
           legendSet: xe.value,
-          config: De.value,
+          config: Ye.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => {
             fe(l.seriesIndex), pe(l);
           })
         }, {
           item: m(({ legend: l, index: i }) => [
-            A("div", {
+            T("div", {
               onClick: (o) => {
                 l.segregate(), pe(l);
               },
               style: M(`opacity:${g.value.includes(l.seriesIndex) ? 0.5 : 1}`)
-            }, L(l.name), 13, Qt)
+            }, L(l.name), 13, tl)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : x(t.$slots, "legend", {
@@ -805,8 +808,8 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
       }, [
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      ke(dt, {
-        show: C.value.showTooltip && V.value,
+      ke(ft, {
+        show: C.value.showTooltip && R.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -817,7 +820,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: O.value,
-        content: R.value,
+        content: V.value,
         isCustom: D.value,
         isFullscreen: U.value
       }, {
@@ -829,7 +832,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
-      w.value ? (s(), z(xt, {
+      w.value ? (s(), z(pt, {
         key: 8,
         hideDetails: "",
         config: {
@@ -846,7 +849,7 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         }
       }, {
         content: m(() => [
-          (s(), z(ft, {
+          (s(), z(xt, {
             key: `table_${le.value}`,
             colNames: W.value.colNames,
             head: W.value.head,
@@ -856,10 +859,10 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
             onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
             th: m(({ th: l }) => [
-              A("div", {
+              T("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, el)
+              }, null, 8, ll)
             ]),
             td: m(({ td: l }) => [
               Ve(L(l.name || l), 1)
@@ -869,9 +872,9 @@ const Ct = ["id"], _t = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
         ]),
         _: 1
       }, 8, ["config"])) : v("", !0)
-    ], 46, Ct));
+    ], 46, $t));
   }
-}, pl = /* @__PURE__ */ wt(tl, [["__scopeId", "data-v-ac023038"]]);
+}, bl = /* @__PURE__ */ _t(al, [["__scopeId", "data-v-72f2ea72"]]);
 export {
-  pl as default
+  bl as default
 };