vue-data-ui 3.10.0 → 3.10.1

package/dist/{vue-ui-history-plot-DgMc6-9X.js → vue-ui-history-plot-CiKEQ6JR.js}

@@ -1,39 +1,43 @@
-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 T, 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-2iaAPQ_c.js";
-import { t as Ke, u as fl } from "./useResponsive-DfdjqQps.js";
-import { u as xl, a as be } from "./useNestedProp-BCt4DMkT.js";
-import { u as bl, B as gl } from "./BaseScanner-BMpwQAfz.js";
-import { u as pl } from "./usePrinter-ChVMpU2f.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-CqYIrJ8I.js";
-import _l from "./Title-B5L2jweB.js";
-import Ll from "./Legend-D2xmnFPH.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 = {
+import { defineAsyncComponent as O, ref as v, shallowRef as Ue, computed as d, onMounted as Zt, onBeforeUnmount as Jt, toRefs as Kt, watch as Q, watchEffect as Qt, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as T, normalizeClass as I, renderSlot as f, createBlock as N, createCommentVNode as h, createElementVNode as L, createVNode as be, withCtx as b, normalizeProps as S, guardReactiveProps as _, createSlots as We, Fragment as m, renderList as C, toDisplayString as z, Teleport as el, resolveDynamicComponent as tl, mergeProps as ll, createTextVNode as Ve, nextTick as al } from "vue";
+import { c as Ge, o as qe, g as Ze, l as ol, t as sl, k as rl, m as nl, j as ee, N as Je, a as R, d as Y, X as il, q as ul, u as cl, $ as vl, x as dl, a2 as P, i as hl, a1 as te, v as yl, r as fl, y as bl } from "./lib-CVHM9FhP.js";
+import { t as Ke, u as xl } from "./useResponsive-DfdjqQps.js";
+import { u as gl, a as xe } from "./useNestedProp-Ckf_2P_V.js";
+import { u as pl, B as ml } from "./BaseScanner-BMpwQAfz.js";
+import { u as Cl } from "./usePrinter-1NmjuP-i.js";
+import { u as kl } from "./useSvgExport-ByUukOZt.js";
+import { u as Al } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as wl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ll } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Sl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import _l from "./img-6fNF_rG0.js";
+import $l from "./Title-NgeRXqRA.js";
+import Tl from "./Legend-DN5UJOBH.js";
+import { _ as Fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Qe = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, grid: { horizontalLines: { show: !1 }, verticalLines: { show: !1 } } } } }, et = { userOptions: { show: !1 }, 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: "#3A3A3A" }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, grid: { xAxis: { stroke: "#5A5A5A" }, horizontalLines: { show: !1, stroke: "#4A4A4A" }, yAxis: { stroke: "#5A5A5A" }, verticalLines: { show: !1, stroke: "#4A4A4A" } }, axes: { x: { labels: { color: "#CCCCCC" }, name: { color: "#CCCCCC" } }, y: { labels: { color: "#CCCCCC" }, name: { color: "#CCCCCC" } } }, plots: { stroke: "#1A1A1A", labels: { color: "#CCCCCC" } } } } }, tt = { 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" } } } } }, lt = { 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" } } } } }, at = { 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" } } } } }, ot = { 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" } } } } }, st = { 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" } } } } }, rt = { 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" } } } } }, nt = {
   default: {},
-  dark: Qe,
-  celebration: et,
-  celebrationNight: tt,
-  hack: lt,
-  zen: at,
-  concrete: ot
-}, Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Qe,
+  minimalDark: et,
+  dark: tt,
+  celebration: lt,
+  celebrationNight: at,
+  hack: ot,
+  zen: st,
+  concrete: rt
+}, Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: et,
-  celebrationNight: tt,
-  concrete: ot,
-  dark: Qe,
-  default: st,
-  hack: lt,
-  zen: at
-}, Symbol.toStringTag, { value: "Module" })), Tl = ["id"], Fl = ["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 = {
+  celebration: lt,
+  celebrationNight: at,
+  concrete: rt,
+  dark: tt,
+  default: nt,
+  hack: ot,
+  minimal: Qe,
+  minimalDark: et,
+  zen: st
+}, Symbol.toStringTag, { value: "Module" })), Dl = ["id"], zl = ["id"], Ml = ["xmlns", "viewBox"], Bl = ["x", "y", "width", "height"], Ol = { key: 1 }, Nl = ["id"], El = ["stop-color"], Il = ["stop-color"], Pl = ["stop-color"], Xl = { key: 2 }, Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yl = { key: 3 }, Hl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], jl = ["x", "y", "fill", "font-size"], Ul = ["transform", "font-size", "fill", "font-weight"], Wl = { key: 6 }, Vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gl = { key: 7 }, ql = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Zl = ["transform", "fill", "font-size", "text-anchor"], Jl = ["x", "y", "font-size", "fill", "font-weight"], Kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ea = ["d", "stroke", "stroke-width"], ta = ["d", "stroke", "stroke-width"], la = ["cx", "cy", "fill", "r"], aa = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], oa = { key: 1 }, sa = ["x", "y", "font-size", "fill", "font-weight"], ra = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], na = { key: 2 }, ia = ["x", "y", "font-size", "font-weight", "fill"], ua = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], ca = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, ua = ["id"], ca = ["onClick"], va = ["innerHTML"], da = {
+}, va = ["id"], da = ["onClick"], ha = ["innerHTML"], ya = {
   __name: "vue-ui-history-plot",
   props: {
     config: {
@@ -50,13 +54,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(rt, { expose: nt, emit: it }) {
-    const ut = O(() => import("./Tooltip-DpfUZbt7.js")), ct = O(() => import("./BaseIcon-B9bGT7HU.js")), vt = O(() => import("./vue-ui-accordion-CAXPDm31.js")), dt = O(() => import("./DataTable-DEwh__D8.js")), ht = O(() => import("./PenAndPaper-CulSakut.js")), yt = O(() => import("./UserOptions-5pXc4J-c.js")), ft = O(() => import("./PackageVersion-C-JOGZBL.js")), xt = O(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_history_plot: bt } = xl(), { isThemeValid: gt, warnInvalidTheme: pt } = kl(), y = rt, F = 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({
+  setup(it, { expose: ut, emit: ct }) {
+    const vt = O(() => import("./Tooltip-B6qvABDL.js")), dt = O(() => import("./BaseIcon-4uOct8re.js")), ht = O(() => import("./vue-ui-accordion-DFKaB_05.js")), yt = O(() => import("./DataTable-DyoDzNNY.js")), ft = O(() => import("./PenAndPaper-LTuSTmWE.js")), bt = O(() => import("./UserOptions-CX7Xsusk.js")), xt = O(() => import("./PackageVersion-D6MO5wwI.js")), gt = O(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_history_plot: pt } = gl(), { isThemeValid: mt, warnInvalidTheme: Ct } = Al(), y = it, F = v(null), ge = v(null), pe = v(0), me = v(null), Ce = v(0), ke = 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), Le = v(null), Se = 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, Te();
+    }), _e = ct;
+    Zt(() => {
+      Se.value = !0, Te();
     });
     const $e = d(() => !!e.value.debug);
     function Te() {
@@ -65,7 +69,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         type: "dataset",
         debug: $e.value
       }), ue.value = !0) : y.dataset.forEach((t, a) => {
-        ll({
+        ol({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -79,15 +83,15 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         });
       }), qe(y.dataset) || (ue.value = e.value.loading), e.value.responsive) {
         const t = Ke(() => {
-          const { width: a, height: l } = fl({
+          const { width: a, height: l } = xl({
             chart: F.value,
             title: e.value.style.chart.title.text ? ge.value : null,
             noTitle: we.value,
             legend: e.value.style.chart.legend.show ? me.value : null,
-            source: Se.value
+            source: Le.value
           });
           requestAnimationFrame(() => {
-            b.value.width = a, b.value.height = l, e.value.responsiveProportionalSizing ? (n.value.plots = P({
+            x.value.width = a, x.value.height = l, e.value.responsiveProportionalSizing ? (n.value.plots = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
@@ -135,38 +139,38 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         M.value && (X.value && M.value.unobserve(X.value), M.value.disconnect()), M.value = new ResizeObserver(t), X.value = F.value.parentNode, M.value.observe(X.value);
       }
     }
-    qt(() => {
+    Jt(() => {
       M.value && (X.value && M.value.unobserve(X.value), M.value.disconnect());
     });
     function ie() {
-      const t = be({
+      const t = xe({
         userConfig: y.config,
-        defaultConfig: bt
+        defaultConfig: pt
       });
       let a = {};
       const l = t.theme;
       if (l)
-        if (!gt.value(t))
-          pt(t), a = t;
+        if (!mt.value(t))
+          Ct(t), a = t;
         else {
-          const i = be({
-            userConfig: st[l] || y.config,
+          const i = xe({
+            userConfig: nt[l] || y.config,
             defaultConfig: t
           });
           a = {
-            ...be({
+            ...xe({
               userConfig: y.config,
               defaultConfig: i
             }),
-            customPalette: t.customPalette.length ? t.customPalette : vl[l] || ee
+            customPalette: t.customPalette.length ? t.customPalette : hl[l] || ee
           };
         }
       else
         a = t;
       return y.config && te(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 && te(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 && te(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 && te(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 = v(ie()), { loading: B, FINAL_DATASET: mt, manualLoading: ue } = bl({
-      ...Zt(y),
+    const e = v(ie()), { loading: B, FINAL_DATASET: kt, manualLoading: ue } = pl({
+      ...Kt(y),
       FINAL_CONFIG: e,
       prepareConfig: ie,
       skeletonDataset: [
@@ -181,7 +185,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ]
         }
       ],
-      skeletonConfig: al({
+      skeletonConfig: sl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -233,17 +237,17 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }
       })
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: Fe, keepUserOptionState: De } = Cl({ config: e.value }), { svgRef: ve } = Al({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ce, setUserOptionsVisibility: Fe, keepUserOptionState: De } = wl({ config: e.value }), { svgRef: ve } = Ll({ config: e.value.style.chart.title });
     Q(() => y.config, (t) => {
-      B.value || (e.value = ie()), ce.value = !e.value.userOptions.showOnChartHover, Te(), 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, Te(), pe.value += 1, ke.value += 1, Ce.value += 1, x.value.height = e.value.style.chart.height, x.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 });
-    const { isPrinting: ze, isImaging: Me, generatePdf: Be, generateImage: Oe } = pl({
+    const { isPrinting: ze, isImaging: Me, generatePdf: Be, generateImage: Oe } = Cl({
       elementId: `history_plot_${D.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
       options: e.value.userOptions.print
-    }), kt = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ct = d(() => ol(e.value.customPalette)), A = v({
+    }), At = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), wt = d(() => rl(e.value.customPalette)), A = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -253,27 +257,27 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const b = v({
+    const x = v({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), At = d(() => b.value.width), wt = d(() => b.value.height);
-    function St() {
+    }), Lt = d(() => x.value.width), St = d(() => x.value.height);
+    function _t() {
       let t = 0;
       ne.value && (t = Array.from(ne.value.querySelectorAll("text")).reduce((i, o) => {
-        const C = o.getComputedTextLength();
-        return C > i ? C : i;
+        const k = o.getComputedTextLength();
+        return k > i ? k : i;
       }, 0));
       const a = re.value ? re.value.getBoundingClientRect().width : 0;
       return t + a + (a ? 24 : 0);
     }
-    const Ne = v(0), _t = Ke((t) => {
+    const Ne = v(0), $t = Ke((t) => {
       Ne.value = t;
     });
-    Jt((t) => {
+    Qt((t) => {
       const a = V.value;
       if (!a) return;
       const l = new ResizeObserver((i) => {
-        _t(i[0].contentRect.height);
+        $t(i[0].contentRect.height);
       });
       l.observe(a), t(() => l.disconnect());
     });
@@ -283,14 +287,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       let a = 0;
       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;
+      const t = e.value.style.chart.padding.left, a = e.value.style.chart.padding.top, l = _t(), 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 - 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 - Ee.value - i * 2 - e.value.style.chart.axes.x.name.offsetY
+        right: x.value.width - e.value.style.chart.padding.right - i - e.value.style.chart.axes.y.name.offsetX,
+        bottom: x.value.height - e.value.style.chart.padding.bottom - Ee.value - i - e.value.style.chart.axes.x.name.offsetY,
+        width: x.value.width - t - e.value.style.chart.padding.right - l - i - e.value.style.chart.axes.y.name.offsetX,
+        height: x.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,
@@ -300,24 +304,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
-    }), $ = d(() => mt.value.map((t, a) => ({
+    }), $ = d(() => kt.value.map((t, a) => ({
       ...t,
-      color: t.color ? sl(t.color) : Ct.value[a] || ee[a] || ee[a % ee.length],
+      color: t.color ? nl(t.color) : wt.value[a] || ee[a] || ee[a % ee.length],
       seriesIndex: a
-    }))), Lt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), $t = d(() => {
+    }))), Tt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), Ft = 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;
-    }), Tt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Ft = d(() => {
+    }), Dt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), zt = 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 ? $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.scaleMin === null ? Ft.value : e.value.style.chart.axes.x.scaleMin,
+        e.value.style.chart.axes.x.scaleMax === null ? Tt.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 ? Ft.value : e.value.style.chart.axes.y.scaleMin,
-        e.value.style.chart.axes.y.scaleMax === null ? Tt.value : e.value.style.chart.axes.y.scaleMax,
+        e.value.style.chart.axes.y.scaleMin === null ? zt.value : e.value.style.chart.axes.y.scaleMin,
+        e.value.style.chart.axes.y.scaleMax === null ? Dt.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
       );
       return {
@@ -337,21 +341,21 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }))
       };
     });
-    function Dt(t) {
+    function Mt(t) {
       const a = g.value.x.min < 0 ? Math.abs(g.value.x.min) : g.value.x.min > 0 ? -g.value.x.min : 0;
       return c.value.left + ((t || 0) + a) / (g.value.x.max + a) * c.value.width;
     }
-    function zt(t) {
+    function Bt(t) {
       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 E = d(() => $.value.filter((t) => !p.value.includes(t.seriesIndex)).map((t, a) => {
-      const l = t.values.map((o, C) => ({
+      const l = t.values.map((o, k) => ({
         valueX: o.x,
         valueY: o.y,
         label: o.label,
-        x: Dt(o.x),
-        y: zt(o.y),
+        x: Mt(o.x),
+        y: Bt(o.y),
         color: t.color,
         seriesName: t.name,
         id: Ge()
@@ -371,11 +375,11 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       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) {
+    function Ot(t) {
       const a = Ie(t);
       a !== null && p.value.includes(a.seriesIndex) && q(a.seriesIndex);
     }
-    function Bt(t) {
+    function Nt(t) {
       const a = Ie(t);
       a !== null && (p.value.includes(a.seriesIndex) || q(a.seriesIndex));
     }
@@ -385,7 +389,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       segregate: () => q(t.seriesIndex),
       isSegregated: p.value.includes(t.seriesIndex),
       shape: "circle"
-    }))), Ot = d(() => ({
+    }))), Et = d(() => ({
       cy: "history-plot-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -393,11 +397,11 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    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 It({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), _e("selectDatapoint", t);
     }
     function Pe(t) {
-      Le("selectLegend", {
+      _e("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
         opacity: t.isSegregated ? 1 : 0.5
@@ -407,13 +411,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       H.value = t, Ae.value += 1;
     }
     const he = v(null);
-    function Et({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+    function Pt({ 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 It({ datapoint: t, plotIndex: a, seriesIndex: l }) {
+    function Xt({ 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))
+      if (j.value = !1, bl(i))
         try {
           const o = i({
             seriesIndex: l,
@@ -507,13 +511,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
     });
     function ye(t = null) {
-      tl(() => {
+      al(() => {
         const a = [
           [e.value.table.columnNames.series],
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = E.value.flatMap((C) => C.plots.map((K) => [
+        ], l = E.value.flatMap((k) => k.plots.map((K) => [
           [K.seriesName],
           [K.label],
           [K.valueX],
@@ -522,8 +526,8 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           a
-        ].concat(l), o = dl(i);
-        t ? t(o) : hl({
+        ].concat(l), o = yl(i);
+        t ? t(o) : fl({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-history-plot"
         });
@@ -539,39 +543,39 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     function Ye() {
       A.value.showTooltip = !A.value.showTooltip;
     }
-    function Pt() {
+    function Rt() {
       return E.value;
     }
-    async function Xt({ scale: t = 2 } = {}) {
+    async function Yt({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      const { width: a, height: l } = F.value.getBoundingClientRect(), i = a / l, { imageUri: o, base64: C } = await Sl({ domElement: F.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = F.value.getBoundingClientRect(), i = a / l, { imageUri: o, base64: k } = await _l({ domElement: F.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: o,
-        base64: C,
+        base64: k,
         title: e.value.style.chart.title.text,
         width: a,
         height: l,
         aspectRatio: i
       };
     }
-    const Rt = d(() => g.value.tickX), Yt = d(() => ({ start: 0, end: g.value.tickX.length }));
-    wl({
+    const Ht = d(() => g.value.tickX), jt = d(() => ({ start: 0, end: g.value.tickX.length }));
+    Sl({
       timeLabelsEls: V,
-      timeLabels: Rt,
-      slicer: Yt,
+      timeLabels: Ht,
+      slicer: jt,
       configRef: e,
       rotationPath: ["style", "chart", "axes", "x", "labels", "rotation"],
       autoRotatePath: ["style", "chart", "axes", "x", "labels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: At,
-      height: wt,
+      width: Lt,
+      height: St,
       targetClass: ".vue-ui-history-plot-x-axis-scale",
       rotation: e.value.style.chart.axes.x.labels.autoRotate.angle
     });
     const W = d(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = A.value.showTable;
       return {
-        component: t ? xt : vt,
+        component: t ? gt : ht,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -604,29 +608,29 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     function He() {
       A.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
     }
-    const Ht = d(() => e.value.style.chart.backgroundColor), jt = d(() => e.value.style.chart.legend), Ut = d(() => e.value.style.chart.title), { exportSvg: Wt, getSvg: Vt } = ml({
+    const Ut = d(() => e.value.style.chart.backgroundColor), Wt = d(() => e.value.style.chart.legend), Vt = d(() => e.value.style.chart.title), { exportSvg: Gt, getSvg: qt } = kl({
       svg: ve,
-      title: Ut,
-      legend: jt,
+      title: Vt,
+      legend: Wt,
       legendItems: de,
-      backgroundColor: Ht
+      backgroundColor: Ut
     });
     async function je({ isCb: t }) {
       if (t) {
-        const { blob: a, url: l, text: i, dataUrl: o } = await Vt();
+        const { blob: a, url: l, text: i, dataUrl: o } = await qt();
         e.value.userOptions.callbacks.svg({ blob: a, url: l, text: i, dataUrl: o });
       } else
-        Wt();
+        Gt();
     }
-    return nt({
-      getData: Pt,
-      getImage: Xt,
+    return ut({
+      getData: Rt,
+      getImage: Yt,
       generatePdf: Be,
       generateCsv: ye,
       generateImage: Oe,
       generateSvg: je,
-      hideSeries: Bt,
-      showSeries: Mt,
+      hideSeries: Nt,
+      showSeries: Ot,
       toggleTable: Re,
       toggleTooltip: Ye,
       toggleAnnotator: fe,
@@ -641,7 +645,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       onMouseleave: a[3] || (a[3] = () => u(Fe)(!1))
     }, [
       f(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.userOptions.buttons.annotator ? (s(), N(u(ht), {
+      e.value.userOptions.buttons.annotator ? (s(), N(u(ft), {
         key: 0,
         svgRef: u(ve),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -649,27 +653,27 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         active: J.value,
         onClose: fe
       }, {
-        "annotator-action-close": x(() => [
+        "annotator-action-close": b(() => [
           f(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": x(({ color: l }) => [
-          f(t.$slots, "annotator-action-color", _(L({ color: l })), void 0, !0)
+        "annotator-action-color": b(({ color: l }) => [
+          f(t.$slots, "annotator-action-color", S(_({ color: l })), void 0, !0)
         ]),
-        "annotator-action-draw": x(({ mode: l }) => [
-          f(t.$slots, "annotator-action-draw", _(L({ mode: l })), void 0, !0)
+        "annotator-action-draw": b(({ mode: l }) => [
+          f(t.$slots, "annotator-action-draw", S(_({ mode: l })), void 0, !0)
         ]),
-        "annotator-action-undo": x(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-undo", _(L({ disabled: l })), void 0, !0)
+        "annotator-action-undo": b(({ disabled: l }) => [
+          f(t.$slots, "annotator-action-undo", S(_({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-redo": x(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-redo", _(L({ disabled: l })), void 0, !0)
+        "annotator-action-redo": b(({ disabled: l }) => [
+          f(t.$slots, "annotator-action-redo", S(_({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-delete": x(({ disabled: l }) => [
-          f(t.$slots, "annotator-action-delete", _(L({ disabled: l })), void 0, !0)
+        "annotator-action-delete": b(({ disabled: l }) => [
+          f(t.$slots, "annotator-action-delete", S(_({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      kt.value ? (s(), r("div", {
+      At.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: we,
@@ -683,7 +687,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         class: "vue-ui-xy-title",
         style: T(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (s(), N(_l, {
+        (s(), N($l, {
           key: `title_${pe.value}`,
           config: {
             title: {
@@ -697,10 +701,10 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }, null, 8, ["config"]))
       ], 4)) : h("", !0),
-      S("div", {
+      L("div", {
         id: `legend-top-${D.value}`
-      }, null, 8, Fl),
-      e.value.userOptions.show && G.value && (u(De) || u(ce)) ? (s(), N(u(yt), {
+      }, null, 8, zl),
+      e.value.userOptions.show && G.value && (u(De) || u(ce)) ? (s(), N(u(bt), {
         ref_key: "userOptionsRef",
         ref: oe,
         key: `user_option_${Ae.value}`,
@@ -741,64 +745,64 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }, We({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: l, color: i }) => [
-            f(t.$slots, "menuIcon", _(L({ isOpen: l, color: i })), void 0, !0)
+          fn: b(({ isOpen: l, color: i }) => [
+            f(t.$slots, "menuIcon", S(_({ isOpen: l, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: x(() => [
+          fn: b(() => [
             f(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: l, isFullscreen: i }) => [
-            f(t.$slots, "optionFullscreen", _(L({ toggleFullscreen: l, isFullscreen: i })), void 0, !0)
+          fn: b(({ toggleFullscreen: l, isFullscreen: i }) => [
+            f(t.$slots, "optionFullscreen", S(_({ toggleFullscreen: l, isFullscreen: i })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: l, isAnnotator: i }) => [
-            f(t.$slots, "optionAnnotator", _(L({ toggleAnnotator: l, isAnnotator: i })), void 0, !0)
+          fn: b(({ toggleAnnotator: l, isAnnotator: i }) => [
+            f(t.$slots, "optionAnnotator", S(_({ toggleAnnotator: l, isAnnotator: i })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -806,11 +810,11 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       (s(), r("svg", {
         ref_key: "svgRef",
         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}`,
+        xmlns: u(il),
+        viewBox: `0 0 ${x.value.width < 0 ? 0.1 : x.value.width} ${x.value.height < 0 ? 0.1 : x.value.height}`,
         style: T(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        xe(u(ft)),
+        be(u(xt)),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
           key: 0,
           x: c.value.left,
@@ -822,28 +826,28 @@ 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(E.value, (l, i) => (s(), r("radialGradient", {
+        ], 8, Bl)) : h("", !0),
+        e.value.style.chart.plots.gradient.show ? (s(), r("defs", Ol, [
+          (s(!0), r(m, null, C(E.value, (l, i) => (s(), r("radialGradient", {
             id: `gradient_${i}_${D.value}`,
             fy: "30%"
           }, [
-            S("stop", {
+            L("stop", {
               offset: "10%",
-              "stop-color": u(nl)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Ol),
-            S("stop", {
+              "stop-color": u(ul)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+            }, null, 8, El),
+            L("stop", {
               offset: "90%",
-              "stop-color": u(il)(l.color, 0.1)
-            }, null, 8, Nl),
-            S("stop", {
+              "stop-color": u(cl)(l.color, 0.1)
+            }, null, 8, Il),
+            L("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, El)
-          ], 8, Bl))), 256))
+            }, null, 8, Pl)
+          ], 8, Nl))), 256))
         ])) : h("", !0),
-        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Il, [
-          (s(!0), r(m, null, k(g.value.tickX, (l) => (s(), r("line", {
+        e.value.style.chart.grid.verticalLines.show ? (s(), r("g", Xl, [
+          (s(!0), r(m, null, C(g.value.tickX, (l) => (s(), r("line", {
             x1: l.x,
             x2: l.x,
             y1: l.y1,
@@ -851,10 +855,10 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Pl))), 256))
+          }, null, 8, Rl))), 256))
         ])) : h("", !0),
-        e.value.style.chart.axes.y.labels.show ? (s(), r("g", Xl, [
-          (s(!0), r(m, null, k(g.value.tickY, (l) => (s(), r("line", {
+        e.value.style.chart.axes.y.labels.show ? (s(), r("g", Yl, [
+          (s(!0), r(m, null, C(g.value.tickY, (l) => (s(), r("line", {
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round",
@@ -862,14 +866,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             x2: c.value.left,
             y1: l.y,
             y2: l.y
-          }, null, 8, Rl))), 256))
+          }, null, 8, Hl))), 256))
         ])) : h("", !0),
         e.value.style.chart.axes.y.labels.show ? (s(), r("g", {
           key: 4,
           ref_key: "yAxisScales",
           ref: ne
         }, [
-          (s(!0), r(m, null, k(g.value.tickY, (l) => (s(), r("text", {
+          (s(!0), r(m, null, C(g.value.tickY, (l) => (s(), r("text", {
             x: c.value.left + e.value.style.chart.axes.y.labels.offsetX - 4 - e.value.style.chart.plots.radius,
             y: l.y + n.value.yAxisLabels / 3,
             fill: e.value.style.chart.axes.y.labels.color,
@@ -884,20 +888,20 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               s: e.value.style.chart.axes.y.labels.suffix,
               r: e.value.style.chart.axes.y.labels.rounding
             })
-          )), 9, Yl))), 256))
+          )), 9, jl))), 256))
         ], 512)) : h("", !0),
         e.value.style.chart.axes.y.name.text ? (s(), r("text", {
           key: 5,
           ref_key: "yAxisLabel",
           ref: re,
-          transform: `translate(${n.value.yAxisName}, ${b.value.height / 2 + e.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
+          transform: `translate(${n.value.yAxisName}, ${x.value.height / 2 + e.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
           "font-size": n.value.yAxisName,
           fill: e.value.style.chart.axes.y.name.color,
           "font-weight": e.value.style.chart.axes.y.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, z(e.value.style.chart.axes.y.name.text), 9, Hl)) : h("", !0),
-        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", jl, [
-          (s(!0), r(m, null, k(g.value.tickY, (l) => (s(), r("line", {
+        }, z(e.value.style.chart.axes.y.name.text), 9, Ul)) : h("", !0),
+        e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Wl, [
+          (s(!0), r(m, null, C(g.value.tickY, (l) => (s(), r("line", {
             x1: l.x1,
             x2: l.x2,
             y1: l.y,
@@ -905,10 +909,10 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             stroke: e.value.style.chart.grid.horizontalLines.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalLines.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Ul))), 256))
+          }, null, 8, Vl))), 256))
         ])) : h("", !0),
-        e.value.style.chart.axes.x.labels.show ? (s(), r("g", Wl, [
-          (s(!0), r(m, null, k(g.value.tickX, (l) => (s(), r("line", {
+        e.value.style.chart.axes.x.labels.show ? (s(), r("g", Gl, [
+          (s(!0), r(m, null, C(g.value.tickX, (l) => (s(), r("line", {
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round",
@@ -916,14 +920,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             x2: l.x,
             y1: c.value.bottom,
             y2: c.value.bottom + 5
-          }, null, 8, Vl))), 256))
+          }, null, 8, ql))), 256))
         ])) : h("", !0),
         e.value.style.chart.axes.x.labels.show ? (s(), r("g", {
           key: 8,
           ref_key: "xAxisScales",
           ref: V
         }, [
-          (s(!0), r(m, null, k(g.value.tickX, (l) => (s(), r("text", {
+          (s(!0), r(m, null, C(g.value.tickX, (l) => (s(), r("text", {
             class: "vue-ui-history-plot-x-axis-scale",
             transform: `translate(${l.x}, ${c.value.bottom + e.value.style.chart.axes.x.labels.offsetY + n.value.xAxisLabels + e.value.style.chart.plots.radius}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
             fill: e.value.style.chart.axes.x.labels.color,
@@ -938,19 +942,19 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               s: e.value.style.chart.axes.x.labels.suffix,
               r: e.value.style.chart.axes.x.labels.rounding
             })
-          )), 9, Gl))), 256))
+          )), 9, Zl))), 256))
         ], 512)) : h("", !0),
         e.value.style.chart.axes.x.name.text ? (s(), r("text", {
           key: 9,
           ref_key: "xAxisLabel",
           ref: se,
-          x: b.value.width / 2 + e.value.style.chart.axes.x.name.offsetX,
-          y: b.value.height,
+          x: x.value.width / 2 + e.value.style.chart.axes.x.name.offsetX,
+          y: x.value.height,
           "font-size": n.value.xAxisName,
           fill: e.value.style.chart.axes.x.name.color,
           "font-weight": e.value.style.chart.axes.x.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, z(e.value.style.chart.axes.x.name.text), 9, ql)) : h("", !0),
+        }, z(e.value.style.chart.axes.x.name.text), 9, Jl)) : h("", !0),
         e.value.style.chart.grid.xAxis.show ? (s(), r("line", {
           key: 10,
           x1: c.value.left,
@@ -960,7 +964,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           stroke: e.value.style.chart.grid.xAxis.stroke,
           "stroke-width": e.value.style.chart.grid.xAxis.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Zl)) : h("", !0),
+        }, null, 8, Kl)) : h("", !0),
         e.value.style.chart.grid.yAxis.show ? (s(), r("line", {
           key: 11,
           x1: c.value.left,
@@ -970,15 +974,15 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           stroke: e.value.style.chart.grid.yAxis.stroke,
           "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Jl)) : h("", !0),
-        (s(!0), r(m, null, k(E.value, (l, i) => (s(), r("g", null, [
+        }, null, 8, Ql)) : h("", !0),
+        (s(!0), r(m, null, C(E.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
             style: T({
               opacity: w.value === null ? 1 : 0.3
             })
           }, [
-            S("path", {
+            L("path", {
               d: l.path,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.paths.strokeWidth + 4,
@@ -986,8 +990,8 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: I({ animated: e.value.useCssAnimation && !u(B) })
-            }, null, 10, Kl),
-            S("path", {
+            }, null, 10, ea),
+            L("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,
@@ -995,16 +999,16 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: I({ animated: e.value.useCssAnimation && !u(B) })
-            }, null, 10, Ql)
+            }, null, 10, ta)
           ], 4)) : h("", !0),
-          (s(!0), r(m, null, k(l.plots, (o) => (s(), r("circle", {
+          (s(!0), r(m, null, C(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
             cy: o.y,
             fill: e.value.style.chart.backgroundColor,
             r: n.value.plots,
             stroke: "none"
-          }, null, 8, ea))), 256)),
-          (s(!0), r(m, null, k(l.plots, (o) => (s(), r("circle", {
+          }, null, 8, la))), 256)),
+          (s(!0), r(m, null, C(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
             cy: o.y,
             fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${i}_${D.value})` : o.color,
@@ -1016,9 +1020,9 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
-          }, null, 14, ta))), 256)),
-          e.value.style.chart.plots.labels.show ? (s(), r("g", la, [
-            (s(!0), r(m, null, k(l.plots, (o) => (s(), r("g", null, [
+          }, null, 14, aa))), 256)),
+          e.value.style.chart.plots.labels.show ? (s(), r("g", oa, [
+            (s(!0), r(m, null, C(l.plots, (o) => (s(), r("g", null, [
               String(o.label).includes(`
 `) ? (s(), r("text", {
                 key: 1,
@@ -1033,14 +1037,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 }),
-                innerHTML: u(ul)({
+                innerHTML: u(vl)({
                   content: String(o.label),
                   fontSize: n.value.labels,
                   fill: e.value.style.chart.plots.labels.color,
                   x: o.x + e.value.style.chart.plots.labels.offsetX,
                   y: o.y + e.value.style.chart.plots.labels.offsetY + n.value.plots + n.value.labels
                 })
-              }, null, 14, oa)) : (s(), r("text", {
+              }, null, 14, ra)) : (s(), r("text", {
                 key: 0,
                 x: o.x + e.value.style.chart.plots.labels.offsetX,
                 y: o.y + e.value.style.chart.plots.labels.offsetY + n.value.plots + n.value.labels,
@@ -1053,80 +1057,80 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 })
-              }, z(o.label), 15, aa))
+              }, z(o.label), 15, sa))
             ]))), 256))
           ])) : h("", !0),
-          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", sa, [
-            (s(!0), r(m, null, k(l.plots, (o, C) => (s(), r("text", {
+          e.value.style.chart.plots.indexLabels.show ? (s(), r("g", na, [
+            (s(!0), r(m, null, C(l.plots, (o, k) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.indexLabels.offsetX,
               y: o.y + e.value.style.chart.plots.indexLabels.offsetY + n.value.indexLabels / 3,
               "font-size": n.value.indexLabels,
               "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,
+              fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? u(dl)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
               class: I({ animated: e.value.useCssAnimation && !u(B) }),
               style: T({
                 opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, z(e.value.style.chart.plots.indexLabels.startAtZero ? C : C + 1), 15, ra))), 256))
+            }, z(e.value.style.chart.plots.indexLabels.startAtZero ? k : k + 1), 15, ia))), 256))
           ])) : h("", !0)
         ]))), 256)),
-        (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", {
+        (s(!0), r(m, null, C(E.value, (l) => (s(), r("g", null, [
+          (s(!0), r(m, null, C(l.plots, (i, o) => (s(), r("circle", {
             cx: i.x,
             cy: i.y,
             fill: "transparent",
             r: n.value.plots,
             stroke: "none",
-            onMouseenter: (C) => It({
+            onMouseenter: (k) => Xt({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
-            onMouseleave: (C) => Et({
+            onMouseleave: (k) => Pt({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             }),
-            onClick: (C) => Nt({
+            onClick: (k) => It({
               datapoint: i,
               plotIndex: o,
               seriesIndex: l.seriesIndex
             })
-          }, null, 40, na))), 256))
+          }, null, 40, ua))), 256))
         ]))), 256)),
-        f(t.$slots, "svg", { svg: b.value }, void 0, !0)
-      ], 12, Dl)),
-      t.$slots.watermark ? (s(), r("div", ia, [
-        f(t.$slots, "watermark", _(L({ isPrinting: u(ze) || u(Me) })), void 0, !0)
+        f(t.$slots, "svg", { svg: x.value }, void 0, !0)
+      ], 12, Ml)),
+      t.$slots.watermark ? (s(), r("div", ca, [
+        f(t.$slots, "watermark", S(_({ isPrinting: u(ze) || u(Me) })), void 0, !0)
       ])) : h("", !0),
-      S("div", {
+      L("div", {
         id: `legend-bottom-${D.value}`
-      }, null, 8, ua),
-      _e.value ? (s(), N(Kt, {
+      }, null, 8, va),
+      Se.value ? (s(), N(el, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
       }, [
-        S("div", {
+        L("div", {
           ref_key: "chartLegend",
           ref: me
         }, [
-          e.value.style.chart.legend.show && G.value ? (s(), N(Ll, {
-            key: `legend_${ke.value}`,
+          e.value.style.chart.legend.show && G.value ? (s(), N(Tl, {
+            key: `legend_${Ce.value}`,
             legendSet: de.value,
-            config: Ot.value,
+            config: Et.value,
             onClickMarker: a[0] || (a[0] = ({ legend: l }) => {
               q(l.seriesIndex), Pe(l);
             })
           }, {
-            item: x(({ legend: l, index: i }) => [
-              S("div", {
+            item: b(({ legend: l, index: i }) => [
+              L("div", {
                 onClick: (o) => {
                   l.segregate(), Pe(l);
                 },
                 style: T(`opacity:${p.value.includes(l.seriesIndex) ? 0.5 : 1}`)
-              }, z(l.name), 13, ca)
+              }, z(l.name), 13, da)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : f(t.$slots, "legend", {
@@ -1138,12 +1142,12 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       t.$slots.source ? (s(), r("div", {
         key: 6,
         ref_key: "source",
-        ref: Se,
+        ref: Le,
         dir: "auto"
       }, [
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      xe(u(ut), {
+      be(u(vt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: A.value.showTooltip && le.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1164,22 +1168,22 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": x(() => [
-          f(t.$slots, "tooltip-before", _(L({ ...he.value })), void 0, !0)
+        "tooltip-before": b(() => [
+          f(t.$slots, "tooltip-before", S(_({ ...he.value })), void 0, !0)
         ]),
-        "tooltip-after": x(() => [
-          f(t.$slots, "tooltip-after", _(L({ ...he.value })), void 0, !0)
+        "tooltip-after": b(() => [
+          f(t.$slots, "tooltip-after", S(_({ ...he.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "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(), N(Qt(W.value.component), el({ key: 7 }, W.value.props, {
+      G.value && e.value.userOptions.buttons.table ? (s(), N(tl(W.value.component), ll({ key: 7 }, W.value.props, {
         ref_key: "tableUnit",
         ref: U,
         onClose: He
       }), We({
-        content: x(() => [
-          (s(), N(u(dt), {
-            key: `table_${Ce.value}`,
+        content: b(() => [
+          (s(), N(u(yt), {
+            key: `table_${ke.value}`,
             colNames: Z.value.colNames,
             head: Z.value.head,
             body: Z.value.body,
@@ -1188,13 +1192,13 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             withCloseButton: !e.value.table.useDialog,
             onClose: He
           }, {
-            th: x(({ th: l }) => [
-              S("div", {
+            th: b(({ th: l }) => [
+              L("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, va)
+              }, null, 8, ha)
             ]),
-            td: x(({ td: l }) => [
+            td: b(({ td: l }) => [
               Ve(z(l.name || l), 1)
             ]),
             _: 1
@@ -1204,20 +1208,20 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: x(() => [
+          fn: b(() => [
             Ve(z(W.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: x(() => [
-            S("button", {
+          fn: b(() => [
+            L("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: a[1] || (a[1] = (l) => ye(e.value.userOptions.callbacks.csv))
             }, [
-              xe(u(ct), {
+              be(u(dt), {
                 name: "excel",
                 stroke: W.value.props.color
               }, null, 8, ["stroke"])
@@ -1226,15 +1230,15 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      u(B) ? (s(), N(gl, { key: 8 })) : h("", !0)
-    ], 46, Tl));
+      u(B) ? (s(), N(ml, { key: 8 })) : h("", !0)
+    ], 46, Dl));
   }
-}, ha = /* @__PURE__ */ $l(da, [["__scopeId", "data-v-154279e0"]]), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, fa = /* @__PURE__ */ Fl(ya, [["__scopeId", "data-v-154279e0"]]), za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ha
+  default: fa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ta as a,
-  Fa as b,
-  ha as v
+  Da as a,
+  za as b,
+  fa as v
 };