vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-mood-radar-BOvaA1Jq.js → vue-ui-mood-radar-FkVaaOVG.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as M, ref as u, computed as d, toRefs as st, onMounted as nt, watch as Ce, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as E, normalizeClass as we, createBlock as k, createCommentVNode as c, createElementVNode as s, createVNode as j, createSlots as xe, withCtx as v, renderSlot as g, normalizeProps as z, guardReactiveProps as G, Fragment as $e, renderList as _e, toDisplayString as R, Teleport as rt, resolveDynamicComponent as ut, mergeProps as it, createTextVNode as Ae, nextTick as Te } from "vue";
+import { defineAsyncComponent as M, ref as u, computed as d, toRefs as st, onMounted as nt, watch as Ce, createElementBlock as g, openBlock as r, unref as a, normalizeStyle as E, normalizeClass as we, createBlock as k, createCommentVNode as c, createElementVNode as s, createVNode as j, createSlots as xe, withCtx as v, renderSlot as y, normalizeProps as z, guardReactiveProps as G, Fragment as $e, renderList as Ae, toDisplayString as R, Teleport as rt, resolveDynamicComponent as ut, mergeProps as it, createTextVNode as _e, nextTick as Te } from "vue";
 import { c as dt, t as ct, o as vt, f as Me, k as yt, a as Pe, d as H, X as ht, s as x, i as gt, a8 as ft, P as pt, Q as mt } from "./lib-C_mNZmhD.js";
 import { t as kt, u as bt } from "./useResponsive-DfdjqQps.js";
 import { u as Ct, a as Oe } from "./useNestedProp-BjZe1Y85.js";
 import { u as wt, B as xt } from "./BaseScanner-BgWxam9d.js";
 import { u as $t } from "./usePrinter-DTzqpYKF.js";
-import { u as _t } from "./useSvgExport-DrjCWun4.js";
-import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as At } from "./useSvgExport-DrjCWun4.js";
+import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tt } from "./useChartAccessibility-9icAAmYg.js";
 import Mt from "./img-BecE5qXd.js";
 import Pt from "./Title-l36lOBMx.js";
 import { t as Ot } from "./themes-AUNCOb2G.js";
 import Nt from "./Legend-G6GMcdAc.js";
-import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Qt = ["fill"], Yt = ["transform"], Jt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], so = ["cx", "cy", "fill", "stroke"], no = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
+import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Qt = ["fill"], Yt = ["transform"], Jt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], so = ["cx", "cy", "fill", "stroke"], no = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, co = ["id"], vo = ["onClick"], yo = ["innerHTML"], ho = {
@@ -31,14 +31,14 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       }
     }
   },
-  setup(Ne, { expose: Le }) {
-    const P = M(() => import("./BaseIcon-BmMbm4d0.js")), Se = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ie = M(() => import("./DataTable-BT7VF2ua.js")), De = M(() => import("./PenAndPaper-DSvu9dwa.js")), Fe = M(() => import("./UserOptions-CnzumGJj.js")), Be = M(() => import("./PackageVersion-QNVkHOgG.js")), Ee = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), L = u(null), V = u(null), ne = u(null), re = u(!1), S = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: _ } = wt({
+  setup(Ne, { expose: Se }) {
+    const P = M(() => import("./BaseIcon-BmMbm4d0.js")), Le = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ie = M(() => import("./DataTable-BT7VF2ua.js")), De = M(() => import("./PenAndPaper-DSvu9dwa.js")), Fe = M(() => import("./UserOptions-CGnQt6Fd.js")), Be = M(() => import("./PackageVersion-D-auaEEJ.js")), Ee = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), S = u(null), V = u(null), ne = u(null), re = u(!1), L = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: A } = wt({
       ...st($),
       FINAL_CONFIG: e,
       prepareConfig: Y,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Te(), A.value.showTable = e.value.table.show;
+          await Te(), _.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: {
@@ -111,10 +111,10 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             n.value.width = l, n.value.height = o - 12;
           });
         });
-        L.value && (V.value && L.value.unobserve(V.value), L.value.disconnect()), L.value = new ResizeObserver(t), V.value = C.value.parentNode, L.value.observe(V.value);
+        S.value && (V.value && S.value.unobserve(V.value), S.value.disconnect()), S.value = new ResizeObserver(t), V.value = C.value.parentNode, S.value.observe(V.value);
       }
     }
-    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ce } = At({ config: e.value }), { svgRef: Q } = Tt({ config: e.value.style.chart.title });
+    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ce } = _t({ config: e.value }), { svgRef: Q } = Tt({ config: e.value.style.chart.title });
     function Y() {
       const t = Oe({
         userConfig: $.config,
@@ -128,13 +128,13 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       } : t;
     }
     Ce(() => $.config, (t) => {
-      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, A.value.showTable = e.value.table.show;
+      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, _.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ve, isImaging: ye, generatePdf: he, generateImage: ge } = $t({
       elementId: b.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
-    }), je = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = u({
+    }), je = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), _ = u({
       showTable: e.value.table.show
     }), n = u({
       height: 256,
@@ -169,8 +169,8 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         value: at
       };
     }
-    const Xe = d(() => Math.max(...Object.values(_.value).map((t) => isNaN(t) ? 0 : t))), T = d(() => Object.values(_.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), y = d(() => Object.keys(_.value).map((t, l) => {
-      const o = typeof _.value[t] != "number" || isNaN(_.value[t]) ? 0 : _.value[t];
+    const Xe = d(() => Math.max(...Object.values(A.value).map((t) => isNaN(t) ? 0 : t))), T = d(() => Object.values(A.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), h = d(() => Object.keys(A.value).map((t, l) => {
+      const o = typeof A.value[t] != "number" || isNaN(A.value[t]) ? 0 : A.value[t];
       return {
         index: l,
         key: t,
@@ -178,7 +178,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         proportion: o / T.value,
         color: e.value.style.chart.layout.smileys.colors[t]
       };
-    }).sort((t, l) => l.key - t.key)), fe = d(() => y.value.map((t, l) => ({
+    }).sort((t, l) => l.key - t.key)), fe = d(() => h.value.map((t, l) => ({
       ...t,
       display: `${Pe(
         e.value.style.chart.layout.dataLabel.formatter,
@@ -195,7 +195,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         r: e.value.style.chart.legend.roundingPercentage
       })})`}`
     }))), Z = d(() => (["1", "2", "3", "4", "5"].forEach((t) => {
-      [null, void 0].includes(_.value[t]) && Me({
+      [null, void 0].includes(A.value[t]) && Me({
         componentName: "VueUiMoodRadar",
         type: "datasetAttribute",
         property: t
@@ -206,14 +206,14 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         centerY: n.value.height / 2,
         apexX: t.x,
         apexY: t.y,
-        proportion: y.value[l].value / Xe.value,
-        key: y.value[l].key,
-        value: y.value[l].value
+        proportion: h.value[l].value / Xe.value,
+        key: h.value[l].key,
+        value: h.value[l].value
       });
       return {
         ...t,
         plots: o,
-        key: y.value[l].key
+        key: h.value[l].key
       };
     }))), Ke = d(() => ({
       cy: "mood-radar-legend",
@@ -228,23 +228,23 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     }
     function D(t) {
       f.value = t;
-      const l = y.value.find((o) => o.key === t);
+      const l = h.value.find((o) => o.key === t);
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.index });
     }
     function F(t) {
       f.value = null;
-      const l = y.value.find((o) => o.key === t);
+      const l = h.value.find((o) => o.key === t);
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.index });
     }
     function O(t) {
-      const l = y.value.find((o) => o.key === t);
+      const l = h.value.find((o) => o.key === t);
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.index });
     }
     const w = d(() => {
-      const t = y.value.map((o) => ({
+      const t = h.value.map((o) => ({
         name: o.key,
         color: o.color
-      })), l = y.value.map((o) => isNaN(o.value) ? 0 : o.value);
+      })), l = h.value.map((o) => isNaN(o.value) ? 0 : o.value);
       return { head: t, body: l };
     });
     function ee(t = null) {
@@ -292,10 +292,10 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       };
     });
     function Qe() {
-      return y.value;
+      return h.value;
     }
     function pe() {
-      A.value.showTable = !A.value.showTable;
+      _.value.showTable = !_.value.showTable;
     }
     const N = u(!1);
     function me(t) {
@@ -318,9 +318,9 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       };
     }
     const B = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = A.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = _.value.showTable;
       return {
-        component: t ? Ee : Se,
+        component: t ? Ee : Le,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -347,17 +347,17 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         }
       };
     });
-    Ce(() => A.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && S.value ? S.value.open() : "close" in S.value && S.value.close());
+    Ce(() => _.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && L.value ? L.value.open() : "close" in L.value && L.value.close());
     });
     function ke() {
-      A.value.showTable = !1, X.value && X.value.setTableIconState(!1);
+      _.value.showTable = !1, X.value && X.value.setTableIconState(!1);
     }
     const Je = d(() => fe.value.map((t) => ({
       ...t,
       name: t.display,
       shape: "circle"
-    }))), Ze = d(() => e.value.style.chart.backgroundColor), et = d(() => e.value.style.chart.legend), tt = d(() => e.value.style.chart.title), { exportSvg: ot, getSvg: lt } = _t({
+    }))), Ze = d(() => e.value.style.chart.backgroundColor), et = d(() => e.value.style.chart.legend), tt = d(() => e.value.style.chart.title), { exportSvg: ot, getSvg: lt } = At({
       svg: Q,
       title: tt,
       legend: et,
@@ -371,7 +371,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       } else
         ot();
     }
-    return Le({
+    return Se({
       getData: Qe,
       getImage: Ye,
       generatePdf: he,
@@ -381,7 +381,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       toggleTable: pe,
       toggleAnnotator: te,
       toggleFullscreen: me
-    }), (t, l) => (r(), h("div", {
+    }), (t, l) => (r(), g("div", {
       class: we(`vue-data-ui-component vue-ui-mood-radar ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "moodRadarChart",
       ref: C,
@@ -398,14 +398,14 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         active: W.value,
         onClose: te
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      je.value ? (r(), h("div", {
+      je.value ? (r(), g("div", {
         key: 1,
         ref_key: "noTitle",
         ref: oe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (r(), h("div", {
+      e.value.style.chart.title.text ? (r(), g("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ae,
@@ -465,54 +465,61 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: v(({ isOpen: o, color: i }) => [
-            g(t.$slots, "menuIcon", z(G({ isOpen: o, color: i })), void 0, !0)
+            y(t.$slots, "menuIcon", z(G({ isOpen: o, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: v(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
+            y(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: v(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
+            y(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: v(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
+            y(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: v(() => [
+            y(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: v(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
+            y(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: v(({ toggleFullscreen: o, isFullscreen: i }) => [
-            g(t.$slots, "optionFullscreen", z(G({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
+            y(t.$slots, "optionFullscreen", z(G({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: v(({ toggleAnnotator: o, isAnnotator: i }) => [
-            g(t.$slots, "optionAnnotator", z(G({ toggleAnnotator: o, isAnnotator: i })), void 0, !0)
+            y(t.$slots, "optionAnnotator", z(G({ toggleAnnotator: o, isAnnotator: i })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      (r(), h("svg", {
+      (r(), g("svg", {
         ref_key: "svgRef",
         ref: Q,
         xmlns: a(ht),
@@ -521,7 +528,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         style: E(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         j(a(Be)),
-        t.$slots["chart-background"] ? (r(), h("foreignObject", {
+        t.$slots["chart-background"] ? (r(), g("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -531,7 +538,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             pointerEvents: "none"
           }
         }, [
-          g(t.$slots, "chart-background", {}, void 0, !0)
+          y(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ft)) : c("", !0),
         s("defs", null, [
           s("radialGradient", {
@@ -552,7 +559,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             }, null, 8, Rt)
           ], 8, Bt)
         ]),
-        (r(!0), h($e, null, _e(J.value.coordinates, (o) => (r(), h("line", {
+        (r(!0), g($e, null, Ae(J.value.coordinates, (o) => (r(), g("line", {
           x1: n.value.width / 2,
           y1: n.value.height / 2,
           x2: o.x,
@@ -681,7 +688,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
           "stroke-linejoin": "round",
           fill: e.value.style.chart.layout.dataPolygon.gradient.show ? `url(#mood_radar_gradient_${b.value})` : a(x)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
         }, null, 8, lo),
-        (r(!0), h($e, null, _e(Z.value.map((o) => o.plots), (o, i) => (r(), h("g", {
+        (r(!0), g($e, null, Ae(Z.value.map((o) => o.plots), (o, i) => (r(), g("g", {
           class: "vue-ui-mood-radar-trap",
           style: E(`opacity:${f.value == o.key ? "1" : "0"}`)
         }, [
@@ -738,10 +745,10 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             r: e.value.style.chart.layout.dataLabel.roundingPercentage
           })) + ") ", 9, uo)
         ], 4))), 256)),
-        g(t.$slots, "svg", { svg: n.value }, void 0, !0)
+        y(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, Dt)),
-      t.$slots.watermark ? (r(), h("div", io, [
-        g(t.$slots, "watermark", z(G({ isPrinting: a(ve) || a(ye) })), void 0, !0)
+      t.$slots.watermark ? (r(), g("div", io, [
+        y(t.$slots, "watermark", z(G({ isPrinting: a(ve) || a(ye) })), void 0, !0)
       ])) : c("", !0),
       s("div", {
         id: `legend-bottom-${b.value}`
@@ -795,7 +802,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
                   name: "moodHappy",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
                 }, null, 8, ["stroke"])) : c("", !0),
-                a(K) ? c("", !0) : (r(), h("span", {
+                a(K) ? c("", !0) : (r(), g("span", {
                   key: 5,
                   style: E({ fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal" })
                 }, R(o.display), 5))
@@ -803,20 +810,20 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : c("", !0),
-          g(t.$slots, "legend", { legend: y.value }, void 0, !0)
+          y(t.$slots, "legend", { legend: h.value }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : c("", !0),
-      t.$slots.source ? (r(), h("div", {
+      t.$slots.source ? (r(), g("div", {
         key: 6,
         ref_key: "source",
         ref: ne,
         dir: "auto"
       }, [
-        g(t.$slots, "source", {}, void 0, !0)
+        y(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ue.value && e.value.userOptions.buttons.table ? (r(), k(ut(B.value.component), it({ key: 7 }, B.value.props, {
         ref_key: "tableUnit",
-        ref: S,
+        ref: L,
         onClose: ke
       }), xe({
         content: v(() => [
@@ -836,7 +843,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
               }, null, 8, yo)
             ]),
             td: v(({ td: o }) => [
-              Ae(R(o.name || o), 1)
+              _e(R(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
@@ -846,7 +853,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         e.value.table.useDialog ? {
           name: "title",
           fn: v(() => [
-            Ae(R(B.value.title), 1)
+            _e(R(B.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -868,9 +875,9 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         } : void 0
       ]), 1040)) : c("", !0),
       a(K) ? (r(), k(xt, { key: 8 })) : c("", !0)
-    ], 46, St));
+    ], 46, Lt));
   }
-}, Po = /* @__PURE__ */ Lt(ho, [["__scopeId", "data-v-a940bb04"]]);
+}, Po = /* @__PURE__ */ St(ho, [["__scopeId", "data-v-06c857b2"]]);
 export {
   Po as default
 };