import{_ as p}from"./LoadingBar.d6eec58c.js";import{F as m}from"./app-core.3e3b5f4b.js";import{f,i as d,j as _,ae as g,U as y,B as h,a0 as v,V as x,v as S,P as C,u as t}from"./vendor-vue-ui.65fbb3e9.js";import{a as k}from"./vendor-other.ac1169a2.js";const A={class:"checklist-count"},$={__name:"SeoChecklistProgressBar",props:{maxWidth:{type:String,default:null},inlineText:{type:Boolean,default:!0},progressString:{type:String,default:"%1$d / %2$d Tasks Completed"}},setup(o){const r=o,s=m(),a=t(()=>s.completedCount),n=t(()=>s.totalCount),l=t(()=>n.value===0?0:Math.round(a.value/n.value*100)),u=t(()=>{const e=l.value;return 25>e?"#DF2A4A":50>e?"#F18200":75>e?"#F5C842":"#00AA63"}),c=t(()=>k(r.progressString,a.value,n.value)),i=t(()=>{const e={"--progress-color":u.value};return r.maxWidth&&(e.maxWidth=r.maxWidth),e});return(e,B)=>(f(),d("div",{class:C(["aioseo-seo-checklist-progress-bar",{"inline-layout":o.inlineText}])},[_("div",A,[g(y(c.value),1),h(e.$slots,"default")]),v(S(p),{percent:l.value,"show-number":!1,style:x(i.value)},null,8,["percent","style"])],2))}};export{$ as _};
