vue-data-ui 2.3.28 → 2.3.30

package/dist/{vue-ui-thermometer-CdtG1AoI.js → vue-ui-thermometer-DMkLvJgE.js}

@@ -1,20 +1,20 @@
-import { useCssVars as ne, computed as c, onMounted as ie, ref as p, openBlock as a, createElementBlock as n, normalizeClass as w, normalizeStyle as z, createVNode as he, createCommentVNode as h, createBlock as B, unref as y, createSlots as ce, withCtx as U, renderSlot as k, normalizeProps as j, guardReactiveProps as A, createElementVNode as d, Fragment as C, renderList as D, toDisplayString as de } from "vue";
-import { u as ve, o as ye, e as H, g as fe, c as ge, t as me, a as pe, p as x, b as ke, d as $, X as xe, r as _e, f as be } from "./index-BhCM2QF1.js";
-import { _ as we } from "./Title-CtWGLaoz.js";
-import { u as Ce, U as $e } from "./usePrinter-B75HLwzw.js";
-import Fe from "./vue-ui-skeleton-_VMQ594N.js";
-import { u as X } from "./useNestedProp-CH3PVhvc.js";
-import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ie = ["id"], Ye = {
+import { useCssVars as ne, computed as c, onMounted as ie, ref as p, openBlock as o, createElementBlock as n, normalizeClass as C, normalizeStyle as z, createVNode as he, createCommentVNode as h, createBlock as B, unref as v, createSlots as ce, withCtx as q, renderSlot as k, normalizeProps as j, guardReactiveProps as A, createElementVNode as d, Fragment as $, renderList as D, toDisplayString as de } from "vue";
+import { u as ve, o as ye, e as H, g as fe, c as me, t as ge, a as pe, p as x, b as ke, d as F, X as xe, v as be, i as _e, f as we } from "./index-BlXzlBwZ.js";
+import { _ as Ce } from "./Title-eBTH8iGJ.js";
+import { u as $e, U as Fe } from "./usePrinter-CZ8F5Cth.js";
+import Pe from "./vue-ui-skeleton-CJ2R5R6u.js";
+import { u as X } from "./useNestedProp-BoNl5H_z.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ye = ["id"], Me = {
   key: 0,
   style: "width:100%"
-}, Me = ["xmlns", "viewBox"], Oe = {
+}, Oe = ["xmlns", "viewBox"], Ue = {
   id: "vueUiPill",
   clipPathUnits: "objectBoundingBox"
-}, Ue = ["fill"], qe = ["id"], Ne = ["stop-color"], Se = ["stop-color"], Le = ["stop-color"], Te = { "clip-path": "url(#vueUiPill)" }, Ge = ["x", "y", "height", "width"], Ve = ["x", "y", "height", "width", "fill"], We = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ee = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Be = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ae = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], De = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], He = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Xe = ["x", "y", "height", "width"], Re = ["y", "x", "fill", "font-size", "font-weight"], Je = {
+}, qe = ["fill"], Le = ["id"], Ne = ["stop-color"], Se = ["stop-color"], Te = ["stop-color"], Ge = { "clip-path": "url(#vueUiPill)" }, Ve = ["x", "y", "height", "width"], We = ["x", "y", "height", "width", "fill"], Ee = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Be = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ae = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], De = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], He = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Xe = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Re = ["x", "y", "height", "width"], Je = ["y", "x", "fill", "font-size", "font-weight"], Ke = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ke = {
+}, Qe = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -30,20 +30,20 @@ const Ie = ["id"], Ye = {
       }
     }
   },
-  setup(q, { expose: R }) {
-    const o = q;
+  setup(b, { expose: R }) {
+    const a = b;
     ne((s) => ({
-      "173f4170": te.value,
-      f765db74: ee.value,
-      "186680b3": Z.value
+      "3d1a25cf": te.value,
+      "52cc1c9f": ee.value,
+      "90b36568": Z.value
     }));
-    const { vue_ui_thermometer: J } = ve(), F = c(() => !!o.dataset && Object.keys(o.dataset).length);
+    const { vue_ui_thermometer: J } = ve(), P = c(() => !!a.dataset && Object.keys(a.dataset).length);
     ie(() => {
-      ye(o.dataset) ? H({
+      ye(a.dataset) ? H({
         componentName: "VueUiThermometer",
         type: "dataset"
       }) : fe({
-        datasetObject: o.dataset,
+        datasetObject: a.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((s) => {
         H({
@@ -53,31 +53,31 @@ const Ie = ["id"], Ye = {
         });
       });
     });
-    const f = p(ge()), N = p(null), S = p(0), e = c(() => {
+    const f = p(me()), L = p(null), N = p(0), e = c(() => {
       const s = X({
-        userConfig: o.config,
+        userConfig: a.config,
         defaultConfig: J
       });
       return s.theme ? {
         ...X({
-          userConfig: me.vue_ui_thermometer[s.theme] || o.config,
+          userConfig: ge.vue_ui_thermometer[s.theme] || a.config,
           defaultConfig: s
         }),
         customPalette: pe[s.theme] || x
       } : s;
-    }), { isPrinting: L, isImaging: T, generatePdf: G, generateImage: V } = Ce({
+    }), { isPrinting: S, isImaging: T, generatePdf: G, generateImage: V } = $e({
       elementId: `thermometer__${f.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer"
-    }), _ = c(() => ke(e.value.customPalette)), K = c(() => e.value.style.chart.thermometer.width), v = c(() => o.dataset.steps || 10), i = p({
+    }), _ = c(() => ke(e.value.customPalette)), K = c(() => e.value.style.chart.thermometer.width), y = c(() => a.dataset.steps || 10), i = p({
       top: e.value.style.chart.padding.top,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right,
       bottom: e.value.style.chart.padding.bottom
     });
-    function b(s, r, t) {
-      const u = [], M = W(s), O = W(r);
-      for (let m = 0; m < t; m++) {
-        const oe = P(M.red, O.red, m, t), ae = P(M.green, O.green, m, t), re = P(M.blue, O.blue, m, t), ue = `#${I(oe)}${I(ae)}${I(re)}`;
+    function w(s, r, t) {
+      const u = [], O = W(s), U = W(r);
+      for (let g = 0; g < t; g++) {
+        const ae = I(O.red, U.red, g, t), oe = I(O.green, U.green, g, t), re = I(O.blue, U.blue, g, t), ue = `#${Y(ae)}${Y(oe)}${Y(re)}`;
         u.push(ue);
       }
       return u;
@@ -90,10 +90,10 @@ const Ie = ["id"], Ye = {
         blue: parseInt(r.slice(4, 6), 16)
       };
     }
-    function P(s, r, t, u) {
+    function I(s, r, t, u) {
       return Math.round(s + (r - s) * t / u);
     }
-    function I(s) {
+    function Y(s) {
       return s.toString(16).padStart(2, "0");
     }
     const l = c(() => {
@@ -106,50 +106,50 @@ const Ie = ["id"], Ye = {
         bottom: r - i.value.bottom,
         height: r
       };
-    }), Q = c(() => l.value), Y = c(() => {
-      const s = o.dataset.from < 0 ? Math.abs(o.dataset.from) : o.dataset.from, r = o.dataset.to < 0 ? Math.abs(o.dataset.to) : o.dataset.to;
+    }), Q = c(() => l.value), M = c(() => {
+      const s = a.dataset.from < 0 ? Math.abs(a.dataset.from) : a.dataset.from, r = a.dataset.to < 0 ? Math.abs(a.dataset.to) : a.dataset.to;
       let t = 0;
-      return o.dataset.to > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(o.dataset.from) + o.dataset.value) / t) * (l.value.height - i.value.top - i.value.bottom);
-    }), Z = c(() => `${Y.value}px`), ee = c(() => `${l.value.height - e.value.style.chart.padding.bottom - i.value.top}px`), te = c(() => `${e.value.style.chart.animation.speedMs}ms`), se = c(() => {
-      if (o.dataset.colors) {
-        if (!o.dataset.colors.from)
-          return b(_.value[0] || x[0], $(o.dataset.colors.to), v.value || 10);
-        if (!o.dataset.colors.to)
-          return b($(o.dataset.colors.from), _.value[1] || x[1], v.value || 10);
+      return a.dataset.to > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(a.dataset.from) + a.dataset.value) / t) * (l.value.height - i.value.top - i.value.bottom);
+    }), Z = c(() => `${M.value}px`), ee = c(() => `${l.value.height - e.value.style.chart.padding.bottom - i.value.top}px`), te = c(() => `${e.value.style.chart.animation.speedMs}ms`), se = c(() => {
+      if (a.dataset.colors) {
+        if (!a.dataset.colors.from)
+          return w(_.value[0] || x[0], F(a.dataset.colors.to), y.value || 10);
+        if (!a.dataset.colors.to)
+          return w(F(a.dataset.colors.from), _.value[1] || x[1], y.value || 10);
       } else
-        return b(_.value[1] || x[1], _.value[0] || x[0], v.value || 10);
-      return b($(o.dataset.colors.from), $(o.dataset.colors.to), v.value || 10);
+        return w(_.value[1] || x[1], _.value[0] || x[0], y.value || 10);
+      return w(F(a.dataset.colors.from), F(a.dataset.colors.to), y.value || 10);
     }), E = c(() => {
       const s = [];
       let r = 0;
       const t = l.value.height - i.value.top - i.value.bottom;
-      for (let u = 0; u < t - 1; u += t / v.value)
+      for (let u = 0; u < t - 1; u += t / y.value)
         s.push({
           x: l.value.left,
           y: l.value.top + u,
-          qYLess: l.value.top + u + t / v.value / 4,
-          halfY: l.value.top + u + t / v.value / 2,
-          qYMore: l.value.top + u + t / v.value / 4 * 3,
+          qYLess: l.value.top + u + t / y.value / 4,
+          halfY: l.value.top + u + t / y.value / 2,
+          qYMore: l.value.top + u + t / y.value / 4 * 3,
           color: se.value[r],
-          height: t / v.value
+          height: t / y.value
         }), r += 1;
       return s;
-    }), g = p(!1);
+    }), m = p(!1);
     function le(s) {
-      g.value = s, S.value += 1;
+      m.value = s, N.value += 1;
     }
     return R({
       generatePdf: G,
       generateImage: V
-    }), (s, r) => (a(), n("div", {
+    }), (s, r) => (o(), n("div", {
       ref_key: "thermoChart",
-      ref: N,
-      class: w(`vue-ui-thermometer ${g.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: L,
+      class: C(`vue-ui-thermometer ${m.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: z(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${f.value}`
     }, [
-      e.value.style.title.text ? (a(), n("div", Ye, [
-        he(we, {
+      e.value.style.title.text ? (o(), n("div", Me, [
+        he(Ce, {
           config: {
             title: {
               cy: "thermometer-div-title",
@@ -162,57 +162,57 @@ const Ie = ["id"], Ye = {
           }
         }, null, 8, ["config"])
       ])) : h("", !0),
-      e.value.userOptions.show && F.value ? (a(), B($e, {
+      e.value.userOptions.show && P.value ? (o(), B(Fe, {
         ref: "details",
-        key: `user_options_${S.value}`,
+        key: `user_options_${N.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: y(T),
-        isPrinting: y(L),
+        isImaging: v(T),
+        isPrinting: v(S),
         uid: f.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
-        isFullscreen: g.value,
+        isFullscreen: m.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: L.value,
         onToggleFullscreen: le,
-        onGeneratePdf: y(G),
-        onGenerateImage: y(V)
+        onGeneratePdf: v(G),
+        onGenerateImage: v(V)
       }, ce({ _: 2 }, [
         s.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: U(() => [
+          fn: q(() => [
             k(s.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         s.$slots.optionImg ? {
           name: "optionImg",
-          fn: U(() => [
+          fn: q(() => [
             k(s.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: U(({ toggleFullscreen: t, isFullscreen: u }) => [
+          fn: q(({ toggleFullscreen: t, isFullscreen: u }) => [
             k(s.$slots, "optionFullscreen", j(A({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : h("", !0),
-      F.value ? (a(), n("svg", {
+      P.value ? (o(), n("svg", {
         key: 2,
-        xmlns: y(xe),
-        class: w({ "vue-data-ui-fullscreen--on": g.value, "vue-data-ui-fulscreen--off": !g.value }),
+        xmlns: v(xe),
+        class: C({ "vue-data-ui-fullscreen--on": m.value, "vue-data-ui-fulscreen--off": !m.value }),
         width: "100%",
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
         style: z(`background:${e.value.style.chart.backgroundColor}`)
       }, [
         d("defs", null, [
-          d("clipPath", Oe, [
+          d("clipPath", Ue, [
             d("rect", {
               x: "0",
               y: "0",
@@ -221,9 +221,9 @@ const Ie = ["id"], Ye = {
               rx: "0.5",
               ry: "0.07",
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, Ue)
+            }, null, 8, qe)
           ]),
-          (a(!0), n(C, null, D(E.value, (t, u) => (a(), n("linearGradient", {
+          (o(!0), n($, null, D(E.value, (t, u) => (o(), n("linearGradient", {
             id: `vueUiThermometerGradient_${u}_${f.value}`,
             x1: "0%",
             y1: "0%",
@@ -236,23 +236,23 @@ const Ie = ["id"], Ye = {
             }, null, 8, Ne),
             d("stop", {
               offset: "50%",
-              "stop-color": `${t.color}${y(_e)[100 - e.value.style.chart.graduations.gradient.intensity]}`
+              "stop-color": `${t.color}${v(be)[100 - e.value.style.chart.graduations.gradient.intensity]}`
             }, null, 8, Se),
             d("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Le)
-          ], 8, qe))), 256))
+            }, null, 8, Te)
+          ], 8, Le))), 256))
         ]),
-        d("g", Te, [
+        d("g", Ge, [
           d("rect", {
             x: l.value.left,
             y: l.value.top,
             height: l.value.height - i.value.top - i.value.bottom,
             width: l.value.width - i.value.left - i.value.right,
             fill: "#FFFFFF"
-          }, null, 8, Ge),
-          (a(!0), n(C, null, D(E.value, (t, u) => (a(), n("g", {
+          }, null, 8, Ve),
+          (o(!0), n($, null, D(E.value, (t, u) => (o(), n("g", {
             key: `graduation_${u}`
           }, [
             d("rect", {
@@ -262,8 +262,8 @@ const Ie = ["id"], Ye = {
               width: l.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
               fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${u}_${f.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Ve),
-            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+            }, null, 8, We),
+            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
               key: 0,
               x1: t.x,
               x2: t.x + 10,
@@ -272,9 +272,9 @@ const Ie = ["id"], Ye = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, We)) : h("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (a(), n(C, { key: 1 }, [
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+            }, null, 8, Ee)) : h("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (o(), n($, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 0,
                 x1: t.x,
                 x2: t.x + 5,
@@ -283,8 +283,8 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ee)) : h("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+              }, null, 8, ze)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 1,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -293,8 +293,8 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, ze)) : h("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+              }, null, 8, Be)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 2,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -303,9 +303,9 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Be)) : h("", !0)
+              }, null, 8, je)) : h("", !0)
             ], 64)) : h("", !0),
-            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
               key: 2,
               x1: l.value.right,
               x2: l.value.right - 10,
@@ -314,9 +314,9 @@ const Ie = ["id"], Ye = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, je)) : h("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (a(), n(C, { key: 3 }, [
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+            }, null, 8, Ae)) : h("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (o(), n($, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 0,
                 x1: l.value.right,
                 x2: l.value.right - 5,
@@ -325,8 +325,8 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ae)) : h("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+              }, null, 8, De)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 1,
                 x1: l.value.right,
                 x2: l.value.right - 2.5,
@@ -335,8 +335,8 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, De)) : h("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), n("line", {
+              }, null, 8, He)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 2,
                 x1: l.value.right,
                 x2: l.value.right - 2.5,
@@ -345,33 +345,43 @@ const Ie = ["id"], Ye = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, He)) : h("", !0)
+              }, null, 8, Xe)) : h("", !0)
             ], 64)) : h("", !0)
           ]))), 128)),
           d("rect", {
-            class: w({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: C({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: l.value.left,
             y: l.value.top,
-            height: Y.value,
+            height: M.value,
             width: l.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
             fill: "#FFFFFF66"
-          }, null, 10, Xe)
+          }, null, 10, Re)
         ]),
         d("text", {
-          class: w({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
-          y: Y.value + l.value.top + e.value.style.chart.label.fontSize / 3,
+          class: C({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
+          y: M.value + l.value.top + e.value.style.chart.label.fontSize / 3,
           x: l.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"
-        }, de(y(be)({ p: e.value.style.chart.label.prefix, v: q.dataset.value, s: e.value.style.chart.label.suffix, r: e.value.style.chart.label.rounding })), 11, Re),
+        }, de(v(_e)(
+          e.value.style.chart.label.formatter,
+          b.dataset.value,
+          v(we)({
+            p: e.value.style.chart.label.prefix,
+            v: b.dataset.value,
+            s: e.value.style.chart.label.suffix,
+            r: e.value.style.chart.label.rounding
+          }),
+          { datapoint: b.dataset }
+        )), 11, Je),
         k(s.$slots, "svg", { svg: Q.value }, void 0, !0)
-      ], 14, Me)) : h("", !0),
-      s.$slots.watermark ? (a(), n("div", Je, [
-        k(s.$slots, "watermark", j(A({ isPrinting: y(L) || y(T) })), void 0, !0)
+      ], 14, Oe)) : h("", !0),
+      s.$slots.watermark ? (o(), n("div", Ke, [
+        k(s.$slots, "watermark", j(A({ isPrinting: v(S) || v(T) })), void 0, !0)
       ])) : h("", !0),
-      F.value ? h("", !0) : (a(), B(Fe, {
+      P.value ? h("", !0) : (o(), B(Pe, {
         key: 4,
         config: {
           type: "thermometer",
@@ -383,9 +393,9 @@ const Ie = ["id"], Ye = {
           }
         }
       }, null, 8, ["config"]))
-    ], 14, Ie));
+    ], 14, Ye));
   }
-}, at = /* @__PURE__ */ Pe(Ke, [["__scopeId", "data-v-923d43af"]]);
+}, rt = /* @__PURE__ */ Ie(Qe, [["__scopeId", "data-v-1375e978"]]);
 export {
-  at as default
+  rt as default
 };

package/dist/{vue-ui-timer-Cb95XSdn.cjs → vue-ui-timer-D7fvoR77.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./useNestedProp-C2H2jmU6.cjs"),w=require("./index-Y23HeR26.cjs"),z=require("./useResponsive-B3TrDDIG.cjs"),b=require("./BaseIcon-BK5xYOzV.cjs"),H=require("./Title-DQz9dO4d.cjs"),A=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class L{constructor(N,p,_,T=!0,g=!0){this.interval=p,this.elapsed=0,this.isPaused=!1;const C=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./useNestedProp-Cggpoz7e.cjs"),w=require("./index-hKWfT7Wa.cjs"),z=require("./useResponsive-B3TrDDIG.cjs"),b=require("./BaseIcon-DDCJA3rm.cjs"),H=require("./Title-BU6E8Xld.cjs"),A=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class L{constructor(N,p,_,T=!0,g=!0){this.interval=p,this.elapsed=0,this.isPaused=!1;const C=`
             let interval;
             let elapsed = 0;
             let paused = false;

package/dist/{vue-ui-timer-DBqMb9iX.js → vue-ui-timer-RA9yfgBk.js}

@@ -1,9 +1,9 @@
-import { ref as d, onMounted as q, onBeforeUnmount as J, computed as D, openBlock as r, createElementBlock as u, normalizeStyle as f, createVNode as _, createCommentVNode as p, unref as K, createElementVNode as M, mergeProps as E, renderSlot as N, normalizeProps as B, guardReactiveProps as j, toDisplayString as Q } from "vue";
-import { u as Y } from "./useNestedProp-CH3PVhvc.js";
-import { u as Z, c as ee, X as te, B as O } from "./index-BhCM2QF1.js";
+import { ref as d, onMounted as q, onBeforeUnmount as J, computed as D, openBlock as r, createElementBlock as u, normalizeStyle as f, createVNode as _, createCommentVNode as p, unref as K, createElementVNode as M, mergeProps as E, renderSlot as N, normalizeProps as j, guardReactiveProps as B, toDisplayString as Q } from "vue";
+import { u as Y } from "./useNestedProp-BoNl5H_z.js";
+import { u as Z, c as ee, X as te, C as O } from "./index-BlXzlBwZ.js";
 import { t as ae, u as se } from "./useResponsive-NZB-WLRF.js";
-import x from "./BaseIcon-Op8_v5x7.js";
-import { _ as le } from "./Title-CtWGLaoz.js";
+import x from "./BaseIcon-BG_bJS3R.js";
+import { _ as le } from "./Title-eBTH8iGJ.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class re {
   constructor(F, w, I, z = !0, C = !0) {
@@ -332,7 +332,7 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           width: "0.1",
           style: { overflow: "visible" }
         }, [
-          N(s.$slots, "time", B(j({ ...i.value })), void 0, !0)
+          N(s.$slots, "time", j(B({ ...i.value })), void 0, !0)
         ], 8, we)) : (r(), u("text", {
           key: 4,
           x: t.value.width / 2,
@@ -426,7 +426,7 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
             }, null, 8, ["stroke"])
           ], 12, Me)) : p("", !0)
         ])),
-        N(s.$slots, "controls", B(j({
+        N(s.$slots, "controls", j(B({
           start: R,
           pause: H,
           reset: A,
@@ -437,7 +437,7 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           isPaused: l.value,
           ...i.value
         })), void 0, !0),
-        N(s.$slots, "laps", B(j({
+        N(s.$slots, "laps", j(B({
           laps: y.value,
           lap: S,
           isRunning: a.value,