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

package/dist/{vue-ui-table-heatmap-4GOzV-IT.js → vue-ui-table-heatmap-DvyJx0j7.js}

@@ -1,9 +1,9 @@
-import { useCssVars as oe, computed as c, defineAsyncComponent as ae, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-_gtZv10q.js";
-import { u as H } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as ye } from "./usePrinter-LFM5suk6.js";
+import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
+import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-CH_mJIWj.js";
+import { u as H } from "./useNestedProp-rMR-JeOJ.js";
+import { u as ye } from "./usePrinter-DJ7WfWUs.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-CtkpE63a.js";
+import { _ as ke } from "./Shape-DEWxbZ-l.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
   key: 0,
@@ -41,11 +41,11 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
     }
   },
   setup(D, { expose: L }) {
-    oe((e) => ({
-      bf477d1e: ee.value,
-      "71369fcc": j.value
+    ae((e) => ({
+      a9ac4c2a: ee.value,
+      "9ba12974": j.value
     }));
-    const X = ae(() => import("./UserOptions-CIOyDPmN.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), i = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), i = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
@@ -81,42 +81,42 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
-      const e = new ResizeObserver((a) => {
-        a.forEach((o) => {
-          i.value = o.contentRect.width < Q.value;
+      const e = new ResizeObserver((o) => {
+        o.forEach((a) => {
+          i.value = a.contentRect.width < Q.value;
         });
       });
       y.value && e.observe(y.value);
     }
     const M = c(() => m.dataset.map((e) => {
-      const a = e.values.map((s) => isNaN(s) ? 0 : s), o = a.reduce((s, p) => s + p, 0);
+      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
       return {
         ...e,
-        values: a,
+        values: o,
         serieExtremes: {
-          max: Math.max(...a),
-          min: Math.min(...a)
+          max: Math.max(...o),
+          min: Math.min(...o)
         },
-        sum: o,
-        average: o / a.length,
-        median: me(a),
+        sum: a,
+        average: a / o.length,
+        median: me(o),
         displayValues: [e.name, ...e.values],
         id: A()
       };
     })), S = c(() => {
-      const e = M.value.flatMap((a) => a.values);
+      const e = M.value.flatMap((o) => o.values);
       return {
         min: Math.min(...e),
         max: Math.max(...e)
       };
     });
-    function Z(e, a) {
-      const o = t.value.style.heatmapColors.useIndividualScale;
-      return he(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, o ? a.min : S.value.min, o ? a.max : S.value.max, e);
+    function Z(e, o) {
+      const a = t.value.style.heatmapColors.useIndividualScale;
+      return he(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : S.value.min, a ? o.max : S.value.max, e);
     }
     const T = c(() => M.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((a) => isNaN(a) ? t.value.style.backgroundColor : Z(a, e.serieExtremes))
+      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Z(o, e.serieExtremes))
     }))), j = c(() => t.value.style.backgroundColor), ee = c(() => `${t.value.table.borderWidth}px`);
     function U() {
       ie(() => {
@@ -126,8 +126,8 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
           [s.sum],
           [s.average],
           [s.median]
-        ]), a = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), o = ge(a);
-        be({ csvContent: o, title: "vue-ui-table-heatmap" });
+        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = ge(o);
+        be({ csvContent: a, title: "vue-ui-table-heatmap" });
       });
     }
     function te(e) {
@@ -137,14 +137,14 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       generatePdf: N,
       generateCsv: U,
       generateImage: V
-    }), (e, a) => (n(), l("div", {
+    }), (e, o) => (n(), l("div", {
       ref_key: "tableContainer",
       ref: y,
       style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
       class: E({ "vue-ui-responsive": i.value }),
       id: `table_heatmap_${_.value}`,
-      onMouseenter: a[0] || (a[0] = () => u(x)(!0)),
-      onMouseleave: a[1] || (a[1] = () => u(x)(!1))
+      onMouseenter: o[0] || (o[0] = () => u(x)(!0)),
+      onMouseleave: o[1] || (o[1] = () => u(x)(!1))
     }, [
       t.value.userOptions.show && Y.value && (u(F) || u($)) ? (n(), le(u(X), {
         ref: "details",
@@ -162,6 +162,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: y.value,
         position: t.value.userOptions.position,
+        callbacks: t.value.userOptions.callbacks,
         onToggleFullscreen: te,
         onGeneratePdf: u(N),
         onGenerateCsv: U,
@@ -172,8 +173,8 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       }, re({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: o, color: s }) => [
-            r(e.$slots, "menuIcon", G(B({ isOpen: o, color: s })), void 0, !0)
+          fn: b(({ isOpen: a, color: s }) => [
+            r(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -200,12 +201,12 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: o, isFullscreen: s }) => [
-            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
+            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       g("table", {
         class: E({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
@@ -218,19 +219,19 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(k, null, w(t.value.table.head.values, (o, s) => (n(), l("th", $e, [
-              r(e.$slots, "head", f({ ref_for: !0 }, { value: o, rowIndex: s, type: typeof o, isResponsive: i.value }), void 0, !0)
+            (n(!0), l(k, null, w(t.value.table.head.values, (a, s) => (n(), l("th", $e, [
+              r(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: i.value }), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         g("tbody", null, [
-          (n(!0), l(k, null, w(T.value, (o, s) => (n(), l("tr", we, [
-            (n(!0), l(k, null, w(o.displayValues, (p, d) => (n(), l("td", {
+          (n(!0), l(k, null, w(T.value, (a, s) => (n(), l("tr", we, [
+            (n(!0), l(k, null, w(a.displayValues, (p, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
-              o.color && d === 0 ? (n(), l("div", xe, [
-                o.color ? (n(), l("svg", {
+              a.color && d === 0 ? (n(), l("div", xe, [
+                a.color ? (n(), l("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
                   width: t.value.style.shapeSize,
@@ -239,9 +240,9 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                 }, [
                   ue(ke, {
                     plot: { x: 10, y: 10 },
-                    color: o.color,
+                    color: a.color,
                     radius: 9,
-                    shape: o.shape || "circle"
+                    shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
                 ], 8, Fe)) : v("", !0),
                 r(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0)
@@ -253,17 +254,17 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
                 d > 0 ? r(e.$slots, "cell", f({
                   key: 1,
                   ref_for: !0
-                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: o.colors[d], textColor: u(fe)(o.colors[d]) }), void 0, !0) : v("", !0)
+                }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(fe)(a.colors[d]) }), void 0, !0) : v("", !0)
               ], 64))
             ], 8, Oe))), 256)),
             t.value.table.showSum ? (n(), l("td", Pe, [
-              r(e.$slots, "sum", f({ ref_for: !0 }, { value: o.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
+              r(e.$slots, "sum", f({ ref_for: !0 }, { value: a.sum, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : v("", !0),
             t.value.table.showAverage ? (n(), l("td", Ne, [
-              r(e.$slots, "average", f({ ref_for: !0 }, { value: o.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
+              r(e.$slots, "average", f({ ref_for: !0 }, { value: a.average, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : v("", !0),
             t.value.table.showMedian ? (n(), l("td", Ve, [
-              r(e.$slots, "median", f({ ref_for: !0 }, { value: o.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
+              r(e.$slots, "median", f({ ref_for: !0 }, { value: a.median, rowIndex: s, isResponsive: i.value }), void 0, !0)
             ])) : v("", !0)
           ]))), 256))
         ])
@@ -273,7 +274,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       ], 512)) : v("", !0)
     ], 46, Ie));
   }
-}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-5fd02fac"]]);
+}, Ae = /* @__PURE__ */ _e(Me, [["__scopeId", "data-v-cf68b424"]]);
 export {
   Ae as default
 };

package/dist/{vue-ui-table-sparkline-1TrSrWvU.js → vue-ui-table-sparkline-SGsBnQTK.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as d, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-_gtZv10q.js";
-import { u as je } from "./usePrinter-LFM5suk6.js";
+import { u as ye } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-CH_mJIWj.js";
+import { u as je } from "./usePrinter-DJ7WfWUs.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -41,9 +41,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
   },
   setup(ke, { expose: _e }) {
     Fe((t) => ({
-      "6e3712b2": t.tdo
+      "130513d6": t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-ZMAOSesx.js")), N = J(() => import("./BaseIcon-C8g0bTnH.js")), xe = J(() => import("./UserOptions-CIOyDPmN.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-DwzCA8d6.js")), N = J(() => import("./BaseIcon-DaR0sIWZ.js")), xe = J(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
@@ -406,6 +406,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   titles: { ...e.value.userOptions.buttonTitles },
                   chartElement: F.value,
                   position: e.value.userOptions.position,
+                  callbacks: e.value.userOptions.callbacks,
                   onToggleFullscreen: Pe,
                   onGeneratePdf: u(oe),
                   onGenerateImage: u(ne),
@@ -449,7 +450,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     ]),
                     key: "4"
                   } : void 0
-                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0)
+                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0)
               ], 6))), 256))
             ], 4)), [
               [u(tt), Ne]
@@ -654,7 +655,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       ], 512)) : g("", !0)
     ], 42, lt));
   }
-}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-0812843e"]]);
+}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-3be5a698"]]);
 export {
   wt as default
 };

package/dist/{vue-ui-thermometer-CZIMCIDI.js → vue-ui-thermometer-DEMS6HXl.js}

@@ -1,10 +1,10 @@
-import { useCssVars as Ce, computed as d, defineAsyncComponent as F, onMounted as $e, ref as p, watch as Pe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as se, normalizeClass as I, createBlock as O, createCommentVNode as c, createSlots as Fe, withCtx as x, renderSlot as f, normalizeProps as A, guardReactiveProps as M, createVNode as Ie, createElementVNode as v, Fragment as Y, renderList as oe, toDisplayString as Oe } from "vue";
-import { u as Ae, o as Me, e as le, g as Ye, c as Ne, t as Se, p as w, a as Ue, b as Te, v as g, d as N, X as Ve, s as qe, i as Le, f as Ee } from "./index-_gtZv10q.js";
-import { u as ae } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as Ge } from "./usePrinter-LFM5suk6.js";
+import { useCssVars as Ce, computed as d, defineAsyncComponent as F, onMounted as $e, ref as p, watch as Pe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as se, normalizeClass as O, createBlock as I, createCommentVNode as c, createSlots as Fe, withCtx as x, renderSlot as f, normalizeProps as A, guardReactiveProps as M, createVNode as Oe, createElementVNode as v, Fragment as Y, renderList as oe, toDisplayString as Ie } from "vue";
+import { u as Ae, o as Me, e as le, g as Ye, c as Ne, t as Se, p as w, a as Ue, b as Te, v as g, d as N, X as Ve, s as qe, i as Le, f as Ee } from "./index-CH_mJIWj.js";
+import { u as ae } from "./useNestedProp-rMR-JeOJ.js";
+import { u as Ge } from "./usePrinter-DJ7WfWUs.js";
 import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as je } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-BEQiIKjn.js";
+import ze from "./Title-apr_T9tg.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Re = ["id"], De = {
   key: 1,
@@ -42,11 +42,11 @@ const Re = ["id"], De = {
   },
   setup(_, { expose: re }) {
     Ce((s) => ({
-      "67ef7d5f": pe.value,
-      fabc91e2: ge.value,
-      d0007888: fe.value
+      "4bc80fca": pe.value,
+      "19db7204": ge.value,
+      "5e34901e": fe.value
     }));
-    const ne = F(() => import("./PackageVersion-CFpmup6M.js")), ue = F(() => import("./PenAndPaper-BrIjEzie.js")), ie = F(() => import("./vue-ui-skeleton-g2ChSAKh.js")), ce = F(() => import("./UserOptions-CIOyDPmN.js")), { vue_ui_thermometer: he } = Ae(), a = _, S = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    const ne = F(() => import("./PackageVersion-ClpqQxYT.js")), ue = F(() => import("./PenAndPaper-B-T7XvxF.js")), ie = F(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ce = F(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_thermometer: he } = Ae(), a = _, S = d(() => !!a.dataset && Object.keys(a.dataset).length);
     $e(() => {
       W();
     });
@@ -170,13 +170,13 @@ const Re = ["id"], De = {
     }), (s, r) => (l(), u("div", {
       ref_key: "thermoChart",
       ref: j,
-      class: I(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: O(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: se(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${m.value}`,
       onMouseenter: r[0] || (r[0] = () => i(R)(!0)),
       onMouseleave: r[1] || (r[1] = () => i(R)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (l(), O(i(ue), {
+      e.value.userOptions.buttons.annotator ? (l(), I(i(ue), {
         key: 0,
         svgRef: i(H),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -186,7 +186,7 @@ const Re = ["id"], De = {
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
       de.value ? (l(), u("div", De, null, 512)) : c("", !0),
       e.value.style.title.text ? (l(), u("div", He, [
-        (l(), O(ze, {
+        (l(), I(ze, {
           key: `title_${B.value}`,
           config: {
             title: {
@@ -200,7 +200,7 @@ const Re = ["id"], De = {
           }
         }, null, 8, ["config"]))
       ])) : c("", !0),
-      e.value.userOptions.show && S.value && (i(D) || i(U)) ? (l(), O(i(ce), {
+      e.value.userOptions.show && S.value && (i(D) || i(U)) ? (l(), I(i(ce), {
         ref: "details",
         key: `user_options_${z.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -218,6 +218,7 @@ const Re = ["id"], De = {
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: P.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: ke,
         onGeneratePdf: i(Q),
         onGenerateImage: i(Z),
@@ -261,18 +262,18 @@ const Re = ["id"], De = {
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       S.value ? (l(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: H,
         xmlns: i(Ve),
-        class: I({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
+        class: O({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
       }, [
-        Ie(i(ne)),
+        Oe(i(ne)),
         s.$slots["chart-background"] ? (l(), u("foreignObject", {
           key: 0,
           x: 0,
@@ -423,7 +424,7 @@ const Re = ["id"], De = {
             ], 64)) : c("", !0)
           ]))), 128)),
           v("rect", {
-            class: I({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: O({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
             height: q.value,
@@ -432,14 +433,14 @@ const Re = ["id"], De = {
           }, null, 10, yt)
         ]),
         v("text", {
-          class: I({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
+          class: O({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
           y: q.value + o.value.top + e.value.style.chart.label.fontSize / 3,
           x: o.value.left - 10,
           "text-anchor": "end",
           fill: e.value.style.chart.label.color,
           "font-size": e.value.style.chart.label.fontSize,
           "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
-        }, Oe(i(Le)(
+        }, Ie(i(Le)(
           e.value.style.chart.label.formatter,
           _.dataset.value,
           i(Ee)({
@@ -458,7 +459,7 @@ const Re = ["id"], De = {
       s.$slots.source ? (l(), u("div", pt, [
         f(s.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      S.value ? c("", !0) : (l(), O(i(ie), {
+      S.value ? c("", !0) : (l(), I(i(ie), {
         key: 7,
         config: {
           type: "thermometer",
@@ -472,7 +473,7 @@ const Re = ["id"], De = {
       }, null, 8, ["config"]))
     ], 46, Re));
   }
-}, Ft = /* @__PURE__ */ Be(mt, [["__scopeId", "data-v-1a738265"]]);
+}, Ft = /* @__PURE__ */ Be(mt, [["__scopeId", "data-v-c84e39bf"]]);
 export {
   Ft as default
 };

package/dist/{vue-ui-timer-C8VQR1EN.js → vue-ui-timer-CQ71yJ_N.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as z, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as ce, c as ve, X as de, F as X } from "./index-_gtZv10q.js";
+import { u as ne } from "./useNestedProp-rMR-JeOJ.js";
+import { u as ce, c as ve, X as de, F as X } from "./index-CH_mJIWj.js";
 import { t as he, u as pe } from "./useResponsive-JZ9xq-JV.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-BEQiIKjn.js";
-import R from "./BaseIcon-C8g0bTnH.js";
+import we from "./Title-apr_T9tg.js";
+import R from "./BaseIcon-DaR0sIWZ.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, N, S, j = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-CFpmup6M.js")), { vue_ui_timer: j } = ce(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_timer: j } = ce(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });

package/dist/{vue-ui-tiremarks-DfCCzbZ-.js → vue-ui-tiremarks-CsN_QtUK.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as ge, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as pe, withCtx as x, renderSlot as p, normalizeProps as S, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
-import { u as oe } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Pe, i as xe, f as Oe } from "./index-_gtZv10q.js";
-import { u as Ae } from "./usePrinter-LFM5suk6.js";
+import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as pe, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as ge, withCtx as O, renderSlot as g, normalizeProps as S, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
+import { u as oe } from "./useNestedProp-rMR-JeOJ.js";
+import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Pe, i as Oe, f as xe } from "./index-CH_mJIWj.js";
+import { u as Ae } from "./usePrinter-DJ7WfWUs.js";
 import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Fe } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-BEQiIKjn.js";
+import ze from "./Title-apr_T9tg.js";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ne = ["id"], Me = {
   key: 2,
@@ -33,7 +33,7 @@ const Ne = ["id"], Me = {
     }
   },
   setup(se, { expose: ne }) {
-    const re = F(() => import("./PenAndPaper-BrIjEzie.js")), ue = F(() => import("./vue-ui-skeleton-g2ChSAKh.js")), ie = F(() => import("./UserOptions-CIOyDPmN.js")), ce = F(() => import("./PackageVersion-CFpmup6M.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
+    const re = F(() => import("./PenAndPaper-B-T7XvxF.js")), ue = F(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ie = F(() => import("./UserOptions-OVNxxnq5.js")), ce = F(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
       get: () => V(),
       set: (t) => t
     }), { userOptionsVisible: U, setUserOptionsVisibility: X, keepUserOptionState: D } = Ie({ config: e.value }), { svgRef: H } = Fe({ config: e.value.style.chart.title });
@@ -59,7 +59,7 @@ const Ne = ["id"], Me = {
     }), de = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = b(e.value.style.chart.animation.use ? 0 : _e(f.dataset.percentage));
     ee(() => f.dataset, (t) => {
       e.value.style.chart.animation.use ? Q(t.percentage) : u.value = t.percentage || 0;
-    }, { deep: !0 }), ge(() => {
+    }, { deep: !0 }), pe(() => {
       W();
     });
     function Q(t) {
@@ -94,37 +94,37 @@ const Ne = ["id"], Me = {
         left: e.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 3,
         right: e.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
       };
-    }), O = h(() => Object.values(i.value).reduce((t, r) => t + r, 0)), o = h(() => ({
+    }), x = h(() => Object.values(i.value).reduce((t, r) => t + r, 0)), o = h(() => ({
       height: C.value ? 312 : 56,
       width: C.value ? 56 : 312
     })), v = h(() => C.value ? {
-      mark: (o.value.height - O.value) / 100 * 0.5,
-      space: (o.value.height - O.value) / 100 * 0.5
+      mark: (o.value.height - x.value) / 100 * 0.5,
+      space: (o.value.height - x.value) / 100 * 0.5
     } : {
-      mark: (o.value.width - O.value) / 100 * 0.5,
-      space: (o.value.width - O.value) / 100 * 0.5
+      mark: (o.value.width - x.value) / 100 * 0.5,
+      space: (o.value.width - x.value) / 100 * 0.5
     }), Z = h(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
         const s = e.value.style.chart.layout.ticks.gradient.show ? le(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (C.value) {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, g = i.value.left + 4 + $, y = o.value.width - i.value.right - 4 - $, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (y - g) / e.value.style.chart.layout.curveAngleX, P = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, p = i.value.left + 4 + $, y = o.value.width - i.value.right - 4 - $, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (y - p) / e.value.style.chart.layout.curveAngleX, P = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
-            x1: g,
+            x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${g} ${m} C ${g + w} ${m - P}, ${y - w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m - P}, ${y - w} ${k - P}, ${y} ${k}`,
             color: s
           });
         } else {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, g = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = g, m = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), P = (k - m) / e.value.style.chart.layout.curveAngleX;
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, p = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = p, m = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), P = (k - m) / e.value.style.chart.layout.curveAngleX;
           t.push({
-            x1: g,
+            x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${g} ${m} C ${g + w} ${m + P}, ${y + w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m + P}, ${y + w} ${k - P}, ${y} ${k}`,
             color: s
           });
         }
@@ -210,6 +210,7 @@ const Ne = ["id"], Me = {
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: I.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: fe,
         onGeneratePdf: l(J),
         onGenerateImage: l(K),
@@ -217,43 +218,43 @@ const Ne = ["id"], Me = {
         style: L({
           visibility: l(D) ? l(U) ? "visible" : "hidden" : "visible"
         })
-      }, pe({ _: 2 }, [
+      }, ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", S(N({ isOpen: a, color: s })), void 0, !0)
+          fn: O(({ isOpen: a, color: s }) => [
+            g(t.$slots, "menuIcon", S(N({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: O(() => [
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+          fn: O(() => [
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: a, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", S(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: O(({ toggleFullscreen: a, isFullscreen: s }) => [
+            g(t.$slots, "optionFullscreen", S(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: a, isAnnotator: s }) => [
-            p(t.$slots, "optionAnnotator", S(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: O(({ toggleAnnotator: a, isAnnotator: s }) => [
+            g(t.$slots, "optionAnnotator", S(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       M.value ? (n(), c("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -274,7 +275,7 @@ const Ne = ["id"], Me = {
             pointerEvents: "none"
           }
         }, [
-          p(t.$slots, "chart-background", {}, void 0, !0)
+          g(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ue)) : d("", !0),
         e.value.style.chart.layout.curved ? (n(), c("g", Ge, [
           (n(!0), c(te, null, ae(Z.value, (a, s) => (n(), c("path", {
@@ -304,22 +305,22 @@ const Ne = ["id"], Me = {
           fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? l(le)(e.value.style.chart.layout.activeColor, u.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
           "font-weight": _.value.bold ? "bold" : "normal",
           "text-anchor": _.value.textAnchor
-        }, me(l(xe)(
+        }, me(l(Oe)(
           e.value.style.chart.percentage.formatter,
           u.value,
-          l(Oe)({
+          l(xe)({
             v: u.value,
             s: "%",
             r: e.value.style.chart.percentage.rounding
           })
         )), 9, Re)) : d("", !0),
-        p(t.$slots, "svg", { svg: o.value }, void 0, !0)
+        g(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, Te)) : d("", !0),
       t.$slots.watermark ? (n(), c("div", Be, [
-        p(t.$slots, "watermark", S(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
+        g(t.$slots, "watermark", S(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
       ])) : d("", !0),
       t.$slots.source ? (n(), c("div", Xe, [
-        p(t.$slots, "source", {}, void 0, !0)
+        g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
       M.value ? d("", !0) : (n(), z(l(ue), {
         key: 7,
@@ -335,7 +336,7 @@ const Ne = ["id"], Me = {
       }, null, 8, ["config"]))
     ], 46, Ne));
   }
-}, Ze = /* @__PURE__ */ Se(De, [["__scopeId", "data-v-18f40a65"]]);
+}, Ze = /* @__PURE__ */ Se(De, [["__scopeId", "data-v-d54c8cf2"]]);
 export {
   Ze as default
 };