vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-3d-bar-8b3VZcUI.js → vue-ui-3d-bar-BZDLbeym.js}

@@ -1,15 +1,16 @@
-import { defineAsyncComponent as H, computed as A, ref as _, toRefs as wt, watch as xe, onMounted as Ct, createElementBlock as c, openBlock as u, unref as n, normalizeStyle as j, normalizeClass as qe, createBlock as Q, createCommentVNode as p, createSlots as Ye, withCtx as S, renderSlot as P, normalizeProps as de, guardReactiveProps as ce, createVNode as Ke, createElementVNode as i, Fragment as C, renderList as M, toDisplayString as z, withKeys as Je, withModifiers as Qe, mergeProps as we, resolveDynamicComponent as Mt, createTextVNode as et, nextTick as tt } from "vue";
-import { u as Ft, c as lt, t as Tt, a as Pt, p as ve, b as Dt, d as At, e as St, o as Ot, f as he, g as Ce, l as R, m as ot, h as Bt, i as O, X as It, s as $, j as X, k as fe, n as st, q as pe, r as G, v as jt, w as zt } from "./index-Lg17rmB1.js";
-import { t as Nt, u as Lt } from "./useResponsive-DfdjqQps.js";
-import { u as Wt, B as Et } from "./BaseScanner-BgWxam9d.js";
-import { u as Rt } from "./usePrinter-DGI4Mlad.js";
-import { u as at } from "./useNestedProp-DpwLJMsW.js";
-import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
-import Ut from "./img-CeCjiMpr.js";
-import Ht from "./Title-BVMfF0uu.js";
+import { defineAsyncComponent as H, computed as D, ref as _, toRefs as wt, watch as xe, onMounted as Ct, createElementBlock as c, openBlock as u, unref as n, normalizeStyle as z, normalizeClass as qe, createBlock as Q, createCommentVNode as p, createSlots as Ye, withCtx as A, renderSlot as P, normalizeProps as de, guardReactiveProps as ce, createVNode as Ke, createElementVNode as i, Fragment as C, renderList as M, toDisplayString as j, withKeys as Je, withModifiers as Qe, mergeProps as we, resolveDynamicComponent as Mt, createTextVNode as et, nextTick as tt } from "vue";
+import { c as lt, t as Ft, b as Tt, p as ve, e as Pt, h as Dt, o as At, f as he, g as Ce, m as R, n as ot, q as St, d as B, X as Ot, s as $, r as X, a as fe, u as st, v as pe, w as G, x as Bt, y as It } from "./lib-p5pfHmOX.js";
+import { t as zt, u as jt } from "./useResponsive-DfdjqQps.js";
+import { u as Nt, a as at } from "./useNestedProp-DF7e2h1z.js";
+import { u as Lt, B as Wt } from "./BaseScanner-BgWxam9d.js";
+import { u as Et } from "./usePrinter-Yeu5jOfm.js";
+import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
+import Vt from "./img-CH7J0fYg.js";
+import Ut from "./Title-pI68ZJsq.js";
+import { t as Ht } from "./themes-D3cUNuKw.js";
 import { _ as Xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], el = ["id"], tl = ["stop-color"], ll = ["stop-color"], ol = ["id"], sl = ["stop-color"], al = ["stop-color"], nl = ["id"], rl = ["stop-color"], ul = ["stop-color"], il = ["id"], dl = ["stop-color"], cl = ["stop-color"], vl = ["stop-color"], hl = ["stop-color"], fl = ["stop-color"], pl = { key: 1 }, yl = ["id"], kl = ["stop-color"], gl = ["stop-color"], $l = ["id"], _l = ["stop-color"], ml = ["stop-color"], bl = ["id"], xl = ["stop-color"], wl = ["stop-color"], Cl = ["id"], Ml = ["x", "y", "font-size", "font-weight", "fill"], Fl = ["x", "y"], Tl = ["cx", "cy", "stroke", "opacity"], Pl = ["d", "stroke"], Dl = ["d", "stroke"], Al = { key: 4 }, Sl = { key: 0 }, Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], Bl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Il = ["stroke-dasharray", "d", "stroke", "stroke-width"], jl = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = { key: 1 }, Nl = ["d", "stroke", "stroke-width", "fill"], Ll = ["d", "stroke", "stroke-width", "fill"], Wl = ["d", "stroke", "stroke-width", "fill"], El = { key: 2 }, Rl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Gl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Vl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Ul = ["d", "onMouseenter", "onClick", "onMouseout"], Hl = ["d"], Xl = ["d", "stroke"], Zl = ["onClick"], ql = ["stroke", "d"], Yl = ["cx", "cy", "fill", "stroke"], Kl = ["x", "y", "width", "height"], Jl = ["x", "y", "width", "height"], Ql = { key: 3 }, eo = ["d", "stroke"], to = ["d", "fill", "stroke"], lo = { key: 0 }, oo = ["text-anchor", "x", "y", "fill", "font-size"], so = ["text-anchor", "x", "y", "fill", "font-size"], ao = { key: 4 }, no = ["d", "fill", "stroke"], ro = { key: 5 }, uo = { key: 0 }, io = ["stroke-dasharray", "d", "stroke", "stroke-width"], co = ["stroke-dasharray", "d", "stroke", "stroke-width"], vo = ["stroke-dasharray", "d", "stroke", "stroke-width"], ho = ["stroke-dasharray", "d", "stroke", "stroke-width"], fo = ["d", "stroke", "stroke-width", "fill"], po = ["d", "stroke", "stroke-width", "fill"], yo = ["d"], ko = { key: 1 }, go = ["onClick"], $o = ["id"], _o = ["stop-color"], mo = ["stop-color"], bo = ["id"], xo = ["stop-color"], wo = ["stop-color"], Co = ["stop-color"], Mo = ["stop-color"], Fo = ["stop-color"], To = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Po = ["onMouseenter", "onClick", "onMouseout", "d"], Do = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Ao = ["onClick"], So = ["stroke", "d"], Oo = ["cx", "cy", "fill", "stroke"], Bo = ["x", "y", "width", "height"], Io = ["x", "y", "width", "height"], jo = { key: 3 }, zo = ["d", "stroke"], No = ["d", "fill", "stroke"], Lo = { key: 0 }, Wo = ["text-anchor", "x", "y", "fill", "font-size"], Eo = ["text-anchor", "x", "y", "fill", "font-size"], Ro = { key: 4 }, Go = ["d", "fill", "stroke"], Vo = {
+const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], el = ["id"], tl = ["stop-color"], ll = ["stop-color"], ol = ["id"], sl = ["stop-color"], al = ["stop-color"], nl = ["id"], rl = ["stop-color"], ul = ["stop-color"], il = ["id"], dl = ["stop-color"], cl = ["stop-color"], vl = ["stop-color"], hl = ["stop-color"], fl = ["stop-color"], pl = { key: 1 }, yl = ["id"], kl = ["stop-color"], gl = ["stop-color"], $l = ["id"], _l = ["stop-color"], ml = ["stop-color"], bl = ["id"], xl = ["stop-color"], wl = ["stop-color"], Cl = ["id"], Ml = ["x", "y", "font-size", "font-weight", "fill"], Fl = ["x", "y"], Tl = ["cx", "cy", "stroke", "opacity"], Pl = ["d", "stroke"], Dl = ["d", "stroke"], Al = { key: 4 }, Sl = { key: 0 }, Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], Bl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Il = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = ["stroke-dasharray", "d", "stroke", "stroke-width"], jl = { key: 1 }, Nl = ["d", "stroke", "stroke-width", "fill"], Ll = ["d", "stroke", "stroke-width", "fill"], Wl = ["d", "stroke", "stroke-width", "fill"], El = { key: 2 }, Rl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Gl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Vl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Ul = ["d", "onMouseenter", "onClick", "onMouseout"], Hl = ["d"], Xl = ["d", "stroke"], Zl = ["onClick"], ql = ["stroke", "d"], Yl = ["cx", "cy", "fill", "stroke"], Kl = ["x", "y", "width", "height"], Jl = ["x", "y", "width", "height"], Ql = { key: 3 }, eo = ["d", "stroke"], to = ["d", "fill", "stroke"], lo = { key: 0 }, oo = ["text-anchor", "x", "y", "fill", "font-size"], so = ["text-anchor", "x", "y", "fill", "font-size"], ao = { key: 4 }, no = ["d", "fill", "stroke"], ro = { key: 5 }, uo = { key: 0 }, io = ["stroke-dasharray", "d", "stroke", "stroke-width"], co = ["stroke-dasharray", "d", "stroke", "stroke-width"], vo = ["stroke-dasharray", "d", "stroke", "stroke-width"], ho = ["stroke-dasharray", "d", "stroke", "stroke-width"], fo = ["d", "stroke", "stroke-width", "fill"], po = ["d", "stroke", "stroke-width", "fill"], yo = ["d"], ko = { key: 1 }, go = ["onClick"], $o = ["id"], _o = ["stop-color"], mo = ["stop-color"], bo = ["id"], xo = ["stop-color"], wo = ["stop-color"], Co = ["stop-color"], Mo = ["stop-color"], Fo = ["stop-color"], To = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Po = ["onMouseenter", "onClick", "onMouseout", "d"], Do = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Ao = ["onClick"], So = ["stroke", "d"], Oo = ["cx", "cy", "fill", "stroke"], Bo = ["x", "y", "width", "height"], Io = ["x", "y", "width", "height"], zo = { key: 3 }, jo = ["d", "stroke"], No = ["d", "fill", "stroke"], Lo = { key: 0 }, Wo = ["text-anchor", "x", "y", "fill", "font-size"], Eo = ["text-anchor", "x", "y", "fill", "font-size"], Ro = { key: 4 }, Go = ["d", "fill", "stroke"], Vo = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Uo = ["innerHTML"], Ho = {
@@ -30,8 +31,8 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
   },
   emits: ["selectDatapoint"],
   setup(nt, { expose: rt, emit: ut }) {
-    const it = H(() => import("./BaseIcon-7s-tCFcQ.js")), dt = H(() => import("./vue-ui-accordion-BJG-ogQj.js")), ct = H(() => import("./DataTable-Dw6dxJk3.js")), vt = H(() => import("./PenAndPaper-BKnXOYre.js")), ht = H(() => import("./UserOptions-CKzW9w0Q.js")), ft = H(() => import("./PackageVersion-D1HToLlZ.js")), pt = H(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_3d_bar: yt } = Ft(), D = nt, se = ut, Me = A(() => !!D.dataset && Object.keys(D.dataset).length), F = _(lt()), N = _(null), B = _(!1), Fe = _(0), Te = _(0), Pe = _(null), ee = _(null), ae = _(null), De = _(null), te = _(!1), le = _(null), ye = _(null), e = _(ge()), { loading: Z, FINAL_DATASET: I } = Wt({
-      ...wt(D),
+    const it = H(() => import("./BaseIcon-D2f9w5Z5.js")), dt = H(() => import("./vue-ui-accordion-D-L73-T2.js")), ct = H(() => import("./DataTable-xISHA7Pu.js")), vt = H(() => import("./PenAndPaper-CtDMyIvW.js")), ht = H(() => import("./UserOptions-Bn3u4JQu.js")), ft = H(() => import("./PackageVersion-DRpg18lg.js")), pt = H(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_3d_bar: yt } = Nt(), O = nt, se = ut, Me = D(() => !!O.dataset && Object.keys(O.dataset).length), F = _(lt()), N = _(null), I = _(!1), Fe = _(0), Te = _(0), Pe = _(null), ee = _(null), ae = _(null), De = _(null), te = _(!1), le = _(null), ye = _(null), e = _(ge()), { loading: Z, FINAL_DATASET: S } = Lt({
+      ...wt(O),
       FINAL_CONFIG: e,
       prepareConfig: ge,
       callback: () => {
@@ -67,7 +68,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           }
         ]
       },
-      skeletonConfig: Tt({
+      skeletonConfig: Ft({
         defaultConfig: e.value,
         userConfig: {
           customPalette: ["#808080", "#ADADAD", "#DBDBDB"],
@@ -88,28 +89,28 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           }
         }
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ae, keepUserOptionState: Se } = Gt({ config: e.value }), { svgRef: Oe } = Vt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ae, keepUserOptionState: Se } = Rt({ config: e.value }), { svgRef: Oe } = Gt({ config: e.value.style.chart.title });
     function ge() {
       const a = at({
-        userConfig: D.config,
+        userConfig: O.config,
         defaultConfig: yt
       });
       return a.theme ? {
         ...at({
-          userConfig: Dt.vue_ui_3d_bar[a.theme] || D.config,
+          userConfig: Ht.vue_ui_3d_bar[a.theme] || O.config,
           defaultConfig: a
         }),
-        customPalette: Pt[a.theme] || ve
+        customPalette: Tt[a.theme] || ve
       } : a;
     }
-    xe(() => D.config, (a) => {
+    xe(() => O.config, (a) => {
       Z.value || (e.value = ge()), ke.value = !e.value.userOptions.showOnChartHover, We(), Fe.value += 1, Te.value += 1, V.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: Be, isImaging: Ie, generatePdf: je, generateImage: ze } = Rt({
+    const { isPrinting: Be, isImaging: Ie, generatePdf: ze, generateImage: je } = Et({
       elementId: `3d_bar_${F.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-3d-bar",
       options: e.value.userOptions.print
-    }), kt = A(() => At(e.value.customPalette)), V = _({
+    }), kt = D(() => Pt(e.value.customPalette)), V = _({
       showTable: e.value.table.show
     });
     xe(e, () => {
@@ -117,7 +118,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const x = A(() => I.value.series && I.value.series.length), $e = _(e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)), Ne = _(e.value.style.chart.box.dimensions.height), o = A(() => ({
+    const x = D(() => S.value.series && S.value.series.length), $e = _(e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)), Ne = _(e.value.style.chart.box.dimensions.height), o = D(() => ({
       height: Ne.value,
       width: $e.value,
       absoluteWidth: $e.value,
@@ -126,14 +127,14 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       left: e.value.style.chart.box.dimensions.left,
       right: e.value.style.chart.box.dimensions.right,
       perspective: e.value.style.chart.box.dimensions.perspective
-    })), w = A(() => {
+    })), w = D(() => {
       if (x.value) {
-        const a = I.value.series.map((l) => l.value || 0).reduce((l, d) => l + d, 0), s = I.value.series.map((l, d) => ({
+        const a = S.value.series.map((l) => l.value || 0).reduce((l, d) => l + d, 0), s = S.value.series.map((l, d) => ({
           ...l,
           seriesIndex: d,
           id: lt(),
           proportion: (l.value || 0) / a,
-          color: St(l.color) || kt.value[d] || ve[d] || ve[d % ve.length],
+          color: Dt(l.color) || kt.value[d] || ve[d] || ve[d % ve.length],
           breakdown: l.breakdown ? l.breakdown.sort((r, k) => k.value - r.value) : null
         })).sort((l, d) => d.value - l.value), t = [];
         let v = 0;
@@ -145,7 +146,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         return t;
       }
       return null;
-    }), L = A(() => {
+    }), L = D(() => {
       const a = o.value.width / 2;
       return {
         right: `M${a},${o.value.top} ${o.value.width - o.value.right}, ${o.value.top + o.value.perspective} ${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective} ${a},${o.value.height - o.value.bottom}`,
@@ -157,24 +158,24 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         tubeRight: `M${o.value.width - o.value.right},${o.value.top + o.value.perspective} ${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective}`,
         tubeBottom: `M${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective} C ${o.value.width - o.value.right},${o.value.height} ${o.value.left},${o.value.height} ${o.value.left},${o.value.height - o.value.bottom - o.value.perspective}`
       };
-    }), q = _(e.value.style.chart.animation.use ? 0 : I.value.percentage);
+    }), q = _(e.value.style.chart.animation.use ? 0 : S.value.percentage);
     function Le() {
       let a = 0, s = e.value.style.chart.animation.speed, t = 5e-3 * e.value.style.chart.animation.acceleration;
       function v() {
-        q.value += s + a, a += t, q.value < I.value.percentage ? requestAnimationFrame(v) : q.value = I.value.percentage;
+        q.value += s + a, a += t, q.value < S.value.percentage ? requestAnimationFrame(v) : q.value = S.value.percentage;
       }
       e.value.style.chart.animation.use && (q.value = 0, v());
     }
     Ct(() => {
       We(), Le();
     });
-    const ne = A(() => !!e.value.debug);
+    const ne = D(() => !!e.value.debug);
     function We() {
-      if (Ot(D.dataset) ? he({
+      if (At(O.dataset) ? he({
         componentName: "VueUi3dBar",
         type: "dataset",
         debug: ne.value
-      }) : D.dataset.series ? D.dataset.series.forEach((a, s) => {
+      }) : O.dataset.series ? O.dataset.series.forEach((a, s) => {
         Ce({
           datasetObject: a,
           requiredAttributes: ["name", "value"]
@@ -201,7 +202,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           });
         });
       }) : Ce({
-        datasetObject: D.dataset,
+        datasetObject: O.dataset,
         requiredAttributes: ["percentage"]
       }).forEach((a) => {
         he({
@@ -211,8 +212,8 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           debug: ne.value
         });
       }), e.value.responsive) {
-        const a = Nt(() => {
-          const { width: s, height: t } = Lt({
+        const a = zt(() => {
+          const { width: s, height: t } = jt({
             chart: N.value,
             title: e.value.style.chart.title.text ? Pe.value : null,
             source: De.value
@@ -224,7 +225,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         ee.value && (ae.value && ee.value.unobserve(ae.value), ee.value.disconnect()), ee.value = new ResizeObserver(a), ae.value = N.value.parentNode, ee.value.observe(ae.value);
       }
     }
-    const Y = A(() => o.value.width / 4);
+    const Y = D(() => o.value.width / 4);
     function gt(a, s, t, v) {
       const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: d, height: r, bottom: k, right: E, left: g, perspective: y } = o.value, f = x.value ? d / 4 : d / 2, b = f * 2 + g, h = k + l * a, be = r - h - y - l * s / 2, mt = be > o.value.height / 2 ? "top" : "bottom", Ue = r * 0.25, bt = !!t;
       let He = null, Xe = null;
@@ -290,8 +291,8 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         ${g},${r - h - y}Z`
       };
     }
-    const K = A(() => {
-      const a = Bt(q.value / 100), s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: t, height: v, bottom: l, right: d, left: r, perspective: k } = o.value, E = x.value ? t / 4 : t / 2, g = x.value ? E * 2 + r : d, f = l + s * 0;
+    const K = D(() => {
+      const a = St(q.value / 100), s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: t, height: v, bottom: l, right: d, left: r, perspective: k } = o.value, E = x.value ? t / 4 : t / 2, g = x.value ? E * 2 + r : d, f = l + s * 0;
       return {
         right: `M${E},${v - f} ${E},${v - f - s * a} ${t - g},${v - f - k - s * a} ${t - g},${v - f - k}Z`,
         left: `M${E},${v - f} ${E},${v - f - s * a} ${r}, ${v - f - k - s * a} ${r},${v - f - k}Z`,
@@ -310,13 +311,13 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       };
     }), m = _(null);
     function T(a, s = !1) {
-      e.value.events.datapointEnter && !s && e.value.events.datapointEnter({ datapoint: a, seriesIndex: a.seriesIndex }), e.value.events.datapointClick && s && e.value.events.datapointClick({ datapoint: a, seriesIndex: a.seriesIndex }), se("selectDatapoint", a), s || (m.value = a.id), s && B.value && (B.value = !1), s && !B.value && (B.value = !0);
+      e.value.events.datapointEnter && !s && e.value.events.datapointEnter({ datapoint: a, seriesIndex: a.seriesIndex }), e.value.events.datapointClick && s && e.value.events.datapointClick({ datapoint: a, seriesIndex: a.seriesIndex }), se("selectDatapoint", a), s || (m.value = a.id), s && I.value && (I.value = !1), s && !I.value && (I.value = !0);
     }
     function U(a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: a.seriesIndex }), !B.value && (m.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: a.seriesIndex }), !I.value && (m.value = null);
     }
     function J(a, s, t = !1) {
-      const v = I.value.series.map((r) => r.value || 0).reduce((r, k) => r + k, 0), l = isNaN(a.value / v) ? 0 : a.value / v * 100, d = isNaN(a.value / Ee(s)) ? 0 : a.value / Ee(s) * 100;
+      const v = S.value.series.map((r) => r.value || 0).reduce((r, k) => r + k, 0), l = isNaN(a.value / v) ? 0 : a.value / v * 100, d = isNaN(a.value / Ee(s)) ? 0 : a.value / Ee(s) * 100;
       return t ? d : l.toFixed(0) + "%";
     }
     function Ee(a) {
@@ -327,9 +328,9 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       re.value = a;
     }
     function $t() {
-      return x.value ? w.value : I.value.percentage;
+      return x.value ? w.value : S.value.percentage;
     }
-    const W = A(() => {
+    const W = D(() => {
       if (x.value) {
         const a = w.value.flatMap((t) => t.breakdown && t.breakdown.length ? [{ name: t.name, color: t.color }, ...t.breakdown.map((v, l) => ({
           name: v.name,
@@ -350,24 +351,24 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       tt(() => {
         const s = w.value.map((d) => d.value).reduce((d, r) => d + r, 0), t = W.value.head.map((d, r) => [[
           d.name
-        ], [W.value.body[r]], [isNaN(W.value.body[r] / s) ? "-" : W.value.body[r] / s * 100]]), v = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = jt(v);
-        a ? a(l) : zt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
+        ], [W.value.body[r]], [isNaN(W.value.body[r] / s) ? "-" : W.value.body[r] / s * 100]]), v = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Bt(v);
+        a ? a(l) : It({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
-    const ue = A(() => {
+    const ue = D(() => {
       const a = w.value.map((d) => d.value).reduce((d, r) => d + r, 0), s = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        O({ p: e.value.style.chart.legend.prefix, v: a, s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue }),
+        B({ p: e.value.style.chart.legend.prefix, v: a, s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], t = W.value.head.map((d, r) => {
-        const k = O({ p: e.value.style.chart.legend.prefix, v: W.value.body[r], s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue });
+        const k = B({ p: e.value.style.chart.legend.prefix, v: W.value.body[r], s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: d.color,
             name: d.name
           },
           k,
-          isNaN(W.value.body[r] / a) ? "-" : O({
+          isNaN(W.value.body[r] / a) ? "-" : B({
             v: W.value.body[r] / a * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
@@ -407,7 +408,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
     }
     async function _t({ scale: a = 2 } = {}) {
       if (!N.value) return;
-      const { width: s, height: t } = N.value.getBoundingClientRect(), v = s / t, { imageUri: l, base64: d } = await Ut({ domElement: N.value, base64: !0, img: !0, scale: a });
+      const { width: s, height: t } = N.value.getBoundingClientRect(), v = s / t, { imageUri: l, base64: d } = await Vt({ domElement: N.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: l,
         base64: d,
@@ -417,7 +418,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         aspectRatio: v
       };
     }
-    const oe = A(() => {
+    const oe = D(() => {
       const a = e.value.table.useDialog && !e.value.table.show, s = V.value.showTable;
       return {
         component: a ? pt : dt,
@@ -456,8 +457,8 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
     return rt({
       getImage: _t,
       generateCsv: _e,
-      generatePdf: je,
-      generateImage: ze,
+      generatePdf: ze,
+      generateImage: je,
       getData: $t,
       toggleTable: Ge,
       toggleAnnotator: me,
@@ -466,7 +467,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       ref_key: "bar3dChart",
       ref: N,
       class: qe("vue-ui-3d-bar"),
-      style: j(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `3d_bar_${F.value}`,
       onMouseenter: s[8] || (s[8] = () => n(Ae)(!0)),
       onMouseleave: s[9] || (s[9] = () => n(Ae)(!1))
@@ -485,7 +486,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         ref: Pe,
         style: "width:100%;background:transparent"
       }, [
-        (u(), Q(Ht, {
+        (u(), Q(Ut, {
           key: `title_${Fe.value}`,
           config: {
             title: {
@@ -522,60 +523,60 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Re,
-        onGeneratePdf: n(je),
+        onGeneratePdf: n(ze),
         onGenerateCsv: _e,
-        onGenerateImage: n(ze),
+        onGenerateImage: n(je),
         onToggleTable: Ge,
         onToggleAnnotator: me,
-        style: j({
+        style: z({
           visibility: n(Se) ? n(ke) ? "visible" : "hidden" : "visible"
         })
       }, Ye({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: S(({ isOpen: t, color: v }) => [
+          fn: A(({ isOpen: t, color: v }) => [
             P(a.$slots, "menuIcon", de(ce({ isOpen: t, color: v })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: S(() => [
+          fn: A(() => [
             P(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: S(() => [
+          fn: A(() => [
             P(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: S(() => [
+          fn: A(() => [
             P(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: S(() => [
+          fn: A(() => [
             P(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: t, isFullscreen: v }) => [
+          fn: A(({ toggleFullscreen: t, isFullscreen: v }) => [
             P(a.$slots, "optionFullscreen", de(ce({ toggleFullscreen: t, isFullscreen: v })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: t, isAnnotator: v }) => [
+          fn: A(({ toggleAnnotator: t, isAnnotator: v }) => [
             P(a.$slots, "optionAnnotator", de(ce({ toggleAnnotator: t, isAnnotator: v })), void 0, !0)
           ]),
           key: "6"
@@ -584,10 +585,10 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       (u(), c("svg", {
         ref_key: "svgRef",
         ref: Oe,
-        xmlns: n(It),
+        xmlns: n(Ot),
         class: qe({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
         viewBox: `0 0 ${o.value.absoluteWidth} ${o.value.height}`,
-        style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Ke(n(ft)),
         a.$slots["chart-background"] ? (u(), c("foreignObject", {
@@ -734,7 +735,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
             }, null, -1)
           ])], 8, Cl)
         ])) : p("", !0),
-        e.value.style.chart.dataLabel.show && ![null, void 0].includes(D.dataset.percentage) && [null, void 0].includes(D.dataset.series) ? (u(), c("text", {
+        e.value.style.chart.dataLabel.show && ![null, void 0].includes(n(S).percentage) && [null, void 0].includes(n(S).series) ? (u(), c("text", {
           key: 2,
           x: o.value.width / 2,
           y: o.value.top - e.value.style.chart.dataLabel.fontSize / 2,
@@ -742,25 +743,25 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           "font-weight": e.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: e.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, z(n(O)({
+        }, j(n(B)({
           v: q.value,
           s: "%",
           r: e.value.style.chart.dataLabel.rounding
         })), 9, Ml)) : p("", !0),
-        B.value ? (u(), c("g", {
+        I.value ? (u(), c("g", {
           key: 3,
           role: "button",
           tabindex: "0",
           "aria-label": "Clear selection",
           onClick: s[0] || (s[0] = (t) => {
-            B.value = !1, m.value = null;
+            I.value = !1, m.value = null;
           }),
           onKeydown: [
             s[1] || (s[1] = Je(Qe((t) => {
-              B.value = !1, m.value = null;
+              I.value = !1, m.value = null;
             }, ["prevent"]), ["enter"])),
             s[2] || (s[2] = Je(Qe((t) => {
-              B.value = !1, m.value = null;
+              I.value = !1, m.value = null;
             }, ["prevent"]), ["space"]))
           ],
           onFocus: s[3] || (s[3] = (t) => te.value = !0),
@@ -842,9 +843,9 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, jl)
+            }, null, 8, zl)
           ])),
-          x.value ? p("", !0) : (u(), c("g", zl, [
+          x.value ? p("", !0) : (u(), c("g", jl, [
             i("path", {
               d: K.value.right,
               stroke: e.value.style.chart.bar.stroke,
@@ -872,7 +873,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           ])),
           x.value ? (u(), c("g", El, [
             (u(!0), c(C, null, M(w.value, (t, v) => (u(), c("g", {
-              style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
+              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
               i("path", {
@@ -925,7 +926,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
               }, null, 8, Xl)) : p("", !0)
             ]))), 256)),
             (u(!0), c(C, null, M(w.value, (t, v) => (u(), c("g", {
-              style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => se("selectDatapoint", t)
             }, [
               i("path", {
@@ -962,11 +963,11 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
               }, [
                 e.value.style.chart.legend.showDefault ? (u(), c("div", {
                   key: 0,
-                  style: j(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
-                }, z(n(fe)(
+                  style: z(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
+                }, j(n(fe)(
                   e.value.style.chart.dataLabel.formatter,
                   t.value,
-                  `${t.name}: ${n(O)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(O)({
+                  `${t.name}: ${n(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(B)({
                     p: e.value.style.chart.legend.prefix,
                     v: t.value,
                     s: e.value.style.chart.legend.suffix,
@@ -1004,10 +1005,10 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                       y: n(pe)(l, 12, 12),
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, z(n(fe)(
+                    }, j(n(fe)(
                       e.value.style.chart.dataLabel.formatter,
                       l.value,
-                      `${J(l, t.fill.donut)} (${n(O)({
+                      `${J(l, t.fill.donut)} (${n(B)({
                         p: e.value.style.chart.legend.prefix,
                         v: l.value,
                         s: e.value.style.chart.legend.suffix,
@@ -1021,7 +1022,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                       y: n(pe)(l, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, z(l.name), 9, so)
+                    }, j(l.name), 9, so)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
@@ -1102,7 +1103,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           ])),
           x.value ? (u(), c("g", ko, [
             (u(!0), c(C, null, M(w.value, (t, v) => (u(), c("g", {
-              style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
+              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
               onClick: (l) => se("selectDatapoint", t)
             }, [
@@ -1186,7 +1187,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
               }, null, 40, Do)
             ], 12, go))), 256)),
             (u(!0), c(C, null, M(w.value, (t, v) => (u(), c("g", {
-              style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => se("selectDatapoint", t)
             }, [
               i("path", {
@@ -1223,11 +1224,11 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
               }, [
                 e.value.style.chart.legend.showDefault ? (u(), c("div", {
                   key: 0,
-                  style: j(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
-                }, z(n(fe)(
+                  style: z(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
+                }, j(n(fe)(
                   e.value.style.chart.dataLabel.formatter,
                   t.value,
-                  `${t.name}: ${n(O)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(O)({
+                  `${t.name}: ${n(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(B)({
                     p: e.value.style.chart.legend.prefix,
                     v: t.value,
                     s: e.value.style.chart.legend.suffix,
@@ -1237,7 +1238,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                 )), 5)) : p("", !0),
                 P(a.$slots, "legend", we({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: w.value }), void 0, !0)
               ], 8, Io)),
-              t.fill.donut && m.value === t.id ? (u(), c("g", jo, [
+              t.fill.donut && m.value === t.id ? (u(), c("g", zo, [
                 (u(!0), c(C, null, M(t.fill.donut, (l, d) => (u(), c("g", null, [
                   J(l, t.fill.donut, !0) > 6 ? (u(), c("path", {
                     key: 0,
@@ -1248,7 +1249,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, zo)) : p("", !0)
+                  }, null, 8, jo)) : p("", !0)
                 ]))), 256)),
                 (u(!0), c(C, null, M(t.fill.donut, (l, d) => (u(), c("path", {
                   class: "vue-ui-donut-arc-path",
@@ -1265,10 +1266,10 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                       y: n(pe)(l, 12, 12),
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, z(n(fe)(
+                    }, j(n(fe)(
                       e.value.style.chart.dataLabel.formatter,
                       l.value,
-                      `${J(l, t.fill.donut)} (${n(O)({
+                      `${J(l, t.fill.donut)} (${n(B)({
                         p: e.value.style.chart.legend.prefix,
                         v: l.value,
                         s: e.value.style.chart.legend.suffix,
@@ -1282,7 +1283,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
                       y: n(pe)(l, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, z(l.name), 9, Eo)
+                    }, j(l.name), 9, Eo)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
@@ -1316,7 +1317,7 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
         ref: le,
         onClose: Ve
       }), Ye({
-        content: S(() => [
+        content: A(() => [
           (u(), Q(n(ct), {
             key: `table_${Te.value}`,
             colNames: ue.value.colNames,
@@ -1327,14 +1328,14 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
             withCloseButton: !e.value.table.useDialog,
             onClose: Ve
           }, {
-            th: S(({ th: t }) => [
+            th: A(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Uo)
             ]),
-            td: S(({ td: t }) => [
-              et(z(t.name || t), 1)
+            td: A(({ td: t }) => [
+              et(j(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1343,14 +1344,14 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: S(() => [
-            et(z(oe.value.title), 1)
+          fn: A(() => [
+            et(j(oe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: S(() => [
+          fn: A(() => [
             i("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1365,10 +1366,10 @@ const Zt = ["id"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["i
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      n(Z) ? (u(), Q(Et, { key: 6 })) : p("", !0)
+      n(Z) ? (u(), Q(Wt, { key: 6 })) : p("", !0)
     ], 44, Zt));
   }
-}, as = /* @__PURE__ */ Xt(Ho, [["__scopeId", "data-v-fe76b322"]]);
+}, ns = /* @__PURE__ */ Xt(Ho, [["__scopeId", "data-v-c5fc1242"]]);
 export {
-  as as default
+  ns as default
 };