2 lines
1.1 KiB
JavaScript
2 lines
1.1 KiB
JavaScript
import{_,q as m,an as u}from"./index-xdc4dCJw.js";import{x as a,y as t,H as n,a4 as p,I as y,B as o,G as r,V as h,K as k,J as l,L as v,O as c,$ as f,P as b}from"./vendor-vue-CrWqv-BE.js";const x={class:"metric-top"},B={key:0,class:"metric-icon"},g={class:"metric-label"},N={class:"metric-value"},V={key:0,class:"metric-hint app-muted"},C={__name:"MetricGrid",props:{items:{type:Array,default:()=>[]},loading:{type:Boolean,default:!1},minWidth:{type:Number,default:180}},setup(s){return(E,G)=>{const i=m,d=u;return t(),a("div",{class:"metric-grid",style:b({"--metric-min":`${s.minWidth}px`})},[(t(!0),a(n,null,p(s.items,e=>(t(),a("div",{key:e?.key||e?.label,class:y(["metric-card",`metric-tone--${e?.tone||"blue"}`])},[o("div",x,[e?.icon?(t(),a("div",B,[h(i,null,{default:k(()=>[(t(),l(v(e.icon)))]),_:2},1024)])):r("",!0),o("div",g,c(e?.label||"-"),1)]),o("div",N,[s.loading?(t(),l(d,{key:0,rows:1,animated:""})):(t(),a(n,{key:1},[f(c(e?.value??0),1)],64))]),e?.hint||e?.sub?(t(),a("div",V,c(e?.hint||e?.sub),1)):r("",!0)],2))),128))],4)}}},S=_(C,[["__scopeId","data-v-00e217d4"]]);export{S as M};
|