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

package/dist/{vue-ui-table-sparkline-DebvtEV3.js → vue-ui-table-sparkline-_pPedR_D.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-y56W8I7J.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-CbcpITE_.js";
-import { u as je } from "./usePrinter-u-gQiRNz.js";
+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 v, 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-DqpZEE3h.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-BzQ0j5xI.js";
+import { u as je } from "./usePrinter-CpG5jh_z.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
+      c3f77e6e: t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-w29yzdZG.js")), N = J(() => import("./BaseIcon-j0c6lJUs.js")), xe = J(() => import("./UserOptions-CGn3YdRV.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-BVyjNK_A.js")), N = J(() => import("./BaseIcon-d4dmqhkb.js")), xe = J(() => import("./UserOptions-Cs7JW3dK.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.");
     });
@@ -106,30 +106,30 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         });
       });
     }), x.dataset.map((t, l) => {
-      const a = (t.values || []).map((v) => isNaN(v) ? 0 : v ?? 0), o = a.reduce((v, i) => v + i, 0), s = o / a.length, n = Ke(a);
+      const a = (t.values || []).map((d) => isNaN(d) ? 0 : d ?? 0), n = a.reduce((d, i) => d + i, 0), s = n / a.length, o = Ke(a);
       return {
         ...t,
         values: t.values || [],
         color: Qe(t.color) || Ie.value[l] || T[l] || T[l % T.length],
-        sum: o,
+        sum: n,
         average: s,
-        median: n,
-        sparklineDataset: a.map((v, i) => ({
+        median: o,
+        sparklineDataset: a.map((d, i) => ({
           period: e.value.colNames[i] || `col ${i}`,
-          value: v || 0
+          value: d || 0
         }))
       };
     })));
     function Oe(t) {
       const a = (t[0].values || []).map(
-        (s, n) => t.map((v) => v.values[n] || [])
+        (s, o) => t.map((d) => d.values[o] || [])
       ).map(
-        (s) => s.map((n, v) => [n, v]).sort((n, v) => v[0] - n[0]).map((n) => n[1])
+        (s) => s.map((o, d) => [o, d]).sort((o, d) => d[0] - o[0]).map((o) => o[1])
       );
-      return t.map((s, n) => ({
+      return t.map((s, o) => ({
         ...s,
         values: s.values || [],
-        orders: a[n]
+        orders: a[o]
       }));
     }
     const $ = _(() => Oe(se.value)), m = p($.value), $e = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), H = p(void 0), q = p(!1), b = p(void 0), re = p(1);
@@ -152,10 +152,10 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         return;
       }
       q.value = !0, b.value = l;
-      const o = $.value.map((i) => i.values[l] || []), s = a;
+      const n = $.value.map((i) => i.values[l] || []), s = a;
       z.value[l].state = s, re.value = s, l === H.value ? H.value = void 0 : H.value = l;
-      const v = o.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
-      m.value = v, B.value += 1;
+      const d = n.map((i, h) => [h, i]).sort((i, h) => s * (h[1] - i[1])).map((i) => i[0]).map((i) => $.value[i]);
+      m.value = d, B.value += 1;
     }
     const ie = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
       let t = R.value.map((a) => ({
@@ -185,9 +185,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
         return;
       }
       y.value = t, q.value = !0, w.value[t] = a, [null, void 0].includes(l) || (z.value[l].state = w.value[t]);
-      const o = w.value[t], s = [...m.value].sort((n, v) => {
-        const i = n[t] ?? (typeof n[t] == "number" ? 0 : ""), h = v[t] ?? (typeof v[t] == "number" ? 0 : "");
-        return typeof i == "string" && typeof h == "string" ? o === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? o === -1 ? i - h : h - i : 0;
+      const n = w.value[t], s = [...m.value].sort((o, d) => {
+        const i = o[t] ?? (typeof o[t] == "number" ? 0 : ""), h = d[t] ?? (typeof d[t] == "number" ? 0 : "");
+        return typeof i == "string" && typeof h == "string" ? n === -1 ? i.localeCompare(h) : h.localeCompare(i) : typeof i == "number" && typeof h == "number" ? n === -1 ? i - h : h - i : 0;
       });
       m.value = s;
     }
@@ -199,17 +199,17 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     function Pe(t) {
       de.value = t, Z.value += 1;
     }
-    function ve() {
+    function ve(t = null) {
       Ee(() => {
-        const t = [e.value.translations.serie].concat(k.value), l = se.value.map((s, n) => [
-          [s.name],
-          s.values,
-          [s.sum],
-          [s.average],
-          [s.median]
-        ]), a = [t].concat(l), o = Ye(a);
-        Ze({
-          csvContent: o,
+        const l = [e.value.translations.serie].concat(k.value), a = se.value.map((o, d) => [
+          [o.name],
+          o.values,
+          [o.sum],
+          [o.average],
+          [o.median]
+        ]), n = [l].concat(a), s = Ye(n);
+        t ? t(s) : Ze({
+          csvContent: s,
           title: e.value.title.text || "vue-ui-table-sparkline"
         });
       });
@@ -235,7 +235,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       generateImage: ne,
       generateCsv: ve,
       restoreOrder: A
-    }), (t, l) => (d(), c("div", {
+    }), (t, l) => (v(), c("div", {
       ref_key: "tableContainer",
       ref: F,
       class: K({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
@@ -244,7 +244,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       onMouseenter: l[3] || (l[3] = () => u(j)(!0)),
       onMouseleave: l[4] || (l[4] = () => u(j)(!1))
     }, [
-      e.value.title.text ? (d(), c("div", {
+      e.value.title.text ? (v(), c("div", {
         key: 0,
         class: "vue-ui-table-sparkline-caption",
         style: r({ backgroundColor: e.value.title.backgroundColor })
@@ -258,7 +258,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
             textAlign: e.value.title.textAlign
           })
         }, C(e.value.title.text), 5),
-        e.value.title.subtitle.text ? (d(), c("div", {
+        e.value.title.subtitle.text ? (v(), c("div", {
           key: 0,
           class: "atom-subtitle",
           style: r({
@@ -280,7 +280,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
           style: r({ fontFamily: e.value.fontFamily, position: "relative" })
         }, [
           f("thead", ot, [
-            Me((d(), c("tr", {
+            Me((v(), c("tr", {
               role: "row",
               class: "vue-ui-data-table__thead-row",
               style: r({
@@ -308,7 +308,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(e.value.translations.serie), 1),
-                  m.value.length > 1 && e.value.sortedSeriesName ? (d(), c("div", nt, [
+                  m.value.length > 1 && e.value.sortedSeriesName ? (v(), c("div", nt, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
                       onClick: l[0] || (l[0] = (a) => V({ type: "name" }, null, -1))
@@ -338,17 +338,17 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   ])) : g("", !0)
                 ], 4)
               ], 4),
-              (d(!0), c(Q, null, Y(k.value, (a, o) => (d(), c("th", {
+              (v(!0), c(Q, null, Y(k.value, (a, n) => (v(), c("th", {
                 role: "cell",
                 style: r({
                   background: e.value.thead.backgroundColor,
                   border: e.value.thead.outline,
                   textAlign: e.value.thead.textAlign,
                   fontWeight: e.value.thead.bold ? "bold" : "normal",
-                  minWidth: o === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
-                  paddingRight: o === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
+                  minWidth: n === k.value.length - 1 ? `${e.value.sparkline.dimensions.width}px` : "48px",
+                  paddingRight: n === k.value.length - 1 && e.value.userOptions.show ? "36px" : ""
                 }),
-                class: K({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
+                class: K({ "sticky-col": n === k.value.length - 1 && e.value.showSparklines })
               }, [
                 f("div", {
                   style: r({
@@ -360,36 +360,36 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   })
                 }, [
                   f("span", null, C(a.value), 1),
-                  m.value.length > 1 && (ce(o) || pe(a)) ? (d(), c("div", ut, [
+                  m.value.length > 1 && (ce(n) || pe(a)) ? (v(), c("div", ut, [
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
-                      onClick: () => V(a, o, -1)
+                      onClick: () => V(a, n, -1)
                     }, [
                       D(u(N), {
                         size: 12,
                         name: "arrowBottom",
                         stroke: e.value.thead.color,
                         style: r({
-                          opacity: fe(o, a, -1)
+                          opacity: fe(n, a, -1)
                         })
                       }, null, 8, ["stroke", "style"])
                     ], 8, st),
                     f("button", {
                       class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
-                      onClick: () => V(a, o, 1)
+                      onClick: () => V(a, n, 1)
                     }, [
                       D(u(N), {
                         size: 12,
                         name: "arrowTop",
                         stroke: e.value.thead.color,
                         style: r({
-                          opacity: fe(o, a, 1)
+                          opacity: fe(n, a, 1)
                         })
                       }, null, 8, ["stroke", "style"])
                     ], 8, rt)
                   ])) : g("", !0)
                 ], 4),
-                e.value.userOptions.show && o === k.value.length - 1 && (u(ee) || u(G)) ? (d(), Ue(u(xe), {
+                e.value.userOptions.show && n === k.value.length - 1 && (u(ee) || u(G)) ? (v(), Ue(u(xe), {
                   ref_for: !0,
                   ref: "details",
                   key: `user_option_${Z.value}`,
@@ -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),
@@ -416,8 +417,8 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 }, Be({ _: 2 }, [
                   t.$slots.menuIcon ? {
                     name: "menuIcon",
-                    fn: P(({ isOpen: s, color: n }) => [
-                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: n }), void 0, !0)
+                    fn: P(({ isOpen: s, color: o }) => [
+                      O(t.$slots, "menuIcon", ge({ ref_for: !0 }, { isOpen: s, color: o }), void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
@@ -444,25 +445,25 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   } : void 0,
                   t.$slots.optionFullscreen ? {
                     name: "optionFullscreen",
-                    fn: P(({ toggleFullscreen: s, isFullscreen: n }) => [
-                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: n }), void 0, !0)
+                    fn: P(({ toggleFullscreen: s, isFullscreen: o }) => [
+                      O(t.$slots, "optionFullscreen", ge({ ref_for: !0 }, { toggleFullscreen: s, isFullscreen: o }), void 0, !0)
                     ]),
                     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]
             ])
           ]),
           f("tbody", null, [
-            (d(!0), c(Q, null, Y(m.value, (a, o) => (d(), c("tr", {
+            (v(!0), c(Q, null, Y(m.value, (a, n) => (v(), c("tr", {
               role: "row",
               style: r({
                 backgroundColor: e.value.tbody.backgroundColor,
                 color: e.value.tbody.color
               }),
-              class: K({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
+              class: K({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": n % 2 === 0, "vue-ui-data-table__tbody__row-odd": n % 2 !== 0 })
             }, [
               f("td", {
                 role: "cell",
@@ -486,14 +487,14 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                     justifyContent: e.value.tbody.textAlign
                   })
                 }, [
-                  e.value.tbody.showColorMarker ? (d(), c("span", {
+                  e.value.tbody.showColorMarker ? (v(), c("span", {
                     key: 0,
                     style: r({ color: a.color })
                   }, "⬤", 4)) : g("", !0),
                   f("span", null, C(a.name ?? "-"), 1)
                 ], 4)
               ], 12, it),
-              (d(!0), c(Q, null, Y($e.value, (s, n) => (d(), c("td", {
+              (v(!0), c(Q, null, Y($e.value, (s, o) => (v(), c("td", {
                 dir: "auto",
                 role: "cell",
                 ref_for: !0,
@@ -504,25 +505,25 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   fontSize: `${e.value.tbody.fontSize}px`,
                   fontWeight: e.value.tbody.bold ? "bold" : "normal",
                   textAlign: e.value.tbody.textAlign,
-                  background: S.value !== void 0 && n === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
+                  background: S.value !== void 0 && o === S.value ? e.value.tbody.selectedColor.useSerieColor ? `${a.color.length > 7 ? a.color.slice(0, -2) : a.color}33` : e.value.tbody.selectedColor.fallback : ""
                 }),
-                "data-cell": k.value[n] ? k.value[n].value : "",
+                "data-cell": k.value[o] ? k.value[o].value : "",
                 class: "vue-ui-data-table__tbody__td",
-                onPointerenter: (v) => {
-                  X.value = o, S.value = n;
+                onPointerenter: (d) => {
+                  X.value = n, S.value = o;
                 }
-              }, C([null, void 0].includes(a.values[n]) ? "-" : u(W)(
+              }, C([null, void 0].includes(a.values[o]) ? "-" : u(W)(
                 e.value.formatter,
-                Number(a.values[n]),
+                Number(a.values[o]),
                 u(M)({
                   p: e.value.prefix,
-                  v: Number(a.values[n]),
+                  v: Number(a.values[o]),
                   s: e.value.suffix,
                   r: e.value.roundingValues
                 }),
-                { datapoint: a, seriesIndex: o, datapointIndex: n }
+                { datapoint: a, seriesIndex: n, datapointIndex: o }
               )), 45, dt))), 256)),
-              e.value.showTotal ? (d(), c("td", {
+              e.value.showTotal ? (v(), c("td", {
                 key: 0,
                 dir: "auto",
                 role: "cell",
@@ -543,9 +544,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingTotal
                 }),
-                { datapoint: a.sum, seriesIndex: o }
+                { datapoint: a.sum, seriesIndex: n }
               )), 13, vt)) : g("", !0),
-              e.value.showAverage ? (d(), c("td", {
+              e.value.showAverage ? (v(), c("td", {
                 key: 1,
                 dir: "auto",
                 role: "cell",
@@ -566,9 +567,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingAverage
                 }),
-                { datapoint: a.average, seriesIndex: o }
+                { datapoint: a.average, seriesIndex: n }
               )), 13, ct)) : g("", !0),
-              e.value.showMedian ? (d(), c("td", {
+              e.value.showMedian ? (v(), c("td", {
                 key: 2,
                 dir: "auto",
                 role: "cell",
@@ -589,9 +590,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                   s: e.value.suffix,
                   r: e.value.roundingMedian
                 }),
-                { datapoint: a.median, seriesIndex: o }
+                { datapoint: a.median, seriesIndex: n }
               )), 13, pt)) : g("", !0),
-              e.value.showSparklines ? (d(), c("td", {
+              e.value.showSparklines ? (v(), c("td", {
                 key: 3,
                 role: "cell",
                 "data-cell": e.value.translations.chart,
@@ -606,7 +607,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
                 class: "vue-ui-data-table__tbody__td sticky-col"
               }, [
                 D(u(Ce), {
-                  onHoverIndex: ({ index: s }) => De({ dataIndex: s, serieIndex: o }),
+                  onHoverIndex: ({ index: s }) => De({ dataIndex: s, serieIndex: n }),
                   "height-ratio": e.value.sparkline.dimensions.heightRatio,
                   "forced-padding": 30,
                   dataset: a.sparklineDataset,
@@ -649,12 +650,12 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
           ])
         ], 4)
       ], 32),
-      t.$slots.source ? (d(), c("div", mt, [
+      t.$slots.source ? (v(), c("div", mt, [
         O(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0)
     ], 42, lt));
   }
-}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-0812843e"]]);
+}, wt = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-92eaf0de"]]);
 export {
   wt as default
 };

package/dist/{vue-ui-thermometer-yPKRIlqA.js → vue-ui-thermometer-CmLnTIU7.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-CbcpITE_.js";
-import { u as ae } from "./useNestedProp-y56W8I7J.js";
-import { u as Ge } from "./usePrinter-u-gQiRNz.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-BzQ0j5xI.js";
+import { u as ae } from "./useNestedProp-DqpZEE3h.js";
+import { u as Ge } from "./usePrinter-CpG5jh_z.js";
 import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as je } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-Dx8ctnVy.js";
+import ze from "./Title-CJcZXNtK.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-DCAZ9Z7V.js")), ue = F(() => import("./PenAndPaper-B9RP4oFj.js")), ie = F(() => import("./vue-ui-skeleton-miKWlCAi.js")), ce = F(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_thermometer: he } = Ae(), a = _, S = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    const ne = F(() => import("./PackageVersion-OcbP0WH2.js")), ue = F(() => import("./PenAndPaper-BgPXmpGI.js")), ie = F(() => import("./vue-ui-skeleton-CavMQlAm.js")), ce = F(() => import("./UserOptions-Cs7JW3dK.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-C15nOU7T.js → vue-ui-timer-CpAJT80M.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-y56W8I7J.js";
-import { u as ce, c as ve, X as de, F as X } from "./index-CbcpITE_.js";
+import { u as ne } from "./useNestedProp-DqpZEE3h.js";
+import { u as ce, c as ve, X as de, F as X } from "./index-BzQ0j5xI.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-Dx8ctnVy.js";
-import R from "./BaseIcon-j0c6lJUs.js";
+import we from "./Title-CJcZXNtK.js";
+import R from "./BaseIcon-d4dmqhkb.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-DCAZ9Z7V.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-OcbP0WH2.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();
     });