@gits-id/stats/dist/stats.js

GITS Stats Component

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@gits-id/card"),x=require("@gits-id/badge"),w=require("@gits-id/icon"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},V=s(h),v=s(x),u=s(w),b={class:"w-full"},C={class:"font-normal text-gray-600 mb-1 truncate"},S={class:"flex flex-col sm:flex-row gap-2 items-baseline"},B={class:"font-semibold text-2xl text-gray-800"},N={class:"flex-grow text-sm text-gray-600"},k={key:0},E={key:0,class:"w-auto text-xs"},z={class:"text-xs"},d=e.defineComponent({__name:"VStats",props:{title:{default:""},icon:{default:""},value:{default:""},color:{default:"primary"},from:{default:""},progressColor:{default:"default"},progress:{default:""},up:{type:Boolean,default:!1},down:{type:Boolean,default:!1},iconClass:{default:"w-8 h-8"},iconSize:null},setup(t){const i=t,{title:n,icon:r,value:f,color:m,from:a,progressColor:g,progress:l,up:p,down:c}=e.toRefs(i),_=e.computed(()=>{switch(m.value){case"primary":return"bg-primary-600";case"secondary":return"bg-secondary-600";case"info":return"bg-info-600";case"warning":return"bg-warning-600";case"error":return"bg-error-600";case"success":return"bg-success-600";default:return"bg-gray-400"}}),y=e.computed(()=>p.value?"success":c.value?"error":g.value);return(o,D)=>(e.openBlock(),e.createBlock(e.unref(V.default),{title:e.unref(n),"wrapper-class":"rounded-lg","body-class":"!flex-row items-center !py-4 !gap-4","hide-header":"","hide-footer":""},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full px-5 py-4 flex items-center justify-center rounded-lg text-white",e.unref(_)])},[e.renderSlot(o.$slots,"icon",{icon:e.unref(r)},()=>[e.createVNode(e.unref(u.default),{name:e.unref(r),class:e.normalizeClass(t.iconClass)},null,8,["name","class"])])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createElementVNode("div",C,e.toDisplayString(e.unref(n)),1),e.createElementVNode("div",S,[e.createElementVNode("div",B,e.toDisplayString(e.unref(f)),1),e.createElementVNode("div",N,[e.unref(a)?(e.openBlock(),e.createElementBlock("span",k,"from "+e.toDisplayString(e.unref(a)),1)):e.createCommentVNode("",!0)]),e.unref(l)?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(v.default),{color:e.unref(y),rounded:"",class:"flex gap-1 items-center"},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{name:e.unref(c)?"ri:arrow-down-s-line":"ri:arrow-up-s-line",size:t.iconSize},null,8,["name","size"]),e.createElementVNode("span",z,e.toDisplayString(e.unref(l)),1)]),_:1},8,["color"])])):e.createCommentVNode("",!0)])]),e.renderSlot(o.$slots,"footer")]),_:3},8,["title"]))}});exports.VStats=d;exports.default=d;