UNPKG

@gits-id/stats

Version:

GITS Stats Component

2 lines (1 loc) 3.09 kB
(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@gits-id/card"),require("@gits-id/badge"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/card","@gits-id/badge","@gits-id/icon"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.VStats={},t.Vue,t.VCard,t.VBadge,t.Icon))})(this,function(t,e,u,m,p){"use strict";const o=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},g=o(u),y=o(m),a=o(p),_={class:"w-full"},h={class:"font-normal text-gray-600 mb-1 truncate"},x={class:"flex flex-col sm:flex-row gap-2 items-baseline"},V={class:"font-semibold text-2xl text-gray-800"},w={class:"flex-grow text-sm text-gray-600"},C={key:0},b={key:0,class:"w-auto text-xs"},S={class:"text-xs"},l=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(r){const B=r,{title:i,icon:n,value:N,color:k,from:c,progressColor:E,progress:d,up:z,down:f}=e.toRefs(B),D=e.computed(()=>{switch(k.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"}}),j=e.computed(()=>z.value?"success":f.value?"error":E.value);return(s,q)=>(e.openBlock(),e.createBlock(e.unref(g.default),{title:e.unref(i),"wrapper-class":"rounded-lg","body-class":"!flex-row items-center !py-4 !gap-4","hide-header":"","hide-footer":""},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"header"),e.unref(n)?(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(D)])},[e.renderSlot(s.$slots,"icon",{icon:e.unref(n)},()=>[e.createVNode(e.unref(a.default),{name:e.unref(n),class:e.normalizeClass(r.iconClass)},null,8,["name","class"])])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",_,[e.createElementVNode("div",h,e.toDisplayString(e.unref(i)),1),e.createElementVNode("div",x,[e.createElementVNode("div",V,e.toDisplayString(e.unref(N)),1),e.createElementVNode("div",w,[e.unref(c)?(e.openBlock(),e.createElementBlock("span",C,"from "+e.toDisplayString(e.unref(c)),1)):e.createCommentVNode("",!0)]),e.unref(d)?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(y.default),{color:e.unref(j),rounded:"",class:"flex gap-1 items-center"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.default),{name:e.unref(f)?"ri:arrow-down-s-line":"ri:arrow-up-s-line",size:r.iconSize},null,8,["name","size"]),e.createElementVNode("span",S,e.toDisplayString(e.unref(d)),1)]),_:1},8,["color"])])):e.createCommentVNode("",!0)])]),e.renderSlot(s.$slots,"footer")]),_:3},8,["title"]))}});t.VStats=l,t.default=l,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});