https://videotranscription.ai/_nuxt/D9kncEo7.js

1import{k as t}from"#entry";import{u as e}from"./9mWm6Gt8.js";import{u as s}from"./-syiQ_is.js";import{y as n,b as a,D as r,q as i,F as l,$ as o,af as c,a3 as d,a0 as u,a8 as h,z as v,P as p,ag as f,aa as _,Q as m,a2 as b,a9 as y}from"./zJQOa3Li.js";import{_ as w}from"./BCo6x5W8.js";import"./DMmAHxXZ.js";const T={class:"vt-wrap"},L={class:"vt-head"},M=["innerHTML"],H=["innerHTML"],k=["innerHTML"],g={class:"vt-h2h__num"},j=["innerHTML"],x=["innerHTML"],C={key:0,class:"vt-h2h__foot"},I=n({__name:"VtHow09",props:{eyebrow:{default:""},title:{default:""},description:{default:""},btnText:{},btnLink:{},steps:{default:()=>[]},stepsClass:{}},setup(n){const w=n,I=a(null);e(I);const A=s(880),E=a(null);let O=null,$=[];function q(t){t.forEach((t,e)=>{$.push(setTimeout(()=>{t.classList.add("is-lit"),t.setAttribute("data-vt-lit","")},220+300*e))})}return r(()=>{const t=E.value;if(!t)return;const e=Array.from(t.querySelectorAll(".vt-h2h__step")),s="undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;"undefined"==typeof IntersectionObserver||s?q(e):(O=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(q(e),O?.disconnect(),O=null)})},{threshold:.25}),O.observe(t))}),i(()=>{O?.disconnect(),O=null,$.forEach(clearTimeout),$=[]}),(e,s)=>{const n=t;return o(),l("section",{id:"how-to",ref_key:"root",ref:I,class:"vtx vt-sec vt-sec--pad vt-sec--soft vt-howto2h"},[c("div",T,[c("div",L,[w.eyebrow?(o(),l("p",{key:0,class:"vt-eyebrow vt-rise",innerHTML:w.eyebrow},null,8,M)):d("",!0),w.title?(o(),l("h2",{key:1,class:"vt-h2 vt-rise vt-d1",innerHTML:w.title},null,8,H)):d("",!0),w.description?(o(),l("p",{key:2,class:"vt-p vt-rise vt-d2",innerHTML:w.description},null,8,k)):d("",!0)]),c("div",{ref_key:"board",ref:E,class:u(["vt-h2h",w.stepsClass])},[s[0]||(s[0]=c("span",{class:"vt-h2h__rail","aria-hidden":"true"},null,-1)),s[1]||(s[1]=c("span",{class:"vt-h2h__flow","aria-hidden":"true"},null,-1)),c("ol",{class:"vt-h2h__list",style:h(!v(A)&&w.steps?.length?{gridTemplateColumns:`repeat(${w.steps.length}, minmax(0, 1fr))`}:void 0)},[(o(!0),l(p,null,f(w.steps,(t,e)=>(o(),l("li",{key:t.number||e,class:u(["vt-h2h__step vt-rise",`vt-d${Math.min(e+1,4)}`])},[c("div",g,_(t.number),1),c("h3",{class:"vt-h2h__title",innerHTML:t.title},null,8,j),c("p",{class:"vt-h2h__desc",innerHTML:t.description},null,8,x)],2))),128))],4)],2),w.btnText?(o(),l("div",C,[m(n,{to:w.btnLink,class:"vt-btn vt-btn--ghost"},{default:b(()=>[y(_(w.btnText),1)]),_:1},8,["to"])])):d("",!0)])],512)}}}),A=Object.assign(w(I,[["__scopeId","data-v-ad388cbd"]]),{__name:"VtHow09"});export{A as default};