vue-data-ui 2.12.7-beta.0 → 2.12.7-beta.1

package/dist/{vue-ui-vertical-bar-DdVVQ1ED.js → vue-ui-vertical-bar-B2_ZHuyv.js}

@@ -1,13 +1,14 @@
-import { useCssVars as _t, defineAsyncComponent as B, useSlots as $t, computed as m, ref as d, watch as He, shallowRef as We, onMounted as Ge, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as s, normalizeStyle as c, normalizeClass as R, createBlock as D, createCommentVNode as p, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
-import { u as Lt, c as Nt, t as Pt, p as E, a as St, b as Vt, o as je, e as Z, v as N, d as ye, i as ne, f as U, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-BiHmNd1-.js";
+import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as p, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
+import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-BHEd2dgu.js";
 import { t as Bt, u as Rt } from "./useResponsive-JZ9xq-JV.js";
-import { u as qe } from "./useNestedProp-tRqS0ZAM.js";
-import { u as Dt } from "./usePrinter-CRCbl1WG.js";
+import { u as je } from "./useNestedProp-CZztHZIm.js";
+import { u as Dt } from "./usePrinter-C8URL2IU.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./vue-ui-accordion-CmCs2yR2.js";
-import Ye from "./Legend-DFunFf8i.js";
-import Ht from "./Title-B5qqUI3M.js";
+import Xt from "./vue-ui-accordion-DntThSTF.js";
+import qe from "./Legend-DtTYopxf.js";
+import Ht from "./Title-Bc66VstS.js";
+import Ye from "./Shape-B6kIkp2s.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], Zt = { key: 1 }, el = ["x", "y", "width", "height", "fill", "rx"], tl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ll = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], al = ["x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x", "y", "font-size", "fill", "font-weight"], sl = ["x", "y", "font-size", "fill", "font-weight"], rl = ["x", "y", "font-size", "fill", "font-weight"], il = ["y", "width", "height", "fill", "onMouseenter"], dl = {
   key: 6,
@@ -31,76 +32,76 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
   emits: ["selectLegend"],
   setup(Ke, { expose: Je, emit: Qe }) {
     _t((l) => ({
-      "2bbf52e2": l.tdo
+      91644906: l.tdo
     }));
-    const Ze = B(() => import("./BaseIcon-CZdMutjs.js")), et = B(() => import("./PackageVersion-CLY-udAA.js")), tt = B(() => import("./PenAndPaper-B9na2mbr.js")), fe = B(() => import("./Shape-D3w9qas1.js")), lt = B(() => import("./vue-ui-skeleton-CbYQYRvD.js")), at = B(() => import("./Tooltip-C9rxJ-Ru.js")), ot = B(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), be = d(0), Y = d(null), me = d(null), re = d(null), ke = d(null), _e = d(null), $e = d(0), ie = d(0), it = Qe, e = m({
-      get: () => Te(),
+    const Ze = H(() => import("./BaseIcon-DhWmrDAn.js")), et = H(() => import("./PackageVersion-DaWGaZxE.js")), tt = H(() => import("./PenAndPaper-C-CpE0NC.js")), lt = H(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), at = H(() => import("./Tooltip-B07vY6jm.js")), ot = H(() => import("./UserOptions-C8X2STEg.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
+      get: () => Ce(),
       set: (l) => l
-    }), { userOptionsVisible: de, setUserOptionsVisibility: we, keepUserOptionState: xe } = Et({ config: e.value }), { svgRef: Ce } = Ut({ config: e.value.style.chart.title });
-    function Te() {
-      const l = qe({
+    }), { userOptionsVisible: de, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });
+    function Ce() {
+      const l = je({
         userConfig: T.config,
         defaultConfig: nt
       });
       return l.theme ? {
-        ...qe({
+        ...je({
           userConfig: St.vue_ui_vertical_bar[l.theme] || T.config,
           defaultConfig: l
         }),
-        customPalette: Pt[l.theme] || E
+        customPalette: Pt[l.theme] || D
       } : l;
     }
-    He(() => T.config, (l) => {
-      e.value = Te(), de.value = !e.value.userOptions.showOnChartHover, Fe(), $e.value += 1, ie.value += 1, v.value = e.value.style.chart.layout.bars.height, g.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), He(() => T.dataset, le, { deep: !0 });
-    const { isPrinting: Le, isImaging: Ne, generatePdf: Pe, generateImage: Se } = Dt({
+    Xe(() => T.config, (l) => {
+      e.value = Ce(), de.value = !e.value.userOptions.showOnChartHover, Oe(), _e.value += 1, ie.value += 1, v.value = e.value.style.chart.layout.bars.height, g.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
+    }, { deep: !0 }), Xe(() => T.dataset, le, { deep: !0 });
+    const { isPrinting: Te, isImaging: Le, generatePdf: Ne, generateImage: Pe } = Dt({
       elementId: `vue-ui-vertical-bar_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), dt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ve = m(() => Vt(e.value.customPalette)), Ie = d(null), Oe = d(!1), vt = m(() => e.value.table.responsiveBreakpoint), I = We(null), X = We(null);
-    Ge(() => {
-      Fe();
+    }), dt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = m(() => Vt(e.value.customPalette)), Ve = d(null), Ie = d(!1), vt = m(() => e.value.table.responsiveBreakpoint), I = He(null), U = He(null);
+    We(() => {
+      Oe();
     });
-    function Fe() {
-      if (je(T.dataset) && Z({
+    function Oe() {
+      if (Ge(T.dataset) && Z({
         componentName: "VueUiVerticalBar",
         type: "dataset"
       }), te.value = T.dataset.flatMap((l) => l.children && l.children.length > 0 ? l.children.length : 1).reduce((l, a) => l + a, 0), ct(), e.value.responsive) {
         const l = Bt(() => {
           const { width: a, height: t } = Rt({
             chart: Y.value,
-            title: e.value.style.chart.title.text ? me.value : null,
+            title: e.value.style.chart.title.text ? be.value : null,
             legend: e.value.style.chart.legend.show ? re.value : null,
-            source: ke.value,
-            noTitle: _e.value
+            source: me.value,
+            noTitle: ke.value
           });
           requestAnimationFrame(() => {
-            Ae.value = a, v.value = t / te.value - g.value * 2;
+            ze.value = a, v.value = t / te.value - g.value * 2;
           });
         });
-        I.value && (X.value && I.value.unobserve(X.value), I.value.disconnect()), I.value = new ResizeObserver(l), X.value = Y.value.parentNode, I.value.observe(X.value);
+        I.value && (U.value && I.value.unobserve(U.value), I.value.disconnect()), I.value = new ResizeObserver(l), U.value = Y.value.parentNode, I.value.observe(U.value);
       }
     }
     wt(() => {
-      I.value && (X.value && I.value.unobserve(X.value), I.value.disconnect());
+      I.value && (U.value && I.value.unobserve(U.value), I.value.disconnect());
     });
     function ct() {
       new ResizeObserver((a) => {
         a.forEach((t) => {
-          Oe.value = t.contentRect.width < vt.value;
+          Ie.value = t.contentRect.width < vt.value;
         });
-      }).observe(Ie.value);
+      }).observe(Ve.value);
     }
     const $ = d({
       showTable: e.value.table.show,
       sortDesc: e.value.style.chart.layout.bars.sort === "desc",
       showTooltip: e.value.style.chart.tooltip.show
-    }), Me = m(() => $.value.sortDesc), F = m(() => (T.dataset.forEach((l, a) => {
+    }), Fe = m(() => $.value.sortDesc), F = m(() => (T.dataset.forEach((l, a) => {
       !l.value && !l.children && Z({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `value (index ${a})`
-      }), l.children && (je(l.children) ? Z({
+      }), l.children && (Ge(l.children) ? Z({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `children (index ${a})`
@@ -127,8 +128,8 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         isChild: !1,
         segregate: () => K(t),
         isSegregated: P.value.includes(t),
-        color: ye(l.color) || Ve.value[a] || E[a] || E[a % E.length],
-        children: !l.children || !l.children.length ? [] : l.children.toSorted(ae.value ? () => 0 : (x, V) => Me.value ? V.value - x.value : x.value - V.value).map((x, V) => ({
+        color: ye(l.color) || Se.value[a] || D[a] || D[a % D.length],
+        children: !l.children || !l.children.length ? [] : l.children.toSorted(ae.value ? () => 0 : (x, V) => Fe.value ? V.value - x.value : x.value - V.value).map((x, V) => ({
           ...x,
           value: N(Math.abs(x.value)),
           absoluteIndex: a,
@@ -140,22 +141,22 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           parentSign: f,
           id: `vertical_child_${a}_${V}_${C.value}`,
           childIndex: V,
-          color: ye(x.color) || ye(l.color) || Ve.value[a] || E[a] || E[a % E.length]
+          color: ye(x.color) || ye(l.color) || Se.value[a] || D[a] || D[a % D.length]
         })).map((x, V) => ({
           ...x,
           isFirstChild: V === 0,
           isLastChild: V === l.children.length - 1
         }))
       };
-    }).toSorted(ae.value ? () => 0 : (l, a) => Me.value ? a.value - l.value : l.value - a.value))), ze = m(() => ({
+    }).toSorted(ae.value ? () => 0 : (l, a) => Fe.value ? a.value - l.value : l.value - a.value))), Me = m(() => ({
       cy: "vertical-bar-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), v = d(e.value.style.chart.layout.bars.height), g = d(e.value.style.chart.layout.bars.gap), ht = m(() => (v.value + g.value) * te.value), Ae = d(512), y = m(() => ({
-      width: Ae.value,
+    })), v = d(e.value.style.chart.layout.bars.height), g = d(e.value.style.chart.layout.bars.gap), ht = m(() => (v.value + g.value) * te.value), ze = d(512), y = m(() => ({
+      width: ze.value,
       height: ht.value,
       padding: {
         top: 12,
@@ -163,7 +164,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         right: 64 + e.value.style.chart.layout.bars.paddingRight,
         bottom: 12
       }
-    })), r = m(() => ({
+    })), s = m(() => ({
       fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
       top: y.value.padding.top,
       left: y.value.padding.left,
@@ -179,8 +180,8 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       P.value.includes(l) ? P.value = P.value.filter((a) => a !== l) : P.value.push(l), le(), it("selectLegend", M.value);
     }
     const M = m(() => F.value.filter((l) => !P.value.includes(l.id))), S = m(() => M.value.map((l) => Math.abs(l.value)).reduce((l, a) => l + a, 0));
-    function Be(l, a = !1, t = 0) {
-      return a ? U({
+    function Ae(l, a = !1, t = 0) {
+      return a ? E({
         v: N(Math.abs(l) / S.value * 100),
         s: "%",
         r: t
@@ -189,18 +190,18 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
     const z = m(() => M.value.flatMap((l) => l.hasChildren ? l.children : l)), A = m(() => z.value.map((l) => l.sign).includes(-1)), pt = m(() => Math.max(...M.value.flatMap((l) => l.children && l.children.length ? Math.max(...l.children.map((a) => a.value)) : l.value)));
     function w(l) {
       const a = l / pt.value;
-      return r.value.width / (A.value ? 2 : 1) * a;
+      return s.value.width / (A.value ? 2 : 1) * a;
     }
     function yt(l) {
-      return w(l) + r.value.left;
+      return w(l) + s.value.left;
     }
     function J(l, a) {
-      const t = M.value.find((f) => f.id === l.parentId), o = r.value.top + (g.value + v.value) * a, _ = t.children.length * (g.value + v.value);
+      const t = M.value.find((f) => f.id === l.parentId), o = s.value.top + (g.value + v.value) * a, _ = t.children.length * (g.value + v.value);
       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) ? "" : Be(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
+        percentageToTotal: isNaN(t.value / S.value) ? "" : Ae(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
         sign: t.sign
       };
     }
@@ -233,37 +234,37 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             </div>`, e.value.style.chart.tooltip.showValue && (t += `<div>${e.value.translations.value}: <b>${ne(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         l.sign === 1 ? l.value : -l.value,
-        U({
+        E({
           p: e.value.style.chart.tooltip.prefix,
           v: l.sign === 1 ? l.value : -l.value,
           s: e.value.style.chart.tooltip.suffix,
           r: e.value.style.chart.tooltip.roundingValue
         }),
         { datapoint: l, seriesIndex: a }
-      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (t += `<div>${e.value.translations.percentageToTotal} : <b>${U({
+      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (t += `<div>${e.value.translations.percentageToTotal} : <b>${E({
         v: Math.abs(l.value) / S.value * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`, l.isChild && (t += `<div>${e.value.translations.percentageToSerie}: <b>${U({
+      })}</b></div>`, l.isChild && (t += `<div>${e.value.translations.percentageToSerie}: <b>${E({
         v: Math.abs(l.value) / Math.abs(l.parentValue) * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
       })}</b></div>`)), se.value = `<div style="text-align:left">${t}</div>`);
     }
-    function Re(l, a, t, o) {
+    function Be(l, a, t, o) {
       if (!e.value.style.chart.layout.bars.dataLabels.value.show)
         return "";
       const _ = ne(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         N(o === -1 && l >= 0 ? -l : l),
-        U({
+        E({
           p: e.value.style.chart.layout.bars.dataLabels.value.prefix,
           v: N(o === -1 && l >= 0 ? -l : l),
           s: e.value.style.chart.layout.bars.dataLabels.value.suffix,
           r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
         }),
         { datapoint: a, seriesIndex: t }
-      ), f = `(${Be(l, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+      ), f = `(${Ae(l, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
       return `${_}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${f}` : ""}`;
     }
     const L = m(() => {
@@ -305,7 +306,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       });
       return { head: l, body: a };
     });
-    function De() {
+    function Re() {
       const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = L.value.head, t = L.value.body.map((f) => [
         f.parentName,
         f.parentValue,
@@ -317,11 +318,11 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       ]), o = l.concat([a]).concat(t), _ = Ft(o);
       Mt({ csvContent: _, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
     }
-    const H = d(!1);
+    const X = d(!1);
     function bt(l) {
-      H.value = l, be.value += 1;
+      X.value = l, fe.value += 1;
     }
-    function Ee() {
+    function De() {
       $.value.showTable = !$.value.showTable;
     }
     const mt = d({
@@ -329,7 +330,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       asc: 1,
       desc: 2
     }), O = d(0), ae = d(!1);
-    Ge(() => {
+    We(() => {
       ["none", "asc", "desc"].includes(e.value.style.chart.layout.bars.sort) || Z({
         componentName: "VueUiVerticalBar",
         type: "attributeWrongValue",
@@ -340,10 +341,10 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
     function kt() {
       O.value += 1, O.value > 2 && (O.value = 0);
     }
-    function Ue() {
+    function Ee() {
       kt(), $.value.sortDesc = O.value === 2, ae.value = O.value === 0, le();
     }
-    function Xe() {
+    function Ue() {
       $.value.showTooltip = !$.value.showTooltip;
     }
     const oe = d(!1);
@@ -353,25 +354,25 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
     return Je({
       getData: gt,
       recalculateHeight: le,
-      generatePdf: Pe,
-      generateCsv: De,
-      generateImage: Se,
-      toggleTable: Ee,
-      toggleSort: Ue,
-      toggleTooltip: Xe,
+      generatePdf: Ne,
+      generateCsv: Re,
+      generateImage: Pe,
+      toggleTable: De,
+      toggleSort: Ee,
+      toggleTooltip: Ue,
       toggleAnnotator: he
     }), (l, a) => (u(), i("div", {
-      class: R(`vue-ui-vertical-bar ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: B(`vue-ui-vertical-bar ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "verticalBarChart",
       ref: Y,
       id: `vue-ui-vertical-bar_${C.value}`,
       style: c(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[5] || (a[5] = () => s(we)(!0)),
-      onMouseleave: a[6] || (a[6] = () => s(we)(!1))
+      onMouseenter: a[5] || (a[5] = () => r($e)(!0)),
+      onMouseleave: a[6] || (a[6] = () => r($e)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), D(s(tt), {
+      e.value.userOptions.buttons.annotator ? (u(), R(r(tt), {
         key: 0,
-        svgRef: s(Ce),
+        svgRef: r(xe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: oe.value,
@@ -380,18 +381,18 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       dt.value ? (u(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: _e,
+        ref: ke,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : p("", !0),
       e.value.style.chart.title.text ? (u(), i("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: me,
+        ref: be,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (u(), D(Ht, {
-          key: `title_${$e.value}`,
+        (u(), R(Ht, {
+          key: `title_${_e.value}`,
           config: {
             title: {
               cy: "vertical-bar-div-title",
@@ -404,14 +405,14 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && ee.value && (s(xe) || s(de)) ? (u(), D(s(ot), {
+      e.value.userOptions.show && ee.value && (r(we) || r(de)) ? (u(), R(r(ot), {
         ref_key: "details",
         ref: st,
-        key: `user_options_${be.value}`,
+        key: `user_options_${fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: s(Ne),
-        isPrinting: s(Le),
+        isImaging: r(Le),
+        isPrinting: r(Te),
         uid: C.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -420,7 +421,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         hasTable: e.value.userOptions.buttons.table,
         hasSort: e.value.userOptions.buttons.sort,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: H.value,
+        isFullscreen: X.value,
         isTooltip: $.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: Y.value,
@@ -428,15 +429,15 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
         onToggleFullscreen: bt,
-        onGeneratePdf: s(Pe),
-        onGenerateCsv: De,
-        onGenerateImage: s(Se),
-        onToggleTable: Ee,
-        onToggleSort: Ue,
-        onToggleTooltip: Xe,
+        onGeneratePdf: r(Ne),
+        onGenerateCsv: Re,
+        onGenerateImage: r(Pe),
+        onToggleTable: De,
+        onToggleSort: Ee,
+        onToggleTooltip: Ue,
         onToggleAnnotator: he,
         style: c({
-          visibility: s(xe) ? s(de) ? "visible" : "hidden" : "visible"
+          visibility: r(we) ? r(de) ? "visible" : "hidden" : "visible"
         })
       }, pe({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -515,20 +516,20 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         ref_key: "chartLegend",
         ref: re
       }, [
-        (u(), D(Ye, {
+        (u(), R(qe, {
           key: `legend_top_${ie.value}`,
           legendSet: F.value,
-          config: ze.value,
+          config: Me.value,
           onClickMarker: a[0] || (a[0] = ({ legend: t }) => K(t.id))
         }, pe({
           item: k(({ legend: t, index: o }) => [
             n("div", {
               onClick: (_) => K(t.id),
               style: c(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
-            }, h(t.name) + ": " + h(s(ne)(
+            }, h(t.name) + ": " + h(r(ne)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               t.value,
-              s(U)({
+              r(E)({
                 p: e.value.style.chart.legend.prefix,
                 v: t.value,
                 s: e.value.style.chart.legend.suffix,
@@ -542,7 +543,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              Q(s(fe), {
+              Q(Ye, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -557,19 +558,19 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       ee.value ? (u(), i("svg", {
         key: 5,
         ref_key: "svgRef",
-        ref: Ce,
-        xmlns: s(It),
-        class: R({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
-        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${r.value.fullHeight <= 0 ? 10 : r.value.fullHeight}`,
+        ref: xe,
+        xmlns: r(It),
+        class: B({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
+        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
         style: c(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Q(s(et)),
+        Q(r(et)),
         l.$slots["chart-background"] ? (u(), i("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
           width: y.value.width <= 0 ? 10 : y.value.width,
-          height: r.value.fullHeight <= 0 ? 10 : r.value.fullHeight,
+          height: s.value.fullHeight <= 0 ? 10 : s.value.fullHeight,
           style: {
             pointerEvents: "none"
           }
@@ -589,7 +590,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           }, null, 8, Jt),
           n("stop", {
             offset: "100%",
-            "stop-color": s(ge)(s(Ot)(t.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
+            "stop-color": r(ge)(r(Ot)(t.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
           }, null, 8, Qt)
         ], 8, Kt))), 256)),
         l.$slots.pattern ? (u(), i("g", Zt, [
@@ -599,72 +600,72 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         ])) : p("", !0),
         (u(!0), i(j, null, q(z.value, (t, o) => (u(), i("g", null, [
           n("rect", {
-            x: s(N)(A.value ? r.value.left + r.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : r.value.left),
-            y: r.value.top + (g.value + v.value) * o,
-            width: s(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
+            x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
+            y: s.value.top + (g.value + v.value) * o,
+            width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
             fill: e.value.style.chart.layout.bars.underlayerColor,
             rx: e.value.style.chart.layout.bars.borderRadius,
-            class: R({ animated: e.value.useCssAnimation })
+            class: B({ animated: e.value.useCssAnimation })
           }, null, 10, el)
         ]))), 256)),
         (u(!0), i(j, null, q(z.value, (t, o) => (u(), i("g", null, [
           n("rect", {
-            x: s(N)(A.value ? r.value.left + r.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : r.value.left),
-            y: r.value.top + (g.value + v.value) * o,
-            width: s(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
+            x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
+            y: s.value.top + (g.value + v.value) * o,
+            width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
-            fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${C.value}_${o})` : s(ge)(t.color, e.value.style.chart.layout.bars.fillOpacity),
+            fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${C.value}_${o})` : r(ge)(t.color, e.value.style.chart.layout.bars.fillOpacity),
             rx: e.value.style.chart.layout.bars.borderRadius,
             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: R({ animated: e.value.useCssAnimation })
+            class: B({ animated: e.value.useCssAnimation })
           }, null, 10, tl),
           l.$slots.pattern ? (u(), i("rect", {
             key: 0,
-            x: s(N)(A.value ? r.value.left + r.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : r.value.left),
-            y: r.value.top + (g.value + v.value) * o,
-            width: s(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
+            x: r(N)(A.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : w(t.value) <= 0 ? 1e-4 : w(t.value)) : s.value.left),
+            y: s.value.top + (g.value + v.value) * o,
+            width: r(N)(w(t.value) <= 0 ? 1e-4 : w(t.value)),
             height: v.value <= 0 ? 1e-4 : v.value,
             fill: `url(#pattern_${C.value}_${t.absoluteIndex})`,
             rx: e.value.style.chart.layout.bars.borderRadius,
             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: R({ animated: e.value.useCssAnimation })
+            class: B({ animated: e.value.useCssAnimation })
           }, null, 10, ll)) : p("", !0),
           (!t.isChild || t.isLastChild) && e.value.style.chart.layout.separators.show && o !== z.value.length - 1 ? (u(), i("line", {
             key: 1,
             x1: 0,
-            x2: r.value.left,
-            y1: v.value + g.value / 2 + r.value.top + (g.value + v.value) * o,
-            y2: v.value + g.value / 2 + r.value.top + (g.value + v.value) * o,
+            x2: s.value.left,
+            y1: v.value + g.value / 2 + s.value.top + (g.value + v.value) * o,
+            y2: v.value + g.value / 2 + s.value.top + (g.value + v.value) * o,
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, al)) : p("", !0),
           A.value && e.value.style.chart.layout.separators.show ? (u(), i("line", {
             key: 2,
-            x1: r.value.left + r.value.width / 2,
-            x2: r.value.left + r.value.width / 2,
-            y1: r.value.top,
-            y2: r.value.bottom,
+            x1: s.value.left + s.value.width / 2,
+            x2: s.value.left + s.value.width / 2,
+            y1: s.value.top,
+            y2: s.value.bottom,
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, ol)) : p("", !0),
           n("text", {
-            x: A.value ? r.value.left + r.value.width / 2 + (t.sign === 1 ? -12 : 12) + (t.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : yt(t.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
-            y: r.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
+            x: A.value ? s.value.left + s.value.width / 2 + (t.sign === 1 ? -12 : 12) + (t.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : yt(t.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
+            y: s.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
             "text-anchor": !A.value || t.sign === -1 ? "start" : "end",
             "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
             fill: e.value.style.chart.layout.bars.dataLabels.color,
             "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-          }, h(Re(t.value, t, o, t.sign)), 9, nl),
+          }, h(Be(t.value, t, o, t.sign)), 9, nl),
           (t.isChild || !t.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (u(), i("text", {
             key: 3,
             "text-anchor": "end",
-            x: r.value.left - 3 + e.value.style.chart.layout.bars.nameLabels.offsetX,
-            y: r.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2,
+            x: s.value.left - 3 + e.value.style.chart.layout.bars.nameLabels.offsetX,
+            y: s.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2,
             "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
             fill: e.value.style.chart.layout.bars.nameLabels.color,
             "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
@@ -686,13 +687,13 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
             fill: e.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, h(Re(J(t, o).value), J(t, o), o, t.parentSign || t.sign), 9, rl)) : p("", !0),
+          }, h(Be(J(t, o).value), J(t, o), o, t.parentSign || t.sign), 9, rl)) : p("", !0),
           n("rect", {
             x: 0,
-            y: r.value.top + (g.value + v.value) * o - g.value / 2,
+            y: s.value.top + (g.value + v.value) * o - g.value / 2,
             width: y.value.width <= 0 ? 1e-4 : y.value.width,
             height: v.value + g.value <= 0 ? 1e-4 : v.value + g.value,
-            fill: ve.value === t.id ? s(ge)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
+            fill: ve.value === t.id ? r(ge)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
             onMouseenter: (_) => ft(t, o),
             onMouseleave: a[1] || (a[1] = (_) => {
               rt.value = null, ue.value = !1, ve.value = null;
@@ -702,9 +703,9 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         b(l.$slots, "svg", { svg: y.value }, void 0, !0)
       ], 14, qt)) : p("", !0),
       l.$slots.watermark ? (u(), i("div", dl, [
-        b(l.$slots, "watermark", W(G({ isPrinting: s(Le) || s(Ne) })), void 0, !0)
+        b(l.$slots, "watermark", W(G({ isPrinting: r(Te) || r(Le) })), void 0, !0)
       ])) : p("", !0),
-      ee.value ? p("", !0) : (u(), D(s(lt), {
+      ee.value ? p("", !0) : (u(), R(r(lt), {
         key: 7,
         config: {
           type: "verticalBar",
@@ -724,20 +725,20 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         ref_key: "chartLegend",
         ref: re
       }, [
-        (u(), D(Ye, {
+        (u(), R(qe, {
           key: `legend_bottom_${ie.value}`,
           legendSet: F.value,
-          config: ze.value,
+          config: Me.value,
           onClickMarker: a[2] || (a[2] = ({ legend: t }) => K(t.id))
         }, pe({
           item: k(({ legend: t, index: o }) => [
             n("div", {
               onClick: (_) => K(t.id),
               style: c(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
-            }, h(t.name) + ": " + h(s(ne)(
+            }, h(t.name) + ": " + h(r(ne)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               t.value,
-              s(U)({
+              r(E)({
                 p: e.value.style.chart.legend.prefix,
                 v: t.value,
                 s: e.value.style.chart.legend.suffix,
@@ -751,7 +752,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              Q(s(fe), {
+              Q(Ye, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -767,12 +768,12 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       l.$slots.source ? (u(), i("div", {
         key: 9,
         ref_key: "source",
-        ref: ke,
+        ref: me,
         dir: "auto"
       }, [
         b(l.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      Q(s(at), {
+      Q(r(at), {
         show: $.value.showTooltip && ue.value && P.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -785,7 +786,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: Y.value,
         content: se.value,
-        isFullscreen: H.value,
+        isFullscreen: X.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": k(() => [
@@ -796,7 +797,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      ee.value ? (u(), D(Xt, {
+      ee.value ? (u(), R(Xt, {
         key: 10,
         hideDetails: "",
         config: {
@@ -815,7 +816,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         content: k(() => [
           n("div", {
             ref_key: "tableContainer",
-            ref: Ie,
+            ref: Ve,
             class: "vue-ui-vertical-bar-table atom-data-table"
           }, [
             n("div", cl, [
@@ -826,7 +827,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                 onClick: a[3] || (a[3] = (t) => $.value.showTable = !1),
                 onKeypress: a[4] || (a[4] = Ct((t) => $.value.showTable = !1, ["enter"]))
               }, [
-                Q(s(Ze), {
+                Q(r(Ze), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -834,7 +835,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
               ], 36),
               n("div", {
                 style: { width: "100%", "container-type": "inline-size" },
-                class: R({ "vue-ui-responsive": Oe.value })
+                class: B({ "vue-ui-responsive": Ie.value })
               }, [
                 n("table", hl, [
                   n("caption", {
@@ -881,7 +882,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                   ]),
                   n("tbody", null, [
                     (u(!0), i(j, null, q(L.value.body, (t, o) => (u(), i("tr", {
-                      class: R({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
+                      class: B({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
                       style: c(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
                     }, [
                       n("td", {
@@ -950,7 +951,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       }, 8, ["config"])) : p("", !0)
     ], 46, Gt));
   }
-}, Ul = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-ad12bd0d"]]);
+}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-b09dc7fe"]]);
 export {
-  Ul as default
+  Xl as default
 };