vue-data-ui 2.4.86 → 2.4.87

package/dist/{vue-ui-rings-Dwyz2fEm.js → vue-ui-rings-DgzfAEvJ.js}

@@ -1,20 +1,20 @@
-import { useSlots as De, ref as r, computed as h, watch as Ee, onMounted as Ge, onBeforeUnmount as He, openBlock as n, createElementBlock as v, normalizeClass as V, normalizeStyle as N, unref as i, createBlock as O, createCommentVNode as m, createSlots as $e, withCtx as g, renderSlot as p, normalizeProps as F, guardReactiveProps as L, createVNode as J, createElementVNode as w, Fragment as K, renderList as Q, createTextVNode as we, toDisplayString as E, nextTick as je } from "vue";
-import { u as Xe, c as _e, t as qe, a as Ye, p as I, o as Je, e as Z, g as Ke, b as Qe, J as Ze, d as Te, f as P, X as et, s as tt, w as lt, v as G, i as xe, x as ot, y as at, q as st, r as nt } from "./index-CXx0JV8R.js";
+import { useSlots as De, ref as r, computed as h, watch as Ee, onMounted as Ge, onBeforeUnmount as He, openBlock as n, createElementBlock as v, normalizeClass as V, normalizeStyle as N, unref as i, createBlock as O, createCommentVNode as m, createSlots as we, withCtx as g, renderSlot as p, normalizeProps as F, guardReactiveProps as L, createVNode as J, createElementVNode as T, Fragment as K, renderList as Q, createTextVNode as $e, toDisplayString as E, nextTick as je } from "vue";
+import { u as Xe, c as Te, t as qe, a as Ye, p as I, o as Je, e as Z, g as Ke, b as Qe, J as Ze, d as _e, f as P, X as et, s as tt, w as lt, v as G, i as xe, x as ot, y as at, q as st, r as nt } from "./index-BG5J_ybN.js";
 import { t as ut, u as rt } from "./useResponsive-CoxXLe23.js";
-import { _ as it } from "./Title-ClQ27HaB.js";
-import { u as vt, U as ct } from "./usePrinter-Ctor1UK0.js";
-import { _ as dt } from "./Tooltip-CGYgJoPR.js";
-import { D as pt } from "./DataTable-BfiPjHpN.js";
-import { L as ht } from "./Legend-DiFDWEo2.js";
-import gt from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import ft from "./vue-ui-accordion-BljYKOXR.js";
-import { u as Ne } from "./useNestedProp-B-WAbP7E.js";
-import { _ as yt } from "./PackageVersion-qom4AEUr.js";
-import { P as mt } from "./PenAndPaper-C-1AU46J.js";
+import { _ as it } from "./Title-BU5Aq1_x.js";
+import { u as vt, U as ct } from "./usePrinter-CWeJt84b.js";
+import { _ as dt } from "./Tooltip-Dm-obTbx.js";
+import { D as pt } from "./DataTable-CKke7C6w.js";
+import { L as ht } from "./Legend-DMeEvZOT.js";
+import gt from "./vue-ui-skeleton-c211TxZ8.js";
+import ft from "./vue-ui-accordion-JBOceVq2.js";
+import { u as Ne } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as yt } from "./PackageVersion-Rh3rgo6A.js";
+import { P as mt } from "./PenAndPaper-DqVsdeLc.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as kt } from "./Shape-Dmv7nCLC.js";
+import { _ as kt } from "./Shape-CL3HglYL.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["id"], xt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 1 }, It = ["stroke", "cx", "cy", "r", "fill"], Pt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], St = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], At = ["cx", "cy", "r", "onMouseenter"], Ft = {
+const wt = ["id"], $t = ["xmlns", "viewBox"], Tt = ["width", "height"], _t = ["id"], xt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 1 }, It = ["stroke", "cx", "cy", "r", "fill"], Pt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], St = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], At = ["cx", "cy", "r", "onMouseenter"], Ft = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Lt = ["onClick"], Mt = { key: 0 }, Vt = { key: 1 }, zt = ["innerHTML"], Rt = {
@@ -35,7 +35,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: Ie, emit: Pe }) {
-    const b = Oe, { vue_ui_rings: Se } = Xe(), Ae = De(), x = r(!1), z = h(() => !!b.dataset && b.dataset.length), C = r(_e()), Fe = r(null), R = r(!1), H = r(""), $ = r(null), ee = r(0), S = r(null), te = r(null), le = r(null), oe = r(null), ae = r(null), se = r(0), ne = r(0), ue = r(0), e = h({
+    const b = Oe, { vue_ui_rings: Se } = Xe(), Ae = De(), x = r(!1), z = h(() => !!b.dataset && b.dataset.length), w = r(Te()), Fe = r(null), R = r(!1), H = r(""), $ = r(null), ee = r(0), S = r(null), te = r(null), le = r(null), oe = r(null), ae = r(null), se = r(0), ne = r(0), ue = r(0), e = h({
       get: () => ve(),
       set: (t) => t
     }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = bt({ config: e.value });
@@ -53,7 +53,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       } : t;
     }
     Ee(() => b.config, (t) => {
-      e.value = ve(), j.value = !e.value.showOnChartHover, ce(), se.value += 1, ne.value += 1, ue.value += 1;
+      e.value = ve(), j.value = !e.value.showOnChartHover, ce(), se.value += 1, ne.value += 1, ue.value += 1, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const U = r(null);
     Ge(() => {
@@ -101,9 +101,9 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       U.value && U.value.disconnect();
     });
     const { isPrinting: de, isImaging: pe, generatePdf: he, generateImage: ge } = vt({
-      elementId: `rings_${C.value}`,
+      elementId: `rings_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-rings"
-    }), Le = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => Qe(e.value.customPalette)), _ = r({
+    }), Le = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => Qe(e.value.customPalette)), k = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), s = r({
@@ -127,10 +127,10 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       const u = Ze(t).reduce((y, M) => y + M, 0);
       return {
         name: o,
-        color: l || Te(l) || fe.value[a] || I[a] || I[a % I.length],
+        color: l || _e(l) || fe.value[a] || I[a] || I[a % I.length],
         value: u,
         proportion: u / b.dataset.map((y) => (y.values || []).reduce((M, Be) => M + Be, 0)).reduce((y, M) => y + M, 0),
-        uid: _e(),
+        uid: Te(),
         absoluteIndex: a
       };
     })), me = h(() => W.value.map((t) => ({
@@ -146,14 +146,14 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), k = h(() => W.value.filter((t) => !f.value.includes(t.uid)).map(({ value: t }) => t).reduce((t, o) => t + o, 0)), d = h(() => W.value.filter((t) => !f.value.includes(t.uid)).map(({ name: t, value: o, color: l = null, uid: a, absoluteIndex: u }, y) => ({
+    })), C = h(() => W.value.filter((t) => !f.value.includes(t.uid)).map(({ value: t }) => t).reduce((t, o) => t + o, 0)), d = h(() => W.value.filter((t) => !f.value.includes(t.uid)).map(({ name: t, value: o, color: l = null, uid: a, absoluteIndex: u }, y) => ({
       absoluteIndex: u,
       uid: a,
       name: t,
-      color: l || Te(l) || fe.value[y] || I[y] || I[y % I.length],
+      color: l || _e(l) || fe.value[y] || I[y] || I[y % I.length],
       value: o,
       proportion: ye(o),
-      percentage: o / k.value * 100,
+      percentage: o / C.value * 100,
       strokeWidth: e.value.style.chart.layout.rings.strokeWidth * ye(o)
     })).toSorted((t, o) => o.value - t.value));
     function Re() {
@@ -191,7 +191,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         });
       else {
         let u = "";
-        u += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, u += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${l.color}" />${Ae.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${C.value}_${o.absoluteIndex})" />` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (u += `<b>${xe(
+        u += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, u += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${l.color}" />${Ae.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${o.absoluteIndex})" />` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (u += `<b>${xe(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           l.value,
           P({
@@ -203,18 +203,18 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
           { datapoint: o, seriesIndex: t }
         )}
       </b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${P({
-          v: l.value / k.value * 100,
+          v: l.value / C.value * 100,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })})</span></div>` : u += `<b>${P({
-          v: l.value / k.value * 100,
+          v: l.value / C.value * 100,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })}</b></div>`), H.value = u;
       }
       R.value = !0;
     }
-    const T = h(() => {
+    const _ = h(() => {
       const t = d.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -223,15 +223,15 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
     }), B = h(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: k.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: C.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
-      ], o = T.value.head.map((u, y) => [
+      ], o = _.value.head.map((u, y) => [
         {
           color: u.color,
           name: u.name
         },
-        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: T.value.body[y], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
-        isNaN(T.value.body[y] / k.value) ? "-" : (T.value.body[y] / k.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: _.value.body[y], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        isNaN(_.value.body[y] / C.value) ? "-" : (_.value.body[y] / C.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -258,9 +258,9 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
     });
     function be() {
       je(() => {
-        const t = T.value.head.map((a, u) => [[
+        const t = _.value.head.map((a, u) => [[
           a.name
-        ], [T.value.body[u]], [isNaN(T.value.body[u] / k.value) ? "-" : T.value.body[u] / k.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = st(o);
+        ], [_.value.body[u]], [isNaN(_.value.body[u] / C.value) ? "-" : _.value.body[u] / C.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = st(o);
         nt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-rings" });
       });
     }
@@ -269,10 +269,10 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       A.value = t, ee.value += 1;
     }
     function ke() {
-      _.value.showTable = !_.value.showTable;
+      k.value.showTable = !k.value.showTable;
     }
     function Ce() {
-      _.value.showTooltip = !_.value.showTooltip;
+      k.value.showTooltip = !k.value.showTooltip;
     }
     const D = r(!1);
     function Y() {
@@ -291,7 +291,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       ref: S,
       class: V(`vue-ui-rings ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: N(`font-family:${e.value.style.fontFamily};text-align:center;width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      id: `rings_${C.value}`,
+      id: `rings_${w.value}`,
       onMouseleave: o[3] || (o[3] = (l) => {
         $.value = null, R.value = !1, i(re)(!1);
       }),
@@ -340,14 +340,14 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         color: e.value.style.chart.color,
         isPrinting: i(de),
         isImaging: i(pe),
-        uid: C.value,
+        uid: w.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: _.value.showTooltip,
+        isTooltip: k.value.showTooltip,
         isFullscreen: A.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: S.value,
@@ -364,7 +364,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         style: N({
           visibility: i(ie) ? i(j) ? "visible" : "hidden" : "visible"
         })
-      }, $e({ _: 2 }, [
+      }, we({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: g(() => [
@@ -434,33 +434,33 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
           }
         }, [
           p(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, _t)) : m("", !0),
-        w("defs", null, [
+        ], 8, Tt)) : m("", !0),
+        T("defs", null, [
           (n(!0), v(K, null, Q(d.value, (l, a) => (n(), v("radialGradient", {
             cx: "50%",
             cy: "30%",
             r: "50%",
             fx: "50%",
             fy: "50%",
-            id: `gradient_${C.value}_${a}`
+            id: `gradient_${w.value}_${a}`
           }, [
-            w("stop", {
+            T("stop", {
               offset: "0%",
               "stop-color": i(tt)(i(lt)(l.color, 0.05), 100 - e.value.style.chart.layout.rings.gradient.intensity)
             }, null, 8, xt),
-            w("stop", {
+            T("stop", {
               offset: "100%",
               "stop-color": l.color
             }, null, 8, Nt)
-          ], 8, Tt))), 256))
+          ], 8, _t))), 256))
         ]),
         t.$slots.pattern ? (n(), v("g", Ot, [
           (n(!0), v(K, null, Q(d.value, (l) => (n(), v("defs", null, [
-            p(t.$slots, "pattern", F(L({ seriesIndex: l.absoluteIndex, patternId: `pattern_${C.value}_${l.absoluteIndex}` })), void 0, !0)
+            p(t.$slots, "pattern", F(L({ seriesIndex: l.absoluteIndex, patternId: `pattern_${w.value}_${l.absoluteIndex}` })), void 0, !0)
           ]))), 256))
         ])) : m("", !0),
         (n(!0), v(K, null, Q(d.value, (l, a) => (n(), v("g", null, [
-          w("circle", {
+          T("circle", {
             class: V({
               "vue-ui-rings-item": x.value && e.value.useCssAnimation,
               "vue-rings-item-onload": !x.value && e.value.useCssAnimation,
@@ -473,7 +473,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
             r: i(G)(c.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : c.value * l.proportion / 2 * 0.9),
             fill: e.value.style.chart.layout.rings.gradient.underlayerColor
           }, null, 14, It),
-          w("circle", {
+          T("circle", {
             class: V({
               "vue-ui-rings-item": x.value && e.value.useCssAnimation,
               "vue-rings-item-onload": !x.value && e.value.useCssAnimation,
@@ -486,7 +486,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
             cx: s.value.width / 2,
             cy: a === 0 ? s.value.height / 2 : s.value.height / 2 + c.value * d.value[0].proportion / 2 - c.value * l.proportion / 2 - 2 * (a + 1),
             r: i(G)(c.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : c.value * l.proportion / 2 * 0.9),
-            fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${C.value}_${a})` : l.color
+            fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${a})` : l.color
           }, null, 14, Pt),
           t.$slots.pattern ? (n(), v("circle", {
             key: 0,
@@ -502,9 +502,9 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
             cx: s.value.width / 2,
             cy: a === 0 ? s.value.height / 2 : s.value.height / 2 + c.value * d.value[0].proportion / 2 - c.value * l.proportion / 2 - 2 * (a + 1),
             r: i(G)(c.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : c.value * l.proportion / 2 * 0.9),
-            fill: `url(#pattern_${C.value}_${l.absoluteIndex})`
+            fill: `url(#pattern_${w.value}_${l.absoluteIndex})`
           }, null, 14, St)) : m("", !0),
-          w("circle", {
+          T("circle", {
             "data-cy-trap": "",
             stroke: "none",
             cx: s.value.width / 2,
@@ -518,7 +518,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
           }, null, 40, At)
         ]))), 256)),
         p(t.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, wt)) : m("", !0),
+      ], 14, $t)) : m("", !0),
       t.$slots.watermark ? (n(), v("div", Ft, [
         p(t.$slots, "watermark", F(L({ isPrinting: i(de) || i(pe) })), void 0, !0)
       ])) : m("", !0),
@@ -534,7 +534,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
           }
         }
       }, null, 8, ["config"])),
-      w("div", {
+      T("div", {
         ref_key: "chartLegend",
         ref: le
       }, [
@@ -543,14 +543,14 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
           legendSet: me.value,
           config: ze.value,
           onClickMarker: o[1] || (o[1] = ({ legend: l }) => X(l.uid))
-        }, $e({
+        }, we({
           item: g(({ legend: l, index: a }) => [
-            w("div", {
+            T("div", {
               "data-cy-legend-item": "",
               onClick: (u) => X(l.uid),
               style: N(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
             }, [
-              we(E(l.name) + ": " + E(i(xe)(
+              $e(E(l.name) + ": " + E(i(xe)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 i(P)({
@@ -561,8 +561,8 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
                 }),
                 { datapoint: l, seriesIndex: a }
               )) + " ", 1),
-              f.value.includes(l.uid) ? (n(), v("span", Vt, " ( - % ) ")) : (n(), v("span", Mt, " (" + E(isNaN(l.value / k.value) ? "-" : i(P)({
-                v: l.value / k.value * 100,
+              f.value.includes(l.uid) ? (n(), v("span", Vt, " ( - % ) ")) : (n(), v("span", Mt, " (" + E(isNaN(l.value / C.value) ? "-" : i(P)({
+                v: l.value / C.value * 100,
                 s: "%",
                 r: e.value.style.chart.legend.roundingPercentage
               })) + ") ", 1))
@@ -578,7 +578,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${C.value}_${a})`
+                fill: `url(#pattern_${w.value}_${a})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -597,7 +597,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       J(dt, {
-        show: _.value.showTooltip && R.value && f.value.length < b.dataset.length,
+        show: k.value.showTooltip && R.value && f.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -624,7 +624,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         key: 8,
         hideDetails: "",
         config: {
-          open: _.value.showTable,
+          open: k.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -644,25 +644,25 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
             body: B.value.body,
             config: B.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: o[2] || (o[2] = (l) => _.value.showTable = !1)
+            onClose: o[2] || (o[2] = (l) => k.value.showTable = !1)
           }, {
             th: g(({ th: l }) => [
-              w("div", {
+              T("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, zt)
             ]),
             td: g(({ td: l }) => [
-              we(E(l.name || l), 1)
+              $e(E(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : m("", !0)
-    ], 46, $t));
+    ], 46, wt));
   }
-}, tl = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-bb9ae26d"]]);
+}, tl = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-a858c542"]]);
 export {
   tl as default
 };