vue-data-ui 2.6.18 → 2.6.20

package/dist/{vue-ui-quadrant-rVy92h_8.js → vue-ui-quadrant-DhODDM5V.js}

@@ -1,17 +1,17 @@
-import { computed as g, ref as y, watch as Fe, onMounted as ut, onBeforeUnmount as ot, createElementBlock as n, openBlock as o, unref as h, normalizeStyle as q, normalizeClass as T, createBlock as N, createCommentVNode as c, createElementVNode as d, createVNode as ve, createSlots as st, withCtx as $, renderSlot as k, normalizeProps as G, guardReactiveProps as Q, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as rt, nextTick as nt } from "vue";
-import { u as it, c as He, t as vt, p as de, a as dt, o as ct, e as F, b as ht, d as yt, U as bt, i as O, f as V, X as ft, s as ae, w as pt, V as gt, G as mt, q as xt, r as $t, x as kt, y as Lt } from "./index-Df45PKBw.js";
+import { computed as g, ref as y, watch as Fe, onMounted as ut, onBeforeUnmount as ot, createElementBlock as n, openBlock as o, unref as h, normalizeStyle as q, normalizeClass as T, createBlock as N, createCommentVNode as c, createElementVNode as d, createVNode as ve, createSlots as st, withCtx as m, renderSlot as x, normalizeProps as F, guardReactiveProps as H, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as rt, nextTick as nt } from "vue";
+import { u as it, c as He, t as vt, p as de, a as dt, o as ct, e as I, b as ht, d as yt, U as bt, i as O, f as V, X as ft, s as ae, w as pt, V as gt, G as mt, q as xt, r as $t, x as kt, y as Lt } from "./index-Cq7-va_5.js";
 import { t as wt, u as qt } from "./useResponsive-BWapHhVH.js";
-import { _ as _t } from "./Title-xfHZTDT9.js";
-import { u as Ct, U as St } from "./usePrinter-MC5pKUx5.js";
-import { _ as zt } from "./Tooltip-CF9cKbnr.js";
-import { _ as Ie } from "./Shape-RfSE_FzV.js";
-import { L as Tt } from "./Legend-w7VxyGN0.js";
-import { D as Xt } from "./DataTable-BH56SPdO.js";
-import Wt from "./vue-ui-skeleton-BIYEApQO.js";
-import Yt from "./vue-ui-accordion-BbCvey8w.js";
-import { u as Ue } from "./useNestedProp-BaSIdRPe.js";
-import { _ as At } from "./PackageVersion-D1edJun6.js";
-import { P as Mt } from "./PenAndPaper-DWnLI5jM.js";
+import { _ as _t } from "./Title-CUHNtIyE.js";
+import { u as Ct, U as St } from "./usePrinter-jRjc8Naz.js";
+import { _ as zt } from "./Tooltip-BuAQ8HVL.js";
+import { _ as Ie } from "./Shape-F5v4f45p.js";
+import { L as Tt } from "./Legend-CaMKYW-V.js";
+import { D as Xt } from "./DataTable-CMUyDj6S.js";
+import Wt from "./vue-ui-skeleton-DIrE1OTF.js";
+import Yt from "./vue-ui-accordion-vAQ_LLoP.js";
+import { u as Ue } from "./useNestedProp-BEyJNlaO.js";
+import { _ as At } from "./PackageVersion-CURzw4q1.js";
+import { P as Mt } from "./PenAndPaper-CjiJra09.js";
 import { u as Nt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ot } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -47,7 +47,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(De, { expose: Ee, emit: Ge }) {
-    const { vue_ui_quadrant: Qe } = it(), X = De, J = g(() => !!X.dataset && X.dataset.length), z = y(He()), ue = Ge, Je = y(null), j = y(!1), oe = y(""), ce = y(0), p = y(!1), H = y(null), he = y(null), ye = y(null), be = y(null), fe = y(null), pe = y(0), ge = y(0), me = y(0), t = g({
+    const { vue_ui_quadrant: Qe } = it(), X = De, J = g(() => !!X.dataset && X.dataset.length), z = y(He()), ue = Ge, Je = y(null), j = y(!1), oe = y(""), ce = y(0), p = y(!1), U = y(null), he = y(null), ye = y(null), be = y(null), fe = y(null), pe = y(0), ge = y(0), me = y(0), t = g({
       get: () => Le(),
       set: (l) => l
     }), { userOptionsVisible: se, setUserOptionsVisibility: xe, keepUserOptionState: $e } = Nt({ config: t.value }), { svgRef: ke } = Ot({ config: t.value.style.chart.title });
@@ -65,26 +65,26 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       } : l;
     }
     Fe(() => X.config, (l) => {
-      t.value = Le(), se.value = !t.value.userOptions.showOnChartHover, we(), pe.value += 1, ge.value += 1, me.value += 1, m.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, m.value.showTable = t.value.table.show, m.value.showTooltip = t.value.style.chart.tooltip.show;
+      t.value = Le(), se.value = !t.value.userOptions.showOnChartHover, we(), pe.value += 1, ge.value += 1, me.value += 1, $.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const Z = y(null);
     function we() {
-      if (ct(X.dataset) ? F({
+      if (ct(X.dataset) ? I({
         componentName: "VueUiQuadrant",
         type: "dataset"
       }) : X.dataset.forEach((l, u) => {
-        [null, void 0].includes(l.name) && F({
+        [null, void 0].includes(l.name) && I({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: u
-        }), [null, void 0].includes(l.series) ? F({
+        }), [null, void 0].includes(l.series) ? I({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: u
         }) : l.series.forEach((a, s) => {
-          [null, void 0].includes(a.name) && F({
+          [null, void 0].includes(a.name) && I({
             componentName: "VueUiQuadrant",
             type: "datasetSerieAttribute",
             property: "name",
@@ -95,17 +95,17 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       }), t.value.responsive) {
         const l = wt(() => {
           const { width: u, height: a } = qt({
-            chart: H.value,
+            chart: U.value,
             title: t.value.style.chart.title.text ? he.value : null,
             legend: t.value.style.chart.legend.show ? ye.value : null,
             source: be.value,
             noTitle: fe.value
           });
-          x.value = 48, requestAnimationFrame(() => {
-            e.value.height = a, e.value.usableHeight = a - x.value * 2, e.value.width = u, e.value.usableWidth = u - x.value * 2, e.value.top = x.value, e.value.left = x.value, e.value.right = u - x.value, e.value.bottom = a - x.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = x.value;
+          k.value = 48, requestAnimationFrame(() => {
+            e.value.height = a, e.value.usableHeight = a - k.value * 2, e.value.width = u, e.value.usableWidth = u - k.value * 2, e.value.top = k.value, e.value.left = k.value, e.value.right = u - k.value, e.value.bottom = a - k.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = k.value;
           });
         });
-        Z.value = new ResizeObserver(l), Z.value.observe(H.value.parentNode);
+        Z.value = new ResizeObserver(l), Z.value.observe(U.value.parentNode);
       }
     }
     ut(() => {
@@ -116,24 +116,24 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
     const { isPrinting: qe, isImaging: _e, generatePdf: Ce, generateImage: Se } = Ct({
       elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant"
-    }), je = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = g(() => ht(t.value.customPalette)), m = y({
+    }), je = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = g(() => ht(t.value.customPalette)), $ = y({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
-    }), x = y(48), e = y({
+    }), k = y(48), e = y({
       height: t.value.style.chart.height,
-      usableHeight: t.value.style.chart.height - x.value * 2,
+      usableHeight: t.value.style.chart.height - k.value * 2,
       width: t.value.style.chart.width,
-      usableWidth: t.value.style.chart.width - x.value * 2,
-      top: x.value,
-      left: x.value,
-      right: t.value.style.chart.width - x.value,
-      bottom: t.value.style.chart.height - x.value,
+      usableWidth: t.value.style.chart.width - k.value * 2,
+      top: k.value,
+      left: k.value,
+      right: t.value.style.chart.width - k.value,
+      bottom: t.value.style.chart.height - k.value,
       centerX: t.value.style.chart.width / 2,
       centerY: t.value.style.chart.height - t.value.style.chart.height / 2,
-      padding: x.value
+      padding: k.value
     }), i = y({
       ...JSON.parse(JSON.stringify(e.value)),
       startX: 0,
@@ -188,8 +188,8 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
     }), Ze = y(null), K = y(!1);
-    function I({ targetX: l, targetY: u, targetW: a, targetH: s, side: r }) {
-      v.value && E(r);
+    function D({ targetX: l, targetY: u, targetW: a, targetH: s, side: r }) {
+      v.value && Q(r);
       const b = {
         x: l - i.value.startX,
         y: u - i.value.startY,
@@ -205,7 +205,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
     function A(l) {
       if (!K.value)
         if (p.value && v.value === l)
-          I({
+          D({
             targetX: 0,
             targetY: 0,
             targetW: e.value.width,
@@ -214,7 +214,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
         else {
           switch (v.value = l, l) {
             case "TL":
-              I({
+              D({
                 targetX: 0,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -223,7 +223,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
               });
               break;
             case "TR":
-              I({
+              D({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -232,7 +232,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
               });
               break;
             case "BR":
-              I({
+              D({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -241,7 +241,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
               });
               break;
             case "BL":
-              I({
+              D({
                 targetX: 0,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -303,13 +303,13 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       }))
     }))), S = g(() => (X.dataset.forEach((l, u) => {
       l.series.forEach((a, s) => {
-        [null, void 0].includes(a.x) && F({
+        [null, void 0].includes(a.x) && I({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "x",
           key: "series",
           index: s
-        }), [null, void 0].includes(a.y) && F({
+        }), [null, void 0].includes(a.y) && I({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
@@ -442,9 +442,9 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           return "";
       }
     }
-    const U = y(null), D = y(null), ne = y(null);
+    const E = y(null), G = y(null), ne = y(null);
     function Ae(l, u, a) {
-      U.value = u.uid, D.value = {
+      E.value = u.uid, G.value = {
         color: l.color,
         shape: l.shape
       }, ne.value = {
@@ -499,7 +499,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       };
       ue("selectPlot", a);
     }
-    function E(l) {
+    function Q(l) {
       if (!l) return;
       const u = S.value.flatMap((s) => s.series.filter((r) => r.quadrantSide === l).map((r) => ({
         category: r.categoryName,
@@ -644,13 +644,13 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       B.value = l, ce.value += 1;
     }
     function Ve() {
-      m.value.showTable = !m.value.showTable;
+      $.value.showTable = !$.value.showTable;
     }
     function Pe() {
-      m.value.plotLabels.show = !m.value.plotLabels.show;
+      $.value.plotLabels.show = !$.value.plotLabels.show;
     }
     function Re() {
-      m.value.showTooltip = !m.value.showTooltip;
+      $.value.showTooltip = !$.value.showTooltip;
     }
     const le = y(!1);
     function ie() {
@@ -668,7 +668,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
     }), (l, u) => (o(), n("div", {
       class: T(`vue-ui-quadrant ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: H,
+      ref: U,
       id: `vue-ui-quadrant_${z.value}`,
       style: q(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: u[16] || (u[16] = () => h(xe)(!0)),
@@ -726,9 +726,9 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         isFullscreen: B.value,
-        isTooltip: m.value.showTooltip,
+        isTooltip: $.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: H.value,
+        chartElement: U.value,
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: le.value,
@@ -744,61 +744,68 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           visibility: h($e) ? h(se) ? "visible" : "hidden" : "visible"
         })
       }, st({ _: 2 }, [
+        l.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: m(({ isOpen: a, color: s }) => [
+            x(l.$slots, "menuIcon", F(H({ isOpen: a, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: $(() => [
-            k(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: $(() => [
-            k(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: $(() => [
-            k(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: $(() => [
-            k(l.$slots, "optionImg", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: $(() => [
-            k(l.$slots, "optionTable", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: $(() => [
-            k(l.$slots, "optionLabels", {}, void 0, !0)
+          fn: m(() => [
+            x(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: a, isFullscreen: s }) => [
-            k(l.$slots, "optionFullscreen", G(Q({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: m(({ toggleFullscreen: a, isFullscreen: s }) => [
+            x(l.$slots, "optionFullscreen", F(H({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: $(({ toggleAnnotator: a, isAnnotator: s }) => [
-            k(l.$slots, "optionAnnotator", G(Q({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: m(({ toggleAnnotator: a, isAnnotator: s }) => [
+            x(l.$slots, "optionAnnotator", F(H({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       J.value ? (o(), n("svg", {
@@ -822,7 +829,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             pointerEvents: "none"
           }
         }, [
-          k(l.$slots, "chart-background", {}, void 0, !0)
+          x(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, Bt)) : c("", !0),
         d("defs", null, [
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("radialGradient", {
@@ -902,7 +909,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
-            onClick: u[0] || (u[0] = (a) => E("tl"))
+            onClick: u[0] || (u[0] = (a) => Q("tl"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, tl)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (o(), n("text", {
             key: 1,
@@ -912,7 +919,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
-            onClick: u[1] || (u[1] = (a) => E("tr"))
+            onClick: u[1] || (u[1] = (a) => Q("tr"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, ll)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.br.text ? (o(), n("text", {
             key: 2,
@@ -922,7 +929,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.br.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
-            onClick: u[2] || (u[2] = (a) => E("br"))
+            onClick: u[2] || (u[2] = (a) => Q("br"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, al)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (o(), n("text", {
             key: 3,
@@ -932,7 +939,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
-            onClick: u[3] || (u[3] = (a) => E("bl"))
+            onClick: u[3] || (u[3] = (a) => Q("bl"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, ul)) : c("", !0)
         ])) : c("", !0),
         t.value.style.chart.layout.labels.axisLabels.show ? (o(), n("g", ol, [
@@ -1056,7 +1063,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           }, null, 10, pl)
         ]),
         t.value.style.chart.layout.labels.plotLabels.showAsTag ? (o(), n(C, { key: 7 }, [
-          m.value.plotLabels.show ? (o(), n("g", xl, [
+          $.value.plotLabels.show ? (o(), n("g", xl, [
             (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n(C, null, [
               (o(!0), n(C, null, Y(a.series, (r) => (o(), n("foreignObject", {
                 style: { overflow: "visible" },
@@ -1066,7 +1073,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
                 y: r.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
                 onMouseover: (b) => Ae(a, r, s),
                 onMouseleave: u[9] || (u[9] = (b) => {
-                  j.value = !1, U.value = null, D.value = null;
+                  j.value = !1, E.value = null, G.value = null;
                 }),
                 onClick: (b) => Me(a, r)
               }, [
@@ -1080,7 +1087,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("g", null, [
             (o(!0), n(C, null, Y(a.series, (r) => (o(), N(Ie, {
               color: a.color,
-              isSelected: U.value && r.uid === U.value,
+              isSelected: E.value && r.uid === E.value,
               plot: r,
               radius: t.value.style.chart.layout.plots.radius / (p.value ? 1.5 : 1),
               shape: a.shape,
@@ -1088,12 +1095,12 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
               strokeWidth: t.value.style.chart.layout.plots.outlineWidth,
               onMouseenter: (b) => Ae(a, r, s),
               onMouseleave: u[8] || (u[8] = (b) => {
-                j.value = !1, U.value = null, D.value = null;
+                j.value = !1, E.value = null, G.value = null;
               }),
               onClick: (b) => Me(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onClick"]))), 256))
           ]))), 256)),
-          m.value.plotLabels.show ? (o(), n("g", gl, [
+          $.value.plotLabels.show ? (o(), n("g", gl, [
             (o(!0), n(C, null, Y(S.value, (a) => (o(), n("g", null, [
               (o(!0), n(C, null, Y(a.series, (s) => (o(), n("text", {
                 x: s.x,
@@ -1195,10 +1202,10 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             d: w.value[v.value].crosshairs.vertical
           }, null, 8, Ml)
         ])) : c("", !0),
-        k(l.$slots, "svg", { svg: e.value }, void 0, !0)
+        x(l.$slots, "svg", { svg: e.value }, void 0, !0)
       ], 14, Rt)) : c("", !0),
       l.$slots.watermark ? (o(), n("div", Nl, [
-        k(l.$slots, "watermark", G(Q({ isPrinting: h(qe) || h(_e) })), void 0, !0)
+        x(l.$slots, "watermark", F(H({ isPrinting: h(qe) || h(_e) })), void 0, !0)
       ])) : c("", !0),
       J.value ? c("", !0) : (o(), N(Wt, {
         key: 6,
@@ -1228,14 +1235,14 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           config: lt.value,
           onClickMarker: u[14] || (u[14] = ({ legend: a }) => re(a.id))
         }, {
-          item: $(({ legend: a }) => [
+          item: m(({ legend: a }) => [
             d("div", {
               onClick: (s) => re(a.id),
               style: q(`opacity:${M.value.includes(a.id) ? 0.5 : 1}`)
             }, L(a.name), 13, Ol)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : k(l.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
           key: 1,
           legend: We.value
         }, void 0, !0)
@@ -1246,10 +1253,10 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
         ref: be,
         dir: "auto"
       }, [
-        k(l.$slots, "source", {}, void 0, !0)
+        x(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ve(zt, {
-        show: m.value.showTooltip && j.value,
+        show: $.value.showTooltip && j.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
         borderRadius: t.value.style.chart.tooltip.borderRadius,
@@ -1259,23 +1266,23 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
         backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
-        parent: H.value,
+        parent: U.value,
         content: oe.value,
         isFullscreen: B.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
       }, {
-        "tooltip-before": $(() => [
-          k(l.$slots, "tooltip-before", G(Q({ ...ne.value })), void 0, !0)
+        "tooltip-before": m(() => [
+          x(l.$slots, "tooltip-before", F(H({ ...ne.value })), void 0, !0)
         ]),
-        "tooltip-after": $(() => [
-          k(l.$slots, "tooltip-after", G(Q({ ...ne.value })), void 0, !0)
+        "tooltip-after": m(() => [
+          x(l.$slots, "tooltip-after", F(H({ ...ne.value })), void 0, !0)
         ]),
-        default: $(() => [
+        default: m(() => [
           t.value.style.chart.tooltip.showShape ? (o(), n("svg", Vl, [
             ve(Ie, {
               plot: { x: 10, y: 10 },
-              shape: D.value.shape,
-              color: D.value.color,
+              shape: G.value.shape,
+              color: G.value.color,
               radius: 8,
               stroke: t.value.style.chart.layout.plots.outline ? t.value.style.chart.layout.plots.outlineColor : "none",
               "stroke-width": t.value.style.chart.layout.plots.outlineWidth
@@ -1288,7 +1295,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
         key: 8,
         hideDetails: "",
         config: {
-          open: m.value.showTable,
+          open: $.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: t.value.style.chart.backgroundColor,
@@ -1300,7 +1307,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
           }
         }
       }, {
-        content: $(() => [
+        content: m(() => [
           (o(), N(Xt, {
             key: `table_${ge.value}`,
             colNames: te.value.colNames,
@@ -1308,12 +1315,12 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
             body: te.value.body,
             config: te.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: u[15] || (u[15] = (a) => m.value.showTable = !1)
+            onClose: u[15] || (u[15] = (a) => $.value.showTable = !1)
           }, {
-            th: $(({ th: a }) => [
+            th: m(({ th: a }) => [
               rt(L(a), 1)
             ]),
-            td: $(({ td: a }) => [
+            td: m(({ td: a }) => [
               d("div", {
                 innerHTML: a.name || a
               }, null, 8, Pl)
@@ -1325,7 +1332,7 @@ const Pt = ["id"], Rt = ["xmlns", "viewBox", "id"], Bt = ["x", "y", "width", "he
       }, 8, ["config"])) : c("", !0)
     ], 46, Pt));
   }
-}, ua = /* @__PURE__ */ Vt(Rl, [["__scopeId", "data-v-ee753a7a"]]);
+}, ua = /* @__PURE__ */ Vt(Rl, [["__scopeId", "data-v-3008c28c"]]);
 export {
   ua as default
 };