https://www.creatorsenseai.com/app/assets/MetricGrid-DMaQt6lc.js

1import{C as h}from"./ChromeCard-DkvfllPh.js";import{F as f}from"./FieldLabel-DcFbp3Rs.js";import{I as k,f as n,w as b}from"./creatorFieldHelp-BrZsjpkG.js";import{d as C}from"./format-W5H20hG1.js";import{k as u,c as r,y as l,C as d,D as g,Q as x,K as i,H as _,z as c,A as y,u as N,J as m,L as w,P as B}from"./vendor-misc-5pJBpqhN.js";import{_ as p}from"./index-BNPflmqD.js";const I={class:"kpi-metric-card__value-row"},M={class:"kpi-metric-card__value"},F={key:0,class:"kpi-metric-card__delta-wrap"},H=u({__name:"MetricCard",props:{label:{},value:{},delta:{},deltaNegative:{type:Boolean},hint:{},id:{}},setup(e){const t=e,s=r(()=>t.hint??n(t.id)),o=r(()=>C(t.delta,t.deltaNegative));return(v,a)=>(l(),d(h,{class:"kpi-metric-card"},{default:g(()=>[x(f,{class:"kpi-metric-card__label",label:e.label,hint:s.value},null,8,["label","hint"]),i("div",I,[i("div",M,_(e.value),1),e.delta!=null?(l(),c("div",F,[i("div",{class:y(["kpi-metric-card__delta",`kpi-metric-card__delta--${o.value}`])},_(e.delta),3),e.delta?(l(),d(k,{key:0,text:N(n)("metric_delta")??"Change vs the previous period.",position:"top",label:"Trend change"},null,8,["text"])):m("",!0)])):m("",!0)])]),_:1}))}}),L=p(H,[["__scopeId","data-v-2bfb75a3"]]),T={class:"grid-metrics"},V=u({__name:"MetricGrid",props:{items:{}},setup(e){const t=e,s=r(()=>b(t.items));return(o,v)=>(l(),c("div",T,[(l(!0),c(w,null,B(s.value,a=>(l(),d(L,{id:a.id,key:a.id,label:a.label,value:a.value,delta:a.delta,"delta-negative":a.deltaNegative,hint:a.hint},null,8,["id","label","value","delta","delta-negative","hint"]))),128))]))}}),J=p(V,[["__scopeId","data-v-e9f0cd3f"]]);export{J as M};