vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-history-plot-8vM_IUy8.js → vue-ui-history-plot-CbCWmvtg.js}

@@ -1,23 +1,17 @@
-import { ref as c, computed as f, onMounted as We, onBeforeUnmount as He, watch as Ee, createElementBlock as r, openBlock as s, unref as h, normalizeStyle as M, normalizeClass as O, renderSlot as x, createBlock as z, createCommentVNode as v, createElementVNode as A, createVNode as we, createSlots as Ge, withCtx as m, normalizeProps as I, guardReactiveProps as P, Fragment as b, renderList as k, toDisplayString as L, createTextVNode as Ve, nextTick as qe } from "vue";
-import { u as Ze, c as Ce, o as Je, e as _e, g as Ke, b as Qe, d as et, p as H, D as $e, i as F, f as X, X as tt, l as lt, h as at, G as st, F as N, t as ot, a as rt, C as E, q as nt, r as ut, x as it } from "./index-BFzQMJda.js";
-import { u as Me } from "./useNestedProp-v7KPpwuP.js";
-import { u as ct, U as vt } from "./usePrinter-C5bLp34h.js";
-import { _ as ht } from "./PackageVersion-BjrblLPQ.js";
-import { L as yt } from "./Legend-BxtDQCIv.js";
-import { _ as dt } from "./Title-CzaCeCOm.js";
-import { _ as ft } from "./Tooltip-CWmRmhJr.js";
-import { D as xt } from "./DataTable-Rajdtaf6.js";
-import pt from "./vue-ui-accordion-BUz4JIIX.js";
-import { _ as mt } from "./PenAndPaper-BkP3J-Ft.js";
-import gt from "./vue-ui-skeleton-B_YI7Yuc.js";
-import { t as bt, u as kt } from "./useResponsive-JZ9xq-JV.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"], Tt = ["x", "y", "width", "height"], At = { key: 1 }, Lt = ["id"], St = ["stop-color"], zt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 2 }, It = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pt = { 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"], Rt = ["x", "y", "font-size", "fill", "font-weight"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ht = ["d", "stroke", "stroke-width"], Et = ["d", "stroke", "stroke-width"], Gt = ["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 = {
+import { defineAsyncComponent as N, ref as h, shallowRef as _e, computed as f, onMounted as et, onBeforeUnmount as tt, watch as lt, createElementBlock as r, openBlock as s, unref as i, normalizeStyle as M, normalizeClass as F, renderSlot as x, createBlock as O, createCommentVNode as v, createElementVNode as S, createVNode as $e, createSlots as at, withCtx as m, normalizeProps as X, guardReactiveProps as D, Fragment as b, renderList as k, toDisplayString as z, createTextVNode as st, nextTick as ot } from "vue";
+import { u as rt, c as Me, o as nt, e as Ae, g as ut, b as it, d as ct, p as G, D as Te, i as Y, f as j, X as vt, l as ht, h as yt, G as dt, F as I, t as ft, a as xt, C as V, q as pt, r as mt, x as gt } from "./index-BiHmNd1-.js";
+import { u as Se } from "./useNestedProp-tRqS0ZAM.js";
+import { u as bt } from "./usePrinter-CRCbl1WG.js";
+import { t as kt, u as wt } from "./useResponsive-JZ9xq-JV.js";
+import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as _t } from "./useChartAccessibility-9icAAmYg.js";
+import $t from "./Legend-DFunFf8i.js";
+import Mt from "./Title-B5qqUI3M.js";
+import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Tt = ["id"], St = ["xmlns", "viewBox"], zt = ["x", "y", "width", "height"], Lt = { key: 1 }, Nt = ["id"], Ot = ["stop-color"], It = ["stop-color"], Pt = ["stop-color"], Ft = { key: 2 }, Xt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = { key: 3 }, Yt = ["x", "y", "fill", "font-size"], jt = ["transform", "font-size", "fill", "font-weight"], Rt = { key: 5 }, Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wt = { key: 6 }, Et = ["transform", "fill", "font-size", "text-anchor"], Ht = ["x", "y", "font-size", "fill", "font-weight"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["d", "stroke", "stroke-width"], qt = ["d", "stroke", "stroke-width"], Zt = ["cx", "cy", "fill", "r"], Jt = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Kt = { key: 1 }, Qt = ["x", "y", "font-size", "fill", "font-weight"], el = { key: 2 }, tl = ["x", "y", "font-size", "font-weight", "fill"], ll = ["cx", "cy", "r", "onMouseenter", "onClick"], al = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, tl = ["onClick"], ll = ["innerHTML"], al = {
+}, sl = ["onClick"], ol = ["innerHTML"], rl = {
   __name: "vue-ui-history-plot",
   props: {
     config: {
@@ -34,24 +28,22 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Te, { expose: Ae, emit: Le }) {
-    const { vue_ui_history_plot: Se } = Ze(), y = Te, D = 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), Y = c(Ce()), G = c(!1), V = c(""), g = c([]), R = c(!1), $ = c(null), j = c(!1), oe = c(null), w = f({
+  setup(ze, { expose: Le, emit: Ne }) {
+    const Oe = N(() => import("./vue-ui-accordion-CmCs2yR2.js")), Ie = N(() => import("./DataTable-Cv9CIz-a.js")), Pe = N(() => import("./PackageVersion-CLY-udAA.js")), Fe = N(() => import("./PenAndPaper-B9na2mbr.js")), Xe = N(() => import("./vue-ui-skeleton-CbYQYRvD.js")), De = N(() => import("./Tooltip-C9rxJ-Ru.js")), Ye = N(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_history_plot: je } = rt(), y = ze, R = h(null), ee = h(null), te = h(0), le = h(null), ae = h(0), se = h(0), oe = h(0), A = _e(null), P = _e(null), re = h(null), B = h(Me()), q = h(!1), Z = h(""), g = h([]), E = h(!1), $ = h(null), W = h(!1), ne = h(null), w = f({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
-    }), re = Le;
-    We(ne), He(() => {
-      B.value && B.value.disconnect();
-    });
-    function ne() {
-      if (Je(y.dataset) ? _e({
+    }), ue = Ne;
+    et(ie);
+    function ie() {
+      if (nt(y.dataset) ? Ae({
         componentName: "VueUiHistoryPlot",
         type: "dataset"
       }) : y.dataset.forEach((t, a) => {
-        Ke({
+        ut({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          w.value = !1, _e({
+          w.value = !1, Ae({
             componentName: "VueUiHistoryPlot",
             type: "datasetSerieAttribute",
             property: l,
@@ -59,52 +51,52 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
           });
         });
       }), e.value.responsive) {
-        const t = bt(() => {
-          const { width: a, height: l } = kt({
-            chart: D.value,
-            title: e.value.style.chart.title.text ? K.value : null,
-            noTitle: se.value,
-            legend: e.value.style.chart.legend.show ? ee.value : null,
-            source: oe.value
+        const t = kt(() => {
+          const { width: a, height: l } = wt({
+            chart: R.value,
+            title: e.value.style.chart.title.text ? ee.value : null,
+            noTitle: re.value,
+            legend: e.value.style.chart.legend.show ? le.value : null,
+            source: ne.value
           });
           requestAnimationFrame(() => {
-            d.value.width = a, d.value.height = l, u.value.plots = N({
+            d.value.width = a, d.value.height = l, u.value.plots = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
               threshold: 3,
               fallback: 3
-            }), u.value.indexLabels = N({
+            }), u.value.indexLabels = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.indexLabels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.labels = N({
+            }), u.value.labels = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.xAxisLabels = N({
+            }), u.value.xAxisLabels = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.xAxisName = N({
+            }), u.value.xAxisName = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.name.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.yAxisLabels = N({
+            }), u.value.yAxisLabels = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.yAxisName = N({
+            }), u.value.yAxisName = I({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.name.fontSize,
@@ -113,38 +105,41 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
             });
           });
         });
-        B.value = new ResizeObserver(t), B.value.observe(D.value.parentNode);
+        A.value && (P.value && A.value.unobserve(P.value), A.value.disconnect()), A.value = new ResizeObserver(t), P.value = R.value.parentNode, A.value.observe(P.value);
       }
     }
-    function ue() {
-      const t = Me({
+    tt(() => {
+      A.value && (P.value && A.value.unobserve(P.value), A.value.disconnect());
+    });
+    function ce() {
+      const t = Se({
         userConfig: y.config,
-        defaultConfig: Se
+        defaultConfig: je
       });
       let a = {};
       return t.theme ? a = {
-        ...Me({
-          userConfig: rt.vue_ui_history_plot[t.theme] || y.config,
+        ...Se({
+          userConfig: xt.vue_ui_history_plot[t.theme] || y.config,
           defaultConfig: t
         }),
-        customPalette: ot[t.theme] || H
-      } : a = t, y.config && E(y.config, "style.chart.axes.x.scaleMin") ? a.style.chart.axes.x.scaleMin = y.config.style.chart.axes.x.scaleMin : a.style.chart.axes.x.scaleMin = null, y.config && E(y.config, "style.chart.axes.x.scaleMax") ? a.style.chart.axes.x.scaleMax = y.config.style.chart.axes.x.scaleMax : a.style.chart.axes.x.scaleMax = null, y.config && E(y.config, "style.chart.axes.y.scaleMin") ? a.style.chart.axes.y.scaleMin = y.config.style.chart.axes.y.scaleMin : a.style.chart.axes.y.scaleMin = null, y.config && E(y.config, "style.chart.axes.y.scaleMax") ? a.style.chart.axes.y.scaleMax = y.config.style.chart.axes.y.scaleMax : a.style.chart.axes.y.scaleMax = null, a;
+        customPalette: ft[t.theme] || G
+      } : a = t, y.config && V(y.config, "style.chart.axes.x.scaleMin") ? a.style.chart.axes.x.scaleMin = y.config.style.chart.axes.x.scaleMin : a.style.chart.axes.x.scaleMin = null, y.config && V(y.config, "style.chart.axes.x.scaleMax") ? a.style.chart.axes.x.scaleMax = y.config.style.chart.axes.x.scaleMax : a.style.chart.axes.x.scaleMax = null, y.config && V(y.config, "style.chart.axes.y.scaleMin") ? a.style.chart.axes.y.scaleMin = y.config.style.chart.axes.y.scaleMin : a.style.chart.axes.y.scaleMin = null, y.config && V(y.config, "style.chart.axes.y.scaleMax") ? a.style.chart.axes.y.scaleMax = y.config.style.chart.axes.y.scaleMax : a.style.chart.axes.y.scaleMax = null, a;
     }
     const e = f({
-      get: () => ue(),
+      get: () => ce(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ie, keepUserOptionState: ce } = wt({ config: e.value }), { svgRef: ve } = Ct({ config: e.value.style.chart.title });
-    Ee(() => y.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;
+    }), { userOptionsVisible: J, setUserOptionsVisibility: ve, keepUserOptionState: he } = Ct({ config: e.value }), { svgRef: ye } = _t({ config: e.value.style.chart.title });
+    lt(() => y.config, (t) => {
+      e.value = ce(), J.value = !e.value.userOptions.showOnChartHover, ie(), te.value += 1, se.value += 1, ae.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: he, isImaging: ye, generatePdf: de, generateImage: fe } = ct({
-      elementId: `history_plot_${Y.value}`,
+    const { isPrinting: de, isImaging: fe, generatePdf: xe, generateImage: pe } = bt({
+      elementId: `history_plot_${B.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
       options: e.value.userOptions.print
-    }), ze = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ne = f(() => Qe(e.value.customPalette)), C = c({
+    }), Re = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Be = f(() => it(e.value.customPalette)), C = h({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), d = c({
+    }), d = h({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
     }), n = f(() => {
@@ -157,7 +152,7 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         width: d.value.width - t - e.value.style.chart.padding.right,
         height: d.value.height - a - e.value.style.chart.padding.bottom
       };
-    }), u = c({
+    }), u = h({
       plots: e.value.style.chart.plots.radius,
       indexLabels: e.value.style.chart.plots.indexLabels.fontSize,
       labels: e.value.style.chart.plots.labels.fontSize,
@@ -167,24 +162,24 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
       yAxisName: e.value.style.chart.axes.y.name.fontSize
     }), T = f(() => w.value ? y.dataset.map((t, a) => ({
       ...t,
-      color: t.color ? et(t.color) : Ne.value[a] || H[a] || H[a % H.length],
+      color: t.color ? ct(t.color) : Be.value[a] || G[a] || G[a % G.length],
       seriesIndex: a
-    })) : []), Oe = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Ie = f(() => {
+    })) : []), We = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), Ee = 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)));
       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), Fe = f(() => {
+    }), He = f(() => w.value ? Math.max(...T.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Ue = 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)));
       return t < 0 ? t : 0;
     }), p = f(() => {
-      const t = $e(
-        e.value.style.chart.axes.x.scaleMin === null ? Ie.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,
+      const t = Te(
+        e.value.style.chart.axes.x.scaleMin === null ? Ee.value : e.value.style.chart.axes.x.scaleMin,
+        e.value.style.chart.axes.x.scaleMax === null ? We.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 ? Fe.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,
+      ), a = Te(
+        e.value.style.chart.axes.y.scaleMin === null ? Ue.value : e.value.style.chart.axes.y.scaleMin,
+        e.value.style.chart.axes.y.scaleMax === null ? He.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
       );
       return {
@@ -204,41 +199,41 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         }))
       };
     });
-    function Xe(t) {
+    function Ge(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 De(t) {
+    function Ve(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 L = f(() => T.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: Xe(o.x),
-        y: De(o.y),
+        x: Ge(o.x),
+        y: Ve(o.y),
         color: t.color,
         seriesName: t.name,
-        id: Ce()
-      })), i = l.map((o) => `${o.x},${o.y} `).join("").trim();
+        id: Me()
+      })), c = l.map((o) => `${o.x},${o.y} `).join("").trim();
       return {
         ...t,
         plots: l,
-        path: `M${i}`
+        path: `M${c}`
       };
     }));
-    function xe(t) {
+    function me(t) {
       g.value.includes(t) ? g.value = g.value.filter((a) => a !== t) : g.value.push(t);
     }
-    const pe = f(() => T.value.map((t) => ({
+    const ge = f(() => T.value.map((t) => ({
       ...t,
       opacity: g.value.includes(t.seriesIndex) ? 0.5 : 1,
-      segregate: () => xe(t.seriesIndex),
+      segregate: () => me(t.seriesIndex),
       isSegregated: g.value.includes(t.seriesIndex),
       shape: "circle"
-    }))), Ye = f(() => ({
+    }))), qe = f(() => ({
       cy: "history-plot-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -246,90 +241,90 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function je(t) {
-      re("selectDatapoint", t);
+    function Ze(t) {
+      ue("selectDatapoint", t);
     }
-    function me(t) {
-      re("selectLegend", {
+    function be(t) {
+      ue("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
         opacity: t.isSegregated ? 1 : 0.5
       });
     }
-    function Be(t) {
-      R.value = t, ae.value += 1;
+    function Je(t) {
+      E.value = t, oe.value += 1;
     }
-    const Z = c(null);
-    function Re({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      Z.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: T.value }, $.value = t;
-      const i = e.value.style.chart.tooltip.customFormat;
-      if (j.value = !1, it(i))
+    const K = h(null);
+    function Ke({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+      K.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: T.value }, $.value = t;
+      const c = e.value.style.chart.tooltip.customFormat;
+      if (W.value = !1, gt(c))
         try {
-          const o = i({
+          const o = c({
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
             series: T.value,
             config: e.value
           });
-          typeof o == "string" && (V.value = o, j.value = !0);
+          typeof o == "string" && (Z.value = o, W.value = !0);
         } catch {
-          console.warn("Custom format cannot be applied."), j.value = !1;
+          console.warn("Custom format cannot be applied."), W.value = !1;
         }
-      if (!j.value) {
+      if (!W.value) {
         let o = "";
-        o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span>${t.seriesName}</span></div>`, o += `<div>${t.label}</div>`, o += `<div>${e.value.style.chart.axes.x.name.text || "x"}: ${F(
+        o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span>${t.seriesName}</span></div>`, o += `<div>${t.label}</div>`, o += `<div>${e.value.style.chart.axes.x.name.text || "x"}: ${Y(
           e.value.style.chart.axes.x.labels.formatter,
           t.valueX,
-          X({
+          j({
             p: e.value.style.chart.axes.x.labels.prefix,
             v: t.valueX,
             s: e.value.style.chart.axes.x.labels.suffix,
             r: e.value.style.chart.axes.x.labels.rounding
           })
-        )}</div>`, o += `<div>${e.value.style.chart.axes.y.name.text || "y"}: ${F(
+        )}</div>`, o += `<div>${e.value.style.chart.axes.y.name.text || "y"}: ${Y(
           e.value.style.chart.axes.y.labels.formatter,
           t.valueY,
-          X({
+          j({
             p: e.value.style.chart.axes.y.labels.prefix,
             v: t.valueY,
             s: e.value.style.chart.axes.y.labels.suffix,
             r: e.value.style.chart.axes.y.labels.rounding
           })
-        )}</div>`, V.value = `<div>${o}</div>`;
+        )}</div>`, Z.value = `<div>${o}</div>`;
       }
-      G.value = !0;
+      q.value = !0;
     }
-    f(() => ({ head: S.value.map((a) => ({
+    f(() => ({ head: L.value.map((a) => ({
       name: a.name,
       color: a.color
     })) }));
-    const U = f(() => {
+    const H = f(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.x,
         e.value.table.columnNames.y
-      ], a = S.value.flatMap((i) => i.plots.map((o) => [
+      ], a = L.value.flatMap((c) => c.plots.map((o) => [
         {
           color: o.color,
           name: o.seriesName
         },
         o.label,
-        F(
+        Y(
           e.value.style.chart.axes.x.labels.formatter,
           o.valueX,
-          X({
+          j({
             p: e.value.style.chart.axes.x.labels.prefix,
             v: o.valueX,
             s: e.value.style.chart.axes.x.labels.suffix,
             r: e.value.style.chart.axes.x.labels.rounding
           })
         ),
-        F(
+        Y(
           e.value.style.chart.axes.y.labels.formatter,
           o.valueY,
-          X({
+          j({
             p: e.value.style.chart.axes.y.labels.prefix,
             v: o.valueY,
             s: e.value.style.chart.axes.y.labels.suffix,
@@ -356,14 +351,14 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         colNames: t
       };
     });
-    function ge() {
-      qe(() => {
+    function ke() {
+      ot(() => {
         const t = [
           [e.value.table.columnNames.series],
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], a = S.value.flatMap((o) => o.plots.map((_) => [
+        ], a = L.value.flatMap((o) => o.plots.map((_) => [
           [_.seriesName],
           [_.label],
           [_.valueX],
@@ -372,68 +367,68 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           t
-        ].concat(a), i = nt(l);
-        ut({
-          csvContent: i,
+        ].concat(a), c = pt(l);
+        mt({
+          csvContent: c,
           title: e.value.style.chart.title.text || "vue-ui-history-plot"
         });
       });
     }
-    const W = c(!1);
-    function J() {
-      W.value = !W.value;
+    const U = h(!1);
+    function Q() {
+      U.value = !U.value;
     }
-    function be() {
+    function we() {
       C.value.showTable = !C.value.showTable;
     }
-    function ke() {
+    function Ce() {
       C.value.showTooltip = !C.value.showTooltip;
     }
-    function Ue() {
-      return S.value;
+    function Qe() {
+      return L.value;
     }
-    return Ae({
-      getData: Ue,
-      generatePdf: de,
-      generateCsv: ge,
-      generateImage: fe,
-      toggleTable: be,
-      toggleTooltip: ke,
-      toggleAnnotator: J
+    return Le({
+      getData: Qe,
+      generatePdf: xe,
+      generateCsv: ke,
+      generateImage: pe,
+      toggleTable: we,
+      toggleTooltip: Ce,
+      toggleAnnotator: Q
     }), (t, a) => (s(), r("div", {
-      id: `history_plot_${Y.value}`,
+      id: `history_plot_${B.value}`,
       ref_key: "historyPlotChart",
-      ref: D,
-      class: O({ "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": R.value }),
+      ref: R,
+      class: F({ "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": E.value }),
       style: M(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[3] || (a[3] = () => h(ie)(!0)),
-      onMouseleave: a[4] || (a[4] = () => h(ie)(!1))
+      onMouseenter: a[3] || (a[3] = () => i(ve)(!0)),
+      onMouseleave: a[4] || (a[4] = () => i(ve)(!1))
     }, [
       x(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.userOptions.buttons.annotator ? (s(), z(mt, {
+      e.value.userOptions.buttons.annotator ? (s(), O(i(Fe), {
         key: 0,
-        svgRef: h(ve),
+        svgRef: i(ye),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: W.value,
-        onClose: J
+        active: U.value,
+        onClose: Q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
-      ze.value ? (s(), r("div", {
+      Re.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: se,
+        ref: re,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : v("", !0),
       e.value.style.chart.title.text ? (s(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: K,
+        ref: ee,
         class: "vue-ui-xy-title",
         style: M(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (s(), z(dt, {
-          key: `title_${Q.value}`,
+        (s(), O(Mt, {
+          key: `title_${te.value}`,
           config: {
             title: {
               cy: "history-plot-div-title",
@@ -446,14 +441,14 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 4)) : v("", !0),
-      e.value.userOptions.show && w.value && (h(ce) || h(q)) ? (s(), z(vt, {
+      e.value.userOptions.show && w.value && (i(he) || i(J)) ? (s(), O(i(Ye), {
         ref: "details",
-        key: `user_option_${ae.value}`,
+        key: `user_option_${oe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: h(he),
-        isImaging: h(ye),
-        uid: Y.value,
+        isPrinting: i(de),
+        isImaging: i(fe),
+        uid: B.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -461,28 +456,28 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: R.value,
-        chartElement: D.value,
+        isFullscreen: E.value,
+        chartElement: R.value,
         position: e.value.userOptions.position,
         isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: W.value,
-        onToggleFullscreen: Be,
-        onGeneratePdf: h(de),
-        onGenerateCsv: ge,
-        onGenerateImage: h(fe),
-        onToggleTable: be,
-        onToggleTooltip: ke,
-        onToggleAnnotator: J,
+        isAnnotation: U.value,
+        onToggleFullscreen: Je,
+        onGeneratePdf: i(xe),
+        onGenerateCsv: ke,
+        onGenerateImage: i(pe),
+        onToggleTable: we,
+        onToggleTooltip: Ce,
+        onToggleAnnotator: Q,
         style: M({
-          visibility: h(ce) ? h(q) ? "visible" : "hidden" : "visible"
+          visibility: i(he) ? i(J) ? "visible" : "hidden" : "visible"
         })
-      }, Ge({ _: 2 }, [
+      }, at({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: l, color: i }) => [
-            x(t.$slots, "menuIcon", I(P({ isOpen: l, color: i })), void 0, !0)
+          fn: m(({ isOpen: l, color: c }) => [
+            x(t.$slots, "menuIcon", X(D({ isOpen: l, color: c })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -523,15 +518,15 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: i }) => [
-            x(t.$slots, "optionFullscreen", I(P({ toggleFullscreen: l, isFullscreen: i })), void 0, !0)
+          fn: m(({ toggleFullscreen: l, isFullscreen: c }) => [
+            x(t.$slots, "optionFullscreen", X(D({ toggleFullscreen: l, isFullscreen: c })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: l, isAnnotator: i }) => [
-            x(t.$slots, "optionAnnotator", I(P({ toggleAnnotator: l, isAnnotator: i })), void 0, !0)
+          fn: m(({ toggleAnnotator: l, isAnnotator: c }) => [
+            x(t.$slots, "optionAnnotator", X(D({ toggleAnnotator: l, isAnnotator: c })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -539,12 +534,12 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
       w.value ? (s(), r("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: ve,
-        xmlns: h(tt),
+        ref: ye,
+        xmlns: i(vt),
         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}`)
       }, [
-        we(ht),
+        $e(i(Pe)),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
           key: 0,
           x: n.value.left,
@@ -556,27 +551,27 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
           }
         }, [
           x(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Tt)) : v("", !0),
-        e.value.style.chart.plots.gradient.show ? (s(), r("defs", At, [
-          (s(!0), r(b, null, k(S.value, (l, i) => (s(), r("radialGradient", {
-            id: `gradient_${i}_${Y.value}`,
+        ], 8, zt)) : v("", !0),
+        e.value.style.chart.plots.gradient.show ? (s(), r("defs", Lt, [
+          (s(!0), r(b, null, k(L.value, (l, c) => (s(), r("radialGradient", {
+            id: `gradient_${c}_${B.value}`,
             fy: "30%"
           }, [
-            A("stop", {
+            S("stop", {
               offset: "10%",
-              "stop-color": h(lt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, St),
-            A("stop", {
+              "stop-color": i(ht)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+            }, null, 8, Ot),
+            S("stop", {
               offset: "90%",
-              "stop-color": h(at)(l.color, 0.1)
-            }, null, 8, zt),
-            A("stop", {
+              "stop-color": i(yt)(l.color, 0.1)
+            }, null, 8, It),
+            S("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Nt)
-          ], 8, Lt))), 256))
+            }, null, 8, Pt)
+          ], 8, Nt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Ot, [
+        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Ft, [
           (s(!0), r(b, null, k(p.value.tickX, (l) => (s(), r("line", {
             x1: l.x,
             x2: l.x,
@@ -585,25 +580,25 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["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, It))), 256))
+          }, null, 8, Xt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.axes.y.labels.show ? (s(), r("g", Pt, [
+        e.value.style.chart.axes.y.labels.show ? (s(), r("g", Dt, [
           (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,
             fill: e.value.style.chart.axes.y.labels.color,
             "font-size": u.value.yAxisLabels,
             "text-anchor": "end"
-          }, L(h(F)(
+          }, z(i(Y)(
             e.value.style.chart.axes.y.labels.formatter,
             l.value,
-            h(X)({
+            i(j)({
               p: e.value.style.chart.axes.y.labels.prefix,
               v: l.value,
               s: e.value.style.chart.axes.y.labels.suffix,
               r: e.value.style.chart.axes.y.labels.rounding
             })
-          )), 9, Ft))), 256))
+          )), 9, Yt))), 256))
         ])) : v("", !0),
         e.value.style.chart.axes.y.name.text ? (s(), r("text", {
           key: 4,
@@ -612,8 +607,8 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["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, Xt)) : v("", !0),
-        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Dt, [
+        }, z(e.value.style.chart.axes.y.name.text), 9, jt)) : v("", !0),
+        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Rt, [
           (s(!0), r(b, null, k(p.value.tickY, (l) => (s(), r("line", {
             x1: l.x1,
             x2: l.x2,
@@ -622,24 +617,24 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["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, Yt))), 256))
+          }, null, 8, Bt))), 256))
         ])) : v("", !0),
-        e.value.style.chart.axes.x.labels.show ? (s(), r("g", jt, [
+        e.value.style.chart.axes.x.labels.show ? (s(), r("g", Wt, [
           (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,
             "font-size": u.value.xAxisLabels,
             "text-anchor": e.value.style.chart.axes.x.labels.rotation > 0 ? "start" : e.value.style.chart.axes.x.labels.rotation < 0 ? "end" : "middle"
-          }, L(h(F)(
+          }, z(i(Y)(
             e.value.style.chart.axes.x.labels.formatter,
             l.value,
-            h(X)({
+            i(j)({
               p: e.value.style.chart.axes.x.labels.prefix,
               v: l.value,
               s: e.value.style.chart.axes.x.labels.suffix,
               r: e.value.style.chart.axes.x.labels.rounding
             })
-          )), 9, Bt))), 256))
+          )), 9, Et))), 256))
         ])) : v("", !0),
         e.value.style.chart.axes.x.name.text ? (s(), r("text", {
           key: 7,
@@ -649,7 +644,7 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["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, Rt)) : v("", !0),
+        }, z(e.value.style.chart.axes.x.name.text), 9, Ht)) : v("", !0),
         e.value.style.chart.grid.xAxis.show ? (s(), r("line", {
           key: 8,
           x1: n.value.left,
@@ -669,32 +664,32 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["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, Wt)) : v("", !0),
-        (s(!0), r(b, null, k(S.value, (l, i) => (s(), r("g", null, [
+        }, null, 8, Gt)) : v("", !0),
+        (s(!0), r(b, null, k(L.value, (l, c) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
             style: M({
               opacity: $.value === null ? 1 : 0.3
             })
           }, [
-            A("path", {
+            S("path", {
               d: l.path,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.paths.strokeWidth + 4,
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: O({ animated: e.value.useCssAnimation })
-            }, null, 10, Ht),
-            A("path", {
+              class: F({ animated: e.value.useCssAnimation })
+            }, null, 10, Vt),
+            S("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,
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: O({ animated: e.value.useCssAnimation })
-            }, null, 10, Et)
+              class: F({ animated: e.value.useCssAnimation })
+            }, null, 10, qt)
           ], 4)) : v("", !0),
           (s(!0), r(b, null, k(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
@@ -702,21 +697,21 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
             fill: e.value.style.chart.backgroundColor,
             r: u.value.plots,
             stroke: "none"
-          }, null, 8, Gt))), 256)),
+          }, null, 8, Zt))), 256)),
           (s(!0), r(b, null, k(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
             cy: o.y,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${i}_${Y.value})` : o.color,
+            fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${c}_${B.value})` : o.color,
             r: u.value.plots,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
-            class: O({ animated: e.value.useCssAnimation }),
+            class: F({ animated: e.value.useCssAnimation }),
             style: M({
               opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
-          }, null, 14, Vt))), 256)),
-          e.value.style.chart.plots.labels.show ? (s(), r("g", qt, [
+          }, null, 14, Jt))), 256)),
+          e.value.style.chart.plots.labels.show ? (s(), r("g", Kt, [
             (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,
@@ -724,53 +719,53 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
               fill: e.value.style.chart.plots.labels.color,
               "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
               "text-anchor": "middle",
-              class: O({ animated: e.value.useCssAnimation }),
+              class: F({ animated: e.value.useCssAnimation }),
               style: M({
                 opacity: $.value === null || $.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, L(o.label), 15, Zt))), 256))
+            }, z(o.label), 15, Qt))), 256))
           ])) : v("", !0),
-          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", Jt, [
+          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", el, [
             (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 ? h(st)(l.color) : e.value.style.chart.plots.indexLabels.color,
+              fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? i(dt)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
-              class: O({ animated: e.value.useCssAnimation }),
+              class: F({ 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, Kt))), 256))
+            }, z(e.value.style.chart.plots.indexLabels.startAtZero ? _ : _ + 1), 15, tl))), 256))
           ])) : v("", !0)
         ]))), 256)),
-        (s(!0), r(b, null, k(S.value, (l) => (s(), r("g", null, [
-          (s(!0), r(b, null, k(l.plots, (i, o) => (s(), r("circle", {
-            cx: i.x,
-            cy: i.y,
+        (s(!0), r(b, null, k(L.value, (l) => (s(), r("g", null, [
+          (s(!0), r(b, null, k(l.plots, (c, o) => (s(), r("circle", {
+            cx: c.x,
+            cy: c.y,
             fill: "transparent",
             r: u.value.plots,
             stroke: "none",
-            onMouseenter: (_) => Re({
-              datapoint: i,
+            onMouseenter: (_) => Ke({
+              datapoint: c,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
             onMouseleave: a[0] || (a[0] = (_) => {
-              G.value = !1, $.value = null;
+              q.value = !1, $.value = null;
             }),
-            onClick: () => je(i)
-          }, null, 40, Qt))), 256))
+            onClick: () => Ze(c)
+          }, null, 40, ll))), 256))
         ]))), 256)),
         x(t.$slots, "svg", { svg: d.value }, void 0, !0)
-      ], 12, Mt)) : v("", !0),
-      t.$slots.watermark ? (s(), r("div", el, [
-        x(t.$slots, "watermark", I(P({ isPrinting: h(he) || h(ye) })), void 0, !0)
+      ], 12, St)) : v("", !0),
+      t.$slots.watermark ? (s(), r("div", al, [
+        x(t.$slots, "watermark", X(D({ isPrinting: i(de) || i(fe) })), void 0, !0)
       ])) : v("", !0),
-      w.value ? v("", !0) : (s(), z(gt, {
+      w.value ? v("", !0) : (s(), O(i(Xe), {
         key: 6,
         config: {
           type: "historyPlot",
@@ -782,42 +777,42 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      A("div", {
+      S("div", {
         ref_key: "chartLegend",
-        ref: ee
+        ref: le
       }, [
-        e.value.style.chart.legend.show && w.value ? (s(), z(yt, {
-          key: `legend_${te.value}`,
-          legendSet: pe.value,
-          config: Ye.value,
+        e.value.style.chart.legend.show && w.value ? (s(), O($t, {
+          key: `legend_${ae.value}`,
+          legendSet: ge.value,
+          config: qe.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => {
-            xe(l.seriesIndex), me(l);
+            me(l.seriesIndex), be(l);
           })
         }, {
-          item: m(({ legend: l, index: i }) => [
-            A("div", {
+          item: m(({ legend: l, index: c }) => [
+            S("div", {
               onClick: (o) => {
-                l.segregate(), me(l);
+                l.segregate(), be(l);
               },
               style: M(`opacity:${g.value.includes(l.seriesIndex) ? 0.5 : 1}`)
-            }, L(l.name), 13, tl)
+            }, z(l.name), 13, sl)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : x(t.$slots, "legend", {
           key: 1,
-          legend: pe.value
+          legend: ge.value
         }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), r("div", {
         key: 7,
         ref_key: "source",
-        ref: oe,
+        ref: ne,
         dir: "auto"
       }, [
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      we(ft, {
-        show: C.value.showTooltip && G.value,
+      $e(i(De), {
+        show: C.value.showTooltip && q.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -827,20 +822,20 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: D.value,
-        content: V.value,
-        isCustom: j.value,
-        isFullscreen: R.value
+        parent: R.value,
+        content: Z.value,
+        isCustom: W.value,
+        isFullscreen: E.value
       }, {
         "tooltip-before": m(() => [
-          x(t.$slots, "tooltip-before", I(P({ ...Z.value })), void 0, !0)
+          x(t.$slots, "tooltip-before", X(D({ ...K.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          x(t.$slots, "tooltip-after", I(P({ ...Z.value })), void 0, !0)
+          x(t.$slots, "tooltip-after", X(D({ ...K.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
-      w.value ? (s(), z(pt, {
+      w.value ? (s(), O(i(Oe), {
         key: 8,
         hideDetails: "",
         config: {
@@ -857,32 +852,32 @@ const $t = ["id"], Mt = ["xmlns", "viewBox"], Tt = ["x", "y", "width", "height"]
         }
       }, {
         content: m(() => [
-          (s(), z(xt, {
-            key: `table_${le.value}`,
-            colNames: U.value.colNames,
-            head: U.value.head,
-            body: U.value.body,
-            config: U.value.config,
+          (s(), O(i(Ie), {
+            key: `table_${se.value}`,
+            colNames: H.value.colNames,
+            head: H.value.head,
+            body: H.value.body,
+            config: H.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
             th: m(({ th: l }) => [
-              A("div", {
+              S("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, ll)
+              }, null, 8, ol)
             ]),
             td: m(({ td: l }) => [
-              Ve(L(l.name || l), 1)
+              st(z(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : v("", !0)
-    ], 46, $t));
+    ], 46, Tt));
   }
-}, bl = /* @__PURE__ */ _t(al, [["__scopeId", "data-v-56983f81"]]);
+}, pl = /* @__PURE__ */ At(rl, [["__scopeId", "data-v-f41b6552"]]);
 export {
-  bl as default
+  pl as default
 };