import{_ as p}from"./MkMiniChart.vue_vue_type_script_setup_true_lang-pO1kuPAx.js";import{T as u,V as c,n as m}from"./app-JmgyQoR0.js";import{b as h,a as _,h as i,t as f,u as n,E as a,K as v,i as y,H as g,x as k}from"./vue-y3KLWBaS.js";const M=["src"],N={class:"body"},V={class:"host"},b={class:"sub _monospace"},w=h({__name:"MkInstanceCardMini",props:{instance:{}},setup(r){const l=r;let t=_(null);u("charts/instance",{host:l.instance.host,limit:17,span:"day"}).then(s=>{s.requests.received.splice(0,1),t.value=s.requests.received});function d(s){var o,e;return(e=(o=c(s.iconUrl,"preview"))!=null?o:c(s.faviconUrl,"preview"))!=null?e:"/client-assets/dummy.png"}return(s,o)=>{var e;return i(),f("div",{class:k([s.$style.root,{yellow:s.instance.isNotResponding,red:s.instance.isBlocked,purple:s.instance.isSilenced,gray:s.instance.isSuspended}])},[n("img",{class:"icon",src:d(s.instance),alt:""},null,8,M),n("div",N,[n("span",V,a((e=s.instance.name)!=null?e:s.instance.host),1),n("span",b,[n("b",null,a(s.instance.host),1),v(" / "+a(s.instance.softwareName||"?")+" "+a(s.instance.softwareVersion),1)])]),t.value?(i(),y(p,{key:0,class:"chart",src:t.value},null,8,["src"])):g("",!0)],2)}}}),B="_root_hnk4j_1",C={root:B},I={$style:C},q=m(w,[["__cssModules",I]]);export{q as M};
