vue-data-ui 2.4.84 → 2.4.86

package/dist/{vue-ui-treemap-4MV0XnQk.js → vue-ui-treemap-D89aQanB.js}

@@ -1,16 +1,16 @@
-import { useSlots as at, onMounted as Ie, computed as k, ref as f, watch as nt, onBeforeUnmount as st, openBlock as g, createElementBlock as w, normalizeClass as Le, normalizeStyle as R, unref as y, createBlock as E, createCommentVNode as S, createSlots as rt, withCtx as T, renderSlot as $, normalizeProps as G, guardReactiveProps as X, createVNode as Re, Fragment as De, renderList as Me, createElementVNode as N, toDisplayString as Y, createTextVNode as Ve, nextTick as ut, pushScopeId as it, popScopeId as ct } from "vue";
-import { u as dt, c as Ue, t as vt, a as ht, p as _, b as ft, o as pt, e as gt, d as ae, i as ne, f as K, X as yt, l as Be, G as He, x as We, y as mt, q as bt, r as kt } from "./index-CFW17vb1.js";
-import { _ as wt } from "./Title-C_gOJvlv.js";
-import { u as Ct, U as $t } from "./usePrinter-19frcFuH.js";
-import { _ as xt } from "./Tooltip-Czv48jTt.js";
-import { L as Tt } from "./Legend-D8VMKZ6f.js";
-import _t from "./vue-ui-skeleton-RRyod9qq.js";
-import { D as Ot } from "./DataTable-DYhXzoFM.js";
-import St from "./vue-ui-accordion-B8vShfXi.js";
+import { useSlots as at, onMounted as Ie, computed as k, ref as f, watch as nt, onBeforeUnmount as st, openBlock as g, createElementBlock as w, normalizeClass as Le, normalizeStyle as R, unref as y, createBlock as E, createCommentVNode as S, createSlots as rt, withCtx as T, renderSlot as $, normalizeProps as G, guardReactiveProps as q, createVNode as Re, Fragment as De, renderList as Me, createElementVNode as N, toDisplayString as Y, createTextVNode as Ve, nextTick as ut, pushScopeId as it, popScopeId as ct } from "vue";
+import { u as dt, c as Ue, t as vt, a as ht, p as _, b as ft, o as pt, e as gt, d as ae, i as ne, f as K, X as yt, l as Be, G as He, x as We, y as mt, q as bt, r as kt } from "./index-CXx0JV8R.js";
+import { _ as wt } from "./Title-ClQ27HaB.js";
+import { u as Ct, U as $t } from "./usePrinter-Ctor1UK0.js";
+import { _ as xt } from "./Tooltip-CGYgJoPR.js";
+import { L as Tt } from "./Legend-DiFDWEo2.js";
+import _t from "./vue-ui-skeleton-Cw0-Ac_0.js";
+import { D as Ot } from "./DataTable-BfiPjHpN.js";
+import St from "./vue-ui-accordion-BljYKOXR.js";
 import { t as Nt, u as zt } from "./useResponsive-CoxXLe23.js";
-import { u as Ee } from "./useNestedProp-HPB1YHuD.js";
-import { _ as Pt } from "./PackageVersion-CO2IMTO9.js";
-import { P as At } from "./PenAndPaper-CnW2eqXw.js";
+import { u as Ee } from "./useNestedProp-B-WAbP7E.js";
+import { _ as Pt } from "./PackageVersion-qom4AEUr.js";
+import { P as At } from "./PenAndPaper-C-1AU46J.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ge(a, c) {
@@ -29,7 +29,7 @@ function Ge(a, c) {
     );
   }
 }
-function Xe(a) {
+function qe(a) {
   const { xOffset: c, yOffset: s, width: n, height: i } = a;
   return {
     x0: c,
@@ -68,7 +68,7 @@ function Dt(a, c) {
 function Mt(a) {
   return (a.x1 - a.x0) * (a.y1 - a.y0);
 }
-function qe(a, c) {
+function Xe(a, c) {
   const { width: s, height: n, xOffset: i, yOffset: v } = de(c), u = a.length, p = a.map((h) => h.normalizedValue || 0).reduce((h, b) => h + b, 0), d = p / n, z = p / s;
   let O = i, C = v;
   const x = [];
@@ -123,7 +123,7 @@ function Bt(a, c, s, n) {
   for (; ; ) {
     const d = i.length;
     if (d === 0) {
-      const x = qe(v, u);
+      const x = Xe(v, u);
       return p.concat(x);
     }
     const z = Vt(u), O = i[0], C = i.slice(1, d);
@@ -135,7 +135,7 @@ function Bt(a, c, s, n) {
       let h = 0;
       for (let A = 0; A < x; A += 1)
         h += v[A].normalizedValue;
-      const b = Ht(u, h), P = qe(v, u), D = p.concat(P);
+      const b = Ht(u, h), P = Xe(v, u), D = p.concat(P);
       i = i, v = [], u = b, p = D;
     }
   }
@@ -162,7 +162,7 @@ function Ht(a, c) {
       width: p,
       height: n
     };
-    return Xe(d);
+    return qe(d);
   } else {
     const u = c / s, p = n - u, d = {
       xOffset: i,
@@ -170,10 +170,10 @@ function Ht(a, c) {
       width: s,
       height: p
     };
-    return Xe(d);
+    return qe(d);
   }
 }
-const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = ["xmlns", "viewBox"], Xt = { key: 0 }, qt = ["id"], jt = ["stop-color"], Yt = ["stop-color"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Jt = ["x", "y", "height", "width"], Kt = {
+const Wt = (a) => (it("data-v-1f72136b"), a = a(), ct(), a), Et = ["id"], Gt = ["xmlns", "viewBox"], qt = { key: 0 }, Xt = ["id"], jt = ["stop-color"], Yt = ["stop-color"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], Jt = ["x", "y", "height", "width"], Kt = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
 }, Qt = /* @__PURE__ */ Wt(() => /* @__PURE__ */ N("br", null, null, -1)), eo = {
@@ -264,7 +264,9 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
             source: A.value,
             noTitle: ve.value
           });
-          V.value.width = l, V.value.height = o;
+          requestAnimationFrame(() => {
+            V.value.width = l, V.value.height = o;
+          });
         });
         ee.value = new ResizeObserver(t), ee.value.observe(b.value.parentNode);
       }
@@ -275,7 +277,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
     const re = f(H.value), Z = k(() => re.value.map((t, l) => ({
       ...t,
       color: ae(t.color) || Q.value[l] || _[l] || _[l % _.length]
-    })).filter((t) => !h.value.includes(t.id))), q = k(() => H.value.filter((t) => !h.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), xe = k({
+    })).filter((t) => !h.value.includes(t.id))), X = k(() => H.value.filter((t) => !h.value.includes(t.id)).map((t) => t.value || 0).reduce((t, l) => t + l, 0)), xe = k({
       get() {
         let t = [...Z.value];
         return e.value.style.chart.layout.sorted && (t = [...Z.value].sort((l, o) => o.value - l.value)), t.map((l) => ({
@@ -421,7 +423,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
       ut(() => {
         const t = L.value.head.map((r, m) => [[
           r.name
-        ], [L.value.body[m]], [isNaN(L.value.body[m] / q.value) ? "-" : L.value.body[m] / q.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = bt(l);
+        ], [L.value.body[m]], [isNaN(L.value.body[m] / X.value) ? "-" : L.value.body[m] / X.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = bt(l);
         kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
@@ -448,8 +450,8 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
             shape: "square"
           },
           le,
-          isNaN(L.value.body[U] / q.value) ? "-" : K({
-            v: L.value.body[U] / q.value * 100,
+          isNaN(L.value.body[U] / X.value) ? "-" : K({
+            v: L.value.body[U] / X.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -612,14 +614,14 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: T(({ toggleFullscreen: o, isFullscreen: r }) => [
-            $(t.$slots, "optionFullscreen", G(X({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
+            $(t.$slots, "optionFullscreen", G(q({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: T(({ toggleAnnotator: o, isAnnotator: r }) => [
-            $(t.$slots, "optionAnnotator", G(X({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
+            $(t.$slots, "optionAnnotator", G(q({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -633,7 +635,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
       }, [
         Re(Pt),
         (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
-          e.value.style.chart.layout.rects.gradient.show ? (g(), w("defs", Xt, [
+          e.value.style.chart.layout.rects.gradient.show ? (g(), w("defs", qt, [
             N("radialGradient", {
               id: `tgrad_${o.id}`,
               gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
@@ -646,7 +648,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
                 offset: "100%",
                 "stop-color": y(Be)(o.color, e.value.style.chart.layout.rects.gradient.intensity / 100)
               }, null, 8, Yt)
-            ], 8, qt)
+            ], 8, Xt)
           ])) : S("", !0)
         ]))), 256)),
         (g(!0), w(De, null, Me(J.value, (o, r) => (g(), w("g", null, [
@@ -701,7 +703,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
                   { datapoint: o }
                 )), 5)
               ], 4)) : S("", !0),
-              $(t.$slots, "rect", G(X({
+              $(t.$slots, "rect", G(q({
                 rect: o,
                 shouldShow: o.proportion > e.value.style.chart.layout.labels.hideUnderProportion || F.value,
                 fontSize: W(o),
@@ -711,10 +713,10 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
             ])
           ], 8, Jt))
         ]))), 256)),
-        $(t.$slots, "svg", G(X({ svg: B.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
+        $(t.$slots, "svg", G(q({ svg: B.value, isZoom: F.value, rect: I.value, config: e.value })), void 0, !0)
       ], 14, Gt)) : S("", !0),
       t.$slots.watermark ? (g(), w("div", eo, [
-        $(t.$slots, "watermark", G(X({ isPrinting: y(be) || y(ke) })), void 0, !0)
+        $(t.$slots, "watermark", G(q({ isPrinting: y(be) || y(ke) })), void 0, !0)
       ])) : S("", !0),
       u.value ? S("", !0) : (g(), E(_t, {
         key: 6,
@@ -755,7 +757,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
                 }),
                 { datapoint: o }
               )) + " ", 1),
-              h.value.includes(o.id) ? (g(), w("span", lo, " ( - % ) ")) : (g(), w("span", oo, " (" + Y(isNaN(o.value / q.value) ? "-" : (o.value / q.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+              h.value.includes(o.id) ? (g(), w("span", lo, " ( - % ) ")) : (g(), w("span", oo, " (" + Y(isNaN(o.value / X.value) ? "-" : (o.value / X.value * 100).toFixed(e.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
             ], 12, to)
           ]),
           _: 1
@@ -789,10 +791,10 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
         isCustom: y(We)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": T(() => [
-          $(t.$slots, "tooltip-before", G(X({ ...ie.value })), void 0, !0)
+          $(t.$slots, "tooltip-before", G(q({ ...ie.value })), void 0, !0)
         ]),
         "tooltip-after": T(() => [
-          $(t.$slots, "tooltip-after", G(X({ ...ie.value })), void 0, !0)
+          $(t.$slots, "tooltip-after", G(q({ ...ie.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -838,7 +840,7 @@ const Wt = (a) => (it("data-v-d58b1737"), a = a(), ct(), a), Et = ["id"], Gt = [
       }, 8, ["config"])) : S("", !0)
     ], 46, Et));
   }
-}, Co = /* @__PURE__ */ It(no, [["__scopeId", "data-v-d58b1737"]]);
+}, Co = /* @__PURE__ */ It(no, [["__scopeId", "data-v-1f72136b"]]);
 export {
   Co as default
 };

package/dist/{vue-ui-vertical-bar-CXyj54xk.js → vue-ui-vertical-bar-BpLIp4qR.js}

@@ -1,20 +1,20 @@
-import { useCssVars as dt, useSlots as vt, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as ct, openBlock as u, createElementBlock as r, normalizeClass as A, normalizeStyle as c, unref as d, createBlock as B, createCommentVNode as p, createSlots as ce, withCtx as k, renderSlot as m, normalizeProps as E, guardReactiveProps as H, createElementVNode as n, toDisplayString as h, createVNode as q, Fragment as W, renderList as G, withKeys as ht, createTextVNode as pt } from "vue";
-import { u as yt, c as gt, t as ft, a as bt, p as D, b as mt, o as Xe, e as K, v as N, d as he, i as le, f as R, X as _t, s as pe, w as kt, x as $t, y as xt, q as wt, r as Ct } from "./index-CFW17vb1.js";
+import { useCssVars as dt, useSlots as vt, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as ct, openBlock as u, createElementBlock as r, normalizeClass as A, normalizeStyle as c, unref as d, createBlock as B, createCommentVNode as p, createSlots as ce, withCtx as k, renderSlot as m, normalizeProps as E, guardReactiveProps as H, createElementVNode as n, toDisplayString as h, createVNode as Y, Fragment as W, renderList as G, withKeys as ht, createTextVNode as pt } from "vue";
+import { u as yt, c as gt, t as ft, a as bt, p as D, b as mt, o as Xe, e as K, v as N, d as he, i as le, f as R, X as _t, s as pe, w as kt, x as $t, y as xt, q as wt, r as Ct } from "./index-CXx0JV8R.js";
 import { t as Tt, u as Lt } from "./useResponsive-CoxXLe23.js";
-import { _ as Nt } from "./Title-C_gOJvlv.js";
-import { u as Pt, U as St } from "./usePrinter-19frcFuH.js";
-import { _ as Vt } from "./Tooltip-Czv48jTt.js";
-import { L as Ee } from "./Legend-D8VMKZ6f.js";
-import It from "./vue-ui-skeleton-RRyod9qq.js";
-import Ot from "./BaseIcon-I6DfuN0D.js";
-import Ft from "./vue-ui-accordion-B8vShfXi.js";
-import { u as He } from "./useNestedProp-HPB1YHuD.js";
-import { _ as Mt } from "./PackageVersion-CO2IMTO9.js";
-import { P as zt } from "./PenAndPaper-CnW2eqXw.js";
+import { _ as Nt } from "./Title-ClQ27HaB.js";
+import { u as Pt, U as St } from "./usePrinter-Ctor1UK0.js";
+import { _ as Vt } from "./Tooltip-CGYgJoPR.js";
+import { L as Ee } from "./Legend-DiFDWEo2.js";
+import It from "./vue-ui-skeleton-Cw0-Ac_0.js";
+import Ft from "./BaseIcon-CdPe2CAc.js";
+import Ot from "./vue-ui-accordion-BljYKOXR.js";
+import { u as He } from "./useNestedProp-B-WAbP7E.js";
+import { _ as Mt } from "./PackageVersion-qom4AEUr.js";
+import { P as zt } from "./PenAndPaper-C-1AU46J.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as We } from "./Shape-Bit--n_P.js";
+import { _ as We } from "./Shape-Dmv7nCLC.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Gt = { key: 1 }, jt = ["x", "y", "width", "height", "fill", "rx"], Yt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], qt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Kt = ["x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Zt = ["x", "y", "font-size", "fill", "font-weight"], ea = ["x", "y", "font-size", "fill", "font-weight"], ta = ["x", "y", "font-size", "fill", "font-weight"], aa = ["y", "width", "height", "fill", "onMouseenter"], la = {
+const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Gt = { key: 1 }, jt = ["x", "y", "width", "height", "fill", "rx"], qt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Yt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Kt = ["x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Zt = ["x", "y", "font-size", "fill", "font-weight"], ea = ["x", "y", "font-size", "fill", "font-weight"], ta = ["x", "y", "font-size", "fill", "font-weight"], aa = ["y", "width", "height", "fill", "onMouseenter"], la = {
   key: 6,
   class: "vue-data-ui-watermark"
 }, oa = ["onClick"], na = { style: "width:100%;padding-top: 36px;position:relative" }, ua = { class: "vue-ui-data-table" }, sa = { key: 0 }, ra = { style: { width: "100%" } }, ia = ["data-cell"], da = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, va = ["data-cell"], ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = ["data-cell"], _a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], $a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xa = {
@@ -34,19 +34,19 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
     }
   },
   emits: ["selectLegend"],
-  setup(Ge, { expose: je, emit: Ye }) {
+  setup(Ge, { expose: je, emit: qe }) {
     const T = Ge;
     dt((a) => ({
-      "6df2c512": a.tdo
+      "8f1f890e": a.tdo
     }));
-    const { vue_ui_vertical_bar: qe } = yt(), Ke = vt(), J = b(() => !!T.dataset && T.dataset.length), w = i(gt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), e = b({
+    const { vue_ui_vertical_bar: Ye } = yt(), Ke = vt(), J = b(() => !!T.dataset && T.dataset.length), w = i(gt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), e = b({
       get: () => $e(),
       set: (a) => a
     }), { userOptionsVisible: re, setUserOptionsVisibility: _e, keepUserOptionState: ke } = At({ config: e.value });
     function $e() {
       const a = He({
         userConfig: T.config,
-        defaultConfig: qe
+        defaultConfig: Ye
       });
       return a.theme ? {
         ...He({
@@ -79,7 +79,9 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             source: fe.value,
             noTitle: be.value
           });
-          Oe.value = l, v.value = t / Q.value - g.value * 2;
+          requestAnimationFrame(() => {
+            Fe.value = l, v.value = t / Q.value - g.value * 2;
+          });
         });
         Z.value = new ResizeObserver(a), Z.value.observe(U.value.parentNode);
       }
@@ -98,7 +100,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       showTable: e.value.table.show,
       sortDesc: e.value.style.chart.layout.bars.sort === "desc",
       showTooltip: e.value.style.chart.tooltip.show
-    }), Ve = b(() => C.value.sortDesc), O = b(() => (T.dataset.forEach((a, l) => {
+    }), Ve = b(() => C.value.sortDesc), F = b(() => (T.dataset.forEach((a, l) => {
       !a.value && !a.children && K({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
@@ -157,8 +159,8 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), at = b(() => (v.value + g.value) * Q.value), Oe = i(512), y = b(() => ({
-      width: Oe.value,
+    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), at = b(() => (v.value + g.value) * Q.value), Fe = i(512), y = b(() => ({
+      width: Fe.value,
       height: at.value,
       padding: {
         top: 12,
@@ -175,21 +177,21 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       width: y.value.width - (y.value.padding.left + y.value.padding.right)
     }));
     function ee() {
-      Q.value = F.value.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0);
+      Q.value = O.value.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0);
     }
     const P = i([]);
     function j(a) {
-      P.value.includes(a) ? P.value = P.value.filter((l) => l !== a) : P.value.push(a), ee(), Ye("selectLegend", F.value);
+      P.value.includes(a) ? P.value = P.value.filter((l) => l !== a) : P.value.push(a), ee(), qe("selectLegend", O.value);
     }
-    const F = b(() => O.value.filter((a) => !P.value.includes(a.id))), S = b(() => F.value.map((a) => Math.abs(a.value)).reduce((a, l) => a + l, 0));
-    function Fe(a, l = !1, t = 0) {
+    const O = b(() => F.value.filter((a) => !P.value.includes(a.id))), S = b(() => O.value.map((a) => Math.abs(a.value)).reduce((a, l) => a + l, 0));
+    function Oe(a, l = !1, t = 0) {
       return l ? R({
         v: N(Math.abs(a) / S.value * 100),
         s: "%",
         r: t
       }) : Math.abs(a) / S.value;
     }
-    const M = b(() => F.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), lt = b(() => Math.max(...F.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
+    const M = b(() => O.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), lt = b(() => Math.max(...O.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
     function $(a) {
       const l = a / lt.value;
       return s.value.width / (z.value ? 2 : 1) * l;
@@ -197,37 +199,37 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
     function ot(a) {
       return $(a) + s.value.left;
     }
-    function Y(a, l) {
-      const t = F.value.find((f) => f.id === a.parentId), o = s.value.top + (g.value + v.value) * l, _ = t.children.length * (g.value + v.value);
+    function q(a, l) {
+      const t = O.value.find((f) => f.id === a.parentId), o = s.value.top + (g.value + v.value) * l, _ = t.children.length * (g.value + v.value);
       return {
         y: o + _ / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: t.name,
         value: [void 0, NaN, null].includes(t.value) ? "" : t.sign === 1 ? t.value : -t.value,
-        percentageToTotal: isNaN(t.value / S.value) ? "" : Fe(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
+        percentageToTotal: isNaN(t.value / S.value) ? "" : Oe(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
         sign: t.sign
       };
     }
     function nt() {
-      return F.value;
+      return O.value;
     }
     const ie = i(null), de = i(null);
     function ut(a, l) {
       de.value = {
         datapoint: a,
         seriesIndex: l,
-        series: O.value,
+        series: F.value,
         config: e.value
       }, oe.value = !0, ie.value = a.id;
       let t = "";
       const o = a.isChild ? a.parentName : a.name, _ = a.isChild ? a.name : "", f = e.value.style.chart.tooltip.customFormat;
       $t(f) && xt(() => f({
         datapoint: a,
-        series: O.value,
+        series: F.value,
         config: e.value,
         seriesIndex: l
       })) ? ne.value = f({
         datapoint: a,
-        series: O.value,
+        series: F.value,
         config: e.value,
         seriesIndex: l
       }) : (t += `<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;">
@@ -266,7 +268,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
         }),
         { datapoint: l, seriesIndex: t }
-      ), f = `(${Fe(a, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+      ), f = `(${Oe(a, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
       return `${_}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${f}` : ""}`;
     }
     const L = b(() => {
@@ -513,7 +515,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         (u(), B(Ee, {
           key: `legend_top_${se.value}`,
-          legendSet: O.value,
+          legendSet: F.value,
           config: Ie.value,
           onClickMarker: l[0] || (l[0] = ({ legend: t }) => j(t.id))
         }, ce({
@@ -539,7 +541,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              q(We, {
+              Y(We, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -558,7 +560,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
         style: c(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        q(Mt),
+        Y(Mt),
         a.$slots["chart-background"] ? (u(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -614,7 +616,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, Yt),
+          }, null, 10, qt),
           a.$slots.pattern ? (u(), r("rect", {
             key: 0,
             x: d(N)(z.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : $(t.value) <= 0 ? 1e-4 : $(t.value)) : s.value.left),
@@ -626,7 +628,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, qt)) : p("", !0),
+          }, null, 10, Yt)) : p("", !0),
           (!t.isChild || t.isLastChild) && e.value.style.chart.layout.separators.show && o !== M.value.length - 1 ? (u(), r("line", {
             key: 1,
             x1: 0,
@@ -667,21 +669,21 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 4,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
-            y: Y(t, o).y,
+            y: q(t, o).y,
             "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
             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(Y(t, o).name), 9, ea)) : p("", !0),
+          }, h(q(t, o).name), 9, ea)) : p("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 5,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
-            y: Y(t, o).y + e.value.style.chart.layout.bars.parentLabels.fontSize + 6,
+            y: q(t, o).y + e.value.style.chart.layout.bars.parentLabels.fontSize + 6,
             "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
             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(Me(Y(t, o).value), Y(t, o), o, t.parentSign || t.sign), 9, ta)) : p("", !0),
+          }, h(Me(q(t, o).value), q(t, o), o, t.parentSign || t.sign), 9, ta)) : p("", !0),
           n("rect", {
             "data-cy-trap": "",
             x: 0,
@@ -722,7 +724,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         (u(), B(Ee, {
           key: `legend_bottom_${se.value}`,
-          legendSet: O.value,
+          legendSet: F.value,
           config: Ie.value,
           onClickMarker: l[2] || (l[2] = ({ legend: t }) => j(t.id))
         }, ce({
@@ -747,7 +749,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              q(We, {
+              Y(We, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -759,7 +761,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           } : void 0
         ]), 1032, ["legendSet", "config"]))
       ], 512)) : p("", !0),
-      m(a.$slots, "legend", { legend: O.value }, void 0, !0),
+      m(a.$slots, "legend", { legend: F.value }, void 0, !0),
       a.$slots.source ? (u(), r("div", {
         key: 9,
         ref_key: "source",
@@ -768,7 +770,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         m(a.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      q(Vt, {
+      Y(Vt, {
         show: C.value.showTooltip && oe.value && P.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -792,7 +794,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      J.value ? (u(), B(Ft, {
+      J.value ? (u(), B(Ot, {
         key: 10,
         hideDetails: "",
         config: {
@@ -822,7 +824,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
                 onClick: l[3] || (l[3] = (t) => C.value.showTable = !1),
                 onKeypress: l[4] || (l[4] = ht((t) => C.value.showTable = !1, ["enter"]))
               }, [
-                q(Ot, {
+                Y(Ft, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -946,7 +948,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, 8, ["config"])) : p("", !0)
     ], 46, Dt));
   }
-}, Ra = /* @__PURE__ */ Bt(xa, [["__scopeId", "data-v-086d7789"]]);
+}, Ra = /* @__PURE__ */ Bt(xa, [["__scopeId", "data-v-158fdcfe"]]);
 export {
   Ra as default
 };