vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-funnel-BmxhWoVW.js → vue-ui-funnel-BU7d_U6T.js}

@@ -1,11 +1,11 @@
-import { useCssVars as Qe, computed as i, defineAsyncComponent as x, ref as v, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Ze, watch as xe, createElementBlock as c, openBlock as n, unref as o, normalizeStyle as S, normalizeClass as N, createBlock as P, createCommentVNode as b, createSlots as Le, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as j, createVNode as _e, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as et, createTextVNode as Se, nextTick as tt } from "vue";
-import { c as at, o as lt, f as Te, g as st, h as ot, S as nt, a as Y, d as q, X as ut, J as rt, R as ae, P as it, Q as ct } from "./lib-C_mNZmhD.js";
+import { useCssVars as Qe, computed as i, defineAsyncComponent as x, ref as v, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Ze, watch as xe, createElementBlock as c, openBlock as n, unref as s, normalizeStyle as S, normalizeClass as N, createBlock as P, createCommentVNode as g, createSlots as Le, withCtx as b, renderSlot as m, normalizeProps as G, guardReactiveProps as j, createVNode as _e, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as et, createTextVNode as Se, nextTick as tt } from "vue";
+import { c as at, o as lt, f as Te, g as ot, h as st, S as nt, a as Y, d as q, X as ut, J as rt, R as ae, P as it, Q as ct } from "./lib-C_mNZmhD.js";
 import { t as vt, u as dt } from "./useResponsive-DfdjqQps.js";
 import { u as ht, a as Ae } from "./useNestedProp-BjZe1Y85.js";
 import { u as ft } from "./usePrinter-DTzqpYKF.js";
 import { u as bt } from "./useSvgExport-DrjCWun4.js";
-import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as mt } from "./useChartAccessibility-9icAAmYg.js";
 import pt from "./img-BecE5qXd.js";
 import yt from "./Title-l36lOBMx.js";
 import { t as kt } from "./themes-AUNCOb2G.js";
@@ -31,16 +31,16 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
   },
   setup(Oe, { expose: De }) {
     Qe((t) => ({
-      v09babd12: je.value
+      v6ae43114: je.value
     }));
-    const ze = x(() => import("./BaseIcon-BmMbm4d0.js")), Ne = x(() => import("./vue-ui-skeleton-Be8xm0gy.js")), Pe = x(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ie = x(() => import("./DataTable-BT7VF2ua.js")), Fe = x(() => import("./UserOptions-CnzumGJj.js")), Re = x(() => import("./PenAndPaper-DSvu9dwa.js")), Be = x(() => import("./PackageVersion-QNVkHOgG.js")), Me = x(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_funnel: Ue } = ht(), p = Oe, w = v(null), I = v(at()), le = v(0), se = v(0), oe = v(0), ne = v(null), ue = v(null), re = v(null), $ = $e(null), T = $e(null), L = v(!1), F = v(null), J = v(null), A = i(() => !!p.dataset && p.dataset.length);
+    const ze = x(() => import("./BaseIcon-BmMbm4d0.js")), Ne = x(() => import("./vue-ui-skeleton-b5fdgyHv.js")), Pe = x(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ie = x(() => import("./DataTable-BT7VF2ua.js")), Fe = x(() => import("./UserOptions-CGnQt6Fd.js")), Re = x(() => import("./PenAndPaper-DSvu9dwa.js")), Be = x(() => import("./PackageVersion-D-auaEEJ.js")), Me = x(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_funnel: Ue } = ht(), p = Oe, w = v(null), I = v(at()), le = v(0), oe = v(0), se = v(0), ne = v(null), ue = v(null), re = v(null), $ = $e(null), T = $e(null), L = v(!1), F = v(null), J = v(null), A = i(() => !!p.dataset && p.dataset.length);
     Ke(ie);
     function ie() {
       if (lt(p.dataset) ? Te({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : p.dataset.forEach((t, l) => {
-        st({
+        ot({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -60,7 +60,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             noTitle: ne.value
           });
           requestAnimationFrame(() => {
-            h.value.height = a, h.value.width = l, k.value = ge(), e.value.responsiveProportionalSizing ? (d.value.circles = ae({
+            h.value.height = a, h.value.width = l, k.value = me(), e.value.responsiveProportionalSizing ? (d.value.circles = ae({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.circles.dataLabels.fontSize,
@@ -102,11 +102,11 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
     const e = i({
       get: () => ce(),
       set: (t) => t
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: ve, keepUserOptionState: de } = mt({ config: e.value }), { svgRef: K } = gt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: ve, keepUserOptionState: de } = gt({ config: e.value }), { svgRef: K } = mt({ config: e.value.style.chart.title });
     xe(() => p.config, (t) => {
-      e.value = ce(), Q.value = !e.value.userOptions.showOnChartHover, ie(), se.value += 1, oe.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, O.value.showTable = e.value.table.show;
+      e.value = ce(), Q.value = !e.value.userOptions.showOnChartHover, ie(), oe.value += 1, se.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, O.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: me } = ft({
+    const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: ge } = ft({
       elementId: `funnel_${I.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel",
       options: e.value.userOptions.print
@@ -124,12 +124,12 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
       set: (t) => t
     }), y = i(() => A.value ? p.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? ot(t.color) : nt(e.value.style.chart.bars.defaultColor, l / p.dataset.length)
+      color: t.color ? st(t.color) : nt(e.value.style.chart.bars.defaultColor, l / p.dataset.length)
     })) : []);
     setTimeout(() => {
       L.value = !0;
     }, y.value.length * 150);
-    function ge() {
+    function me() {
       const t = e.value.style.chart.padding.left, l = e.value.style.chart.padding.top;
       return {
         left: t,
@@ -140,12 +140,12 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
         height: h.value.height - l - e.value.style.chart.padding.bottom
       };
     }
-    const k = v(ge()), D = i(() => k.value.height / p.dataset.length), _ = i(() => D.value * e.value.style.chart.bars.gapRatio), pe = i(() => k.value.width * e.value.style.chart.barCircleSpacingRatio), u = i(() => y.value.map((t, l) => {
-      const a = D.value - _.value, s = k.value.top + _.value / 2 * l + (D.value - _.value / 2) * l + _.value / 2, f = t.value / y.value[0].value, r = (k.value.width - a - pe.value) * (t.value / y.value[0].value);
+    const k = v(me()), D = i(() => k.value.height / p.dataset.length), _ = i(() => D.value * e.value.style.chart.bars.gapRatio), pe = i(() => k.value.width * e.value.style.chart.barCircleSpacingRatio), u = i(() => y.value.map((t, l) => {
+      const a = D.value - _.value, o = k.value.top + _.value / 2 * l + (D.value - _.value / 2) * l + _.value / 2, f = t.value / y.value[0].value, r = (k.value.width - a - pe.value) * (t.value / y.value[0].value);
       return {
         ...t,
         cx: k.value.left + a / 2,
-        cy: s + a / 2,
+        cy: o + a / 2,
         datapointIndex: l,
         fill: t.color,
         height: Math.max(a, 0),
@@ -153,7 +153,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
         r: Math.max(a / 2, 0),
         width: Math.max(r, 0),
         x: k.value.left + a + pe.value,
-        y: s
+        y: o
       };
     })), Ve = i(() => {
       const t = u.value.map((l) => `${l.x + l.width},${l.y + (D.value - _.value) / 2}`);
@@ -239,8 +239,8 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
       tt(() => {
         const l = R.value.head.map((f, r) => [[
           f.name
-        ], [R.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), s = it(a);
-        t ? t(s) : ct({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-funnel" });
+        ], [R.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), o = it(a);
+        t ? t(o) : ct({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
     function He() {
@@ -248,14 +248,14 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
     }
     async function Xe({ scale: t = 2 } = {}) {
       if (!w.value) return;
-      const { width: l, height: a } = w.value.getBoundingClientRect(), s = l / a, { imageUri: f, base64: r } = await pt({ domElement: w.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = w.value.getBoundingClientRect(), o = l / a, { imageUri: f, base64: r } = await pt({ domElement: w.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: f,
         base64: r,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
-        aspectRatio: s
+        aspectRatio: o
       };
     }
     const B = i(() => {
@@ -301,8 +301,8 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
     });
     async function we({ isCb: t }) {
       if (t) {
-        const { blob: l, url: a, text: s, dataUrl: f } = await Je();
-        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: s, dataUrl: f });
+        const { blob: l, url: a, text: o, dataUrl: f } = await Je();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: f });
       } else
         qe();
     }
@@ -311,7 +311,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
       getImage: Xe,
       generatePdf: be,
       generateCsv: ee,
-      generateImage: me,
+      generateImage: ge,
       generateSvg: we,
       toggleTable: ke,
       toggleAnnotator: Z,
@@ -322,24 +322,24 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
       class: N(`vue-data-ui-component vue-ui-funnel ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: S(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `funnel_${I.value}`,
-      onMouseenter: l[1] || (l[1] = () => o(ve)(!0)),
-      onMouseleave: l[2] || (l[2] = () => o(ve)(!1))
+      onMouseenter: l[1] || (l[1] = () => s(ve)(!0)),
+      onMouseleave: l[2] || (l[2] = () => s(ve)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), P(o(Re), {
+      e.value.userOptions.buttons.annotator ? (n(), P(s(Re), {
         key: 0,
-        svgRef: o(K),
+        svgRef: s(K),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: E.value,
         onClose: Z
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       Ee.value ? (n(), c("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : b("", !0),
+      }, null, 512)) : g("", !0),
       e.value.style.chart.title.text ? (n(), c("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -347,7 +347,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (n(), P(yt, {
-          key: `title_${se.value}`,
+          key: `title_${oe.value}`,
           config: {
             title: {
               cy: "funnel-div-title",
@@ -359,15 +359,15 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : b("", !0),
-      e.value.userOptions.show && A.value && (o(de) || o(Q)) ? (n(), P(o(Fe), {
+      ], 512)) : g("", !0),
+      e.value.userOptions.show && A.value && (s(de) || s(Q)) ? (n(), P(s(Fe), {
         ref_key: "userOptionsRef",
         ref: J,
         key: `user_option_${le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: o(he),
-        isImaging: o(fe),
+        isPrinting: s(he),
+        isImaging: s(fe),
         uid: I.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -388,75 +388,82 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
         tableDialog: e.value.table.useDialog,
         onToggleAnnotator: Z,
         onToggleFullscreen: ye,
-        onGeneratePdf: o(be),
-        onGenerateImage: o(me),
+        onGeneratePdf: s(be),
+        onGenerateImage: s(ge),
         onGenerateSvg: we,
         onToggleTable: ke,
         onGenerateCsv: ee,
         style: S({
-          visibility: o(de) ? o(Q) ? "visible" : "hidden" : "visible"
+          visibility: s(de) ? s(Q) ? "visible" : "hidden" : "visible"
         })
       }, Le({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: a, color: s }) => [
-            g(t.$slots, "menuIcon", G(j({ isOpen: a, color: s })), void 0, !0)
+          fn: b(({ isOpen: a, color: o }) => [
+            m(t.$slots, "menuIcon", G(j({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: m(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: b(() => [
+            m(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: m(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: b(() => [
+            m(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: m(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
+          fn: b(() => [
+            m(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: b(() => [
+            m(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: m(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
+          fn: b(() => [
+            m(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: a, isFullscreen: s }) => [
-            g(t.$slots, "optionFullscreen", G(j({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: o }) => [
+            m(t.$slots, "optionFullscreen", G(j({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: a, isAnnotator: s }) => [
-            g(t.$slots, "optionAnnotator", G(j({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: b(({ toggleAnnotator: a, isAnnotator: o }) => [
+            m(t.$slots, "optionAnnotator", G(j({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       A.value ? (n(), c("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: K,
-        xmlns: o(ut),
+        xmlns: s(ut),
         class: N({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
         viewBox: `0 0 ${h.value.width <= 0 ? 10 : h.value.width} ${h.value.height <= 0 ? 10 : h.value.height}`,
         style: S(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        _e(o(Be)),
+        _e(s(Be)),
         t.$slots["chart-background"] ? (n(), c("foreignObject", {
           key: 0,
           x: 0,
@@ -467,8 +474,8 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             pointerEvents: "none"
           }
         }, [
-          g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, xt)) : b("", !0),
+          m(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, xt)) : g("", !0),
         C("defs", null, [
           C("linearGradient", {
             id: `funnel_area_${I.value}`,
@@ -503,8 +510,8 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             strokeDasharray: e.value.useCssAnimation ? k.value.height : 0,
             strokeDashoffset: e.value.useCssAnimation ? k.value.height : 0
           }
-        }), null, 16, At)) : b("", !0),
-        (n(!0), c(X, null, W(u.value, ({ cx: a, cy: s, r: f, fill: r }, M) => (n(), c("circle", H({ ref_for: !0 }, { cx: a, cy: s, r: f, fill: r }, {
+        }), null, 16, At)) : g("", !0),
+        (n(!0), c(X, null, W(u.value, ({ cx: a, cy: o, r: f, fill: r }, M) => (n(), c("circle", H({ ref_for: !0 }, { cx: a, cy: o, r: f, fill: r }, {
           stroke: e.value.style.chart.circles.stroke,
           "stroke-width": e.value.style.chart.circles.strokeWidth,
           class: {
@@ -514,23 +521,23 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             animationDelay: `${150 * M}ms`
           }
         }), null, 16, Ot))), 256)),
-        (n(!0), c(X, null, W(u.value, (a, s) => (n(), c("text", {
+        (n(!0), c(X, null, W(u.value, (a, o) => (n(), c("text", {
           x: a.cx,
           y: a.cy + d.value.circles / 3 + e.value.style.chart.circles.dataLabels.offsetY,
           "text-anchor": "middle",
           "font-size": d.value.circles,
-          fill: e.value.style.chart.circles.dataLabels.adaptColorToBackground ? o(rt)(a.color) : e.value.style.chart.circles.dataLabels.color,
+          fill: e.value.style.chart.circles.dataLabels.adaptColorToBackground ? s(rt)(a.color) : e.value.style.chart.circles.dataLabels.color,
           "font-weight": e.value.style.chart.circles.dataLabels.bold ? "bold" : "normal",
           class: N({
             animated: e.value.useCssAnimation && !L.value
           }),
           style: S({
-            animationDelay: `${150 * s}ms`
+            animationDelay: `${150 * o}ms`
           })
-        }, U(o(Y)(
+        }, U(s(Y)(
           e.value.style.chart.circles.dataLabels.formatter,
           a.proportion * 100,
-          o(q)({
+          s(q)({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.circles.dataLabels.rounding
@@ -547,8 +554,8 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
           style: S({
             transition: e.value.useCssAnimation ? `all ${150 * y.value.length}ms ease-in` : "none"
           })
-        }, null, 14, zt)) : b("", !0),
-        (n(!0), c(X, null, W(u.value, ({ x: a, y: s, height: f, width: r, fill: M }, te) => (n(), c("rect", H({ ref_for: !0 }, { x: a, y: s, height: f, width: r, fill: M }, {
+        }, null, 14, zt)) : g("", !0),
+        (n(!0), c(X, null, W(u.value, ({ x: a, y: o, height: f, width: r, fill: M }, te) => (n(), c("rect", H({ ref_for: !0 }, { x: a, y: o, height: f, width: r, fill: M }, {
           stroke: e.value.style.chart.bars.stroke,
           "stroke-width": e.value.style.chart.bars.strokeWidth,
           rx: e.value.style.chart.bars.borderRadius,
@@ -559,7 +566,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             animationDelay: `${150 * te}ms`
           }
         }), null, 16, Nt))), 256)),
-        (n(!0), c(X, null, W(u.value, (a, s) => (n(), c("g", null, [
+        (n(!0), c(X, null, W(u.value, (a, o) => (n(), c("g", null, [
           C("text", {
             x: a.x + a.width + e.value.style.chart.bars.dataLabels.name.offsetX + 12,
             y: a.cy - d.value.names / 2 + e.value.style.chart.bars.dataLabels.name.offsetY,
@@ -571,7 +578,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
               animated: e.value.useCssAnimation && !L.value
             }),
             style: S({
-              animationDelay: `${150 * s}ms`
+              animationDelay: `${150 * o}ms`
             })
           }, U(a.name), 15, Pt),
           C("text", {
@@ -585,12 +592,12 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
               animated: e.value.useCssAnimation && !L.value
             }),
             style: S({
-              animationDelay: `${150 * s}ms`
+              animationDelay: `${150 * o}ms`
             })
-          }, U(o(Y)(
+          }, U(s(Y)(
             e.value.style.chart.bars.dataLabels.value.formatter,
             a.value,
-            o(q)({
+            s(q)({
               p: e.value.style.chart.bars.dataLabels.value.prefix,
               v: a.value,
               s: e.value.style.chart.bars.dataLabels.value.suffix,
@@ -599,12 +606,12 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             { datapoint: a }
           )), 15, It)
         ]))), 256)),
-        g(t.$slots, "svg", { svg: h.value }, void 0, !0)
-      ], 14, $t)) : b("", !0),
+        m(t.$slots, "svg", { svg: h.value }, void 0, !0)
+      ], 14, $t)) : g("", !0),
       t.$slots.watermark ? (n(), c("div", Ft, [
-        g(t.$slots, "watermark", G(j({ isPrinting: o(he) || o(fe) })), void 0, !0)
-      ])) : b("", !0),
-      A.value ? b("", !0) : (n(), P(o(Ne), {
+        m(t.$slots, "watermark", G(j({ isPrinting: s(he) || s(fe) })), void 0, !0)
+      ])) : g("", !0),
+      A.value ? g("", !0) : (n(), P(s(Ne), {
         key: 6,
         config: {
           type: "verticalBar",
@@ -625,16 +632,16 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
         ref: ue,
         dir: "auto"
       }, [
-        g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : b("", !0),
+        m(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : g("", !0),
       A.value && e.value.userOptions.buttons.table ? (n(), P(et(B.value.component), H({ key: 8 }, B.value.props, {
         ref_key: "tableUnit",
         ref: F,
         onClose: Ce
       }), Le({
-        content: m(() => [
-          (n(), P(o(Ie), {
-            key: `table_${oe.value}`,
+        content: b(() => [
+          (n(), P(s(Ie), {
+            key: `table_${se.value}`,
             colNames: V.value.colNames,
             head: V.value.head,
             body: V.value.body,
@@ -643,13 +650,13 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
             withCloseButton: !e.value.table.useDialog,
             onClose: Ce
           }, {
-            th: m(({ th: a }) => [
+            th: b(({ th: a }) => [
               C("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Rt)
             ]),
-            td: m(({ td: a }) => [
+            td: b(({ td: a }) => [
               Se(U(a.name ? a.name : a), 1)
             ]),
             _: 1
@@ -659,20 +666,20 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: m(() => [
+          fn: b(() => [
             Se(U(B.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: m(() => [
+          fn: b(() => [
             C("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[0] || (l[0] = (a) => ee(e.value.userOptions.callbacks.csv))
             }, [
-              _e(o(ze), {
+              _e(s(ze), {
                 name: "excel",
                 stroke: B.value.props.color
               }, null, 8, ["stroke"])
@@ -680,10 +687,10 @@ const wt = ["id"], $t = ["xmlns", "viewBox"], xt = ["width", "height"], Lt = ["i
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : b("", !0)
+      ]), 1040)) : g("", !0)
     ], 46, wt));
   }
-}, Qt = /* @__PURE__ */ Ct(Bt, [["__scopeId", "data-v-8c33e489"]]);
+}, Qt = /* @__PURE__ */ Ct(Bt, [["__scopeId", "data-v-84d1cb5f"]]);
 export {
   Qt as default
 };