vue-data-ui 3.9.11 → 3.9.13

package/dist/{vue-ui-history-plot-BiUyd40D.js → vue-ui-history-plot-C-_zpLPH.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as O, ref as v, shallowRef as Ue, computed as d, onMounted as Gt, onBeforeUnmount as qt, toRefs as Zt, watch as Q, watchEffect as Jt, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as F, normalizeClass as N, renderSlot as f, createBlock as E, createCommentVNode as h, createElementVNode as S, createVNode as xe, withCtx as x, normalizeProps as _, guardReactiveProps as L, createSlots as We, Fragment as m, renderList as k, toDisplayString as z, Teleport as Kt, resolveDynamicComponent as Qt, mergeProps as el, createTextVNode as Ve, nextTick as tl } from "vue";
-import { c as Ge, o as qe, g as Ze, k as ll, t as al, j as ol, l as sl, p as ee, M as Je, a as R, d as Y, X as rl, n as nl, r as il, _ as ul, w as cl, a1 as P, i as vl, a0 as te, u as dl, q as hl, x as yl } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as O, ref as v, shallowRef as Ue, computed as d, onMounted as Gt, onBeforeUnmount as qt, toRefs as Zt, watch as Q, watchEffect as Jt, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as F, normalizeClass as I, renderSlot as f, createBlock as N, createCommentVNode as h, createElementVNode as S, createVNode as xe, withCtx as x, normalizeProps as _, guardReactiveProps as L, createSlots as We, Fragment as m, renderList as k, toDisplayString as z, Teleport as Kt, resolveDynamicComponent as Qt, mergeProps as el, createTextVNode as Ve, nextTick as tl } from "vue";
+import { c as Ge, o as qe, g as Ze, l as ll, t as al, k as ol, m as sl, j as ee, N as Je, a as R, d as Y, X as rl, q as nl, u as il, $ as ul, x as cl, a2 as P, i as vl, a1 as te, v as dl, r as hl, y as yl } from "./lib-BwysEpWI.js";
 import { t as Ke, u as fl } from "./useResponsive-DfdjqQps.js";
-import { u as xl, a as be } from "./useNestedProp-D-jUHecl.js";
+import { u as xl, a as be } from "./useNestedProp--5lL-kf1.js";
 import { u as bl, B as gl } from "./BaseScanner-BMpwQAfz.js";
-import { u as pl } from "./usePrinter-DhoMn87n.js";
+import { u as pl } from "./usePrinter-BJzHDpYF.js";
 import { u as ml } from "./useSvgExport-ByUukOZt.js";
 import { u as kl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Cl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Al } from "./useChartAccessibility-9icAAmYg.js";
 import { u as wl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Sl from "./img-BJzUSmkm.js";
-import _l from "./Title-DFtCaCah.js";
-import Ll from "./Legend-Dxz13z4E.js";
+import Sl from "./img-DKigoPDs.js";
+import _l from "./Title-BhURirpm.js";
+import Ll from "./Legend-D6z73edh.js";
 import { _ as $l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, grid: { xAxis: { stroke: "#5A5A5A" }, horizontalLines: { stroke: "#4A4A4A" }, yAxis: { stroke: "#5A5A5A" }, verticalLines: { stroke: "#4A4A4A" } }, axes: { x: { labels: { color: "#CCCCCC" }, name: { color: "#CCCCCC" } }, y: { labels: { color: "#CCCCCC" }, name: { color: "#CCCCCC" } } }, plots: { stroke: "#1A1A1A", labels: { color: "#CCCCCC" } } } } }, et = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, grid: { xAxis: { stroke: "#5D403740" }, horizontalLines: { stroke: "#5D403740" }, yAxis: { stroke: "#5D403740" }, verticalLines: { stroke: "#5D403740" } }, axes: { x: { labels: { color: "#424242" }, name: { color: "#424242" } }, y: { labels: { color: "#424242" }, name: { color: "#424242" } } }, plots: { stroke: "#FFF8E1", gradient: { intensity: 20 }, labels: { color: "#424242" } } } } }, tt = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, grid: { xAxis: { stroke: "#5D403780" }, horizontalLines: { stroke: "#5D403780" }, yAxis: { stroke: "#5D403780" }, verticalLines: { stroke: "#5D403780" } }, axes: { x: { labels: { color: "#BDBDBD" }, name: { color: "#BDBDBD" } }, y: { labels: { color: "#BDBDBD" }, name: { color: "#BDBDBD" } } }, plots: { stroke: "#1E1E1E", gradient: { intensity: 20 }, labels: { color: "#BDBDBD" } } } } }, lt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, grid: { xAxis: { stroke: "#5F6A5F" }, horizontalLines: { stroke: "#3A3A3A" }, yAxis: { stroke: "#5F6A5F" }, verticalLines: { stroke: "#3A3A3A" } }, axes: { x: { labels: { color: "#5F6A5F" }, name: { color: "#5F6A5F" } }, y: { labels: { color: "#5F6A5F" }, name: { color: "#5F6A5F" } } }, plots: { stroke: "#1A1A1A", gradient: { intensity: 20 }, labels: { color: "#5F6A5F" } } } } }, at = { table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, grid: { xAxis: { stroke: "#8F837A" }, horizontalLines: { show: !1 }, yAxis: { stroke: "#8F837A" }, verticalLines: { show: !1 } }, axes: { x: { labels: { color: "#8F837A" }, name: { color: "#8F837A" } }, y: { labels: { color: "#8F837A" }, name: { color: "#8F837A" } } }, plots: { stroke: "#fbfafa", gradient: { intensity: 20 }, labels: { color: "#8F837A" } } } } }, ot = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, grid: { xAxis: { stroke: "#829C98" }, horizontalLines: { stroke: "#92B0AB" }, yAxis: { stroke: "#829C98" }, verticalLines: { stroke: "#92B0AB" } }, axes: { x: { labels: { color: "#50606C" }, name: { color: "#50606C" } }, y: { labels: { color: "#50606C" }, name: { color: "#50606C" } } }, plots: { stroke: "#50606C", gradient: { intensity: 20 }, labels: { color: "#50606C" } } } } }, st = {
   default: {},
@@ -30,7 +30,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   default: st,
   hack: lt,
   zen: at
-}, Symbol.toStringTag, { value: "Module" })), Fl = ["id"], Tl = ["id"], Dl = ["xmlns", "viewBox"], zl = ["x", "y", "width", "height"], Ml = { key: 1 }, Bl = ["id"], Ol = ["stop-color"], El = ["stop-color"], Il = ["stop-color"], Nl = { key: 2 }, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xl = { key: 3 }, Rl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Yl = ["x", "y", "fill", "font-size"], Hl = ["transform", "font-size", "fill", "font-weight"], jl = { key: 6 }, Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wl = { key: 7 }, Vl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Gl = ["transform", "fill", "font-size", "text-anchor"], ql = ["x", "y", "font-size", "fill", "font-weight"], Zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = ["d", "stroke", "stroke-width"], Ql = ["d", "stroke", "stroke-width"], ea = ["cx", "cy", "fill", "r"], ta = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], la = { key: 1 }, aa = ["x", "y", "font-size", "fill", "font-weight"], oa = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], sa = { key: 2 }, ra = ["x", "y", "font-size", "font-weight", "fill"], na = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], ia = {
+}, Symbol.toStringTag, { value: "Module" })), Fl = ["id"], Tl = ["id"], Dl = ["xmlns", "viewBox"], zl = ["x", "y", "width", "height"], Ml = { key: 1 }, Bl = ["id"], Ol = ["stop-color"], Nl = ["stop-color"], El = ["stop-color"], Il = { key: 2 }, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xl = { key: 3 }, Rl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Yl = ["x", "y", "fill", "font-size"], Hl = ["transform", "font-size", "fill", "font-weight"], jl = { key: 6 }, Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wl = { key: 7 }, Vl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Gl = ["transform", "fill", "font-size", "text-anchor"], ql = ["x", "y", "font-size", "fill", "font-weight"], Zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = ["d", "stroke", "stroke-width"], Ql = ["d", "stroke", "stroke-width"], ea = ["cx", "cy", "fill", "r"], ta = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], la = { key: 1 }, aa = ["x", "y", "font-size", "fill", "font-weight"], oa = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], sa = { key: 2 }, ra = ["x", "y", "font-size", "font-weight", "fill"], na = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], ia = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = ["id"], ca = ["onClick"], va = ["innerHTML"], da = {
@@ -51,7 +51,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(rt, { expose: nt, emit: it }) {
-    const ut = O(() => import("./Tooltip-B79qvriT.js")), ct = O(() => import("./BaseIcon-r3_sTK1A.js")), vt = O(() => import("./vue-ui-accordion-B6BX2vhq.js")), dt = O(() => import("./DataTable-DNeCys3I.js")), ht = O(() => import("./PenAndPaper-CsqBamFZ.js")), yt = O(() => import("./UserOptions-B-2A_KRb.js")), ft = O(() => import("./PackageVersion-DPLuuWzw.js")), xt = O(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_history_plot: bt } = xl(), { isThemeValid: gt, warnInvalidTheme: pt } = kl(), y = rt, T = v(null), ge = v(null), pe = v(0), me = v(null), ke = v(0), Ce = v(0), Ae = v(0), M = Ue(null), X = Ue(null), we = v(null), D = v(Ge()), le = v(!1), ae = v(""), p = v([]), H = v(!1), w = v(null), j = v(!1), Se = v(null), _e = v(!1), U = v(null), oe = v(null), se = v(null), re = v(null), V = v(null), ne = v(null), G = d({
+    const ut = O(() => import("./Tooltip-TDyKgLB6.js")), ct = O(() => import("./BaseIcon-4i3dd7Ty.js")), vt = O(() => import("./vue-ui-accordion-tQNKwbVi.js")), dt = O(() => import("./DataTable-WrXCJkfE.js")), ht = O(() => import("./PenAndPaper-DxIUvoQ8.js")), yt = O(() => import("./UserOptions-CzJWRC4s.js")), ft = O(() => import("./PackageVersion-D3cMhAlf.js")), xt = O(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_history_plot: bt } = xl(), { isThemeValid: gt, warnInvalidTheme: pt } = kl(), y = rt, T = v(null), ge = v(null), pe = v(0), me = v(null), ke = v(0), Ce = v(0), Ae = v(0), M = Ue(null), X = Ue(null), we = v(null), D = v(Ge()), le = v(!1), ae = v(""), p = v([]), H = v(!1), w = v(null), j = v(!1), Se = v(null), _e = v(!1), U = v(null), oe = v(null), se = v(null), re = v(null), V = v(null), ne = v(null), G = d({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
     }), Le = it;
@@ -266,8 +266,8 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const a = re.value ? re.value.getBoundingClientRect().width : 0;
       return t + a + (a ? 24 : 0);
     }
-    const Ee = v(0), _t = Ke((t) => {
-      Ee.value = t;
+    const Ne = v(0), _t = Ke((t) => {
+      Ne.value = t;
     });
     Jt((t) => {
       const a = V.value;
@@ -277,20 +277,20 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       });
       l.observe(a), t(() => l.disconnect());
     });
-    const Ie = d(() => {
+    const Ee = d(() => {
       let t = 0;
       se.value && (t = se.value.getBBox().height + n.value.xAxisName / 2);
       let a = 0;
-      return V.value && (a = Ee.value), t + a;
+      return V.value && (a = Ne.value), t + a;
     }), c = d(() => {
       const t = e.value.style.chart.padding.left, a = e.value.style.chart.padding.top, l = St(), i = e.value.style.chart.plots.radius;
       return {
         left: t + l + e.value.style.chart.axes.y.name.offsetX,
         top: a + i,
         right: b.value.width - e.value.style.chart.padding.right - i - e.value.style.chart.axes.y.name.offsetX,
-        bottom: b.value.height - e.value.style.chart.padding.bottom - Ie.value - i - e.value.style.chart.axes.x.name.offsetY,
+        bottom: b.value.height - e.value.style.chart.padding.bottom - Ee.value - i - e.value.style.chart.axes.x.name.offsetY,
         width: b.value.width - t - e.value.style.chart.padding.right - l - i - e.value.style.chart.axes.y.name.offsetX,
-        height: b.value.height - a - e.value.style.chart.padding.bottom - Ie.value - i * 2 - e.value.style.chart.axes.x.name.offsetY
+        height: b.value.height - a - e.value.style.chart.padding.bottom - Ee.value - i * 2 - e.value.style.chart.axes.x.name.offsetY
       };
     }), n = v({
       plots: e.value.style.chart.plots.radius,
@@ -345,7 +345,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const a = g.value.y.min < 0 ? Math.abs(g.value.y.min) : g.value.y.min > 0 ? -g.value.y.min : 0;
       return c.value.bottom - ((t || 0) + a) / (g.value.y.max + a) * c.value.height;
     }
-    const I = d(() => $.value.filter((t) => !p.value.includes(t.seriesIndex)).map((t, a) => {
+    const E = d(() => $.value.filter((t) => !p.value.includes(t.seriesIndex)).map((t, a) => {
       const l = t.values.map((o, C) => ({
         valueX: o.x,
         valueY: o.y,
@@ -365,18 +365,18 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     function q(t) {
       p.value.includes(t) ? p.value = p.value.filter((a) => a !== t) : p.value.push(t);
     }
-    function Ne(t) {
+    function Ie(t) {
       if (!$.value.length)
         return e.value.debug && console.warn("VueUiHistoryPlot - There are no series to show."), null;
       const a = $.value.find((l) => l.name === t);
       return a || (e.value.debug && console.warn(`VueUiHistoryPlot - Series name not found "${t}"`), null);
     }
     function Mt(t) {
-      const a = Ne(t);
+      const a = Ie(t);
       a !== null && p.value.includes(a.seriesIndex) && q(a.seriesIndex);
     }
     function Bt(t) {
-      const a = Ne(t);
+      const a = Ie(t);
       a !== null && (p.value.includes(a.seriesIndex) || q(a.seriesIndex));
     }
     const de = d(() => $.value.map((t) => ({
@@ -393,7 +393,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Et({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+    function Nt({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), Le("selectDatapoint", t);
     }
     function Pe(t) {
@@ -407,10 +407,10 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       H.value = t, Ae.value += 1;
     }
     const he = v(null);
-    function It({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+    function Et({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), le.value = !1, w.value = null;
     }
-    function Nt({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+    function It({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), he.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: $.value }, w.value = t;
       const i = e.value.style.chart.tooltip.customFormat;
       if (j.value = !1, yl(i))
@@ -450,7 +450,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }
       le.value = !0;
     }
-    d(() => ({ head: I.value.map((a) => ({
+    d(() => ({ head: E.value.map((a) => ({
       name: a.name,
       color: a.color
     })) }));
@@ -460,7 +460,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.x,
         e.value.table.columnNames.y
-      ], a = I.value.flatMap((i) => i.plots.map((o) => [
+      ], a = E.value.flatMap((i) => i.plots.map((o) => [
         {
           color: o.color,
           name: o.seriesName
@@ -513,7 +513,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = I.value.flatMap((C) => C.plots.map((K) => [
+        ], l = E.value.flatMap((C) => C.plots.map((K) => [
           [K.seriesName],
           [K.label],
           [K.valueX],
@@ -540,7 +540,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       A.value.showTooltip = !A.value.showTooltip;
     }
     function Pt() {
-      return I.value;
+      return E.value;
     }
     async function Xt({ scale: t = 2 } = {}) {
       if (!T.value) return;
@@ -635,13 +635,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       id: `history_plot_${D.value}`,
       ref_key: "historyPlotChart",
       ref: T,
-      class: N({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
+      class: I({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
       style: F(`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[2] || (a[2] = () => u(Te)(!0)),
       onMouseleave: a[3] || (a[3] = () => u(Te)(!1))
     }, [
       f(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.userOptions.buttons.annotator ? (s(), E(u(ht), {
+      e.value.userOptions.buttons.annotator ? (s(), N(u(ht), {
         key: 0,
         svgRef: u(ve),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -683,7 +683,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         class: "vue-ui-xy-title",
         style: F(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (s(), E(_l, {
+        (s(), N(_l, {
           key: `title_${pe.value}`,
           config: {
             title: {
@@ -700,7 +700,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       S("div", {
         id: `legend-top-${D.value}`
       }, null, 8, Tl),
-      e.value.userOptions.show && G.value && (u(De) || u(ce)) ? (s(), E(u(yt), {
+      e.value.userOptions.show && G.value && (u(De) || u(ce)) ? (s(), N(u(yt), {
         ref_key: "userOptionsRef",
         ref: oe,
         key: `user_option_${Ae.value}`,
@@ -824,7 +824,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           f(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, zl)) : h("", !0),
         e.value.style.chart.plots.gradient.show ? (s(), r("defs", Ml, [
-          (s(!0), r(m, null, k(I.value, (l, i) => (s(), r("radialGradient", {
+          (s(!0), r(m, null, k(E.value, (l, i) => (s(), r("radialGradient", {
             id: `gradient_${i}_${D.value}`,
             fy: "30%"
           }, [
@@ -835,14 +835,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             S("stop", {
               offset: "90%",
               "stop-color": u(il)(l.color, 0.1)
-            }, null, 8, El),
+            }, null, 8, Nl),
             S("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Il)
+            }, null, 8, El)
           ], 8, Bl))), 256))
         ])) : h("", !0),
-        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Nl, [
+        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Il, [
           (s(!0), r(m, null, k(g.value.tickX, (l) => (s(), r("line", {
             x1: l.x,
             x2: l.x,
@@ -971,7 +971,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, Jl)) : h("", !0),
-        (s(!0), r(m, null, k(I.value, (l, i) => (s(), r("g", null, [
+        (s(!0), r(m, null, k(E.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
             style: F({
@@ -985,7 +985,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: N({ animated: e.value.useCssAnimation && !u(B) })
+              class: I({ animated: e.value.useCssAnimation && !u(B) })
             }, null, 10, Kl),
             S("path", {
               d: l.path,
@@ -994,7 +994,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: N({ animated: e.value.useCssAnimation && !u(B) })
+              class: I({ animated: e.value.useCssAnimation && !u(B) })
             }, null, 10, Ql)
           ], 4)) : h("", !0),
           (s(!0), r(m, null, k(l.plots, (o) => (s(), r("circle", {
@@ -1011,7 +1011,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             r: n.value.plots,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
-            class: N({ animated: e.value.useCssAnimation && !u(B) }),
+            class: I({ animated: e.value.useCssAnimation && !u(B) }),
             style: F({
               opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
@@ -1028,7 +1028,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 fill: e.value.style.chart.plots.labels.color,
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
-                class: N({ animated: e.value.useCssAnimation && !u(B) }),
+                class: I({ animated: e.value.useCssAnimation && !u(B) }),
                 style: F({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
@@ -1048,7 +1048,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 fill: e.value.style.chart.plots.labels.color,
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
-                class: N({ animated: e.value.useCssAnimation && !u(B) }),
+                class: I({ animated: e.value.useCssAnimation && !u(B) }),
                 style: F({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
@@ -1064,7 +1064,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               "font-weight": e.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
               fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? u(cl)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
-              class: N({ animated: e.value.useCssAnimation && !u(B) }),
+              class: I({ animated: e.value.useCssAnimation && !u(B) }),
               style: F({
                 opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
@@ -1072,24 +1072,24 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             }, z(e.value.style.chart.plots.indexLabels.startAtZero ? C : C + 1), 15, ra))), 256))
           ])) : h("", !0)
         ]))), 256)),
-        (s(!0), r(m, null, k(I.value, (l) => (s(), r("g", null, [
+        (s(!0), r(m, null, k(E.value, (l) => (s(), r("g", null, [
           (s(!0), r(m, null, k(l.plots, (i, o) => (s(), r("circle", {
             cx: i.x,
             cy: i.y,
             fill: "transparent",
             r: n.value.plots,
             stroke: "none",
-            onMouseenter: (C) => Nt({
+            onMouseenter: (C) => It({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
-            onMouseleave: (C) => It({
+            onMouseleave: (C) => Et({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
-            onClick: (C) => Et({
+            onClick: (C) => Nt({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
@@ -1104,7 +1104,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       S("div", {
         id: `legend-bottom-${D.value}`
       }, null, 8, ua),
-      _e.value ? (s(), E(Kt, {
+      _e.value ? (s(), N(Kt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
       }, [
@@ -1112,7 +1112,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref_key: "chartLegend",
           ref: me
         }, [
-          e.value.style.chart.legend.show && G.value ? (s(), E(Ll, {
+          e.value.style.chart.legend.show && G.value ? (s(), N(Ll, {
             key: `legend_${ke.value}`,
             legendSet: de.value,
             config: Ot.value,
@@ -1171,13 +1171,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      G.value && e.value.userOptions.buttons.table ? (s(), E(Qt(W.value.component), el({ key: 7 }, W.value.props, {
+      G.value && e.value.userOptions.buttons.table ? (s(), N(Qt(W.value.component), el({ key: 7 }, W.value.props, {
         ref_key: "tableUnit",
         ref: U,
         onClose: He
       }), We({
         content: x(() => [
-          (s(), E(u(dt), {
+          (s(), N(u(dt), {
             key: `table_${Ce.value}`,
             colNames: Z.value.colNames,
             head: Z.value.head,
@@ -1225,7 +1225,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      u(B) ? (s(), E(gl, { key: 8 })) : h("", !0)
+      u(B) ? (s(), N(gl, { key: 8 })) : h("", !0)
     ], 46, Fl));
   }
 }, ha = /* @__PURE__ */ $l(da, [["__scopeId", "data-v-64d73bdd"]]), Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({