vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-heatmap-CqSh6TWR.js → vue-ui-heatmap-DX1asUT7.js}

@@ -1,9 +1,9 @@
-import { watchEffect as ul, nextTick as Te, useCssVars as nl, defineAsyncComponent as ve, computed as b, ref as d, shallowRef as il, toRefs as rl, watch as we, onBeforeUnmount as ft, onMounted as vl, reactive as gt, createElementBlock as i, openBlock as u, normalizeStyle as L, normalizeClass as ge, createBlock as be, createCommentVNode as f, createElementVNode as g, createVNode as Ae, unref as n, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as X, createSlots as bt, Fragment as z, renderList as P, withDirectives as pt, createTextVNode as Pe, toDisplayString as F, vShow as cl, resolveDynamicComponent as dl, mergeProps as yl, withKeys as hl } from "vue";
+import { watchEffect as ul, nextTick as Se, useCssVars as nl, defineAsyncComponent as ve, computed as b, ref as d, shallowRef as il, toRefs as rl, watch as we, onBeforeUnmount as ft, onMounted as vl, reactive as gt, createElementBlock as i, openBlock as u, normalizeStyle as L, normalizeClass as ge, createBlock as be, createCommentVNode as f, createElementVNode as g, createVNode as Ae, unref as n, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as X, createSlots as bt, Fragment as z, renderList as P, withDirectives as pt, createTextVNode as Pe, toDisplayString as F, vShow as cl, resolveDynamicComponent as dl, mergeProps as yl, withKeys as hl } from "vue";
 import { c as Ie, t as fl, a1 as gl, o as mt, g as xt, am as pe, l as bl, X as pl, x as Le, a as K, d as W, U as J, az as ml, v as xl, r as Cl, y as kl, _ as wl } from "./lib-2iaAPQ_c.js";
-import { t as Se, u as Al } from "./useResponsive-DfdjqQps.js";
-import { u as Ll, a as Ve } from "./useNestedProp-DaR1dBmj.js";
-import { u as Sl } from "./usePrinter-ChVMpU2f.js";
-import { u as Tl, B as _l } from "./BaseScanner-BMpwQAfz.js";
+import { t as Te, u as Al } from "./useResponsive-DfdjqQps.js";
+import { u as Ll, a as Ve } from "./useNestedProp-gqRzbKJy.js";
+import { u as Tl } from "./usePrinter-ChVMpU2f.js";
+import { u as Sl, B as _l } from "./BaseScanner-BMpwQAfz.js";
 import { u as zl } from "./useSvgExport-ByUukOZt.js";
 import { u as Ct } from "./useTimeLabels-DKoynYae.js";
 import { u as $l } from "./useThemeCheck-DGJ31Vi5.js";
@@ -12,8 +12,8 @@ import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as Ol } from "./useChartAccessibility-9icAAmYg.js";
 import Bl from "./img-CqYIrJ8I.js";
-import Ml from "./Title-D0nD-PMs.js";
-import El from "./vue-ui-accordion-DNRtKVZI.js";
+import Ml from "./Title-B7pkWzTi.js";
+import El from "./vue-ui-accordion-Cy3d_0_S.js";
 import { _ as Nl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ue({
   elementRef: y,
@@ -24,31 +24,31 @@ function Ue({
   alsoAfterFontsReady: D = !0
 }) {
   if (Y) return;
-  const V = (S) => {
-    if (!S) return;
+  const V = (T) => {
+    if (!T) return;
     let A;
-    if (typeof S.getBBox == "function")
+    if (typeof T.getBBox == "function")
       try {
-        const O = S.getBBox();
+        const O = T.getBBox();
         A = Q === "width" ? O.width : O.height;
       } catch {
       }
     if (typeof A != "number" || Number.isNaN(A))
       try {
-        const O = S.getBoundingClientRect();
+        const O = T.getBoundingClientRect();
         A = Q === "width" ? O.width : O.height;
       } catch {
         A = void 0;
       }
     typeof A == "number" && !Number.isNaN(A) && I(A);
   };
-  ul((S) => {
+  ul((T) => {
     const A = y.value;
     if (!A) return;
     let O = !1;
     (async () => {
-      await Te();
-      for (let T = 0; T < Z; T += 1) {
+      await Se();
+      for (let S = 0; S < Z; S += 1) {
         if (O) return;
         await new Promise((te) => requestAnimationFrame(te));
         const N = y.value;
@@ -77,33 +77,33 @@ function Ue({
     });
     let m;
     if (typeof ResizeObserver < "u") {
-      const T = A.ownerSVGElement ? A.ownerSVGElement : A;
+      const S = A.ownerSVGElement ? A.ownerSVGElement : A;
       m = new ResizeObserver(() => {
         const N = y.value;
         N && V(N);
-      }), m.observe(T);
+      }), m.observe(S);
     }
-    S(() => {
+    T(() => {
       O = !0, ee.disconnect(), m && m.disconnect();
     });
   }, { flush: "post" });
 }
-const At = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { crosshairs: { stroke: "#CCCCCC" }, cells: { selected: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Lt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { crosshairs: { stroke: "#424242" }, cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, St = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { crosshairs: { stroke: "#BDBDBD" }, cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Tt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { crosshairs: { stroke: "#33FF33" }, cells: { colors: { hot: "#008000", cold: "#333333" }, spacing: 0.5, selected: { color: "#33FF33" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, legend: { backgroundColor: "#2A2F2A", color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, _t = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { crosshairs: { stroke: "#8F837A" }, cells: { colors: { hot: "#DFCA99", cold: "#BBC4D3" }, spacing: 0.5, selected: { color: "#4F5B75" } }, dataLabels: { xAxis: { color: "#A0AC94" }, yAxis: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, zt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { crosshairs: { stroke: "#404C4D" }, cells: { colors: { hot: "#6D7D65", cold: "#6C94A5" }, spacing: 0.5, selected: { color: "#404C4D" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, $t = {
+const At = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { crosshairs: { stroke: "#CCCCCC" }, cells: { selected: { color: "#CCCCCC" } }, dataLabels: { xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Lt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { crosshairs: { stroke: "#424242" }, cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#424242" }, yAxis: { color: "#424242" } } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Tt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { crosshairs: { stroke: "#BDBDBD" }, cells: { colors: { hot: "#D32F2F", cold: "#FFE082" }, spacing: 0.5, selected: { color: "#B71C1C" } }, dataLabels: { xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, St = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { crosshairs: { stroke: "#33FF33" }, cells: { colors: { hot: "#008000", cold: "#333333" }, spacing: 0.5, selected: { color: "#33FF33" } }, dataLabels: { xAxis: { color: "#AACCAA" }, yAxis: { color: "#AACCAA" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, legend: { backgroundColor: "#2A2F2A", color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, _t = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { crosshairs: { stroke: "#8F837A" }, cells: { colors: { hot: "#DFCA99", cold: "#BBC4D3" }, spacing: 0.5, selected: { color: "#4F5B75" } }, dataLabels: { xAxis: { color: "#A0AC94" }, yAxis: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, zt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { crosshairs: { stroke: "#404C4D" }, cells: { colors: { hot: "#6D7D65", cold: "#6C94A5" }, spacing: 0.5, selected: { color: "#404C4D" } }, dataLabels: { xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, $t = {
   default: {},
   dark: At,
   celebration: Lt,
-  celebrationNight: St,
-  hack: Tt,
+  celebrationNight: Tt,
+  hack: St,
   zen: _t,
   concrete: zt
 }, Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Lt,
-  celebrationNight: St,
+  celebrationNight: Tt,
   concrete: zt,
   dark: At,
   default: $t,
-  hack: Tt,
+  hack: St,
   zen: _t
 }, Symbol.toStringTag, { value: "Module" })), Rl = {
   mounted(y, I) {
@@ -120,7 +120,7 @@ function wt(y, {
   minFontSize: Z,
   index: D,
   reportRotation: V,
-  reportHide: S,
+  reportHide: T,
   rotateAll: A,
   hideAll: O
 }) {
@@ -129,21 +129,21 @@ function wt(y, {
   y.setAttribute("font-size", Y);
   const m = y.getComputedTextLength();
   if (m <= I)
-    V(D, !1), S(D, !1);
+    V(D, !1), T(D, !1);
   else {
-    const T = Math.floor(Y * I / m);
-    T >= Z ? (y.setAttribute("font-size", T), V(D, !1), S(D, !1)) : (V(D, !0), S(D, !1), ue = !0);
+    const S = Math.floor(Y * I / m);
+    S >= Z ? (y.setAttribute("font-size", S), V(D, !1), T(D, !1)) : (V(D, !0), T(D, !1), ue = !0);
   }
   if (A && (ue = !0), ue) {
     y.setAttribute("font-size", Y);
-    const T = y.getBBox(), N = T.x + T.width / 2, te = T.y + T.height / 2;
+    const S = y.getBBox(), N = S.x + S.width / 2, te = S.y + S.height / 2;
     y.setAttribute("transform", `rotate(-90 ${N} ${te})`);
     const $ = y.getBBox().width;
     if ($ <= Q)
-      S(D, !1);
+      T(D, !1);
     else {
       const ne = Math.floor(Y * Q / $);
-      ne >= Z ? (y.setAttribute("font-size", ne), S(D, !1)) : (ee = !0, S(D, !0));
+      ne >= Z ? (y.setAttribute("font-size", ne), T(D, !1)) : (ee = !0, T(D, !0));
     }
   }
   (O || ee) && y.setAttribute("visibility", "hidden");
@@ -170,9 +170,9 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
   emits: ["selectDatapoint"],
   setup(y, { expose: I, emit: Q }) {
     nl((t) => ({
-      v0ce143cf: t.tdo
+      v38f57f20: t.tdo
     }));
-    const Y = ve(() => import("./Tooltip-D0pGX8qz.js")), Z = ve(() => import("./BaseIcon-BrCxEtJt.js")), D = ve(() => import("./PenAndPaper--ADXtx65.js")), V = ve(() => import("./UserOptions-Cy-iNhZU.js")), S = ve(() => import("./PackageVersion-By5ZZJ0U.js")), A = ve(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_heatmap: O } = Ll(), { isThemeValid: ue, warnInvalidTheme: ee } = $l(), m = y, T = Q, N = b({
+    const Y = ve(() => import("./Tooltip-DpfUZbt7.js")), Z = ve(() => import("./BaseIcon-rQpZbUMg.js")), D = ve(() => import("./PenAndPaper-D6dHXPfu.js")), V = ve(() => import("./UserOptions-BlWCqtbi.js")), T = ve(() => import("./PackageVersion-BiGAIrqC.js")), A = ve(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_heatmap: O } = Ll(), { isThemeValid: ue, warnInvalidTheme: ee } = $l(), m = y, S = Q, N = b({
       get() {
         return !!m.dataset && m.dataset.length;
       },
@@ -193,13 +193,13 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       }
       return s;
     }
-    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Tl({
+    const { loading: me, FINAL_DATASET: k, manualLoading: De } = Sl({
       ...rl(m),
       FINAL_CONFIG: e,
       prepareConfig: Me,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Te(), $.value && ml($.value, { delta: 0.1, delay: 250 });
+          await Se(), $.value && ml($.value, { delta: 0.1, delay: 250 });
         });
       },
       skeletonDataset: Mt(),
@@ -263,7 +263,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     }, { deep: !0 }), we(() => m.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (De.value = !1), Ee();
     }, { deep: !0 });
-    const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Sl({
+    const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Tl({
       elementId: `heatmap__${te.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
@@ -284,7 +284,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         type: "dataset",
         debug: st.value
       }), N.value = !1, De.value = !0), mt(m.dataset) || (De.value = e.value.loading), e.value.responsive) {
-        const t = Se(() => {
+        const t = Te(() => {
           const { width: s, height: a } = Al({
             chart: $.value,
             title: e.value.style.title.text ? qe.value : null,
@@ -308,15 +308,15 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
     const U = b(() => Math.max(...k.value.flatMap((t) => (t.values || []).length))), de = d(e.value.style.layout.width), ye = d(e.value.style.layout.height), B = b(() => ({
       width: Math.max(10, de.value),
       height: Math.max(10, ye.value)
-    })), re = d(0), Ht = Se((t) => {
+    })), re = d(0), Ht = Te((t) => {
       t !== re.value && (re.value = t);
     }, 100);
     Ue({ elementRef: $e, callback: Ht, attr: "height" });
-    const le = d(0), Xt = Se((t) => {
+    const le = d(0), Xt = Te((t) => {
       t !== le.value && (le.value = t);
     }, 100);
     Ue({ elementRef: Je, callback: Xt, attr: "width" });
-    const he = d(0), Pt = Se((t) => {
+    const he = d(0), Pt = Te((t) => {
       t !== he.value && (he.value = t);
     }, 100);
     Ue({ elementRef: Fe, callback: Pt, attr: "height" }), ft(() => {
@@ -493,7 +493,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       return { head: t, body: s };
     });
     function Ne(t = null) {
-      Te(() => {
+      Se(() => {
         const s = ["", ...k.value.map((c, w) => c.name)], a = [];
         for (let c = 0; c < p.value.xLabels.length; c += 1) {
           const w = [p.value.xLabels[c]];
@@ -520,7 +520,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       Ce.value = !Ce.value;
     }
     function Qt(t, s) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), T("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: s }), S("selectDatapoint", t);
     }
     function Zt() {
       return oe.value;
@@ -597,7 +597,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       };
     });
     we(() => E.value.showTable, async (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && ce.value ? (await Te(), ce.value.open()) : "close" in ce.value && ce.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && ce.value ? (await Se(), ce.value.open()) : "close" in ce.value && ce.value.close());
     });
     const { isResponsive: tl } = Fl(Ye, Rt);
     function He() {
@@ -810,7 +810,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          Ae(n(S)),
+          Ae(n(T)),
           t.$slots["chart-background"] ? (u(), i("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -1137,6 +1137,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       Ae(n(Y), {
+        teleportTo: e.value.style.tooltip.teleportTo,
         show: E.value.showTooltip && ne.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -1163,7 +1164,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
           x(t.$slots, "tooltip-after", H(X({ ...xe.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       N.value && e.value.userOptions.buttons.table ? (u(), be(dl(ke.value.component), yl({ key: 6 }, ke.value.props, {
         ref_key: "tableUnit",
         ref: ce,
@@ -1271,7 +1272,7 @@ const Hl = ["id"], Xl = ["xmlns", "viewBox"], Pl = ["x", "y", "width", "height"]
       n(me) ? (u(), be(_l, { key: 7 })) : f("", !0)
     ], 46, Hl));
   }
-}, fa = /* @__PURE__ */ Nl(ha, [["__scopeId", "data-v-9f255c51"]]), Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, fa = /* @__PURE__ */ Nl(ha, [["__scopeId", "data-v-0f0d4652"]]), Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fa
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-history-plot-DhwdZ0Th.js → vue-ui-history-plot-DFtOy7CE.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as O, ref as v, shallowRef as Ue, computed as d, onMounted as Gt, onBeforeUnmount as qt, toRefs as Zt, watch as Q, watchEffect as Jt, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as F, normalizeClass as I, renderSlot as f, createBlock as N, createCommentVNode as h, createElementVNode as S, createVNode as xe, withCtx as x, normalizeProps as _, guardReactiveProps as L, createSlots as We, Fragment as m, renderList as k, toDisplayString as z, Teleport as Kt, resolveDynamicComponent as Qt, mergeProps as el, createTextVNode as Ve, nextTick as tl } from "vue";
+import { 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-DaR1dBmj.js";
+import { u as xl, a as be } from "./useNestedProp-gqRzbKJy.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";
@@ -10,7 +10,7 @@ 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-D0nD-PMs.js";
+import _l from "./Title-B7pkWzTi.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 = {
@@ -21,7 +21,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   hack: lt,
   zen: at,
   concrete: ot
-}, Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: et,
   celebrationNight: tt,
@@ -30,7 +30,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   default: st,
   hack: lt,
   zen: at
-}, Symbol.toStringTag, { value: "Module" })), Fl = ["id"], Tl = ["id"], Dl = ["xmlns", "viewBox"], zl = ["x", "y", "width", "height"], Ml = { key: 1 }, Bl = ["id"], Ol = ["stop-color"], Nl = ["stop-color"], El = ["stop-color"], Il = { key: 2 }, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xl = { key: 3 }, Rl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Yl = ["x", "y", "fill", "font-size"], Hl = ["transform", "font-size", "fill", "font-weight"], jl = { key: 6 }, Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wl = { key: 7 }, Vl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Gl = ["transform", "fill", "font-size", "text-anchor"], ql = ["x", "y", "font-size", "fill", "font-weight"], Zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = ["d", "stroke", "stroke-width"], Ql = ["d", "stroke", "stroke-width"], ea = ["cx", "cy", "fill", "r"], ta = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], la = { key: 1 }, aa = ["x", "y", "font-size", "fill", "font-weight"], oa = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], sa = { key: 2 }, ra = ["x", "y", "font-size", "font-weight", "fill"], na = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], ia = {
+}, 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 = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = ["id"], ca = ["onClick"], va = ["innerHTML"], da = {
@@ -51,15 +51,15 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(rt, { expose: nt, emit: it }) {
-    const ut = O(() => import("./Tooltip-D0pGX8qz.js")), ct = O(() => import("./BaseIcon-BrCxEtJt.js")), vt = O(() => import("./vue-ui-accordion-DNRtKVZI.js")), dt = O(() => import("./DataTable-BfEbVwm4.js")), ht = O(() => import("./PenAndPaper--ADXtx65.js")), yt = O(() => import("./UserOptions-Cy-iNhZU.js")), ft = O(() => import("./PackageVersion-By5ZZJ0U.js")), xt = O(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_history_plot: bt } = xl(), { isThemeValid: gt, warnInvalidTheme: pt } = kl(), y = rt, T = v(null), ge = v(null), pe = v(0), me = v(null), ke = v(0), Ce = v(0), Ae = v(0), M = Ue(null), X = Ue(null), we = v(null), D = v(Ge()), le = v(!1), ae = v(""), p = v([]), H = v(!1), w = v(null), j = v(!1), Se = v(null), _e = v(!1), U = v(null), oe = v(null), se = v(null), re = v(null), V = v(null), ne = v(null), G = d({
+    const ut = O(() => import("./Tooltip-DpfUZbt7.js")), ct = O(() => import("./BaseIcon-rQpZbUMg.js")), vt = O(() => import("./vue-ui-accordion-Cy3d_0_S.js")), dt = O(() => import("./DataTable-CRLvcC19.js")), ht = O(() => import("./PenAndPaper-D6dHXPfu.js")), yt = O(() => import("./UserOptions-BlWCqtbi.js")), ft = O(() => import("./PackageVersion-BiGAIrqC.js")), xt = O(() => import("./BaseDraggableDialog-LQz9Nmbj.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({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
     }), Le = it;
     Gt(() => {
-      _e.value = !0, Fe();
+      _e.value = !0, Te();
     });
     const $e = d(() => !!e.value.debug);
-    function Fe() {
+    function Te() {
       if (qe(y.dataset) ? (Ze({
         componentName: "VueUiHistoryPlot",
         type: "dataset",
@@ -80,7 +80,7 @@ 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({
-            chart: T.value,
+            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,
@@ -132,7 +132,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             })) : (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);
           });
         });
-        M.value && (X.value && M.value.unobserve(X.value), M.value.disconnect()), M.value = new ResizeObserver(t), X.value = T.value.parentNode, M.value.observe(X.value);
+        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(() => {
@@ -233,9 +233,9 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }
       })
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: Te, keepUserOptionState: De } = Cl({ config: e.value }), { svgRef: ve } = Al({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ce, setUserOptionsVisibility: Fe, keepUserOptionState: De } = Cl({ config: e.value }), { svgRef: ve } = Al({ config: e.value.style.chart.title });
     Q(() => y.config, (t) => {
-      B.value || (e.value = ie()), ce.value = !e.value.userOptions.showOnChartHover, Fe(), pe.value += 1, Ce.value += 1, ke.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, A.value.showTable = e.value.table.show, A.value.showTooltip = e.value.style.chart.tooltip.show;
+      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;
     }, { deep: !0 }), Q(() => y.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ue.value = !1);
     }, { deep: !0 });
@@ -307,7 +307,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }))), Lt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), $t = d(() => {
       const t = Math.min(...$.value.filter((a) => !p.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), Ft = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Tt = d(() => {
+    }), Tt = d(() => Math.max(...$.value.filter((t) => !p.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Ft = 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(() => {
@@ -316,8 +316,8 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.style.chart.axes.x.scaleMax === null ? Lt.value : e.value.style.chart.axes.x.scaleMax,
         e.value.style.chart.axes.x.ticks
       ), a = Je(
-        e.value.style.chart.axes.y.scaleMin === null ? Tt.value : e.value.style.chart.axes.y.scaleMin,
-        e.value.style.chart.axes.y.scaleMax === null ? Ft.value : e.value.style.chart.axes.y.scaleMax,
+        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.ticks
       );
       return {
@@ -543,8 +543,8 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       return E.value;
     }
     async function Xt({ scale: t = 2 } = {}) {
-      if (!T.value) return;
-      const { width: a, height: l } = T.value.getBoundingClientRect(), i = a / l, { imageUri: o, base64: C } = await Sl({ domElement: T.value, base64: !0, img: !0, scale: t });
+      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 });
       return {
         imageUri: o,
         base64: C,
@@ -579,7 +579,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: H.value,
-          fullscreenParent: T.value,
+          fullscreenParent: F.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -634,11 +634,11 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }), (t, a) => (s(), r("div", {
       id: `history_plot_${D.value}`,
       ref_key: "historyPlotChart",
-      ref: T,
+      ref: F,
       class: I({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
-      style: F(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => u(Te)(!0)),
-      onMouseleave: a[3] || (a[3] = () => u(Te)(!1))
+      style: T(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: a[2] || (a[2] = () => u(Fe)(!0)),
+      onMouseleave: a[3] || (a[3] = () => u(Fe)(!1))
     }, [
       f(t.$slots, "userConfig", {}, void 0, !0),
       e.value.userOptions.buttons.annotator ? (s(), N(u(ht), {
@@ -681,7 +681,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref_key: "chartTitle",
         ref: ge,
         class: "vue-ui-xy-title",
-        style: F(`font-family:${e.value.style.fontFamily}`)
+        style: T(`font-family:${e.value.style.fontFamily}`)
       }, [
         (s(), N(_l, {
           key: `title_${pe.value}`,
@@ -699,7 +699,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ], 4)) : h("", !0),
       S("div", {
         id: `legend-top-${D.value}`
-      }, null, 8, Tl),
+      }, null, 8, Fl),
       e.value.userOptions.show && G.value && (u(De) || u(ce)) ? (s(), N(u(yt), {
         ref_key: "userOptionsRef",
         ref: oe,
@@ -718,7 +718,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: H.value,
-        chartElement: T.value,
+        chartElement: F.value,
         position: e.value.userOptions.position,
         isTooltip: A.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -735,7 +735,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         onToggleTable: Re,
         onToggleTooltip: Ye,
         onToggleAnnotator: fe,
-        style: F({
+        style: T({
           visibility: u(De) ? u(ce) ? "visible" : "hidden" : "visible"
         })
       }, We({ _: 2 }, [
@@ -808,7 +808,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ref: ve,
         xmlns: u(rl),
         viewBox: `0 0 ${b.value.width < 0 ? 0.1 : b.value.width} ${b.value.height < 0 ? 0.1 : b.value.height}`,
-        style: F(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: T(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         xe(u(ft)),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
@@ -974,7 +974,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         (s(!0), r(m, null, k(E.value, (l, i) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
-            style: F({
+            style: T({
               opacity: w.value === null ? 1 : 0.3
             })
           }, [
@@ -1012,7 +1012,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
             class: I({ animated: e.value.useCssAnimation && !u(B) }),
-            style: F({
+            style: T({
               opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
@@ -1029,7 +1029,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
                 class: I({ animated: e.value.useCssAnimation && !u(B) }),
-                style: F({
+                style: T({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 }),
@@ -1049,7 +1049,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
                 class: I({ animated: e.value.useCssAnimation && !u(B) }),
-                style: F({
+                style: T({
                   opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
                 })
@@ -1065,7 +1065,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? u(cl)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
               class: I({ animated: e.value.useCssAnimation && !u(B) }),
-              style: F({
+              style: T({
                 opacity: w.value === null || w.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
@@ -1125,7 +1125,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 onClick: (o) => {
                   l.segregate(), Pe(l);
                 },
-                style: F(`opacity:${p.value.includes(l.seriesIndex) ? 0.5 : 1}`)
+                style: T(`opacity:${p.value.includes(l.seriesIndex) ? 0.5 : 1}`)
               }, z(l.name), 13, ca)
             ]),
             _: 1
@@ -1144,6 +1144,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       xe(u(ut), {
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: A.value.showTooltip && le.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1154,7 +1155,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: T.value,
+        parent: F.value,
         content: ae.value,
         isCustom: j.value,
         isFullscreen: H.value,
@@ -1170,7 +1171,7 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           f(t.$slots, "tooltip-after", _(L({ ...he.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 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, {
         ref_key: "tableUnit",
         ref: U,
@@ -1226,14 +1227,14 @@ const Qe = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         } : void 0
       ]), 1040)) : h("", !0),
       u(B) ? (s(), N(gl, { key: 8 })) : h("", !0)
-    ], 46, Fl));
+    ], 46, Tl));
   }
-}, ha = /* @__PURE__ */ $l(da, [["__scopeId", "data-v-64d73bdd"]]), Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ha = /* @__PURE__ */ $l(da, [["__scopeId", "data-v-154279e0"]]), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ha
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Fa as a,
-  Ta as b,
+  Ta as a,
+  Fa as b,
   ha as v
 };