vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-onion-C0Z5_zay.js → vue-ui-onion-BCENNhsY.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as _, computed as i, ref as r, toRefs as Ot, watch as E, shallowRef as Ve, onMounted as St, onBeforeUnmount as _t, createElementBlock as c, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as j, createBlock as A, createCommentVNode as p, createElementVNode as I, createVNode as ie, createSlots as Ue, withCtx as h, renderSlot as g, normalizeProps as R, guardReactiveProps as L, Fragment as Y, renderList as X, toDisplayString as z, Teleport as At, resolveDynamicComponent as It, mergeProps as Pt, createTextVNode as Ee, nextTick as Ye } from "vue";
+import { defineAsyncComponent as A, computed as i, ref as r, toRefs as Ot, watch as E, shallowRef as Ve, onMounted as St, onBeforeUnmount as At, createElementBlock as c, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as j, createBlock as _, createCommentVNode as p, createElementVNode as I, createVNode as ie, createSlots as Ue, withCtx as d, renderSlot as g, normalizeProps as R, guardReactiveProps as L, Fragment as Y, renderList as X, toDisplayString as z, Teleport as _t, resolveDynamicComponent as It, mergeProps as Pt, createTextVNode as Ee, nextTick as Ye } from "vue";
 import { c as Ft, t as Dt, b as Mt, p as Xe, e as Rt, o as Ge, f as ce, h as Lt, d as B, X as zt, a as ve, G as He, P as Bt, Q as Nt, H as Vt } from "./lib-C_mNZmhD.js";
 import { t as Ut, u as Et } from "./useResponsive-DfdjqQps.js";
 import { u as Yt, a as We } from "./useNestedProp-BjZe1Y85.js";
@@ -34,7 +34,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
   },
   emits: ["selectLegend"],
   setup(je, { expose: qe, emit: Qe }) {
-    const Je = _(() => import("./Tooltip-oWCO1HKy.js")), Ke = _(() => import("./BaseIcon-BmMbm4d0.js")), Ze = _(() => import("./vue-ui-accordion-CZ0thhxa.js")), et = _(() => import("./DataTable-BT7VF2ua.js")), tt = _(() => import("./UserOptions-CnzumGJj.js")), at = _(() => import("./PenAndPaper-DSvu9dwa.js")), lt = _(() => import("./PackageVersion-BSldVhnp.js")), ot = _(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_onion: nt } = Yt(), C = je, de = i(() => !!C.dataset && C.dataset.length), y = r(Ft()), st = r(null), he = r(0), q = r(!1), Q = r(""), b = r([]), $ = r(null), ge = r(null), pe = r(null), fe = r(null), me = r(null), ye = r(0), be = r(0), ke = r(0), x = r(!1), we = r(!1), N = r(null), e = r(Z()), { loading: k, FINAL_DATASET: Ce, manualLoading: J } = Xt({
+    const Je = A(() => import("./Tooltip-oWCO1HKy.js")), Ke = A(() => import("./BaseIcon-BmMbm4d0.js")), Ze = A(() => import("./vue-ui-accordion-CZ0thhxa.js")), et = A(() => import("./DataTable-BT7VF2ua.js")), tt = A(() => import("./UserOptions-CGnQt6Fd.js")), at = A(() => import("./PenAndPaper-DSvu9dwa.js")), lt = A(() => import("./PackageVersion-D-auaEEJ.js")), ot = A(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_onion: nt } = Yt(), C = je, de = i(() => !!C.dataset && C.dataset.length), y = r(Ft()), st = r(null), he = r(0), q = r(!1), Q = r(""), b = r([]), $ = r(null), ge = r(null), pe = r(null), fe = r(null), me = r(null), ye = r(0), be = r(0), ke = r(0), T = r(!1), we = r(!1), N = r(null), e = r(Z()), { loading: k, FINAL_DATASET: Ce, manualLoading: J } = Xt({
       ...Ot(C),
       FINAL_CONFIG: e,
       prepareConfig: Z,
@@ -70,7 +70,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: K, setUserOptionsVisibility: $e, keepUserOptionState: xe } = jt({ config: e.value }), { svgRef: G } = qt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: $e, keepUserOptionState: Te } = jt({ config: e.value }), { svgRef: G } = qt({ config: e.value.style.chart.title });
     function Z() {
       const t = We({
         userConfig: C.config,
@@ -87,7 +87,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     E(() => C.config, (t) => {
       k.value || (e.value = Z()), K.value = !e.value.userOptions.showOnChartHover, Ie(), ye.value += 1, be.value += 1, ke.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: Te, isImaging: Oe, generatePdf: Se, generateImage: _e } = Ht({
+    const { isPrinting: xe, isImaging: Oe, generatePdf: Se, generateImage: Ae } = Ht({
       elementId: `vue-ui-onion_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
       options: e.value.userOptions.print
@@ -118,7 +118,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     const it = i({
       get: () => e.value.style.chart.layout.labels.fontSize,
       set: (t) => t
-    }), { autoSizeLabels: Ae } = Qt({
+    }), { autoSizeLabels: _e } = Qt({
       svgRef: G,
       fontSize: e.value.style.chart.layout.labels.fontSize,
       minFontSize: e.value.style.chart.layout.labels.minFontSize,
@@ -133,7 +133,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         debug: ct.value
       }), J.value = !0), Ge(C.dataset) || (J.value = e.value.loading), e.value.responsive) {
         const o = Ut(() => {
-          ee && clearTimeout(ee), x.value = !0;
+          ee && clearTimeout(ee), T.value = !0;
           let { width: a, height: l } = Et({
             chart: $.value,
             title: e.value.style.chart.title.text ? ge.value : null,
@@ -143,18 +143,18 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           });
           l -= 12, requestAnimationFrame(async () => {
             n.value.width = a, n.value.height = l, n.value.padding.top = Math.max(a, l) * 0.125, n.value.padding.right = Math.max(a, l) * 0.125, n.value.padding.bottom = Math.max(a, l) * 0.125, n.value.padding.left = Math.max(a, l) * 0.125, n.value.minRadius = Math.min(a, l) * 0.125, ee = setTimeout(() => {
-              x.value = !1, Ae();
+              T.value = !1, _e();
             }, 0);
           });
         });
         O.value && (M.value && O.value.unobserve(M.value), O.value.disconnect()), O.value = new ResizeObserver(o), M.value = $.value.parentNode, O.value.observe(M.value);
       }
-      requestAnimationFrame(Ae);
+      requestAnimationFrame(_e);
     }
-    _t(() => {
+    At(() => {
       O.value && (M.value && O.value.unobserve(M.value), O.value.disconnect());
     });
-    const d = i(() => ({
+    const h = i(() => ({
       top: n.value.padding.top,
       left: n.value.padding.left,
       right: n.value.width - n.value.padding.right,
@@ -227,13 +227,13 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), pt = i(() => m.value.filter((t) => !b.value.includes(t.id)).length), P = i(() => {
-      const t = Math.min(d.value.width, d.value.height) / 2 / m.value.length;
+      const t = Math.min(h.value.width, h.value.height) / 2 / m.value.length;
       return {
         gutter: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.gutter.width,
         track: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.track.width
       };
-    }), T = i(() => V.value.filter((t) => !b.value.includes(t.id)).map((t, o) => {
-      const a = (d.value.maxRadius - P.value.track) / pt.value / 2 * (1 + o), l = d.value.centerY - a;
+    }), x = i(() => V.value.filter((t) => !b.value.includes(t.id)).map((t, o) => {
+      const a = (h.value.maxRadius - P.value.track) / pt.value / 2 * (1 + o), l = h.value.centerY - a;
       return {
         percentage: t.percentage || 0,
         ...t,
@@ -251,28 +251,28 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         dashOffset: w,
         fullOffset: 0,
         active: `
-            M ${d.value.centerX},${d.value.centerY - t} 
+            M ${h.value.centerX},${h.value.centerY - t} 
             A ${t},${t} 0 1 1 
-            ${d.value.centerX + t * Math.cos(Math.PI * 3 / 4)},${d.value.centerY + t * Math.sin(Math.PI * 3 / 4)}
+            ${h.value.centerX + t * Math.cos(Math.PI * 3 / 4)},${h.value.centerY + t * Math.sin(Math.PI * 3 / 4)}
         `.trim()
       };
     }
     const mt = Qe;
     function Fe(t) {
-      b.value.includes(t) ? b.value = b.value.filter((o) => o !== t) : b.value.push(t), mt("selectLegend", T.value);
+      b.value.includes(t) ? b.value = b.value.filter((o) => o !== t) : b.value.push(t), mt("selectLegend", x.value);
     }
     function yt() {
-      return T.value;
+      return x.value;
     }
     const le = i(() => {
-      const t = [e.value.table.translations.serie, e.value.table.translations.percentage, e.value.table.translations.value], o = T.value.map((a) => [
+      const t = [e.value.table.translations.serie, e.value.table.translations.percentage, e.value.table.translations.value], o = x.value.map((a) => [
         a.name,
         a.percentage,
         a.value
       ]);
       return { head: t, body: o };
     }), H = i(() => {
-      const t = le.value.head, o = T.value.map((l) => [
+      const t = le.value.head, o = x.value.map((l) => [
         `<span style="color:${l.color}">⬤</span> ${l.name}`,
         `${Number(l.percentage ?? 0).toFixed(e.value.table.td.roundingPercentage).toLocaleString()}%`,
         `${l.prefix || ""}${[null, void 0, NaN, "NaN"].includes(l.value) ? "-" : l.value.toFixed(e.value.table.td.roundingValue).toLocaleString()}${l.suffix || ""}`
@@ -404,7 +404,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     const kt = i(() => te.value.map((t) => ({
       ...t,
       name: t.display
-    }))), wt = i(() => e.value.style.chart.backgroundColor), Ct = i(() => e.value.style.chart.legend), $t = i(() => e.value.style.chart.title), { exportSvg: xt, getSvg: Tt } = Wt({
+    }))), wt = i(() => e.value.style.chart.backgroundColor), Ct = i(() => e.value.style.chart.legend), $t = i(() => e.value.style.chart.title), { exportSvg: Tt, getSvg: xt } = Wt({
       svg: G,
       title: $t,
       legend: Ct,
@@ -413,17 +413,17 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
     });
     async function Ne({ isCb: t }) {
       if (t) {
-        const { blob: o, url: a, text: l, dataUrl: v } = await Tt();
+        const { blob: o, url: a, text: l, dataUrl: v } = await xt();
         e.value.userOptions.callbacks.svg({ blob: o, url: a, text: l, dataUrl: v });
       } else
-        xt();
+        Tt();
     }
     return qe({
       getData: yt,
       getImage: bt,
       generatePdf: Se,
       generateCsv: oe,
-      generateImage: _e,
+      generateImage: Ae,
       generateSvg: Ne,
       toggleTable: ze,
       toggleTooltip: Be,
@@ -438,7 +438,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       onMouseenter: o[4] || (o[4] = () => s($e)(!0)),
       onMouseleave: o[5] || (o[5] = () => s($e)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), A(s(at), {
+      e.value.userOptions.buttons.annotator ? (u(), _(s(at), {
         key: 0,
         svgRef: s(G),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -459,7 +459,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         ref: ge,
         style: "width:100%;background:transparent"
       }, [
-        (u(), A(Kt, {
+        (u(), _(Kt, {
           key: `title_${ye.value}`,
           config: {
             title: {
@@ -476,14 +476,14 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       I("div", {
         id: `legend-top-${y.value}`
       }, null, 8, la),
-      e.value.userOptions.show && de.value && (s(xe) || s(K)) ? (u(), A(s(tt), {
+      e.value.userOptions.show && de.value && (s(Te) || s(K)) ? (u(), _(s(tt), {
         ref_key: "details",
         ref: st,
         key: `user_options${he.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: s(Oe),
-        isPrinting: s(Te),
+        isPrinting: s(xe),
         uid: y.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -505,77 +505,84 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         onToggleFullscreen: De,
         onGeneratePdf: s(Se),
         onGenerateCsv: oe,
-        onGenerateImage: s(_e),
+        onGenerateImage: s(Ae),
         onGenerateSvg: Ne,
         onToggleTable: ze,
         onToggleTooltip: Be,
         onToggleAnnotator: se,
         style: D({
-          visibility: s(xe) ? s(K) ? "visible" : "hidden" : "visible"
+          visibility: s(Te) ? s(K) ? "visible" : "hidden" : "visible"
         })
       }, Ue({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: h(({ isOpen: a, color: l }) => [
+          fn: d(({ isOpen: a, color: l }) => [
             g(t.$slots, "menuIcon", R(L({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: h(() => [
+          fn: d(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: h(() => [
+          fn: d(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: h(() => [
+          fn: d(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: h(() => [
+          fn: d(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: d(() => [
+            g(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: h(() => [
+          fn: d(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: h(({ toggleFullscreen: a, isFullscreen: l }) => [
+          fn: d(({ toggleFullscreen: a, isFullscreen: l }) => [
             g(t.$slots, "optionFullscreen", R(L({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: h(({ toggleAnnotator: a, isAnnotator: l }) => [
+          fn: d(({ toggleAnnotator: a, isAnnotator: l }) => [
             g(t.$slots, "optionAnnotator", R(L({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       (u(), c("svg", {
         ref_key: "svgRef",
         ref: G,
         xmlns: s(zt),
-        class: j({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value, resizing: x.value }),
+        class: j({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value, resizing: T.value }),
         viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
         style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -592,9 +599,9 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, na)) : p("", !0),
-        (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("circle", {
-          cx: d.value.centerX,
-          cy: d.value.centerY,
+        (u(!0), c(Y, null, X(x.value, (a, l) => (u(), c("circle", {
+          cx: h.value.centerX,
+          cy: h.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
           stroke: e.value.style.chart.layout.gutter.color,
           "stroke-width": P.value.gutter,
@@ -606,13 +613,13 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           style: D({
             transform: "rotate(-90deg)",
             transformOrigin: "50% 50%",
-            transition: x.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
-            animation: x.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
+            transition: T.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
+            animation: T.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
           })
         }, null, 14, sa))), 256)),
-        (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("circle", {
-          cx: d.value.centerX,
-          cy: d.value.centerY,
+        (u(!0), c(Y, null, X(x.value, (a, l) => (u(), c("circle", {
+          cx: h.value.centerX,
+          cy: h.value.centerY,
           r: a.radius < 0 ? 1e-4 : a.radius,
           stroke: `${a.color}`,
           "stroke-width": P.value.track,
@@ -624,8 +631,8 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           style: D({
             transform: "rotate(-90deg)",
             transformOrigin: "50% 50%",
-            transition: x.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
-            animation: x.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
+            transition: T.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
+            animation: T.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
           })
         }, null, 14, ua))), 256)),
         I("defs", null, [
@@ -646,9 +653,9 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           key: 1,
           filter: `url(#blur_${y.value})`
         }, [
-          (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("circle", {
-            cx: d.value.centerX,
-            cy: d.value.centerY,
+          (u(!0), c(Y, null, X(x.value, (a, l) => (u(), c("circle", {
+            cx: h.value.centerX,
+            cy: h.value.centerY,
             r: a.radius <= 0 ? 1e-4 : a.radius,
             stroke: "white",
             "stroke-width": P.value.track / 3,
@@ -659,14 +666,14 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
             style: D({
               transform: "rotate(-90deg)",
               transformOrigin: "50% 50%",
-              transition: x.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
-              animation: x.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
+              transition: T.value || s(k) ? "none" : "all 0.3s ease-in-out !important",
+              animation: T.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
             })
           }, null, 12, va))), 256))
         ], 8, ca)) : p("", !0),
-        (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("circle", {
-          cx: d.value.centerX,
-          cy: d.value.centerY,
+        (u(!0), c(Y, null, X(x.value, (a, l) => (u(), c("circle", {
+          cx: h.value.centerX,
+          cy: h.value.centerY,
           r: a.radius <= 0 ? 1e-4 : a.radius,
           stroke: "transparent",
           "stroke-width": Math.max(P.value.track, P.value.gutter),
@@ -688,7 +695,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           onClick: (v) => Me({ datapoint: a })
         }, null, 40, da))), 256)),
         e.value.style.chart.layout.labels.show ? (u(), c("g", ha, [
-          (u(!0), c(Y, null, X(T.value, (a, l) => (u(), c("g", {
+          (u(!0), c(Y, null, X(x.value, (a, l) => (u(), c("g", {
             onMouseenter: (v) => Le({
               datapoint: a,
               show: !0,
@@ -736,12 +743,12 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         g(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, oa)),
       t.$slots.watermark ? (u(), c("div", fa, [
-        g(t.$slots, "watermark", R(L({ isPrinting: s(Te) || s(Oe) })), void 0, !0)
+        g(t.$slots, "watermark", R(L({ isPrinting: s(xe) || s(Oe) })), void 0, !0)
       ])) : p("", !0),
       I("div", {
         id: `legend-bottom-${y.value}`
       }, null, 8, ma),
-      we.value ? (u(), A(At, {
+      we.value ? (u(), _(_t, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${y.value}` : `#legend-bottom-${y.value}`
       }, [
@@ -749,13 +756,13 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           ref_key: "chartLegend",
           ref: pe
         }, [
-          e.value.style.chart.legend.show ? (u(), A(Zt, {
+          e.value.style.chart.legend.show ? (u(), _(Zt, {
             key: `legend_${ke.value}`,
             legendSet: te.value,
             config: gt.value,
             onClickMarker: o[0] || (o[0] = ({ legend: a }) => Fe(a.id))
           }, {
-            item: h(({ legend: a }) => [
+            item: d(({ legend: a }) => [
               s(k) ? p("", !0) : (u(), c("div", {
                 key: 0,
                 "data-cy-legend-item": "",
@@ -798,21 +805,21 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": h(() => [
+        "tooltip-before": d(() => [
           g(t.$slots, "tooltip-before", R(L({ ...ne.value })), void 0, !0)
         ]),
-        "tooltip-after": h(() => [
+        "tooltip-after": d(() => [
           g(t.$slots, "tooltip-after", R(L({ ...ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      de.value && e.value.userOptions.buttons.table ? (u(), A(It(U.value.component), Pt({ key: 7 }, U.value.props, {
+      de.value && e.value.userOptions.buttons.table ? (u(), _(It(U.value.component), Pt({ key: 7 }, U.value.props, {
         ref_key: "tableUnit",
         ref: N,
         onClose: o[3] || (o[3] = (a) => f.value.showTable = !1)
       }), Ue({
-        content: h(() => [
-          (u(), A(s(et), {
+        content: d(() => [
+          (u(), _(s(et), {
             key: `table_${be.value}`,
             colNames: H.value.colNames,
             head: H.value.head,
@@ -822,10 +829,10 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
             withCloseButton: !e.value.table.useDialog,
             onClose: o[2] || (o[2] = (a) => f.value.showTable = !1)
           }, {
-            th: h(({ th: a }) => [
+            th: d(({ th: a }) => [
               Ee(z(a), 1)
             ]),
-            td: h(({ td: a }) => [
+            td: d(({ td: a }) => [
               I("div", { innerHTML: a }, null, 8, ba)
             ]),
             _: 1
@@ -835,14 +842,14 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: h(() => [
+          fn: d(() => [
             Ee(z(U.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: h(() => [
+          fn: d(() => [
             I("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -857,10 +864,10 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      s(k) ? (u(), A(Gt, { key: 8 })) : p("", !0)
+      s(k) ? (u(), _(Gt, { key: 8 })) : p("", !0)
     ], 46, aa));
   }
-}, La = /* @__PURE__ */ ta(ka, [["__scopeId", "data-v-75c2d02d"]]);
+}, La = /* @__PURE__ */ ta(ka, [["__scopeId", "data-v-6d972bcd"]]);
 export {
   La as default
 };