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

package/dist/{vue-ui-digits-D7StMUym.js → vue-ui-digits-8Ox6q1Ov.js}

@@ -1,6 +1,6 @@
 import { ref as k, computed as d, createElementBlock as i, openBlock as $, Fragment as o, createCommentVNode as m, createElementVNode as l, normalizeStyle as v, unref as C, renderList as b, createBlock as N } from "vue";
-import { u as q } from "./useNestedProp-y56W8I7J.js";
-import { u as M, X as S } from "./index-CbcpITE_.js";
+import { u as q } from "./useNestedProp-rMR-JeOJ.js";
+import { u as M, X as S } from "./index-CH_mJIWj.js";
 const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
   __name: "Digit",
   props: {

package/dist/{vue-ui-donut-CyOg8kph.js → vue-ui-donut-Hk4EaVhb.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as K, useSlots as Mt, computed as f, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Nt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as p, createElementVNode as y, createVNode as xe, unref as u, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as g, renderList as S, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Yt } from "vue";
-import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, _ as Rt, f as N, X as Wt, s as ve, w as Et, j as Ut, M as L, i as D, k as ce, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, S as rt } from "./index-CbcpITE_.js";
+import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, _ as Rt, f as N, X as Wt, s as ve, w as Et, j as Ut, M as L, i as D, k as ce, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, S as rt } from "./index-CH_mJIWj.js";
 import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
-import { u as it } from "./useNestedProp-y56W8I7J.js";
-import { u as el } from "./usePrinter-u-gQiRNz.js";
+import { u as it } from "./useNestedProp-rMR-JeOJ.js";
+import { u as el } from "./usePrinter-DJ7WfWUs.js";
 import { u as tl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-ZW-PFcHg.js";
-import ol from "./Title-Dx8ctnVy.js";
-import { _ as sl } from "./Shape-BBbhObHC.js";
+import al from "./Legend-DRqzYrP9.js";
+import ol from "./Title-apr_T9tg.js";
+import { _ as sl } from "./Shape-DEWxbZ-l.js";
 import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { key: 1 }, cl = ["id"], dl = ["stop-color"], hl = ["offset", "stop-color"], yl = ["offset", "stop-color"], fl = ["stop-color"], pl = { key: 2 }, gl = ["id", "cx", "cy"], ml = ["stop-color", "stop-opacity"], bl = ["stop-color"], wl = ["id"], kl = ["id"], _l = ["id"], xl = ["flood-color"], $l = ["id"], Cl = ["flood-color"], Tl = ["d", "stroke", "filter"], Pl = ["d", "stroke", "filter"], Al = ["cx", "cy", "r", "fill", "filter"], Fl = { key: 6 }, Sl = ["stroke", "d"], Ll = { key: 0 }, zl = ["d", "fill", "stroke", "stroke-width", "filter"], Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = { key: 0 }, Nl = ["stroke", "d"], Yl = { key: 0 }, Xl = ["d", "stroke", "stroke-width", "filter"], Il = { key: 1 }, Dl = ["d", "fill", "stroke", "stroke-width", "filter"], Vl = ["d", "fill", "stroke", "stroke-width", "filter"], Bl = { key: 1 }, Gl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wl = ["cx", "cy", "r", "stroke"], El = ["cx", "cy", "r", "fill"], Ul = { key: 0 }, jl = ["d", "fill", "onMouseenter", "onClick"], Hl = { key: 1 }, ql = ["cx", "cy", "r"], Jl = ["x", "y", "fill", "font-size"], Kl = ["x", "y", "fill", "font-size"], Ql = ["x", "y", "fill", "font-size"], Zl = ["x", "y", "fill", "font-size"], ea = ["filter"], ta = { key: 0 }, la = ["x", "y"], aa = { key: 1 }, oa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], sa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ua = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], na = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ia = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], va = { key: 2 }, ca = ["x", "y", "width"], da = ["x", "y", "width"], ha = {
   key: 5,
@@ -33,7 +33,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup($e, { expose: vt, emit: ct }) {
-    const dt = K(() => import("./vue-ui-accordion-BkA7rtwr.js")), ht = K(() => import("./DataTable-CsoAI95B.js")), yt = K(() => import("./PackageVersion-DCAZ9Z7V.js")), ft = K(() => import("./PenAndPaper-B9RP4oFj.js")), pt = K(() => import("./vue-ui-skeleton-miKWlCAi.js")), gt = K(() => import("./Tooltip-COHlzpZI.js")), mt = K(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = f({
+    const dt = K(() => import("./vue-ui-accordion-Ds4zkPIx.js")), ht = K(() => import("./DataTable-BBqbcutV.js")), yt = K(() => import("./PackageVersion-ClpqQxYT.js")), ft = K(() => import("./PenAndPaper-B-T7XvxF.js")), pt = K(() => import("./vue-ui-skeleton-C6PWt_m5.js")), gt = K(() => import("./Tooltip-BuHsMAfp.js")), mt = K(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = f({
       get() {
         return !!z.dataset && z.dataset.length;
       },
@@ -525,6 +525,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         isFullscreen: ae.value,
         chartElement: ne.value,
         position: e.value.userOptions.position,
+        callbacks: e.value.userOptions.callbacks,
         isTooltip: d.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
@@ -604,7 +605,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "callbacks", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
       ue.value ? (o(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -1286,7 +1287,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, 8, ["config"])) : i("", !0)
     ], 46, nl));
   }
-}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-ce420fe5"]]);
+}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-c904d53d"]]);
 export {
   Sa as default
 };

package/dist/{vue-ui-donut-evolution-CVhQaMNQ.js → vue-ui-donut-evolution-DzgYokPU.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as F, computed as b, ref as y, onMounted as xt, watch as Be, createElementBlock as n, openBlock as o, unref as r, normalizeStyle as Z, normalizeClass as P, createBlock as N, createCommentVNode as c, renderSlot as $, createSlots as kt, withCtx as C, normalizeProps as W, guardReactiveProps as j, createVNode as Ct, createElementVNode as _, Fragment as A, renderList as L, toDisplayString as p, createTextVNode as ve, nextTick as Y } from "vue";
-import { u as _t, o as wt, e as ee, g as St, c as Xe, t as $t, p as te, a as At, C as Ge, b as Lt, d as de, H as zt, D as We, m as he, X as It, s as q, E as Nt, i as ye, f as le, j as Pt, k as Dt, n as je, q as Ft, r as Ot, I as Ye, J as Et } from "./index-CbcpITE_.js";
-import { u as qe } from "./useNestedProp-y56W8I7J.js";
-import { u as Tt } from "./usePrinter-u-gQiRNz.js";
+import { u as _t, o as wt, e as ee, g as St, c as Xe, t as $t, p as te, a as At, C as Ge, b as Lt, d as de, H as zt, D as We, m as he, X as It, s as q, E as Nt, i as ye, f as le, j as Pt, k as Dt, n as je, q as Ft, r as Ot, I as Ye, J as Et } from "./index-CH_mJIWj.js";
+import { u as qe } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Tt } from "./usePrinter-DJ7WfWUs.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ht } from "./useChartAccessibility-9icAAmYg.js";
-import Rt from "./Legend-ZW-PFcHg.js";
-import { S as Mt } from "./Slicer-Vh74fjdf.js";
-import Ut from "./Title-Dx8ctnVy.js";
+import Rt from "./Legend-DRqzYrP9.js";
+import { S as Mt } from "./Slicer-o6jJH5bw.js";
+import Ut from "./Title-apr_T9tg.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"], jt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Jt = ["id"], Kt = ["stop-color"], Qt = ["stop-color"], Zt = ["stop-color"], el = { key: 1 }, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], al = { key: 0 }, ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "font-size", "fill", "font-weight"], sl = {
   key: 3,
@@ -36,7 +36,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = F(() => import("./vue-ui-accordion-BkA7rtwr.js")), et = F(() => import("./BaseDraggableDialog-DGrErCX-.js")), tt = F(() => import("./DataTable-CsoAI95B.js")), lt = F(() => import("./PackageVersion-DCAZ9Z7V.js")), at = F(() => import("./PenAndPaper-B9RP4oFj.js")), ot = F(() => import("./vue-ui-skeleton-miKWlCAi.js")), ut = F(() => import("./UserOptions-CGn3YdRV.js")), nt = F(() => import("./vue-ui-donut-CyOg8kph.js")), { vue_ui_donut_evolution: st } = _t(), m = Je, J = b(() => !!m.dataset && m.dataset.length), d = y({
+    const Ze = F(() => import("./vue-ui-accordion-Ds4zkPIx.js")), et = F(() => import("./BaseDraggableDialog-DLRFrsDT.js")), tt = F(() => import("./DataTable-BBqbcutV.js")), lt = F(() => import("./PackageVersion-ClpqQxYT.js")), at = F(() => import("./PenAndPaper-B-T7XvxF.js")), ot = F(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ut = F(() => import("./UserOptions-OVNxxnq5.js")), nt = F(() => import("./vue-ui-donut-Hk4EaVhb.js")), { vue_ui_donut_evolution: st } = _t(), m = Je, J = b(() => !!m.dataset && m.dataset.length), d = y({
       start: 0,
       end: Math.max(...m.dataset.map((t) => t.values.length))
     });
@@ -387,6 +387,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Q.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: bt,
         onGeneratePdf: r(Ie),
         onGenerateCsv: Te,
@@ -446,7 +447,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       J.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -860,7 +861,7 @@ const Xt = ["id"], Gt = ["xmlns", "viewBox"], Wt = ["x", "y", "width", "height"]
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
     ], 46, Xt));
   }
-}, Xl = /* @__PURE__ */ Bt(Dl, [["__scopeId", "data-v-f9ef2cda"]]);
+}, Xl = /* @__PURE__ */ Bt(Dl, [["__scopeId", "data-v-858660ff"]]);
 export {
   Xl as default
 };

package/dist/{vue-ui-dumbbell-C7Wex4VO.js → vue-ui-dumbbell-CAC44_Hu.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as T, computed as g, ref as d, watch as ge, shallowRef as pe, onMounted as me, onBeforeUnmount as We, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as E, normalizeClass as ke, createBlock as A, createCommentVNode as v, createElementVNode as i, createSlots as Ue, withCtx as k, renderSlot as p, normalizeProps as R, guardReactiveProps as H, createVNode as Be, Fragment as $, renderList as L, toDisplayString as z, createTextVNode as _e, nextTick as je } from "vue";
-import { u as qe, c as xe, a as Ye, o as Ze, e as we, g as Je, v as Ce, D as Ke, f as S, X as $e, i as q, l as Le, h as Ae, q as Qe, r as et } from "./index-CbcpITE_.js";
+import { u as qe, c as xe, a as Ye, o as Ze, e as we, g as Je, v as Ce, D as Ke, f as S, X as $e, i as q, l as Le, h as Ae, q as Qe, r as et } from "./index-CH_mJIWj.js";
 import { t as tt, u as lt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ze } from "./useNestedProp-y56W8I7J.js";
-import { u as at } from "./usePrinter-u-gQiRNz.js";
+import { u as ze } from "./useNestedProp-rMR-JeOJ.js";
+import { u as at } from "./usePrinter-DJ7WfWUs.js";
 import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import rt from "./Legend-ZW-PFcHg.js";
-import nt from "./Title-Dx8ctnVy.js";
+import rt from "./Legend-DRqzYrP9.js";
+import nt from "./Title-apr_T9tg.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"], vt = { key: 1 }, ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 2 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gt = { key: 3 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill"], kt = { key: 4 }, _t = ["x", "y", "font-size", "fill", "font-weight"], xt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["id"], At = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Pt = ["id"], Ot = ["stop-color"], Mt = ["stop-color"], It = { key: 0 }, Gt = ["d", "fill"], Dt = { key: 1 }, Ft = ["x", "y", "height", "width", "fill"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rt = { key: 5 }, Ht = ["x", "y", "fill", "font-size"], Wt = { key: 6 }, Ut = ["x", "y", "fill", "font-size"], Bt = {
+const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"], vt = { key: 1 }, ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 2 }, bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gt = { key: 3 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill"], kt = { key: 4 }, _t = ["x", "y", "font-size", "fill", "font-weight"], xt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["id"], At = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Ot = ["id"], Pt = ["stop-color"], Mt = ["stop-color"], It = { key: 0 }, Gt = ["d", "fill"], Dt = { key: 1 }, Ft = ["x", "y", "height", "width", "fill"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rt = { key: 5 }, Ht = ["x", "y", "fill", "font-size"], Wt = { key: 6 }, Ut = ["x", "y", "fill", "font-size"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, jt = ["xmlns", "height", "width"], qt = ["fill"], Yt = ["innerHTML"], Zt = {
@@ -29,9 +29,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Se, { expose: Xe, emit: Jt }) {
-    const Ne = T(() => import("./vue-ui-accordion-BkA7rtwr.js")), Te = T(() => import("./DataTable-CsoAI95B.js")), Pe = T(() => import("./PackageVersion-DCAZ9Z7V.js")), Oe = T(() => import("./PenAndPaper-B9RP4oFj.js")), Me = T(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ie = T(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_dumbbell: Ge } = qe(), b = Se, X = g({
+    const Ne = T(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Te = T(() => import("./DataTable-BBqbcutV.js")), Oe = T(() => import("./PackageVersion-ClpqQxYT.js")), Pe = T(() => import("./PenAndPaper-B-T7XvxF.js")), Me = T(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ie = T(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_dumbbell: Ge } = qe(), f = Se, X = g({
       get() {
-        return !!b.dataset && b.dataset.length;
+        return !!f.dataset && f.dataset.length;
       },
       set(l) {
         return l;
@@ -42,19 +42,19 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     }), { userOptionsVisible: W, setUserOptionsVisibility: ae, keepUserOptionState: se } = st({ config: e.value }), { svgRef: oe } = ot({ config: e.value.style.chart.title });
     function re() {
       const l = ze({
-        userConfig: b.config,
+        userConfig: f.config,
         defaultConfig: Ge
       });
       return l.theme ? {
         ...ze({
-          userConfig: Ye.vue_ui_dumbbell[l.theme] || b.config,
+          userConfig: Ye.vue_ui_dumbbell[l.theme] || f.config,
           defaultConfig: l
         })
       } : l;
     }
-    ge(() => b.config, (l) => {
-      e.value = re(), W.value = !e.value.userOptions.showOnChartHover, ne(), ee.value += 1, te.value += 1, le.value += 1, h.value = e.value.style.chart.rowHeight, O.value = e.value.style.chart.width, P.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ge(() => b.dataset, (l) => {
+    ge(() => f.config, (l) => {
+      e.value = re(), W.value = !e.value.userOptions.showOnChartHover, ne(), ee.value += 1, te.value += 1, le.value += 1, h.value = e.value.style.chart.rowHeight, P.value = e.value.style.chart.width, O.value.showTable = e.value.table.show;
+    }, { deep: !0 }), ge(() => f.dataset, (l) => {
       he();
     }, { deep: !0 });
     const _ = pe(null), N = pe(null);
@@ -62,10 +62,10 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       ne();
     });
     function ne() {
-      if (Ze(b.dataset) ? we({
+      if (Ze(f.dataset) ? we({
         componentName: "VueUiDumbbell",
         type: "dataset"
-      }) : b.dataset.forEach((l, u) => {
+      }) : f.dataset.forEach((l, u) => {
         Je({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
@@ -87,7 +87,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             noTitle: Q.value
           });
           requestAnimationFrame(() => {
-            O.value = u, h.value = t / b.dataset.length, f.value = G();
+            P.value = u, h.value = t / f.dataset.length, b.value = G();
           });
         });
         _.value && (N.value && _.value.unobserve(N.value), _.value.disconnect()), _.value = new ResizeObserver(l), N.value = I.value.parentNode, _.value.observe(N.value);
@@ -100,9 +100,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       elementId: `dumbbell_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), De = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), P = d({
+    }), De = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), O = d({
       showTable: e.value.table.show
-    }), x = g(() => b.dataset.map((l, u) => ({
+    }), x = g(() => f.dataset.map((l, u) => ({
       ...l,
       start: Ce(l.start),
       end: Ce(l.end),
@@ -110,15 +110,15 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     }))), U = g(() => ({
       max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
       min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
-    })), c = g(() => Ke(U.value.min < 0 ? U.value.min : 0, U.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), O = d(e.value.style.chart.width), s = g(() => {
-      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + O.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * b.dataset.length, a = c.value.ticks.length * (O.value / c.value.ticks.length);
+    })), c = g(() => Ke(U.value.min < 0 ? U.value.min : 0, U.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), P = d(e.value.style.chart.width), s = g(() => {
+      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + P.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * f.dataset.length, a = c.value.ticks.length * (P.value / c.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: u - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: t - e.value.style.chart.padding.bottom,
-        width: O.value,
-        height: l * b.dataset.length,
+        width: P.value,
+        height: l * f.dataset.length,
         rowHeight: l,
         absoluteHeight: t,
         absoluteWidth: u,
@@ -138,16 +138,16 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         };
       });
     }
-    const f = d([]), ve = d(null), Fe = g(() => x.value.map((l) => l.end).reduce((l, u) => l + u, 0));
+    const b = d([]), ve = d(null), Fe = g(() => x.value.map((l) => l.end).reduce((l, u) => l + u, 0));
     me(() => {
       he();
     });
     function he() {
-      f.value = G();
-      let l = f.value.map((t) => t.start).reduce((t, a) => t + a, 0);
+      b.value = G();
+      let l = b.value.map((t) => t.start).reduce((t, a) => t + a, 0);
       function u() {
         const t = x.value.map((a) => a.end - a.start);
-        l >= Fe.value ? (cancelAnimationFrame(ve.value), f.value = G()) : (f.value = f.value.map((a, m) => {
+        l >= Fe.value ? (cancelAnimationFrame(ve.value), b.value = G()) : (b.value = b.value.map((a, m) => {
           a.endVal += t[m] * (e.value.animationSpeed / 100);
           const C = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, V = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, j = C + (V - C) / 2;
           return {
@@ -158,9 +158,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             y: s.value.top + m * h.value + h.value / 2,
             endVal: a.endVal
           };
-        }), l = f.value.map((a) => a.endVal).reduce((a, m) => a + m, 0), ve.value = requestAnimationFrame(u));
+        }), l = b.value.map((a) => a.endVal).reduce((a, m) => a + m, 0), ve.value = requestAnimationFrame(u));
       }
-      e.value.useAnimation ? u() : f.value = G();
+      e.value.useAnimation ? u() : b.value = G();
     }
     const ye = g(() => [
       { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor },
@@ -174,9 +174,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), w = g(() => {
-      const l = f.value.map((t) => ({
+      const l = b.value.map((t) => ({
         name: t.name
-      })), u = f.value.map((t) => ({
+      })), u = b.value.map((t) => ({
         start: t.start,
         end: t.end
       }));
@@ -234,7 +234,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         config: t
       };
     });
-    function fe() {
+    function be() {
       je(() => {
         const l = w.value.head.map((a, m) => [[
           a.name
@@ -247,10 +247,10 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       M.value = l, Y.value += 1;
     }
     function Re() {
-      return f.value;
+      return b.value;
     }
-    function be() {
-      P.value.showTable = !P.value.showTable;
+    function fe() {
+      O.value.showTable = !O.value.showTable;
     }
     const F = d(!1);
     function B() {
@@ -259,9 +259,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     return Xe({
       getData: Re,
       generatePdf: ce,
-      generateCsv: fe,
+      generateCsv: be,
       generateImage: de,
-      toggleTable: be,
+      toggleTable: fe,
       toggleAnnotator: B
     }), (l, u) => (o(), r("div", {
       ref_key: "dumbbellChart",
@@ -272,7 +272,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       onMouseenter: u[1] || (u[1] = () => n(ae)(!0)),
       onMouseleave: u[2] || (u[2] = () => n(ae)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), A(n(Oe), {
+      e.value.userOptions.buttons.annotator ? (o(), A(n(Pe), {
         key: 0,
         svgRef: n(oe),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -326,11 +326,12 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: F.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: Ee,
         onGeneratePdf: n(ce),
-        onGenerateCsv: fe,
+        onGenerateCsv: be,
         onGenerateImage: n(de),
-        onToggleTable: be,
+        onToggleTable: fe,
         onToggleAnnotator: B,
         style: E({
           visibility: n(se) ? n(W) ? "visible" : "hidden" : "visible"
@@ -385,7 +386,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       X.value ? (o(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -395,7 +396,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         viewBox: `0 0 ${s.value.absoluteWidth <= 0 ? 10 : s.value.absoluteWidth} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
         style: E(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Be(n(Pe)),
+        Be(n(Oe)),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -428,7 +429,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, ft))), 256)),
+          }, null, 8, bt))), 256)),
           i("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -437,7 +438,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, bt)
+          }, null, 8, ft)
         ])) : v("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", gt, [
           (o(!0), r($, null, L(x.value, (t, a) => (o(), r("text", {
@@ -516,7 +517,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             }, null, 8, St)
           ], 8, Lt)
         ]),
-        (o(!0), r($, null, L(f.value, (t, a) => (o(), r("g", null, [
+        (o(!0), r($, null, L(b.value, (t, a) => (o(), r("g", null, [
           i("defs", null, [
             i("linearGradient", {
               id: `grad_positive_${y.value}`,
@@ -544,12 +545,12 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Ot),
+              }, null, 8, Pt),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
               }, null, 8, Mt)
-            ], 8, Pt)
+            ], 8, Ot)
           ]),
           e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", It, [
             i("path", {
@@ -591,7 +592,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }, null, 8, Et)
         ]))), 256)),
         e.value.style.chart.labels.startLabels.show ? (o(), r("g", Rt, [
-          (o(!0), r($, null, L(f.value, (t, a) => (o(), r("text", {
+          (o(!0), r($, null, L(b.value, (t, a) => (o(), r("text", {
             x: t.startX,
             y: s.value.top + (a + 1) * h.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
             fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
@@ -610,7 +611,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           )), 9, Ht))), 256))
         ])) : v("", !0),
         e.value.style.chart.labels.endLabels.show ? (o(), r("g", Wt, [
-          (o(!0), r($, null, L(f.value, (t, a) => (o(), r("text", {
+          (o(!0), r($, null, L(b.value, (t, a) => (o(), r("text", {
             x: t.endX,
             y: s.value.top + a * h.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
             fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
@@ -692,7 +693,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         key: 8,
         hideDetails: "",
         config: {
-          open: P.value.showTable,
+          open: O.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -712,7 +713,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             body: D.value.body,
             config: D.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: u[0] || (u[0] = (t) => P.value.showTable = !1)
+            onClose: u[0] || (u[0] = (t) => O.value.showTable = !1)
           }, {
             th: k(({ th: t }) => [
               i("div", {
@@ -730,7 +731,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       }, 8, ["config"])) : v("", !0)
     ], 46, it));
   }
-}, ul = /* @__PURE__ */ ut(Zt, [["__scopeId", "data-v-42691b72"]]);
+}, ul = /* @__PURE__ */ ut(Zt, [["__scopeId", "data-v-ae879b63"]]);
 export {
   ul as default
 };

package/dist/{vue-ui-flow-DFNdP-V9.js → vue-ui-flow-CYWiZjrP.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as E, computed as p, onMounted as ut, ref as y, watch as it, createElementBlock as g, openBlock as d, unref as r, normalizeStyle as L, normalizeClass as Me, createBlock as B, createCommentVNode as _, createElementVNode as D, createVNode as de, createSlots as ct, withCtx as w, renderSlot as b, normalizeProps as R, guardReactiveProps as G, Fragment as U, renderList as W, toDisplayString as j, createTextVNode as dt, nextTick as vt } from "vue";
-import { u as ft, o as ht, e as pt, c as ve, t as gt, p as S, a as mt, b as yt, v as $, d as bt, f as X, X as kt, G as He, K as Ct, i as fe, q as wt, r as $t, x as Tt } from "./index-CbcpITE_.js";
-import { u as Ye } from "./useNestedProp-y56W8I7J.js";
-import { u as xt } from "./usePrinter-u-gQiRNz.js";
+import { u as ft, o as ht, e as pt, c as ve, t as gt, p as S, a as mt, b as yt, v as $, d as bt, f as X, X as kt, G as He, K as Ct, i as fe, q as wt, r as $t, x as Tt } from "./index-CH_mJIWj.js";
+import { u as Ye } from "./useNestedProp-rMR-JeOJ.js";
+import { u as xt } from "./usePrinter-DJ7WfWUs.js";
 import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Nt } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Legend-ZW-PFcHg.js";
-import St from "./Title-Dx8ctnVy.js";
+import Ot from "./Legend-DRqzYrP9.js";
+import St from "./Title-apr_T9tg.js";
 import { _ as Ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pt = ["id"], Lt = {
   key: 1,
@@ -39,7 +39,7 @@ const Pt = ["id"], Lt = {
     }
   },
   setup(Be, { expose: De }) {
-    const Re = E(() => import("./vue-ui-accordion-BkA7rtwr.js")), Ge = E(() => import("./DataTable-CsoAI95B.js")), Ve = E(() => import("./PackageVersion-DCAZ9Z7V.js")), Ue = E(() => import("./PenAndPaper-B9RP4oFj.js")), We = E(() => import("./vue-ui-skeleton-miKWlCAi.js")), je = E(() => import("./Tooltip-COHlzpZI.js")), Xe = E(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_flow: qe } = ft(), T = Be, ee = p(() => !!T.dataset && T.dataset.length);
+    const Re = E(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ge = E(() => import("./DataTable-BBqbcutV.js")), Ve = E(() => import("./PackageVersion-ClpqQxYT.js")), Ue = E(() => import("./PenAndPaper-B-T7XvxF.js")), We = E(() => import("./vue-ui-skeleton-C6PWt_m5.js")), je = E(() => import("./Tooltip-BuHsMAfp.js")), Xe = E(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_flow: qe } = ft(), T = Be, ee = p(() => !!T.dataset && T.dataset.length);
     ut(() => {
       he();
     });
@@ -465,6 +465,7 @@ const Pt = ["id"], Lt = {
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
+        callbacks: e.value.userOptions.callbacks,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: z.value,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -541,7 +542,7 @@ const Pt = ["id"], Lt = {
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "hasTooltip", "isTooltip", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "callbacks", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "hasTooltip", "isTooltip", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0),
       (d(), g("svg", {
         ref_key: "svgRef",
         ref: be,
@@ -742,7 +743,7 @@ const Pt = ["id"], Lt = {
       }, 8, ["config"])) : _("", !0)
     ], 46, Pt));
   }
-}, lo = /* @__PURE__ */ Ft(jt, [["__scopeId", "data-v-0ce1d104"]]);
+}, lo = /* @__PURE__ */ Ft(jt, [["__scopeId", "data-v-e63a00d3"]]);
 export {
   lo as default
 };