vue-data-ui 2.4.1 → 2.4.3

package/dist/{vue-ui-sparkbar-Bb1fq2GR.js → vue-ui-sparkbar-CwqlyAyv.js}

@@ -1,9 +1,13 @@
-import { computed as g, ref as x, watch as P, onMounted as q, nextTick as H, openBlock as r, createElementBlock as v, normalizeStyle as p, unref as s, renderSlot as z, normalizeProps as L, mergeProps as X, createCommentVNode as d, createElementVNode as c, toDisplayString as f, Fragment as O, renderList as R, guardReactiveProps as J, createVNode as K, createBlock as Q } from "vue";
-import { u as Y, c as Z, t as ee, a as te, p as k, b as le, o as ae, e as T, g as oe, d as se, s as b, i as w, f as _, X as ue, w as ne } from "./index-DDXisDKy.js";
-import { u as V } from "./useNestedProp-S1UXxUgm.js";
-import ie from "./vue-ui-skeleton-B2sRnIXX.js";
-import { _ as re } from "./PackageVersion-DtnhR89q.js";
-const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"], fe = ["stop-color"], ye = ["stop-color"], me = ["height", "width", "fill", "rx"], ge = ["height", "width", "fill", "rx"], he = ["height", "width", "fill", "rx"], be = {
+import { computed as g, ref as x, watch as z, onMounted as q, nextTick as H, openBlock as n, createElementBlock as v, normalizeStyle as f, unref as s, renderSlot as b, normalizeProps as L, mergeProps as X, createCommentVNode as c, createElementVNode as d, toDisplayString as p, Fragment as O, renderList as R, guardReactiveProps as J, createVNode as K, createBlock as Q } from "vue";
+import { u as Y, c as Z, t as ee, a as te, p as k, b as le, o as ae, e as T, g as oe, d as se, s as $, i as w, f as _, X as ue, w as ne } from "./index-Bya_q1J-.js";
+import { u as V } from "./useNestedProp-B33hazbH.js";
+import ie from "./vue-ui-skeleton-BYssP0K4.js";
+import { _ as re } from "./PackageVersion-VkaUzgmt.js";
+const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], fe = ["id"], pe = ["stop-color"], ye = ["stop-color"], me = ["height", "width", "fill", "rx"], ge = ["height", "width", "fill", "rx"], he = ["height", "width", "fill", "rx"], xe = {
+  key: 2,
+  ref: "source",
+  dir: "auto"
+}, $e = {
   __name: "vue-ui-sparkbar",
   props: {
     config: {
@@ -28,11 +32,11 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
   },
   emits: ["selectDatapoint"],
   setup(C, { emit: E }) {
-    const a = C, { vue_ui_sparkbar: B } = Y(), $ = g(() => !!a.dataset && a.dataset.length), S = x(Z()), e = g({
-      get: () => A(),
+    const a = C, { vue_ui_sparkbar: B } = Y(), S = g(() => !!a.dataset && a.dataset.length), A = x(Z()), e = g({
+      get: () => N(),
       set: (t) => t
     });
-    function A() {
+    function N() {
       const t = V({
         userConfig: a.config,
         defaultConfig: B
@@ -45,45 +49,45 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
         customPalette: te[t.theme] || k
       } : t;
     }
-    P(() => a.config, (t) => {
-      e.value = A();
+    z(() => a.config, (t) => {
+      e.value = N();
     }, { deep: !0 });
     const M = g(() => le(e.value.customPalette)), y = x(a.dataset.map((t) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       formatter: t.formatter || null
-    }))), N = x(null);
+    }))), D = x(null);
     q(async () => {
       ae(a.dataset) && T({
         componentName: "VueUiSparkbar",
         type: "dataset"
-      }), D();
+      }), F();
     });
-    function D() {
+    function F() {
       if (e.value.style.animation.show) {
-        let I = function() {
-          i += l / t, i < l ? (y.value = y.value.map((u, h) => ({
+        let P = function() {
+          r += l / t, r < l ? (y.value = y.value.map((u, h) => ({
             ...u,
             value: u.value += o[h]
-          })), N.value = requestAnimationFrame(I)) : y.value = a.dataset.map((u) => ({
+          })), D.value = requestAnimationFrame(P)) : y.value = a.dataset.map((u) => ({
             ...u,
             value: u.value || 0,
             formatter: u.formatter || null
           }));
         };
         const t = e.value.style.animation.animationFrames, o = a.dataset.map((u, h) => u.value / t), l = a.dataset.map((u) => u.value || 0).reduce((u, h) => u + h, 0);
-        let i = 0;
-        I();
+        let r = 0;
+        P();
       }
     }
-    P(() => a.dataset, async (t) => {
-      cancelAnimationFrame(N.value), y.value = a.dataset.map((o) => ({
+    z(() => a.dataset, async (t) => {
+      cancelAnimationFrame(D.value), y.value = a.dataset.map((o) => ({
         ...o,
         value: e.value.style.animation.show ? 0 : o.value || 0,
         formatter: o.formatter || null
-      })), H(D);
+      })), H(F);
     }, { deep: !0 });
-    const n = x({
+    const i = x({
       width: 500,
       height: 16
     }), U = g(() => Math.max(...a.dataset.map((t) => t.value))), j = g(() => (a.dataset.forEach((t, o) => {
@@ -106,7 +110,7 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
     function G(t) {
       return t / U.value;
     }
-    function F(t) {
+    function I(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 : G(t.value);
     }
     function m(t) {
@@ -115,48 +119,48 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
     function W(t, o) {
       E("selectDatapoint", { datapoint: t, index: o });
     }
-    return (t, o) => (r(), v("div", {
-      style: p({
+    return (t, o) => (n(), v("div", {
+      style: f({
         width: "100%",
         fontFamily: e.value.style.fontFamily,
-        background: a.backgroundOpacity !== null ? s(b)(e.value.style.backgroundColor, a.backgroundOpacity) : e.value.style.backgroundColor
+        background: a.backgroundOpacity !== null ? s($)(e.value.style.backgroundColor, a.backgroundOpacity) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? z(t.$slots, "title", L(X({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : d("", !0),
-      !t.$slots.title && e.value.style.title.text ? (r(), v("div", {
+      t.$slots.title ? b(t.$slots, "title", L(X({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : c("", !0),
+      !t.$slots.title && e.value.style.title.text ? (n(), v("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
-        style: p({
+        style: f({
           background: e.value.style.title.backgroundColor,
           margin: e.value.style.title.margin,
           textAlign: e.value.style.title.textAlign
         })
       }, [
-        c("div", {
+        d("div", {
           class: "vue-ui-sparkbar-title",
-          style: p({
+          style: f({
             fontSize: e.value.style.title.fontSize + "px",
             color: e.value.style.title.color,
             fontWeight: e.value.style.title.bold ? "bold" : "normal"
           })
-        }, f(e.value.style.title.text), 5),
-        e.value.style.title.subtitle.text ? (r(), v("div", {
+        }, p(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (n(), v("div", {
           key: 0,
           class: "vue-ui-sparkbar-subtitle",
-          style: p({
+          style: f({
             fontSize: e.value.style.title.subtitle.fontSize + "px",
             color: e.value.style.title.subtitle.color,
             fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
           })
-        }, f(e.value.style.title.subtitle.text), 5)) : d("", !0)
-      ], 4)) : d("", !0),
-      (r(!0), v(O, null, R(j.value, (l, i) => (r(), v(O, null, [
-        $.value ? (r(), v("div", {
+        }, p(e.value.style.title.subtitle.text), 5)) : c("", !0)
+      ], 4)) : c("", !0),
+      (n(!0), v(O, null, R(j.value, (l, r) => (n(), v(O, null, [
+        S.value ? (n(), v("div", {
           key: 0,
-          style: p(`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;${C.dataset.length > 0 && i !== C.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
-          onClick: () => W(l, i)
+          style: f(`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;${C.dataset.length > 0 && r !== C.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+          onClick: () => W(l, r)
         }, [
-          z(t.$slots, "data-label", L(J({ bar: {
+          b(t.$slots, "data-label", L(J({ bar: {
             ...l,
             target: m(l),
             valueLabel: s(w)(
@@ -168,7 +172,7 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: i }
+              { datapoint: l, seriesIndex: r }
             ),
             targetLabel: s(w)(
               l.formatter,
@@ -179,12 +183,12 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: i }
+              { datapoint: l, seriesIndex: r }
             )
           } }))),
-          t.$slots["data-label"] ? d("", !0) : (r(), v("div", {
+          t.$slots["data-label"] ? c("", !0) : (n(), v("div", {
             key: 0,
-            style: p({
+            style: f({
               width: e.value.style.labels.name.width,
               color: e.value.style.labels.name.color,
               fontSize: e.value.style.labels.fontSize + "px",
@@ -192,11 +196,11 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
               textAlign: ["left", "right"].includes(e.value.style.labels.name.position) || ["top", "top-left"].includes(e.value.style.labels.name.position) ? "left" : e.value.style.labels.name.position === "top-center" ? "center" : "right"
             })
           }, [
-            c("span", null, f(l.name), 1),
-            e.value.style.labels.value.show ? (r(), v("span", {
+            d("span", null, p(l.name), 1),
+            e.value.style.labels.value.show ? (n(), v("span", {
               key: 0,
-              style: p(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
-            }, ": " + f(s(w)(
+              style: f(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
+            }, ": " + p(s(w)(
               l.formatter,
               l.value,
               s(_)({
@@ -205,9 +209,9 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: i }
-            )), 5)) : d("", !0),
-            e.value.style.layout.showTargetValue ? (r(), v("span", ce, f(" " + e.value.style.layout.targetValueText) + " " + f(s(w)(
+              { datapoint: l, seriesIndex: r }
+            )), 5)) : c("", !0),
+            e.value.style.layout.showTargetValue ? (n(), v("span", ce, p(" " + e.value.style.layout.targetValueText) + " " + p(s(w)(
               l.formatter,
               m(l),
               s(_)({
@@ -216,62 +220,65 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: i }
-            )), 1)) : d("", !0)
+              { datapoint: l, seriesIndex: r }
+            )), 1)) : c("", !0)
           ], 4)),
-          (r(), v("svg", {
+          (n(), v("svg", {
             xmlns: s(ue),
-            viewBox: `0 0 ${n.value.width} ${n.value.height}`,
+            viewBox: `0 0 ${i.value.width} ${i.value.height}`,
             width: "100%"
           }, [
             K(re),
-            c("defs", null, [
-              c("linearGradient", {
+            d("defs", null, [
+              d("linearGradient", {
                 x1: "0%",
                 y1: "0%",
                 x2: "100%",
                 y2: "0%",
-                id: `sparkbar_gradient_${i}_${S.value}`
+                id: `sparkbar_gradient_${r}_${A.value}`
               }, [
-                c("stop", {
+                d("stop", {
                   offset: "0%",
-                  "stop-color": s(b)(s(ne)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-                }, null, 8, fe),
-                c("stop", {
+                  "stop-color": s($)(s(ne)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+                }, null, 8, pe),
+                d("stop", {
                   offset: "100%",
                   "stop-color": l.color
                 }, null, 8, ye)
-              ], 8, pe)
+              ], 8, fe)
             ]),
-            c("rect", {
-              height: n.value.height,
-              width: n.value.width,
+            d("rect", {
+              height: i.value.height,
+              width: i.value.width,
               x: 0,
               y: 0,
-              fill: s(b)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
-              rx: n.value.height / 2
+              fill: s($)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+              rx: i.value.height / 2
             }, null, 8, me),
-            c("rect", {
-              height: n.value.height,
-              width: n.value.width * F(l),
+            d("rect", {
+              height: i.value.height,
+              width: i.value.width * I(l),
               x: 0,
               y: 0,
               fill: e.value.style.bar.gradient.underlayerColor,
-              rx: n.value.height / 2
+              rx: i.value.height / 2
             }, null, 8, ge),
-            c("rect", {
-              height: n.value.height,
-              width: n.value.width * F(l),
+            d("rect", {
+              height: i.value.height,
+              width: i.value.width * I(l),
               x: 0,
               y: 0,
-              fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${i}_${S.value})` : l.color,
-              rx: n.value.height / 2
+              fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${r}_${A.value})` : l.color,
+              rx: i.value.height / 2
             }, null, 8, he)
           ], 8, de))
-        ], 12, ve)) : d("", !0)
+        ], 12, ve)) : c("", !0)
       ], 64))), 256)),
-      $.value ? d("", !0) : (r(), Q(ie, {
-        key: 2,
+      t.$slots.source ? (n(), v("div", xe, [
+        b(t.$slots, "source")
+      ], 512)) : c("", !0),
+      S.value ? c("", !0) : (n(), Q(ie, {
+        key: 3,
         config: {
           type: "sparkbar",
           style: {
@@ -286,5 +293,5 @@ const ve = ["onClick"], ce = { key: 1 }, de = ["xmlns", "viewBox"], pe = ["id"],
   }
 };
 export {
-  be as default
+  $e as default
 };

package/dist/vue-ui-sparkgauge-Dqntz2Zv.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-eFox7weK.cjs"),b=require("./useNestedProp-BkgEhTQY.cjs"),$=require("./vue-ui-skeleton-BqKzuhkB.cjs"),w=require("./PackageVersion-DwI-KhXH.cjs"),S=["xmlns","viewBox"],L=["id"],B=["stop-color"],E=["stop-color"],M=["d","stroke","stroke-linecap"],z=["d","stroke","stroke-linecap","stroke-dashoffset"],V=["x","y","font-size","fill","font-weight"],A={key:4,ref:"source",dir:"auto"},q={__name:"vue-ui-sparkgauge",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(C){const o=C,{vue_ui_sparkgauge:_}=s.useConfig(),c=e.computed(()=>!!o.dataset&&Object.keys(o.dataset).length);e.onMounted(()=>{d()});function d(){s.objectIsEmpty(o.dataset)?s.error({componentName:"VueUiSparkgauge",type:"dataset"}):s.getMissingDatasetAttributes({datasetObject:o.dataset,requiredAttributes:["value","min","max"]}).forEach(a=>{s.error({componentName:"VueUiSparkgauge",type:"datasetAttribute",property:a})})}const v=e.ref(s.createUid()),t=e.computed({get:()=>m(),set:a=>a});function m(){const a=b.useNestedProp({userConfig:o.config,defaultConfig:_});return a.theme?{...b.useNestedProp({userConfig:s.themes.vue_ui_sparkgauge[a.theme]||o.config,defaultConfig:a})}:a}e.watch(()=>o.config,a=>{t.value=m(),d()},{deep:!0});const u=e.computed(()=>({height:t.value.style.height,width:128,base:t.value.style.basePosition})),n=e.computed(()=>{const a=o.dataset.min??0,r=o.dataset.max??0,N=r-a;return{min:a,max:r,diff:N}}),l=e.ref(t.value.style.animation.show?n.value.min:o.dataset.value);e.watch(()=>o.dataset.value,()=>{y(o.dataset.value||0)});const f=e.computed(()=>l.value>n.value.max?n.value.max:l.value<n.value.min?n.value.min:l.value),p=e.computed(()=>n.value.diff/t.value.style.animation.speedMs);e.onMounted(()=>{y(o.dataset.value||0)});function y(a){function r(){l.value<a?l.value=Math.min(l.value+p.value,a):l.value>a&&(l.value=Math.max(l.value-p.value,a)),l.value!==a&&requestAnimationFrame(r)}r()}const i=e.computed(()=>o.dataset.title??""),g=e.computed(()=>l.value>=0?(f.value-n.value.min)/n.value.diff:(Math.abs(n.value.min)-Math.abs(f.value))/n.value.diff),k=e.computed(()=>s.interpolateColorHex(t.value.style.colors.min,t.value.style.colors.max,n.value.min,n.value.max,l.value)),h=e.computed(()=>t.value.style.dataLabel.autoColor?k.value:t.value.style.dataLabel.color),x=e.computed(()=>t.value.style.track.autoColor?k.value:t.value.style.track.color);return(a,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width: 100%; background:${t.value.style.background}`)},[t.value.style.title.show&&i.value&&t.value.style.title.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-data-ui-sparkgauge-label",style:e.normalizeStyle(`font-size:${t.value.style.title.fontSize}px;text-align:${t.value.style.title.textAlign};font-weight:${t.value.style.title.bold?"bold":"normal"};color:${t.value.style.title.color}`)},e.toDisplayString(i.value),5)):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(s.XMLNS),viewBox:`0 0 ${u.value.width} ${u.value.height}`,style:"overflow: visible; background:transparent; width:100%;"},[e.createVNode(w._sfc_main),e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`gradient_${v.value}`,x1:"-10%",y1:"100%",x2:"110%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.colors.min},null,8,B),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.colors.max},null,8,E)],8,L)]),e.createElementVNode("path",{d:`M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,stroke:t.value.style.gutter.color,"stroke-width":8,"stroke-linecap":t.value.style.gutter.strokeLinecap,fill:"none"},null,8,M),g.value!==0?(e.openBlock(),e.createElementBlock("path",{key:0,d:`M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,stroke:t.value.style.colors.showGradient?`url(#gradient_${v.value})`:x.value,"stroke-width":8,"stroke-linecap":t.value.style.track.strokeLinecap,fill:"none","stroke-dasharray":169.5,"stroke-dashoffset":169.5-169.5*g.value,class:e.normalizeClass({"vue-ui-sparkgauge-track":t.value.style.animation.show}),style:e.normalizeStyle(t.value.style.animation.show?`animation: vue-ui-sparkgauge-animation ${t.value.style.animation.speedMs}ms ease-in;`:"")},null,14,z)):e.createCommentVNode("",!0),e.createElementVNode("text",{"text-anchor":"middle",x:u.value.width/2,y:u.value.base+6+t.value.style.dataLabel.offsetY,"font-size":t.value.style.dataLabel.fontSize,fill:h.value,"font-weight":t.value.style.dataLabel.bold?"bold":"normal"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.dataLabel.formatter,e.unref(s.checkNaN)(l.value),e.unref(s.dataLabel)({p:t.value.style.dataLabel.prefix,v:e.unref(s.checkNaN)(l.value),s:t.value.style.dataLabel.suffix,r:t.value.style.dataLabel.rounding}),{datapoint:e.unref(s.checkNaN)(l.value),color:h.value})),9,V)],8,S)):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($.default,{key:2,config:{type:"gauge",style:{backgroundColor:t.value.style.background,gauge:{color:"#CCCCCC"}}}},null,8,["config"])),t.value.style.title.show&&i.value&&t.value.style.title.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:3,class:"vue-data-ui-sparkgauge-label",style:e.normalizeStyle(`font-size:${t.value.style.title.fontSize}px;text-align:${t.value.style.title.textAlign};font-weight:${t.value.style.title.bold?"bold":"normal"};font-weight:${t.value.style.title.bold?"bold":"normal"};color:${t.value.style.title.color}`)},e.toDisplayString(i.value),5)):e.createCommentVNode("",!0),a.$slots.source?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(a.$slots,"source")],512)):e.createCommentVNode("",!0)],4))}};exports.default=q;

package/dist/{vue-ui-sparkgauge-DWuaAQbo.js → vue-ui-sparkgauge-F2XbiXyA.js}

@@ -1,9 +1,13 @@
-import { computed as s, onMounted as N, ref as A, watch as M, openBlock as i, createElementBlock as c, normalizeStyle as m, toDisplayString as y, createCommentVNode as d, unref as r, createVNode as D, createElementVNode as v, normalizeClass as E, createBlock as G } from "vue";
-import { u as I, o as U, e as S, g as q, c as P, t as R, N as T, X, i as H, v as p, f as V } from "./index-DDXisDKy.js";
-import { u as z } from "./useNestedProp-S1UXxUgm.js";
-import Y from "./vue-ui-skeleton-B2sRnIXX.js";
-import { _ as J } from "./PackageVersion-DtnhR89q.js";
-const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color"], ee = ["d", "stroke", "stroke-linecap"], te = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ae = ["x", "y", "font-size", "fill", "font-weight"], ie = {
+import { computed as s, onMounted as N, ref as A, watch as M, openBlock as n, createElementBlock as i, normalizeStyle as m, toDisplayString as y, createCommentVNode as v, unref as c, createVNode as D, createElementVNode as d, normalizeClass as E, createBlock as G, renderSlot as I } from "vue";
+import { u as U, o as q, e as S, g as P, c as R, t as T, N as X, X as H, i as V, v as p, f as Y } from "./index-Bya_q1J-.js";
+import { u as z } from "./useNestedProp-B33hazbH.js";
+import J from "./vue-ui-skeleton-BYssP0K4.js";
+import { _ as K } from "./PackageVersion-VkaUzgmt.js";
+const Q = ["xmlns", "viewBox"], W = ["id"], Z = ["stop-color"], ee = ["stop-color"], te = ["d", "stroke", "stroke-linecap"], ae = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], le = ["x", "y", "font-size", "fill", "font-weight"], oe = {
+  key: 4,
+  ref: "source",
+  dir: "auto"
+}, ve = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -20,15 +24,15 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
     }
   },
   setup(F) {
-    const l = F, { vue_ui_sparkgauge: O } = I(), g = s(() => !!l.dataset && Object.keys(l.dataset).length);
+    const l = F, { vue_ui_sparkgauge: O } = U(), g = s(() => !!l.dataset && Object.keys(l.dataset).length);
     N(() => {
       h();
     });
     function h() {
-      U(l.dataset) ? S({
+      q(l.dataset) ? S({
         componentName: "VueUiSparkgauge",
         type: "dataset"
-      }) : q({
+      }) : P({
         datasetObject: l.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
@@ -39,7 +43,7 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
         });
       });
     }
-    const b = A(P()), e = s({
+    const b = A(R()), e = s({
       get: () => k(),
       set: (t) => t
     });
@@ -50,7 +54,7 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
       });
       return t.theme ? {
         ...z({
-          userConfig: R.vue_ui_sparkgauge[t.theme] || l.config,
+          userConfig: T.vue_ui_sparkgauge[t.theme] || l.config,
           defaultConfig: t
         })
       } : t;
@@ -63,68 +67,68 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
       width: 128,
       base: e.value.style.basePosition
     })), o = s(() => {
-      const t = l.dataset.min ?? 0, n = l.dataset.max ?? 0, B = n - t;
+      const t = l.dataset.min ?? 0, r = l.dataset.max ?? 0, B = r - t;
       return {
         min: t,
-        max: n,
+        max: r,
         diff: B
       };
     }), a = A(e.value.style.animation.show ? o.value.min : l.dataset.value);
     M(() => l.dataset.value, () => {
-      C(l.dataset.value || 0);
+      $(l.dataset.value || 0);
     });
     const _ = s(() => a.value > o.value.max ? o.value.max : a.value < o.value.min ? o.value.min : a.value), x = s(() => o.value.diff / e.value.style.animation.speedMs);
     N(() => {
-      C(l.dataset.value || 0);
+      $(l.dataset.value || 0);
     });
-    function C(t) {
-      function n() {
-        a.value < t ? a.value = Math.min(a.value + x.value, t) : a.value > t && (a.value = Math.max(a.value - x.value, t)), a.value !== t && requestAnimationFrame(n);
+    function $(t) {
+      function r() {
+        a.value < t ? a.value = Math.min(a.value + x.value, t) : a.value > t && (a.value = Math.max(a.value - x.value, t)), a.value !== t && requestAnimationFrame(r);
       }
-      n();
+      r();
     }
-    const f = s(() => l.dataset.title ?? ""), $ = s(() => a.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), w = s(() => T(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, a.value)), L = s(() => e.value.style.dataLabel.autoColor ? w.value : e.value.style.dataLabel.color), j = s(() => e.value.style.track.autoColor ? w.value : e.value.style.track.color);
-    return (t, n) => (i(), c("div", {
+    const f = s(() => l.dataset.title ?? ""), C = s(() => a.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), w = s(() => X(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, a.value)), L = s(() => e.value.style.dataLabel.autoColor ? w.value : e.value.style.dataLabel.color), j = s(() => e.value.style.track.autoColor ? w.value : e.value.style.track.color);
+    return (t, r) => (n(), i("div", {
       style: m(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
-      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (i(), c("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (n(), i("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
         style: m(`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}`)
-      }, y(f.value), 5)) : d("", !0),
-      g.value ? (i(), c("svg", {
+      }, y(f.value), 5)) : v("", !0),
+      g.value ? (n(), i("svg", {
         key: 1,
-        xmlns: r(X),
+        xmlns: c(H),
         viewBox: `0 0 ${u.value.width} ${u.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
-        D(J),
-        v("defs", null, [
-          v("linearGradient", {
+        D(K),
+        d("defs", null, [
+          d("linearGradient", {
             id: `gradient_${b.value}`,
             x1: "-10%",
             y1: "100%",
             x2: "110%",
             y2: "100%"
           }, [
-            v("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
-            }, null, 8, W),
-            v("stop", {
+            }, null, 8, Z),
+            d("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
-            }, null, 8, Z)
-          ], 8, Q)
+            }, null, 8, ee)
+          ], 8, W)
         ]),
-        v("path", {
+        d("path", {
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
           stroke: e.value.style.gutter.color,
           "stroke-width": 8,
           "stroke-linecap": e.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, ee),
-        $.value !== 0 ? (i(), c("path", {
+        }, null, 8, te),
+        C.value !== 0 ? (n(), i("path", {
           key: 0,
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
           stroke: e.value.style.colors.showGradient ? `url(#gradient_${b.value})` : j.value,
@@ -132,30 +136,30 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
           "stroke-linecap": e.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * $.value,
+          "stroke-dashoffset": 169.5 - 169.5 * C.value,
           class: E({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
           style: m(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, te)) : d("", !0),
-        v("text", {
+        }, null, 14, ae)) : v("", !0),
+        d("text", {
           "text-anchor": "middle",
           x: u.value.width / 2,
           y: u.value.base + 6 + e.value.style.dataLabel.offsetY,
           "font-size": e.value.style.dataLabel.fontSize,
           fill: L.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, y(r(H)(
+        }, y(c(V)(
           e.value.style.dataLabel.formatter,
-          r(p)(a.value),
-          r(V)({
+          c(p)(a.value),
+          c(Y)({
             p: e.value.style.dataLabel.prefix,
-            v: r(p)(a.value),
+            v: c(p)(a.value),
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
-          { datapoint: r(p)(a.value), color: L.value }
-        )), 9, ae)
-      ], 8, K)) : d("", !0),
-      g.value ? d("", !0) : (i(), G(Y, {
+          { datapoint: c(p)(a.value), color: L.value }
+        )), 9, le)
+      ], 8, Q)) : v("", !0),
+      g.value ? v("", !0) : (n(), G(J, {
         key: 2,
         config: {
           type: "gauge",
@@ -167,14 +171,17 @@ const K = ["xmlns", "viewBox"], Q = ["id"], W = ["stop-color"], Z = ["stop-color
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (i(), c("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (n(), i("div", {
         key: 3,
         class: "vue-data-ui-sparkgauge-label",
         style: m(`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}`)
-      }, y(f.value), 5)) : d("", !0)
+      }, y(f.value), 5)) : v("", !0),
+      t.$slots.source ? (n(), i("div", oe, [
+        I(t.$slots, "source")
+      ], 512)) : v("", !0)
     ], 4));
   }
 };
 export {
-  ie as default
+  ve as default
 };