vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.3

package/dist/{vue-ui-vertical-bar-dWiOw4sV.js → vue-ui-vertical-bar-Cxv-ahMT.js}

@@ -1,14 +1,14 @@
 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-CbcpITE_.js";
+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-CH_mJIWj.js";
 import { t as Bt, u as Rt } from "./useResponsive-JZ9xq-JV.js";
-import { u as je } from "./useNestedProp-y56W8I7J.js";
-import { u as Dt } from "./usePrinter-u-gQiRNz.js";
+import { u as je } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Dt } from "./usePrinter-DJ7WfWUs.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./vue-ui-accordion-BkA7rtwr.js";
-import qe from "./Legend-ZW-PFcHg.js";
-import Ht from "./Title-Dx8ctnVy.js";
-import { _ as Ye } from "./Shape-BBbhObHC.js";
+import Xt from "./vue-ui-accordion-Ds4zkPIx.js";
+import qe from "./Legend-DRqzYrP9.js";
+import Ht from "./Title-apr_T9tg.js";
+import { _ as Ye } from "./Shape-DEWxbZ-l.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,
@@ -32,9 +32,9 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
   emits: ["selectLegend"],
   setup(Ke, { expose: Je, emit: Qe }) {
     _t((l) => ({
-      91644906: l.tdo
+      "5ba4c306": l.tdo
     }));
-    const Ze = H(() => import("./BaseIcon-j0c6lJUs.js")), et = H(() => import("./PackageVersion-DCAZ9Z7V.js")), tt = H(() => import("./PenAndPaper-B9RP4oFj.js")), lt = H(() => import("./vue-ui-skeleton-miKWlCAi.js")), at = H(() => import("./Tooltip-COHlzpZI.js")), ot = H(() => import("./UserOptions-CGn3YdRV.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({
+    const Ze = H(() => import("./BaseIcon-DaR0sIWZ.js")), et = H(() => import("./PackageVersion-ClpqQxYT.js")), tt = H(() => import("./PenAndPaper-B-T7XvxF.js")), lt = H(() => import("./vue-ui-skeleton-C6PWt_m5.js")), at = H(() => import("./Tooltip-BuHsMAfp.js")), ot = H(() => import("./UserOptions-OVNxxnq5.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: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });
@@ -428,6 +428,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: bt,
         onGeneratePdf: r(Ne),
         onGenerateCsv: Re,
@@ -510,7 +511,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "top" ? (u(), i("div", {
         key: 4,
         ref_key: "chartLegend",
@@ -951,7 +952,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       }, 8, ["config"])) : p("", !0)
     ], 46, Gt));
   }
-}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-b09dc7fe"]]);
+}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-14d06c2b"]]);
 export {
   Xl as default
 };

package/dist/{vue-ui-waffle-Uldnmn6D.js → vue-ui-waffle-TgNNo9UX.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as B, useSlots as ht, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as pt, onBeforeUnmount as ft, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as f, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ue, toDisplayString as L, createTextVNode as Ge, nextTick as yt } from "vue";
-import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Pt, q as Ot, r as At, x as Ft, y as Lt } from "./index-CbcpITE_.js";
+import { defineAsyncComponent as B, useSlots as ht, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as pt, onBeforeUnmount as yt, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as y, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ue, toDisplayString as L, createTextVNode as Ge, nextTick as ft } from "vue";
+import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Ot, q as Pt, r as At, x as Ft, y as Lt } from "./index-CH_mJIWj.js";
 import { t as zt, u as Nt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ee } from "./useNestedProp-y56W8I7J.js";
-import { u as Bt } from "./usePrinter-u-gQiRNz.js";
+import { u as Ee } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Bt } from "./usePrinter-DJ7WfWUs.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
-import Dt from "./Title-Dx8ctnVy.js";
-import Rt from "./Legend-ZW-PFcHg.js";
-import { _ as Ut } from "./Shape-BBbhObHC.js";
+import Dt from "./Title-apr_T9tg.js";
+import Rt from "./Legend-DRqzYrP9.js";
+import { _ as Ut } from "./Shape-DEWxbZ-l.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"], Ht = ["stop-color"], Xt = ["id"], Yt = ["x", "y", "height", "width"], Kt = ["height", "width"], Jt = { key: 0 }, Qt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Zt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], el = { key: 1 }, tl = ["rx", "x", "y", "height", "width", "fill", "filter"], ll = ["x", "y", "height", "width", "filter"], al = { key: 0 }, ol = { key: 1 }, ul = { key: 2 }, sl = { key: 3 }, rl = ["onMouseover", "x", "y", "height", "width"], nl = {
   key: 5,
@@ -30,7 +30,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(je, { expose: We, emit: qe }) {
-    const He = B(() => import("./DataTable-CsoAI95B.js")), Xe = B(() => import("./PenAndPaper-B9RP4oFj.js")), Ye = B(() => import("./vue-ui-accordion-BkA7rtwr.js")), Ke = B(() => import("./vue-ui-skeleton-miKWlCAi.js")), Je = B(() => import("./Tooltip-COHlzpZI.js")), Qe = B(() => import("./UserOptions-CGn3YdRV.js")), Ze = B(() => import("./PackageVersion-DCAZ9Z7V.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(0), ge = c(0), be = c(0), e = d({
+    const He = B(() => import("./DataTable-BBqbcutV.js")), Xe = B(() => import("./PenAndPaper-B-T7XvxF.js")), Ye = B(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ke = B(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Je = B(() => import("./Tooltip-BuHsMAfp.js")), Qe = B(() => import("./UserOptions-OVNxxnq5.js")), Ze = B(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), ye = c(null), fe = c(0), ge = c(0), be = c(0), e = d({
       get: () => xe(),
       set: (t) => t
     }), { userOptionsVisible: oe, setUserOptionsVisibility: me, keepUserOptionState: we } = Vt({ config: e.value }), { svgRef: ke } = Mt({ config: e.value.style.chart.title });
@@ -48,7 +48,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       } : t;
     }
     Ve(() => m.config, (t) => {
-      e.value = xe(), oe.value = !e.value.userOptions.showOnChartHover, Ce(), ye.value += 1, ge.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = xe(), oe.value = !e.value.userOptions.showOnChartHover, Ce(), fe.value += 1, ge.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const A = Me(null), R = Me(null);
     function Ce() {
@@ -74,7 +74,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? he.value : null,
             source: pe.value,
-            noTitle: fe.value
+            noTitle: ye.value
           });
           requestAnimationFrame(() => {
             z.value.width = a, z.value.height = l, I.value.width = a, I.value.height = l;
@@ -85,7 +85,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
     }
     pt(() => {
       Ce();
-    }), ft(() => {
+    }), yt(() => {
       A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect());
     });
     const { isPrinting: $e, isImaging: _e, generatePdf: Ie, generateImage: Te } = Bt({
@@ -104,33 +104,33 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       height: 512,
       width: 512
     }), T = d(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = d(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), X = d(() => I.value.width / e.value.style.chart.layout.grid.size), Q = d(() => I.value.height / e.value.style.chart.layout.grid.size);
-    function Pe(t) {
+    function Oe(t) {
       const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((w, ne) => w + ne, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), v = o.map((w) => w % 1);
-      let y = a - u.reduce((w, ne) => w + ne, 0);
-      for (; y > 0; ) {
+      let f = a - u.reduce((w, ne) => w + ne, 0);
+      for (; f > 0; ) {
         let w = v.indexOf(Math.max(...v));
-        u[w] += 1, v[w] = 0, y -= 1;
+        u[w] += 1, v[w] = 0, f -= 1;
       }
       return u;
     }
-    function Oe() {
+    function Pe() {
       return m.dataset.map((t, a) => ({
         ...t,
-        color: Pt(t.color) || Se.value[a] || M[a] || M[a % M.length],
+        color: Ot(t.color) || Se.value[a] || M[a] || M[a % M.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
-    const ue = d(() => Oe()), h = c(ue.value);
+    const ue = d(() => Pe()), h = c(ue.value);
     Ve(() => m.dataset, (t) => {
-      h.value = Oe();
+      h.value = Pe();
     }, { deep: !0 });
     const ot = d(() => {
       const t = h.value.filter((a, l) => !p.value.includes(a.uid)).map((a, l) => (a.values || []).reduce((o, u) => o + u, 0));
-      return Pe(t);
+      return Oe(t);
     }), ut = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
-      return Pe(t);
+      return Oe(t);
     }), Y = d(() => (m.dataset.forEach((t, a) => {
       [null, void 0].includes(t.values) && ve({
         componentName: "VueUiWaffle",
@@ -167,8 +167,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       let t = 0;
       return Y.value.map((a, l) => {
         const o = t, u = o + a.proportion, v = [];
-        for (let y = Math.floor(o); y < Math.floor(u); y += 1)
-          v.push(y);
+        for (let f = Math.floor(o); f < Math.floor(u); f += 1)
+          v.push(f);
         return t = u, {
           ...a,
           start: o,
@@ -209,20 +209,20 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       let o = l;
       if (p.value.includes(t)) {
         let v = function() {
-          o > u ? (cancelAnimationFrame(Ae.value), h.value = h.value.map((y, w) => y.uid === t ? {
-            ...y,
+          o > u ? (cancelAnimationFrame(Ae.value), h.value = h.value.map((f, w) => f.uid === t ? {
+            ...f,
             values: [u]
-          } : y), N.value = !1) : (N.value = !0, o += u * 0.025, h.value = h.value.map((y, w) => y.uid === t ? {
-            ...y,
+          } : f), N.value = !1) : (N.value = !0, o += u * 0.025, h.value = h.value.map((f, w) => f.uid === t ? {
+            ...f,
             values: [o]
-          } : y), Ae.value = requestAnimationFrame(v));
+          } : f), Ae.value = requestAnimationFrame(v));
         };
-        p.value = p.value.filter((y) => y !== t);
+        p.value = p.value.filter((f) => f !== t);
         const u = a;
         v();
       } else if (p.value.length < G.value.length - 1 && G.value.length > 1) {
         let u = function() {
-          o < l / 100 ? (cancelAnimationFrame(Fe.value), p.value.push(t), h.value = h.value.map((v, y) => v.uid === t ? {
+          o < l / 100 ? (cancelAnimationFrame(Fe.value), p.value.push(t), h.value = h.value.map((v, f) => v.uid === t ? {
             ...v,
             values: [0]
           } : v), N.value = !1) : (N.value = !0, o /= 1.15, h.value = h.value.map((v) => v.uid === t ? {
@@ -258,7 +258,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), P = d(() => Y.value.map((t) => t.value).reduce((t, a) => t + a, 0)), se = c(null);
+    })), O = d(() => Y.value.map((t) => t.value).reduce((t, a) => t + a, 0)), se = c(null);
     function vt(t) {
       if (p.value.length === m.dataset.length) return;
       const a = i.value[t];
@@ -299,7 +299,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = _({
-            v: a.value / P.value * 100,
+            v: a.value / O.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -308,7 +308,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         ae.value = o;
       }
     }
-    const ct = qe, O = d(() => {
+    const ct = qe, P = d(() => {
       const t = Y.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -319,10 +319,10 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       return e.value.useBlurOnHover && ![null, void 0].includes(D.value) && D.value !== t ? `url(#blur_${k.value})` : "";
     }
     function ze() {
-      yt(() => {
-        const t = O.value.head.map((o, u) => [[
+      ft(() => {
+        const t = P.value.head.map((o, u) => [[
           o.name
-        ], [O.value.body[u]], [isNaN(O.value.body[u] / P.value) ? "-" : O.value.body[u] / P.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Ot(a);
+        ], [P.value.body[u]], [isNaN(P.value.body[u] / O.value) ? "-" : P.value.body[u] / O.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Pt(a);
         At({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
@@ -331,32 +331,32 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         ' <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>',
         q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          P.value,
+          O.value,
           _({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: P.value,
+            v: O.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
         "100%"
-      ], a = O.value.head.map((u, v) => [
+      ], a = P.value.head.map((u, v) => [
         {
           color: u.color,
           name: u.name
         },
         q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          O.value.body[v],
+          P.value.body[v],
           _({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: O.value.body[v],
+            v: P.value.body[v],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(O.value.body[v] / P.value) ? "-" : _({
-          v: O.value.body[v] / P.value * 100,
+        isNaN(P.value.body[v] / O.value) ? "-" : _({
+          v: P.value.body[v] / O.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -422,14 +422,14 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         color: e.value.style.chart.color,
         active: te.value,
         onClose: re
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       at.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: fe,
+        ref: ye,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : f("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (s(), r("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -437,7 +437,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (s(), V(Dt, {
-          key: `title_${ye.value}`,
+          key: `title_${fe.value}`,
           config: {
             title: {
               cy: "waffle-title",
@@ -449,7 +449,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : f("", !0),
+      ], 512)) : y("", !0),
       e.value.userOptions.show && J.value && (n(we) || n(oe)) ? (s(), V(n(Qe), {
         ref_key: "details",
         ref: lt,
@@ -472,6 +472,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: te.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: dt,
         onGeneratePdf: n(Ie),
         onGenerateCsv: ze,
@@ -539,7 +540,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       J.value ? (s(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -595,7 +596,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           g(t.$slots, "cell", Ue({ ref_for: !0 }, { cell: { ...l, color: i.value[o].color, ...i.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : i.value[o].serieIndex === D.value }), void 0, !0)
-        ], 8, Yt))), 256)) : f("", !0),
+        ], 8, Yt))), 256)) : y("", !0),
         !i.value.length && !e.value.useCustomCells ? (s(), r("rect", {
           key: 1,
           x: 12,
@@ -610,7 +611,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             (s(!0), r($, null, F(ue.value, (l) => (s(), r("defs", null, [
               g(t.$slots, "pattern", Ue({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
-          ])) : f("", !0),
+          ])) : y("", !0),
           (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -644,8 +645,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
               stroke: "none",
               filter: Z(i.value[o].serieIndex)
             }, null, 8, tl))), 256))
-          ])) : f("", !0)
-        ], 64)) : f("", !0),
+          ])) : y("", !0)
+        ], 64)) : y("", !0),
         (s(!0), r($, null, F(U.value, (l, o) => (s(), r($, null, [
           i.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (i.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || i.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && i.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
             key: 0,
@@ -659,8 +660,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
               class: "vue-ui-waffle-caption",
               style: K(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${X.value / 12}px;color:${n(Tt)(i.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", al, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(St)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", ol, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", al, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(St)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", ol, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ul, " (" + L(n(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
@@ -671,7 +672,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: i.value[o], position: l }
-              )) + ") ", 1)) : f("", !0),
+              )) + ") ", 1)) : y("", !0),
               !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", sl, L(n(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
@@ -682,9 +683,9 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: i.value[o], position: l }
-              )), 1)) : f("", !0)
+              )), 1)) : y("", !0)
             ], 4)
-          ], 8, ll)) : f("", !0)
+          ], 8, ll)) : y("", !0)
         ], 64))), 256)),
         (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
           onMouseover: (u) => vt(o),
@@ -699,11 +700,11 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           stroke: "none"
         }, null, 40, rl))), 256)),
         g(t.$slots, "svg", { svg: z.value }, void 0, !0)
-      ], 14, jt)) : f("", !0),
+      ], 14, jt)) : y("", !0),
       t.$slots.watermark ? (s(), r("div", nl, [
         g(t.$slots, "watermark", j(W({ isPrinting: n($e) || n(_e) })), void 0, !0)
-      ])) : f("", !0),
-      J.value ? f("", !0) : (s(), V(n(Ke), {
+      ])) : y("", !0),
+      J.value ? y("", !0) : (s(), V(n(Ke), {
         key: 6,
         config: {
           type: "waffle",
@@ -742,7 +743,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              p.value.includes(l.uid) ? (s(), r("span", cl, " ( - % ) ")) : (s(), r("span", vl, " (" + L(isNaN(l.value / P.value) ? "-" : n(_)({ v: l.value / P.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })) + ") ", 1))
+              p.value.includes(l.uid) ? (s(), r("span", cl, " ( - % ) ")) : (s(), r("span", vl, " (" + L(isNaN(l.value / O.value) ? "-" : n(_)({ v: l.value / O.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: N.value })) + ") ", 1))
             ], 12, il)
           ]),
           _: 2
@@ -772,7 +773,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
+      ], 512)) : y("", !0),
       ie(n(Je), {
         show: C.value.showTooltip && le.value && p.value.length < m.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -836,10 +837,10 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : f("", !0)
+      }, 8, ["config"])) : y("", !0)
     ], 46, Et));
   }
-}, _l = /* @__PURE__ */ Gt(hl, [["__scopeId", "data-v-ea5f76d5"]]);
+}, _l = /* @__PURE__ */ Gt(hl, [["__scopeId", "data-v-8a7d3ae8"]]);
 export {
   _l as default
 };

package/dist/{vue-ui-wheel-Cz79iDLO.js → vue-ui-wheel-Bq0ZLc-R.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as Q, shallowRef as Z, onMounted as ke, onBeforeUnmount as we, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as M, createBlock as _, createCommentVNode as h, createSlots as be, withCtx as k, renderSlot as y, normalizeProps as I, guardReactiveProps as A, normalizeClass as T, createVNode as Ce, Fragment as ee, renderList as te, toDisplayString as Oe } from "vue";
-import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-CbcpITE_.js";
+import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-CH_mJIWj.js";
 import { t as Me, u as Te } from "./useResponsive-JZ9xq-JV.js";
-import { u as oe } from "./useNestedProp-y56W8I7J.js";
-import { u as Ne } from "./usePrinter-u-gQiRNz.js";
+import { u as oe } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Ne } from "./usePrinter-DJ7WfWUs.js";
 import { u as Re } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ue } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-Dx8ctnVy.js";
+import Xe from "./Title-apr_T9tg.js";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], De = ["d", "fill"], Ye = ["cx", "cy", "r", "stroke", "stroke-width"], He = ["x", "y", "font-size", "fill", "font-weight"], We = {
   key: 5,
@@ -27,7 +27,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
     }
   },
   setup(ne, { expose: se }) {
-    const ue = $(() => import("./PenAndPaper-B9RP4oFj.js")), re = $(() => import("./vue-ui-skeleton-miKWlCAi.js")), ie = $(() => import("./UserOptions-CGn3YdRV.js")), ce = $(() => import("./PackageVersion-DCAZ9Z7V.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
+    const ue = $(() => import("./PenAndPaper-B-T7XvxF.js")), re = $(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ie = $(() => import("./UserOptions-OVNxxnq5.js")), ce = $(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
       get: () => j(),
       set: (t) => t
     }), { userOptionsVisible: F, setUserOptionsVisibility: L, keepUserOptionState: B } = Re({ config: e.value }), { svgRef: G } = Ue({ config: e.value.style.chart.title });
@@ -195,6 +195,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: O.value,
         chartElement: w.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: fe,
         onGeneratePdf: l(H),
         onGenerateImage: l(W),
@@ -238,7 +239,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       P.value ? (s(), v("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -329,7 +330,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       }, null, 8, ["config"]))
     ], 44, Le));
   }
-}, ot = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-6779e626"]]);
+}, ot = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-b1e78d19"]]);
 export {
   ot as default
 };