vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-dumbbell-Injrp_b4.js → vue-ui-dumbbell-xRMH2Mlv.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Zt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Jt, createElementBlock as v, openBlock as r, unref as i, normalizeStyle as se, normalizeClass as st, createBlock as E, createCommentVNode as y, createElementVNode as c, withCtx as p, renderSlot as m, normalizeProps as S, guardReactiveProps as D, createSlots as rt, createVNode as nt, withDirectives as Z, Fragment as _, renderList as F, toDisplayString as k, vShow as J, Teleport as Kt, createTextVNode as Ae, resolveDynamicComponent as Qt, mergeProps as el, nextTick as tl } from "vue";
-import { c as ut, t as ll, o as al, g as it, k as ol, M as ct, F as sl, d as A, a as P, X as vt, s as dt, n as K, r as Q, u as rl, q as nl } from "./lib-DUaaQGCv.js";
+import { c as ut, t as ll, o as al, g as it, k as ol, T as ct, M as sl, d as A, a as P, X as vt, s as dt, n as K, r as Q, u as rl, q as nl } from "./lib-qMPkcvmh.js";
 import { t as we, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as $e } from "./useNestedProp-CoXaJ2T6.js";
-import { u as cl } from "./usePrinter-BdVu83IN.js";
+import { u as il, a as $e } from "./useNestedProp-DOOBu_sL.js";
+import { u as cl } from "./usePrinter-CjGh4mFJ.js";
 import { u as vl, B as dl } from "./BaseScanner-BgWxam9d.js";
 import { u as hl } from "./useSvgExport-DrjCWun4.js";
 import { u as bl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as gl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pl from "./img-BYzbY8TZ.js";
-import ml from "./Title-CM2dM0rQ.js";
-import Cl from "./Legend-DSyOOSJ1.js";
+import pl from "./img-CwrkWkkl.js";
+import ml from "./Title-CgkWUXeV.js";
+import Cl from "./Legend-Djkw4FGq.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, bt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#FFF8E1" }, grid: { horizontalGrid: { stroke: "#5D403780" }, verticalGrid: { stroke: "#5D403780" } }, labels: { yAxisLabels: { color: "#424242" }, xAxisLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ft = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, highlighter: { color: "#CCCCCC" }, plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#1E1E1E" }, grid: { horizontalGrid: { stroke: "#5D4037" }, verticalGrid: { stroke: "#5D4037" } }, labels: { yAxisLabels: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", plots: { startColor: "#008000", endColor: "#00FF00", stroke: "#1A1A1A" }, comparisonLines: { rectColor: "#CCCCCC", labelColor: "#99CC99" }, highlighter: { color: "#CCCCCC" }, grid: { horizontalGrid: { stroke: "#5F6A5F" }, verticalGrid: { stroke: "#5F6A5F" } }, labels: { yAxisLabels: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, gt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", plots: { startColor: "#DCB482", endColor: "#B9B99D", stroke: "#fbfafa" }, grid: { horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, labels: { yAxisLabels: { color: "#8A9892" }, xAxisLabels: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, pt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", plots: { startColor: "#718885", endColor: "#7DA9B5", stroke: "#404C5A" }, grid: { horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, labels: { yAxisLabels: { color: "#61747E" }, xAxisLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, mt = {
   default: {},
@@ -30,7 +30,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
   default: mt,
   hack: yt,
   zen: gt
-}, Symbol.toStringTag, { value: "Module" })), xl = ["id"], _l = ["id"], Al = ["xmlns", "viewBox"], wl = ["x", "y", "width", "height"], $l = { key: 1 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sl = { key: 2 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["transform", "font-size", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Ml = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Xl = ["x", "y", "font-size", "fill"], Tl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], El = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["x", "y", "height", "width", "fill"], Gl = ["transform", "fill", "font-size"], Il = ["id"], Pl = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], jl = ["stop-color"], ql = ["id"], Yl = ["stop-color"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["stop-color"], ra = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ca = ["stop-color"], va = ["stop-color"], da = { key: 0 }, ha = { key: 0 }, ba = ["d", "fill"], fa = { key: 1 }, ya = ["x", "y", "height", "width", "fill"], ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = { key: 7 }, Ca = ["x", "y", "fill", "font-size"], ka = { key: 8 }, xa = ["x", "y", "fill", "font-size"], _a = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = {
+}, Symbol.toStringTag, { value: "Module" })), xl = ["id"], _l = ["id"], Al = ["xmlns", "viewBox"], wl = ["x", "y", "width", "height"], $l = { key: 1 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sl = { key: 2 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["transform", "font-size", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Ml = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Tl = ["x", "y", "font-size", "fill"], Xl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], El = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["x", "y", "height", "width", "fill"], Gl = ["transform", "fill", "font-size"], Il = ["id"], Pl = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], jl = ["stop-color"], ql = ["id"], Yl = ["stop-color"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["stop-color"], ra = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ca = ["stop-color"], va = ["stop-color"], da = { key: 0 }, ha = { key: 0 }, ba = ["d", "fill"], fa = { key: 1 }, ya = ["x", "y", "height", "width", "fill"], ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = { key: 7 }, Ca = ["x", "y", "fill", "font-size"], ka = { key: 8 }, xa = ["x", "y", "fill", "font-size"], _a = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, wa = ["id"], $a = ["xmlns", "height", "width"], La = ["fill"], Sa = ["innerHTML"], Da = {
@@ -51,14 +51,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
   },
   emits: ["selectDatapoint"],
   setup(Ct, { expose: kt, emit: Na }) {
-    const xt = I(() => import("./BaseIcon--wNsuYtd.js")), _t = I(() => import("./vue-ui-accordion-WOXCCkiC.js")), At = I(() => import("./DataTable-DRZJOlJB.js")), wt = I(() => import("./PenAndPaper-CMmG5Mka.js")), $t = I(() => import("./UserOptions-5GYBcJJU.js")), Lt = I(() => import("./PackageVersion-BW9_gimf.js")), St = I(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
+    const xt = I(() => import("./BaseIcon-CALhpING.js")), _t = I(() => import("./vue-ui-accordion-BWfQ8Imt.js")), At = I(() => import("./DataTable-Ca1twcf7.js")), wt = I(() => import("./PenAndPaper-DscVdZ1u.js")), $t = I(() => import("./UserOptions-ChRXLqps.js")), Lt = I(() => import("./PackageVersion-B9RA2_BM.js")), St = I(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), b = h(ut()), Le = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Xe = h(0), Te = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: zt } = vl({
+    }), b = h(ut()), Le = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Te = h(0), Xe = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: zt } = vl({
       ...Zt(w),
       FINAL_CONFIG: e,
       prepareConfig: be,
@@ -130,13 +130,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       });
     }
     oe(() => w.config, (l) => {
-      ce.value || (e.value = be()), de.value = !e.value.userOptions.showOnChartHover, Ge(), ze.value += 1, Me.value += 1, Xe.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, G.value.showTable = e.value.table.show;
+      ce.value || (e.value = be()), de.value = !e.value.userOptions.showOnChartHover, Ge(), ze.value += 1, Me.value += 1, Te.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, G.value.showTable = e.value.table.show;
     }, { deep: !0 }), oe(() => ve.value, (l) => {
       Array.isArray(l) && l.length > 0 && (zt.value = !1), je(), qe();
     }, { deep: !0 });
     const z = lt(null), H = lt(null);
     at(() => {
-      Te.value = !0, Ge();
+      Xe.value = !0, Ge();
     });
     const Oe = g(() => !!e.value.debug);
     function Ge() {
@@ -198,7 +198,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const l = e.value.style.chart.grid, o = R.value.flatMap((f) => [f.start, f.end]).map((f) => Number(f)).filter((f) => Number.isFinite(f)), t = o.length ? Math.min(...o) : 0, a = o.length ? Math.max(...o) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: u, max: d };
     }), $ = g(() => sl(Ve.value.min, Ve.value.max, e.value.style.chart.grid.scaleSteps)), V = h(e.value.style.chart.rowHeight), U = h(e.value.style.chart.width);
-    function Xt() {
+    function Tt() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
@@ -207,14 +207,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const o = ne.value ? ne.value.getBoundingClientRect().width : 0;
       return l + o + (o ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const fe = h(0), Tt = we((l) => {
+    const fe = h(0), Xt = we((l) => {
       fe.value = l;
     }, 100);
     Jt((l) => {
       const o = te.value;
       if (!o) return;
       const t = new ResizeObserver((a) => {
-        Tt(a[0].contentRect.height);
+        Xt(a[0].contentRect.height);
       });
       t.observe(o), l(() => t.disconnect());
     }), ot(() => {
@@ -236,7 +236,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     }
     const s = g(() => {
       O.value;
-      const l = Xt(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, C = $.value.ticks.length * (f / $.value.ticks.length);
+      const l = Tt(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, C = $.value.ticks.length * (f / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         right: U.value - e.value.style.chart.padding.right,
@@ -252,14 +252,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       get() {
         const l = s.value, o = $.value;
         return q.value.map((t, a) => {
-          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, C = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Yt = C ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
+          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, C = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, X = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Yt = C ? e.value.style.chart.plots.evaluationColors.positive : X ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
             isPositive: C,
-            isNegative: T,
+            isNegative: X,
             isNeutral: tt,
             evaluationColor: Yt,
-            evaluationGrad: `url(#${C ? "positive" : T ? "negative" : "neutral"}_grad_${b.value})`,
+            evaluationGrad: `url(#${C ? "positive" : X ? "negative" : "neutral"}_grad_${b.value})`,
             startX: u,
             endX: d,
             centerX: f,
@@ -298,8 +298,8 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       }), t = () => {
         let a = !0;
         x.value = q.value.map((u, d) => {
-          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, C = u.endVal + o[d] * l, T = o[d] >= 0 ? Math.min(C, f) : Math.max(C, f);
-          return T !== f && (a = !1), { ...u, endVal: T };
+          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, C = u.endVal + o[d] * l, X = o[d] >= 0 ? Math.min(C, f) : Math.max(C, f);
+          return X !== f && (a = !1), { ...u, endVal: X };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
@@ -319,7 +319,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), X = g(() => {
+    })), T = g(() => {
       const l = x.value.map((t) => ({
         name: t.name
       })), o = x.value.map((t) => ({
@@ -333,19 +333,19 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], o = X.value.head.map((u, d) => {
+      ], o = T.value.head.map((u, d) => {
         const f = A({
           p: e.value.style.chart.labels.prefix,
-          v: X.value.body[d].start,
+          v: T.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), C = A({
           p: e.value.style.chart.labels.prefix,
-          v: X.value.body[d].end,
+          v: T.value.body[d].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), T = A({
-          v: 100 * (X.value.body[d].end / X.value.body[d].start - 1),
+        }), X = A({
+          v: 100 * (T.value.body[d].end / T.value.body[d].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
@@ -353,7 +353,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           { name: u.name },
           f,
           C,
-          T
+          X
         ];
       }), t = {
         th: {
@@ -382,9 +382,9 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     });
     function pe(l = null) {
       tl(() => {
-        const o = X.value.head.map((u, d) => [[
+        const o = T.value.head.map((u, d) => [[
           u.name
-        ], [X.value.body[d].start], [X.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(o), a = rl(t);
+        ], [T.value.body[d].start], [T.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(o), a = rl(t);
         l ? l(a) : nl({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
@@ -837,7 +837,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, k(e.value.style.chart.labels.axis.xLabel), 9, Xl)) : y("", !0),
+        }, k(e.value.style.chart.labels.axis.xLabel), 9, Tl)) : y("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (r(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
@@ -861,7 +861,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Tl))), 128))
+          )), 9, Xl))), 128))
         ], 512)) : y("", !0),
         Z(c("g", null, [
           Z(c("path", {
@@ -1139,7 +1139,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       c("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, wa),
-      Te.value ? (r(), E(Kt, {
+      Xe.value ? (r(), E(Kt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -1148,7 +1148,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           ref: De
         }, [
           e.value.style.chart.legend.show && ee.value ? (r(), E(Cl, {
-            key: `legend_${Xe.value}`,
+            key: `legend_${Te.value}`,
             legendSet: ge.value,
             config: Et.value,
             clickable: !1

package/dist/{vue-ui-flow-bbLDmA3Q.js → vue-ui-flow-C0a8rOyT.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as W, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as U, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as M, guardReactiveProps as P, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Mo, resolveDynamicComponent as Po, mergeProps as Io, createTextVNode as Wt, nextTick as Ut } from "vue";
-import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, p as R, j as Yo, M as T, l as Ho, d as le, X as jo, a as Ne, w as Vt, S as Wo, u as Uo, q as Go, x as Vo } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as W, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as U, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as P, guardReactiveProps as I, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Po, resolveDynamicComponent as Io, mergeProps as Mo, createTextVNode as Wt, nextTick as Ut } from "vue";
+import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, p as R, j as Yo, T, l as Ho, d as le, X as jo, a as Ne, w as Vt, F as Wo, u as Uo, q as Go, x as Vo } from "./lib-qMPkcvmh.js";
 import { t as Xo, u as qo } from "./useResponsive-DfdjqQps.js";
-import { u as Ko, a as et } from "./useNestedProp-CoXaJ2T6.js";
-import { u as Zo } from "./usePrinter-BdVu83IN.js";
+import { u as Ko, a as et } from "./useNestedProp-DOOBu_sL.js";
+import { u as Zo } from "./usePrinter-CjGh4mFJ.js";
 import { u as Jo, B as Qo } from "./BaseScanner-BgWxam9d.js";
 import { u as el } from "./useSvgExport-DrjCWun4.js";
 import { u as tl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-DSyOOSJ1.js";
-import nl from "./Title-CM2dM0rQ.js";
-import sl from "./img-BYzbY8TZ.js";
+import al from "./Legend-Djkw4FGq.js";
+import nl from "./Title-CgkWUXeV.js";
+import sl from "./img-CwrkWkkl.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, qt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, nodes: { stroke: "#3A3A3A" }, links: { stroke: "#3A3A3A" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Kt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, nodes: { stroke: "#1E1E1E" }, links: { stroke: "#1E1E1E" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Zt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Jt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, nodes: { stroke: "#fbfafa" }, links: { stroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Qt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, nodes: { stroke: "#f6f6fb" }, links: { stroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, eo = {
   default: {},
@@ -54,7 +54,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     }
   },
   setup(to, { expose: oo }) {
-    const lo = j(() => import("./Tooltip-De7i-i20.js")), ao = j(() => import("./BaseIcon--wNsuYtd.js")), no = j(() => import("./vue-ui-accordion-WOXCCkiC.js")), so = j(() => import("./DataTable-DRZJOlJB.js")), ro = j(() => import("./PenAndPaper-CMmG5Mka.js")), uo = j(() => import("./UserOptions-5GYBcJJU.js")), io = j(() => import("./PackageVersion-BW9_gimf.js")), co = j(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Me = u(null), Pe = u(null), rt = f(() => !!F.dataset && F.dataset.length);
+    const lo = j(() => import("./Tooltip-OHx7yHlS.js")), ao = j(() => import("./BaseIcon-CALhpING.js")), no = j(() => import("./vue-ui-accordion-BWfQ8Imt.js")), so = j(() => import("./DataTable-Ca1twcf7.js")), ro = j(() => import("./PenAndPaper-DscVdZ1u.js")), uo = j(() => import("./UserOptions-ChRXLqps.js")), io = j(() => import("./PackageVersion-B9RA2_BM.js")), co = j(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Pe = u(null), Ie = u(null), rt = f(() => !!F.dataset && F.dataset.length);
     Bo(() => {
       st.value = !0, it();
     });
@@ -62,7 +62,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     function ut(o) {
       V.value = o, tt.value += 1;
     }
-    const e = u(Ye()), { loading: Ie, FINAL_DATASET: me, manualLoading: ze } = Jo({
+    const e = u(Ye()), { loading: Me, FINAL_DATASET: me, manualLoading: ze } = Jo({
       ...Do(F),
       FINAL_CONFIG: e,
       prepareConfig: Ye,
@@ -161,7 +161,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     xe(
       () => F.config,
       (o) => {
-        Ie.value || (e.value = Ye()), Le.value = !e.value.userOptions.showOnChartHover, it(), ot.value += 1, S.value.showTable = e.value.table.show;
+        Me.value || (e.value = Ye()), Le.value = !e.value.userOptions.showOnChartHover, it(), ot.value += 1, S.value.showTable = e.value.table.show;
       },
       { deep: !0 }
     ), xe(() => F.dataset, (o) => {
@@ -216,7 +216,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       }), Object.keys(l).forEach((n) => {
         l[n].value = Math.max(l[n].inflow, l[n].outflow);
       });
-      const Fe = se.value, Ve = kt.value.width, oe = kt.value.height, z = Object.keys(t).map(Number).sort((n, i) => n - i), Se = z.length || 1, Xe = Se > 1 ? Ve / (Se - 1) : 0, x = Number(Ce.value), I = Number(
+      const Fe = se.value, Ve = kt.value.width, oe = kt.value.height, z = Object.keys(t).map(Number).sort((n, i) => n - i), Se = z.length || 1, Xe = Se > 1 ? Ve / (Se - 1) : 0, x = Number(Ce.value), M = Number(
         e.value.style.chart.nodes.gapPx ?? e.value.style.chart.nodes.gap ?? 8
       ), ve = Number(
         e.value.style.chart.nodes.minHeight || 0
@@ -224,7 +224,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       function d(n) {
         const i = t[n], g = i.length;
         if (!g) return 1 / 0;
-        const p = Math.max(0, (g - 1) * I), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0);
+        const p = Math.max(0, (g - 1) * M), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0);
         let C = 0, O = i.map((b) => l[b].value || 0), k = O.reduce((b, _) => b + _, 0);
         for (let b = 0; b < 12; b += 1) {
           const _ = k > 0 ? (D - C) / k : 0, H = [];
@@ -241,7 +241,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       }
       const y = z.map(d), q = y.length ? Math.min(...y) : 0, K = {};
       z.forEach((n) => {
-        const i = t[n], g = i.length, p = Math.max(0, (g - 1) * I), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0), C = i.map(
+        const i = t[n], g = i.length, p = Math.max(0, (g - 1) * M), D = Math.max(0, oe - p), Y = Math.min(ve, g ? D / g : 0), C = i.map(
           (b) => Math.max(Y, (l[b].value || 0) * q)
         ), O = C.reduce((b, _) => b + _, 0) + p;
         let k = Math.max(0, (oe - O) / 2);
@@ -256,7 +256,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             color: l[b].color,
             value: l[b].value,
             id: _e()
-          }, k += H, _ < g - 1 && (k += I);
+          }, k += H, _ < g - 1 && (k += M);
         });
       });
       const xt = [], fe = Fe.top, qe = {}, Ke = {};
@@ -282,8 +282,8 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             if (!_o || J <= Z)
               Ze = `M ${Z} ${N} L ${Z} ${L} L ${J} ${Dt} L ${J} ${Bt} Z`;
             else {
-              const Mt = J - Z, Pt = T(Z + Mt * Ot), It = T(J - Mt * Ot), zt = N, Lt = Bt, Rt = L, Yt = Dt;
-              Ze = `M ${Z} ${zt} C ${Pt} ${zt}, ${It} ${Lt}, ${J} ${Lt} L ${J} ${Yt} C ${It} ${Yt}, ${Pt} ${Rt}, ${Z} ${Rt} Z`;
+              const Pt = J - Z, It = T(Z + Pt * Ot), Mt = T(J - Pt * Ot), zt = N, Lt = Bt, Rt = L, Yt = Dt;
+              Ze = `M ${Z} ${zt} C ${It} ${zt}, ${Mt} ${Lt}, ${J} ${Lt} L ${J} ${Yt} C ${Mt} ${Yt}, ${It} ${Rt}, ${Z} ${Rt} Z`;
             }
             xt.push({
               id: _e(),
@@ -341,7 +341,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         color: z[t] || "#000000"
       };
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: x, seriesIndex: l }), ue.value = { datapoint: x }, Be.value = !0;
-      let I = "";
+      let M = "";
       const ve = e.value.style.chart.tooltip.customFormat;
       if (ke.value = !1, Vo(ve))
         try {
@@ -361,8 +361,8 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })}</div>` : "";
-        I += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${x.color}">⏹</span>${x.name}${d}</div>`, x.from.length && (I += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, x.from.forEach((y) => {
-          I += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${Ne(
+        M += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${x.color}">⏹</span>${x.name}${d}</div>`, x.from.length && (M += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, x.from.forEach((y) => {
+          M += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${Ne(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
             le({
@@ -372,8 +372,8 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
               r: e.value.style.chart.nodes.labels.rounding
             })
           )}</div>`;
-        })), x.to.length && (I += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, x.to.forEach((y) => {
-          I += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${Ne(
+        })), x.to.length && (M += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, x.to.forEach((y) => {
+          M += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${Ne(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
             le({
@@ -383,7 +383,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
               r: e.value.style.chart.nodes.labels.rounding
             })
           )}</div>`;
-        })), De.value = I;
+        })), De.value = M;
       }
     }
     function we(o) {
@@ -566,7 +566,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       e.value.table.show || (o && e.value.table.useDialog && ne.value ? ne.value.open() : "close" in ne.value && ne.value.close());
     });
     function St() {
-      S.value.showTable = !1, Me.value && Me.value.setTableIconState(!1);
+      S.value.showTable = !1, Pe.value && Pe.value.setTableIconState(!1);
     }
     const Ao = f(() => Ue.value.map((o) => ({
       ...o,
@@ -586,9 +586,9 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         Fo();
     }
     async function Eo(o, l) {
-      if (At(o, l), S.value.showTooltip && (await Ut(), B.value && Pe.value)) {
+      if (At(o, l), S.value.showTooltip && (await Ut(), B.value && Ie.value)) {
         const { left: t, top: a } = B.value.getBoundingClientRect();
-        Pe.value.placeTooltip({ x: (t ?? 0) + 12, y: (a ?? 0) + 12 });
+        Ie.value.placeTooltip({ x: (t ?? 0) + 12, y: (a ?? 0) + 12 });
       }
     }
     return oo({
@@ -625,19 +625,19 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           h(o.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": v(({ color: t }) => [
-          h(o.$slots, "annotator-action-color", M(P({ color: t })), void 0, !0)
+          h(o.$slots, "annotator-action-color", P(I({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": v(({ mode: t }) => [
-          h(o.$slots, "annotator-action-draw", M(P({ mode: t })), void 0, !0)
+          h(o.$slots, "annotator-action-draw", P(I({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-undo", M(P({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-undo", P(I({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-redo", M(P({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-redo", P(I({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": v(({ disabled: t }) => [
-          h(o.$slots, "annotator-action-delete", M(P({ disabled: t })), void 0, !0)
+          h(o.$slots, "annotator-action-delete", P(I({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : $("", !0),
@@ -667,7 +667,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       }, null, 8, cl),
       e.value.userOptions.show && rt.value && (r(dt) || r(Le)) ? (c(), Q(r(uo), {
         ref_key: "userOptionsRef",
-        ref: Me,
+        ref: Pe,
         key: `user_option_${tt.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -706,7 +706,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         o.$slots.menuIcon ? {
           name: "menuIcon",
           fn: v(({ isOpen: t, color: a }) => [
-            h(o.$slots, "menuIcon", M(P({ isOpen: t, color: a })), void 0, !0)
+            h(o.$slots, "menuIcon", P(I({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -755,14 +755,14 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: v(({ toggleFullscreen: t, isFullscreen: a }) => [
-            h(o.$slots, "optionFullscreen", M(P({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+            h(o.$slots, "optionFullscreen", P(I({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: v(({ toggleAnnotator: t, isAnnotator: a }) => [
-            h(o.$slots, "optionAnnotator", M(P({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+            h(o.$slots, "optionAnnotator", P(I({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -901,12 +901,12 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         h(o.$slots, "svg", { svg: re.value }, void 0, !0)
       ], 14, dl)),
       o.$slots.watermark ? (c(), m("div", kl, [
-        h(o.$slots, "watermark", M(P({ isPrinting: r(ht) || r(gt) })), void 0, !0)
+        h(o.$slots, "watermark", P(I({ isPrinting: r(ht) || r(gt) })), void 0, !0)
       ])) : $("", !0),
       U("div", {
         id: `legend-bottom-${G.value}`
       }, null, 8, Al),
-      st.value ? (c(), Q(Mo, {
+      st.value ? (c(), Q(Po, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${G.value}` : `#legend-bottom-${G.value}`
       }, [
@@ -921,7 +921,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             onClickMarker: l[0] || (l[0] = (t) => Ge(t))
           }, {
             item: v(({ legend: t, index: a }) => [
-              r(Ie) ? $("", !0) : (c(), m("div", {
+              r(Me) ? $("", !0) : (c(), m("div", {
                 key: 0,
                 onClick: (s) => t.segregate(),
                 style: W(`opacity:${X.value.length ? X.value.includes(a) ? 1 : 0.5 : 1}`)
@@ -942,7 +942,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       ], 512)) : $("", !0),
       Oe(r(lo), {
         ref_key: "tooltip",
-        ref: Pe,
+        ref: Ie,
         show: S.value.showTooltip && Be.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -963,14 +963,14 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": v(() => [
-          h(o.$slots, "tooltip-before", M(P({ ...ue.value })), void 0, !0)
+          h(o.$slots, "tooltip-before", P(I({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": v(() => [
-          h(o.$slots, "tooltip-after", M(P({ ...ue.value })), void 0, !0)
+          h(o.$slots, "tooltip-after", P(I({ ...ue.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      rt.value && e.value.userOptions.buttons.table ? (c(), Q(Po(ie.value.component), Io({ key: 7 }, ie.value.props, {
+      rt.value && e.value.userOptions.buttons.table ? (c(), Q(Io(ie.value.component), Mo({ key: 7 }, ie.value.props, {
         ref_key: "tableUnit",
         ref: ne,
         onClose: St
@@ -1023,7 +1023,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           key: "1"
         } : void 0
       ]), 1040)) : $("", !0),
-      r(Ie) ? (c(), Q(Qo, { key: 8 })) : $("", !0)
+      r(Me) ? (c(), Q(Qo, { key: 8 })) : $("", !0)
     ], 46, ul));
   }
 }, Fl = /* @__PURE__ */ rl(Tl, [["__scopeId", "data-v-b23619de"]]), Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({