"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),m=require("./useNestedProp-DmS8KxmW.cjs"),n=require("./index-7N8NxNg5.cjs"),f=require("./vue-ui-digits-CH8cnwd1.cjs"),g={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(u){const o=u,{vue_ui_kpi:c}=n.useConfig(),e=a.computed(()=>m.useNestedProp({userConfig:o.config,defaultConfig:c})),d=a.ref((typeof o.dataset=="number",o.dataset)),t=a.ref(e.value.useAnimation?e.value.animationValueStart:d.value),i=l=>{const s=e.value.animationFrames,r=Math.abs(l-t.value)/s;function v(){t.value<l?t.value=Math.min(t.value+r,l):t.value>l&&(t.value=Math.max(t.value-r,l)),t.value!==l&&requestAnimationFrame(v)}v()};return a.onMounted(()=>{e.value.useAnimation?(t.value=e.value.animationValueStart,i(o.dataset)):t.value=o.dataset}),a.watch(()=>o.dataset,l=>{e.value.useAnimation?i(l):t.value=l}),(l,s)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[a.renderSlot(l.$slots,"title",{comment:u.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(l.$slots,"comment-before",{comment:u.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[a.renderSlot(l.$slots,"value",{comment:u.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(f.default,{dataset:Number(t.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(n.applyDataLabel)(e.value.formatter,t.value,a.unref(n.dataLabel)({p:e.value.prefix,v:t.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(l.$slots,"comment-after",{comment:u.dataset})],6))}};exports.default=g;
