vue-data-ui 2.4.85 → 2.4.87

package/dist/{vue-ui-quadrant-Bd_88Eht.js → vue-ui-quadrant-BDkbMaNf.js}

@@ -1,17 +1,17 @@
-import { computed as g, ref as h, watch as Fe, onMounted as lt, onBeforeUnmount as at, openBlock as o, createElementBlock as n, normalizeClass as T, normalizeStyle as w, unref as y, createBlock as N, createCommentVNode as c, createSlots as ut, withCtx as x, renderSlot as $, normalizeProps as G, guardReactiveProps as Q, createVNode as ve, createElementVNode as d, Fragment as S, renderList as Y, toDisplayString as k, createTextVNode as ot, nextTick as st } from "vue";
-import { u as rt, c as Re, t as nt, a as it, p as de, o as vt, e as H, b as dt, T as ct, d as ht, i as O, f as P, X as yt, s as ae, w as bt, U as ft, G as pt, x as gt, y as mt, q as xt, r as $t } from "./index-B7nCQFK0.js";
+import { computed as g, ref as h, watch as Fe, onMounted as lt, onBeforeUnmount as at, openBlock as o, createElementBlock as n, normalizeClass as T, normalizeStyle as q, unref as y, createBlock as N, createCommentVNode as c, createSlots as ut, withCtx as $, renderSlot as k, normalizeProps as G, guardReactiveProps as Q, createVNode as ve, createElementVNode as d, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as ot, nextTick as st } from "vue";
+import { u as rt, c as Re, t as nt, a as it, p as de, o as vt, e as H, b as dt, T as ct, d as ht, i as O, f as P, X as yt, s as ae, w as bt, U as ft, G as pt, x as gt, y as mt, q as xt, r as $t } from "./index-BG5J_ybN.js";
 import { t as kt, u as Lt } from "./useResponsive-CoxXLe23.js";
-import { _ as wt } from "./Title-CaET2xuF.js";
-import { u as qt, U as _t } from "./usePrinter-CQMn1b4E.js";
-import { _ as St } from "./Tooltip-Bkc4233T.js";
-import { _ as He } from "./Shape-zFv85Gc2.js";
-import { L as Ct } from "./Legend-BTpe6qQB.js";
-import { D as zt } from "./DataTable-C0tCPQ9i.js";
-import Tt from "./vue-ui-skeleton-D66ZIUln.js";
-import Xt from "./vue-ui-accordion-B8ptB5BQ.js";
-import { u as Ie } from "./useNestedProp-C9rlBRTT.js";
-import { _ as Wt } from "./PackageVersion-CENy3Lm2.js";
-import { P as Yt } from "./PenAndPaper-Dr7ndoP_.js";
+import { _ as wt } from "./Title-BU5Aq1_x.js";
+import { u as qt, U as _t } from "./usePrinter-CWeJt84b.js";
+import { _ as St } from "./Tooltip-Dm-obTbx.js";
+import { _ as He } from "./Shape-CL3HglYL.js";
+import { L as Ct } from "./Legend-DMeEvZOT.js";
+import { D as zt } from "./DataTable-CKke7C6w.js";
+import Tt from "./vue-ui-skeleton-c211TxZ8.js";
+import Xt from "./vue-ui-accordion-JBOceVq2.js";
+import { u as Ie } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as Wt } from "./PackageVersion-Rh3rgo6A.js";
+import { P as Yt } from "./PenAndPaper-DqVsdeLc.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "height"], Vt = ["id"], Bt = ["stop-color"], Ft = ["stop-color"], Rt = { key: 1 }, Ht = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], It = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Dt = { key: 2 }, Et = ["points", "fill"], Gt = ["points", "fill"], Qt = ["points", "fill"], Jt = ["points", "fill"], jt = { key: 3 }, Zt = ["y", "fill", "font-size"], Kt = ["x", "y", "fill", "font-size"], el = ["x", "y", "fill", "font-size"], tl = ["y", "fill", "font-size"], ll = { key: 4 }, al = ["x", "y", "font-size", "fill"], ul = ["x", "y", "font-size", "fill"], ol = ["x", "y", "font-size", "fill"], sl = ["id", "font-size", "transform", "fill"], rl = ["id", "font-size", "transform", "fill"], nl = ["id", "font-size", "transform", "fill"], il = { key: 5 }, vl = ["fill", "points"], dl = ["x", "y", "width", "height"], cl = ["x", "y", "width", "height"], hl = ["x", "y", "width", "height"], yl = ["x", "y", "width", "height"], bl = {
@@ -64,7 +64,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       } : l;
     }
     Fe(() => X.config, (l) => {
-      t.value = ke(), se.value = !t.value.showOnChartHover, Le(), pe.value += 1, ge.value += 1, me.value += 1;
+      t.value = ke(), se.value = !t.value.showOnChartHover, Le(), 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;
     }, { deep: !0 });
     const Z = h(null);
     function Le() {
@@ -100,8 +100,8 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             source: be.value,
             noTitle: fe.value
           });
-          m.value = 48, requestAnimationFrame(() => {
-            e.value.height = a, e.value.usableHeight = a - m.value * 2, e.value.width = u, e.value.usableWidth = u - m.value * 2, e.value.top = m.value, e.value.left = m.value, e.value.right = u - m.value, e.value.bottom = a - m.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = m.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;
           });
         });
         Z.value = new ResizeObserver(l), Z.value.observe(B.value.parentNode);
@@ -115,24 +115,24 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
     const { isPrinting: we, isImaging: qe, generatePdf: _e, generateImage: Se } = qt({
       elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant"
-    }), Qe = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), Ce = g(() => dt(t.value.customPalette)), q = h({
+    }), Qe = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), Ce = g(() => dt(t.value.customPalette)), m = h({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
-    }), m = h(48), e = h({
+    }), x = h(48), e = h({
       height: t.value.style.chart.height,
-      usableHeight: t.value.style.chart.height - m.value * 2,
+      usableHeight: t.value.style.chart.height - x.value * 2,
       width: t.value.style.chart.width,
-      usableWidth: t.value.style.chart.width - m.value * 2,
-      top: m.value,
-      left: m.value,
-      right: t.value.style.chart.width - m.value,
-      bottom: t.value.style.chart.height - m.value,
+      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,
       centerX: t.value.style.chart.width / 2,
       centerY: t.value.style.chart.height - t.value.style.chart.height / 2,
-      padding: m.value
+      padding: x.value
     }), i = h({
       ...JSON.parse(JSON.stringify(e.value)),
       startX: 0,
@@ -512,7 +512,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       };
       ue("selectSide", a);
     }
-    const L = g(() => ({
+    const w = g(() => ({
       TL: {
         tl: {
           x: e.value.left + e.value.usableWidth / 4 - 20,
@@ -643,13 +643,13 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       R.value = l, ce.value += 1;
     }
     function Oe() {
-      q.value.showTable = !q.value.showTable;
+      m.value.showTable = !m.value.showTable;
     }
     function Pe() {
-      q.value.plotLabels.show = !q.value.plotLabels.show;
+      m.value.plotLabels.show = !m.value.plotLabels.show;
     }
     function Ve() {
-      q.value.showTooltip = !q.value.showTooltip;
+      m.value.showTooltip = !m.value.showTooltip;
     }
     const le = h(!1);
     function ie() {
@@ -669,7 +669,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       ref_key: "quadrantChart",
       ref: B,
       id: `vue-ui-quadrant_${z.value}`,
-      style: w(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`),
+      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] = () => y(xe)(!0)),
       onMouseleave: u[17] || (u[17] = () => y(xe)(!1))
     }, [
@@ -725,7 +725,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         isFullscreen: R.value,
-        isTooltip: q.value.showTooltip,
+        isTooltip: m.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: B.value,
         position: t.value.userOptions.position,
@@ -739,63 +739,63 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         onToggleLabels: Pe,
         onToggleTooltip: Ve,
         onToggleAnnotator: ie,
-        style: w({
+        style: q({
           visibility: y($e) ? y(se) ? "visible" : "hidden" : "visible"
         })
       }, ut({ _: 2 }, [
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: x(() => [
-            $(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
-            $(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: x(() => [
-            $(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
-            $(l.$slots, "optionImg", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: x(() => [
-            $(l.$slots, "optionTable", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: x(() => [
-            $(l.$slots, "optionLabels", {}, void 0, !0)
+          fn: $(() => [
+            k(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: a, isFullscreen: s }) => [
-            $(l.$slots, "optionFullscreen", G(Q({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: $(({ toggleFullscreen: a, isFullscreen: s }) => [
+            k(l.$slots, "optionFullscreen", G(Q({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: a, isAnnotator: s }) => [
-            $(l.$slots, "optionAnnotator", G(Q({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: $(({ toggleAnnotator: a, isAnnotator: s }) => [
+            k(l.$slots, "optionAnnotator", G(Q({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -805,7 +805,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         xmlns: y(yt),
         class: T({ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }),
         viewBox: `${i.value.startX} ${i.value.startY} ${i.value.width} ${i.value.height}`,
-        style: w(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:transparent;color:${t.value.style.chart.color}`),
+        style: q(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:transparent;color:${t.value.style.chart.color}`),
         id: `svg_${z.value}`
       }, [
         ve(Wt),
@@ -819,7 +819,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             pointerEvents: "none"
           }
         }, [
-          $(l.$slots, "chart-background", {}, void 0, !0)
+          k(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, Pt)) : c("", !0),
         d("defs", null, [
           (o(!0), n(S, null, Y(C.value, (a, s) => (o(), n("radialGradient", {
@@ -898,9 +898,9 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "start",
             fill: t.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
-            style: w(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
+            style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
             onClick: u[0] || (u[0] = (a) => E("tl"))
-          }, k(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Zt)) : c("", !0),
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Zt)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (o(), n("text", {
             key: 1,
             x: e.value.width,
@@ -908,9 +908,9 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "end",
             fill: t.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
-            style: w(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
+            style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
             onClick: u[1] || (u[1] = (a) => E("tr"))
-          }, k(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Kt)) : c("", !0),
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Kt)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.br.text ? (o(), n("text", {
             key: 2,
             x: e.value.width,
@@ -918,9 +918,9 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "end",
             fill: t.value.style.chart.layout.labels.quadrantLabels.br.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
-            style: w(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
+            style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
             onClick: u[2] || (u[2] = (a) => E("br"))
-          }, k(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, el)) : c("", !0),
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, el)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (o(), n("text", {
             key: 3,
             x: 0,
@@ -928,9 +928,9 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "start",
             fill: t.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
-            style: w(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
+            style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
             onClick: u[3] || (u[3] = (a) => E("bl"))
-          }, k(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, tl)) : c("", !0)
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, tl)) : c("", !0)
         ])) : c("", !0),
         t.value.style.chart.layout.labels.axisLabels.show ? (o(), n("g", ll, [
           d("text", {
@@ -939,7 +939,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(y(O)(
+          }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
             y(P)({
@@ -953,14 +953,14 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(t.value.style.chart.layout.grid.yAxis.name), 9, ul),
+          }, L(t.value.style.chart.layout.grid.yAxis.name), 9, ul),
           d("text", {
             x: e.value.centerX,
             y: e.value.bottom + e.value.padding * 0.35,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(y(O)(
+          }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
             y(P)({
@@ -974,7 +974,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.padding - t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(-90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(y(O)(
+          }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
             y(P)({
@@ -988,7 +988,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.width - e.value.padding + t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(y(O)(
+          }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
             y(P)({
@@ -1002,7 +1002,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.width - t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(t.value.style.chart.layout.grid.xAxis.name), 9, nl)
+          }, L(t.value.style.chart.layout.grid.xAxis.name), 9, nl)
         ])) : c("", !0),
         t.value.style.chart.layout.areas.show ? (o(), n("g", il, [
           (o(!0), n(S, null, Y(C.value, (a, s) => (o(), n("g", null, [
@@ -1053,7 +1053,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }, null, 10, yl)
         ]),
         t.value.style.chart.layout.labels.plotLabels.showAsTag ? (o(), n(S, { key: 7 }, [
-          q.value.plotLabels.show ? (o(), n("g", pl, [
+          m.value.plotLabels.show ? (o(), n("g", pl, [
             (o(!0), n(S, null, Y(C.value, (a, s) => (o(), n(S, null, [
               (o(!0), n(S, null, Y(a.series, (r) => (o(), n("foreignObject", {
                 style: { overflow: "visible" },
@@ -1068,8 +1068,8 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
                 onClick: (b) => Ae(a, r)
               }, [
                 d("div", {
-                  style: w(`color:${y(pt)(a.color)};margin: 0 auto; font-size:${t.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: ${t.value.style.chart.layout.labels.plotLabels.fontSize * 1.5}px`)
-                }, k(r.name), 5)
+                  style: q(`color:${y(pt)(a.color)};margin: 0 auto; font-size:${t.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: ${t.value.style.chart.layout.labels.plotLabels.fontSize * 1.5}px`)
+                }, L(r.name), 5)
               ], 40, gl))), 256))
             ], 64))), 256))
           ])) : c("", !0)
@@ -1090,7 +1090,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
               onClick: (b) => Ae(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseover", "onClick"]))), 256))
           ]))), 256)),
-          q.value.plotLabels.show ? (o(), n("g", bl, [
+          m.value.plotLabels.show ? (o(), n("g", bl, [
             (o(!0), n(S, null, Y(C.value, (a) => (o(), n("g", null, [
               (o(!0), n(S, null, Y(a.series, (s) => (o(), n("text", {
                 x: s.x,
@@ -1098,7 +1098,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
                 "text-anchor": "middle",
                 "font-size": t.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                 fill: t.value.style.chart.layout.labels.plotLabels.color
-              }, k(s.name), 9, fl))), 256))
+              }, L(s.name), 9, fl))), 256))
             ]))), 256))
           ])) : c("", !0)
         ], 64)),
@@ -1136,46 +1136,46 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             fill: V.value.fill,
             "text-anchor": "middle",
             "font-weight": V.value.bold ? "bold" : "normal"
-          }, k(V.value.text), 9, ql)
+          }, L(V.value.text), 9, ql)
         ])) : c("", !0),
         p.value && v.value ? (o(), n("g", _l, [
           d("rect", {
-            x: L.value[v.value].tl.x,
-            y: L.value[v.value].tl.y,
+            x: w.value[v.value].tl.x,
+            y: w.value[v.value].tl.y,
             height: "20",
             width: "20",
-            fill: L.value[v.value].tl.fill,
-            style: w(`cursor: pointer; opacity: ${v.value === "TL" ? 1 : 0.2}`),
+            fill: w.value[v.value].tl.fill,
+            style: q(`cursor: pointer; opacity: ${v.value === "TL" ? 1 : 0.2}`),
             onClick: u[10] || (u[10] = (a) => A("TL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "TL" })
           }, null, 14, Sl),
           d("rect", {
-            x: L.value[v.value].tr.x,
-            y: L.value[v.value].tr.y,
+            x: w.value[v.value].tr.x,
+            y: w.value[v.value].tr.y,
             height: "20",
             width: "20",
-            fill: L.value[v.value].tr.fill,
-            style: w(`cursor: pointer; opacity: ${v.value === "TR" ? 1 : 0.2}`),
+            fill: w.value[v.value].tr.fill,
+            style: q(`cursor: pointer; opacity: ${v.value === "TR" ? 1 : 0.2}`),
             onClick: u[11] || (u[11] = (a) => A("TR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "TR" })
           }, null, 14, Cl),
           d("rect", {
-            x: L.value[v.value].br.x,
-            y: L.value[v.value].br.y,
+            x: w.value[v.value].br.x,
+            y: w.value[v.value].br.y,
             height: "20",
             width: "20",
-            fill: L.value[v.value].br.fill,
-            style: w(`cursor: pointer; opacity: ${v.value === "BR" ? 1 : 0.2}`),
+            fill: w.value[v.value].br.fill,
+            style: q(`cursor: pointer; opacity: ${v.value === "BR" ? 1 : 0.2}`),
             onClick: u[12] || (u[12] = (a) => A("BR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "BR" })
           }, null, 14, zl),
           d("rect", {
-            x: L.value[v.value].bl.x,
-            y: L.value[v.value].bl.y,
+            x: w.value[v.value].bl.x,
+            y: w.value[v.value].bl.y,
             height: "20",
             width: "20",
-            fill: L.value[v.value].bl.fill,
-            style: w(`cursor: pointer; opacity: ${v.value === "BL" ? 1 : 0.2}`),
+            fill: w.value[v.value].bl.fill,
+            style: q(`cursor: pointer; opacity: ${v.value === "BL" ? 1 : 0.2}`),
             onClick: u[13] || (u[13] = (a) => A("BL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "BL" })
           }, null, 14, Tl),
@@ -1183,19 +1183,19 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: L.value[v.value].crosshairs.horizontal
+            d: w.value[v.value].crosshairs.horizontal
           }, null, 8, Xl),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: L.value[v.value].crosshairs.vertical
+            d: w.value[v.value].crosshairs.vertical
           }, null, 8, Wl)
         ])) : c("", !0),
-        $(l.$slots, "svg", { svg: e.value }, void 0, !0)
+        k(l.$slots, "svg", { svg: e.value }, void 0, !0)
       ], 14, Ot)) : c("", !0),
       l.$slots.watermark ? (o(), n("div", Yl, [
-        $(l.$slots, "watermark", G(Q({ isPrinting: y(we) || y(qe) })), void 0, !0)
+        k(l.$slots, "watermark", G(Q({ isPrinting: y(we) || y(qe) })), void 0, !0)
       ])) : c("", !0),
       J.value ? c("", !0) : (o(), N(Tt, {
         key: 6,
@@ -1225,15 +1225,15 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           config: et.value,
           onClickMarker: u[14] || (u[14] = ({ legend: a }) => re(a.id))
         }, {
-          item: x(({ legend: a }) => [
+          item: $(({ legend: a }) => [
             d("div", {
               "data-cy-legend-item": "",
               onClick: (s) => re(a.id),
-              style: w(`opacity:${M.value.includes(a.id) ? 0.5 : 1}`)
-            }, k(a.name), 13, Al)
+              style: q(`opacity:${M.value.includes(a.id) ? 0.5 : 1}`)
+            }, L(a.name), 13, Al)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : $(l.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : k(l.$slots, "legend", {
           key: 1,
           legend: Xe.value
         }, void 0, !0)
@@ -1244,10 +1244,10 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         ref: be,
         dir: "auto"
       }, [
-        $(l.$slots, "source", {}, void 0, !0)
+        k(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ve(St, {
-        show: q.value.showTooltip && j.value,
+        show: m.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,
@@ -1262,13 +1262,13 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         isFullscreen: R.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
       }, {
-        "tooltip-before": x(() => [
-          $(l.$slots, "tooltip-before", G(Q({ ...ne.value })), void 0, !0)
+        "tooltip-before": $(() => [
+          k(l.$slots, "tooltip-before", G(Q({ ...ne.value })), void 0, !0)
         ]),
-        "tooltip-after": x(() => [
-          $(l.$slots, "tooltip-after", G(Q({ ...ne.value })), void 0, !0)
+        "tooltip-after": $(() => [
+          k(l.$slots, "tooltip-after", G(Q({ ...ne.value })), void 0, !0)
         ]),
-        default: x(() => [
+        default: $(() => [
           t.value.style.chart.tooltip.showShape ? (o(), n("svg", Ml, [
             ve(He, {
               plot: { x: 10, y: 10 },
@@ -1286,7 +1286,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         key: 8,
         hideDetails: "",
         config: {
-          open: q.value.showTable,
+          open: m.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: t.value.style.chart.backgroundColor,
@@ -1298,7 +1298,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }
         }
       }, {
-        content: x(() => [
+        content: $(() => [
           (o(), N(zt, {
             key: `table_${ge.value}`,
             colNames: te.value.colNames,
@@ -1306,12 +1306,12 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["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) => q.value.showTable = !1)
+            onClose: u[15] || (u[15] = (a) => m.value.showTable = !1)
           }, {
-            th: x(({ th: a }) => [
-              ot(k(a), 1)
+            th: $(({ th: a }) => [
+              ot(L(a), 1)
             ]),
-            td: x(({ td: a }) => [
+            td: $(({ td: a }) => [
               d("div", {
                 innerHTML: a.name || a
               }, null, 8, Nl)
@@ -1323,7 +1323,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       }, 8, ["config"])) : c("", !0)
     ], 46, Nt));
   }
-}, ea = /* @__PURE__ */ Mt(Ol, [["__scopeId", "data-v-316bce2f"]]);
+}, ea = /* @__PURE__ */ Mt(Ol, [["__scopeId", "data-v-ede38518"]]);
 export {
   ea as default
 };