vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-horizontal-bar-reisxCWX.js → vue-ui-horizontal-bar-JVjE88ZW.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Na, defineAsyncComponent as se, useSlots as Ia, computed as h, ref as v, toRefs as Va, watch as re, onBeforeUnmount as Oa, onMounted as qe, openBlock as n, createElementBlock as r, unref as i, normalizeStyle as b, normalizeClass as te, createElementVNode as s, toDisplayString as k, createBlock as H, createCommentVNode as p, withCtx as f, renderSlot as y, normalizeProps as O, guardReactiveProps as F, createSlots as Te, createVNode as ie, Fragment as D, renderList as B, mergeProps as Ot, resolveDynamicComponent as Fa, withKeys as Ma, createTextVNode as Ft, nextTick as Le } from "vue";
-import { j as Da, t as Mt, m as Ba, p as ae, $ as Ze, n as Ea, q as ye, o as Je, K as N, s as Qe, k as ge, l as M, X as Ra, u as et, v as Xa, Z as tt, aq as Ha, a0 as Ua, a1 as Wa, T as Ga, U as Ka, a3 as ja } from "./lib-DBptbyyI.js";
+import { useCssVars as Na, defineAsyncComponent as se, useSlots as Ia, computed as h, ref as v, toRefs as Va, watch as re, onBeforeUnmount as Oa, onMounted as qe, openBlock as n, createElementBlock as r, unref as i, normalizeStyle as b, normalizeClass as te, createElementVNode as s, toDisplayString as k, createBlock as H, createCommentVNode as f, withCtx as p, renderSlot as y, normalizeProps as N, guardReactiveProps as I, createSlots as Le, createVNode as ie, Fragment as D, renderList as B, mergeProps as Ot, resolveDynamicComponent as Fa, withKeys as Ma, createTextVNode as Ft, nextTick as Se } from "vue";
+import { j as Da, t as Mt, m as Ba, p as ae, $ as Ze, n as Ea, q as ye, o as Je, K as V, s as Qe, k as ge, l as M, X as Ra, u as et, v as Xa, Z as tt, aq as Ha, a0 as Ua, a1 as Wa, T as Ga, U as Ka, a3 as ja } from "./lib-DBptbyyI.js";
 import { t as Ya, u as qa } from "./useResponsive-DfdjqQps.js";
-import { u as Za } from "./useConfig-CpJA0VZa.js";
+import { u as Za } from "./useConfig-ChRble71.js";
 import { u as Ja, B as Qa } from "./BaseScanner-BhhkKVoj.js";
 import { u as el } from "./usePrinter-CEpYU3r5.js";
 import { u as tl } from "./useSvgExport-ByUukOZt.js";
@@ -15,11 +15,11 @@ import { _ as Dt } from "./Shape-BKRUOeKk.js";
 import sl from "./Title-BeMKE1cj.js";
 import rl from "./vue_ui_horizontal_bar-BEagrV0T.js";
 import Bt from "./Legend-CS7Xo5LK.js";
-import il from "./vue-ui-accordion-BF4v32wv.js";
+import il from "./vue-ui-accordion-CnDW2UQL.js";
 import { B as Et } from "./BaseLegendToggle-BQVIawmA.js";
 import { A as vl } from "./A11yDataTable-KcVAX2cP.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "relative" } }, yl = ["xmlns", "viewBox", "aria-describedby"], gl = ["width", "height"], bl = ["id"], ml = ["stop-color"], kl = ["stop-color"], Cl = { key: 1 }, xl = ["y", "width", "height", "fill", "rx"], wl = ["x", "y", "width", "height", "fill", "rx"], _l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], $l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = { class: "vue-ui-horizontal-bar-parent-label" }, Pl = ["y", "height", "width", "fill"], Al = ["y", "font-size", "fill", "x", "font-weight", "innerHTML"], zl = ["y", "font-size", "fill", "x", "font-weight"], Nl = { class: "vue-ui-horizontal-bar-child-label" }, Il = ["x", "y", "font-size", "font-weight", "innerHTML"], Vl = { class: "vue-ui-horizontal-bar-child-label" }, Ol = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fl = { class: "vue-ui-horizontal-bar-child-label" }, Ml = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Dl = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Bl = {
+const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "relative" } }, yl = ["xmlns", "viewBox", "aria-describedby"], gl = ["width", "height"], bl = ["id"], ml = ["stop-color"], kl = ["stop-color"], Cl = { key: 1 }, xl = ["y", "width", "height", "fill", "rx"], wl = ["x", "y", "width", "height", "fill", "rx"], $l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = { class: "vue-ui-horizontal-bar-parent-label" }, Pl = ["y", "height", "width", "fill"], Al = ["y", "font-size", "fill", "x", "font-weight", "innerHTML"], zl = ["y", "font-size", "fill", "x", "font-weight"], Nl = { class: "vue-ui-horizontal-bar-child-label" }, Il = ["x", "y", "font-size", "font-weight", "innerHTML"], Vl = { class: "vue-ui-horizontal-bar-child-label" }, Ol = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fl = { class: "vue-ui-horizontal-bar-child-label" }, Ml = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Dl = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Bl = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -46,16 +46,16 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
   emits: ["selectLegend", "copyAlt", "selectDatapoint"],
   setup(Rt, { expose: Xt, emit: Ht }) {
     Na((t) => ({
-      v5b6931d5: t.tdo
+      v488a4464: t.tdo
     }));
-    const Ut = se(() => import("./Tooltip-Bf-kM3_A.js")), lt = se(() => import("./BaseIcon-Cb3zzG6s.js")), Wt = se(() => import("./PenAndPaper-Ct3qJ4lA.js")), Gt = se(() => import("./UserOptions-rW2fRf3V.js")), Kt = se(() => import("./PackageVersion-CvtT2-UH.js")), jt = se(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_vertical_bar: Yt } = Za(), { isThemeValid: qt, warnInvalidTheme: Zt } = al(), Jt = Ia(), C = Rt, Se = h({
+    const Ut = se(() => import("./Tooltip-C8KGyqQk.js")), lt = se(() => import("./BaseIcon-Cb3zzG6s.js")), Wt = se(() => import("./PenAndPaper-Ct3qJ4lA.js")), Gt = se(() => import("./UserOptions-rW2fRf3V.js")), Kt = se(() => import("./PackageVersion-B3kmPxTR.js")), jt = se(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_vertical_bar: Yt } = Za(), { isThemeValid: qt, warnInvalidTheme: Zt } = al(), Jt = Ia(), C = Rt, Pe = h({
       get() {
         return !!C.dataset && C.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), S = v(Da()), be = v(!1), Pe = v(""), me = v(null), ot = v(0), R = v(null), nt = v(null), Ae = v(null), ut = v(null), st = v(null), rt = v(0), ze = v(0), Qt = v(null), ve = v(null), Ne = v(null), ea = v(null), Ie = v(null), _ = v([]), ta = v({ none: 0, asc: 1, desc: 2 }), G = v(0), ke = v(!1), ce = v(0), le = v(0), Ve = v(null), Ce = v(!1), xe = v(!1), z = v(null), it = v({ x: 0, y: 0 }), Oe = v("pointer"), Fe = Ht, e = v(Be()), Y = h(() => e.value.userOptions.useCursorPointer), aa = h(() => {
+    }), S = v(Da()), be = v(!1), Ae = v(""), me = v(null), ot = v(0), R = v(null), nt = v(null), ze = v(null), ut = v(null), st = v(null), rt = v(0), Ne = v(0), Qt = v(null), ve = v(null), Ie = v(null), ea = v(null), Ve = v(null), $ = v([]), ta = v({ none: 0, asc: 1, desc: 2 }), G = v(0), ke = v(!1), ce = v(0), le = v(0), Oe = v(null), Ce = v(!1), xe = v(!1), z = v(null), it = v({ x: 0, y: 0 }), Fe = v("pointer"), Me = Ht, e = v(Ee()), Y = h(() => e.value.userOptions.useCursorPointer), aa = h(() => {
       const t = [
         { name: "", value: 6, color: "#d9d9d9" },
         { name: "", value: 5, color: "#d9d9d9" },
@@ -97,10 +97,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: we, FINAL_DATASET: vt, manualLoading: Me } = Ja({
+    })), { loading: we, FINAL_DATASET: vt, manualLoading: De } = Ja({
       ...Va(C),
       FINAL_CONFIG: e,
-      prepareConfig: Be,
+      prepareConfig: Ee,
       callback: () => {
         Promise.resolve().then(async () => {
           T.value.showTable = e.value.table.show, sa();
@@ -111,10 +111,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         defaultConfig: e.value,
         userConfig: la.value
       })
-    }), { userOptionsVisible: De, setUserOptionsVisibility: ct, keepUserOptionState: dt } = ol({ config: e.value }), { svgRef: oe } = nl({
+    }), { userOptionsVisible: Be, setUserOptionsVisibility: ct, keepUserOptionState: dt } = ol({ config: e.value }), { svgRef: oe } = nl({
       config: e.value.style.chart.title
     });
-    function Be() {
+    function Ee() {
       const t = at({
         userConfig: C.config,
         defaultConfig: Yt
@@ -142,32 +142,32 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     re(
       () => C.config,
       (t) => {
-        we.value || (e.value = Be()), De.value = !e.value.userOptions.showOnChartHover, rt.value += 1, ze.value += 1, T.value.showTable = e.value.table.show, T.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", T.value.showTooltip = e.value.style.chart.tooltip.show, E.value = e.value.style.chart.width, K.value = e.value.style.chart.height, x.value = e.value.style.chart.layout.bars.gap;
+        we.value || (e.value = Ee()), Be.value = !e.value.userOptions.showOnChartHover, rt.value += 1, Ne.value += 1, T.value.showTable = e.value.table.show, T.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", T.value.showTooltip = e.value.style.chart.tooltip.show, E.value = e.value.style.chart.width, K.value = e.value.style.chart.height, x.value = e.value.style.chart.layout.bars.gap;
       },
       { deep: !0 }
     ), re(
       () => C.dataset,
       (t) => {
-        Array.isArray(t) && t.length > 0 && (Me.value = !1);
+        Array.isArray(t) && t.length > 0 && (De.value = !1);
       },
       { deep: !0 }
     );
-    const { isPrinting: Ee, isImaging: Re, generatePdf: ht, generateImage: pt } = el({
+    const { isPrinting: Re, isImaging: Xe, generatePdf: ht, generateImage: pt } = el({
       elementId: `vue-ui-vertical-bar_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), oa = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ft = h(() => Ea(e.value.customPalette)), yt = v(null), na = h(() => e.value.table.responsiveBreakpoint), _e = h(() => !!e.value.debug), ua = v(0), j = v(null), q = v(null);
+    }), oa = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ft = h(() => Ea(e.value.customPalette)), yt = v(null), na = h(() => e.value.table.responsiveBreakpoint), $e = h(() => !!e.value.debug), ua = v(0), j = v(null), q = v(null);
     function sa() {
       if (R.value && (Je(C.dataset) && (ye({
         componentName: "VueUiVerticalBar",
         type: "dataset",
-        debug: _e.value
-      }), Se.value = !1, Me.value = !0), Je(C.dataset) || (Me.value = e.value.loading), e.value.responsive)) {
+        debug: $e.value
+      }), Pe.value = !1, De.value = !0), Je(C.dataset) || (De.value = e.value.loading), e.value.responsive)) {
         const t = Ya(() => {
           const { width: l, height: a } = qa({
             chart: R.value,
             title: e.value.style.chart.title.text ? nt.value : null,
-            legend: e.value.style.chart.legend.show ? Ae.value : null,
+            legend: e.value.style.chart.legend.show ? ze.value : null,
             source: ut.value,
             noTitle: st.value
           });
@@ -175,7 +175,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             K.value = a, E.value = l;
           });
         });
-        j.value && (q.value && j.value.unobserve(q.value), j.value.disconnect()), j.value = new ResizeObserver(t), Le(() => {
+        j.value && (q.value && j.value.unobserve(q.value), j.value.disconnect()), j.value = new ResizeObserver(t), Se(() => {
           q.value = R.value?.parentNode, q.value && j.value.observe(q.value);
         });
       }
@@ -192,12 +192,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `value (index ${l})`,
-        debug: _e.value
+        debug: $e.value
       }), t.children && (Je(t.children) ? ye({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `children (index ${l})`,
-        debug: _e.value
+        debug: $e.value
       }) : t.children.forEach((a, o) => {
         [null, void 0].includes(a.name) && ye({
           componentName: "VueUiVerticalBar",
@@ -205,31 +205,31 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
           property: "name",
           key: "children",
           index: o,
-          debug: _e.value
+          debug: $e.value
         });
       }));
     }), vt.value.map((t, l) => {
-      const a = `vertical_parent_${l}_${S.value}`, o = t.children && t.children.length > 0, g = N(
-        t.value ? t.value : o ? t.children.map((u) => u.value || 0).reduce((u, $) => u + $, 0) : 0
+      const a = `vertical_parent_${l}_${S.value}`, o = t.children && t.children.length > 0, g = V(
+        t.value ? t.value : o ? t.children.map((u) => u.value || 0).reduce((u, _) => u + _, 0) : 0
       ), m = g >= 0 ? 1 : -1;
       return {
         ...t,
         id: a,
         absoluteIndex: l,
         shape: "square",
-        opacity: _.value.includes(a) ? 0.5 : 1,
+        opacity: $.value.includes(a) ? 0.5 : 1,
         value: Math.abs(g),
         sign: m,
         hasChildren: o,
         isChild: !1,
         segregate: () => Z(a),
-        isSegregated: _.value.includes(a),
+        isSegregated: $.value.includes(a),
         color: Qe(t.color) || ft.value[l] || ae[l] || ae[l % ae.length],
         children: !t.children || !t.children.length ? [] : t.children.toSorted(
-          ke.value ? () => 0 : (u, $) => gt.value ? $.value - u.value : u.value - $.value
-        ).map((u, $) => ({
+          ke.value ? () => 0 : (u, _) => gt.value ? _.value - u.value : u.value - _.value
+        ).map((u, _) => ({
           ...u,
-          value: N(Math.abs(u.value)),
+          value: V(Math.abs(u.value)),
           absoluteIndex: l,
           sign: u.value >= 0 ? 1 : -1,
           isChild: !0,
@@ -237,19 +237,19 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
           parentName: t.name,
           parentValue: g,
           parentSign: m,
-          id: `vertical_child_${l}_${$}_${S.value}`,
-          childIndex: $,
+          id: `vertical_child_${l}_${_}_${S.value}`,
+          childIndex: _,
           color: Qe(u.color) || Qe(t.color) || ft.value[l] || ae[l] || ae[l % ae.length]
-        })).map((u, $) => ({
+        })).map((u, _) => ({
           ...u,
-          isFirstChild: $ === 0,
-          isLastChild: $ === t.children.length - 1
+          isFirstChild: _ === 0,
+          isLastChild: _ === t.children.length - 1
         }))
       };
     }).toSorted(
       ke.value ? () => 0 : (t, l) => gt.value ? l.value - t.value : t.value - l.value
     ))), U = h(() => P.value.filter(
-      (t) => !_.value.includes(t.id)
+      (t) => !$.value.includes(t.id)
     )), w = h(() => U.value.flatMap((t) => t.hasChildren ? t.children : t)), ra = h(() => P.value.flatMap((t) => t.hasChildren ? t.children : t)), bt = h(() => U.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0)), mt = h(() => ({
       cy: "vertical-bar-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -275,18 +275,18 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         right: 64 + e.value.style.chart.layout.bars.paddingRight,
         bottom: 12
       }
-    })), Xe = v(0);
+    })), He = v(0);
     function kt() {
-      Le(() => {
-        if (!Ie.value) {
-          Xe.value = 0;
+      Se(() => {
+        if (!Ve.value) {
+          He.value = 0;
           return;
         }
-        const l = Array.from(Ie.value.querySelectorAll("text")).reduce((a, o) => {
+        const l = Array.from(Ve.value.querySelectorAll("text")).reduce((a, o) => {
           const g = o.getBBox?.().width ?? o.getComputedTextLength();
           return g > a ? g : a;
         }, 0);
-        Xe.value = l + 12;
+        He.value = l + 12;
       });
     }
     re(
@@ -303,14 +303,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       kt();
     });
     function de() {
-      Le(() => {
+      Se(() => {
         ce.value = 0, le.value = 0, requestAnimationFrame(() => {
-          if (!Ve.value) {
+          if (!Oe.value) {
             ce.value = 0, le.value = 0;
             return;
           }
           const t = Array.from(
-            Ve.value.querySelectorAll("text")
+            Oe.value.querySelectorAll("text")
           );
           if (!t.length) {
             ce.value = 0, le.value = 0;
@@ -321,18 +321,18 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             const fe = Ye.getBBox(), ue = fe.x, ee = fe.x + fe.width;
             ue < l && (l = ue), ee > a && (a = ee);
           });
-          const o = 0, g = E.value, m = 24, u = Math.max(0, o - l + m), $ = Math.max(0, a - g + m);
-          le.value = u, ce.value = $;
+          const o = 0, g = E.value, m = 24, u = Math.max(0, o - l + m), _ = Math.max(0, a - g + m);
+          le.value = u, ce.value = _;
         });
       });
     }
-    re(_, () => de(), { deep: !0 }), re(
+    re($, () => de(), { deep: !0 }), re(
       () => [w.value, E.value, K.value],
       () => de(),
       { deep: !0 }
     ), qe(() => de());
     const c = h(() => {
-      const t = Xe.value + Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX) + le.value + e.value.style.chart.layout.bars.offsetX, l = W.value.width - W.value.padding.right, a = Math.max(0, l - t - ce.value - le.value - e.value.style.chart.layout.bars.offsetX);
+      const t = He.value + Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX) + le.value + e.value.style.chart.layout.bars.offsetX, l = W.value.width - W.value.padding.right, a = Math.max(0, l - t - ce.value - le.value - e.value.style.chart.layout.bars.offsetX);
       return {
         top: W.value.padding.top,
         bottom: W.value.padding.top + W.value.height,
@@ -343,18 +343,18 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       };
     });
     function Ct() {
-      _.value.length ? _.value = [] : P.value.forEach((t) => {
-        _.value.push(t.id);
+      $.value.length ? $.value = [] : P.value.forEach((t) => {
+        $.value.push(t.id);
       }), de();
     }
     async function Z(t) {
-      if (_.value.includes(t))
-        _.value = _.value.filter((l) => l !== t);
+      if ($.value.includes(t))
+        $.value = $.value.filter((l) => l !== t);
       else {
-        if (_.value.length === P.value.length - 1) return;
-        _.value.push(t);
+        if ($.value.length === P.value.length - 1) return;
+        $.value.push(t);
       }
-      Fe("selectLegend", U.value), de();
+      Me("selectLegend", U.value), de();
     }
     function xt(t) {
       if (!P.value.length)
@@ -364,16 +364,16 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     }
     function ia(t) {
       const l = xt(t);
-      l !== null && _.value.includes(l.id) && Z(l.id);
+      l !== null && $.value.includes(l.id) && Z(l.id);
     }
     function va(t) {
       const l = xt(t);
-      l !== null && (_.value.includes(l.id) || Z(l.id));
+      l !== null && ($.value.includes(l.id) || Z(l.id));
     }
     const X = h(() => U.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
     function wt(t, l = !1, a = 0) {
       return l ? M({
-        v: N(Math.abs(t) / X.value * 100),
+        v: V(Math.abs(t) / X.value * 100),
         s: "%",
         r: a
       }) : Math.abs(t) / X.value;
@@ -381,12 +381,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     const J = h(() => w.value.map((t) => t.sign).includes(-1)), ca = h(() => Math.max(
       ...U.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)
     ));
-    function I(t) {
+    function O(t) {
       const l = t / ca.value;
-      return N(c.value.width / (J.value ? 2 : 1) * l);
+      return V(c.value.width / (J.value ? 2 : 1) * l);
     }
     function da(t) {
-      return I(t) + c.value.left;
+      return O(t) + c.value.left;
     }
     function ne(t, l) {
       const a = U.value.find((u) => u.id === t.parentId);
@@ -405,27 +405,27 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     function ha() {
       return U.value;
     }
-    function _t(t, l) {
+    function $t(t, l) {
       return ne(t, l).name;
     }
     function pa(t, l) {
       const a = ne(t, l);
       return St(a.value, a, l, t.parentSign || t.sign);
     }
-    const He = v(null), Ue = v(null);
-    function $t({ datapoint: t, seriesIndex: l }) {
-      Fe("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
+    const Ue = v(null), _e = v(null);
+    function _t({ datapoint: t, seriesIndex: l }) {
+      Me("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
     }
     function Tt({ datapoint: t, seriesIndex: l }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), me.value = null, be.value = !1, He.value = null, z.value === l && (z.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), me.value = null, be.value = !1, Ue.value = null, z.value === l && (z.value = null);
     }
     function Lt(t, l, a = "pointer") {
-      Oe.value = a, e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), z.value = l, me.value = t, Ue.value = {
+      Fe.value = a, e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), z.value = l, me.value = t, _e.value = {
         datapoint: t,
         seriesIndex: l,
         series: P.value,
         config: e.value
-      }, be.value = !0, He.value = t.id;
+      }, be.value = !0, Ue.value = t.id;
       let o = "";
       const g = t.isChild ? t.parentName : t.name, m = t.isChild ? t.name : "", u = e.value.style.chart.tooltip.customFormat;
       Ga(u) && Ka(
@@ -435,7 +435,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
           config: e.value,
           seriesIndex: l
         })
-      ) ? Pe.value = u({
+      ) ? Ae.value = u({
         datapoint: t,
         series: P.value,
         config: e.value,
@@ -461,17 +461,17 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         v: Math.abs(t.value) / Math.abs(t.parentValue) * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`)), Pe.value = `<div style="text-align:left">${o}</div>`);
+      })}</b></div>`)), Ae.value = `<div style="text-align:left">${o}</div>`);
     }
     function St(t, l, a, o) {
       if (!e.value.style.chart.layout.bars.dataLabels.value.show)
         return "";
       const g = ge(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
-        N(o === -1 && t >= 0 ? -t : t),
+        V(o === -1 && t >= 0 ? -t : t),
         M({
           p: e.value.style.chart.layout.bars.dataLabels.value.prefix,
-          v: N(o === -1 && t >= 0 ? -t : t),
+          v: V(o === -1 && t >= 0 ? -t : t),
           s: e.value.style.chart.layout.bars.dataLabels.value.suffix,
           r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
         }),
@@ -483,7 +483,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       )})`;
       return `${g}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${m}` : ""}`;
     }
-    const V = h(() => {
+    const F = h(() => {
       const t = [
         e.value.translations.parentName,
         e.value.translations.value,
@@ -527,7 +527,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         [e.value.style.chart.title.text],
         [e.value.style.chart.title.subtitle.text],
         [""]
-      ], a = V.value.head, o = V.value.body.map((u) => [
+      ], a = F.value.head, o = F.value.body.map((u) => [
         u.parentName,
         u.parentValue,
         u.percentageToTotal,
@@ -588,7 +588,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         aspectRatio: o
       };
     }
-    const $e = h(() => {
+    const Te = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
       return {
         component: t ? jt : il,
@@ -627,7 +627,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     );
     const { isResponsive: ga } = ll(yt, na);
     function Ke() {
-      T.value.showTable = !1, Ne.value && Ne.value.setTableIconState(!1);
+      T.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
     }
     const ba = h(() => P.value.map((t, l) => ({
       ...t,
@@ -646,7 +646,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     }))), ma = h(() => e.value.style.chart.backgroundColor), ka = h(() => e.value.style.chart.legend), Ca = h(() => e.value.style.chart.title), xa = h(() => ba.value.map((t) => ({
       ...t,
       name: t.display
-    }))), { exportSvg: wa, getSvg: _a } = tl({
+    }))), { exportSvg: wa, getSvg: $a } = tl({
       svg: oe,
       title: Ca,
       legend: ka,
@@ -654,10 +654,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       backgroundColor: ma
     });
     async function It({ isCb: t }) {
-      xe.value = !0, await Le();
+      xe.value = !0, await Se();
       try {
         if (t) {
-          const { blob: l, url: a, text: o, dataUrl: g } = await _a();
+          const { blob: l, url: a, text: o, dataUrl: g } = await $a();
           await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: g }));
         } else
           await Promise.resolve(wa());
@@ -665,7 +665,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         xe.value = !1;
       }
     }
-    function $a(t) {
+    function _a(t) {
       if (t?.stage === "start") {
         Ce.value = !0;
         return;
@@ -680,7 +680,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       console.warn("[autoSize]: this legacy method can be safely removed as it has no impact.");
     }
     async function Vt() {
-      if (Fe("copyAlt", {
+      if (Me("copyAlt", {
         config: e.value,
         dataset: U.value
       }), !e.value.userOptions.callbacks.altCopy) {
@@ -705,7 +705,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       t && Tt({
         datapoint: t,
         seriesIndex: z.value
-      }), z.value = null, Oe.value = "pointer";
+      }), z.value = null, Fe.value = "pointer";
     }
     function Aa(t) {
       if (!oe.value || he.value || document.activeElement !== oe.value) return;
@@ -721,15 +721,15 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         if (z.value === null) return;
         const ee = w.value[z.value];
         if (!ee) return;
-        $t({
+        _t({
           datapoint: ee,
           seriesIndex: z.value
         });
         return;
       }
       let u = z.value;
-      const $ = me.value ? w.value.findIndex((ee) => ee.id === me.value.id) : null, Ye = u !== null && u >= 0 && u < m, fe = $ !== null && $ >= 0 && $ < m;
-      Ye ? l ? (u += 1, u >= m && (u = 0)) : a && (u -= 1, u < 0 && (u = m - 1)) : fe ? (u = l ? $ + 1 : $ - 1, u >= m && (u = 0), u < 0 && (u = m - 1)) : l ? u = 0 : u = m - 1;
+      const _ = me.value ? w.value.findIndex((ee) => ee.id === me.value.id) : null, Ye = u !== null && u >= 0 && u < m, fe = _ !== null && _ >= 0 && _ < m;
+      Ye ? l ? (u += 1, u >= m && (u = 0)) : a && (u -= 1, u < 0 && (u = m - 1)) : fe ? (u = l ? _ + 1 : _ - 1, u >= m && (u = 0), u < 0 && (u = m - 1)) : l ? u = 0 : u = m - 1;
       const ue = w.value[u];
       ue && (z.value = u, za(ue), Lt(ue, u, "keyboard"));
     }
@@ -742,8 +742,8 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       o && (it.value = o);
     }
     const pe = h(() => ({
-      head: V.value.head,
-      body: V.value.body.map((t) => [
+      head: F.value.head,
+      body: F.value.body.map((t) => [
         t.parentName,
         t.parentValue === "" ? "" : M({
           v: t.parentValue,
@@ -813,7 +813,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         body: pe.value.body,
         caption: pe.value.caption,
         notice: pe.value.notice
-      }, null, 8, ["uid", "head", "body", "caption", "notice"])) : p("", !0),
+      }, null, 8, ["uid", "head", "body", "caption", "notice"])) : f("", !0),
       e.value.userOptions.buttons.annotator ? (n(), H(i(Wt), {
         key: 1,
         svgRef: i(oe),
@@ -823,33 +823,33 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         isCursorPointer: Y.value,
         onClose: Ge
       }, {
-        "annotator-action-close": f(() => [
+        "annotator-action-close": p(() => [
           y(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": f(({ color: a }) => [
-          y(t.$slots, "annotator-action-color", O(F({ color: a })), void 0, !0)
+        "annotator-action-color": p(({ color: a }) => [
+          y(t.$slots, "annotator-action-color", N(I({ color: a })), void 0, !0)
         ]),
-        "annotator-action-draw": f(({ mode: a }) => [
-          y(t.$slots, "annotator-action-draw", O(F({ mode: a })), void 0, !0)
+        "annotator-action-draw": p(({ mode: a }) => [
+          y(t.$slots, "annotator-action-draw", N(I({ mode: a })), void 0, !0)
         ]),
-        "annotator-action-undo": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-undo", O(F({ disabled: a })), void 0, !0)
+        "annotator-action-undo": p(({ disabled: a }) => [
+          y(t.$slots, "annotator-action-undo", N(I({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-redo": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-redo", O(F({ disabled: a })), void 0, !0)
+        "annotator-action-redo": p(({ disabled: a }) => [
+          y(t.$slots, "annotator-action-redo", N(I({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-delete": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-delete", O(F({ disabled: a })), void 0, !0)
+        "annotator-action-delete": p(({ disabled: a }) => [
+          y(t.$slots, "annotator-action-delete", N(I({ disabled: a })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : p("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : f("", !0),
       oa.value ? (n(), r("div", {
         key: 2,
         ref_key: "noTitle",
         ref: st,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
+      }, null, 512)) : f("", !0),
       e.value.style.chart.title.text ? (n(), r("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -869,15 +869,15 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
-      e.value.userOptions.show && Se.value && (i(dt) || i(De)) ? (n(), H(i(Gt), {
+      ], 512)) : f("", !0),
+      e.value.userOptions.show && Pe.value && (i(dt) || i(Be)) ? (n(), H(i(Gt), {
         ref_key: "userOptionsRef",
-        ref: Ne,
+        ref: Ie,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         key: `user_options_${ot.value}`,
-        isImaging: i(Re),
-        isPrinting: i(Ee),
+        isImaging: i(Xe),
+        isPrinting: i(Re),
         uid: S.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -902,7 +902,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         onToggleFullscreen: Pt,
         onGeneratePdf: i(ht),
         onGenerateCsv: We,
-        onGenerateImage: $a,
+        onGenerateImage: _a,
         onGenerateSvg: It,
         onToggleTable: At,
         onToggleSort: zt,
@@ -910,109 +910,109 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         onToggleAnnotator: Ge,
         onCopyAlt: Vt,
         style: b({
-          visibility: i(dt) ? i(De) ? "visible" : "hidden" : "visible"
+          visibility: i(dt) ? i(Be) ? "visible" : "hidden" : "visible"
         })
-      }, Te({ _: 2 }, [
+      }, Le({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: f(({ isOpen: a, color: o }) => [
-            y(t.$slots, "menuIcon", O(F({ isOpen: a, color: o })), void 0, !0)
+          fn: p(({ isOpen: a, color: o }) => [
+            y(t.$slots, "menuIcon", N(I({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionSort ? {
           name: "optionSort",
-          fn: f(() => [
+          fn: p(() => [
             y(t.$slots, "optionSort", {}, void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: o }) => [
-            y(t.$slots, "optionFullscreen", O(F({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: p(({ toggleFullscreen: a, isFullscreen: o }) => [
+            y(t.$slots, "optionFullscreen", N(I({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: o }) => [
-            y(t.$slots, "optionAnnotator", O(F({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: p(({ toggleAnnotator: a, isAnnotator: o }) => [
+            y(t.$slots, "optionAnnotator", N(I({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "10"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: f(({ altCopy: a }) => [
-            y(t.$slots, "optionAltCopy", O(F({ altCopy: a })), void 0, !0)
+          fn: p(({ altCopy: a }) => [
+            y(t.$slots, "optionAltCopy", N(I({ altCopy: a })), void 0, !0)
           ]),
           key: "11"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : f("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "top" ? (n(), r("div", {
         key: 5,
         ref_key: "chartLegend",
-        ref: Ae
+        ref: ze
       }, [
         (n(), H(Bt, {
-          key: `legend_top_${ze.value}`,
+          key: `legend_top_${Ne.value}`,
           legendSet: P.value,
           config: mt.value,
           onClickMarker: l[0] || (l[0] = ({ legend: a }) => Z(a.id))
-        }, Te({
-          item: f(({ legend: a, index: o }) => [
+        }, Le({
+          item: p(({ legend: a, index: o }) => [
             s("div", {
               onClick: (g) => Z(a.id),
-              style: b(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
+              style: b(`opacity:${$.value.includes(a.id) ? 0.5 : 1}`)
             }, k(a.name) + ": " + k(i(ge)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
@@ -1025,21 +1025,21 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
               { datapoint: a, seriesIndex: o }
             )), 13, pl)
           ]),
-          legendToggle: f(() => [
+          legendToggle: p(() => [
             P.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !i(we) ? (n(), H(Et, {
               key: 0,
               backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
               color: e.value.style.chart.legend.selectAllToggle.color,
               fontSize: e.value.style.chart.legend.fontSize,
-              checked: _.value.length > 0,
+              checked: $.value.length > 0,
               onToggle: Ct
-            }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : p("", !0)
+            }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : f("", !0)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: f(({ legend: a, index: o }) => [
+            fn: p(({ legend: a, index: o }) => [
               ie(Dt, {
                 shape: a.shape,
                 radius: 30,
@@ -1051,7 +1051,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : f("", !0),
       s("div", fl, [
         (n(), r("svg", {
           ref_key: "svgRef",
@@ -1086,7 +1086,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
               }
             }, [
               y(t.$slots, "chart-background", {}, void 0, !0)
-            ], 8, gl)) : p("", !0),
+            ], 8, gl)) : f("", !0),
             (n(!0), r(D, null, B(w.value, (a, o) => (n(), r("linearGradient", {
               x1: "0%",
               y1: "0%",
@@ -1113,7 +1113,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   patternId: `pattern_${S.value}_${a.absoluteIndex}`
                 }), void 0, !0)
               ]))), 256))
-            ])) : p("", !0),
+            ])) : f("", !0),
             e.value.style.chart.layout.bars.rowColor ? (n(!0), r(D, { key: 2 }, B(w.value, (a, o) => (n(), r("g", null, [
               s("rect", {
                 x: 0,
@@ -1124,15 +1124,15 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 rx: e.value.style.chart.layout.bars.rowRadius,
                 style: { pointerEvents: "none" }
               }, null, 8, xl)
-            ]))), 256)) : p("", !0),
+            ]))), 256)) : f("", !0),
             (n(!0), r(D, null, B(w.value, (a, o) => (n(), r("g", null, [
               s("rect", {
-                x: i(N)(
-                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : I(a.value) <= 0 ? 1e-4 : I(a.value)) : c.value.left
+                x: i(V)(
+                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : O(a.value) <= 0 ? 1e-4 : O(a.value)) : c.value.left
                 ),
                 y: c.value.top + (x.value + d.value) * o + A.value[o] * L.value,
-                width: i(N)(
-                  I(a.value) <= 0 ? 1e-4 : I(a.value)
+                width: i(V)(
+                  O(a.value) <= 0 ? 1e-4 : O(a.value)
                 ),
                 height: d.value <= 0 ? 1e-4 : d.value,
                 fill: e.value.style.chart.layout.bars.underlayerColor,
@@ -1142,12 +1142,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             ]))), 256)),
             (n(!0), r(D, null, B(w.value, (a, o) => (n(), r("g", null, [
               s("rect", {
-                x: i(N)(
-                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : I(a.value) <= 0 ? 1e-4 : I(a.value)) : c.value.left
+                x: i(V)(
+                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : O(a.value) <= 0 ? 1e-4 : O(a.value)) : c.value.left
                 ),
                 y: c.value.top + (x.value + d.value) * o + A.value[o] * L.value,
-                width: i(N)(
-                  I(a.value) <= 0 ? 1e-4 : I(a.value)
+                width: i(V)(
+                  O(a.value) <= 0 ? 1e-4 : O(a.value)
                 ),
                 height: d.value <= 0 ? 1e-4 : d.value,
                 fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${S.value}_${o})` : i(et)(
@@ -1158,15 +1158,15 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
                 "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
                 class: te({ animated: e.value.useCssAnimation })
-              }, null, 10, _l),
+              }, null, 10, $l),
               t.$slots.pattern ? (n(), r("rect", {
                 key: 0,
-                x: i(N)(
-                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : I(a.value) <= 0 ? 1e-4 : I(a.value)) : c.value.left
+                x: i(V)(
+                  J.value ? c.value.left + c.value.width / 2 - (a.sign === 1 ? 0 : O(a.value) <= 0 ? 1e-4 : O(a.value)) : c.value.left
                 ),
                 y: c.value.top + (x.value + d.value) * o + A.value[o] * L.value,
-                width: i(N)(
-                  I(a.value) <= 0 ? 1e-4 : I(a.value)
+                width: i(V)(
+                  O(a.value) <= 0 ? 1e-4 : O(a.value)
                 ),
                 height: d.value <= 0 ? 1e-4 : d.value,
                 fill: `url(#pattern_${S.value}_${a.absoluteIndex})`,
@@ -1174,7 +1174,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
                 "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
                 class: te({ animated: e.value.useCssAnimation })
-              }, null, 10, $l)) : p("", !0),
+              }, null, 10, _l)) : f("", !0),
               (!a.isChild || a.isLastChild) && e.value.style.chart.layout.separators.show && o !== w.value.length - 1 ? (n(), r("line", {
                 key: 1,
                 x1: E.value,
@@ -1188,7 +1188,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   transition: "none !important",
                   animation: "none !important"
                 }
-              }, null, 8, Tl)) : p("", !0),
+              }, null, 8, Tl)) : f("", !0),
               J.value && e.value.style.chart.layout.separators.show ? (n(), r("line", {
                 key: 2,
                 x1: c.value.left + c.value.width / 2,
@@ -1198,7 +1198,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 stroke: e.value.style.chart.layout.separators.color,
                 "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ll)) : p("", !0)
+              }, null, 8, Ll)) : f("", !0)
             ]))), 256)),
             s("g", {
               ref_key: "parentLabels",
@@ -1215,7 +1215,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   rx: 1,
                   fill: a.color,
                   style: { animation: "none !important", transition: "none !important" }
-                }, null, 8, Pl)) : p("", !0),
+                }, null, 8, Pl)) : f("", !0),
                 a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (n(), r("text", {
                   key: 1,
                   y: ne(a, o).y,
@@ -1225,35 +1225,35 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   "font-weight": e.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
                   "text-anchor": "start",
                   innerHTML: i(tt)({
-                    content: `${_t(a, o)}`,
+                    content: `${$t(a, o)}`,
                     fontSize: e.value.style.chart.layout.bars.parentLabels.fontSize,
                     fill: e.value.style.chart.layout.bars.parentLabels.color,
                     x: e.value.style.chart.layout.bars.parentLabels.offsetX + e.value.style.chart.layout.bars.parentLabels.fontSize,
                     y: ne(a, o).y,
                     translateY: !1
                   })
-                }, null, 8, Al)) : p("", !0),
+                }, null, 8, Al)) : f("", !0),
                 a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (n(), r("text", {
                   key: 2,
-                  y: ne(a, o).y + i(Ha)(_t(a, o)) * e.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
+                  y: ne(a, o).y + i(Ha)($t(a, o)) * e.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
                   "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
                   fill: e.value.style.chart.layout.bars.parentLabels.color,
                   x: e.value.style.chart.layout.bars.parentLabels.offsetX + e.value.style.chart.layout.bars.parentLabels.fontSize,
                   "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
                   "text-anchor": "start"
-                }, k(pa(a, o)), 9, zl)) : p("", !0)
+                }, k(pa(a, o)), 9, zl)) : f("", !0)
               ]))), 256))
             ], 512),
             s("g", {
               ref_key: "childLabels",
-              ref: Ie
+              ref: Ve
             }, [
               (n(!0), r(D, null, B(ra.value, (a, o) => (n(), r("g", Nl, [
                 (a.isChild || !a.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (n(), r("text", {
                   key: 0,
                   "text-anchor": "start",
                   x: Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX),
-                  y: i(N)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
+                  y: i(V)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
                   "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
                   fill: "transparent",
                   "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal",
@@ -1263,10 +1263,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                     fontSize: e.value.style.chart.layout.bars.nameLabels.fontSize,
                     fill: "transparent",
                     x: Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX),
-                    y: i(N)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
+                    y: i(V)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
                     translateY: !0
                   })
-                }, null, 8, Il)) : p("", !0)
+                }, null, 8, Il)) : f("", !0)
               ]))), 256))
             ], 512),
             s("g", null, [
@@ -1287,12 +1287,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                     y: c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 3 + A.value[o] * L.value,
                     translateY: !0
                   })
-                }, null, 8, Ol)) : p("", !0)
+                }, null, 8, Ol)) : f("", !0)
               ]))), 256))
             ]),
             s("g", {
               ref_key: "dataLabels",
-              ref: Ve
+              ref: Oe
             }, [
               (n(!0), r(D, null, B(w.value, (a, o) => (n(), r("g", Fl, [
                 s("text", {
@@ -1314,47 +1314,47 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 y: c.value.top + (x.value + d.value) * o - x.value / 2 + A.value[o] * L.value,
                 width: E.value,
                 height: d.value + x.value <= 0 ? 1e-4 : d.value + x.value,
-                fill: He.value === a.id ? i(et)(
+                fill: Ue.value === a.id ? i(et)(
                   e.value.style.chart.layout.highlighter.color,
                   e.value.style.chart.layout.highlighter.opacity
                 ) : "transparent",
                 onMouseenter: (g) => Lt(a, o, "pointer"),
                 onMouseleave: (g) => Tt({ datapoint: a, seriesIndex: o }),
-                onClick: (g) => $t({ datapoint: a, seriesIndex: o })
+                onClick: (g) => _t({ datapoint: a, seriesIndex: o })
               }, null, 40, Dl)
             ]))), 256)),
             y(t.$slots, "svg", {
               svg: {
                 ...W.value,
-                isPrintingImg: i(Ee) | i(Re) | Ce.value,
+                isPrintingImg: i(Re) | i(Xe) | Ce.value,
                 isPrintingSvg: xe.value
               }
             }, void 0, !0)
           ], 512)
         ], 46, yl)),
         t.$slots.hint ? (n(), r("div", Bl, [
-          y(t.$slots, "hint", O(F({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: je.value })), void 0, !0)
-        ])) : p("", !0)
+          y(t.$slots, "hint", N(I({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: je.value })), void 0, !0)
+        ])) : f("", !0)
       ]),
       t.$slots.watermark ? (n(), r("div", El, [
-        y(t.$slots, "watermark", O(F({ isPrinting: i(Ee) || i(Re) || Ce.value || xe.value })), void 0, !0)
-      ])) : p("", !0),
+        y(t.$slots, "watermark", N(I({ isPrinting: i(Re) || i(Xe) || Ce.value || xe.value })), void 0, !0)
+      ])) : f("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (n(), r("div", {
         key: 7,
         ref_key: "chartLegend",
-        ref: Ae
+        ref: ze
       }, [
         (n(), H(Bt, {
-          key: `legend_bottom_${ze.value}`,
+          key: `legend_bottom_${Ne.value}`,
           legendSet: P.value,
           config: mt.value,
           isCursorPointer: Y.value,
           onClickMarker: l[1] || (l[1] = ({ legend: a }) => Z(a.id))
-        }, Te({
-          item: f(({ legend: a, index: o }) => [
+        }, Le({
+          item: p(({ legend: a, index: o }) => [
             s("div", {
               onClick: (g) => Z(a.id),
-              style: b(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
+              style: b(`opacity:${$.value.includes(a.id) ? 0.5 : 1}`)
             }, k(a.name) + ": " + k(i(ge)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
@@ -1367,22 +1367,22 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
               { datapoint: a, seriesIndex: o }
             )), 13, Rl)
           ]),
-          legendToggle: f(() => [
+          legendToggle: p(() => [
             P.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !i(we) ? (n(), H(Et, {
               key: 0,
               backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
               color: e.value.style.chart.legend.selectAllToggle.color,
               fontSize: e.value.style.chart.legend.fontSize,
-              checked: _.value.length > 0,
+              checked: $.value.length > 0,
               isCursorPointer: Y.value,
               onToggle: Ct
-            }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : p("", !0)
+            }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : f("", !0)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: f(({ legend: a, index: o }) => [
+            fn: p(({ legend: a, index: o }) => [
               ie(Dt, {
                 shape: a.shape,
                 radius: 30,
@@ -1394,7 +1394,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config", "isCursorPointer"]))
-      ], 512)) : p("", !0),
+      ], 512)) : f("", !0),
       y(t.$slots, "legend", { legend: P.value }, void 0, !0),
       t.$slots.source ? (n(), r("div", {
         key: 8,
@@ -1403,10 +1403,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         dir: "auto"
       }, [
         y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
+      ], 512)) : f("", !0),
       ie(i(Ut), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: T.value.showTooltip && be.value && _.value.length < C.dataset.length,
+        show: T.value.showTooltip && be.value && $.value.length < C.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1417,30 +1417,33 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: R.value,
-        content: Pe.value,
+        content: Ae.value,
         isFullscreen: Q.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: Oe.value === "keyboard",
+        isA11yMode: Fe.value === "keyboard",
         a11yPosition: it.value
       }, {
-        "tooltip-before": f(() => [
-          y(t.$slots, "tooltip-before", O(F({ ...Ue.value })), void 0, !0)
+        "tooltip-before": p(() => [
+          y(t.$slots, "tooltip-before", N(I({ ..._e.value })), void 0, !0)
+        ]),
+        tooltip: p(() => [
+          y(t.$slots, "tooltip", N(I({ ..._e.value })), void 0, !0)
         ]),
-        "tooltip-after": f(() => [
-          y(t.$slots, "tooltip-after", O(F({ ...Ue.value })), void 0, !0)
+        "tooltip-after": p(() => [
+          y(t.$slots, "tooltip-after", N(I({ ..._e.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      Se.value && e.value.userOptions.buttons.table ? (n(), H(Fa($e.value.component), Ot({ key: 9 }, $e.value.props, {
+      Pe.value && e.value.userOptions.buttons.table ? (n(), H(Fa(Te.value.component), Ot({ key: 9 }, Te.value.props, {
         ref_key: "tableUnit",
         ref: ve,
         onClose: Ke
-      }), Te({
-        content: f(() => [
+      }), Le({
+        content: p(() => [
           s("div", {
             ref_key: "tableContainer",
             ref: yt,
@@ -1448,7 +1451,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             style: b(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px"}`)
           }, [
             s("div", Xl, [
-              e.value.table.useDialog ? p("", !0) : (n(), r("div", {
+              e.value.table.useDialog ? f("", !0) : (n(), r("div", {
                 key: 0,
                 role: "button",
                 tabindex: "0",
@@ -1467,7 +1470,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 class: te({ "vue-ui-responsive": i(ga) })
               }, [
                 s("table", Hl, [
-                  e.value.table.useDialog ? p("", !0) : (n(), r("caption", {
+                  e.value.table.useDialog ? f("", !0) : (n(), r("caption", {
                     key: 0,
                     style: b({
                       backgroundColor: e.value.table.th.backgroundColor,
@@ -1477,14 +1480,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                     class: "vue-ui-data-table__caption"
                   }, [
                     Ft(k(e.value.style.chart.title.text) + " ", 1),
-                    e.value.style.chart.title.subtitle.text ? (n(), r("span", Ul, k(e.value.style.chart.title.subtitle.text), 1)) : p("", !0)
+                    e.value.style.chart.title.subtitle.text ? (n(), r("span", Ul, k(e.value.style.chart.title.subtitle.text), 1)) : f("", !0)
                   ], 4)),
                   s("thead", null, [
                     s("tr", {
                       role: "row",
                       style: b(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
                     }, [
-                      (n(!0), r(D, null, B(V.value.head, (a) => (n(), r("th", {
+                      (n(!0), r(D, null, B(F.value.head, (a) => (n(), r("th", {
                         style: b(`outline:${e.value.table.th.outline}`)
                       }, [
                         s("div", Wl, k(a), 1)
@@ -1515,7 +1518,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                     ])
                   ]),
                   s("tbody", null, [
-                    (n(!0), r(D, null, B(V.value.body, (a, o) => (n(), r("tr", {
+                    (n(!0), r(D, null, B(F.value.body, (a, o) => (n(), r("tr", {
                       class: te({
                         "vue-ui-data-table__tbody__row": !0,
                         "vue-ui-data-table__tbody__row-even": o % 2 === 0,
@@ -1526,20 +1529,20 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline};font-variant-numeric: tabular-nums;`),
-                        "data-cell": V.value.head[0] ?? ""
+                        "data-cell": F.value.head[0] ?? ""
                       }, [
                         s("div", Kl, [
                           a.color ? (n(), r("span", {
                             key: 0,
                             style: b(`color:${a.color};margin-right:3px`)
-                          }, "⬤", 4)) : p("", !0),
+                          }, "⬤", 4)) : f("", !0),
                           s("span", null, k(a.parentName), 1)
                         ])
                       ], 12, Gl),
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[1] ?? ""
+                        "data-cell": F.value.head[1] ?? ""
                       }, [
                         s("div", Yl, k(e.value.table.td.prefix) + k(["", NaN, void 0].includes(a.parentValue) ? "" : a.parentValue.toFixed(
                           e.value.table.td.roundingValue
@@ -1548,7 +1551,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[2] ?? ""
+                        "data-cell": F.value.head[2] ?? ""
                       }, [
                         s("div", Zl, k(["", NaN, void 0].includes(a.percentageToTotal) ? "" : `${(a.percentageToTotal * 100).toFixed(
                           e.value.table.td.roundingPercentage
@@ -1557,14 +1560,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[3] ?? ""
+                        "data-cell": F.value.head[3] ?? ""
                       }, [
                         s("div", Ql, k(a.childName), 1)
                       ], 12, Jl),
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[4] ?? ""
+                        "data-cell": F.value.head[4] ?? ""
                       }, [
                         s("div", to, k(e.value.table.td.prefix) + k(["", NaN, void 0].includes(a.childValue) ? "" : a.childValue.toFixed(
                           e.value.table.td.roundingValue
@@ -1573,7 +1576,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[5] ?? ""
+                        "data-cell": F.value.head[5] ?? ""
                       }, [
                         s("div", lo, k(["", NaN, void 0].includes(
                           a.childPercentageToParent
@@ -1584,7 +1587,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       s("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: b(`outline:${e.value.table.td.outline}`),
-                        "data-cell": V.value.head[6] ?? ""
+                        "data-cell": F.value.head[6] ?? ""
                       }, [
                         s("div", no, k(["", NaN, void 0].includes(
                           a.childPercentageToTotal
@@ -1603,14 +1606,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: f(() => [
-            Ft(k($e.value.title), 1)
+          fn: p(() => [
+            Ft(k(Te.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: f(() => [
+          fn: p(() => [
             s("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1619,19 +1622,19 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             }, [
               ie(i(lt), {
                 name: "fileCsv",
-                stroke: $e.value.props.color
+                stroke: Te.value.props.color
               }, null, 8, ["stroke"])
             ], 4)
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : p("", !0),
+      ]), 1040)) : f("", !0),
       y(t.$slots, "skeleton", {}, () => [
-        i(we) ? (n(), H(Qa, { key: 0 })) : p("", !0)
+        i(we) ? (n(), H(Qa, { key: 0 })) : f("", !0)
       ], !0)
     ], 46, dl));
   }
-}, Po = /* @__PURE__ */ cl(uo, [["__scopeId", "data-v-5fde1ef4"]]);
+}, Po = /* @__PURE__ */ cl(uo, [["__scopeId", "data-v-f72565c5"]]);
 export {
   Po as default
 };