vue-data-ui 3.7.16 → 3.8.1

package/dist/{vue-ui-history-plot-D_qkv6IS.js → vue-ui-history-plot-CpskzQg2.js}

@@ -1,18 +1,18 @@
-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 $, 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, F as Je, a as R, d as Y, X as rl, n as nl, r as il, U as ul, w as cl, Y as P, i as vl, W as te, u as dl, q as hl, x as yl } from "./lib-DUaaQGCv.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 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-qMPkcvmh.js";
 import { t as Ke, u as fl } from "./useResponsive-DfdjqQps.js";
-import { u as xl, a as be } from "./useNestedProp-CoXaJ2T6.js";
+import { u as xl, a as be } from "./useNestedProp-DH2Pjkde.js";
 import { u as bl, B as gl } from "./BaseScanner-BgWxam9d.js";
-import { u as pl } from "./usePrinter-BdVu83IN.js";
+import { u as pl } from "./usePrinter-CjGh4mFJ.js";
 import { u as ml } from "./useSvgExport-DrjCWun4.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-BYzbY8TZ.js";
-import _l from "./Title-CM2dM0rQ.js";
-import Ll from "./Legend-DSyOOSJ1.js";
-import { _ as Fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import Sl from "./img-CwrkWkkl.js";
+import _l from "./Title-CWX8otQg.js";
+import Ll from "./Legend-Djkw4FGq.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: {},
   dark: Qe,
@@ -21,7 +21,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   hack: lt,
   zen: at,
   concrete: ot
-}, $a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: et,
   celebrationNight: tt,
@@ -30,7 +30,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   default: st,
   hack: lt,
   zen: at
-}, Symbol.toStringTag, { value: "Module" })), $l = ["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"], 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 = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = ["id"], ca = ["onClick"], va = ["innerHTML"], da = {
@@ -51,19 +51,19 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(rt, { expose: nt, emit: it }) {
-    const ut = O(() => import("./Tooltip-De7i-i20.js")), ct = O(() => import("./BaseIcon--wNsuYtd.js")), vt = O(() => import("./vue-ui-accordion-WOXCCkiC.js")), dt = O(() => import("./DataTable-DRZJOlJB.js")), ht = O(() => import("./PenAndPaper-CMmG5Mka.js")), yt = O(() => import("./UserOptions-5GYBcJJU.js")), ft = O(() => import("./PackageVersion-BW9_gimf.js")), xt = O(() => import("./BaseDraggableDialog-CtB38kJq.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-OHx7yHlS.js")), ct = O(() => import("./BaseIcon-CALhpING.js")), vt = O(() => import("./vue-ui-accordion-DiNnR-ZE.js")), dt = O(() => import("./DataTable-Ca1twcf7.js")), ht = O(() => import("./PenAndPaper-DscVdZ1u.js")), yt = O(() => import("./UserOptions-ChRXLqps.js")), ft = O(() => import("./PackageVersion-Dc4fCiDF.js")), xt = O(() => import("./BaseDraggableDialog-BYwNgX3M.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;
     Gt(() => {
-      _e.value = !0, $e();
+      _e.value = !0, Fe();
     });
-    const Fe = d(() => !!e.value.debug);
-    function $e() {
+    const $e = d(() => !!e.value.debug);
+    function Fe() {
       if (qe(y.dataset) ? (Ze({
         componentName: "VueUiHistoryPlot",
         type: "dataset",
-        debug: Fe.value
+        debug: $e.value
       }), ue.value = !0) : y.dataset.forEach((t, a) => {
         ll({
           datasetObject: t,
@@ -74,7 +74,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             type: "datasetSerieAttribute",
             property: l,
             index: a,
-            debug: Fe.value
+            debug: $e.value
           });
         });
       }), qe(y.dataset) || (ue.value = e.value.loading), e.value.responsive) {
@@ -235,7 +235,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       })
     }), { userOptionsVisible: ce, setUserOptionsVisibility: Te, keepUserOptionState: De } = Cl({ config: e.value }), { svgRef: ve } = Al({ config: e.value.style.chart.title });
     Q(() => y.config, (t) => {
-      B.value || (e.value = ie()), ce.value = !e.value.userOptions.showOnChartHover, $e(), pe.value += 1, Ce.value += 1, ke.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, A.value.showTable = e.value.table.show, A.value.showTooltip = e.value.style.chart.tooltip.show;
+      B.value || (e.value = ie()), ce.value = !e.value.userOptions.showOnChartHover, Fe(), pe.value += 1, Ce.value += 1, ke.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, A.value.showTable = e.value.table.show, A.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), Q(() => y.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ue.value = !1);
     }, { deep: !0 });
@@ -300,24 +300,24 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       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
-    }), F = d(() => mt.value.map((t, a) => ({
+    }), $ = d(() => mt.value.map((t, a) => ({
       ...t,
       color: t.color ? sl(t.color) : Ct.value[a] || ee[a] || ee[a % ee.length],
       seriesIndex: a
-    }))), Lt = d(() => Math.max(...F.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), Ft = d(() => {
-      const t = Math.min(...F.value.filter((a) => !p.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
+    }))), Lt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), $t = d(() => {
+      const t = Math.min(...$.value.filter((a) => !p.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), $t = d(() => Math.max(...F.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Tt = d(() => {
-      const t = Math.min(...F.value.filter((a) => !p.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
+    }), Ft = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Tt = d(() => {
+      const t = Math.min(...$.value.filter((a) => !p.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
       return t < 0 ? t : 0;
     }), g = d(() => {
       const t = Je(
-        e.value.style.chart.axes.x.scaleMin === null ? Ft.value : e.value.style.chart.axes.x.scaleMin,
+        e.value.style.chart.axes.x.scaleMin === null ? $t.value : e.value.style.chart.axes.x.scaleMin,
         e.value.style.chart.axes.x.scaleMax === null ? Lt.value : e.value.style.chart.axes.x.scaleMax,
         e.value.style.chart.axes.x.ticks
       ), a = Je(
         e.value.style.chart.axes.y.scaleMin === null ? Tt.value : e.value.style.chart.axes.y.scaleMin,
-        e.value.style.chart.axes.y.scaleMax === null ? $t.value : e.value.style.chart.axes.y.scaleMax,
+        e.value.style.chart.axes.y.scaleMax === null ? Ft.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
       );
       return {
@@ -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(() => F.value.filter((t) => !p.value.includes(t.seriesIndex)).map((t, a) => {
+    const I = 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,
@@ -366,9 +366,9 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       p.value.includes(t) ? p.value = p.value.filter((a) => a !== t) : p.value.push(t);
     }
     function Ne(t) {
-      if (!F.value.length)
+      if (!$.value.length)
         return e.value.debug && console.warn("VueUiHistoryPlot - There are no series to show."), null;
-      const a = F.value.find((l) => l.name === t);
+      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) {
@@ -379,7 +379,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const a = Ne(t);
       a !== null && (p.value.includes(a.seriesIndex) || q(a.seriesIndex));
     }
-    const de = d(() => F.value.map((t) => ({
+    const de = d(() => $.value.map((t) => ({
       ...t,
       opacity: p.value.includes(t.seriesIndex) ? 0.5 : 1,
       segregate: () => q(t.seriesIndex),
@@ -411,7 +411,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       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 }) {
-      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: F.value }, w.value = t;
+      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))
         try {
@@ -419,7 +419,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
-            series: F.value,
+            series: $.value,
             config: e.value
           });
           typeof o == "string" && (ae.value = o, j.value = !0);
@@ -636,7 +636,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ref_key: "historyPlotChart",
       ref: T,
       class: N({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
-      style: $(`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%" : ""}`),
+      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))
     }, [
@@ -681,7 +681,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref_key: "chartTitle",
         ref: ge,
         class: "vue-ui-xy-title",
-        style: $(`font-family:${e.value.style.fontFamily}`)
+        style: F(`font-family:${e.value.style.fontFamily}`)
       }, [
         (s(), E(_l, {
           key: `title_${pe.value}`,
@@ -735,7 +735,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         onToggleTable: Re,
         onToggleTooltip: Ye,
         onToggleAnnotator: fe,
-        style: $({
+        style: F({
           visibility: u(De) ? u(ce) ? "visible" : "hidden" : "visible"
         })
       }, We({ _: 2 }, [
@@ -808,7 +808,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref: ve,
         xmlns: u(rl),
         viewBox: `0 0 ${b.value.width < 0 ? 0.1 : b.value.width} ${b.value.height < 0 ? 0.1 : b.value.height}`,
-        style: $(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: F(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         xe(u(ft)),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
@@ -974,7 +974,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         (s(!0), r(m, null, k(I.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
-            style: $({
+            style: F({
               opacity: w.value === null ? 1 : 0.3
             })
           }, [
@@ -1012,7 +1012,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
             class: N({ animated: e.value.useCssAnimation && !u(B) }),
-            style: $({
+            style: F({
               opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
@@ -1029,7 +1029,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
                 class: N({ animated: e.value.useCssAnimation && !u(B) }),
-                style: $({
+                style: F({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 }),
@@ -1049,7 +1049,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
                 class: N({ animated: e.value.useCssAnimation && !u(B) }),
-                style: $({
+                style: F({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 })
@@ -1065,7 +1065,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               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) }),
-              style: $({
+              style: F({
                 opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
@@ -1125,7 +1125,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 onClick: (o) => {
                   l.segregate(), Pe(l);
                 },
-                style: $(`opacity:${p.value.includes(l.seriesIndex) ? 0.5 : 1}`)
+                style: F(`opacity:${p.value.includes(l.seriesIndex) ? 0.5 : 1}`)
               }, z(l.name), 13, ca)
             ]),
             _: 1
@@ -1226,14 +1226,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         } : void 0
       ]), 1040)) : h("", !0),
       u(B) ? (s(), E(gl, { key: 8 })) : h("", !0)
-    ], 46, $l));
+    ], 46, Fl));
   }
-}, ha = /* @__PURE__ */ Fl(da, [["__scopeId", "data-v-64d73bdd"]]), Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ha = /* @__PURE__ */ $l(da, [["__scopeId", "data-v-64d73bdd"]]), Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ha
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  $a as a,
+  Fa as a,
   Ta as b,
   ha as v
 };