vue-data-ui 2.0.33 → 2.0.34

package/dist/{index-1fa1478e.js → index-eb72d5ca.js}

@@ -12820,7 +12820,7 @@ function(e) {
  */
 function(e) {
   function t() {
-    return (ct.canvg ? Promise.resolve(ct.canvg) : import("./index.es-4bf25f88.js")).catch(function(l) {
+    return (ct.canvg ? Promise.resolve(ct.canvg) : import("./index.es-d9e77ce3.js")).catch(function(l) {
       return Promise.reject(new Error("Could not load canvg: " + l));
     }).then(function(l) {
       return l.default ? l.default : l;
@@ -38128,31 +38128,29 @@ const rD = ["viewBox"], nD = ["d", "stroke", "stroke-linecap"], sD = ["d", "stro
       height: r.value.style.height,
       width: 128,
       base: r.value.style.basePosition
-    }));
-    console.log(a.value);
-    const o = fe(() => {
-      const s = t.dataset.min ?? 0, f = t.dataset.max ?? 0, c = f - s;
+    })), o = fe(() => {
+      const f = t.dataset.min ?? 0, c = t.dataset.max ?? 0, x = c - f;
       return {
-        min: s,
-        max: f,
-        diff: c
+        min: f,
+        max: c,
+        diff: x
       };
-    }), n = q(r.value.style.animation.show ? o.value.min : t.dataset.value), i = fe(() => o.value.diff / r.value.style.animation.speedMs);
+    }), n = q(r.value.style.animation.show ? o.value.min : t.dataset.value), i = fe(() => n.value > o.value.max ? o.value.max : n.value < o.value.min ? o.value.min : n.value), u = fe(() => o.value.diff / r.value.style.animation.speedMs);
     Xo(() => {
-      function s() {
-        n.value += i.value, n.value < t.dataset.value ? requestAnimationFrame(s) : n.value = t.dataset.value;
+      function f() {
+        n.value += u.value, n.value < t.dataset.value ? requestAnimationFrame(f) : n.value = t.dataset.value;
       }
-      r.value.style.animation.show && (n.value = o.value.min, s());
+      r.value.style.animation.show && (n.value = o.value.min, f());
     });
-    const u = fe(() => t.dataset.title ?? ""), A = fe(() => n.value >= 0 ? (n.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(n.value)) / o.value.diff), h = fe(() => gA(r.value.style.colors.min, r.value.style.colors.max, o.value.min, o.value.max, n.value)), y = fe(() => r.value.style.dataLabel.autoColor ? h.value : r.value.style.dataLabel.color), w = fe(() => r.value.style.track.autoColor ? h.value : r.value.style.track.color);
-    return (s, f) => (v(), g("div", {
+    const A = fe(() => t.dataset.title ?? ""), h = fe(() => n.value >= 0 ? (i.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(i.value)) / o.value.diff), y = fe(() => gA(r.value.style.colors.min, r.value.style.colors.max, o.value.min, o.value.max, n.value)), w = fe(() => r.value.style.dataLabel.autoColor ? y.value : r.value.style.dataLabel.color), s = fe(() => r.value.style.track.autoColor ? y.value : r.value.style.track.color);
+    return (f, c) => (v(), g("div", {
       style: T(`font-family:${r.value.style.fontFamily};width: 100%; background:${r.value.style.background}`)
     }, [
-      r.value.style.title.show && u.value && r.value.style.title.position === "top" ? (v(), g("div", {
+      r.value.style.title.show && A.value && r.value.style.title.position === "top" ? (v(), g("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
         style: T(`font-size:${r.value.style.title.fontSize}px;text-align:${r.value.style.title.textAlign};font-weight:${r.value.style.title.bold ? "bold" : "normal"};color:${r.value.style.title.color}`)
-      }, I(u.value), 5)) : M("", !0),
+      }, I(A.value), 5)) : M("", !0),
       (v(), g("svg", {
         viewBox: `0 0 ${a.value.width} ${a.value.height}`,
         style: T(`overflow: visible; background:${r.value.style.background}; width:100%;`)
@@ -38164,15 +38162,15 @@ const rD = ["viewBox"], nD = ["d", "stroke", "stroke-linecap"], sD = ["d", "stro
           "stroke-linecap": r.value.style.gutter.strokeLinecap,
           fill: "none"
         }, null, 8, nD),
-        A.value !== 0 ? (v(), g("path", {
+        h.value !== 0 ? (v(), g("path", {
           key: 0,
           d: `M10 ${a.value.base} A 1 1 0 1 1 118 ${a.value.base}`,
-          stroke: w.value,
+          stroke: s.value,
           "stroke-width": 8,
           "stroke-linecap": r.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * A.value,
+          "stroke-dashoffset": 169.5 - 169.5 * h.value,
           class: Ee({ "vue-ui-sparkgauge-track": r.value.style.animation.show }),
           style: T(r.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${r.value.style.animation.speedMs}ms ease-in;` : "")
         }, null, 14, sD)) : M("", !0),
@@ -38181,15 +38179,15 @@ const rD = ["viewBox"], nD = ["d", "stroke", "stroke-linecap"], sD = ["d", "stro
           x: a.value.width / 2,
           y: a.value.base + 6 + r.value.style.dataLabel.offsetY,
           "font-size": r.value.style.dataLabel.fontSize,
-          fill: y.value,
+          fill: w.value,
           "font-weight": r.value.style.dataLabel.bold ? "bold" : "normal"
         }, I(xe(Bt)({ p: r.value.style.dataLabel.prefix, v: n.value, s: r.value.style.dataLabel.suffix, r: r.value.style.dataLabel.rounding })), 9, iD)
       ], 12, rD)),
-      r.value.style.title.show && u.value && r.value.style.title.position === "bottom" ? (v(), g("div", {
+      r.value.style.title.show && A.value && r.value.style.title.position === "bottom" ? (v(), g("div", {
         key: 1,
         class: "vue-data-ui-sparkgauge-label",
         style: T(`font-size:${r.value.style.title.fontSize}px;text-align:${r.value.style.title.textAlign};font-weight:${r.value.style.title.bold ? "bold" : "normal"};font-weight:${r.value.style.title.bold ? "bold" : "normal"};color:${r.value.style.title.color}`)
-      }, I(u.value), 5)) : M("", !0)
+      }, I(A.value), 5)) : M("", !0)
     ], 4));
   }
 };

package/dist/{index.es-4bf25f88.js → index.es-d9e77ce3.js}

@@ -1,4 +1,4 @@
-import { _ as Ha } from "./index-1fa1478e.js";
+import { _ as Ha } from "./index-eb72d5ca.js";
 import "vue";
 var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Vo(a) {

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { I as s, F as u, p as V, s as U, o as r, g as t, r as o, G as n, b as l, C as S, f as d, m as g, D as k, J as m, H as p, E as c, L as D, h as b, e as h, d as f, k as C, u as R, z as T, n as y, j as A, l as M, t as B, y as H, x as v, q as w, M as x, S as E, a as G, T as I, w as L, B as W, i as j, c as q, A as z, v as F, K as J } from "./index-1fa1478e.js";
+import { I as s, F as u, p as V, s as U, o as r, g as t, r as o, G as n, b as l, C as S, f as d, m as g, D as k, J as m, H as p, E as c, L as D, h as b, e as h, d as f, k as C, u as R, z as T, n as y, j as A, l as M, t as B, y as H, x as v, q as w, M as x, S as E, a as G, T as I, w as L, B as W, i as j, c as q, A as z, v as F, K as J } from "./index-eb72d5ca.js";
 import "vue";
 export {
   s as Arrow,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.33",
+  "version": "2.0.34",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [