vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-vertical-bar-Cxv-ahMT.js → vue-ui-vertical-bar-BivMp4WH.js}

@@ -1,14 +1,14 @@
-import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as p, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
-import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-CH_mJIWj.js";
+import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as y, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
+import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-BXbyT0Qn.js";
 import { t as Bt, u as Rt } from "./useResponsive-JZ9xq-JV.js";
-import { u as je } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Dt } from "./usePrinter-DJ7WfWUs.js";
+import { u as je } from "./useNestedProp-DVZpeH84.js";
+import { u as Dt } from "./usePrinter-aKh5-HcK.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./vue-ui-accordion-Ds4zkPIx.js";
-import qe from "./Legend-DRqzYrP9.js";
-import Ht from "./Title-apr_T9tg.js";
-import { _ as Ye } from "./Shape-DEWxbZ-l.js";
+import Xt from "./vue-ui-accordion-CXsjHe1y.js";
+import qe from "./Legend-DcDRW3Xd.js";
+import Ht from "./Title-DoWqzga-.js";
+import { _ as Ye } from "./Shape-CnD-h_98.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], Zt = { key: 1 }, el = ["x", "y", "width", "height", "fill", "rx"], tl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ll = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], al = ["x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x", "y", "font-size", "fill", "font-weight"], sl = ["x", "y", "font-size", "fill", "font-weight"], rl = ["x", "y", "font-size", "fill", "font-weight"], il = ["y", "width", "height", "fill", "onMouseenter"], dl = {
   key: 6,
@@ -32,9 +32,9 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
   emits: ["selectLegend"],
   setup(Ke, { expose: Je, emit: Qe }) {
     _t((l) => ({
-      "5ba4c306": l.tdo
+      "8661a912": l.tdo
     }));
-    const Ze = H(() => import("./BaseIcon-DaR0sIWZ.js")), et = H(() => import("./PackageVersion-ClpqQxYT.js")), tt = H(() => import("./PenAndPaper-B-T7XvxF.js")), lt = H(() => import("./vue-ui-skeleton-C6PWt_m5.js")), at = H(() => import("./Tooltip-BuHsMAfp.js")), ot = H(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
+    const Ze = H(() => import("./BaseIcon-P7wV92Er.js")), et = H(() => import("./PackageVersion-C5fpg4GN.js")), tt = H(() => import("./PenAndPaper-BRkuVFb4.js")), lt = H(() => import("./vue-ui-skeleton-Fxr752Oi.js")), at = H(() => import("./Tooltip-DYCBNM-_.js")), ot = H(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
       get: () => Ce(),
       set: (l) => l
     }), { userOptionsVisible: de, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });
@@ -52,7 +52,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       } : l;
     }
     Xe(() => T.config, (l) => {
-      e.value = Ce(), de.value = !e.value.userOptions.showOnChartHover, Oe(), _e.value += 1, ie.value += 1, v.value = e.value.style.chart.layout.bars.height, g.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = Ce(), de.value = !e.value.userOptions.showOnChartHover, Oe(), _e.value += 1, ie.value += 1, v.value = e.value.style.chart.layout.bars.height, f.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), Xe(() => T.dataset, le, { deep: !0 });
     const { isPrinting: Te, isImaging: Le, generatePdf: Ne, generateImage: Pe } = Dt({
       elementId: `vue-ui-vertical-bar_${C.value}`,
@@ -76,7 +76,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             noTitle: ke.value
           });
           requestAnimationFrame(() => {
-            ze.value = a, v.value = t / te.value - g.value * 2;
+            ze.value = a, v.value = t / te.value - f.value * 2;
           });
         });
         I.value && (U.value && I.value.unobserve(U.value), I.value.disconnect()), I.value = new ResizeObserver(l), U.value = Y.value.parentNode, I.value.observe(U.value);
@@ -115,7 +115,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         });
       }));
     }), T.dataset.map((l, a) => {
-      const t = `vertical_parent_${a}_${C.value}`, o = l.children && l.children.length > 0, _ = N(l.value ? l.value : o ? l.children.map((x) => x.value || 0).reduce((x, V) => x + V, 0) : 0), f = _ >= 0 ? 1 : -1;
+      const t = `vertical_parent_${a}_${C.value}`, o = l.children && l.children.length > 0, _ = N(l.value ? l.value : o ? l.children.map((p) => p.value || 0).reduce((p, V) => p + V, 0) : 0), x = _ >= 0 ? 1 : -1;
       return {
         ...l,
         id: t,
@@ -123,27 +123,27 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         shape: "square",
         opacity: P.value.includes(t) ? 0.5 : 1,
         value: Math.abs(_),
-        sign: f,
+        sign: x,
         hasChildren: o,
         isChild: !1,
         segregate: () => K(t),
         isSegregated: P.value.includes(t),
         color: ye(l.color) || Se.value[a] || D[a] || D[a % D.length],
-        children: !l.children || !l.children.length ? [] : l.children.toSorted(ae.value ? () => 0 : (x, V) => Fe.value ? V.value - x.value : x.value - V.value).map((x, V) => ({
-          ...x,
-          value: N(Math.abs(x.value)),
+        children: !l.children || !l.children.length ? [] : l.children.toSorted(ae.value ? () => 0 : (p, V) => Fe.value ? V.value - p.value : p.value - V.value).map((p, V) => ({
+          ...p,
+          value: N(Math.abs(p.value)),
           absoluteIndex: a,
-          sign: x.value >= 0 ? 1 : -1,
+          sign: p.value >= 0 ? 1 : -1,
           isChild: !0,
           parentId: t,
           parentName: l.name,
           parentValue: _,
-          parentSign: f,
+          parentSign: x,
           id: `vertical_child_${a}_${V}_${C.value}`,
           childIndex: V,
-          color: ye(x.color) || ye(l.color) || Se.value[a] || D[a] || D[a % D.length]
-        })).map((x, V) => ({
-          ...x,
+          color: ye(p.color) || ye(l.color) || Se.value[a] || D[a] || D[a % D.length]
+        })).map((p, V) => ({
+          ...p,
           isFirstChild: V === 0,
           isLastChild: V === l.children.length - 1
         }))
@@ -155,7 +155,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), v = d(e.value.style.chart.layout.bars.height), g = d(e.value.style.chart.layout.bars.gap), ht = m(() => (v.value + g.value) * te.value), ze = d(512), y = m(() => ({
+    })), v = d(e.value.style.chart.layout.bars.height), f = d(e.value.style.chart.layout.bars.gap), ht = m(() => (v.value + f.value) * te.value), ze = d(512), g = m(() => ({
       width: ze.value,
       height: ht.value,
       padding: {
@@ -165,12 +165,12 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         bottom: 12
       }
     })), s = m(() => ({
-      fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
-      top: y.value.padding.top,
-      left: y.value.padding.left,
-      right: y.value.width - y.value.padding.right,
-      bottom: y.value.padding.top + y.value.height,
-      width: y.value.width - (y.value.padding.left + y.value.padding.right)
+      fullHeight: g.value.padding.top + g.value.padding.bottom + g.value.height,
+      top: g.value.padding.top,
+      left: g.value.padding.left,
+      right: g.value.width - g.value.padding.right,
+      bottom: g.value.padding.top + g.value.height,
+      width: g.value.width - (g.value.padding.left + g.value.padding.right)
     }));
     function le() {
       te.value = M.value.flatMap((l) => l.children && l.children.length > 0 ? l.children.length : 1).reduce((l, a) => l + a, 0);
@@ -196,7 +196,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       return w(l) + s.value.left;
     }
     function J(l, a) {
-      const t = M.value.find((f) => f.id === l.parentId), o = s.value.top + (g.value + v.value) * a, _ = t.children.length * (g.value + v.value);
+      const t = M.value.find((x) => x.id === l.parentId), o = s.value.top + (f.value + v.value) * a, _ = t.children.length * (f.value + v.value);
       return {
         y: o + _ / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: t.name,
@@ -217,13 +217,13 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         config: e.value
       }, ue.value = !0, ve.value = l.id;
       let t = "";
-      const o = l.isChild ? l.parentName : l.name, _ = l.isChild ? l.name : "", f = e.value.style.chart.tooltip.customFormat;
-      zt(f) && At(() => f({
+      const o = l.isChild ? l.parentName : l.name, _ = l.isChild ? l.name : "", x = e.value.style.chart.tooltip.customFormat;
+      zt(x) && At(() => x({
         datapoint: l,
         series: F.value,
         config: e.value,
         seriesIndex: a
-      })) ? se.value = f({
+      })) ? se.value = x({
         datapoint: l,
         series: F.value,
         config: e.value,
@@ -264,8 +264,8 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
         }),
         { datapoint: a, seriesIndex: t }
-      ), f = `(${Ae(l, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
-      return `${_}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${f}` : ""}`;
+      ), x = `(${Ae(l, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+      return `${_}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${x}` : ""}`;
     }
     const L = m(() => {
       const l = [
@@ -306,17 +306,17 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       });
       return { head: l, body: a };
     });
-    function Re() {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = L.value.head, t = L.value.body.map((f) => [
-        f.parentName,
-        f.parentValue,
-        f.percentageToTotal,
-        f.childName,
-        f.childValue,
-        f.childPercentageToParent,
-        f.childPercentageToTotal
-      ]), o = l.concat([a]).concat(t), _ = Ft(o);
-      Mt({ csvContent: _, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
+    function Re(l = null) {
+      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = L.value.head, o = L.value.body.map((p) => [
+        p.parentName,
+        p.parentValue,
+        p.percentageToTotal,
+        p.childName,
+        p.childValue,
+        p.childPercentageToParent,
+        p.childPercentageToTotal
+      ]), _ = a.concat([t]).concat(o), x = Ft(_);
+      l ? l(x) : Mt({ csvContent: x, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
     }
     const X = d(!1);
     function bt(l) {
@@ -377,14 +377,14 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         color: e.value.style.chart.color,
         active: oe.value,
         onClose: he
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       dt.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ke,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (u(), i("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -404,7 +404,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : y("", !0),
       e.value.userOptions.show && ee.value && (r(we) || r(de)) ? (u(), R(r(ot), {
         ref_key: "details",
         ref: st,
@@ -511,7 +511,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "top" ? (u(), i("div", {
         key: 4,
         ref_key: "chartLegend",
@@ -555,14 +555,14 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : y("", !0),
       ee.value ? (u(), i("svg", {
         key: 5,
         ref_key: "svgRef",
         ref: xe,
         xmlns: r(It),
         class: B({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
-        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
+        viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
         style: c(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Q(r(et)),
@@ -570,14 +570,14 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           key: 0,
           x: 0,
           y: 0,
-          width: y.value.width <= 0 ? 10 : y.value.width,
+          width: g.value.width <= 0 ? 10 : g.value.width,
           height: s.value.fullHeight <= 0 ? 10 : s.value.fullHeight,
           style: {
             pointerEvents: "none"
           }
         }, [
           b(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Yt)) : p("", !0),
+        ], 8, Yt)) : y("", !0),
         (u(!0), i(j, null, q(z.value, (t, o) => (u(), i("linearGradient", {
           x1: "0%",
           y1: "0%",
@@ -598,11 +598,11 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           (u(!0), i(j, null, q(z.value, (t) => (u(), i("defs", null, [
             b(l.$slots, "pattern", xt({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${C.value}_${t.absoluteIndex}` }), void 0, !0)
           ]))), 256))
-        ])) : p("", !0),
+        ])) : y("", !0),
         (u(!0), i(j, null, q(z.value, (t, o) => (u(), i("g", null, [
           n("rect", {
             x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
-            y: s.value.top + (g.value + v.value) * o,
+            y: s.value.top + (f.value + v.value) * o,
             width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
             fill: e.value.style.chart.layout.bars.underlayerColor,
@@ -613,7 +613,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         (u(!0), i(j, null, q(z.value, (t, o) => (u(), i("g", null, [
           n("rect", {
             x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
-            y: s.value.top + (g.value + v.value) * o,
+            y: s.value.top + (f.value + v.value) * o,
             width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
             fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${C.value}_${o})` : r(ge)(t.color, e.value.style.chart.layout.bars.fillOpacity),
@@ -625,7 +625,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           l.$slots.pattern ? (u(), i("rect", {
             key: 0,
             x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
-            y: s.value.top + (g.value + v.value) * o,
+            y: s.value.top + (f.value + v.value) * o,
             width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
             fill: `url(#pattern_${C.value}_${t.absoluteIndex})`,
@@ -633,17 +633,17 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: B({ animated: e.value.useCssAnimation })
-          }, null, 10, ll)) : p("", !0),
+          }, null, 10, ll)) : y("", !0),
           (!t.isChild || t.isLastChild) && e.value.style.chart.layout.separators.show && o !== z.value.length - 1 ? (u(), i("line", {
             key: 1,
             x1: 0,
             x2: s.value.left,
-            y1: v.value + g.value / 2 + s.value.top + (g.value + v.value) * o,
-            y2: v.value + g.value / 2 + s.value.top + (g.value + v.value) * o,
+            y1: v.value + f.value / 2 + s.value.top + (f.value + v.value) * o,
+            y2: v.value + f.value / 2 + s.value.top + (f.value + v.value) * o,
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, al)) : p("", !0),
+          }, null, 8, al)) : y("", !0),
           A.value && e.value.style.chart.layout.separators.show ? (u(), i("line", {
             key: 2,
             x1: s.value.left + s.value.width / 2,
@@ -653,10 +653,10 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, ol)) : p("", !0),
+          }, null, 8, ol)) : y("", !0),
           n("text", {
             x: A.value ? s.value.left + s.value.width / 2 + (t.sign === 1 ? -12 : 12) + (t.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : yt(t.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
-            y: s.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
+            y: s.value.top + (f.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
             "text-anchor": !A.value || t.sign === -1 ? "start" : "end",
             "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
             fill: e.value.style.chart.layout.bars.dataLabels.color,
@@ -666,11 +666,11 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             key: 3,
             "text-anchor": "end",
             x: s.value.left - 3 + e.value.style.chart.layout.bars.nameLabels.offsetX,
-            y: s.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2,
+            y: s.value.top + (f.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2,
             "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
             fill: e.value.style.chart.layout.bars.nameLabels.color,
             "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
-          }, h(t.name), 9, ul)) : p("", !0),
+          }, h(t.name), 9, ul)) : y("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), i("text", {
             key: 4,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -679,7 +679,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             fill: e.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": e.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, h(J(t, o).name), 9, sl)) : p("", !0),
+          }, h(J(t, o).name), 9, sl)) : y("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), i("text", {
             key: 5,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -688,12 +688,12 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             fill: e.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, h(Be(J(t, o).value), J(t, o), o, t.parentSign || t.sign), 9, rl)) : p("", !0),
+          }, h(Be(J(t, o).value), J(t, o), o, t.parentSign || t.sign), 9, rl)) : y("", !0),
           n("rect", {
             x: 0,
-            y: s.value.top + (g.value + v.value) * o - g.value / 2,
-            width: y.value.width <= 0 ? 1e-4 : y.value.width,
-            height: v.value + g.value <= 0 ? 1e-4 : v.value + g.value,
+            y: s.value.top + (f.value + v.value) * o - f.value / 2,
+            width: g.value.width <= 0 ? 1e-4 : g.value.width,
+            height: v.value + f.value <= 0 ? 1e-4 : v.value + f.value,
             fill: ve.value === t.id ? r(ge)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
             onMouseenter: (_) => ft(t, o),
             onMouseleave: a[1] || (a[1] = (_) => {
@@ -701,12 +701,12 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             })
           }, null, 40, il)
         ]))), 256)),
-        b(l.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, qt)) : p("", !0),
+        b(l.$slots, "svg", { svg: g.value }, void 0, !0)
+      ], 14, qt)) : y("", !0),
       l.$slots.watermark ? (u(), i("div", dl, [
         b(l.$slots, "watermark", W(G({ isPrinting: r(Te) || r(Le) })), void 0, !0)
-      ])) : p("", !0),
-      ee.value ? p("", !0) : (u(), R(r(lt), {
+      ])) : y("", !0),
+      ee.value ? y("", !0) : (u(), R(r(lt), {
         key: 7,
         config: {
           type: "verticalBar",
@@ -764,7 +764,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : y("", !0),
       b(l.$slots, "legend", { legend: F.value }, void 0, !0),
       l.$slots.source ? (u(), i("div", {
         key: 9,
@@ -773,7 +773,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         dir: "auto"
       }, [
         b(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
+      ], 512)) : y("", !0),
       Q(r(at), {
         show: $.value.showTooltip && ue.value && P.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -844,7 +844,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                     class: "vue-ui-data-table__caption"
                   }, [
                     Tt(h(e.value.style.chart.title.text) + " ", 1),
-                    e.value.style.chart.title.subtitle.text ? (u(), i("span", pl, h(e.value.style.chart.title.subtitle.text), 1)) : p("", !0)
+                    e.value.style.chart.title.subtitle.text ? (u(), i("span", pl, h(e.value.style.chart.title.subtitle.text), 1)) : y("", !0)
                   ], 4),
                   n("thead", null, [
                     n("tr", {
@@ -895,7 +895,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                           t.color ? (u(), i("span", {
                             key: 0,
                             style: c(`color:${t.color};margin-right:3px`)
-                          }, "⬤", 4)) : p("", !0),
+                          }, "⬤", 4)) : y("", !0),
                           n("span", null, h(t.parentName), 1)
                         ])
                       ], 12, gl),
@@ -949,10 +949,10 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           ], 512)
         ]),
         _: 1
-      }, 8, ["config"])) : p("", !0)
+      }, 8, ["config"])) : y("", !0)
     ], 46, Gt));
   }
-}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-14d06c2b"]]);
+}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-56a29a80"]]);
 export {
   Xl as default
 };