vue-data-ui 3.3.3 → 3.4.1

package/dist/{vue-ui-vertical-bar-n_Lvbd_X.js → vue-ui-vertical-bar-JdjmgwQj.js}

@@ -1,24 +1,24 @@
-import { useCssVars as Kt, defineAsyncComponent as K, useSlots as Jt, computed as g, ref as i, toRefs as Qt, watch as ze, shallowRef as ct, onMounted as Ve, nextTick as he, onBeforeUnmount as Zt, createElementBlock as v, openBlock as u, unref as s, normalizeStyle as d, normalizeClass as X, createBlock as W, createCommentVNode as y, renderSlot as _, createVNode as J, createSlots as pe, withCtx as m, normalizeProps as Q, guardReactiveProps as Z, createElementVNode as n, toDisplayString as h, Fragment as ee, renderList as te, mergeProps as dt, resolveDynamicComponent as ea, withKeys as ta, createTextVNode as ht } from "vue";
-import { c as aa, t as la, b as oa, p as G, B as Ie, e as na, q as L, o as Oe, f as ue, h as Fe, a as se, d as B, X as ua, s as Me, i as sa, x as ra, y as ia, z as va, A as ca } from "./lib-CSDxt1Zh.js";
+import { useCssVars as Kt, defineAsyncComponent as K, useSlots as Qt, computed as g, ref as i, toRefs as Jt, watch as ze, shallowRef as ct, onMounted as Ve, nextTick as he, onBeforeUnmount as Zt, createElementBlock as v, openBlock as u, unref as s, normalizeStyle as d, normalizeClass as X, createBlock as G, createCommentVNode as y, renderSlot as _, createVNode as Q, createSlots as pe, withCtx as m, normalizeProps as J, guardReactiveProps as Z, createElementVNode as n, toDisplayString as h, Fragment as ee, renderList as te, mergeProps as dt, resolveDynamicComponent as ea, withKeys as ta, createTextVNode as ht } from "vue";
+import { c as aa, t as la, b as oa, p as W, O as Oe, e as na, x as L, o as Ie, f as ue, h as Fe, a as se, d as D, X as ua, s as Me, i as sa, P as ra, Q as ia, G as va, H as ca } from "./lib-BcBZIm6u.js";
 import { t as da, u as ha } from "./useResponsive-DfdjqQps.js";
-import { u as pa, a as pt } from "./useNestedProp-Dh-ldrr5.js";
+import { u as pa, a as pt } from "./useNestedProp-B7CiTRDS.js";
 import { u as ga, B as fa } from "./BaseScanner-BgWxam9d.js";
-import { u as ya } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as ya } from "./usePrinter-C1GiglOH.js";
 import { u as ba } from "./useSvgExport-DrjCWun4.js";
 import { u as ma } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as ka } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xa } from "./useChartAccessibility-9icAAmYg.js";
 import { t as _a } from "./themes-Dw-dDudK.js";
-import gt from "./Legend-CCBZ2x8T.js";
-import wa from "./vue-ui-accordion-CaClZrCp.js";
-import $a from "./Title-B6rAo9Oz.js";
-import { _ as ft } from "./Shape-BS9UGhNq.js";
-import Ca from "./img-DI-W68vp.js";
+import gt from "./Legend-C8u37J42.js";
+import wa from "./vue-ui-accordion-BKkTS12x.js";
+import $a from "./Title-CFmv95In.js";
+import { _ as ft } from "./Shape-BhNvlGIN.js";
+import Ca from "./img-CFY3JivG.js";
 import { _ as Ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "width", "height"], Aa = ["id"], za = ["stop-color"], Va = ["stop-color"], Ia = { key: 1 }, Oa = ["x", "y", "width", "height", "fill", "rx"], Fa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Ma = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = { class: "vue-ui-horizontal-bar-child-label" }, Ea = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Ua = ["x", "y", "font-size", "fill", "font-weight"], Xa = { class: "vue-ui-horizontal-bar-parent-label" }, Wa = ["x", "y", "font-size", "fill", "font-weight"], Ga = ["x", "y", "font-size", "fill", "font-weight"], Ha = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], ja = {
+const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "width", "height"], Aa = ["id"], za = ["stop-color"], Va = ["stop-color"], Oa = { key: 1 }, Ia = ["x", "y", "width", "height", "fill", "rx"], Fa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Ma = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = { class: "vue-ui-horizontal-bar-child-label" }, Ea = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Ua = ["x", "y", "font-size", "fill", "font-weight"], Xa = { class: "vue-ui-horizontal-bar-parent-label" }, Ga = ["x", "y", "font-size", "fill", "font-weight"], Wa = ["x", "y", "font-size", "fill", "font-weight"], Ha = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], ja = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, qa = ["onClick"], Ya = { style: "width:100%;padding-top: 36px;position:relative" }, Ka = { class: "vue-ui-data-table" }, Ja = { key: 0 }, Qa = { style: { width: "100%" } }, Za = ["data-cell"], el = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, tl = ["data-cell"], al = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ll = ["data-cell"], ol = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, nl = ["data-cell"], ul = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, sl = ["data-cell"], rl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, il = ["data-cell"], vl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, cl = ["data-cell"], dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, hl = {
+}, qa = ["onClick"], Ya = { style: "width:100%;padding-top: 36px;position:relative" }, Ka = { class: "vue-ui-data-table" }, Qa = { key: 0 }, Ja = { style: { width: "100%" } }, Za = ["data-cell"], el = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, tl = ["data-cell"], al = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ll = ["data-cell"], ol = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, nl = ["data-cell"], ul = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, sl = ["data-cell"], rl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, il = ["data-cell"], vl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, cl = ["data-cell"], dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, hl = {
   __name: "vue-ui-vertical-bar",
   props: {
     config: {
@@ -39,22 +39,22 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     Kt((t) => ({
       v4fa4c7ee: t.tdo
     }));
-    const kt = K(() => import("./Tooltip-DaInVNiV.js")), Be = K(() => import("./BaseIcon-DG6cvf2h.js")), xt = K(() => import("./PenAndPaper-D9LruJaM.js")), _t = K(() => import("./UserOptions-CJXSEhan.js")), wt = K(() => import("./PackageVersion-CQvYRebC.js")), $t = K(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_vertical_bar: Ct } = pa(), Tt = Jt(), b = yt, ge = g({
+    const kt = K(() => import("./Tooltip-Cs4v8OnI.js")), De = K(() => import("./BaseIcon-B5KaGWWC.js")), xt = K(() => import("./PenAndPaper-Dj2diYr0.js")), _t = K(() => import("./UserOptions-C0YT60JN.js")), wt = K(() => import("./PackageVersion-VpPtLYhK.js")), $t = K(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_vertical_bar: Ct } = pa(), Tt = Qt(), b = yt, ge = g({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), S = i(aa()), fe = i(!1), ye = i(""), ae = i(0), St = i(null), De = i(0), P = i(null), Re = i(null), be = i(null), Ee = i(null), Ue = i(null), Xe = i(0), me = i(0), H = i(null), le = i(null), ke = i(null), Lt = mt, e = i(Ce()), Pt = g(() => [
+    }), S = i(aa()), fe = i(!1), ye = i(""), ae = i(0), St = i(null), Be = i(0), P = i(null), Re = i(null), be = i(null), Ee = i(null), Ue = i(null), Xe = i(0), me = i(0), H = i(null), le = i(null), ke = i(null), Lt = mt, e = i(Ce()), Pt = g(() => [
       { name: "", value: 6, color: "#d9d9d9" },
       { name: "", value: 5, color: "#d9d9d9" },
       { name: "", value: 4, color: "#d9d9d9" },
       { name: "", value: 3, color: "#d9d9d9" },
       { name: "", value: 2, color: "#d9d9d9" },
       { name: "", value: 1, color: "#d9d9d9" }
-    ]), { loading: We, FINAL_DATASET: xe, manualLoading: _e } = ga({
-      ...Qt(b),
+    ]), { loading: Ge, FINAL_DATASET: xe, manualLoading: _e } = ga({
+      ...Jt(b),
       FINAL_CONFIG: e,
       prepareConfig: Ce,
       callback: () => {
@@ -109,7 +109,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           }
         }
       })
-    }), { userOptionsVisible: we, setUserOptionsVisibility: Ge, keepUserOptionState: He } = ka({ config: e.value }), { svgRef: $e } = xa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: we, setUserOptionsVisibility: We, keepUserOptionState: He } = ka({ config: e.value }), { svgRef: $e } = xa({ config: e.value.style.chart.title });
     function Ce() {
       const t = pt({
         userConfig: b.config,
@@ -121,11 +121,11 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           userConfig: _a.vue_ui_vertical_bar[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: oa[t.theme] || G
-      } : l = t, b.config && Ie(b.config, "events.datapointEnter") ? l.events.datapointEnter = b.config.events.datapointEnter : l.events.datapointEnter = null, b.config && Ie(b.config, "events.datapointLeave") ? l.events.datapointLeave = b.config.events.datapointLeave : l.events.datapointLeave = null, b.config && Ie(b.config, "events.datapointClick") ? l.events.datapointClick = b.config.events.datapointClick : l.events.datapointClick = null, l;
+        customPalette: oa[t.theme] || W
+      } : l = t, b.config && Oe(b.config, "events.datapointEnter") ? l.events.datapointEnter = b.config.events.datapointEnter : l.events.datapointEnter = null, b.config && Oe(b.config, "events.datapointLeave") ? l.events.datapointLeave = b.config.events.datapointLeave : l.events.datapointLeave = null, b.config && Oe(b.config, "events.datapointClick") ? l.events.datapointClick = b.config.events.datapointClick : l.events.datapointClick = null, l;
     }
     ze(() => b.config, (t) => {
-      We.value || (e.value = Ce()), we.value = !e.value.userOptions.showOnChartHover, et(), Xe.value += 1, me.value += 1, p.value = e.value.style.chart.layout.bars.height, k.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;
+      Ge.value || (e.value = Ce()), we.value = !e.value.userOptions.showOnChartHover, et(), Xe.value += 1, me.value += 1, p.value = e.value.style.chart.layout.bars.height, k.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 }), ze(() => b.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (_e.value = !1), q();
     }, { deep: !0 });
@@ -133,7 +133,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
       elementId: `vue-ui-vertical-bar_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), Nt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Je = g(() => na(e.value.customPalette)), Qe = i(null), At = g(() => e.value.table.responsiveBreakpoint), O = ct(null), j = ct(null), re = i("0 0 10 10"), N = g(() => {
+    }), Nt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Qe = g(() => na(e.value.customPalette)), Je = i(null), At = g(() => e.value.table.responsiveBreakpoint), I = ct(null), j = ct(null), re = i("0 0 10 10"), N = g(() => {
       const [t, l, a, o] = re.value.split(" ").map(Number);
       return { x: t, y: l, width: a, height: o };
     });
@@ -183,11 +183,11 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     });
     const ie = g(() => !!e.value.debug), Te = i(0);
     function et() {
-      if (Oe(b.dataset) && (ue({
+      if (Ie(b.dataset) && (ue({
         componentName: "VueUiVerticalBar",
         type: "dataset",
         debug: ie.value
-      }), ge.value = !1, _e.value = !0), ae.value = xe.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), Oe(b.dataset) || (_e.value = e.value.loading), e.value.responsive) {
+      }), ge.value = !1, _e.value = !0), ae.value = xe.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), Ie(b.dataset) || (_e.value = e.value.loading), e.value.responsive) {
         const t = da(() => {
           const { width: l, height: a } = ha({
             chart: P.value,
@@ -202,23 +202,23 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
             p.value = (a - o) / ae.value, await he(), F();
           });
         });
-        O.value && (j.value && O.value.unobserve(j.value), O.value.disconnect()), O.value = new ResizeObserver(t), j.value = P.value.parentNode, O.value.observe(j.value), e.value.autoSize && F();
+        I.value && (j.value && I.value.unobserve(j.value), I.value.disconnect()), I.value = new ResizeObserver(t), j.value = P.value.parentNode, I.value.observe(j.value), e.value.autoSize && F();
       }
     }
     Zt(() => {
-      O.value && (j.value && O.value.unobserve(j.value), O.value.disconnect());
+      I.value && (j.value && I.value.unobserve(j.value), I.value.disconnect());
     });
     const $ = i({
       showTable: e.value.table.show,
       sortDesc: e.value.style.chart.layout.bars.sort === "desc",
       showTooltip: e.value.style.chart.tooltip.show
-    }), tt = g(() => $.value.sortDesc), I = g(() => (xe.value.forEach((t, l) => {
+    }), tt = g(() => $.value.sortDesc), O = g(() => (xe.value.forEach((t, l) => {
       !t.value && !t.children && ue({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `value (index ${l})`,
         debug: ie.value
-      }), t.children && (Oe(t.children) ? ue({
+      }), t.children && (Ie(t.children) ? ue({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `children (index ${l})`,
@@ -247,7 +247,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         isChild: !1,
         segregate: () => oe(a),
         isSegregated: A.value.includes(a),
-        color: Fe(t.color) || Je.value[l] || G[l] || G[l % G.length],
+        color: Fe(t.color) || Qe.value[l] || W[l] || W[l % W.length],
         children: !t.children || !t.children.length ? [] : t.children.toSorted(ve.value ? () => 0 : (c, x) => tt.value ? x.value - c.value : c.value - x.value).map((c, x) => ({
           ...c,
           value: L(Math.abs(c.value)),
@@ -260,7 +260,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           parentSign: w,
           id: `vertical_child_${l}_${x}_${S.value}`,
           childIndex: x,
-          color: Fe(c.color) || Fe(t.color) || Je.value[l] || G[l] || G[l % G.length]
+          color: Fe(c.color) || Fe(t.color) || Qe.value[l] || W[l] || W[l % W.length]
         })).map((c, x) => ({
           ...c,
           isFirstChild: x === 0,
@@ -292,36 +292,36 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
       width: C.value.width - (C.value.padding.left + C.value.padding.right)
     }));
     async function q() {
-      ae.value = D.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), e.value.autoSize && await F();
+      ae.value = B.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), e.value.autoSize && await F();
     }
     const A = i([]);
     async function oe(t) {
       if (A.value.includes(t))
         A.value = A.value.filter((l) => l !== t);
       else {
-        if (A.value.length === I.value.length - 1) return;
+        if (A.value.length === O.value.length - 1) return;
         A.value.push(t);
       }
-      q(), await he(), e.value.autoSize && F(), Lt("selectLegend", D.value);
+      q(), await he(), e.value.autoSize && F(), Lt("selectLegend", B.value);
     }
-    const D = g(() => I.value.filter((t) => !A.value.includes(t.id))), V = g(() => D.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
+    const B = g(() => O.value.filter((t) => !A.value.includes(t.id))), V = g(() => B.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
     function ot(t, l = !1, a = 0) {
-      return l ? B({
+      return l ? D({
         v: L(Math.abs(t) / V.value * 100),
         s: "%",
         r: a
       }) : Math.abs(t) / V.value;
     }
-    const R = g(() => D.value.flatMap((t) => t.hasChildren ? t.children : t)), E = g(() => R.value.map((t) => t.sign).includes(-1)), Vt = g(() => Math.max(...D.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)));
+    const R = g(() => B.value.flatMap((t) => t.hasChildren ? t.children : t)), E = g(() => R.value.map((t) => t.sign).includes(-1)), Vt = g(() => Math.max(...B.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)));
     function T(t) {
       const l = t / Vt.value;
       return r.value.width / (E.value ? 2 : 1) * l;
     }
-    function It(t) {
+    function Ot(t) {
       return T(t) + r.value.left;
     }
     function ne(t, l) {
-      const a = D.value.find((w) => w.id === t.parentId), o = r.value.top + (k.value + p.value) * l, f = a.children.length * (k.value + p.value);
+      const a = B.value.find((w) => w.id === t.parentId), o = r.value.top + (k.value + p.value) * l, f = a.children.length * (k.value + p.value);
       return {
         y: o + f / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: a.name,
@@ -330,8 +330,8 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         sign: a.sign
       };
     }
-    function Ot() {
-      return D.value;
+    function It() {
+      return B.value;
     }
     const Se = i(null), Le = i(null);
     function Ft({ datapoint: t, seriesIndex: l }) {
@@ -340,23 +340,23 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     function Mt({ datapoint: t, seriesIndex: l }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), St.value = null, fe.value = !1, Se.value = null;
     }
-    function Bt(t, l) {
+    function Dt(t, l) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), Le.value = {
         datapoint: t,
         seriesIndex: l,
-        series: I.value,
+        series: O.value,
         config: e.value
       }, fe.value = !0, Se.value = t.id;
       let a = "";
       const o = t.isChild ? t.parentName : t.name, f = t.isChild ? t.name : "", w = e.value.style.chart.tooltip.customFormat;
       va(w) && ca(() => w({
         datapoint: t,
-        series: I.value,
+        series: O.value,
         config: e.value,
         seriesIndex: l
       })) ? ye.value = w({
         datapoint: t,
-        series: I.value,
+        series: O.value,
         config: e.value,
         seriesIndex: l
       }) : (a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
@@ -365,18 +365,18 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
             </div>`, e.value.style.chart.tooltip.showValue && (a += `<div>${e.value.translations.value}: <b>${se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         t.sign === 1 ? t.value : -t.value,
-        B({
+        D({
           p: e.value.style.chart.tooltip.prefix,
           v: t.sign === 1 ? t.value : -t.value,
           s: e.value.style.chart.tooltip.suffix,
           r: e.value.style.chart.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: l }
-      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (a += `<div>${e.value.translations.percentageToTotal} : <b>${B({
+      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (a += `<div>${e.value.translations.percentageToTotal} : <b>${D({
         v: Math.abs(t.value) / V.value * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`, t.isChild && (a += `<div>${e.value.translations.percentageToSerie}: <b>${B({
+      })}</b></div>`, t.isChild && (a += `<div>${e.value.translations.percentageToSerie}: <b>${D({
         v: Math.abs(t.value) / Math.abs(t.parentValue) * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
@@ -388,7 +388,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
       const f = se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         L(o === -1 && t >= 0 ? -t : t),
-        B({
+        D({
           p: e.value.style.chart.layout.bars.dataLabels.value.prefix,
           v: L(o === -1 && t >= 0 ? -t : t),
           s: e.value.style.chart.layout.bars.dataLabels.value.suffix,
@@ -451,12 +451,12 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     }
     const U = i(!1);
     function ut(t) {
-      U.value = t, De.value += 1;
+      U.value = t, Be.value += 1;
     }
     function st() {
       $.value.showTable = !$.value.showTable;
     }
-    const Dt = i({
+    const Bt = i({
       none: 0,
       asc: 1,
       desc: 2
@@ -467,7 +467,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         type: "attributeWrongValue",
         property: "style.chart.layout.bars.sort",
         key: e.value.style.chart.layout.bars.sort
-      }), M.value = Dt.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = M.value === 2, ve.value = M.value === 0;
+      }), M.value = Bt.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = M.value === 2, ve.value = M.value === 0;
     });
     function Rt() {
       M.value += 1, M.value > 2 && (M.value = 0);
@@ -527,17 +527,17 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     ze(() => $.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
     });
-    const { isResponsive: Ut } = ma(Qe, At);
+    const { isResponsive: Ut } = ma(Je, At);
     function Ae() {
       $.value.showTable = !1, ke.value && ke.value.setTableIconState(!1);
     }
-    const Xt = g(() => I.value.map((t, l) => ({
+    const Xt = g(() => O.value.map((t, l) => ({
       ...t,
       shape: "square",
       display: `${t.name}: ${se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         t.value,
-        B({
+        D({
           p: e.value.style.chart.legend.prefix,
           v: t.value,
           s: e.value.style.chart.legend.suffix,
@@ -545,15 +545,15 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         }),
         { datapoint: t, seriesIndex: l }
       )}`
-    }))), Wt = g(() => e.value.style.chart.backgroundColor), Gt = g(() => e.value.style.chart.legend), Ht = g(() => e.value.style.chart.title), jt = g(() => Xt.value.map((t) => ({
+    }))), Gt = g(() => e.value.style.chart.backgroundColor), Wt = g(() => e.value.style.chart.legend), Ht = g(() => e.value.style.chart.title), jt = g(() => Xt.value.map((t) => ({
       ...t,
       name: t.display
     }))), { exportSvg: qt, getSvg: Yt } = ba({
       svg: $e,
       title: Ht,
-      legend: Gt,
+      legend: Wt,
       legendItems: jt,
-      backgroundColor: Wt
+      backgroundColor: Gt
     });
     async function vt({ isCb: t }) {
       if (t) {
@@ -565,7 +565,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
     return bt({
       autoSize: F,
       // v3
-      getData: Ot,
+      getData: It,
       getImage: Et,
       recalculateHeight: q,
       generatePdf: Ye,
@@ -583,10 +583,10 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
       ref: P,
       id: `vue-ui-vertical-bar_${S.value}`,
       style: d(`padding-top:${e.value.responsive && e.value.autoSize ? `${Te.value / 2}px` : "0"}; font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? e.value.autoSize ? `height:calc(100% - ${Te.value}px` : "height: 100%" : ""}`),
-      onMouseenter: l[3] || (l[3] = () => s(Ge)(!0)),
-      onMouseleave: l[4] || (l[4] = () => s(Ge)(!1))
+      onMouseenter: l[3] || (l[3] = () => s(We)(!0)),
+      onMouseleave: l[4] || (l[4] = () => s(We)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), W(s(xt), {
+      e.value.userOptions.buttons.annotator ? (u(), G(s(xt), {
         key: 0,
         svgRef: s($e),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -607,7 +607,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         ref: Re,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (u(), W($a, {
+        (u(), G($a, {
           key: `title_${Xe.value}`,
           config: {
             title: {
@@ -621,10 +621,10 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && ge.value && (s(He) || s(we)) ? (u(), W(s(_t), {
+      e.value.userOptions.show && ge.value && (s(He) || s(we)) ? (u(), G(s(_t), {
         ref_key: "userOptionsRef",
         ref: ke,
-        key: `user_options_${De.value}`,
+        key: `user_options_${Be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: s(qe),
@@ -664,7 +664,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: a, color: o }) => [
-            _(t.$slots, "menuIcon", Q(Z({ isOpen: a, color: o })), void 0, !0)
+            _(t.$slots, "menuIcon", J(Z({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -720,14 +720,14 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: a, isFullscreen: o }) => [
-            _(t.$slots, "optionFullscreen", Q(Z({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            _(t.$slots, "optionFullscreen", J(Z({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: a, isAnnotator: o }) => [
-            _(t.$slots, "optionAnnotator", Q(Z({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            _(t.$slots, "optionAnnotator", J(Z({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -737,9 +737,9 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         ref_key: "chartLegend",
         ref: be
       }, [
-        (u(), W(gt, {
+        (u(), G(gt, {
           key: `legend_top_${me.value}`,
-          legendSet: I.value,
+          legendSet: O.value,
           config: at.value,
           onClickMarker: l[0] || (l[0] = ({ legend: a }) => oe(a.id))
         }, pe({
@@ -750,7 +750,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
             }, h(a.name) + ": " + h(s(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
-              s(B)({
+              s(D)({
                 p: e.value.style.chart.legend.prefix,
                 v: a.value,
                 s: e.value.style.chart.legend.suffix,
@@ -764,7 +764,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           t.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: a, index: o }) => [
-              J(ft, {
+              Q(ft, {
                 shape: a.shape,
                 radius: 30,
                 stroke: "none",
@@ -789,7 +789,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           ref: H,
           class: "vue-data-ui-g"
         }, [
-          J(s(wt)),
+          Q(s(wt)),
           t.$slots["chart-background"] ? (u(), v("foreignObject", {
             key: 0,
             x: N.value.x,
@@ -818,7 +818,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               "stop-color": s(Me)(s(sa)(a.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
             }, null, 8, Va)
           ], 8, Aa))), 256)),
-          t.$slots.pattern ? (u(), v("g", Ia, [
+          t.$slots.pattern ? (u(), v("g", Oa, [
             (u(!0), v(ee, null, te(R.value, (a) => (u(), v("defs", null, [
               _(t.$slots, "pattern", dt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${S.value}_${a.absoluteIndex}` }), void 0, !0)
             ]))), 256))
@@ -832,7 +832,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               fill: e.value.style.chart.layout.bars.underlayerColor,
               rx: e.value.style.chart.layout.bars.borderRadius,
               class: X({ animated: e.value.useCssAnimation })
-            }, null, 10, Oa)
+            }, null, 10, Ia)
           ]))), 256)),
           (u(!0), v(ee, null, te(R.value, (a, o) => (u(), v("g", null, [
             n("rect", {
@@ -868,7 +868,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
               "stroke-linecap": "round",
               style: { transition: "none !important", animation: "none !important" }
-            }, null, 8, Ba)) : y("", !0),
+            }, null, 8, Da)) : y("", !0),
             E.value && e.value.style.chart.layout.separators.show ? (u(), v("line", {
               key: 2,
               x1: r.value.left + r.value.width / 2,
@@ -878,10 +878,10 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               stroke: e.value.style.chart.layout.separators.color,
               "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Da)) : y("", !0),
+            }, null, 8, Ba)) : y("", !0),
             n("g", Ra, [
               n("text", {
-                x: E.value ? r.value.left + r.value.width / 2 + (a.sign === 1 ? -12 : 12) + (a.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : It(a.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
+                x: E.value ? r.value.left + r.value.width / 2 + (a.sign === 1 ? -12 : 12) + (a.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : Ot(a.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
                 y: r.value.top + (k.value + p.value) * o + p.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
                 "text-anchor": !E.value || a.sign === -1 ? "start" : "end",
                 "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
@@ -907,7 +907,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
                 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(ne(a, o).name), 9, Wa)) : y("", !0),
+              }, h(ne(a, o).name), 9, Ga)) : y("", !0),
               a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), v("text", {
                 key: 1,
                 x: e.value.autoSize ? void 0 : N.value.x + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -916,7 +916,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
                 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(nt(ne(a, o).value), ne(a, o), o, a.parentSign || a.sign), 9, Ga)) : y("", !0)
+              }, h(nt(ne(a, o).value), ne(a, o), o, a.parentSign || a.sign), 9, Wa)) : y("", !0)
             ]),
             n("rect", {
               x: N.value.x,
@@ -924,7 +924,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               width: N.value.width,
               height: p.value + k.value <= 0 ? 1e-4 : p.value + k.value,
               fill: Se.value === a.id ? s(Me)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
-              onMouseenter: (f) => Bt(a, o),
+              onMouseenter: (f) => Dt(a, o),
               onMouseleave: (f) => Mt({ datapoint: a, seriesIndex: o }),
               onClick: (f) => Ft({ datapoint: a, seriesIndex: o })
             }, null, 40, Ha)
@@ -933,16 +933,16 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         ], 512)
       ], 14, Pa)),
       t.$slots.watermark ? (u(), v("div", ja, [
-        _(t.$slots, "watermark", Q(Z({ isPrinting: s(je) || s(qe) })), void 0, !0)
+        _(t.$slots, "watermark", J(Z({ isPrinting: s(je) || s(qe) })), void 0, !0)
       ])) : y("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (u(), v("div", {
         key: 6,
         ref_key: "chartLegend",
         ref: be
       }, [
-        (u(), W(gt, {
+        (u(), G(gt, {
           key: `legend_bottom_${me.value}`,
-          legendSet: I.value,
+          legendSet: O.value,
           config: at.value,
           onClickMarker: l[1] || (l[1] = ({ legend: a }) => oe(a.id))
         }, pe({
@@ -953,7 +953,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
             }, h(a.name) + ": " + h(s(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
-              s(B)({
+              s(D)({
                 p: e.value.style.chart.legend.prefix,
                 v: a.value,
                 s: e.value.style.chart.legend.suffix,
@@ -967,7 +967,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           t.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: a, index: o }) => [
-              J(ft, {
+              Q(ft, {
                 shape: a.shape,
                 radius: 30,
                 stroke: "none",
@@ -979,7 +979,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           } : void 0
         ]), 1032, ["legendSet", "config"]))
       ], 512)) : y("", !0),
-      _(t.$slots, "legend", { legend: I.value }, void 0, !0),
+      _(t.$slots, "legend", { legend: O.value }, void 0, !0),
       t.$slots.source ? (u(), v("div", {
         key: 7,
         ref_key: "source",
@@ -988,7 +988,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
       }, [
         _(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      J(s(kt), {
+      Q(s(kt), {
         show: $.value.showTooltip && fe.value && A.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1009,14 +1009,14 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": m(() => [
-          _(t.$slots, "tooltip-before", Q(Z({ ...Le.value })), void 0, !0)
+          _(t.$slots, "tooltip-before", J(Z({ ...Le.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          _(t.$slots, "tooltip-after", Q(Z({ ...Le.value })), void 0, !0)
+          _(t.$slots, "tooltip-after", J(Z({ ...Le.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ge.value && e.value.userOptions.buttons.table ? (u(), W(ea(de.value.component), dt({ key: 8 }, de.value.props, {
+      ge.value && e.value.userOptions.buttons.table ? (u(), G(ea(de.value.component), dt({ key: 8 }, de.value.props, {
         ref_key: "tableUnit",
         ref: le,
         onClose: Ae
@@ -1024,7 +1024,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
         content: m(() => [
           n("div", {
             ref_key: "tableContainer",
-            ref: Qe,
+            ref: Je,
             class: "vue-ui-vertical-bar-table atom-data-table",
             style: d(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px"}`)
           }, [
@@ -1037,7 +1037,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
                 onClick: Ae,
                 onKeypress: ta(Ae, ["enter"])
               }, [
-                J(s(Be), {
+                Q(s(De), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -1054,7 +1054,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
                     class: "vue-ui-data-table__caption"
                   }, [
                     ht(h(e.value.style.chart.title.text) + " ", 1),
-                    e.value.style.chart.title.subtitle.text ? (u(), v("span", Ja, h(e.value.style.chart.title.subtitle.text), 1)) : y("", !0)
+                    e.value.style.chart.title.subtitle.text ? (u(), v("span", Qa, h(e.value.style.chart.title.subtitle.text), 1)) : y("", !0)
                   ], 4)),
                   n("thead", null, [
                     n("tr", {
@@ -1064,7 +1064,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
                       (u(!0), v(ee, null, te(z.value.head, (a) => (u(), v("th", {
                         style: d(`outline:${e.value.table.th.outline}`)
                       }, [
-                        n("div", Qa, h(a), 1)
+                        n("div", Ja, h(a), 1)
                       ], 4))), 256))
                     ], 4),
                     n("tr", null, [
@@ -1175,7 +1175,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
               class: "vue-ui-user-options-button",
               onClick: l[2] || (l[2] = (a) => Pe(e.value.userOptions.callbacks.csv))
             }, [
-              J(s(Be), {
+              Q(s(De), {
                 name: "excel",
                 stroke: de.value.props.color
               }, null, 8, ["stroke"])
@@ -1184,7 +1184,7 @@ const Sa = ["id"], La = ["onClick"], Pa = ["xmlns", "viewBox"], Na = ["x", "widt
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      s(We) ? (u(), W(fa, { key: 9 })) : y("", !0)
+      s(Ge) ? (u(), G(fa, { key: 9 })) : y("", !0)
     ], 46, Sa));
   }
 }, Al = /* @__PURE__ */ Ta(hl, [["__scopeId", "data-v-1ea4e17d"]]);