vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-sparkbar-CLqcdko6.js → vue-ui-sparkbar-DHJdmNDm.js}

@@ -1,33 +1,37 @@
-import { defineAsyncComponent as ue, useSlots as ie, onMounted as L, ref as b, toRefs as ce, computed as x, watch as N, nextTick as de, createElementBlock as u, openBlock as r, normalizeStyle as v, unref as o, renderSlot as D, createCommentVNode as f, createBlock as ve, normalizeProps as fe, mergeProps as P, createElementVNode as c, toDisplayString as p, Fragment as O, renderList as ge, createVNode as pe } from "vue";
-import { c as ye, t as me, i as he, j as A, k as be, o as ke, g as M, l as Ce, m as xe, s as $, a as _, d as w, X as Ae, h as _e } from "./lib-2iaAPQ_c.js";
-import { u as we, a as F } from "./useNestedProp-BCt4DMkT.js";
-import { u as Se, B as De } from "./BaseScanner-BMpwQAfz.js";
-import { u as $e } from "./useThemeCheck-DGJ31Vi5.js";
-const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A3A3A" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#CCCCCC" } }, title: { color: "#CCCCCC" } } }, V = { style: { backgroundColor: "#FFF8E1", gutter: { backgroundColor: "#ded6ca" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#424242" } }, title: { color: "#424242" } } }, U = { style: { backgroundColor: "#1E1E1E", gutter: { backgroundColor: "#2E2E2E" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#BDBDBD" } }, title: { color: "#BDBDBD" } } }, R = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#333333" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#99CC99" } }, title: { color: "#66CC66" } } }, W = { style: { backgroundColor: "#fbfafa", gutter: { backgroundColor: "#f5f0eb" }, bar: { gradient: { underlayerColor: "#fbfafa" } }, labels: { name: { color: "#8A9892" } } } }, G = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, labels: { name: { color: "#50606C" } } } }, q = {
+import { defineAsyncComponent as ce, useSlots as de, onMounted as L, ref as C, toRefs as ve, computed as x, watch as N, nextTick as fe, createElementBlock as u, openBlock as r, normalizeStyle as v, unref as o, renderSlot as D, createCommentVNode as f, createBlock as ge, normalizeProps as pe, mergeProps as P, createElementVNode as c, toDisplayString as p, Fragment as O, renderList as ye, createVNode as me } from "vue";
+import { c as he, t as Ce, i as be, j as A, k as ke, o as xe, g as M, l as Ae, m as _e, s as $, a as _, d as w, X as we, h as Se } from "./lib-CVHM9FhP.js";
+import { u as De, a as F } from "./useNestedProp-Ckf_2P_V.js";
+import { u as $e, B as Fe } from "./BaseScanner-BMpwQAfz.js";
+import { u as Ee } from "./useThemeCheck-D1ZYXUwG.js";
+const j = {}, V = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A3A3A" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#CCCCCC" } }, title: { color: "#CCCCCC" } } }, U = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A3A3A" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#CCCCCC" } }, title: { color: "#CCCCCC" } } }, R = { style: { backgroundColor: "#FFF8E1", gutter: { backgroundColor: "#ded6ca" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#424242" } }, title: { color: "#424242" } } }, W = { style: { backgroundColor: "#1E1E1E", gutter: { backgroundColor: "#2E2E2E" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#BDBDBD" } }, title: { color: "#BDBDBD" } } }, G = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#333333" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#99CC99" } }, title: { color: "#66CC66" } } }, q = { style: { backgroundColor: "#fbfafa", gutter: { backgroundColor: "#f5f0eb" }, bar: { gradient: { underlayerColor: "#fbfafa" } }, labels: { name: { color: "#8A9892" } } } }, H = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, labels: { name: { color: "#50606C" } } } }, X = {
   default: {},
-  dark: j,
-  celebration: V,
-  celebrationNight: U,
-  hack: R,
-  zen: W,
-  concrete: G
-}, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: j,
+  minimalDark: V,
+  dark: U,
+  celebration: R,
+  celebrationNight: W,
+  hack: G,
+  zen: q,
+  concrete: H
+}, He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: V,
-  celebrationNight: U,
-  concrete: G,
-  dark: j,
-  default: q,
-  hack: R,
-  zen: W
-}, Symbol.toStringTag, { value: "Module" })), Fe = ["onClick", "onMouseenter", "onMouseleave"], Ee = {
+  celebration: R,
+  celebrationNight: W,
+  concrete: H,
+  dark: U,
+  default: X,
+  hack: G,
+  minimal: j,
+  minimalDark: V,
+  zen: q
+}, Symbol.toStringTag, { value: "Module" })), Te = ["onClick", "onMouseenter", "onMouseleave"], Be = {
   key: 1,
   class: "vue-ui-sparkbar-datapoint-value"
-}, Te = ["xmlns", "viewBox"], Be = ["id"], Ie = ["stop-color"], ze = ["stop-color"], Le = ["height", "width", "fill", "rx"], Ne = ["height", "width", "fill", "rx"], Pe = ["height", "width", "fill", "rx"], Oe = {
+}, Ie = ["xmlns", "viewBox"], ze = ["id"], Le = ["stop-color"], Ne = ["stop-color"], Pe = ["height", "width", "fill", "rx"], Oe = ["height", "width", "fill", "rx"], Me = ["height", "width", "fill", "rx"], je = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, Me = {
+}, Ve = {
   __name: "vue-ui-sparkbar",
   props: {
     config: {
@@ -51,13 +55,13 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
     }
   },
   emits: ["selectDatapoint"],
-  setup(H, { emit: X }) {
-    const J = ue(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_sparkbar: K } = we(), { isThemeValid: Q, warnInvalidTheme: Y } = $e(), g = H, Z = ie();
+  setup(J, { emit: K }) {
+    const Q = ce(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkbar: Y } = De(), { isThemeValid: Z, warnInvalidTheme: ee } = Ee(), g = J, te = de();
     L(() => {
-      Z["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+      te["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });
-    const E = b(ye()), e = b(S()), { loading: k, FINAL_DATASET: d } = Se({
-      ...ce(g),
+    const E = C(he()), e = C(S()), { loading: b, FINAL_DATASET: d } = $e({
+      ...ve(g),
       FINAL_CONFIG: e,
       prepareConfig: S,
       skeletonDataset: [
@@ -65,7 +69,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
         { name: "_", value: 13, target: 25, color: "#ADADAD" },
         { name: "_", value: 8, target: 25, color: "#DBDBDB" }
       ],
-      skeletonConfig: me({
+      skeletonConfig: Ce({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -88,13 +92,13 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
     function S() {
       const t = F({
         userConfig: g.config,
-        defaultConfig: K
+        defaultConfig: Y
       }), a = t.theme;
       if (!a) return t;
-      if (!Q.value(t))
-        return Y(t), t;
+      if (!Z.value(t))
+        return ee(t), t;
       const l = F({
-        userConfig: q[a] || g.config,
+        userConfig: X[a] || g.config,
         defaultConfig: t
       }), n = F({
         userConfig: g.config,
@@ -102,19 +106,19 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
       });
       return {
         ...n,
-        customPalette: n.customPalette.length ? n.customPalette : he[a] || A
+        customPalette: n.customPalette.length ? n.customPalette : be[a] || A
       };
     }
     N(() => g.config, (t) => {
       e.value = S();
     }, { deep: !0 });
-    const ee = x(() => be(e.value.customPalette)), y = b(d.value.map((t) => ({
+    const le = x(() => ke(e.value.customPalette)), y = C(d.value.map((t) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       formatter: t.formatter || null
-    }))), B = b(null);
+    }))), B = C(null);
     L(async () => {
-      ke(g.dataset) && M({
+      xe(g.dataset) && M({
         componentName: "VueUiSparkbar",
         type: "dataset",
         debug: T.value
@@ -123,16 +127,16 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
     function I() {
       if (e.value.style.animation.show) {
         let h = function() {
-          n += l / t, n < l ? (y.value = y.value.map((s, C) => ({
+          n += l / t, n < l ? (y.value = y.value.map((s, k) => ({
             ...s,
-            value: s.value += a[C]
+            value: s.value += a[k]
           })), B.value = requestAnimationFrame(h)) : y.value = d.value.map((s) => ({
             ...s,
             value: s.value || 0,
             formatter: s.formatter || null
           }));
         };
-        const t = e.value.style.animation.animationFrames, a = d.value.map((s, C) => s.value / t), l = d.value.map((s) => s.value || 0).reduce((s, C) => s + C, 0);
+        const t = e.value.style.animation.animationFrames, a = d.value.map((s, k) => s.value / t), l = d.value.map((s) => s.value || 0).reduce((s, k) => s + k, 0);
         let n = 0;
         h();
       }
@@ -142,13 +146,13 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
         ...a,
         value: e.value.style.animation.show ? 0 : a.value || 0,
         formatter: a.formatter || null
-      })), de(I);
+      })), fe(I);
     }, { deep: !0 });
-    const i = b({
+    const i = C({
       width: 500,
       height: 16
-    }), te = x(() => Math.max(...d.value.map((t) => t.value))), le = x(() => (d.value.forEach((t, a) => {
-      Ce({
+    }), ae = x(() => Math.max(...d.value.map((t) => t.value))), oe = x(() => (d.value.forEach((t, a) => {
+      Ae({
         datasetObject: t,
         requiredAttributes: ["name", "value"]
       }).forEach((l) => {
@@ -163,25 +167,25 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
     }), y.value.map((t, a) => ({
       ...t,
       value: t.value || 0,
-      color: xe(t.color) || ee.value[a] || A[a] || A[a % A.length]
+      color: _e(t.color) || le.value[a] || A[a] || A[a % A.length]
     }))));
-    function ae(t) {
-      return t / te.value;
+    function ne(t) {
+      return t / ae.value;
     }
     function z(t) {
-      return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : ae(t.value);
+      return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : ne(t.value);
     }
     function m(t) {
       return e.value.style.layout.independant && t.target || e.value.style.layout.target;
     }
-    const oe = X;
-    function ne(t, a) {
-      oe("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
+    const re = K;
+    function se(t, a) {
+      re("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
-    function re(t, a) {
+    function ue(t, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
     }
-    function se(t, a) {
+    function ie(t, a) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
     return (t, a) => (r(), u("div", {
@@ -193,7 +197,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
         background: g.backgroundOpacity !== null ? o($)(e.value.style.backgroundColor, g.backgroundOpacity) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? D(t.$slots, "title", fe(P({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : f("", !0),
+      t.$slots.title ? D(t.$slots, "title", pe(P({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : f("", !0),
       !t.$slots.title && e.value.style.title.text ? (r(), u("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
@@ -221,13 +225,13 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
           })
         }, p(e.value.style.title.subtitle.text), 5)) : f("", !0)
       ], 4)) : f("", !0),
-      (r(!0), u(O, null, ge(le.value, (l, n) => (r(), u("div", {
+      (r(!0), u(O, null, ye(oe.value, (l, n) => (r(), u("div", {
         style: v(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${o(d).length > 0 && n !== o(d).length - 1 ? "margin-bottom:6px" : ""}`),
-        onClick: (h) => ne(l, n),
-        onMouseenter: (h) => re(l, n),
-        onMouseleave: (h) => se(l, n)
+        onClick: (h) => se(l, n),
+        onMouseenter: (h) => ue(l, n),
+        onMouseleave: (h) => ie(l, n)
       }, [
-        o(k) ? f("", !0) : D(t.$slots, "data-label", P({
+        o(b) ? f("", !0) : D(t.$slots, "data-label", P({
           key: 0,
           ref_for: !0
         }, { bar: {
@@ -256,7 +260,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             { datapoint: l, seriesIndex: n }
           )
         } })),
-        !t.$slots["data-label"] || o(k) ? (r(), u("div", {
+        !t.$slots["data-label"] || o(b) ? (r(), u("div", {
           key: 1,
           style: v({
             display: "flex",
@@ -269,7 +273,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             flexWrap: "wrap"
           })
         }, [
-          o(k) ? (r(), u("div", {
+          o(b) ? (r(), u("div", {
             key: 0,
             class: "vue-ui-sparkbar-skeleton-name",
             style: v({
@@ -305,7 +309,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
               }),
               { datapoint: l, seriesIndex: n }
             )), 5)) : f("", !0),
-            e.value.style.layout.showTargetValue ? (r(), u("span", Ee, p(" " + e.value.style.layout.targetValueText) + " " + p(o(_)(
+            e.value.style.layout.showTargetValue ? (r(), u("span", Be, p(" " + e.value.style.layout.targetValueText) + " " + p(o(_)(
               l.formatter,
               m(l),
               o(w)({
@@ -319,11 +323,11 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
           ], 64))
         ], 4)) : f("", !0),
         (r(), u("svg", {
-          xmlns: o(Ae),
+          xmlns: o(we),
           viewBox: `0 0 ${i.value.width} ${i.value.height}`,
           width: "100%"
         }, [
-          pe(o(J)),
+          me(o(Q)),
           c("defs", null, [
             c("linearGradient", {
               x1: "0%",
@@ -334,13 +338,13 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             }, [
               c("stop", {
                 offset: "0%",
-                "stop-color": o($)(o(_e)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-              }, null, 8, Ie),
+                "stop-color": o($)(o(Se)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+              }, null, 8, Le),
               c("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, ze)
-            ], 8, Be)
+              }, null, 8, Ne)
+            ], 8, ze)
           ]),
           c("rect", {
             height: i.value.height,
@@ -349,7 +353,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             y: 0,
             fill: o($)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
             rx: i.value.height / 2
-          }, null, 8, Le),
+          }, null, 8, Pe),
           c("rect", {
             height: i.value.height,
             width: i.value.width * z(l),
@@ -357,7 +361,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             y: 0,
             fill: e.value.style.bar.gradient.underlayerColor,
             rx: i.value.height / 2
-          }, null, 8, Ne),
+          }, null, 8, Oe),
           c("rect", {
             height: i.value.height,
             width: i.value.width * z(l),
@@ -365,21 +369,21 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
             y: 0,
             fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${n}_${E.value})` : l.color,
             rx: i.value.height / 2
-          }, null, 8, Pe)
-        ], 8, Te))
-      ], 44, Fe))), 256)),
-      t.$slots.source ? (r(), u("div", Oe, [
+          }, null, 8, Me)
+        ], 8, Ie))
+      ], 44, Te))), 256)),
+      t.$slots.source ? (r(), u("div", je, [
         D(t.$slots, "source")
       ], 512)) : f("", !0),
-      o(k) ? (r(), ve(De, { key: 3 })) : f("", !0)
+      o(b) ? (r(), ge(Fe, { key: 3 })) : f("", !0)
     ], 4));
   }
-}, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Me
+  default: Ve
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Me as _,
-  qe as a,
-  Ge as v
+  Ve as _,
+  Xe as a,
+  He as v
 };

package/dist/{vue-ui-sparkgauge-BA3NDOhA.js → vue-ui-sparkgauge-ANfPLNuD.js}

@@ -1,31 +1,35 @@
-import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as N, normalizeClass as ee } from "vue";
-import { u as te, a as C } from "./useNestedProp-BCt4DMkT.js";
-import { c as ae, t as le, o as oe, g as E, l as se, am as ne, X as re, a as ue, U as A, d as ie } from "./lib-2iaAPQ_c.js";
-import { u as ce, B as ve } from "./BaseScanner-BMpwQAfz.js";
-import { u as de } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, O = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, j = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, T = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, I = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, U = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, P = {
+import { defineAsyncComponent as W, ref as p, toRefs as Z, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as ee, toDisplayString as C, unref as u, createVNode as te, createElementVNode as m, renderSlot as N, normalizeClass as ae } from "vue";
+import { u as le, a as k } from "./useNestedProp-Ckf_2P_V.js";
+import { c as oe, t as se, o as ne, g as E, l as re, am as ue, X as ie, a as ce, U as A, d as ve } from "./lib-CVHM9FhP.js";
+import { u as de, B as fe } from "./BaseScanner-BMpwQAfz.js";
+import { u as me } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as ge } from "./useChartAccessibility-9icAAmYg.js";
+const M = { style: { colors: { min: "#9D7D92", max: "#678681" } } }, O = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, colors: { min: "#9D7D92", max: "#678681" }, gutter: { color: "#3A3A3A" } } }, j = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, T = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, I = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, U = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, P = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, R = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, G = {
   default: {},
-  dark: M,
-  celebration: O,
-  celebrationNight: j,
-  hack: T,
-  zen: I,
-  concrete: U
-}, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: M,
+  minimalDark: O,
+  dark: j,
+  celebration: T,
+  celebrationNight: I,
+  hack: U,
+  zen: P,
+  concrete: R
+}, Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: O,
-  celebrationNight: j,
-  concrete: U,
-  dark: M,
-  default: P,
-  hack: T,
-  zen: I
-}, Symbol.toStringTag, { value: "Module" })), ge = ["xmlns", "viewBox"], me = ["width", "height"], ye = ["id"], be = ["stop-color"], he = ["stop-color"], pe = ["d", "stroke", "stroke-linecap"], ke = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], Ce = ["x", "y", "width", "height"], Ae = ["x", "y", "font-size", "fill", "font-weight"], _e = {
+  celebration: T,
+  celebrationNight: I,
+  concrete: R,
+  dark: j,
+  default: G,
+  hack: U,
+  minimal: M,
+  minimalDark: O,
+  zen: P
+}, Symbol.toStringTag, { value: "Module" })), ye = ["xmlns", "viewBox"], be = ["width", "height"], he = ["id"], pe = ["stop-color"], Ce = ["stop-color"], ke = ["d", "stroke", "stroke-linecap"], Ae = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], _e = ["x", "y", "width", "height"], xe = ["x", "y", "font-size", "fill", "font-weight"], we = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, xe = {
+}, Le = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -41,9 +45,9 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
       }
     }
   },
-  setup(R) {
-    const G = K(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = R, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
-      ...Q(c),
+  setup(V) {
+    const q = W(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkgauge: X } = le(), { isThemeValid: Y, warnInvalidTheme: H } = me(), c = V, _ = p(oe()), e = p(h()), { loading: b, FINAL_DATASET: v } = de({
+      ...Z(c),
       FINAL_CONFIG: e,
       prepareConfig: h,
       skeletonDataset: {
@@ -52,7 +56,7 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
         max: 1,
         title: ""
       },
-      skeletonConfig: le({
+      skeletonConfig: se({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -71,20 +75,20 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
           }
         }
       })
-    }), { svgRef: Y } = fe({ config: { text: c.dataset?.title || "" } });
+    }), { svgRef: J } = ge({ config: { text: c.dataset?.title || "" } });
     function h() {
-      const t = C({
+      const t = k({
         userConfig: c.config,
-        defaultConfig: V
+        defaultConfig: X
       }), o = t.theme;
       if (!o) return t;
-      if (!q.value(t))
-        return X(t), t;
-      const d = C({
-        userConfig: P[o] || c.config,
+      if (!Y.value(t))
+        return H(t), t;
+      const d = k({
+        userConfig: G[o] || c.config,
         defaultConfig: t
       });
-      return C({
+      return k({
         userConfig: c.config,
         defaultConfig: d
       });
@@ -94,11 +98,11 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     });
     const x = n(() => e.value.debug);
     function w() {
-      oe(c.dataset) ? E({
+      ne(c.dataset) ? E({
         componentName: "VueUiSparkgauge",
         type: "dataset",
         debug: x.value
-      }) : se({
+      }) : re({
         datasetObject: c.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
@@ -128,7 +132,7 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     z(() => v.value.value, () => {
       $(v.value.value || 0);
     });
-    const H = n(() => a.value > s.value.max ? s.value.max : a.value < s.value.min ? s.value.min : a.value), L = n(() => s.value.diff / e.value.style.animation.speedMs);
+    const K = n(() => a.value > s.value.max ? s.value.max : a.value < s.value.min ? s.value.min : a.value), L = n(() => s.value.diff / e.value.style.animation.speedMs);
     F(() => {
       $(v.value.value || 0);
     });
@@ -138,29 +142,29 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
       }
       o();
     }
-    const m = n(() => v.value.title ?? ""), S = n(() => {
+    const g = n(() => v.value.title ?? ""), D = n(() => {
       const t = s.value.diff;
       if (!isFinite(t) || t === 0) return 0;
-      const o = s.value.min, d = H.value;
+      const o = s.value.min, d = K.value;
       return d >= 0 ? (d - o) / t : (Math.abs(o) - Math.abs(d)) / t;
-    }), B = n(() => ne(e.value.style.colors.min, e.value.style.colors.max, s.value.min, s.value.max, a.value)), D = n(() => e.value.style.dataLabel.autoColor ? B.value : e.value.style.dataLabel.color), J = n(() => e.value.style.track.autoColor ? B.value : e.value.style.track.color);
+    }), S = n(() => ue(e.value.style.colors.min, e.value.style.colors.max, s.value.min, s.value.max, a.value)), B = n(() => e.value.style.dataLabel.autoColor ? S.value : e.value.style.dataLabel.color), Q = n(() => e.value.style.track.autoColor ? S.value : e.value.style.track.color);
     return (t, o) => (r(), i("div", {
       class: "vue-data-ui-component vue-ui-sparkgauge",
       style: y(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
-      e.value.style.title.show && m.value && e.value.style.title.position === "top" ? (r(), i("div", {
+      e.value.style.title.show && g.value && e.value.style.title.position === "top" ? (r(), i("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
         style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
-      }, k(m.value), 5)) : f("", !0),
+      }, C(g.value), 5)) : f("", !0),
       (r(), i("svg", {
         ref_key: "svgRef",
-        ref: Y,
-        xmlns: u(re),
+        ref: J,
+        xmlns: u(ie),
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
-        Z(u(G)),
+        te(u(q)),
         t.$slots["chart-background"] && !u(b) ? (r(), i("foreignObject", {
           key: 0,
           x: 0,
@@ -172,44 +176,44 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
           }
         }, [
           N(t.$slots, "chart-background")
-        ], 8, me)) : f("", !0),
-        g("defs", null, [
-          g("linearGradient", {
+        ], 8, be)) : f("", !0),
+        m("defs", null, [
+          m("linearGradient", {
             id: `gradient_${_.value}`,
             x1: "-10%",
             y1: "100%",
             x2: "110%",
             y2: "100%"
           }, [
-            g("stop", {
+            m("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
-            }, null, 8, be),
-            g("stop", {
+            }, null, 8, pe),
+            m("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
-            }, null, 8, he)
-          ], 8, ye)
+            }, null, 8, Ce)
+          ], 8, he)
         ]),
-        g("path", {
+        m("path", {
           d: `M10 ${l.value.base} A 1 1 0 1 1 118 ${l.value.base}`,
           stroke: e.value.style.gutter.color,
           "stroke-width": 8,
           "stroke-linecap": e.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, pe),
-        S.value !== 0 ? (r(), i("path", {
+        }, null, 8, ke),
+        D.value !== 0 ? (r(), i("path", {
           key: 1,
           d: `M10 ${l.value.base} A 1 1 0 1 1 118 ${l.value.base}`,
-          stroke: e.value.style.colors.showGradient ? `url(#gradient_${_.value})` : J.value,
+          stroke: e.value.style.colors.showGradient ? `url(#gradient_${_.value})` : Q.value,
           "stroke-width": 8,
           "stroke-linecap": e.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * S.value,
-          class: ee({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
+          "stroke-dashoffset": 169.5 - 169.5 * D.value,
+          class: ae({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
           style: y(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, ke)) : f("", !0),
+        }, null, 14, Ae)) : f("", !0),
         u(b) ? (r(), i("rect", {
           key: 2,
           x: l.value.width / 2 - e.value.style.dataLabel.fontSize / 2,
@@ -218,43 +222,43 @@ const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
           height: e.value.style.dataLabel.fontSize,
           fill: "#6A6A6A50",
           rx: 3
-        }, null, 8, Ce)) : (r(), i("text", {
+        }, null, 8, _e)) : (r(), i("text", {
           key: 3,
           "text-anchor": "middle",
           x: l.value.width / 2,
           y: l.value.base + 6 + e.value.style.dataLabel.offsetY,
           "font-size": e.value.style.dataLabel.fontSize,
-          fill: D.value,
+          fill: B.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, k(u(ue)(
+        }, C(u(ce)(
           e.value.style.dataLabel.formatter,
           u(A)(a.value),
-          u(ie)({
+          u(ve)({
             p: e.value.style.dataLabel.prefix,
             v: u(A)(a.value),
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
-          { datapoint: u(A)(a.value), color: D.value }
-        )), 9, Ae))
-      ], 8, ge)),
-      e.value.style.title.show && m.value && e.value.style.title.position === "bottom" ? (r(), i("div", {
+          { datapoint: u(A)(a.value), color: B.value }
+        )), 9, xe))
+      ], 8, ye)),
+      e.value.style.title.show && g.value && e.value.style.title.position === "bottom" ? (r(), i("div", {
         key: 1,
         class: "vue-data-ui-sparkgauge-label",
         style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
-      }, k(m.value), 5)) : f("", !0),
-      t.$slots.source ? (r(), i("div", _e, [
+      }, C(g.value), 5)) : f("", !0),
+      t.$slots.source ? (r(), i("div", we, [
         N(t.$slots, "source")
       ], 512)) : f("", !0),
-      u(b) ? (r(), W(ve, { key: 3 })) : f("", !0)
+      u(b) ? (r(), ee(fe, { key: 3 })) : f("", !0)
     ], 4));
   }
-}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xe
+  default: Le
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  xe as _,
-  Ne as a,
-  ze as v
+  Le as _,
+  Me as a,
+  Ee as v
 };