vue-data-ui 3.11.0 → 3.11.2

package/dist/{vue-ui-quadrant-CcES0yJX.js → vue-ui-quadrant-DoWhAe1X.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as N, computed as g, ref as b, toRefs as Ut, watch as Ce, shallowRef as ot, onMounted as Qt, onBeforeUnmount as Gt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as w, normalizeClass as B, createBlock as E, createCommentVNode as h, createElementVNode as d, createVNode as ne, withCtx as f, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as ut, Fragment as S, renderList as Y, toDisplayString as k, Teleport as jt, resolveDynamicComponent as Jt, mergeProps as Zt, createTextVNode as st, nextTick as rt } from "vue";
-import { c as nt, t as Kt, i as el, j as xe, o as tl, g as G, k as ll, m as al, ai as ol, a as P, d as R, X as ul, s as ie, h as sl, aj as rl, $ as nl, x as il, v as vl, r as cl, y as dl, _ as hl } from "./lib-CVHM9FhP.js";
+import { defineAsyncComponent as N, computed as g, ref as b, toRefs as Qt, watch as Le, shallowRef as ot, onMounted as jt, onBeforeUnmount as Gt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as w, normalizeClass as B, createBlock as O, createCommentVNode as h, createElementVNode as d, createVNode as ne, withCtx as f, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as ut, Fragment as _, renderList as D, toDisplayString as k, mergeProps as st, Teleport as Jt, resolveDynamicComponent as Zt, createTextVNode as rt, nextTick as nt } from "vue";
+import { c as it, t as Kt, i as el, j as Ae, o as tl, g as j, k as ll, m as al, ai as ol, a as P, d as R, X as ul, s as ie, h as sl, aj as rl, $ as nl, x as il, v as vl, r as cl, y as dl, _ as hl } from "./lib-CVHM9FhP.js";
 import { t as bl, u as yl } from "./useResponsive-DfdjqQps.js";
-import { u as fl, a as ke } from "./useNestedProp-xXVO6hRJ.js";
+import { u as fl, a as we } from "./useNestedProp-xXVO6hRJ.js";
 import { u as pl, B as gl } from "./BaseScanner-BMpwQAfz.js";
 import { u as ml } from "./usePrinter-1NmjuP-i.js";
 import { u as Cl } from "./useSvgExport-ByUukOZt.js";
@@ -10,45 +10,45 @@ import { u as kl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as $l } from "./useChartAccessibility-9icAAmYg.js";
 import Ll from "./img-6fNF_rG0.js";
 import Al from "./Title-ByPv-v1s.js";
-import { _ as it } from "./Shape-PzdCMGsP.js";
+import { _ as vt } from "./Shape-PzdCMGsP.js";
 import wl from "./Legend-DN5UJOBH.js";
 import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, layout: { grid: { graduations: { show: !1 } } } } } }, ct = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { show: !1, stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, dt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ht = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { quadrantLabels: { tl: { color: "#5D4037" }, tr: { color: "#5D4037" }, br: { color: "#5D4037" }, bl: { color: "#5D4037" } }, plotLabels: { color: "#424242" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#FFF8E1" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, bt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { quadrantLabels: { tl: { color: "#FF6B6B90" }, tr: { color: "#FF6B6B90" }, br: { color: "#FF6B6B90" }, bl: { color: "#FF6B6B90" } }, plotLabels: { color: "#BDBDBD" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1E1E1E" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { quadrantLabels: { tl: { color: "#99AA99" }, tr: { color: "#99AA99" }, br: { color: "#99AA99" }, bl: { color: "#99AA99" } }, plotLabels: { color: "#99CC99" }, axisLabels: { color: { positive: "#66CC66", negative: "#66CC66" } } }, grid: { stroke: "#334C33", graduations: { stroke: "#333333", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1A1A1A" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ft = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { quadrantLabels: { tl: { color: "#8A9892" }, tr: { color: "#8A9892" }, br: { color: "#8A9892" }, bl: { color: "#8A9892" } }, plotLabels: { color: "#8A9892" }, axisLabels: { color: { positive: "#99AA99", negative: "#C09E85" } } }, grid: { stroke: "#D2E0DB", graduations: { steps: 2, color: "#D2E0DB", stroke: "#D2E0DB", roundingForce: 256 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, pt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { quadrantLabels: { tl: { color: "#61747E" }, tr: { color: "#61747E" }, br: { color: "#61747E" }, bl: { color: "#61747E" } }, plotLabels: { color: "#50606C" }, axisLabels: { color: { positive: "#4A6A75", negative: "#7E8F7E" } } }, grid: { stroke: "#9AA7B0", graduations: { color: "#DEE1DE", stroke: "#DEE1DE", roundingForce: 0 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, gt = {
+const ct = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, layout: { grid: { graduations: { show: !1 } } } } } }, dt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { show: !1, stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, bt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { quadrantLabels: { tl: { color: "#5D4037" }, tr: { color: "#5D4037" }, br: { color: "#5D4037" }, bl: { color: "#5D4037" } }, plotLabels: { color: "#424242" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#FFF8E1" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, yt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { quadrantLabels: { tl: { color: "#FF6B6B90" }, tr: { color: "#FF6B6B90" }, br: { color: "#FF6B6B90" }, bl: { color: "#FF6B6B90" } }, plotLabels: { color: "#BDBDBD" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1E1E1E" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, ft = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { quadrantLabels: { tl: { color: "#99AA99" }, tr: { color: "#99AA99" }, br: { color: "#99AA99" }, bl: { color: "#99AA99" } }, plotLabels: { color: "#99CC99" }, axisLabels: { color: { positive: "#66CC66", negative: "#66CC66" } } }, grid: { stroke: "#334C33", graduations: { stroke: "#333333", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1A1A1A" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, pt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { quadrantLabels: { tl: { color: "#8A9892" }, tr: { color: "#8A9892" }, br: { color: "#8A9892" }, bl: { color: "#8A9892" } }, plotLabels: { color: "#8A9892" }, axisLabels: { color: { positive: "#99AA99", negative: "#C09E85" } } }, grid: { stroke: "#D2E0DB", graduations: { steps: 2, color: "#D2E0DB", stroke: "#D2E0DB", roundingForce: 256 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, gt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { quadrantLabels: { tl: { color: "#61747E" }, tr: { color: "#61747E" }, br: { color: "#61747E" }, bl: { color: "#61747E" } }, plotLabels: { color: "#50606C" }, axisLabels: { color: { positive: "#4A6A75", negative: "#7E8F7E" } } }, grid: { stroke: "#9AA7B0", graduations: { color: "#DEE1DE", stroke: "#DEE1DE", roundingForce: 0 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, mt = {
   default: {},
-  minimal: vt,
-  minimalDark: ct,
-  dark: dt,
-  celebration: ht,
-  celebrationNight: bt,
-  hack: yt,
-  zen: ft,
-  concrete: pt
+  minimal: ct,
+  minimalDark: dt,
+  dark: ht,
+  celebration: bt,
+  celebrationNight: yt,
+  hack: ft,
+  zen: pt,
+  concrete: gt
 }, Ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: ht,
-  celebrationNight: bt,
-  concrete: pt,
-  dark: dt,
-  default: gt,
-  hack: yt,
-  minimal: vt,
-  minimalDark: ct,
-  zen: ft
-}, Symbol.toStringTag, { value: "Module" })), Sl = ["id"], ql = ["id"], Tl = ["xmlns", "viewBox", "id"], zl = ["x", "y", "width", "height"], Fl = ["id"], Bl = ["stop-color"], Dl = ["stop-color"], Wl = { key: 1 }, Xl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], El = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Yl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ol = { key: 2 }, Ml = ["points", "fill"], Nl = ["points", "fill"], Pl = ["points", "fill"], Rl = ["points", "fill"], Vl = { key: 3 }, Il = ["y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Ul = ["x", "y", "fill", "font-size"], Ql = ["y", "fill", "font-size"], Gl = { key: 4 }, jl = ["x", "y", "font-size", "fill"], Jl = ["x", "y", "font-size", "fill"], Zl = ["x", "y", "font-size", "fill"], Kl = ["id", "font-size", "transform", "fill"], ea = ["id", "font-size", "transform", "fill"], ta = ["id", "font-size", "transform", "fill"], la = { key: 5 }, aa = ["fill", "points"], oa = ["x", "y", "width", "height"], ua = ["x", "y", "width", "height"], sa = ["x", "y", "width", "height"], ra = ["x", "y", "width", "height"], na = {
+  celebration: bt,
+  celebrationNight: yt,
+  concrete: gt,
+  dark: ht,
+  default: mt,
+  hack: ft,
+  minimal: ct,
+  minimalDark: dt,
+  zen: pt
+}, Symbol.toStringTag, { value: "Module" })), Sl = ["id"], ql = ["id"], Tl = ["xmlns", "viewBox", "id"], zl = ["x", "y", "width", "height"], Fl = ["id"], Bl = ["stop-color"], Dl = ["stop-color"], Wl = { key: 1 }, Xl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], El = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ol = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Yl = { key: 2 }, Ml = ["points", "fill"], Nl = ["points", "fill"], Pl = ["points", "fill"], Rl = ["points", "fill"], Vl = { key: 3 }, Il = ["y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Ul = ["x", "y", "fill", "font-size"], Ql = ["y", "fill", "font-size"], jl = { key: 4 }, Gl = ["x", "y", "font-size", "fill"], Jl = ["x", "y", "font-size", "fill"], Zl = ["x", "y", "font-size", "fill"], Kl = ["id", "font-size", "transform", "fill"], ea = ["id", "font-size", "transform", "fill"], ta = ["id", "font-size", "transform", "fill"], la = { key: 5 }, aa = ["fill", "points"], oa = ["x", "y", "width", "height"], ua = ["x", "y", "width", "height"], sa = ["x", "y", "width", "height"], ra = ["x", "y", "width", "height"], na = ["x", "y", "onMouseenter", "onMouseleave", "onClick"], ia = {
   key: 0,
   style: { "pointer-events": "none" }
-}, ia = ["x", "y", "font-size", "fill"], va = ["x", "y", "font-size", "fill", "innerHTML"], ca = { key: 0 }, da = ["x", "y", "onMouseover", "onMouseleave", "onClick"], ha = {
+}, va = ["x", "y", "font-size", "fill"], ca = ["x", "y", "font-size", "fill", "innerHTML"], da = { key: 0 }, ha = ["x", "y", "onMouseover", "onMouseleave", "onClick"], ba = {
   key: 8,
   class: "vue-ui-dna"
-}, ba = ["points", "fill"], ya = ["points", "fill"], fa = ["points", "fill"], pa = ["points", "fill"], ga = { key: 9 }, ma = ["x", "y", "font-size", "fill", "font-weight"], Ca = { key: 10 }, xa = ["x", "y", "fill"], ka = ["x", "y", "fill"], $a = ["x", "y", "fill"], La = ["x", "y", "fill"], Aa = ["stroke", "d"], wa = ["stroke", "d"], _a = {
+}, ya = ["points", "fill"], fa = ["points", "fill"], pa = ["points", "fill"], ga = ["points", "fill"], ma = { key: 9 }, Ca = ["x", "y", "font-size", "fill", "font-weight"], xa = { key: 10 }, ka = ["x", "y", "fill"], $a = ["x", "y", "fill"], La = ["x", "y", "fill"], Aa = ["x", "y", "fill"], wa = ["stroke", "d"], _a = ["stroke", "d"], Sa = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Sa = ["id"], qa = ["onClick"], Ta = {
+}, qa = ["id"], Ta = ["onClick"], za = {
   key: 0,
   height: "14",
   width: "14",
   viewBox: "0 0 20 20"
-}, za = ["innerHTML"], Fa = {
+}, Fa = ["innerHTML"], Ba = {
   __name: "vue-ui-quadrant",
   props: {
     config: {
@@ -65,14 +65,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
     }
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
-  setup(mt, { expose: Ct, emit: xt }) {
-    const kt = N(() => import("./Tooltip-B6qvABDL.js")), $t = N(() => import("./BaseIcon-DlnfQOPC.js")), Lt = N(() => import("./vue-ui-accordion-bYZsb7Wp.js")), At = N(() => import("./DataTable-KIMqDIJv.js")), wt = N(() => import("./PenAndPaper-BrX5Qp19.js")), _t = N(() => import("./UserOptions-DToFtFUD.js")), St = N(() => import("./PackageVersion-CeU7wfkb.js")), qt = N(() => import("./BaseDraggableDialog-Ca6iTqi8.js")), { vue_ui_quadrant: Tt } = fl(), { isThemeValid: zt, warnInvalidTheme: Ft } = xl(), D = mt, $e = g(() => !!D.dataset && D.dataset.length), L = b(nt()), ve = xt, ce = b(!1), de = b(""), Le = b(0), C = b(!1), W = b(null), Ae = b(null), we = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: De } = pl({
-      ...Ut(D),
+  setup(Ct, { expose: xt, emit: kt }) {
+    const $t = N(() => import("./Tooltip-B6qvABDL.js")), Lt = N(() => import("./BaseIcon-CYSJuCRd.js")), At = N(() => import("./vue-ui-accordion-D9NWWdmm.js")), wt = N(() => import("./DataTable-DiaJI04f.js")), _t = N(() => import("./PenAndPaper-B26d81vz.js")), St = N(() => import("./UserOptions-CZTaqf79.js")), qt = N(() => import("./PackageVersion-DLxnBD7g.js")), Tt = N(() => import("./BaseDraggableDialog-SswGoxlj.js")), { vue_ui_quadrant: zt } = fl(), { isThemeValid: Ft, warnInvalidTheme: Bt } = xl(), W = Ct, _e = g(() => !!W.dataset && W.dataset.length), L = b(it()), ve = kt, ce = b(!1), de = b(""), Se = b(0), C = b(!1), X = b(null), qe = b(null), Te = b(null), ze = b(null), Fe = b(null), Be = b(0), De = b(0), We = b(0), Xe = b(!1), G = b(null), he = b(null), e = b(pe()), { loading: be, FINAL_DATASET: Ee } = pl({
+      ...Qt(W),
       FINAL_CONFIG: e,
-      prepareConfig: fe,
+      prepareConfig: pe,
       callback: () => {
         Promise.resolve().then(async () => {
-          await rt(), x.value.showTable = e.value.table.show;
+          await nt(), x.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -135,51 +135,51 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           }
         }
       })
-    }), { userOptionsVisible: be, setUserOptionsVisibility: We, keepUserOptionState: Xe } = kl({ config: e.value }), { svgRef: ye } = $l({ config: e.value.style.chart.title });
-    function fe() {
-      const l = ke({
-        userConfig: D.config,
-        defaultConfig: Tt
+    }), { userOptionsVisible: ye, setUserOptionsVisibility: Oe, keepUserOptionState: Ye } = kl({ config: e.value }), { svgRef: fe } = $l({ config: e.value.style.chart.title });
+    function pe() {
+      const l = we({
+        userConfig: W.config,
+        defaultConfig: zt
       }), o = l.theme;
       if (!o) return l;
-      if (!zt.value(l))
-        return Ft(l), l;
-      const a = ke({
-        userConfig: gt[o] || D.config,
+      if (!Ft.value(l))
+        return Bt(l), l;
+      const a = we({
+        userConfig: mt[o] || W.config,
         defaultConfig: l
-      }), u = ke({
-        userConfig: D.config,
+      }), u = we({
+        userConfig: W.config,
         defaultConfig: a
       });
       return {
         ...u,
-        customPalette: u.customPalette.length ? u.customPalette : el[o] || xe
+        customPalette: u.customPalette.length ? u.customPalette : el[o] || Ae
       };
     }
-    Ce(() => D.config, (l) => {
-      e.value = fe(), be.value = !e.value.userOptions.showOnChartHover, Ee(), qe.value += 1, Te.value += 1, ze.value += 1, x.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
+    Le(() => W.config, (l) => {
+      e.value = pe(), ye.value = !e.value.userOptions.showOnChartHover, Me(), Be.value += 1, De.value += 1, We.value += 1, x.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const O = ot(null), H = ot(null), U = g(() => e.value.debug);
-    function Ee() {
-      if (tl(D.dataset) ? G({
+    const Y = ot(null), H = ot(null), U = g(() => e.value.debug);
+    function Me() {
+      if (tl(W.dataset) ? j({
         componentName: "VueUiQuadrant",
         type: "dataset",
         debug: U.value
-      }) : D.dataset.forEach((l, o) => {
-        [null, void 0].includes(l.name) && G({
+      }) : W.dataset.forEach((l, o) => {
+        [null, void 0].includes(l.name) && j({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: o,
           debug: U.value
-        }), [null, void 0].includes(l.series) ? G({
+        }), [null, void 0].includes(l.series) ? j({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: o,
           debug: U.value
         }) : l.series.forEach((a, u) => {
-          [null, void 0].includes(a.name) && G({
+          [null, void 0].includes(a.name) && j({
             componentName: "VueUiQuadrant",
             type: "datasetSerieAttribute",
             property: "name",
@@ -191,29 +191,29 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       }), e.value.responsive) {
         const l = bl(() => {
           const { width: o, height: a } = yl({
-            chart: W.value,
-            title: e.value.style.chart.title.text ? Ae.value : null,
-            legend: e.value.style.chart.legend.show ? we.value : null,
-            source: _e.value,
-            noTitle: Se.value
+            chart: X.value,
+            title: e.value.style.chart.title.text ? qe.value : null,
+            legend: e.value.style.chart.legend.show ? Te.value : null,
+            source: ze.value,
+            noTitle: Fe.value
           });
           $.value = 48, requestAnimationFrame(() => {
             t.value.height = a, t.value.usableHeight = a - $.value * 2, t.value.width = o, t.value.usableWidth = o - $.value * 2, t.value.top = $.value, t.value.left = $.value, t.value.right = o - $.value, t.value.bottom = a - $.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = $.value;
           });
         });
-        O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect()), O.value = new ResizeObserver(l), H.value = W.value.parentNode, O.value.observe(H.value);
+        Y.value && (H.value && Y.value.unobserve(H.value), Y.value.disconnect()), Y.value = new ResizeObserver(l), H.value = X.value.parentNode, Y.value.observe(H.value);
       }
     }
-    Qt(() => {
-      Fe.value = !0, Ee();
+    jt(() => {
+      Xe.value = !0, Me();
     }), Gt(() => {
-      O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
+      Y.value && (H.value && Y.value.unobserve(H.value), Y.value.disconnect());
     });
-    const { isPrinting: Ye, isImaging: Oe, generatePdf: Me, generateImage: Ne } = ml({
+    const { isPrinting: Ne, isImaging: Pe, generatePdf: Re, generateImage: Ve } = ml({
       elementId: `vue-ui-quadrant_${L.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), Bt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Pe = g(() => ll(e.value.customPalette)), x = b({
+    }), Dt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = g(() => ll(e.value.customPalette)), x = b({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
@@ -236,7 +236,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       startX: 0,
       startY: 0
     });
-    Ce(() => t.value, (l) => {
+    Le(() => t.value, (l) => {
       l && (v.value = {
         ...JSON.parse(JSON.stringify(t.value)),
         startX: 0,
@@ -284,7 +284,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         default:
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
-    }), Dt = b(null), le = b(!1);
+    }), Wt = b(null), le = b(!1);
     function J({ targetX: l, targetY: o, targetW: a, targetH: u, side: r }) {
       c.value && ee(r);
       const y = {
@@ -293,9 +293,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         w: a - v.value.width,
         h: u - v.value.height
       }, m = e.value.zoomAnimationFrames;
-      let X = 0;
+      let E = 0;
       function at() {
-        le.value = !0, v.value.startX += y.x / m, v.value.startY += y.y / m, v.value.width += y.w / m, v.value.height += y.h / m, X += 1, X < m ? Dt.value = requestAnimationFrame(at) : le.value = !1;
+        le.value = !0, v.value.startX += y.x / m, v.value.startY += y.y / m, v.value.width += y.w / m, v.value.height += y.h / m, E += 1, E < m ? Wt.value = requestAnimationFrame(at) : le.value = !1;
       }
       at();
     }
@@ -353,7 +353,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           C.value = !0;
         }
     }
-    const Wt = g(() => {
+    const Xt = g(() => {
       const l = e.value.style.chart.layout.grid.graduations.steps, o = t.value.usableWidth / (l * 2), a = t.value.top, u = [];
       for (let r = 0; r < l; r += 1)
         u.push({
@@ -364,7 +364,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           opacity: Math.round((r + 1) / l * 20)
         });
       return u;
-    }), _ = g(() => {
+    }), S = g(() => {
       let l = e.value.style.chart.layout.grid.xAxis.max, o = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, u = e.value.style.chart.layout.grid.yAxis.min;
       return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...Q.value.flatMap((r) => r.series.map((y) => y.x))), o = Math.min(...Q.value.flatMap((r) => r.series.map((y) => y.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...Q.value.flatMap((r) => r.series.map((y) => y.y))), u = Math.min(...Q.value.flatMap((r) => r.series.map((y) => y.y)))), {
         x: {
@@ -376,38 +376,38 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           min: u
         }
       };
-    }), F = b([]), Q = g(() => De.value.map((l, o) => ({
+    }), F = b([]), Q = g(() => Ee.value.map((l, o) => ({
       ...l,
       series: ol({
         data: l.series,
         threshold: e.value.downsample.threshold
       }),
       id: `cat_${o}_${L.value}`,
-      color: al(l.color) || Pe.value[o] || xe[o]
-    }))), Xt = g(() => Q.value.filter((l) => !F.value.includes(l.id))), Et = g(() => Q.value.map((l, o) => ({
+      color: al(l.color) || Ie.value[o] || Ae[o]
+    }))), Et = g(() => Q.value.filter((l) => !F.value.includes(l.id))), Ot = g(() => Q.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: Re(a.x),
-        y: Ve(a.y),
+        x: He(a.x),
+        y: Ue(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: He({ x: a.x, y: a.y }),
+        quadrantSide: je({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color
       }))
-    }))), q = g(() => (De.value.forEach((l, o) => {
+    }))), q = g(() => (Ee.value.forEach((l, o) => {
       l.series.forEach((a, u) => {
-        [null, void 0].includes(a.x) && G({
+        [null, void 0].includes(a.x) && j({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "x",
           key: "series",
           index: u,
           debug: U.value
-        }), [null, void 0].includes(a.y) && G({
+        }), [null, void 0].includes(a.y) && j({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
@@ -416,49 +416,49 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           debug: U.value
         });
       });
-    }), Xt.value.map((l, o) => ({
+    }), Et.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || Pe.value[o] || xe[o],
+      color: l.color || Ie.value[o] || Ae[o],
       series: l.series.map((a) => ({
         ...a,
-        x: Re(a.x),
-        y: Ve(a.y),
+        x: He(a.x),
+        y: Ue(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: He({ x: a.x, y: a.y }),
+        quadrantSide: je({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: nt()
+        uid: it()
       }))
     }))));
-    function Re(l) {
+    function He(l) {
       if (l >= 0) {
-        const o = l / _.value.x.max;
+        const o = l / S.value.x.max;
         return t.value.centerX + t.value.usableWidth / 2 * o;
       } else {
-        const o = Math.abs(l) / Math.abs(_.value.x.min);
+        const o = Math.abs(l) / Math.abs(S.value.x.min);
         return t.value.centerX - t.value.usableWidth / 2 * o;
       }
     }
-    function Ve(l) {
+    function Ue(l) {
       if (l >= 0) {
-        const o = l / _.value.y.max;
+        const o = l / S.value.y.max;
         return t.value.centerY + (1 - t.value.usableHeight / 2 * o);
       } else {
-        const o = Math.abs(l) / Math.abs(_.value.y.min);
+        const o = Math.abs(l) / Math.abs(S.value.y.min);
         return t.value.centerY - (1 - t.value.usableHeight / 2 * o);
       }
     }
     const ae = g(() => {
-      const l = q.value.flatMap((m) => m.series.map((X) => ({
-        x: X.xValue,
-        y: X.yValue,
-        name: X.name,
-        category: X.categoryName,
-        quadrantSide: X.quadrantSide,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[X.quadrantSide].text,
+      const l = q.value.flatMap((m) => m.series.map((E) => ({
+        x: E.xValue,
+        y: E.yValue,
+        name: E.name,
+        category: E.categoryName,
+        quadrantSide: E.quadrantSide,
+        sideName: e.value.style.chart.layout.labels.quadrantLabels[E.quadrantSide].text,
         color: m.color,
         shape: m.shape
       }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", u = [e.value.translations.category, e.value.translations.item, o, a, e.value.translations.side], r = l.map((m) => [m.category, m.name, m.x, m.y, m.sideName || m.quadrantSide]), y = l.map((m) => ({
@@ -508,10 +508,10 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
     });
     function Z(l) {
       F.value.includes(l) ? F.value = F.value.filter((a) => a !== l) : F.value.push(l);
-      const o = je();
+      const o = Ge();
       ve("selectLegend", o);
     }
-    const K = g(() => Et.value.map((l) => ({
+    const K = g(() => Ot.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
@@ -520,21 +520,21 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       segregate: () => Z(l.id),
       isSegregated: F.value.includes(l.id)
     })));
-    function Ie(l) {
+    function Qe(l) {
       if (!K.value.length)
         return e.value.debug && console.warn("VueUiQuadrant - There are no series to show."), null;
       const o = K.value.find((a) => a.name === l);
       return o || (e.value.debug && console.warn(`VueUiQuadrant - Series name not found "${l}"`), null);
     }
     function Yt(l) {
-      const o = Ie(l);
+      const o = Qe(l);
       o !== null && F.value.includes(o.id) && Z(o.id);
     }
-    function Ot(l) {
-      const o = Ie(l);
+    function Mt(l) {
+      const o = Qe(l);
       o !== null && (F.value.includes(o.id) || Z(o.id));
     }
-    const Mt = g(() => ({
+    const Nt = g(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -542,7 +542,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function He(l) {
+    function je(l) {
       switch (!0) {
         case (l.x >= 0 && l.y >= 0):
           return "tr";
@@ -556,12 +556,12 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           return "";
       }
     }
-    const ue = b(null), se = b(null), pe = b(null);
-    function Ue(l, o, a) {
+    const ue = b(null), se = b(null), ge = b(null);
+    function me(l, o, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: a }), ue.value = o.uid, se.value = {
         color: l.color,
         shape: l.shape
-      }, pe.value = {
+      }, ge.value = {
         datapoint: o,
         seriesIndex: a,
         series: q.value,
@@ -601,10 +601,10 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         )}</b></div>`, de.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function Qe(l, o) {
+    function Ce(l, o) {
       ce.value = !1, ue.value = null, se.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
     }
-    function Ge(l, o, a) {
+    function xe(l, o, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: a });
       const u = {
         category: l.name,
@@ -737,7 +737,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         }
       }
     }));
-    function je() {
+    function Ge() {
       return q.value.map((l) => ({
         color: l.color,
         name: l.name,
@@ -751,15 +751,15 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         }))
       }));
     }
-    function ge(l = null) {
-      rt(() => {
+    function ke(l = null) {
+      nt(() => {
         const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ae.value.head, u = ae.value.body, r = o.concat([a]).concat(u), y = vl(r);
         l ? l(y) : cl({ csvContent: y, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
     const I = b(!1);
     function Je(l) {
-      I.value = l, Le.value += 1;
+      I.value = l, Se.value += 1;
     }
     function Ze() {
       x.value.showTable = !x.value.showTable;
@@ -771,12 +771,12 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       x.value.showTooltip = !x.value.showTooltip;
     }
     const re = b(!1);
-    function me() {
+    function $e() {
       re.value = !re.value;
     }
-    async function Nt({ scale: l = 2 } = {}) {
-      if (!W.value) return;
-      const { width: o, height: a } = W.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: y } = await Ll({ domElement: W.value, base64: !0, img: !0, scale: l });
+    async function Pt({ scale: l = 2 } = {}) {
+      if (!X.value) return;
+      const { width: o, height: a } = X.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: y } = await Ll({ domElement: X.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: r,
         base64: y,
@@ -789,7 +789,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
     const te = g(() => {
       const l = e.value.table.useDialog && !e.value.table.show, o = x.value.showTable;
       return {
-        component: l ? qt : Lt,
+        component: l ? Tt : At,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -797,7 +797,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: I.value,
-          fullscreenParent: W.value,
+          fullscreenParent: X.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -816,56 +816,56 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         }
       };
     });
-    Ce(() => x.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+    Le(() => x.value.showTable, (l) => {
+      e.value.table.show || (l && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
     });
     function tt() {
       x.value.showTable = !1, he.value && he.value.setTableIconState(!1);
     }
-    const Pt = g(() => e.value.style.chart.backgroundColor), Rt = g(() => e.value.style.chart.legend), Vt = g(() => e.value.style.chart.title), { exportSvg: It, getSvg: Ht } = Cl({
-      svg: ye,
-      title: Vt,
-      legend: Rt,
+    const Rt = g(() => e.value.style.chart.backgroundColor), Vt = g(() => e.value.style.chart.legend), It = g(() => e.value.style.chart.title), { exportSvg: Ht, getSvg: Ut } = Cl({
+      svg: fe,
+      title: It,
+      legend: Vt,
       legendItems: K,
-      backgroundColor: Pt
+      backgroundColor: Rt
     });
     async function lt({ isCb: l }) {
       if (l) {
-        const { blob: o, url: a, text: u, dataUrl: r } = await Ht();
+        const { blob: o, url: a, text: u, dataUrl: r } = await Ut();
         e.value.userOptions.callbacks.svg({ blob: o, url: a, text: u, dataUrl: r });
       } else
-        It();
+        Ht();
     }
-    return Ct({
-      getData: je,
-      getImage: Nt,
-      generatePdf: Me,
-      generateCsv: ge,
-      generateImage: Ne,
+    return xt({
+      getData: Ge,
+      getImage: Pt,
+      generatePdf: Re,
+      generateCsv: ke,
+      generateImage: Ve,
       generateSvg: lt,
-      hideSeries: Ot,
+      hideSeries: Mt,
       showSeries: Yt,
       toggleTable: Ze,
       toggleLabels: Ke,
       toggleTooltip: et,
-      toggleAnnotator: me,
+      toggleAnnotator: $e,
       toggleFullscreen: Je
     }), (l, o) => (s(), n("div", {
       class: B(`vue-data-ui-component vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: W,
+      ref: X,
       id: `vue-ui-quadrant_${L.value}`,
       style: w(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[14] || (o[14] = () => i(We)(!0)),
-      onMouseleave: o[15] || (o[15] = () => i(We)(!1))
+      onMouseenter: o[14] || (o[14] = () => i(Oe)(!0)),
+      onMouseleave: o[15] || (o[15] = () => i(Oe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), E(i(wt), {
+      e.value.userOptions.buttons.annotator ? (s(), O(i(_t), {
         key: 0,
-        svgRef: i(ye),
+        svgRef: i(fe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: re.value,
-        onClose: me
+        onClose: $e
       }, {
         "annotator-action-close": f(() => [
           p(l.$slots, "annotator-action-close", {}, void 0, !0)
@@ -887,21 +887,21 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      Bt.value ? (s(), n("div", {
+      Dt.value ? (s(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Se,
+        ref: Fe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ae,
+        ref: qe,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), E(Al, {
-          key: `table_${qe.value}`,
+        (s(), O(Al, {
+          key: `table_${Be.value}`,
           config: {
             title: {
               cy: "quadrant-title",
@@ -917,14 +917,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       d("div", {
         id: `legend-top-${L.value}`
       }, null, 8, ql),
-      e.value.userOptions.show && $e.value && (i(Xe) || i(be)) ? (s(), E(i(_t), {
+      e.value.userOptions.show && _e.value && (i(Ye) || i(ye)) ? (s(), O(i(St), {
         ref_key: "userOptionsRef",
         ref: he,
-        key: `user_options_${Le.value}`,
+        key: `user_options_${Se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: i(Oe),
-        isPrinting: i(Ye),
+        isImaging: i(Pe),
+        isPrinting: i(Ne),
         uid: L.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -937,7 +937,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         isFullscreen: I.value,
         isTooltip: x.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: W.value,
+        chartElement: X.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: re.value,
@@ -945,16 +945,16 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Je,
-        onGeneratePdf: i(Me),
-        onGenerateCsv: ge,
-        onGenerateImage: i(Ne),
+        onGeneratePdf: i(Re),
+        onGenerateCsv: ke,
+        onGenerateImage: i(Ve),
         onGenerateSvg: lt,
         onToggleTable: Ze,
         onToggleLabels: Ke,
         onToggleTooltip: et,
-        onToggleAnnotator: me,
+        onToggleAnnotator: $e,
         style: w({
-          visibility: i(Xe) ? i(be) ? "visible" : "hidden" : "visible"
+          visibility: i(Ye) ? i(ye) ? "visible" : "hidden" : "visible"
         })
       }, ut({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -1030,14 +1030,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (s(), n("svg", {
         ref_key: "svgRef",
-        ref: ye,
+        ref: fe,
         xmlns: i(ul),
         class: B({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `${v.value.startX} ${v.value.startY} ${v.value.width} ${v.value.height}`,
         style: w(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
         id: `svg_${L.value}`
       }, [
-        ne(i(St)),
+        ne(i(qt)),
         l.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: v.value.startX,
@@ -1051,7 +1051,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           p(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, zl)) : h("", !0),
         d("defs", null, [
-          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("radialGradient", {
+          (s(!0), n(_, null, D(q.value, (a, u) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1070,7 +1070,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ], 8, Fl))), 256))
         ]),
         e.value.style.chart.layout.grid.graduations.show ? (s(), n("g", Wl, [
-          (s(!0), n(S, null, Y(Wt.value, (a) => (s(), n("rect", {
+          (s(!0), n(_, null, D(Xt.value, (a) => (s(), n("rect", {
             fill: e.value.style.chart.layout.grid.graduations.fill ? i(ie)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
             x: a.x,
             y: a.y,
@@ -1096,8 +1096,8 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           y2: t.value.bottom,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, Yl),
-        e.value.style.chart.layout.grid.showArrows ? (s(), n("g", Ol, [
+        }, null, 8, Ol),
+        e.value.style.chart.layout.grid.showArrows ? (s(), n("g", Yl, [
           d("polygon", {
             points: `${t.value.right - 8},${t.value.centerY - 6} ${t.value.right},${t.value.centerY} ${t.value.right - 8},${t.value.centerY + 6}`,
             fill: e.value.style.chart.layout.grid.stroke,
@@ -1161,7 +1161,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             onClick: o[3] || (o[3] = (a) => ee("bl"))
           }, k(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Ql)) : h("", !0)
         ])) : h("", !0),
-        e.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", Gl, [
+        e.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", jl, [
           d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 6,
@@ -1170,12 +1170,12 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
           }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
-            _.value.y.max,
+            S.value.y.max,
             i(R)({
-              v: _.value.y.max,
+              v: S.value.y.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, jl),
+          )), 9, Gl),
           d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 2,
@@ -1191,9 +1191,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
           }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
-            _.value.y.min,
+            S.value.y.min,
             i(R)({
-              v: _.value.y.min,
+              v: S.value.y.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, Zl),
@@ -1205,9 +1205,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
           }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
-            _.value.x.min,
+            S.value.x.min,
             i(R)({
-              v: _.value.x.min,
+              v: S.value.x.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, Kl),
@@ -1219,9 +1219,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
           }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
-            _.value.x.max,
+            S.value.x.max,
             i(R)({
-              v: _.value.x.max,
+              v: S.value.x.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, ea),
@@ -1234,7 +1234,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           }, k(e.value.style.chart.layout.grid.xAxis.name), 9, ta)
         ])) : h("", !0),
         e.value.style.chart.layout.areas.show ? (s(), n("g", la, [
-          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("g", null, [
+          (s(!0), n(_, null, D(q.value, (a, u) => (s(), n("g", null, [
             a.series.length > 2 ? (s(), n("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
@@ -1281,28 +1281,39 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             class: B({ "vue-data-ui-zoom-plus": !C.value, "vue-data-ui-zoom-minus": C.value })
           }, null, 10, ra)
         ]),
-        e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(S, { key: 7 }, [
-          x.value.plotLabels.show ? (s(), n("g", ca, [
-            (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n(S, null, [
-              (s(!0), n(S, null, Y(a.series, (r) => (s(), n("foreignObject", {
+        e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(_, { key: 7 }, [
+          x.value.plotLabels.show ? (s(), n("g", da, [
+            (s(!0), n(_, null, D(q.value, (a, u) => (s(), n(_, null, [
+              (s(!0), n(_, null, D(a.series, (r) => (s(), n("foreignObject", {
                 style: { overflow: "visible" },
                 height: "10",
                 width: "100",
                 x: r.x - 50,
                 y: r.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (y) => Ue(a, r, u),
-                onMouseleave: (y) => Qe(r, u),
-                onClick: (y) => Ge(a, r, u)
+                onMouseover: (y) => me(a, r, u),
+                onMouseleave: (y) => Ce(r, u),
+                onClick: (y) => xe(a, r, u)
               }, [
                 d("div", {
                   style: w(`color:${i(il)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
                 }, k(r.name), 5)
-              ], 40, da))), 256))
+              ], 40, ha))), 256))
             ], 64))), 256))
           ])) : h("", !0)
-        ], 64)) : (s(), n(S, { key: 6 }, [
-          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("g", null, [
-            (s(!0), n(S, null, Y(a.series, (r) => (s(), E(it, {
+        ], 64)) : (s(), n(_, { key: 6 }, [
+          (s(!0), n(_, null, D(q.value, (a, u) => (s(), n("g", null, [
+            l.$slots.datapoint && !i(be) ? (s(!0), n(_, { key: 0 }, D(a.series, (r) => (s(), n("foreignObject", {
+              x: r.x - 1,
+              y: r.y - 1,
+              width: "2",
+              height: "2",
+              style: { overflow: "visible" },
+              onMouseenter: (y) => me(a, r, u),
+              onMouseleave: (y) => Ce(r, u),
+              onClick: (y) => xe(a, r, u)
+            }, [
+              p(l.$slots, "datapoint", st({ ref_for: !0 }, { datapoint: r }), void 0, !0)
+            ], 40, na))), 256)) : (s(!0), n(_, { key: 1 }, D(a.series, (r) => (s(), O(vt, {
               color: a.color,
               isSelected: ue.value && r.uid === ue.value,
               plot: r,
@@ -1310,14 +1321,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               shape: a.shape,
               stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
               strokeWidth: e.value.style.chart.layout.plots.outlineWidth,
-              onMouseenter: (y) => Ue(a, r, u),
-              onMouseleave: (y) => Qe(r, u),
-              onClick: (y) => Ge(a, r, u)
+              onMouseenter: (y) => me(a, r, u),
+              onMouseleave: (y) => Ce(r, u),
+              onClick: (y) => xe(a, r, u)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]))), 256))
           ]))), 256)),
-          x.value.plotLabels.show ? (s(), n("g", na, [
-            (s(!0), n(S, null, Y(q.value, (a) => (s(), n("g", null, [
-              (s(!0), n(S, null, Y(a.series, (u) => (s(), n("g", null, [
+          x.value.plotLabels.show ? (s(), n("g", ia, [
+            (s(!0), n(_, null, D(q.value, (a) => (s(), n("g", null, [
+              (s(!0), n(_, null, D(a.series, (u) => (s(), n("g", null, [
                 String(u.name).includes(`
 `) ? (s(), n("text", {
                   key: 1,
@@ -1333,45 +1344,45 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
                     x: u.x,
                     y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
                   })
-                }, null, 8, va)) : (s(), n("text", {
+                }, null, 8, ca)) : (s(), n("text", {
                   key: 0,
                   x: u.x,
                   y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (C.value ? 1.5 : 1),
                   fill: e.value.style.chart.layout.labels.plotLabels.color
-                }, k(u.name), 9, ia))
+                }, k(u.name), 9, va))
               ]))), 256))
             ]))), 256))
           ])) : h("", !0)
         ], 64)),
-        C.value ? (s(), n("g", ha, [
+        C.value ? (s(), n("g", ba, [
           c.value === "TL" ? (s(), n("polygon", {
             key: 0,
             points: `${t.value.left - 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.top - 1} ${t.value.right},${t.value.top - 1} ${t.value.right},${t.value.bottom} ${t.value.left - 1},${t.value.bottom} ${t.value.left - 1},${t.value.centerY}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, ba)) : h("", !0),
+          }, null, 8, ya)) : h("", !0),
           c.value === "TR" ? (s(), n("polygon", {
             key: 1,
             points: `${t.value.left},${t.value.top - 1} ${t.value.centerX},${t.value.top - 1} ${t.value.centerX},${t.value.centerY} ${t.value.right + 1},${t.value.centerY} ${t.value.right + 1},${t.value.bottom} ${t.value.left},${t.value.bottom} ${t.value.left},${t.value.top - 1}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, ya)) : h("", !0),
+          }, null, 8, fa)) : h("", !0),
           c.value === "BR" ? (s(), n("polygon", {
             key: 2,
             points: `${t.value.left},${t.value.top} ${t.value.right + 1},${t.value.top} ${t.value.right + 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.bottom + 1} ${t.value.left},${t.value.bottom + 1} ${t.value.left},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, fa)) : h("", !0),
+          }, null, 8, pa)) : h("", !0),
           c.value === "BL" ? (s(), n("polygon", {
             key: 3,
             points: `${t.value.left - 1},${t.value.top} ${t.value.right},${t.value.top} ${t.value.right},${t.value.bottom + 1} ${t.value.centerX},${t.value.bottom + 1} ${t.value.centerX},${t.value.centerY} ${t.value.left - 1},${t.value.centerY} ${t.value.left - 1},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, pa)) : h("", !0)
+          }, null, 8, ga)) : h("", !0)
         ])) : h("", !0),
-        c.value && !le.value ? (s(), n("g", ga, [
+        c.value && !le.value ? (s(), n("g", ma, [
           d("text", {
             x: V.value.x,
             y: V.value.y - V.value.fontSize / 1.5,
@@ -1379,9 +1390,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             fill: V.value.fill,
             "text-anchor": "middle",
             "font-weight": V.value.bold ? "bold" : "normal"
-          }, k(V.value.text), 9, ma)
+          }, k(V.value.text), 9, Ca)
         ])) : h("", !0),
-        C.value && c.value ? (s(), n("g", Ca, [
+        C.value && c.value ? (s(), n("g", xa, [
           d("rect", {
             x: A.value[c.value].tl.x,
             y: A.value[c.value].tl.y,
@@ -1391,7 +1402,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             style: w(`cursor: pointer; opacity: ${c.value === "TL" ? 1 : 0.2}`),
             onClick: o[8] || (o[8] = (a) => M("TL")),
             class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TL" })
-          }, null, 14, xa),
+          }, null, 14, ka),
           d("rect", {
             x: A.value[c.value].tr.x,
             y: A.value[c.value].tr.y,
@@ -1401,7 +1412,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             style: w(`cursor: pointer; opacity: ${c.value === "TR" ? 1 : 0.2}`),
             onClick: o[9] || (o[9] = (a) => M("TR")),
             class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TR" })
-          }, null, 14, ka),
+          }, null, 14, $a),
           d("rect", {
             x: A.value[c.value].br.x,
             y: A.value[c.value].br.y,
@@ -1411,7 +1422,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             style: w(`cursor: pointer; opacity: ${c.value === "BR" ? 1 : 0.2}`),
             onClick: o[10] || (o[10] = (a) => M("BR")),
             class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BR" })
-          }, null, 14, $a),
+          }, null, 14, La),
           d("rect", {
             x: A.value[c.value].bl.x,
             y: A.value[c.value].bl.y,
@@ -1421,48 +1432,48 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             style: w(`cursor: pointer; opacity: ${c.value === "BL" ? 1 : 0.2}`),
             onClick: o[11] || (o[11] = (a) => M("BL")),
             class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BL" })
-          }, null, 14, La),
+          }, null, 14, Aa),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: A.value[c.value].crosshairs.horizontal
-          }, null, 8, Aa),
+          }, null, 8, wa),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: A.value[c.value].crosshairs.vertical
-          }, null, 8, wa)
+          }, null, 8, _a)
         ])) : h("", !0),
         p(l.$slots, "svg", { svg: t.value }, void 0, !0)
       ], 14, Tl)),
-      l.$slots.watermark ? (s(), n("div", _a, [
-        p(l.$slots, "watermark", T(z({ isPrinting: i(Ye) || i(Oe) })), void 0, !0)
+      l.$slots.watermark ? (s(), n("div", Sa, [
+        p(l.$slots, "watermark", T(z({ isPrinting: i(Ne) || i(Pe) })), void 0, !0)
       ])) : h("", !0),
       d("div", {
         id: `legend-bottom-${L.value}`
-      }, null, 8, Sa),
-      Fe.value ? (s(), E(jt, {
+      }, null, 8, qa),
+      Xe.value ? (s(), O(Jt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
       }, [
         d("div", {
           ref_key: "chartLegend",
-          ref: we
+          ref: Te
         }, [
-          e.value.style.chart.legend.show ? (s(), E(wl, {
-            key: `legend_${ze.value}`,
+          e.value.style.chart.legend.show ? (s(), O(wl, {
+            key: `legend_${We.value}`,
             legendSet: K.value,
-            config: Mt.value,
+            config: Nt.value,
             onClickMarker: o[12] || (o[12] = ({ legend: a }) => Z(a.id))
           }, {
             item: f(({ legend: a }) => [
-              i(Be) ? h("", !0) : (s(), n("div", {
+              i(be) ? h("", !0) : (s(), n("div", {
                 key: 0,
                 onClick: (u) => Z(a.id),
                 style: w(`opacity:${F.value.includes(a.id) ? 0.5 : 1}`)
-              }, k(a.name), 13, qa))
+              }, k(a.name), 13, Ta))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
@@ -1474,12 +1485,12 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       l.$slots.source ? (s(), n("div", {
         key: 6,
         ref_key: "source",
-        ref: _e,
+        ref: ze,
         dir: "auto"
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      ne(i(kt), {
+      ne(i($t), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: x.value.showTooltip && ce.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1491,7 +1502,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: W.value,
+        parent: X.value,
         content: de.value,
         isFullscreen: I.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
@@ -1501,14 +1512,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": f(() => [
-          p(l.$slots, "tooltip-before", T(z({ ...pe.value })), void 0, !0)
+          p(l.$slots, "tooltip-before", T(z({ ...ge.value })), void 0, !0)
         ]),
         "tooltip-after": f(() => [
-          p(l.$slots, "tooltip-after", T(z({ ...pe.value })), void 0, !0)
+          p(l.$slots, "tooltip-after", T(z({ ...ge.value })), void 0, !0)
         ]),
         default: f(() => [
-          e.value.style.chart.tooltip.showShape ? (s(), n("svg", Ta, [
-            ne(it, {
+          e.value.style.chart.tooltip.showShape ? (s(), n("svg", za, [
+            ne(vt, {
               plot: { x: 10, y: 10 },
               shape: se.value.shape,
               color: se.value.color,
@@ -1520,14 +1531,14 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      $e.value && e.value.userOptions.buttons.table ? (s(), E(Jt(te.value.component), Zt({ key: 7 }, te.value.props, {
+      _e.value && e.value.userOptions.buttons.table ? (s(), O(Zt(te.value.component), st({ key: 7 }, te.value.props, {
         ref_key: "tableUnit",
-        ref: j,
+        ref: G,
         onClose: tt
       }), ut({
         content: f(() => [
-          (s(), E(i(At), {
-            key: `table_${Te.value}`,
+          (s(), O(i(wt), {
+            key: `table_${De.value}`,
             colNames: oe.value.colNames,
             head: oe.value.head,
             body: oe.value.body,
@@ -1537,12 +1548,12 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             onClose: tt
           }, {
             th: f(({ th: a }) => [
-              st(k(a), 1)
+              rt(k(a), 1)
             ]),
             td: f(({ td: a }) => [
               d("div", {
                 innerHTML: a.name || a
-              }, null, 8, za)
+              }, null, 8, Fa)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1552,7 +1563,7 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         e.value.table.useDialog ? {
           name: "title",
           fn: f(() => [
-            st(k(te.value.title), 1)
+            rt(k(te.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1562,9 +1573,9 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             d("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[13] || (o[13] = (a) => ge(e.value.userOptions.callbacks.csv))
+              onClick: o[13] || (o[13] = (a) => ke(e.value.userOptions.callbacks.csv))
             }, [
-              ne(i($t), {
+              ne(i(Lt), {
                 name: "excel",
                 stroke: te.value.props.color
               }, null, 8, ["stroke"])
@@ -1573,15 +1584,15 @@ const vt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(Be) ? (s(), E(gl, { key: 8 })) : h("", !0)
+      i(be) ? (s(), O(gl, { key: 8 })) : h("", !0)
     ], 46, Sl));
   }
-}, Ba = /* @__PURE__ */ _l(Fa, [["__scopeId", "data-v-2a5129ac"]]), ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Da = /* @__PURE__ */ _l(Ba, [["__scopeId", "data-v-e38e2114"]]), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ba
+  default: Da
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Ga as a,
-  ja as b,
-  Ba as v
+  Ja as b,
+  Da as v
 };