1import{_ as k}from"./BR7Wbus0.js";import{_ as z}from"./DwbfMbQr.js";import{_ as C}from"./DOByT7xN.js";import{d as j,u as M,q as N,b6 as V,s as B,v as T,o as r,c as l,e as t,M as A,a1 as F,f as a,F as h,p as g,t as m,al as H,b as p,w as f,g as u,O,G as y}from"./CRbWDih-.js";const U={class:"sticky top-0 h-screen flex flex-col items-center justify-center text-center"},$={class:"relative w-full max-w-4xl h-100"},q={class:"absolute inset-0 flex flex-col md:grid md:grid-cols-2 md:gap-40 items-center"},D={class:"text-right"},E={class:"grid grid-cols-2 text-[6rem] md:text-[16rem] font-black font-mono"},G={class:"h-40 md:h-100 overflow-hidden"},I={class:"relative w-full h-full flex items-start md:items-center justify-center md:justify-start"},L=["id"],P={key:0,class:"w-fit px-6 py-2 rounded-2xl bg-primary/10"},Y=j({__name:"StepsAnimation",props:{steps:{}},setup(c){const{t:d}=M(),_=c,o=y(0),x=y(),v=n=>{const e=Math.min(Math.floor(n*_.steps.length),_.steps.length-1);e!==o.value&&(o.value=e)};return N(()=>{V({root:x.value}).add(n=>{if(!n)return;const e={progress:0};B(e,{progress:1,ease:"linear",autoplay:T({target:n.root,enter:"top top",leave:"bottom bottom",sync:!0}),onUpdate:()=>v(e.progress)})})}),(n,e)=>{const b=k,w=z,S=C;return r(),l("div",{ref_key:"stepsContainer",ref:x,class:"h-[400vh]"},[t("div",U,[A(n.$slots,"default"),t("div",$,[t("div",q,[t("div",D,[t("div",E,[e[0]||(e[0]=t("span",{class:"text-transparent bg-clip-text bg-linear-to-b from-primary/70"},"0",-1)),t("div",G,[t("div",{class:"text-left flex flex-col duration-250 ease-[cubic-bezier(0.68,-0.6,0.32,1.6)]",style:F({transform:`translateY(-${a(o)*(100/c.steps.length)}%)`})},[(r(!0),l(h,null,g(c.steps,(i,s)=>(r(),l("span",{key:s,class:"text-transparent bg-clip-text bg-linear-to-b from-primary/70"},m(s+1),1))),128))],4)])])]),t("div",I,[(r(!0),l(h,null,g(c.steps,(i,s)=>(r(),l("div",{id:"step-"+s,key:s,class:H([{"opacity-100":a(o)===s,"translate-y-0":a(o)===s,"translate-y-20":a(o)!==s},"absolute flex flex-col items-center gap-4 md:items-start md:text-left duration-500 opacity-0 ease-[cubic-bezier(0.25,1,0.5,1)] max-w-md md:max-w-full"])},[i.caption?(r(),l("div",P,[p(b,{size:"sm",thin:!1,class:"text-primary"},{default:f(()=>[u(m(a(d)(i.caption)),1)]),_:2},1024)])):O("",!0),p(w,{size:"xl",class:"text-default font-semibold"},{default:f(()=>[u(m(a(d)(i.header)),1)]),_:2},1024),p(S,{size:"md"},{default:f(()=>[u(m(a(d)(i.info)),1)]),_:2},1024)],10,L))),128))])])])])],512)}}}),W=Object.assign(Y,{__name:"StepsAnimation"});export{W as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.