vue-data-ui 2.3.84 → 2.3.85

package/dist/{vue-ui-parallel-coordinate-plot-DA3byJV2.js → vue-ui-parallel-coordinate-plot-DN2LPNyS.js}

@@ -1,15 +1,15 @@
-import { computed as f, ref as h, watch as Oe, onMounted as De, onBeforeUnmount as We, openBlock as u, createElementBlock as i, normalizeClass as B, normalizeStyle as _, createBlock as I, createCommentVNode as g, unref as A, createSlots as Ee, withCtx as b, renderSlot as x, normalizeProps as R, guardReactiveProps as j, Fragment as C, renderList as M, createElementVNode as F, toDisplayString as S, createVNode as Be, createTextVNode as Re } from "vue";
-import { u as je, c as J, t as Ue, a as Ve, p as U, o as Ge, e as xe, g as He, b as Xe, d as Ye, C as qe, P as Qe, Q as Je, R as Ke, X as Ze, x as ke, i as Ce, f as we, y as et, q as tt, r as at, E as V } from "./index-DI4DaxVG.js";
+import { computed as f, ref as h, watch as Oe, onMounted as De, onBeforeUnmount as We, openBlock as u, createElementBlock as i, normalizeClass as B, normalizeStyle as z, createBlock as I, createCommentVNode as g, unref as A, createSlots as Ee, withCtx as b, renderSlot as x, normalizeProps as R, guardReactiveProps as j, Fragment as C, renderList as M, createElementVNode as F, toDisplayString as S, createVNode as Be, createTextVNode as Re } from "vue";
+import { u as je, c as J, t as Ue, a as Ve, p as U, o as Ge, e as xe, g as He, b as Xe, d as Ye, C as qe, P as Qe, Q as Je, R as Ke, X as Ze, x as ke, i as Ce, f as we, y as et, q as tt, r as at, E as V } from "./index-BiuHBtkZ.js";
 import { t as lt, u as ot } from "./useResponsive-NZB-WLRF.js";
-import { _ as st } from "./Title-Bk3h09h9.js";
-import { L as nt } from "./Legend-pU_BwhaW.js";
-import { _ as ut } from "./Tooltip-CdB80DsD.js";
-import { _ as it } from "./Shape-CyM44biU.js";
-import { u as rt, U as ct } from "./usePrinter-D9bNzUQP.js";
-import { D as vt } from "./DataTable-C-iU_7h7.js";
-import dt from "./vue-ui-accordion-DsN9lxvc.js";
-import ht from "./vue-ui-skeleton-DH4t1hrL.js";
-import { u as $e } from "./useNestedProp-COsQo-tX.js";
+import { _ as st } from "./Title-ISDbzCH8.js";
+import { L as nt } from "./Legend-KW7sTwN3.js";
+import { _ as ut } from "./Tooltip-BHmMXOej.js";
+import { _ as it } from "./Shape-BFiZBf3X.js";
+import { u as rt, U as ct } from "./usePrinter-Do8KiK5h.js";
+import { D as vt } from "./DataTable-MkG5Dqrn.js";
+import dt from "./vue-ui-accordion-D2fhyKpk.js";
+import ht from "./vue-ui-skeleton-Du4zw-c1.js";
+import { u as $e } from "./useNestedProp-Ck5_RzLu.js";
 import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events": "none" } }, gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = ["x", "y", "fill", "font-size", "font-weight"], xt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kt = ["x", "y", "fill", "font-size", "font-weight"], Ct = { key: 0 }, wt = ["x", "y", "font-size", "fill"], $t = ["width", "x", "y"], _t = { style: { width: "100%" } }, Tt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], zt = ["d", "stroke", "stroke-width", "onMouseenter"], At = {
   key: 3,
@@ -32,9 +32,9 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(_e, { expose: Te, emit: K }) {
-    const T = _e, { vue_ui_parallel_coordinate_plot: ze } = je(), P = f({
+    const _ = _e, { vue_ui_parallel_coordinate_plot: ze } = je(), P = f({
       get() {
-        return !!T.dataset && T.dataset.length;
+        return !!_.dataset && _.dataset.length;
       },
       set(t) {
         return t;
@@ -49,18 +49,18 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
     });
     function se() {
       const t = $e({
-        userConfig: T.config,
+        userConfig: _.config,
         defaultConfig: ze
       });
       return t.theme ? {
         ...$e({
-          userConfig: Ue.vue_ui_parallel_coordinate_plot[t.theme] || T.config,
+          userConfig: Ue.vue_ui_parallel_coordinate_plot[t.theme] || _.config,
           defaultConfig: t
         }),
         customPalette: Ve[t.theme] || U
       } : t;
     }
-    Oe(() => T.config, (t) => {
+    Oe(() => _.config, (t) => {
       e.value = se(), ne(), ae.value += 1, oe.value += 1, le.value += 1;
     }, { deep: !0 });
     const W = h(null);
@@ -68,10 +68,10 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
       ne();
     });
     function ne() {
-      if (Ge(T.dataset) ? xe({
+      if (Ge(_.dataset) ? xe({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset"
-      }) : T.dataset.forEach((t, l) => {
+      }) : _.dataset.forEach((t, l) => {
         He({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
@@ -156,7 +156,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
     function ve(t) {
       w.value.includes(t) ? w.value = w.value.filter((l) => l !== t) : w.value.push(t);
     }
-    const z = f(() => T.dataset.map((t, l) => {
+    const T = f(() => _.dataset.map((t, l) => {
       const a = Ye(t.color) || Me.value[l] || U[l] || U[l % U.length];
       return {
         ...t,
@@ -170,7 +170,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
         id: J(),
         shape: t.shape || "circle"
       };
-    })), Ie = f(() => z.value.map((t) => ({
+    })), Ie = f(() => T.value.map((t) => ({
       ...t,
       opacity: w.value.includes(t.id) ? 0.5 : 1,
       segregate: () => ve(t.id),
@@ -183,8 +183,8 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), de = f(() => Math.max(
-      ...z.value.filter((t) => !w.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), k = f(() => v.value.width / de.value), H = f(() => z.value.filter((t) => !w.value.includes(t.id))), m = f(() => {
+      ...T.value.filter((t) => !w.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
+    )), k = f(() => v.value.width / de.value), H = f(() => T.value.filter((t) => !w.value.includes(t.id))), m = f(() => {
       let t = [];
       for (let l = 0; l < de.value; l += 1) {
         const a = Math.min(...H.value.flatMap((d) => d.series.map((E) => E.values[l] || 0) || 0)), o = Math.max(...H.value.flatMap((d) => d.series.map((E) => E.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, r = qe(n, s, e.value.style.chart.yAxis.scaleTicks), $ = r.ticks.map((d, E) => {
@@ -248,19 +248,19 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
     }
     const p = h(null), Y = h(null), D = h(!1), q = h("");
     function Q({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
-      Y.value = { serie: a, relativeIndex: o, seriesIndex: n, series: z.value, scales: m.value }, D.value = !0, p.value = a.id;
+      Y.value = { serie: a, relativeIndex: o, seriesIndex: n, series: T.value, scales: m.value }, D.value = !0, p.value = a.id;
       let s = "";
       const r = e.value.style.chart.tooltip.customFormat;
       ke(r) && et(() => r({
         serie: a,
         seriesIndex: a.seriesIndex,
-        series: z.value,
+        series: T.value,
         config: e.value,
         scales: m.value
       })) ? q.value = r({
         serie: a,
         seriesIndex: a.seriesIndex,
-        series: z.value,
+        series: T.value,
         config: e.value,
         scales: m.value
       }) : (s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l ? l + " - " : ""}${a.name}</div>`, m.value.map(($) => $.name).forEach(($, d) => {
@@ -285,7 +285,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
       }), q.value = `<div>${s}</div>`);
     }
     function Pe() {
-      return z.value;
+      return T.value;
     }
     const N = f(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(m.value.map((n) => n.name)), l = X.value.flatMap((n, s) => n.series.map((r) => [n.name].concat([r.name]).concat(r.values))), a = {
@@ -346,14 +346,14 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
       ref_key: "pcpChart",
       ref: L,
       class: B(`vue-ui-pcp ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: _(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
+      style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${G.value}`
     }, [
       e.value.style.chart.title.text ? (u(), i("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: ee,
-        style: _(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
+        style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (u(), I(st, {
           key: `title_${ae.value}`,
@@ -368,7 +368,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : g("", !0),
+      ], 512)) : g("", !0),
       e.value.userOptions.show && P.value ? (u(), I(ct, {
         ref: "details",
         key: `user_options_${Z.value}`,
@@ -444,7 +444,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
         xmlns: A(Ze),
         class: B({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         viewBox: `0 0 ${v.value.chartWidth <= 0 ? 10 : v.value.chartWidth} ${v.value.chartHeight <= 0 ? 10 : v.value.chartHeight}`,
-        style: _(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
+        style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         (u(!0), i(C, null, M(m.value, (a, o) => (u(), i("g", ft, [
           F("line", {
@@ -471,7 +471,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
               y2: n.y,
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
-              style: _(`opacity:${p.value && !y.value.showTooltip ? 0.2 : 1}`)
+              style: z(`opacity:${p.value && !y.value.showTooltip ? 0.2 : 1}`)
             }, null, 12, xt))), 256)),
             (u(!0), i(C, null, M(a.ticks, (n) => (u(), i("text", {
               x: n.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
@@ -480,7 +480,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
               "text-anchor": "end",
               "font-size": c.value.ticksFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
-              style: _(`opacity:${p.value && !y.value.showTooltip ? 0.2 : 1}`)
+              style: z(`opacity:${p.value && !y.value.showTooltip ? 0.2 : 1}`)
             }, S(he({ value: n.value, index: o, datapoint: n })), 13, kt))), 256))
           ], 64)) : g("", !0)
         ]))), 256)),
@@ -504,7 +504,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
                 onMouseleave: l[0] || (l[0] = (r) => {
                   p.value = null, D.value = !1;
                 }),
-                style: _(`opacity:${p.value ? p.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
+                style: z(`opacity:${p.value ? p.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
                 onClick: () => Ne(s)
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "style", "onClick"]))), 256)),
               y.value.showTooltip ? g("", !0) : (u(), i(C, { key: 0 }, [
@@ -553,7 +553,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
               onMouseleave: l[1] || (l[1] = ($) => {
                 p.value = null, D.value = !1;
               }),
-              style: _(`opacity:${p.value ? p.value === o.id ? 1 : 0.2 : 1}`)
+              style: z(`opacity:${p.value ? p.value === o.id ? 1 : 0.2 : 1}`)
             }, S(he({ value: s.value, index: r, datapoint: s })), 45, Tt))), 256)) : g("", !0),
             F("path", {
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
@@ -571,7 +571,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
               onMouseleave: l[2] || (l[2] = (s) => {
                 p.value = null, D.value = !1;
               }),
-              style: _(`opacity:${p.value ? p.value === o.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${o.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? o.pathLength : 0}`)
+              style: z(`opacity:${p.value ? p.value === o.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${o.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? o.pathLength : 0}`)
             }, null, 46, zt)
           ]))), 256))
         ]))), 256)),
@@ -606,13 +606,13 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
               onClick: (n) => {
                 a.segregate(), ye(a);
               },
-              style: _(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`)
+              style: z(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`)
             }, S(a.name), 13, Mt)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : x(t.$slots, "legend", {
           key: 1,
-          legend: z.value
+          legend: T.value
         }, void 0, !0)
       ], 512),
       Be(ut, {
@@ -677,7 +677,7 @@ const mt = ["id"], yt = ["xmlns", "viewBox"], ft = { style: { "pointer-events":
       }, 8, ["config"])) : g("", !0)
     ], 14, mt));
   }
-}, Gt = /* @__PURE__ */ pt(Ft, [["__scopeId", "data-v-6fd42e86"]]);
+}, Gt = /* @__PURE__ */ pt(Ft, [["__scopeId", "data-v-c6286cd2"]]);
 export {
   Gt as default
 };

package/dist/{vue-ui-quadrant-D5wvd5h3.js → vue-ui-quadrant-D2GpeXI6.js}

@@ -1,15 +1,15 @@
-import { computed as m, ref as h, watch as Ye, onMounted as Ge, onBeforeUnmount as Qe, openBlock as o, createElementBlock as n, normalizeClass as T, normalizeStyle as L, createBlock as P, createCommentVNode as c, unref as y, createSlots as Je, withCtx as k, renderSlot as q, normalizeProps as ee, guardReactiveProps as te, createElementVNode as v, Fragment as S, renderList as Y, toDisplayString as x, createVNode as Me, createTextVNode as je, nextTick as Ze } from "vue";
-import { u as Ke, c as Ne, t as et, a as tt, p as re, o as lt, e as F, b as at, d as ut, i as A, f as V, X as ot, s as le, w as st, S as rt, F as nt, x as it, y as vt, q as dt, r as ct } from "./index-DI4DaxVG.js";
+import { computed as m, ref as h, watch as Ye, onMounted as Ge, onBeforeUnmount as Qe, openBlock as o, createElementBlock as n, normalizeClass as T, normalizeStyle as _, createBlock as P, createCommentVNode as c, unref as y, createSlots as Je, withCtx as k, renderSlot as q, normalizeProps as ee, guardReactiveProps as te, createElementVNode as v, Fragment as S, renderList as Y, toDisplayString as x, createVNode as Me, createTextVNode as je, nextTick as Ze } from "vue";
+import { u as Ke, c as Ne, t as et, a as tt, p as re, o as lt, e as F, b as at, d as ut, i as A, f as V, X as ot, s as le, w as st, S as rt, F as nt, x as it, y as vt, q as dt, r as ct } from "./index-BiuHBtkZ.js";
 import { t as ht, u as yt } from "./useResponsive-NZB-WLRF.js";
-import { _ as bt } from "./Title-Bk3h09h9.js";
-import { u as ft, U as pt } from "./usePrinter-D9bNzUQP.js";
-import { _ as gt } from "./Tooltip-CdB80DsD.js";
-import { _ as Ae } from "./Shape-CyM44biU.js";
-import { L as mt } from "./Legend-pU_BwhaW.js";
-import { D as xt } from "./DataTable-C-iU_7h7.js";
-import $t from "./vue-ui-skeleton-DH4t1hrL.js";
-import kt from "./vue-ui-accordion-DsN9lxvc.js";
-import { u as Ve } from "./useNestedProp-COsQo-tX.js";
+import { _ as bt } from "./Title-ISDbzCH8.js";
+import { u as ft, U as pt } from "./usePrinter-Do8KiK5h.js";
+import { _ as gt } from "./Tooltip-BHmMXOej.js";
+import { _ as Ae } from "./Shape-BFiZBf3X.js";
+import { L as mt } from "./Legend-KW7sTwN3.js";
+import { D as xt } from "./DataTable-MkG5Dqrn.js";
+import $t from "./vue-ui-skeleton-Du4zw-c1.js";
+import kt from "./vue-ui-accordion-D2fhyKpk.js";
+import { u as Ve } from "./useNestedProp-Ck5_RzLu.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-color"], Ct = ["stop-color"], zt = { key: 0 }, Tt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Wt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Xt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Yt = { key: 1 }, Mt = ["points", "fill"], Nt = ["points", "fill"], At = ["points", "fill"], Vt = ["points", "fill"], Bt = { key: 2 }, Pt = ["y", "fill", "font-size"], Rt = ["x", "y", "fill", "font-size"], Ft = ["x", "y", "fill", "font-size"], Ot = ["y", "fill", "font-size"], Ht = { key: 3 }, It = ["x", "y", "font-size", "fill"], Dt = ["x", "y", "font-size", "fill"], Et = ["x", "y", "font-size", "fill"], Ut = ["id", "font-size", "transform", "fill"], Gt = ["id", "font-size", "transform", "fill"], Qt = ["id", "font-size", "transform", "fill"], Jt = { key: 4 }, jt = ["fill", "points"], Zt = ["x", "y", "width", "height"], Kt = ["x", "y", "width", "height"], el = ["x", "y", "width", "height"], tl = ["x", "y", "width", "height"], ll = { key: 0 }, al = ["x", "y", "font-size", "fill"], ul = { key: 0 }, ol = ["x", "y", "onMouseover", "onClick"], sl = {
   key: 7,
@@ -105,7 +105,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
     const { isPrinting: fe, isImaging: pe, generatePdf: ge, generateImage: me } = ft({
       elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant"
-    }), xe = m(() => at(t.value.customPalette)), w = h({
+    }), xe = m(() => at(t.value.customPalette)), L = h({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
@@ -256,7 +256,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
           opacity: Math.round((r + 1) / l * 20)
         });
       return s;
-    }), _ = m(() => {
+    }), w = m(() => {
       let l = t.value.style.chart.layout.grid.xAxis.max, u = t.value.style.chart.layout.grid.xAxis.min, a = t.value.style.chart.layout.grid.yAxis.max, s = t.value.style.chart.layout.grid.yAxis.min;
       return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...R.value.flatMap((r) => r.series.map((b) => b.x))), u = Math.min(...R.value.flatMap((r) => r.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...R.value.flatMap((r) => r.series.map((b) => b.y))), s = Math.min(...R.value.flatMap((r) => r.series.map((b) => b.y)))), {
         x: {
@@ -321,19 +321,19 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
     }))));
     function $e(l) {
       if (l >= 0) {
-        const u = l / _.value.x.max;
+        const u = l / w.value.x.max;
         return e.value.centerX + e.value.usableWidth / 2 * u;
       } else {
-        const u = Math.abs(l) / Math.abs(_.value.x.min);
+        const u = Math.abs(l) / Math.abs(w.value.x.min);
         return e.value.centerX - e.value.usableWidth / 2 * u;
       }
     }
     function ke(l) {
       if (l >= 0) {
-        const u = l / _.value.y.max;
+        const u = l / w.value.y.max;
         return e.value.centerY + (1 - e.value.usableHeight / 2 * u);
       } else {
-        const u = Math.abs(l) / Math.abs(_.value.y.min);
+        const u = Math.abs(l) / Math.abs(w.value.y.min);
         return e.value.centerY - (1 - e.value.usableHeight / 2 * u);
       }
     }
@@ -629,13 +629,13 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
       U.value = l, ne.value += 1;
     }
     function ze() {
-      w.value.showTable = !w.value.showTable;
+      L.value.showTable = !L.value.showTable;
     }
     function Te() {
-      w.value.plotLabels.show = !w.value.plotLabels.show;
+      L.value.plotLabels.show = !L.value.plotLabels.show;
     }
     function We() {
-      w.value.showTooltip = !w.value.showTooltip;
+      L.value.showTooltip = !L.value.showTooltip;
     }
     return Pe({
       getData: Se,
@@ -650,13 +650,13 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
       ref_key: "quadrantChart",
       ref: O,
       id: `vue-ui-quadrant_${z.value}`,
-      style: L(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text ? "" : "padding-top: 36px"};background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`)
+      style: _(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text ? "" : "padding-top: 36px"};background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`)
     }, [
       t.value.style.chart.title.text ? (o(), n("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: ie,
-        style: L(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)
+        style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (o(), P(bt, {
           key: `table_${de.value}`,
@@ -671,7 +671,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : c("", !0),
+      ], 512)) : c("", !0),
       t.value.userOptions.show && G.value ? (o(), P(pt, {
         ref_key: "details",
         ref: Fe,
@@ -689,7 +689,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         isFullscreen: U.value,
-        isTooltip: w.value.showTooltip,
+        isTooltip: L.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: O.value,
         onToggleFullscreen: Ue,
@@ -755,7 +755,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
         xmlns: y(ot),
         class: T({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
         viewBox: `${d.value.startX} ${d.value.startY} ${d.value.width} ${d.value.height}`,
-        style: L(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`),
+        style: _(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:transparent;color:${t.value.style.chart.color}`),
         id: `svg_${z.value}`
       }, [
         v("defs", null, [
@@ -835,7 +835,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             "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: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
+            style: _(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
             onClick: u[0] || (u[0] = (a) => E("tl"))
           }, x(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Pt)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (o(), n("text", {
@@ -845,7 +845,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             "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: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
+            style: _(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
             onClick: u[1] || (u[1] = (a) => E("tr"))
           }, x(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Rt)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.br.text ? (o(), n("text", {
@@ -855,7 +855,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             "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: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
+            style: _(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
             onClick: u[2] || (u[2] = (a) => E("br"))
           }, x(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, Ft)) : c("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (o(), n("text", {
@@ -865,7 +865,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             "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: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
+            style: _(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
             onClick: u[3] || (u[3] = (a) => E("bl"))
           }, x(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Ot)) : c("", !0)
         ])) : c("", !0),
@@ -878,9 +878,9 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
           }, x(y(A)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
-            _.value.y.max,
+            w.value.y.max,
             y(V)({
-              v: _.value.y.max,
+              v: w.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, It),
@@ -899,9 +899,9 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
           }, x(y(A)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
-            _.value.y.min,
+            w.value.y.min,
             y(V)({
-              v: _.value.y.min,
+              v: w.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, Et),
@@ -913,9 +913,9 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
           }, x(y(A)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
-            _.value.x.min,
+            w.value.x.min,
             y(V)({
-              v: _.value.x.min,
+              v: w.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, Ut),
@@ -927,9 +927,9 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
           }, x(y(A)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
-            _.value.x.max,
+            w.value.x.max,
             y(V)({
-              v: _.value.x.max,
+              v: w.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
           )), 9, Gt),
@@ -990,7 +990,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
           }, null, 10, tl)
         ]),
         t.value.style.chart.layout.labels.plotLabels.showAsTag ? (o(), n(S, { key: 6 }, [
-          w.value.plotLabels.show ? (o(), n("g", ul, [
+          L.value.plotLabels.show ? (o(), n("g", ul, [
             (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" },
@@ -1005,7 +1005,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
                 onClick: (b) => qe(a, r)
               }, [
                 v("div", {
-                  style: L(`color:${y(nt)(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`)
+                  style: _(`color:${y(nt)(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`)
                 }, x(r.name), 5)
               ], 40, ol))), 256))
             ], 64))), 256))
@@ -1027,7 +1027,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
               onClick: (b) => qe(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseover", "onClick"]))), 256))
           ]))), 256)),
-          w.value.plotLabels.show ? (o(), n("g", ll, [
+          L.value.plotLabels.show ? (o(), n("g", ll, [
             (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,
@@ -1082,7 +1082,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             height: "20",
             width: "20",
             fill: $.value[i.value].tl.fill,
-            style: L(`cursor: pointer; opacity: ${i.value === "TL" ? 1 : 0.2}`),
+            style: _(`cursor: pointer; opacity: ${i.value === "TL" ? 1 : 0.2}`),
             onClick: u[10] || (u[10] = (a) => M("TL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": i.value !== "TL" })
           }, null, 14, yl),
@@ -1092,7 +1092,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             height: "20",
             width: "20",
             fill: $.value[i.value].tr.fill,
-            style: L(`cursor: pointer; opacity: ${i.value === "TR" ? 1 : 0.2}`),
+            style: _(`cursor: pointer; opacity: ${i.value === "TR" ? 1 : 0.2}`),
             onClick: u[11] || (u[11] = (a) => M("TR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": i.value !== "TR" })
           }, null, 14, bl),
@@ -1102,7 +1102,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             height: "20",
             width: "20",
             fill: $.value[i.value].br.fill,
-            style: L(`cursor: pointer; opacity: ${i.value === "BR" ? 1 : 0.2}`),
+            style: _(`cursor: pointer; opacity: ${i.value === "BR" ? 1 : 0.2}`),
             onClick: u[12] || (u[12] = (a) => M("BR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": i.value !== "BR" })
           }, null, 14, fl),
@@ -1112,7 +1112,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             height: "20",
             width: "20",
             fill: $.value[i.value].bl.fill,
-            style: L(`cursor: pointer; opacity: ${i.value === "BL" ? 1 : 0.2}`),
+            style: _(`cursor: pointer; opacity: ${i.value === "BL" ? 1 : 0.2}`),
             onClick: u[13] || (u[13] = (a) => M("BL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": i.value !== "BL" })
           }, null, 14, pl),
@@ -1166,7 +1166,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             v("div", {
               "data-cy-legend-item": "",
               onClick: (s) => oe(a.id),
-              style: L(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
+              style: _(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
             }, x(a.name), 13, $l)
           ]),
           _: 1
@@ -1176,7 +1176,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
         }, void 0, !0)
       ], 512),
       Me(gt, {
-        show: w.value.showTooltip && Q.value,
+        show: L.value.showTooltip && Q.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
         borderRadius: t.value.style.chart.tooltip.borderRadius,
@@ -1214,7 +1214,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
         key: 5,
         hideDetails: "",
         config: {
-          open: w.value.showTable,
+          open: L.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: t.value.style.chart.backgroundColor,
@@ -1234,7 +1234,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
             body: K.value.body,
             config: K.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) => w.value.showTable = !1)
+            onClose: u[15] || (u[15] = (a) => L.value.showTable = !1)
           }, {
             th: k(({ th: a }) => [
               je(x(a), 1)
@@ -1251,7 +1251,7 @@ const wt = ["id"], _t = ["xmlns", "viewBox", "id"], qt = ["id"], St = ["stop-col
       }, 8, ["config"])) : c("", !0)
     ], 14, wt));
   }
-}, Bl = /* @__PURE__ */ Lt(wl, [["__scopeId", "data-v-8da9ae95"]]);
+}, Bl = /* @__PURE__ */ Lt(wl, [["__scopeId", "data-v-6d7c6ce0"]]);
 export {
   Bl as default
 };