vue-data-ui 2.3.89 → 2.3.91

package/dist/{vue-ui-sparkbar-CgRdDfk6.js → vue-ui-sparkbar-Btk6snt4.js}

@@ -1,8 +1,9 @@
-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 y, Fragment as O, renderList as R, guardReactiveProps as J, createBlock as K } from "vue";
-import { u as Q, c as Y, t as Z, a as ee, p as k, b as te, o as le, e as T, g as ae, d as oe, s as _, i as w, f as C, X as se, w as ue } from "./index-Ca4RHJ4t.js";
-import { u as E } from "./useNestedProp-vP7uimPz.js";
-import ne from "./vue-ui-skeleton-D7aLznpP.js";
-const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"], de = ["stop-color"], pe = ["stop-color"], ye = ["height", "width", "fill", "rx"], fe = ["height", "width", "fill", "rx"], me = ["height", "width", "fill", "rx"], we = {
+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-mBy4elhB.js";
+import { u as V } from "./useNestedProp-BrIRtQj1.js";
+import ie from "./vue-ui-skeleton-DDhwPZd_.js";
+import { _ as re } from "./PackageVersion-D9PU8glB.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 = {
   __name: "vue-ui-sparkbar",
   props: {
     config: {
@@ -26,45 +27,45 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
     }
   },
   emits: ["selectDatapoint"],
-  setup(b, { emit: V }) {
-    const a = b, { vue_ui_sparkbar: B } = Q(), $ = g(() => !!a.dataset && a.dataset.length), S = x(Y()), e = g({
+  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(),
       set: (t) => t
     });
     function A() {
-      const t = E({
+      const t = V({
         userConfig: a.config,
         defaultConfig: B
       });
       return t.theme ? {
-        ...E({
-          userConfig: Z.vue_ui_sparkbar[t.theme] || a.config,
+        ...V({
+          userConfig: ee.vue_ui_sparkbar[t.theme] || a.config,
           defaultConfig: t
         }),
-        customPalette: ee[t.theme] || k
+        customPalette: te[t.theme] || k
       } : t;
     }
     P(() => a.config, (t) => {
       e.value = A();
     }, { deep: !0 });
-    const M = g(() => te(e.value.customPalette)), f = x(a.dataset.map((t) => ({
+    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
-    }))), D = x(null);
+    }))), N = x(null);
     q(async () => {
-      le(a.dataset) && T({
+      ae(a.dataset) && T({
         componentName: "VueUiSparkbar",
         type: "dataset"
-      }), F();
+      }), D();
     });
-    function F() {
+    function D() {
       if (e.value.style.animation.show) {
         let I = function() {
-          i += l / t, i < l ? (f.value = f.value.map((u, h) => ({
+          i += l / t, i < l ? (y.value = y.value.map((u, h) => ({
             ...u,
             value: u.value += o[h]
-          })), D.value = requestAnimationFrame(I)) : f.value = a.dataset.map((u) => ({
+          })), N.value = requestAnimationFrame(I)) : y.value = a.dataset.map((u) => ({
             ...u,
             value: u.value || 0,
             formatter: u.formatter || null
@@ -76,17 +77,17 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
       }
     }
     P(() => a.dataset, async (t) => {
-      cancelAnimationFrame(D.value), f.value = a.dataset.map((o) => ({
+      cancelAnimationFrame(N.value), y.value = a.dataset.map((o) => ({
         ...o,
         value: e.value.style.animation.show ? 0 : o.value || 0,
         formatter: o.formatter || null
-      })), H(F);
+      })), H(D);
     }, { deep: !0 });
     const n = x({
       width: 500,
       height: 16
     }), U = g(() => Math.max(...a.dataset.map((t) => t.value))), j = g(() => (a.dataset.forEach((t, o) => {
-      ae({
+      oe({
         datasetObject: t,
         requiredAttributes: ["name", "value"]
       }).forEach((l) => {
@@ -97,28 +98,28 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
           index: o
         });
       });
-    }), f.value.map((t, o) => ({
+    }), y.value.map((t, o) => ({
       ...t,
       value: t.value || 0,
-      color: oe(t.color) || M.value[o] || k[o] || k[o % k.length]
+      color: se(t.color) || M.value[o] || k[o] || k[o % k.length]
     }))));
     function G(t) {
       return t / U.value;
     }
-    function N(t) {
+    function F(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) {
       return e.value.style.layout.independant && t.target || e.value.style.layout.target;
     }
     function W(t, o) {
-      V("selectDatapoint", { datapoint: t, index: o });
+      E("selectDatapoint", { datapoint: t, index: o });
     }
     return (t, o) => (r(), v("div", {
       style: p({
         width: "100%",
         fontFamily: e.value.style.fontFamily,
-        background: a.backgroundOpacity !== null ? s(_)(e.value.style.backgroundColor, a.backgroundOpacity) : e.value.style.backgroundColor
+        background: a.backgroundOpacity !== null ? s(b)(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),
@@ -138,7 +139,7 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
             color: e.value.style.title.color,
             fontWeight: e.value.style.title.bold ? "bold" : "normal"
           })
-        }, y(e.value.style.title.text), 5),
+        }, f(e.value.style.title.text), 5),
         e.value.style.title.subtitle.text ? (r(), v("div", {
           key: 0,
           class: "vue-ui-sparkbar-subtitle",
@@ -147,12 +148,12 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
             color: e.value.style.title.subtitle.color,
             fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
           })
-        }, y(e.value.style.title.subtitle.text), 5)) : d("", !0)
+        }, 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", {
           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;${b.dataset.length > 0 && i !== b.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+          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)
         }, [
           z(t.$slots, "data-label", L(J({ bar: {
@@ -161,7 +162,7 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
             valueLabel: s(w)(
               l.formatter,
               l.value,
-              s(C)({
+              s(_)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
@@ -172,7 +173,7 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
             targetLabel: s(w)(
               l.formatter,
               m(l),
-              s(C)({
+              s(_)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
@@ -191,14 +192,14 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["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, y(l.name), 1),
+            c("span", null, f(l.name), 1),
             e.value.style.labels.value.show ? (r(), v("span", {
               key: 0,
               style: p(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
-            }, ": " + y(s(w)(
+            }, ": " + f(s(w)(
               l.formatter,
               l.value,
-              s(C)({
+              s(_)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
@@ -206,10 +207,10 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
               }),
               { datapoint: l, seriesIndex: i }
             )), 5)) : d("", !0),
-            e.value.style.layout.showTargetValue ? (r(), v("span", re, y(" " + e.value.style.layout.targetValueText) + " " + y(s(w)(
+            e.value.style.layout.showTargetValue ? (r(), v("span", ce, f(" " + e.value.style.layout.targetValueText) + " " + f(s(w)(
               l.formatter,
               m(l),
-              s(C)({
+              s(_)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
@@ -219,10 +220,11 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
             )), 1)) : d("", !0)
           ], 4)),
           (r(), v("svg", {
-            xmlns: s(se),
+            xmlns: s(ue),
             viewBox: `0 0 ${n.value.width} ${n.value.height}`,
             width: "100%"
           }, [
+            K(re),
             c("defs", null, [
               c("linearGradient", {
                 x1: "0%",
@@ -233,42 +235,42 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
               }, [
                 c("stop", {
                   offset: "0%",
-                  "stop-color": s(_)(s(ue)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-                }, null, 8, de),
+                  "stop-color": s(b)(s(ne)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+                }, null, 8, fe),
                 c("stop", {
                   offset: "100%",
                   "stop-color": l.color
-                }, null, 8, pe)
-              ], 8, ce)
+                }, null, 8, ye)
+              ], 8, pe)
             ]),
             c("rect", {
               height: n.value.height,
               width: n.value.width,
               x: 0,
               y: 0,
-              fill: s(_)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+              fill: s(b)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
               rx: n.value.height / 2
-            }, null, 8, ye),
+            }, null, 8, me),
             c("rect", {
               height: n.value.height,
-              width: n.value.width * N(l),
+              width: n.value.width * F(l),
               x: 0,
               y: 0,
               fill: e.value.style.bar.gradient.underlayerColor,
               rx: n.value.height / 2
-            }, null, 8, fe),
+            }, null, 8, ge),
             c("rect", {
               height: n.value.height,
-              width: n.value.width * N(l),
+              width: n.value.width * F(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
-            }, null, 8, me)
-          ], 8, ve))
-        ], 12, ie)) : d("", !0)
+            }, null, 8, he)
+          ], 8, de))
+        ], 12, ve)) : d("", !0)
       ], 64))), 256)),
-      $.value ? d("", !0) : (r(), K(ne, {
+      $.value ? d("", !0) : (r(), Q(ie, {
         key: 2,
         config: {
           type: "sparkbar",
@@ -284,5 +286,5 @@ const ie = ["onClick"], re = { key: 1 }, ve = ["xmlns", "viewBox"], ce = ["id"],
   }
 };
 export {
-  we as default
+  be as default
 };

package/dist/vue-ui-sparkbar-CKrbBVKQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BhH89oF0.cjs"),C=require("./useNestedProp-m8IH8hWW.cjs"),V=require("./vue-ui-skeleton-Cf89QIhl.cjs"),D=require("./PackageVersion-LdLhc8hQ.cjs"),$=["onClick"],z={key:1},L=["xmlns","viewBox"],P=["id"],A=["stop-color"],F=["stop-color"],O=["height","width","fill","rx"],I=["height","width","fill","rx"],T=["height","width","fill","rx"],q={__name:"vue-ui-sparkbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},backgroundOpacity:{type:Number,default:null}},emits:["selectDatapoint"],setup(p,{emit:b}){const n=p,{vue_ui_sparkbar:w}=o.useConfig(),v=e.computed(()=>!!n.dataset&&n.dataset.length),y=e.ref(o.createUid()),t=e.computed({get:()=>f(),set:l=>l});function f(){const l=C.useNestedProp({userConfig:n.config,defaultConfig:w});return l.theme?{...C.useNestedProp({userConfig:o.themes.vue_ui_sparkbar[l.theme]||n.config,defaultConfig:l}),customPalette:o.themePalettes[l.theme]||o.palette}:l}e.watch(()=>n.config,l=>{t.value=f()},{deep:!0});const S=e.computed(()=>o.convertCustomPalette(t.value.customPalette)),c=e.ref(n.dataset.map(l=>({...l,value:t.value.style.animation.show?0:l.value||0,formatter:l.formatter||null}))),g=e.ref(null);e.onMounted(async()=>{o.objectIsEmpty(n.dataset)&&o.error({componentName:"VueUiSparkbar",type:"dataset"}),h()});function h(){if(t.value.style.animation.show){let x=function(){s+=a/l,s<a?(c.value=c.value.map((u,m)=>({...u,value:u.value+=r[m]})),g.value=requestAnimationFrame(x)):c.value=n.dataset.map(u=>({...u,value:u.value||0,formatter:u.formatter||null}))};const l=t.value.style.animation.animationFrames,r=n.dataset.map((u,m)=>u.value/l),a=n.dataset.map(u=>u.value||0).reduce((u,m)=>u+m,0);let s=0;x()}}e.watch(()=>n.dataset,async l=>{cancelAnimationFrame(g.value),c.value=n.dataset.map(r=>({...r,value:t.value.style.animation.show?0:r.value||0,formatter:r.formatter||null})),e.nextTick(h)},{deep:!0});const i=e.ref({width:500,height:16}),_=e.computed(()=>Math.max(...n.dataset.map(l=>l.value))),N=e.computed(()=>(n.dataset.forEach((l,r)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(a=>{o.error({componentName:"VueUiSparkbar",type:"datasetSerieAttribute",property:a,index:r})})}),c.value.map((l,r)=>({...l,value:l.value||0,color:o.convertColorToHex(l.color)||S.value[r]||o.palette[r]||o.palette[r%o.palette.length]}))));function B(l){return l/_.value}function k(l){return t.value.style.layout.independant?l.target?l.value/l.target:t.value.style.layout.percentage?l.value>100?1:l.value/100:t.value.style.layout.target===0?1:l.value/t.value.style.layout.target:B(l.value)}function d(l){return t.value.style.layout.independant&&l.target||t.value.style.layout.target}function E(l,r){b("selectDatapoint",{datapoint:l,index:r})}return(l,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({width:"100%",fontFamily:t.value.style.fontFamily,background:n.backgroundOpacity!==null?e.unref(o.setOpacity)(t.value.style.backgroundColor,n.backgroundOpacity):t.value.style.backgroundColor})},[l.$slots.title?e.renderSlot(l.$slots,"title",e.normalizeProps(e.mergeProps({key:0},{title:{...l.title,title:t.value.style.title.text,subtitle:t.value.style.title.subtitle.text}}))):e.createCommentVNode("",!0),!l.$slots.title&&t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:1,class:"vue-ui-sparkbar-title-container",style:e.normalizeStyle({background:t.value.style.title.backgroundColor,margin:t.value.style.title.margin,textAlign:t.value.style.title.textAlign})},[e.createElementVNode("div",{class:"vue-ui-sparkbar-title",style:e.normalizeStyle({fontSize:t.value.style.title.fontSize+"px",color:t.value.style.title.color,fontWeight:t.value.style.title.bold?"bold":"normal"})},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-sparkbar-subtitle",style:e.normalizeStyle({fontSize:t.value.style.title.subtitle.fontSize+"px",color:t.value.style.title.subtitle.color,fontWeight:t.value.style.title.subtitle.bold?"bold":"normal"})},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`display:flex !important;${["left","right"].includes(t.value.style.labels.name.position)?`flex-direction: ${t.value.style.labels.name.position==="right"?"row-reverse":"row"} !important`:"flex-direction:column !important"};gap:${t.value.style.gap}px !important;align-items:center;${p.dataset.length>0&&s!==p.dataset.length-1?"margin-bottom:6px":""}`),onClick:()=>E(a,s)},[e.renderSlot(l.$slots,"data-label",e.normalizeProps(e.guardReactiveProps({bar:{...a,target:d(a),valueLabel:e.unref(o.applyDataLabel)(a.formatter,a.value,e.unref(o.dataLabel)({p:a.prefix||"",v:a.value,s:a.suffix||"",r:a.rounding||0}),{datapoint:a,seriesIndex:s}),targetLabel:e.unref(o.applyDataLabel)(a.formatter,d(a),e.unref(o.dataLabel)({p:a.prefix||"",v:d(a),s:a.suffix||"",r:a.rounding||0}),{datapoint:a,seriesIndex:s})}}))),l.$slots["data-label"]?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:t.value.style.labels.name.width,color:t.value.style.labels.name.color,fontSize:t.value.style.labels.fontSize+"px",fontWeight:t.value.style.labels.name.bold?"bold":"normal",textAlign:["left","right"].includes(t.value.style.labels.name.position)||["top","top-left"].includes(t.value.style.labels.name.position)?"left":t.value.style.labels.name.position==="top-center"?"center":"right"})},[e.createElementVNode("span",null,e.toDisplayString(a.name),1),t.value.style.labels.value.show?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`font-weight:${t.value.style.labels.value.bold?"bold":"normal"}`)},": "+e.toDisplayString(e.unref(o.applyDataLabel)(a.formatter,a.value,e.unref(o.dataLabel)({p:a.prefix||"",v:a.value,s:a.suffix||"",r:a.rounding||0}),{datapoint:a,seriesIndex:s})),5)):e.createCommentVNode("",!0),t.value.style.layout.showTargetValue?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(" "+t.value.style.layout.targetValueText)+" "+e.toDisplayString(e.unref(o.applyDataLabel)(a.formatter,d(a),e.unref(o.dataLabel)({p:a.prefix||"",v:d(a),s:a.suffix||"",r:a.rounding||0}),{datapoint:a,seriesIndex:s})),1)):e.createCommentVNode("",!0)],4)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(o.XMLNS),viewBox:`0 0 ${i.value.width} ${i.value.height}`,width:"100%"},[e.createVNode(D._sfc_main),e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{x1:"0%",y1:"0%",x2:"100%",y2:"0%",id:`sparkbar_gradient_${s}_${y.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(a.color,.03),100-t.value.style.bar.gradient.intensity)},null,8,A),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,F)],8,P)]),e.createElementVNode("rect",{height:i.value.height,width:i.value.width,x:0,y:0,fill:e.unref(o.setOpacity)(t.value.style.gutter.backgroundColor,t.value.style.gutter.opacity),rx:i.value.height/2},null,8,O),e.createElementVNode("rect",{height:i.value.height,width:i.value.width*k(a),x:0,y:0,fill:t.value.style.bar.gradient.underlayerColor,rx:i.value.height/2},null,8,I),e.createElementVNode("rect",{height:i.value.height,width:i.value.width*k(a),x:0,y:0,fill:t.value.style.bar.gradient.show?`url(#sparkbar_gradient_${s}_${y.value})`:a.color,rx:i.value.height/2},null,8,T)],8,L))],12,$)):e.createCommentVNode("",!0)],64))),256)),v.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V.default,{key:2,config:{type:"sparkbar",style:{backgroundColor:t.value.style.backgroundColor,sparkbar:{color:"#CCCCCC"}}}},null,8,["config"]))],4))}};exports.default=q;

package/dist/{vue-ui-sparkgauge-CCPMNge0.js → vue-ui-sparkgauge-DKJtFTSv.js}

@@ -1,8 +1,9 @@
-import { computed as s, onMounted as M, ref as A, watch as N, openBlock as i, createElementBlock as c, normalizeStyle as m, toDisplayString as y, createCommentVNode as d, unref as r, createElementVNode as v, normalizeClass as D, createBlock as E } from "vue";
-import { u as G, o as I, e as S, g as U, c as q, t as P, M as R, X as T, i as X, v as p, f as H } from "./index-Ca4RHJ4t.js";
-import { u as z } from "./useNestedProp-vP7uimPz.js";
-import Y from "./vue-ui-skeleton-D7aLznpP.js";
-const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color"], W = ["d", "stroke", "stroke-linecap"], Z = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ee = ["x", "y", "font-size", "fill", "font-weight"], se = {
+import { computed as s, onMounted as M, ref as N, watch as A, 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, M as T, X, i as H, v as p, f as V } from "./index-mBy4elhB.js";
+import { u as z } from "./useNestedProp-BrIRtQj1.js";
+import Y from "./vue-ui-skeleton-DDhwPZd_.js";
+import { _ as J } from "./PackageVersion-D9PU8glB.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 = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -19,15 +20,15 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
     }
   },
   setup(F) {
-    const l = F, { vue_ui_sparkgauge: O } = G(), g = s(() => !!l.dataset && Object.keys(l.dataset).length);
+    const l = F, { vue_ui_sparkgauge: O } = I(), g = s(() => !!l.dataset && Object.keys(l.dataset).length);
     M(() => {
       h();
     });
     function h() {
-      I(l.dataset) ? S({
+      U(l.dataset) ? S({
         componentName: "VueUiSparkgauge",
         type: "dataset"
-      }) : U({
+      }) : q({
         datasetObject: l.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
@@ -38,7 +39,7 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
         });
       });
     }
-    const b = A(q()), e = s({
+    const b = N(P()), e = s({
       get: () => k(),
       set: (t) => t
     });
@@ -49,12 +50,12 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
       });
       return t.theme ? {
         ...z({
-          userConfig: P.vue_ui_sparkgauge[t.theme] || l.config,
+          userConfig: R.vue_ui_sparkgauge[t.theme] || l.config,
           defaultConfig: t
         })
       } : t;
     }
-    N(() => l.config, (t) => {
+    A(() => l.config, (t) => {
       e.value = k(), h();
     }, { deep: !0 });
     const u = s(() => ({
@@ -68,21 +69,21 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
         max: n,
         diff: B
       };
-    }), a = A(e.value.style.animation.show ? o.value.min : l.dataset.value);
-    N(() => l.dataset.value, () => {
+    }), a = N(e.value.style.animation.show ? o.value.min : l.dataset.value);
+    A(() => l.dataset.value, () => {
       C(l.dataset.value || 0);
     });
-    const x = s(() => a.value > o.value.max ? o.value.max : a.value < o.value.min ? o.value.min : a.value), _ = s(() => o.value.diff / e.value.style.animation.speedMs);
+    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);
     M(() => {
       C(l.dataset.value || 0);
     });
     function C(t) {
       function n() {
-        a.value < t ? a.value = Math.min(a.value + _.value, t) : a.value > t && (a.value = Math.max(a.value - _.value, t)), a.value !== t && requestAnimationFrame(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);
       }
       n();
     }
-    const f = s(() => l.dataset.title ?? ""), $ = s(() => a.value >= 0 ? (x.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(x.value)) / o.value.diff), w = s(() => R(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);
+    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", {
       style: m(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
@@ -93,10 +94,11 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
       }, y(f.value), 5)) : d("", !0),
       g.value ? (i(), c("svg", {
         key: 1,
-        xmlns: r(T),
+        xmlns: r(X),
         viewBox: `0 0 ${u.value.width} ${u.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
+        D(J),
         v("defs", null, [
           v("linearGradient", {
             id: `gradient_${b.value}`,
@@ -108,12 +110,12 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
             v("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
-            }, null, 8, Q),
+            }, null, 8, W),
             v("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
-            }, null, 8, V)
-          ], 8, K)
+            }, null, 8, Z)
+          ], 8, Q)
         ]),
         v("path", {
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
@@ -121,7 +123,7 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
           "stroke-width": 8,
           "stroke-linecap": e.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, W),
+        }, null, 8, ee),
         $.value !== 0 ? (i(), c("path", {
           key: 0,
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
@@ -131,9 +133,9 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
           fill: "none",
           "stroke-dasharray": 169.5,
           "stroke-dashoffset": 169.5 - 169.5 * $.value,
-          class: D({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
+          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, Z)) : d("", !0),
+        }, null, 14, te)) : d("", !0),
         v("text", {
           "text-anchor": "middle",
           x: u.value.width / 2,
@@ -141,19 +143,19 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
           "font-size": e.value.style.dataLabel.fontSize,
           fill: L.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, y(r(X)(
+        }, y(r(H)(
           e.value.style.dataLabel.formatter,
           r(p)(a.value),
-          r(H)({
+          r(V)({
             p: e.value.style.dataLabel.prefix,
             v: r(p)(a.value),
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
           { datapoint: r(p)(a.value), color: L.value }
-        )), 9, ee)
-      ], 8, J)) : d("", !0),
-      g.value ? d("", !0) : (i(), E(Y, {
+        )), 9, ae)
+      ], 8, K)) : d("", !0),
+      g.value ? d("", !0) : (i(), G(Y, {
         key: 2,
         config: {
           type: "gauge",
@@ -174,5 +176,5 @@ const J = ["xmlns", "viewBox"], K = ["id"], Q = ["stop-color"], V = ["stop-color
   }
 };
 export {
-  se as default
+  ie as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-BhH89oF0.cjs"),b=require("./useNestedProp-m8IH8hWW.cjs"),w=require("./vue-ui-skeleton-Cf89QIhl.cjs"),$=require("./PackageVersion-LdLhc8hQ.cjs"),L=["xmlns","viewBox"],S=["id"],B=["stop-color"],E=["stop-color"],M=["d","stroke","stroke-linecap"],z=["d","stroke","stroke-linecap","stroke-dashoffset"],A=["x","y","font-size","fill","font-weight"],V={__name:"vue-ui-sparkgauge",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(_){const o=_,{vue_ui_sparkgauge:x}=n.useConfig(),c=e.computed(()=>!!o.dataset&&Object.keys(o.dataset).length);e.onMounted(()=>{d()});function d(){n.objectIsEmpty(o.dataset)?n.error({componentName:"VueUiSparkgauge",type:"dataset"}):n.getMissingDatasetAttributes({datasetObject:o.dataset,requiredAttributes:["value","min","max"]}).forEach(a=>{n.error({componentName:"VueUiSparkgauge",type:"datasetAttribute",property:a})})}const v=e.ref(n.createUid()),t=e.computed({get:()=>m(),set:a=>a});function m(){const a=b.useNestedProp({userConfig:o.config,defaultConfig:x});return a.theme?{...b.useNestedProp({userConfig:n.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})),s=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?s.value.min:o.dataset.value);e.watch(()=>o.dataset.value,()=>{y(o.dataset.value||0)});const f=e.computed(()=>l.value>s.value.max?s.value.max:l.value<s.value.min?s.value.min:l.value),p=e.computed(()=>s.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-s.value.min)/s.value.diff:(Math.abs(s.value.min)-Math.abs(f.value))/s.value.diff),k=e.computed(()=>n.interpolateColorHex(t.value.style.colors.min,t.value.style.colors.max,s.value.min,s.value.max,l.value)),h=e.computed(()=>t.value.style.dataLabel.autoColor?k.value:t.value.style.dataLabel.color),C=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(n.XMLNS),viewBox:`0 0 ${u.value.width} ${u.value.height}`,style:"overflow: visible; background:transparent; width:100%;"},[e.createVNode($._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,S)]),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})`:C.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(n.applyDataLabel)(t.value.style.dataLabel.formatter,e.unref(n.checkNaN)(l.value),e.unref(n.dataLabel)({p:t.value.style.dataLabel.prefix,v:e.unref(n.checkNaN)(l.value),s:t.value.style.dataLabel.suffix,r:t.value.style.dataLabel.rounding}),{datapoint:e.unref(n.checkNaN)(l.value),color:h.value})),9,A)],8,L)):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w.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)],4))}};exports.default=V;