import{e as x,C as r,D as I,V as C,E as M,c as a,o as s,s as B,v as u,w as E,d as V,t as p,H as b,I as H,a as L,_ as N}from"./entry.DLSb7dht.js";const S={class:"text-results"},D={key:0},O={key:0},R={key:1},j={key:2,class:"text"},F=["innerHTML"],P=x({__name:"TextResults",props:{data:{}},setup(y){const o=y,m=r(""),i=r(0),l=r(!1);let n=null;const f=r(!1),_=r(null),g=()=>{const e={root:null,rootMargin:"0px",threshold:.1};n=new IntersectionObserver(k,e);const t=_.value;t&&n.observe(t)},k=e=>{e.forEach(t=>{t.isIntersecting&&(T(),n==null||n.disconnect())})},T=async()=>{f.value=!0;let e=o.data.text||"";if(o.data.list&&o.data.list.items)for(let t=0;t<o.data.list.items.length;t++)i.value=t,e=o.data.list.items[t].text,await h(e);else await h(e);f.value=!1},h=async e=>{for(let t=0;t<=e.length;t++)m.value=e.slice(0,t),await new Promise(c=>setTimeout(c,20))};return I(()=>{const e=window.matchMedia("(prefers-reduced-motion: reduce)");l.value=e.matches,l.value||g()}),C(()=>{n&&n.disconnect()}),(e,t)=>{var v;const c=M("SlpTypography");return s(),a("article",S,[e.data.header?(s(),B(c,{key:0,variant:"heading5-bold",tag:"h3",class:"slp-my-24"},{default:E(()=>[V(p(e.data.header),1)]),_:1})):u("",!0),e.data.list?(s(),a("div",{key:1,ref_key:"listContainer",ref:_,class:"list"},[((v=e.data.list.config)==null?void 0:v.type)==="ordered"?(s(),a("ol",D,[(s(!0),a(b,null,H(e.data.list.items,(w,d)=>(s(),a("li",{key:d},[l.value||d<i.value?(s(),a("span",O,p(w.text),1)):d===i.value?(s(),a("span",R,p(m.value),1)):u("",!0)]))),128))])):u("",!0)],512)):(s(),a("div",j,[L("div",{innerHTML:e.$md.render(e.data.text)},null,8,F)]))])}}}),U=N(P,[["__scopeId","data-v-e04a85ac"]]);export{U as default};