vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-xy-bviQN7-m.js → vue-ui-xy-cHQ3KQCE.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as Xe, useSlots as er, getCurrentInstance as lr, ref as x, computed as b, onMounted as Zl, toRefs as ar, watch as Ll, watchEffect as Lt, onBeforeUnmount as ka, nextTick as Mt, createElementBlock as n, openBlock as u, normalizeStyle as C, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as _e, createSlots as Tt, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as tr, resolveDynamicComponent as or, withDirectives as rr, vModelCheckbox as sr, createTextVNode as zt } from "vue";
 import { c as _a, g as wa, t as ir, k as ur, N as Ml, O as tl, m as It, j as Sa, P as Jl, Q as Y, R as Ca, S as nr, T as cr, U as N, z as Ft, A as Ot, B as Bt, C as Nt, V as vr, W as Vt, Y as Dt, a as re, Z as dr, y as Pt, _ as hr, b as Et, e as Ne, d as Ve, h as ol, s as ze, G as fr, x as Ge, H as Ql, n as Ce, $ as gr, a0 as Ue, a1 as fe, i as mr, o as Rt, v as br, r as xr, a2 as dl } from "./lib-2iaAPQ_c.js";
 import { t as pr } from "./useResponsive-DfdjqQps.js";
-import { u as yr, a as Tl } from "./useNestedProp-DaR1dBmj.js";
+import { u as yr, a as Tl } from "./useNestedProp-gqRzbKJy.js";
 import { u as kr } from "./usePrinter-ChVMpU2f.js";
 import { u as _r, B as wr } from "./BaseScanner-BMpwQAfz.js";
 import { u as Ht, a as Sr, l as Cr } from "./useTimeLabels-DKoynYae.js";
@@ -9,10 +9,10 @@ import { u as $r } from "./useSvgExport-ByUukOZt.js";
 import { u as Ar } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Lr } from "./useTimeLabelCollider-CIsgDrl9.js";
 import Mr from "./img-CqYIrJ8I.js";
-import Tr from "./Title-D0nD-PMs.js";
+import Tr from "./Title-B7pkWzTi.js";
 import { _ as Kl } from "./Shape-12_eh8zD.js";
-import { S as zr } from "./SlicerPreview-BF9QuD7E.js";
-import Ir from "./vue-ui-accordion-DNRtKVZI.js";
+import { S as zr } from "./SlicerPreview-Dfih1r3H.js";
+import Ir from "./vue-ui-accordion-Cy3d_0_S.js";
 import { _ as Fr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Wt = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Xt = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Gt = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ut = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, qt = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Zt = {
   default: {},
@@ -97,7 +97,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(jl, { expose: Jt, emit: Qt }) {
-    const g = jl, Kt = Xe(() => import("./DataTable-BfEbVwm4.js")), jt = Xe(() => import("./Tooltip-D0pGX8qz.js")), eo = Xe(() => import("./UserOptions-Cy-iNhZU.js")), $a = Xe(() => import("./BaseIcon-BrCxEtJt.js")), lo = Xe(() => import("./vue-ui-table-sparkline-CLbkFzSK.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-By5ZZJ0U.js")), to = Xe(() => import("./PenAndPaper--ADXtx65.js")), oo = Xe(() => import("./BaseDraggableDialog-BFDTrOH0.js")), ea = Qt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
+    const g = jl, Kt = Xe(() => import("./DataTable-CRLvcC19.js")), jt = Xe(() => import("./Tooltip-DpfUZbt7.js")), eo = Xe(() => import("./UserOptions-BlWCqtbi.js")), $a = Xe(() => import("./BaseIcon-rQpZbUMg.js")), lo = Xe(() => import("./vue-ui-table-sparkline-BJGYRzNL.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-BiGAIrqC.js")), to = Xe(() => import("./PenAndPaper-D6dHXPfu.js")), oo = Xe(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), ea = Qt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
       height: ve.value,
       width: ee.value
     }));
@@ -3332,6 +3332,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         P(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       vl(v(jt), {
+        teleportTo: l.value.chart.tooltip.teleportTo,
         show: f.value.showTooltip && Ma.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
         color: l.value.chart.tooltip.color,
@@ -3358,7 +3359,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           P(a.$slots, "tooltip-after", ke(_e({ ...ht.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       ca.value && l.value.chart.userOptions.buttons.table ? (u(), Te(or(Cl.value.component), al({ key: 8 }, Cl.value.props, {
         ref_key: "tableUnit",
         ref: il,
@@ -3444,7 +3445,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       v(ie) ? (u(), Te(wr, { key: 9 })) : h("", !0)
     ], 46, Or));
   }
-}, nu = /* @__PURE__ */ Fr(uu, [["__scopeId", "data-v-f849577b"]]), Au = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nu = /* @__PURE__ */ Fr(uu, [["__scopeId", "data-v-2a5d889f"]]), Au = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: nu
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-xy-canvas-q7SUETRs.js → vue-ui-xy-canvas-Qeg6DtP0.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Na, onMounted as $l, toRefs as _a, watch as R, nextTick as be, onBeforeUnmount as Tl, shallowRef as je, createElementBlock as Te, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as V, createElementVNode as J, createBlock as W, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Va, createTextVNode as Rl } from "vue";
+import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Na, onMounted as Tl, toRefs as _a, watch as R, nextTick as be, onBeforeUnmount as $l, shallowRef as je, createElementBlock as $e, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as V, createElementVNode as J, createBlock as W, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Va, createTextVNode as Rl } from "vue";
 import { c as Wa, t as Ya, i as ja, j as le, a1 as Ce, k as qa, N as Ge, a as se, d as ue, m as Ol, R as Ga, a7 as Za, T as Ja, o as Ka, g as Qa, y as Pl, s as Le, q as et, v as lt, r as at, _ as tt } from "./lib-2iaAPQ_c.js";
 import { c as ot, a as Ze, d as rt, t as st, u as ut, l as k, r as Ie, b as Y, p as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as Ee } from "./useNestedProp-DaR1dBmj.js";
+import { u as nt, a as Ee } from "./useNestedProp-gqRzbKJy.js";
 import { u as it, B as ct } from "./BaseScanner-BMpwQAfz.js";
 import { u as vt } from "./usePrinter-ChVMpU2f.js";
 import { u as dt, a as ht, l as ft } from "./useTimeLabels-DKoynYae.js";
@@ -10,10 +10,10 @@ import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
 import pt from "./img-CqYIrJ8I.js";
 import bt from "./Legend-D2xmnFPH.js";
-import xt from "./Title-D0nD-PMs.js";
-import Ct from "./BaseIcon-BrCxEtJt.js";
-import Lt from "./vue-ui-accordion-DNRtKVZI.js";
-import { S as kt } from "./SlicerPreview-BF9QuD7E.js";
+import xt from "./Title-B7pkWzTi.js";
+import Ct from "./BaseIcon-rQpZbUMg.js";
+import Lt from "./vue-ui-accordion-Cy3d_0_S.js";
+import { S as kt } from "./SlicerPreview-Dfih1r3H.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, _l = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#5D4037" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#424242" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#9A9A9A" }, timeLabels: { color: "#424242" } }, zeroLine: { color: "#424242" } }, dataLabels: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Hl = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#BDBDBD" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#BDBDBD" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#BDBDBD" } }, zeroLine: { color: "#5D4037" } }, dataLabels: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, grid: { y: { axisColor: "#5F6A5F", axisLabels: { color: "#99AA99" }, verticalLines: { show: !1 } }, x: { axisColor: "#5F6A5F", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#99AA99" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#99AA99" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ul = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, grid: { y: { axisColor: "#8F837A", axisLabels: { color: "#8F837A" }, verticalLines: { show: !1 } }, x: { axisColor: "#8F837A", horizontalLines: { show: !1, alternate: !1 }, timeLabels: { color: "#8F837A" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#8F837A" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Vl = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, selector: { color: "#7DA9B5" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, grid: { y: { axisColor: "#829C98", axisLabels: { color: "#50606C" }, verticalLines: { show: !1 } }, x: { axisColor: "#829C98", timeLabels: { color: "#50606C" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Wl = {
   default: {},
@@ -35,7 +35,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
 }, Symbol.toStringTag, { value: "Module" })), wt = ["id"], zt = ["id"], St = ["id"], Ft = ["onClick"], Dt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Mt = ["innerHTML"], $t = {
+}, Mt = ["innerHTML"], Tt = {
   __name: "vue-ui-xy-canvas",
   props: {
     dataset: {
@@ -57,8 +57,8 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   },
   emits: ["selectLegend", "selectX"],
   setup(Je, { expose: Yl, emit: jl }) {
-    const ql = pe(() => import("./Tooltip-D0pGX8qz.js")), Gl = pe(() => import("./DataTable-BfEbVwm4.js")), Zl = pe(() => import("./UserOptions-Cy-iNhZU.js")), Jl = pe(() => import("./NonSvgPenAndPaper-dUUA975O.js")), Kl = pe(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Wa()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
-    $l(() => {
+    const ql = pe(() => import("./Tooltip-DpfUZbt7.js")), Gl = pe(() => import("./DataTable-CRLvcC19.js")), Zl = pe(() => import("./UserOptions-BlWCqtbi.js")), Jl = pe(() => import("./NonSvgPenAndPaper-DHu-zNDR.js")), Kl = pe(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Wa()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
+    Tl(() => {
       aa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
     const l = d(Ue()), ta = p(() => !!l.value.debug), { loading: _e, FINAL_DATASET: He } = it({
@@ -174,7 +174,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function dl(e) {
       ie.value = e, Qe.value += 1;
     }
-    const hl = p(() => qa(l.value.customPalette)), E = p(() => T.value ? Math.max(...T.value.filter((e, a) => !F.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+    const hl = p(() => qa(l.value.customPalette)), E = p(() => $.value ? Math.max(...$.value.filter((e, a) => !F.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
     function sa(e) {
       A.value = e, G();
     }
@@ -196,20 +196,20 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       return e / a;
     }
     function ua({ hasAutoScale: e, series: a, min: t, max: s, scale: u, yOffset: i, individualHeight: n, stackIndex: f = null }) {
-      return a.map((x, $) => {
+      return a.map((x, T) => {
         const L = u.min < 0 ? Math.abs(u.min) : 0, N = fl(x + L, L + u.max);
         let me, ge;
         e && (me = u.min, ge = fl(x - me, u.max - me));
         let U = 0;
         return f === null ? U = o.value.bottom - o.value.height * (e ? ge : N) : U = o.value.bottom - i - n * (e ? ge : N), {
-          x: o.value.left + o.value.slot * $ + o.value.slot / 2,
+          x: o.value.left + o.value.slot * T + o.value.slot / 2,
           y: U,
           value: x
         };
       });
     }
     const z = p(() => {
-      const e = l.value.style.chart.scale.min !== null ? l.value.style.chart.scale.min : Math.min(...T.value.filter((n, f) => !F.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), a = l.value.style.chart.scale.max !== null ? l.value.style.chart.scale.max : Math.max(...T.value.filter((n, f) => !F.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), t = Ge(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, l.value.style.chart.scale.ticks), s = t.min < 0 ? Math.abs(t.min) : 0, u = o.value.bottom - o.value.height * (s / (t.max + s)), i = t.ticks.map((n) => ({
+      const e = l.value.style.chart.scale.min !== null ? l.value.style.chart.scale.min : Math.min(...$.value.filter((n, f) => !F.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), a = l.value.style.chart.scale.max !== null ? l.value.style.chart.scale.max : Math.max(...$.value.filter((n, f) => !F.value.includes(n.absoluteIndex)).flatMap((n) => n.series.slice(r.value.start, r.value.end))), t = Ge(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, l.value.style.chart.scale.ticks), s = t.min < 0 ? Math.abs(t.min) : 0, u = o.value.bottom - o.value.height * (s / (t.max + s)), i = t.ticks.map((n) => ({
         y: o.value.bottom - o.value.height * ((n + s) / (t.max + s)),
         x: o.value.left - 8,
         value: n
@@ -240,7 +240,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       { datapoint: e, seriesIndex: h.value }
     )}</span>
             </div>
-        `)), ze = p(() => l.value.style.chart.line.cutNullValues), T = p(() => He.value.map((e, a) => ({
+        `)), ze = p(() => l.value.style.chart.line.cutNullValues), $ = p(() => He.value.map((e, a) => ({
       ...e,
       series: Ga({
         data: Za(e.series, [], ze.value),
@@ -250,19 +250,19 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       color: Ol(e.color || hl.value[a] || le[a] || le[a % le.length])
     }))), ia = p(() => {
       if (!l.value.style.chart.zoom.minimap.show) return [];
-      const e = T.value.filter((u) => !F.value.includes(u.absoluteIndex)), a = Math.max(...e.map((u) => u.series.length)), t = [];
+      const e = $.value.filter((u) => !F.value.includes(u.absoluteIndex)), a = Math.max(...e.map((u) => u.series.length)), t = [];
       for (let u = 0; u < a; u += 1)
         t.push(e.map((i) => i.series[u] || 0).reduce((i, n) => (i || 0) + (n || 0), 0));
       const s = Math.min(...t);
       return t.map((u) => u + (s < 0 ? Math.abs(s) : 0));
-    }), ca = p(() => l.value.style.chart.zoom.minimap.show ? T.value.map((a) => ({
+    }), ca = p(() => l.value.style.chart.zoom.minimap.show ? $.value.map((a) => ({
       ...a,
       isVisible: !F.value.includes(a.absoluteIndex)
     })) : []);
     R(E, (e) => {
       e && he();
     });
-    const y = p(() => Ja(T.value.filter((e, a) => !F.value.includes(e.absoluteIndex))).map((e, a) => ({
+    const y = p(() => Ja($.value.filter((e, a) => !F.value.includes(e.absoluteIndex))).map((e, a) => ({
       ...e,
       series: e.series.slice(r.value.start, r.value.end)
     })).map((e, a) => {
@@ -274,11 +274,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }, i = e.scaleSteps || l.value.style.chart.scale.ticks;
       let n;
       e.autoScaling ? n = Ge(u.valueMin, u.valueMax, i) : n = Ge(u.valueMin < 0 ? u.valueMin : 0, u.valueMax <= 0 ? 0 : u.valueMax, i);
-      const f = v.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, x = v.value.stacked ? o.value.height / l.value.style.chart.stackGap : 0, $ = v.value.stacked ? o.value.height * e.stackRatio - x : o.value.height, L = n.min < 0 ? Math.abs(n.min) : 0;
+      const f = v.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, x = v.value.stacked ? o.value.height / l.value.style.chart.stackGap : 0, T = v.value.stacked ? o.value.height * e.stackRatio - x : o.value.height, L = n.min < 0 ? Math.abs(n.min) : 0;
       let N;
-      e.autoScaling && v.value.stacked && s <= 0 ? N = o.value.bottom - f - $ : N = o.value.bottom - f - $ * (L / (n.max + L));
+      e.autoScaling && v.value.stacked && s <= 0 ? N = o.value.bottom - f - T : N = o.value.bottom - f - T * (L / (n.max + L));
       const me = n.ticks.map((U, Ba) => ({
-        y: o.value.bottom - f - $ * (Ba / (n.ticks.length - 1)),
+        y: o.value.bottom - f - T * (Ba / (n.ticks.length - 1)),
         x: o.value.left - 8,
         value: U
       })), ge = ua({
@@ -288,7 +288,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         max: v.value.stacked ? s : z.value.max,
         scale: v.value.stacked ? n : z.value.scale,
         yOffset: f,
-        individualHeight: $,
+        individualHeight: T,
         stackIndex: v.value.stacked ? a : null
       });
       return {
@@ -301,7 +301,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         localMin: L,
         localYLabels: me,
         yOffset: f,
-        individualHeight: $
+        individualHeight: T
       };
     })), r = d({
       start: 0,
@@ -312,7 +312,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         () => requestAnimationFrame(() => e())
       ));
     }
-    Tl(() => {
+    $l(() => {
       de.value && cancelAnimationFrame(de.value);
     });
     async function he() {
@@ -328,7 +328,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       if (!ve.value) {
         ve.value = !0;
         try {
-          const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, t = Math.max(...T.value.map((i) => i.series.length)), s = e ?? 0, u = a != null ? Math.min(gl(a + 1), t) : t;
+          const { startIndex: e, endIndex: a } = l.value.style.chart.zoom, t = Math.max(...$.value.map((i) => i.series.length)), s = e ?? 0, u = a != null ? Math.min(gl(a + 1), t) : t;
           we.value = !0, r.value.start = s, r.value.end = u, D.value.start = s, D.value.end = u, Ve(), ol.value = !0, await be(), q.value && (q.value.setStartValue(r.value.start), q.value.setEndValue(r.value.end));
         } finally {
           queueMicrotask(() => {
@@ -352,7 +352,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function Ve() {
       const e = Math.max(
         1,
-        Math.max(...T.value.map((s) => s.series.length))
+        Math.max(...$.value.map((s) => s.series.length))
       );
       let a = Math.max(0, Math.min(r.value.start ?? 0, e - 1)), t = Math.max(a + 1, Math.min(r.value.end ?? e, e));
       (!Number.isFinite(a) || !Number.isFinite(t) || t <= a) && (a = 0, t = e), r.value = { start: a, end: t }, D.value.start = a, D.value.end = t, q.value && (q.value.setStartValue(a), q.value.setEndValue(t));
@@ -850,11 +850,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           i.push(f);
         else {
           if (i.length >= 2) {
-            const x = i[0], $ = i[i.length - 1];
+            const x = i[0], T = i[i.length - 1];
             s.push([
               { x: x.x, y: a },
               ...i,
-              { x: $.x, y: a }
+              { x: T.x, y: a }
             ]);
           } else i.length === 1 && u.push(i[0]);
           i = [];
@@ -950,7 +950,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       });
     }
     function Da() {
-      const { left: e, top: a, width: t, height: s } = o.value, u = r.value.start, n = r.value.end - u, f = t / n, x = D.value.start - u, $ = D.value.end - u, L = Math.max(0, Math.min(n, x)), N = Math.max(0, Math.min(n, $));
+      const { left: e, top: a, width: t, height: s } = o.value, u = r.value.start, n = r.value.end - u, f = t / n, x = D.value.start - u, T = D.value.end - u, L = Math.max(0, Math.min(n, x)), N = Math.max(0, Math.min(n, T));
       Ie(
         c.value,
         [
@@ -1006,9 +1006,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         name: x.name,
         color: x.color,
         type: x.type || "line",
-        value: x.series.find(($, L) => L === h.value)
+        value: x.series.find((T, L) => L === h.value)
       }));
-      $a({ seriesIndex: h.value, datapoint: f }), Pl(n) && tt(() => n({
+      Ta({ seriesIndex: h.value, datapoint: f }), Pl(n) && tt(() => n({
         seriesIndex: h.value,
         datapoint: f,
         series: y.value,
@@ -1020,7 +1020,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         config: l.value
       }) : (l.value.style.chart.grid.x.timeLabels.values.slice(r.value.start, r.value.end)[h.value] ? i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${l.value.style.chart.tooltip.useDefaultTimeFormat ? B.value.slice(r.value.start, r.value.end)[h.value]?.text : Ca.value[h.value]?.text}</div>` : i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${B.value[h.value + r.value.start]?.text ?? ""}</div>`, i += na.value.join(""), ke.value = i), H.value = !1;
     }
-    function $a({ seriesIndex: e, datapoint: a }) {
+    function Ta({ seriesIndex: e, datapoint: a }) {
       const t = r.value.start + e;
       Ne("selectX", {
         dataset: a,
@@ -1050,11 +1050,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     }), R(() => v.value.stacked, (e) => {
       O.value = !0, H.value = !0, Fe();
     });
-    function Ta() {
+    function $a() {
       ne.value = !1, h.value = null, ke.value = "", P.value = null, G();
     }
     const Z = je(null), oe = je(null), re = je(null);
-    $l(() => {
+    Tl(() => {
       tl.value = !0, Ll();
     });
     function Ll() {
@@ -1080,16 +1080,16 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           a.contentBoxSize && ae.value && (O.value = !0, Fe());
       }), re.value.observe(ae.value), he();
     }
-    Tl(() => {
+    $l(() => {
       re.value && re.value.disconnect(), Z.value && (oe.value && Z.value.unobserve(oe.value), Z.value.disconnect());
     });
     function De(e) {
       Ne("selectLegend", y.value.find((a) => a.absoluteIndex === e)), F.value.includes(e) ? F.value = F.value.filter((a) => a !== e) : F.value.push(e), O.value = !0, Fe();
     }
     function kl(e) {
-      if (!T.value.length)
+      if (!$.value.length)
         return l.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null;
-      const a = T.value.find((t) => t.name === e);
+      const a = $.value.find((t) => t.name === e);
       return a || (l.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null);
     }
     function Ia(e) {
@@ -1100,7 +1100,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const a = kl(e);
       a !== null && (F.value.includes(a.absoluteIndex) || De(a.absoluteIndex));
     }
-    const Al = p(() => T.value.map((e, a) => ({
+    const Al = p(() => $.value.map((e, a) => ({
       ...e,
       name: e.name,
       color: Ol(e.color) || hl.value[a] || le[a] || le[a % le.length],
@@ -1175,9 +1175,9 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function Dl() {
       v.value.showTooltip = !v.value.showTooltip;
     }
-    const $e = d(!1);
+    const Te = d(!1);
     function Ye() {
-      $e.value = !$e.value;
+      Te.value = !Te.value;
     }
     async function Pa({ scale: e = 2 } = {}) {
       if (!_.value) return;
@@ -1241,7 +1241,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       toggleTooltip: Dl,
       toggleAnnotator: Ye,
       toggleFullscreen: dl
-    }), (e, a) => (I(), Te("div", {
+    }), (e, a) => (I(), $e("div", {
       style: xe(`width:100%; position:relative; ${l.value.responsive ? "height: 100%" : ""}; background:${l.value.style.chart.backgroundColor};`),
       ref_key: "xy",
       ref: _,
@@ -1250,7 +1250,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       onMouseenter: oa,
       onMouseleave: ra
     }, [
-      l.value.style.chart.title.text ? (I(), Te("div", {
+      l.value.style.chart.title.text ? (I(), $e("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: el,
@@ -1297,7 +1297,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         chartElement: _.value,
         position: l.value.userOptions.position,
         hasAnnotator: l.value.userOptions.buttons.annotator,
-        isAnnotation: $e.value,
+        isAnnotation: Te.value,
         callbacks: l.value.userOptions.callbacks,
         printScale: l.value.userOptions.print.scale,
         tableDialog: l.value.table.useDialog,
@@ -1396,10 +1396,11 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           ref: w,
           style: { width: "100%", height: "100%" },
           onMousemove: a[0] || (a[0] = (t) => Ma(t)),
-          onMouseleave: Ta
+          onMouseleave: $a
         }, null, 544),
         C(_e) ? (I(), W(ct, { key: 0 })) : V("", !0),
         El(C(ql), {
+          teleportTo: l.value.style.chart.tooltip.teleportTo,
           show: v.value.showTooltip && ne.value,
           backgroundColor: l.value.style.chart.tooltip.backgroundColor,
           color: l.value.style.chart.tooltip.color,
@@ -1426,7 +1427,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             S(e.$slots, "tooltip-after", Q(ee({ ...Ke.value })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"])
+        }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"])
       ], 4),
       l.value.style.chart.zoom.show && E.value > 6 && X.value && ol.value && !C(_e) ? (I(), W(kt, {
         key: 2,
@@ -1464,7 +1465,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         refreshEndPoint: l.value.style.chart.zoom.endIndex !== null ? l.value.style.chart.zoom.endIndex + 1 : E.value,
         refreshStartPoint: l.value.style.chart.zoom.startIndex !== null ? l.value.style.chart.zoom.startIndex : 0,
         selectColor: l.value.style.chart.zoom.highlightColor,
-        selectedSeries: T.value,
+        selectedSeries: $.value,
         smoothMinimap: l.value.style.chart.zoom.minimap.smooth,
         start: r.value.start,
         timeLabels: B.value,
@@ -1516,10 +1517,10 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : V("", !0),
-      e.$slots.watermark ? (I(), Te("div", Dt, [
+      e.$slots.watermark ? (I(), $e("div", Dt, [
         S(e.$slots, "watermark", Q(ee({ isPrinting: C(nl) || C(il) })), void 0, !0)
       ])) : V("", !0),
-      e.$slots.source ? (I(), Te("div", {
+      e.$slots.source ? (I(), $e("div", {
         key: 5,
         ref_key: "source",
         ref: al,
@@ -1583,17 +1584,17 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         parent: _.value,
         backgroundColor: l.value.style.chart.backgroundColor,
         color: l.value.style.chart.color,
-        active: $e.value,
+        active: Te.value,
         onClose: Ye
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : V("", !0)
     ], 46, wt));
   }
-}, Tt = /* @__PURE__ */ At($t, [["__scopeId", "data-v-74a619ec"]]), Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $t = /* @__PURE__ */ At(Tt, [["__scopeId", "data-v-3293aa2d"]]), Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Tt
+  default: $t
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Zt as a,
   Jt as b,
-  Tt as v
+  $t as v
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.9.19",
+  "version": "3.9.21",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [