vue-data-ui 2.4.41 → 2.4.42

package/dist/{vue-ui-parallel-coordinate-plot-33naX1Ss.js → vue-ui-parallel-coordinate-plot-jv7L5_x8.js}

@@ -1,22 +1,22 @@
-import { computed as g, ref as c, watch as je, onMounted as Ue, onBeforeUnmount as Ve, openBlock as u, createElementBlock as r, normalizeClass as W, normalizeStyle as T, createBlock as M, createCommentVNode as m, unref as z, createSlots as Ge, withCtx as x, renderSlot as b, normalizeProps as E, guardReactiveProps as B, createVNode as $e, Fragment as C, renderList as I, createElementVNode as P, toDisplayString as O, createTextVNode as He } from "vue";
-import { u as Xe, c as Z, t as Ye, a as qe, p as G, o as Qe, e as Ae, g as Je, b as Ke, d as Ze, C as et, Q as tt, R as at, S as lt, X as ot, x as _e, i as Te, f as Me, y as st, q as nt, r as ut, E as H } from "./index-B6Q1Fyk0.js";
+import { computed as g, ref as c, watch as je, onMounted as Ue, onBeforeUnmount as Ve, openBlock as u, createElementBlock as r, normalizeClass as W, normalizeStyle as T, createBlock as M, createCommentVNode as m, unref as z, createSlots as Ge, withCtx as x, renderSlot as b, normalizeProps as B, guardReactiveProps as E, createVNode as $e, Fragment as C, renderList as I, createElementVNode as F, toDisplayString as D, createTextVNode as He } from "vue";
+import { u as Xe, c as Z, t as Ye, a as qe, p as G, o as Qe, e as Ae, g as Je, b as Ke, d as Ze, D as et, Q as tt, R as at, S as lt, X as ot, x as _e, i as Te, f as Me, y as st, q as nt, r as ut, F as H } from "./index-DnukYspq.js";
 import { t as rt, u as it } from "./useResponsive-CoxXLe23.js";
-import { _ as ct } from "./Title-BB0O0yol.js";
-import { L as vt } from "./Legend-DzxQIjDO.js";
-import { _ as dt } from "./Tooltip-GvLaModr.js";
-import { _ as ht } from "./Shape-C3ywBhkW.js";
-import { u as pt, U as mt } from "./usePrinter-D8dIU7aG.js";
-import { D as yt } from "./DataTable-B5DiCrf_.js";
-import ft from "./vue-ui-accordion-BOHicozd.js";
-import gt from "./vue-ui-skeleton-D7rg5vFC.js";
-import { u as ze } from "./useNestedProp-DQpuJSz3.js";
-import { _ as bt } from "./PackageVersion-S7OD_s5u.js";
-import { P as xt } from "./PenAndPaper-BxJZd7k9.js";
+import { _ as ct } from "./Title-Cnl9ySNH.js";
+import { L as vt } from "./Legend-BWDoQii_.js";
+import { _ as dt } from "./Tooltip-DEAOBZ8h.js";
+import { _ as ht } from "./Shape-xrlfL_v4.js";
+import { u as pt, U as mt } from "./usePrinter-DVIALk5e.js";
+import { D as yt } from "./DataTable-D_w08xos.js";
+import ft from "./vue-ui-accordion-f9NTID9e.js";
+import gt from "./vue-ui-skeleton-CXdyOF4T.js";
+import { u as ze } from "./useNestedProp-CVOQGx-X.js";
+import { _ as bt } from "./PackageVersion-CH6MCx6T.js";
+import { P as xt } from "./PenAndPaper-BWTR3U2d.js";
 import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events": "none" } }, At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _t = ["x", "y", "fill", "font-size", "font-weight"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Mt = ["x", "y", "fill", "font-size", "font-weight"], zt = { key: 0 }, It = ["x", "y", "font-size", "fill"], Pt = ["width", "x", "y"], Ft = { style: { width: "100%" } }, Nt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Lt = ["d", "stroke", "stroke-width", "onMouseenter"], St = ["d", "onMouseenter"], Ot = {
+const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events": "none" } }, At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _t = ["x", "y", "fill", "font-size", "font-weight"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Mt = ["x", "y", "fill", "font-size", "font-weight"], zt = { key: 0 }, It = ["x", "y", "font-size", "fill"], Ft = ["width", "x", "y"], Pt = { style: { width: "100%" } }, Nt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Lt = ["d", "stroke", "stroke-width", "onMouseenter"], St = ["d", "onMouseenter"], Ot = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Dt = ["onClick"], Wt = ["innerHTML"], Et = {
+}, Dt = ["onClick"], Wt = ["innerHTML"], Bt = {
   __name: "vue-ui-parallel-coordinate-plot",
   props: {
     config: {
@@ -33,17 +33,17 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Ie, { expose: Pe, emit: ee }) {
-    const A = Ie, { vue_ui_parallel_coordinate_plot: Fe } = Xe(), F = g({
+  setup(Ie, { expose: Fe, emit: ee }) {
+    const A = Ie, { vue_ui_parallel_coordinate_plot: Pe } = Xe(), P = g({
       get() {
         return !!A.dataset && A.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), te = c(0), N = c(null), ae = c(null), le = c(null), oe = c(null), se = c(null), ne = c(0), ue = c(0), re = c(0), X = c(Z()), D = c(!1);
+    }), te = c(0), N = c(null), ae = c(null), le = c(null), oe = c(null), se = c(null), ne = c(0), ue = c(0), re = c(0), X = c(Z()), L = c(!1);
     function Ne(t) {
-      D.value = t, te.value += 1;
+      L.value = t, te.value += 1;
     }
     const e = g({
       get: () => ie(),
@@ -52,7 +52,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
     function ie() {
       const t = ze({
         userConfig: A.config,
-        defaultConfig: Fe
+        defaultConfig: Pe
       });
       return t.theme ? {
         ...ze({
@@ -78,7 +78,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
           datasetObject: t,
           requiredAttributes: ["name", "series"]
         }).forEach((a) => {
-          F.value = !1, Ae({
+          P.value = !1, Ae({
             componentName: "VueUiParallelCoordinatePlot",
             type: "datasetSerieAttribute",
             property: a,
@@ -192,9 +192,9 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
       let t = [];
       for (let l = 0; l < ye.value; l += 1) {
         const a = Math.min(...Y.value.flatMap((h) => h.series.map((V) => V.values[l] || 0) || 0)), o = Math.max(...Y.value.flatMap((h) => h.series.map((V) => V.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, i = et(n, s, e.value.style.chart.yAxis.scaleTicks), $ = i.ticks.map((h, V) => {
-          const Be = i.min < 0 ? h + Math.abs(i.min) : h - Math.abs(i.min), Re = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
+          const Ee = i.min < 0 ? h + Math.abs(i.min) : h - Math.abs(i.min), Re = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
           return {
-            y: d.value.bottom - d.value.height * (Be / Re),
+            y: d.value.bottom - d.value.height * (Ee / Re),
             x: d.value.left + k.value * l + k.value / 2,
             value: h
           };
@@ -250,9 +250,9 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         { datapoint: a, seriesIndex: l }
       );
     }
-    const p = c(null), Q = c(null), L = c(!1), J = c("");
+    const p = c(null), Q = c(null), S = c(!1), J = c("");
     function j({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
-      Q.value = { serie: a, relativeIndex: o, seriesIndex: n, series: _.value, scales: f.value }, L.value = !0, p.value = a.id;
+      Q.value = { serie: a, relativeIndex: o, seriesIndex: n, series: _.value, scales: f.value }, S.value = !0, p.value = a.id;
       let s = "";
       const i = e.value.style.chart.tooltip.customFormat;
       _e(i) && st(() => i({
@@ -291,7 +291,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
     function We() {
       return _.value;
     }
-    const S = g(() => {
+    const O = g(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(f.value.map((n) => n.name)), l = q.value.flatMap((n, s) => n.series.map((i) => [n.name].concat([i.name]).concat(i.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -312,14 +312,14 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         colNames: o
       };
     }), ge = g(() => q.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
-      head: S.value.head,
-      body: S.value.body
+      head: O.value.head,
+      body: O.value.body
     });
     function be() {
       const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = ge.value.head, a = ge.value.body, o = t.concat([l]).concat(a), n = nt(o);
       ut({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
-    function Ee(t) {
+    function Be(t) {
       ee("selectDatapoint", t);
     }
     function xe(t) {
@@ -342,7 +342,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
     function K() {
       U.value = !U.value;
     }
-    return Pe({
+    return Fe({
       getData: We,
       generateCsv: be,
       generatePdf: he,
@@ -354,7 +354,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
     }), (t, l) => (u(), r("div", {
       ref_key: "pcpChart",
       ref: N,
-      class: W(`vue-ui-pcp ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: W(`vue-ui-pcp ${L.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: T(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${X.value}`
     }, [
@@ -393,7 +393,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      e.value.userOptions.show && F.value ? (u(), M(mt, {
+      e.value.userOptions.show && P.value ? (u(), M(mt, {
         ref: "details",
         key: `user_options_${te.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -408,7 +408,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: D.value,
+        isFullscreen: L.value,
         isTooltip: y.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: N.value,
@@ -462,28 +462,28 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: x(({ toggleFullscreen: a, isFullscreen: o }) => [
-            b(t.$slots, "optionFullscreen", E(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            b(t.$slots, "optionFullscreen", B(E({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: x(({ toggleAnnotator: a, isAnnotator: o }) => [
-            b(t.$slots, "optionAnnotator", E(B({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            b(t.$slots, "optionAnnotator", B(E({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : m("", !0),
-      F.value ? (u(), r("svg", {
+      P.value ? (u(), r("svg", {
         key: 4,
         xmlns: z(ot),
-        class: W({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
+        class: W({ "vue-data-ui-fullscreen--on": L.value, "vue-data-ui-fulscreen--off": !L.value }),
         viewBox: `0 0 ${d.value.chartWidth <= 0 ? 10 : d.value.chartWidth} ${d.value.chartHeight <= 0 ? 10 : d.value.chartHeight}`,
         style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         $e(bt),
         (u(!0), r(C, null, I(f.value, (a, o) => (u(), r("g", $t, [
-          P("line", {
+          F("line", {
             x1: d.value.left + k.value * o + k.value / 2,
             x2: d.value.left + k.value * o + k.value / 2,
             y1: d.value.top,
@@ -491,14 +491,14 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
             stroke: e.value.style.chart.yAxis.stroke,
             "stroke-width": e.value.style.chart.yAxis.strokeWidth
           }, null, 8, At),
-          P("text", {
+          F("text", {
             x: d.value.left + k.value * o + k.value / 2,
             y: d.value.top - 24,
             fill: e.value.style.chart.yAxis.labels.axisNamesColor,
             "font-size": v.value.axisNameFontSize,
             "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
             "text-anchor": "middle"
-          }, O(a.name), 9, _t),
+          }, D(a.name), 9, _t),
           e.value.style.chart.yAxis.labels.ticks.show ? (u(), r(C, { key: 0 }, [
             (u(!0), r(C, null, I(a.ticks, (n) => (u(), r("line", {
               x1: n.x,
@@ -517,7 +517,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
               "font-size": v.value.ticksFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
               style: T(`opacity:${p.value && !y.value.showTooltip ? 0.2 : 1}`)
-            }, O(fe({ value: n.value, index: o, datapoint: n })), 13, Mt))), 256))
+            }, D(fe({ value: n.value, index: o, datapoint: n })), 13, Mt))), 256))
           ], 64)) : m("", !0)
         ]))), 256)),
         (u(!0), r(C, null, I(q.value, (a) => (u(), r("g", null, [
@@ -538,10 +538,10 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                   seriesIndex: o.seriesIndex
                 }),
                 onMouseleave: l[0] || (l[0] = (i) => {
-                  p.value = null, L.value = !1;
+                  p.value = null, S.value = !1;
                 }),
                 style: T(`opacity:${p.value ? p.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
-                onClick: () => Ee(s)
+                onClick: () => Be(s)
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "style", "onClick"]))), 256)),
               y.value.showTooltip ? m("", !0) : (u(), r(C, { key: 0 }, [
                 p.value && p.value === o.id && o.datapoints.length ? (u(), r("text", {
@@ -552,7 +552,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                   "font-size": v.value.ticksFontSize,
                   fill: a.color,
                   "font-weight": "bold"
-                }, O(o.name), 9, It)) : m("", !0)
+                }, D(o.name), 9, It)) : m("", !0)
               ], 64)),
               e.value.style.chart.comments.show ? (u(!0), r(C, { key: 1 }, I(o.datapoints, (s) => (u(), r("g", null, [
                 s.comment ? (u(), r("foreignObject", {
@@ -563,12 +563,12 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                   x: s.x - e.value.style.chart.comments.width / 2 + e.value.style.chart.comments.offsetX,
                   y: s.y + e.value.style.chart.comments.offsetY + 6
                 }, [
-                  P("div", Ft, [
+                  F("div", Pt, [
                     b(t.$slots, "plot-comment", {
                       plot: { ...s, color: a.color }
                     }, void 0, !0)
                   ])
-                ], 8, Pt)) : m("", !0)
+                ], 8, Ft)) : m("", !0)
               ]))), 256)) : m("", !0)
             ])) : m("", !0),
             y.value.dataLabels.show || p.value && p.value === o.id ? (u(!0), r(C, { key: 1 }, I(o.datapoints, (s, i) => (u(), r("text", {
@@ -587,11 +587,11 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                 seriesIndex: o.seriesIndex
               }),
               onMouseleave: l[1] || (l[1] = ($) => {
-                p.value = null, L.value = !1;
+                p.value = null, S.value = !1;
               }),
               style: T(`opacity:${p.value ? p.value === o.id ? 1 : 0.2 : 1}`)
-            }, O(fe({ value: s.value, index: i, datapoint: s })), 45, Nt))), 256)) : m("", !0),
-            P("path", {
+            }, D(fe({ value: s.value, index: i, datapoint: s })), 45, Nt))), 256)) : m("", !0),
+            F("path", {
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
               stroke: a.color,
               "stroke-width": e.value.style.chart.lines.strokeWidth,
@@ -605,7 +605,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                 seriesIndex: o.seriesIndex
               }),
               onMouseleave: l[2] || (l[2] = (s) => {
-                p.value = null, L.value = !1;
+                p.value = null, S.value = !1;
               }),
               style: T(`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, Lt),
@@ -624,7 +624,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
                 seriesIndex: o.seriesIndex
               }),
               onMouseleave: l[3] || (l[3] = (s) => {
-                p.value = null, L.value = !1;
+                p.value = null, S.value = !1;
               }),
               style: { opacity: "0" }
             }, null, 42, St)) : m("", !0)
@@ -633,9 +633,9 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         b(t.$slots, "svg", { svg: d.value }, void 0, !0)
       ], 14, wt)) : m("", !0),
       t.$slots.watermark ? (u(), r("div", Ot, [
-        b(t.$slots, "watermark", E(B({ isPrinting: z(ve) || z(de) })), void 0, !0)
+        b(t.$slots, "watermark", B(E({ isPrinting: z(ve) || z(de) })), void 0, !0)
       ])) : m("", !0),
-      F.value ? m("", !0) : (u(), M(gt, {
+      P.value ? m("", !0) : (u(), M(gt, {
         key: 6,
         config: {
           type: "parallelCoordinatePlot",
@@ -644,11 +644,11 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
           }
         }
       }, null, 8, ["config"])),
-      P("div", {
+      F("div", {
         ref_key: "chartLegend",
         ref: le
       }, [
-        e.value.style.chart.legend.show && F.value ? (u(), M(vt, {
+        e.value.style.chart.legend.show && P.value ? (u(), M(vt, {
           key: `legend_${ue.value}`,
           legendSet: Oe.value,
           config: De.value,
@@ -657,12 +657,12 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
           })
         }, {
           item: x(({ legend: a, index: o }) => [
-            P("div", {
+            F("div", {
               onClick: (n) => {
                 a.segregate(), xe(a);
               },
               style: T(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`)
-            }, O(a.name), 13, Dt)
+            }, D(a.name), 13, Dt)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : b(t.$slots, "legend", {
@@ -679,7 +679,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       $e(dt, {
-        show: y.value.showTooltip && L.value,
+        show: y.value.showTooltip && S.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -691,17 +691,18 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: N.value,
         content: J.value,
+        isFullscreen: L.value,
         isCustom: z(_e)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": x(() => [
-          b(t.$slots, "tooltip-before", E(B({ ...Q.value })), void 0, !0)
+          b(t.$slots, "tooltip-before", B(E({ ...Q.value })), void 0, !0)
         ]),
         "tooltip-after": x(() => [
-          b(t.$slots, "tooltip-after", E(B({ ...Q.value })), void 0, !0)
+          b(t.$slots, "tooltip-after", B(E({ ...Q.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      F.value ? (u(), M(ft, {
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      P.value ? (u(), M(ft, {
         key: 8,
         hideDetails: "",
         config: {
@@ -720,18 +721,18 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
         content: x(() => [
           (u(), M(yt, {
             key: `table_${re.value}`,
-            colNames: S.value.colNames,
-            head: S.value.head,
-            body: S.value.body,
-            config: S.value.config,
+            colNames: O.value.colNames,
+            head: O.value.head,
+            body: O.value.body,
+            config: O.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: l[5] || (l[5] = (a) => y.value.showTable = !1)
           }, {
             th: x(({ th: a }) => [
-              P("div", { innerHTML: a }, null, 8, Wt)
+              F("div", { innerHTML: a }, null, 8, Wt)
             ]),
             td: x(({ td: a }) => [
-              He(O(a), 1)
+              He(D(a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -740,7 +741,7 @@ const Ct = ["id"], wt = ["xmlns", "viewBox"], $t = { style: { "pointer-events":
       }, 8, ["config"])) : m("", !0)
     ], 14, Ct));
   }
-}, ta = /* @__PURE__ */ kt(Et, [["__scopeId", "data-v-0d19b552"]]);
+}, ta = /* @__PURE__ */ kt(Bt, [["__scopeId", "data-v-0ac822d4"]]);
 export {
   ta as default
 };