vue-data-ui 2.17.0 → 2.17.2

package/dist/{vue-ui-skeleton-DJPjyNYn.js → vue-ui-skeleton-B4KQLEQy.js}

@@ -1,7 +1,7 @@
 import { ref as w, computed as g, createElementBlock as e, openBlock as o, normalizeStyle as n, normalizeClass as N, createCommentVNode as a, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as h, createStaticVNode as $ } from "vue";
-import { u as F, R as B, X as u, s as v, _ as O } from "./index-pPGk-uhD.js";
-import { u as V } from "./useNestedProp-DjACxgdZ.js";
-import y from "./PackageVersion-5TR4ocqp.js";
+import { u as F, R as B, X as u, s as v, _ as O } from "./index-JzUbx__y.js";
+import { u as V } from "./useNestedProp-D_jd2dz9.js";
+import y from "./PackageVersion-CIX1W_aa.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], u1 = ["stroke"], c1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], ul = ["stroke", "fill"], cl = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], u0 = ["stroke"], c0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ut = ["stroke", "stroke-width"], ct = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ue = ["x", "y", "fill"], ce = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",

package/dist/{vue-ui-smiley-DoDXl6k0.js → vue-ui-smiley-CZBuA-1x.js}

@@ -1,6 +1,6 @@
 import { useSlots as E, onMounted as G, ref as R, computed as _, watch as T, createElementBlock as s, openBlock as i, normalizeStyle as a, createCommentVNode as d, createElementVNode as l, toDisplayString as c, unref as o, withKeys as z, normalizeClass as M, createTextVNode as S, createStaticVNode as $ } from "vue";
-import { u as P, o as q, e as J, i as x, f as b, X as f, w as k } from "./index-pPGk-uhD.js";
-import { u as Q } from "./useNestedProp-DjACxgdZ.js";
+import { u as P, o as q, e as J, i as x, f as b, X as f, w as k } from "./index-JzUbx__y.js";
+import { u as Q } from "./useNestedProp-D_jd2dz9.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = {
   key: 0,

package/dist/{vue-ui-spark-trend-CniV6Cpr.js → vue-ui-spark-trend-CdgyexDu.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as M, computed as s, ref as k, watch as D, onMounted as ee, createElementBlock as r, openBlock as o, normalizeStyle as te, createBlock as L, createCommentVNode as i, unref as u, createVNode as ae, createElementVNode as _, renderSlot as O, toDisplayString as G } from "vue";
-import { u as le, c as ne, a as oe, a2 as I, o as se, e as ue, v as c, a3 as re, X as ie, s as F, V as U, f as P, i as de } from "./index-pPGk-uhD.js";
-import { u as q } from "./useNestedProp-DjACxgdZ.js";
+import { u as le, c as ne, a as oe, a2 as I, o as se, e as ue, v as c, a3 as re, X as ie, s as F, V as U, f as P, i as de } from "./index-JzUbx__y.js";
+import { u as q } from "./useNestedProp-D_jd2dz9.js";
 import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const he = ["id"], ce = ["xmlns", "viewBox"], ye = ["width", "height"], fe = ["id"], pe = ["stop-color"], ge = ["stop-color"], me = { key: 1 }, ke = ["d", "fill"], _e = ["d", "fill"], be = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], we = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], xe = ["height", "width", "x"], Ce = { style: { width: "100%" } }, Le = ["x", "y", "fill", "font-size", "font-weight"], $e = ["stroke", "cx", "cy", "fill"], Ne = ["x", "y", "font-size", "fill", "font-weight"], Te = {
   key: 2,
@@ -23,7 +23,7 @@ const he = ["id"], ce = ["xmlns", "viewBox"], ye = ["width", "height"], fe = ["i
     }
   },
   setup(W) {
-    const $ = M(() => import("./BaseIcon-naqtCxVi.js")), X = M(() => import("./PackageVersion-5TR4ocqp.js")), Z = M(() => import("./vue-ui-skeleton-DJPjyNYn.js")), { vue_ui_spark_trend: R } = le(), d = W, H = s(() => !!d.dataset && d.dataset.length), b = k(ne()), e = s({
+    const $ = M(() => import("./BaseIcon-C2f-EcZc.js")), X = M(() => import("./PackageVersion-CIX1W_aa.js")), Z = M(() => import("./vue-ui-skeleton-B4KQLEQy.js")), { vue_ui_spark_trend: R } = le(), d = W, H = s(() => !!d.dataset && d.dataset.length), b = k(ne()), e = s({
       get: () => j(),
       set: (t) => t
     });

package/dist/{vue-ui-sparkbar-Ds2ITgwn.js → vue-ui-sparkbar-DuZulYgD.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as V, useSlots as R, onMounted as z, computed as g, ref as k, watch as L, nextTick as Y, createElementBlock as c, openBlock as u, normalizeStyle as p, unref as o, renderSlot as _, createCommentVNode as v, createBlock as Z, normalizeProps as ee, mergeProps as O, createElementVNode as d, toDisplayString as f, Fragment as T, renderList as te, createVNode as le } from "vue";
-import { u as ae, c as oe, t as se, p as x, a as ne, b as ue, o as re, e as E, g as ie, d as ce, s as $, i as b, f as w, X as ve, w as de } from "./index-pPGk-uhD.js";
-import { u as B } from "./useNestedProp-DjACxgdZ.js";
+import { u as ae, c as oe, t as se, p as x, a as ne, b as ue, o as re, e as E, g as ie, d as ce, s as $, i as b, f as w, X as ve, w as de } from "./index-JzUbx__y.js";
+import { u as B } from "./useNestedProp-D_jd2dz9.js";
 const pe = ["onClick"], fe = { key: 1 }, ye = ["xmlns", "viewBox"], me = ["id"], ge = ["stop-color"], he = ["stop-color"], ke = ["height", "width", "fill", "rx"], xe = ["height", "width", "fill", "rx"], be = ["height", "width", "fill", "rx"], we = {
   key: 2,
   ref: "source",
@@ -30,7 +30,7 @@ const pe = ["onClick"], fe = { key: 1 }, ye = ["xmlns", "viewBox"], me = ["id"],
   },
   emits: ["selectDatapoint"],
   setup(C, { emit: M }) {
-    const U = V(() => import("./PackageVersion-5TR4ocqp.js")), j = V(() => import("./vue-ui-skeleton-DJPjyNYn.js")), { vue_ui_sparkbar: G } = ae(), a = C, W = R();
+    const U = V(() => import("./PackageVersion-CIX1W_aa.js")), j = V(() => import("./vue-ui-skeleton-B4KQLEQy.js")), { vue_ui_sparkbar: G } = ae(), a = C, W = R();
     z(() => {
       W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-sparkgauge-CosfK-kw.js → vue-ui-sparkgauge-Di0FmUXs.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as A, computed as s, onMounted as N, ref as M, watch as S, createElementBlock as r, openBlock as n, normalizeStyle as y, createCommentVNode as v, createBlock as R, toDisplayString as g, unref as i, createVNode as U, createElementVNode as d, renderSlot as z, normalizeClass as q } from "vue";
-import { u as O } from "./useNestedProp-DjACxgdZ.js";
-import { u as T, o as V, e as j, g as X, c as H, a as Y, P as J, X as K, i as Q, v as m, f as W } from "./index-pPGk-uhD.js";
+import { u as O } from "./useNestedProp-D_jd2dz9.js";
+import { u as T, o as V, e as j, g as X, c as H, a as Y, P as J, X as K, i as Q, v as m, f as W } from "./index-JzUbx__y.js";
 import { u as Z } from "./useChartAccessibility-9icAAmYg.js";
 const ee = ["xmlns", "viewBox"], te = ["width", "height"], ae = ["id"], le = ["stop-color"], oe = ["stop-color"], se = ["d", "stroke", "stroke-linecap"], ue = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ne = ["x", "y", "font-size", "fill", "font-weight"], ie = {
   key: 4,
@@ -23,7 +23,7 @@ const ee = ["xmlns", "viewBox"], te = ["width", "height"], ae = ["id"], le = ["s
     }
   },
   setup(E) {
-    const F = A(() => import("./PackageVersion-5TR4ocqp.js")), B = A(() => import("./vue-ui-skeleton-DJPjyNYn.js")), { vue_ui_sparkgauge: D } = T(), a = E, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
+    const F = A(() => import("./PackageVersion-CIX1W_aa.js")), B = A(() => import("./vue-ui-skeleton-B4KQLEQy.js")), { vue_ui_sparkgauge: D } = T(), a = E, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
     N(() => {
       h();
     });

package/dist/{vue-ui-sparkhistogram-C7O1wPAJ.js → vue-ui-sparkhistogram-CHNHz9Gm.js}

@@ -1,8 +1,8 @@
 import { useCssVars as le, computed as _, defineAsyncComponent as N, onMounted as ae, ref as D, watch as se, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as V, createElementVNode as h, createTextVNode as oe, toDisplayString as p, unref as n, createVNode as ie, renderSlot as I, Fragment as f, renderList as g, normalizeClass as E } from "vue";
-import { u as ue, o as re, e as H, g as ne, c as ve, a as de, s as b, i as F, f as O, X as ce, w as z } from "./index-pPGk-uhD.js";
-import { u as W } from "./useNestedProp-DjACxgdZ.js";
+import { u as ue, o as re, e as H, g as ne, c as ve, a as de, s as b, i as F, f as O, X as ce, w as z } from "./index-JzUbx__y.js";
+import { u as W } from "./useNestedProp-D_jd2dz9.js";
 import { u as ye } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as he } from "./Shape-DtFT5EJa.js";
+import { _ as he } from "./Shape-DJKQgAbU.js";
 import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ge = { key: 0 }, pe = { key: 1 }, be = ["xmlns", "viewBox"], me = ["width", "height"], _e = ["id"], xe = ["stop-color"], ke = ["stop-color"], we = ["id"], $e = ["stop-color"], Ce = ["stop-color"], Le = ["id"], ze = ["stop-color"], Se = ["stop-color"], Ae = { key: 1 }, Me = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ne = { key: 2 }, De = ["x", "y", "font-size", "font-weight", "fill"], Ve = ["x", "y", "font-size", "fill"], Ie = ["x", "y", "font-size", "fill"], Ee = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], He = {
   key: 2,
@@ -29,7 +29,7 @@ const ge = { key: 0 }, pe = { key: 1 }, be = ["xmlns", "viewBox"], me = ["width"
     le((l) => ({
       "2d6ebc7a": J.value
     }));
-    const j = N(() => import("./PackageVersion-5TR4ocqp.js")), R = N(() => import("./vue-ui-skeleton-DJPjyNYn.js")), { vue_ui_sparkhistogram: X } = ue(), d = B, S = _(() => !!d.dataset && d.dataset.length);
+    const j = N(() => import("./PackageVersion-CIX1W_aa.js")), R = N(() => import("./vue-ui-skeleton-B4KQLEQy.js")), { vue_ui_sparkhistogram: X } = ue(), d = B, S = _(() => !!d.dataset && d.dataset.length);
     ae(() => {
       A();
     });

package/dist/{vue-ui-sparkline-B_iUj3F2.js → vue-ui-sparkline-TaWMi8gF.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as T, computed as h, ref as m, watch as Q, shallowRef as ee, onMounted as ke, onBeforeUnmount as xe, createElementBlock as v, openBlock as n, normalizeStyle as S, renderSlot as M, createCommentVNode as y, createBlock as te, normalizeProps as ae, guardReactiveProps as le, createElementVNode as f, toDisplayString as z, unref as i, createVNode as _e, Fragment as B, renderList as E, withCtx as we, createTextVNode as Le } from "vue";
-import { u as $e, c as Ne, a as Ce, C as ue, a4 as F, o as Me, e as oe, g as Ie, w as A, a5 as Ve, a6 as Se, X as ze, s as W, V as se, U as Ae, a7 as re, i as G, f as U } from "./index-pPGk-uhD.js";
-import { u as ne } from "./useNestedProp-DjACxgdZ.js";
+import { u as $e, c as Ne, a as Ce, C as ue, a4 as F, o as Me, e as oe, g as Ie, w as A, a5 as Ve, a6 as Se, X as ze, s as W, V as se, U as Ae, a7 as re, i as G, f as U } from "./index-JzUbx__y.js";
+import { u as ne } from "./useNestedProp-D_jd2dz9.js";
 import { t as We, u as Pe } from "./useResponsive-DfdjqQps.js";
 import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -38,7 +38,7 @@ const Oe = ["id"], Te = ["xmlns", "viewBox"], Be = ["width", "height"], Ee = ["i
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(_, { emit: ie }) {
-    const de = T(() => import("./vue-ui-skeleton-DJPjyNYn.js")), ve = T(() => import("./PackageVersion-5TR4ocqp.js")), ce = T(() => import("./SparkTooltip-Bcv1aoA5.js")), { vue_ui_sparkline: he } = $e(), s = _, I = h(() => Array.isArray(s.dataset) && s.dataset.length > 0), p = m(Ne()), P = m(null), j = m(null), X = m(null), e = h({
+    const de = T(() => import("./vue-ui-skeleton-B4KQLEQy.js")), ve = T(() => import("./PackageVersion-CIX1W_aa.js")), ce = T(() => import("./SparkTooltip-D2mROH3o.js")), { vue_ui_sparkline: he } = $e(), s = _, I = h(() => Array.isArray(s.dataset) && s.dataset.length > 0), p = m(Ne()), P = m(null), j = m(null), X = m(null), e = h({
       get: () => q(),
       set: (t) => t
     }), { svgRef: Y } = Re({ config: e.value.style.title });

package/dist/{vue-ui-sparkstackbar-DBhWrysr.js → vue-ui-sparkstackbar-Bv2HEegT.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as V, useSlots as pe, onMounted as G, computed as b, ref as d, watch as q, createElementBlock as r, openBlock as s, normalizeStyle as v, createCommentVNode as y, createBlock as ge, createVNode as H, createElementVNode as p, toDisplayString as C, unref as m, Fragment as x, renderList as $, normalizeClass as D, withCtx as X, renderSlot as T, normalizeProps as J, guardReactiveProps as K } from "vue";
-import { u as fe, c as Q, t as he, p as i, a as ye, d as F, b as me, o as be, e as Z, g as ke, f as U, X as _e, s as we, w as Ce, i as ee, x as xe } from "./index-pPGk-uhD.js";
-import { u as te } from "./useNestedProp-DjACxgdZ.js";
+import { u as fe, c as Q, t as he, p as i, a as ye, d as F, b as me, o as be, e as Z, g as ke, f as U, X as _e, s as we, w as Ce, i as ee, x as xe } from "./index-JzUbx__y.js";
+import { u as te } from "./useNestedProp-D_jd2dz9.js";
 import { u as $e } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pe = ["xmlns", "viewBox"], ze = ["id"], Ae = ["stop-color"], De = ["stop-color"], Fe = ["stop-color"], Ne = {
@@ -31,7 +31,7 @@ const Pe = ["xmlns", "viewBox"], ze = ["id"], Ae = ["stop-color"], De = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(le, { emit: oe }) {
-    const ae = V(() => import("./PackageVersion-5TR4ocqp.js")), se = V(() => import("./vue-ui-skeleton-DJPjyNYn.js")), re = V(() => import("./Tooltip-CoQnTnr-.js")), { vue_ui_sparkstackbar: ne } = fe(), u = le, ue = pe();
+    const ae = V(() => import("./PackageVersion-CIX1W_aa.js")), se = V(() => import("./vue-ui-skeleton-B4KQLEQy.js")), re = V(() => import("./Tooltip-BTnTpPdO.js")), { vue_ui_sparkstackbar: ne } = fe(), u = le, ue = pe();
     G(() => {
       ue["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-stackbar-C3aV4IcL.js → vue-ui-stackbar-Bk3Bbzjk.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as G, useSlots as Zt, computed as w, ref as p, onMounted as ut, watch as ct, shallowRef as ht, onBeforeUnmount as Kt, nextTick as fe, createElementBlock as n, openBlock as s, unref as y, normalizeStyle as J, normalizeClass as oe, createBlock as ee, createCommentVNode as g, renderSlot as z, createElementVNode as q, createVNode as ie, createSlots as vt, withCtx as _, normalizeProps as D, guardReactiveProps as F, Fragment as v, renderList as f, mergeProps as Me, toDisplayString as T, createTextVNode as Qt } from "vue";
-import { u as jt, c as dt, t as ea, p as me, a as ta, C as te, b as aa, o as la, e as yt, g as ra, d as sa, al as pe, ai as gt, D as bt, X as oa, l as ia, a7 as xe, F as ft, i as ke, f as Z, I as na, am as ua, x as mt, q as ca, r as ha, y as va } from "./index-pPGk-uhD.js";
-import { u as pt } from "./useNestedProp-DjACxgdZ.js";
+import { defineAsyncComponent as G, useSlots as Zt, computed as w, ref as p, onMounted as ut, watch as ct, shallowRef as ht, onBeforeUnmount as Kt, nextTick as fe, createElementBlock as n, openBlock as s, unref as y, normalizeStyle as J, normalizeClass as oe, createBlock as ee, createCommentVNode as g, renderSlot as z, createElementVNode as q, createVNode as ie, createSlots as vt, withCtx as _, normalizeProps as F, guardReactiveProps as E, Fragment as v, renderList as f, mergeProps as Me, toDisplayString as T, createTextVNode as Qt } from "vue";
+import { u as jt, c as dt, t as ea, p as me, a as ta, C as te, b as aa, o as la, e as yt, g as ra, d as sa, al as pe, ai as gt, D as bt, X as oa, l as ia, a7 as xe, F as ft, i as ke, f as Z, I as na, am as ua, x as mt, q as ca, r as ha, y as va } from "./index-JzUbx__y.js";
+import { u as pt } from "./useNestedProp-D_jd2dz9.js";
 import { t as da, u as ya } from "./useResponsive-DfdjqQps.js";
-import { u as ga } from "./usePrinter-DDHcrl0A.js";
+import { u as ga } from "./usePrinter-CsyliflB.js";
 import { u as ba } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as fa } from "./useChartAccessibility-9icAAmYg.js";
-import ma from "./Legend-Bxlv67uY.js";
-import { S as pa } from "./Slicer-CL6-MRI6.js";
-import xa from "./Title-B-2bV0SW.js";
-import { _ as ka } from "./Shape-DtFT5EJa.js";
+import ma from "./Legend-1R-B-7st.js";
+import { S as pa } from "./Slicer-Dju6LE-h.js";
+import xa from "./Title-BQb7X_OR.js";
+import { _ as ka } from "./Shape-DJKQgAbU.js";
 import { u as wa } from "./useTimeLabels-Mrr0jrpL.js";
-import za from "./img-Y_hYz-ZC.js";
+import za from "./img-D0DpKcFX.js";
 import { _ as La } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"], $a = { key: 1 }, Ma = ["id"], Ta = ["stop-color"], Na = ["stop-color"], Ia = ["stop-color"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Aa = { key: 0 }, Ua = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Da = { key: 0 }, Fa = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Ea = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ha = { key: 0 }, Ba = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xa = ["x", "y", "font-size", "fill", "font-weight"], Ga = ["transform", "font-size", "fill", "font-weight"], Ja = ["x", "y", "font-size", "fill", "font-weight"], qa = { key: 0 }, Za = ["x", "y", "font-size", "font-weight", "fill"], Ka = ["x", "y", "font-size", "fill", "font-weight"], Qa = { key: 0 }, ja = ["x", "y", "font-size", "font-weight", "fill"], el = ["x1", "x2", "y1", "y2", "stroke"], tl = ["x", "y", "font-size", "font-weight", "fill"], al = ["x1", "x2", "y1", "y2", "stroke"], ll = ["font-size", "font-weight", "fill", "text-anchor", "transform"], rl = { key: 0 }, sl = { key: 1 }, ol = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], il = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], nl = { key: 0 }, ul = { key: 1 }, cl = ["font-size", "font-weight", "fill", "x", "y", "onClick"], hl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], vl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], dl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], yl = {
+const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"], $a = { key: 1 }, Ma = ["id"], Ta = ["stop-color"], Na = ["stop-color"], Ia = ["stop-color"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Aa = { key: 0 }, Ua = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Da = { key: 0 }, Fa = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Ea = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ha = { key: 0 }, Ba = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xa = ["x", "y", "font-size", "fill", "font-weight"], Ga = ["transform", "font-size", "fill", "font-weight"], Ja = ["x", "y", "font-size", "fill", "font-weight"], qa = { key: 0 }, Za = ["x", "y", "font-size", "font-weight", "fill"], Ka = ["x", "y", "font-size", "fill", "font-weight"], Qa = { key: 0 }, ja = ["x", "y", "font-size", "font-weight", "fill"], el = ["x1", "x2", "y1", "y2", "stroke"], tl = ["x", "y", "font-size", "font-weight", "fill"], al = ["x1", "x2", "y1", "y2", "stroke"], ll = ["font-size", "font-weight", "fill", "text-anchor", "transform"], rl = { key: 0 }, sl = { key: 1 }, ol = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], il = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], nl = { key: 0 }, ul = { key: 1 }, cl = ["font-size", "font-weight", "fill", "x", "y", "onClick"], hl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], vl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], dl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], yl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, gl = ["onClick"], bl = ["innerHTML"], fl = {
@@ -33,21 +33,21 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(we, { expose: xt, emit: kt }) {
-    const wt = G(() => import("./vue-ui-accordion-CVnA550V.js")), zt = G(() => import("./DataTable-D0VYDhfx.js")), Lt = G(() => import("./PackageVersion-5TR4ocqp.js")), Ct = G(() => import("./PenAndPaper-D6AqipIO.js")), _t = G(() => import("./vue-ui-skeleton-DJPjyNYn.js")), St = G(() => import("./Tooltip-CoQnTnr-.js")), $t = G(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_stackbar: Mt } = jt(), Tt = Zt(), b = we, ze = kt, K = w({
+    const wt = G(() => import("./vue-ui-accordion-CcTUbiHq.js")), zt = G(() => import("./DataTable-6BxhjBzt.js")), Lt = G(() => import("./PackageVersion-CIX1W_aa.js")), Ct = G(() => import("./PenAndPaper-CqJ4wudB.js")), _t = G(() => import("./vue-ui-skeleton-B4KQLEQy.js")), St = G(() => import("./Tooltip-BTnTpPdO.js")), $t = G(() => import("./UserOptions-lneAyZKu.js")), { vue_ui_stackbar: Mt } = jt(), Tt = Zt(), b = we, ze = kt, K = w({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), E = p(null), V = p(dt()), ne = p(!1), Le = p(null), Ce = p(""), S = p([]), Te = p(0), Ne = p(null), Ie = p(null), Pe = p(null), Oe = p(null), Ve = p(0), ue = p(!1), ae = p(null), H = p(!1), Nt = p(0), It = p(0), Pt = p(0), Q = p(null);
+    }), R = p(null), V = p(dt()), ne = p(!1), Le = p(null), Ce = p(""), S = p([]), Te = p(0), Ne = p(null), Ie = p(null), Pe = p(null), Oe = p(null), Re = p(0), ue = p(!1), ae = p(null), H = p(!1), Nt = p(0), It = p(0), Pt = p(0), Q = p(null);
     ut(() => {
       Se();
     });
     const e = w({
       get: () => De(),
       set: (a) => a
-    }), { userOptionsVisible: _e, setUserOptionsVisibility: Re, keepUserOptionState: Ae } = ba({ config: e.value }), { svgRef: Ue } = fa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: _e, setUserOptionsVisibility: Ve, keepUserOptionState: Ae } = ba({ config: e.value }), { svgRef: Ue } = fa({ config: e.value.style.chart.title });
     function De() {
       const a = pt({
         userConfig: b.config,
@@ -87,7 +87,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), Ot = w(() => aa(e.value.customPalette)), R = ht(null), j = ht(null), Xe = p(null);
+    }), Ot = w(() => aa(e.value.customPalette)), A = ht(null), j = ht(null), Xe = p(null);
     ut(() => {
       Se();
     });
@@ -113,10 +113,10 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         const a = da(() => {
           H.value = !1;
           const { width: r, height: t } = ya({
-            chart: E.value,
+            chart: R.value,
             title: e.value.style.chart.title.text ? Ne.value : null,
             legend: e.value.style.chart.legend.show ? Ie.value : null,
-            slicer: e.value.style.chart.zoom.show && U.value > 1 ? Pe.value : null,
+            slicer: e.value.style.chart.zoom.show && D.value > 1 ? Pe.value : null,
             source: Oe.value
           });
           requestAnimationFrame(() => {
@@ -125,12 +125,12 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
             }, 10);
           });
         });
-        R.value && (j.value && R.value.unobserve(j.value), R.value.disconnect()), R.value = new ResizeObserver(a), j.value = E.value.parentNode, R.value.observe(j.value);
+        A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect()), A.value = new ResizeObserver(a), j.value = R.value.parentNode, A.value.observe(j.value);
       }
       Je();
     }
     Kt(() => {
-      R.value && (j.value && R.value.unobserve(j.value), R.value.disconnect());
+      A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect());
     });
     const o = w(() => {
       const { height: a, width: r } = ce.value, { right: t } = ce.value.paddingRatio, l = e.value.style.chart.padding.top, c = r - r * t, u = a - e.value.style.chart.padding.bottom, C = e.value.style.chart.padding.left, B = r - C - r * t, W = a - l - e.value.style.chart.padding.bottom;
@@ -144,7 +144,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         width: B,
         height: W < 0 ? 0 : W
       };
-    }), A = w(() => b.dataset.map((a, r) => {
+    }), U = w(() => b.dataset.map((a, r) => {
       const t = sa(a.color) || Ot.value[r] || me[r] || me[r % me.length];
       return {
         ...a,
@@ -156,7 +156,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         id: dt(),
         color: t
       };
-    })), U = w(() => Math.max(...A.value.filter((a) => !S.value.includes(a.id)).map((a) => a.series.length))), h = p({
+    })), D = w(() => Math.max(...U.value.filter((a) => !S.value.includes(a.id)).map((a) => a.series.length))), h = p({
       start: 0,
       end: Math.max(...b.dataset.map((a) => a.series.length))
     });
@@ -164,23 +164,23 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       Je();
     }
     async function Je() {
-      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && Q.value ? (e.value.style.chart.zoom.startIndex !== null && (await fe(), await fe(), Q.value && Q.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await fe(), await fe(), Q.value && Q.value.setEndValue(Vt(e.value.style.chart.zoom.endIndex + 1)))) : (h.value = {
+      (e.value.style.chart.zoom.startIndex !== null || e.value.style.chart.zoom.endIndex !== null) && Q.value ? (e.value.style.chart.zoom.startIndex !== null && (await fe(), await fe(), Q.value && Q.value.setStartValue(e.value.style.chart.zoom.startIndex)), e.value.style.chart.zoom.endIndex !== null && (await fe(), await fe(), Q.value && Q.value.setEndValue(Rt(e.value.style.chart.zoom.endIndex + 1)))) : (h.value = {
         start: 0,
         end: Math.max(...b.dataset.map((a) => a.series.length))
-      }, Ve.value += 1);
+      }, Re.value += 1);
     }
-    function Vt(a) {
+    function Rt(a) {
       const r = Math.max(...b.dataset.map((t) => t.series.length));
       return a > r ? r : a < 0 || e.value.style.chart.zoom.startIndex !== null && a < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : a;
     }
     const d = w(() => {
       let a;
       return e.value.orientation === "vertical" ? a = o.value.width / (h.value.end - h.value.start) : a = o.value.height / (h.value.end - h.value.start), a <= 0 ? 0 : a;
-    }), le = w(() => pe(A.value.filter((a) => !S.value.includes(a.id))).slice(h.value.start, h.value.end)), Rt = w(() => pe(A.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
+    }), le = w(() => pe(U.value.filter((a) => !S.value.includes(a.id))).slice(h.value.start, h.value.end)), Vt = w(() => pe(U.value.filter((a) => !S.value.includes(a.id)).map((a) => ({
       ...a,
       series: a.series.map((r, t) => a.signedSeries[t] === -1 && r >= 0 ? -r : r)
     }))).slice(h.value.start, h.value.end)), he = w(() => {
-      const a = A.value.filter((r) => !S.value.includes(r.id));
+      const a = U.value.filter((r) => !S.value.includes(r.id));
       return {
         positive: pe(a.map((r) => ({
           ...r,
@@ -204,15 +204,15 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       }));
     }), $ = w(() => wa({
       values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: U.value,
+      maxDatapoints: D.value,
       formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
       start: h.value.start,
       end: h.value.end
     })), k = w(() => {
       if (!K.value) return [];
-      let a = Array(U.value).fill(0), r = Array(U.value).fill(0), t = Array(U.value).fill(0), l = Array(U.value).fill(0);
+      let a = Array(D.value).fill(0), r = Array(D.value).fill(0), t = Array(D.value).fill(0), l = Array(D.value).fill(0);
       const c = Math.max(...he.value.positive) || 0, u = Math.min(...he.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(u) ? 0 : u, B = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? gt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : bt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: W, max: re } = B, Y = re + (W >= 0 ? 0 : Math.abs(W)) || 1, M = o.value.height, be = o.value.width, it = P.value[0] ? P.value[0].zero : o.value.bottom, nt = P.value[0] ? P.value[0].horizontal_zero : o.value.left;
-      return A.value.filter((se) => !S.value.includes(se.id)).map((se) => {
+      return U.value.filter((se) => !S.value.includes(se.id)).map((se) => {
         const O = se.series.slice(h.value.start, h.value.end), Ht = se.signedSeries.slice(h.value.start, h.value.end), Bt = O.map((m, x) => o.value.left + d.value * x + d.value * e.value.style.chart.bars.gapRatio / 4), Wt = O.map((m, x) => o.value.top + d.value * x + d.value * e.value.style.chart.bars.gapRatio / 4), Yt = O.map((m, x) => {
           const N = e.value.style.chart.bars.distributed ? (m || 0) / le.value[x] : (m || 0) / Y;
           let X, I;
@@ -241,7 +241,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
           horizontal_x: Xt
         };
       });
-    }), qe = w(() => Rt.value.map((a, r) => ({
+    }), qe = w(() => Vt.value.map((a, r) => ({
       value: a,
       sign: a >= 0 ? 1 : -1
     })));
@@ -367,7 +367,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       })), r = [];
       return $.value.forEach((t) => {
         const l = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
-        A.value.forEach((c) => {
+        U.value.forEach((c) => {
           l.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
         }), r.push(l);
       }), { head: a, body: r };
@@ -379,7 +379,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
     const de = w(() => {
       const a = [""].concat(k.value.map((c) => c.name)).concat(' <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>');
       let r = [];
-      for (let c = 0; c < U.value; c += 1) {
+      for (let c = 0; c < D.value; c += 1) {
         const u = k.value.map((C) => C.series[c] ?? 0).reduce((C, B) => C + B, 0);
         r.push([e.value.style.chart.grid.x.timeLabels.values.slice(h.value.start, h.value.end)[c] ? $.value[c].text : c + 1].concat(k.value.map((C) => (C.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((u ?? 0).toFixed(e.value.table.td.roundingValue)));
       }
@@ -402,11 +402,11 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       if (ze("selectLegend", k.value.find((t) => t.absoluteIndex === a)), S.value.includes(r.id))
         S.value = S.value.filter((t) => t !== r.id);
       else {
-        if (S.value.length === A.value.length - 1) return;
+        if (S.value.length === U.value.length - 1) return;
         S.value.push(r.id);
       }
     }
-    const st = w(() => A.value.map((a, r) => ({
+    const st = w(() => U.value.map((a, r) => ({
       ...a,
       shape: "square"
     })).map((a) => ({
@@ -444,9 +444,16 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ee.value ? r * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? r > 0 : !0 : Ee.value ? (Fe.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), a > Ft.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Fe.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
     async function Et({ scale: a = 2 } = {}) {
-      if (!E.value) return;
-      const { imageUri: r, base64: t } = await za({ domElement: E.value, base64: !0, img: !0, scale: a });
-      return { imageUri: r, base64: t };
+      if (!R.value) return;
+      const { width: r, height: t } = R.value.getBoundingClientRect(), l = r / t, { imageUri: c, base64: u } = await za({ domElement: R.value, base64: !0, img: !0, scale: a });
+      return {
+        imageUri: c,
+        base64: u,
+        title: e.value.style.chart.title.text,
+        width: r,
+        height: t,
+        aspectRatio: l
+      };
     }
     return xt({
       getData: At,
@@ -462,11 +469,11 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
     }), (a, r) => (s(), n("div", {
       id: `stackbar_${V.value}`,
       ref_key: "stackbarChart",
-      ref: E,
+      ref: R,
       class: oe({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": ue.value }),
       style: J(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: r[6] || (r[6] = () => y(Re)(!0)),
-      onMouseleave: r[7] || (r[7] = () => y(Re)(!1))
+      onMouseenter: r[6] || (r[6] = () => y(Ve)(!0)),
+      onMouseleave: r[7] || (r[7] = () => y(Ve)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), ee(y(Ct), {
         key: 0,
@@ -512,7 +519,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: ue.value,
-        chartElement: E.value,
+        chartElement: R.value,
         position: e.value.userOptions.position,
         isTooltip: L.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -535,7 +542,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: _(({ isOpen: t, color: l }) => [
-            z(a.$slots, "menuIcon", D(F({ isOpen: t, color: l })), void 0, !0)
+            z(a.$slots, "menuIcon", F(E({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -584,14 +591,14 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: _(({ toggleFullscreen: t, isFullscreen: l }) => [
-            z(a.$slots, "optionFullscreen", D(F({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+            z(a.$slots, "optionFullscreen", F(E({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: _(({ toggleAnnotator: t, isAnnotator: l }) => [
-            z(a.$slots, "optionAnnotator", D(F({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+            z(a.$slots, "optionAnnotator", F(E({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -668,7 +675,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, Va))), 256)) : g("", !0),
+        }, null, 8, Ra))), 256)) : g("", !0),
         e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), n(v, { key: 5 }, f(P.value, (t, l) => (s(), n("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
@@ -678,7 +685,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
           "stroke-width": e.value.style.chart.grid.y.linesThickness,
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
-        }, null, 8, Ra))), 256)) : g("", !0),
+        }, null, 8, Va))), 256)) : g("", !0),
         (s(!0), n(v, null, f(k.value, (t, l) => (s(), n("g", null, [
           a.$slots.pattern ? (s(), n("defs", Aa, [
             z(a.$slots, "pattern", Me({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${V.value}_${t.absoluteIndex}` }), void 0, !0)
@@ -1023,10 +1030,10 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
           fill: l === ae.value ? e.value.style.chart.highlighter.color : "transparent",
           style: J({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, dl))), 256)) : g("", !0),
-        z(a.$slots, "svg", D(F({ ...o.value })), void 0, !0)
+        z(a.$slots, "svg", F(E({ ...o.value })), void 0, !0)
       ], 12, _a)) : g("", !0),
       a.$slots.watermark ? (s(), n("div", yl, [
-        z(a.$slots, "watermark", D(F({ isPrinting: y(He) || y(Be) })), void 0, !0)
+        z(a.$slots, "watermark", F(E({ isPrinting: y(He) || y(Be) })), void 0, !0)
       ])) : g("", !0),
       K.value ? g("", !0) : (s(), ee(y(_t), {
         key: 5,
@@ -1049,10 +1056,10 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         style: J(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        e.value.style.chart.zoom.show && U.value > 1 ? (s(), ee(pa, {
+        e.value.style.chart.zoom.show && D.value > 1 ? (s(), ee(pa, {
           ref_key: "slicerComponent",
           ref: Q,
-          key: `slicer_${Ve.value}`,
+          key: `slicer_${Re.value}`,
           background: e.value.style.chart.zoom.color,
           borderColor: e.value.style.chart.backgroundColor,
           fontSize: e.value.style.chart.zoom.fontSize,
@@ -1077,7 +1084,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
           onReset: Ge
         }, {
           "reset-action": _(({ reset: t }) => [
-            z(a.$slots, "reset-action", D(F({ reset: t })), void 0, !0)
+            z(a.$slots, "reset-action", F(E({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : g("", !0)
@@ -1093,16 +1100,16 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: E.value,
+        parent: R.value,
         content: Ce.value,
         isFullscreen: ue.value,
         isCustom: y(mt)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": _(() => [
-          z(a.$slots, "tooltip-before", D(F({ ...Le.value })), void 0, !0)
+          z(a.$slots, "tooltip-before", F(E({ ...Le.value })), void 0, !0)
         ]),
         "tooltip-after": _(() => [
-          z(a.$slots, "tooltip-after", D(F({ ...Le.value })), void 0, !0)
+          z(a.$slots, "tooltip-after", F(E({ ...Le.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -1193,7 +1200,7 @@ const Ca = ["id"], _a = ["xmlns", "viewBox"], Sa = ["x", "y", "width", "height"]
       }, 8, ["config"])) : g("", !0)
     ], 46, Ca));
   }
-}, Il = /* @__PURE__ */ La(fl, [["__scopeId", "data-v-b9780259"]]);
+}, Il = /* @__PURE__ */ La(fl, [["__scopeId", "data-v-0ba585b2"]]);
 export {
   Il as default
 };