https://buycoffee.to/_nuxt3/DCUoTU60.js

1import{d as M,c,g as d,F as S,h as y,b as u,a8 as m,e,t as g,i as C,w as P,x as A,y as D,n as _,u as l,J as T,B as J,r as h,o as N,l as $,ah as W,ai as z,as as G}from"./DPd-66n4.js";import{a as q,b as H}from"./CJWEI5W_.js";const I=["aria-label"],K={class:"flex items-center gap-500"},Q={class:"shrink-0 font-heading text-5xl leading-[100%] font-medium"},X={class:"text-md leading-[100%] font-semibold tracking-[0.05em]"},Y=M({__name:"UiPblStepperMobile",props:{theme:{default:"creator"},ariaLabel:{default:""},steps:{}},setup(k){const t=k,p=c(()=>({creator:"from-pink-800 to-green-800",business:"from-blue-800 to-green-800",platform:"from-green-700 to-green-900"})[t.theme]);return(o,f)=>(u(),d("ol",{role:"list","aria-label":o.ariaLabel,class:"grid grid-cols-1 gap-600 text-white"},[(u(!0),d(S,null,y(o.steps,(s,r)=>(u(),d("li",{key:s.id},[m(o.$slots,"card-mobile",T({ref_for:!0},{activeGradientClass:l(p),isStepActive:!0,index:r,step:s,title:s.title,description:s.description}),()=>[e("div",{class:_(["inset-0 overflow-hidden rounded-pbl-sm bg-gradient-to-tr p-600",l(p)])},[e("div",K,[e("span",Q,g(r+1),1),e("div",null,[e("h3",X,g(s.title),1),C(D,{as:"p",class:"mt-300 text-sm leading-[130%] font-medium tracking-[0.05em]"},{default:P(()=>[A(g(s.description),1)]),_:2},1024)])])],2)])]))),128))],8,I))}}),Z={class:"w-full"},ee={class:"absolute h-[3px] rounded-full bg-gray-100",style:{to

1p:"calc(36px + 12px + 8px)",left:"8px",right:"8px"}},te={class:"absolute h-[3px] rounded-full bg-gray-100",style:{top:"calc(36px + 12px + 8px)",left:"8px",right:"8px"},"aria-hidden":"true"},se={class:"relative z-10 flex flex-col items-center gap-300"},ae=["aria-label"],re={class:"relative h-full overflow-hidden rounded-pbl-sm p-800 text-center"},le={class:"relative"},oe={class:"font-heading text-pbl-xl leading-[100%] font-normal tracking-[0.02em] text-white transition-colors duration-500"},ne=1e3,ie=M({__name:"UiPblStepperDesktop",props:{theme:{default:"creator"},steps:{},ariaLabel:{default:""},layout:{default:()=>({})}},setup(k){const{t}=J(),p=k,o=h(null),f=h(null),s=h(!1);N(()=>{s.value=!0}),h(900),h(0),h(600);const{height:r}=q(),{top:v}=H(o),{height:V}=H(f),U=c(()=>s.value?r.value:900),E=c(()=>s.value?v.value:0),F=c(()=>s.value?V.value:600),O=c(()=>U.value*.7),B=c(()=>U.value*.5),R=c(()=>F.value+B.value),w=c(()=>{if(!s.value)return 0;const a=(O.value-E.value)/B.value;return Math.min(1,Math.max(0,a))}),b=a=>{if(a===0)return!0;const x=a/p.steps.length;return w.value>=x},L=c(()=>({creator:"from-pink-800 to-green-800",business:"from-blue-800 to-green-800",platform:"from-green-700 to-green-900"})[p.theme]);return(a,x)=>{const j=D;return u(),d("div",{ref_key:"stickyWrapper",ref:o,class:"relative",style:$({height:`${l(R)}px`})},[e("div",{ref_key:"stickyContent",ref:f,class:"sticky top-[20vh] py-1100"},[e("div",Z,[e("div",{class:_(["relative mx-auto mb-900 flex items-start justify-between",a.layout.progressTrackClasses]),style:$({maxWidth:`${ne}px`}),"aria-hidden":"true"},[m(a.$slots,"progress-track",W(z({scrollProgress:l(w),activeGradientClass:l(L)})),()=>[e("div",ee,[e("div",{class:"h-full rounded-full bg-green-200 transition-[width] duration-100 ease-linear",style:$({width:`${l(w)*100}%`})},null,4)]),e("div",te,[e("div",{class:"h-full rounded-full bg-green-200 transition-[width] duration-100 ease-linear",style:$({width:`${l(w)*100}%`})},null,4)])]),(u(!0),d(S,null,y(a.steps,(n,i)=>(u(),d("div",{key:n.id,class:"relative z-10"},[m(a.$slots,"step-number",T({ref_for:!0},{index:i,step:n,isStepActive:b(i)}),()=>[e("div",se,[e("span",{class:_(["font-heading text-4xl leading-[100%] font-medium tracking-[0.05em] transition-colors duration-300",b(i)?"text-header":"text-gray-300"])},g(i+1),3),e("div",{class:_(["h-400 w-400 rounded-full transition-colors duration-300",b(i)?"bg-green-400":"bg-gray-300"])},null,2)])])]))),128))],6),e("ol",{role:"list","aria-label":l(t)("home.itsReallySimpleOnly3Steps"),class:"grid grid-cols-1 gap-600 md:grid-cols-3"},[(u(!0),d(S,null,y(a.steps,(n,i)=>(u(),d("li",{key:n.id,class:"h-full list-none"},[m(a.$slots,"card",T({ref_for:!0},{activeGradientClass:l(L),isStepActive:b(i),index:i,step:n,title:n.title,description:n.description}),()=>[e("div",re,[x[0]||(x[0]=e("div",{class:"absolute inset-0 bg-gradient-to-br from-gray-200 to-gray-400","aria-hidden":"true"},null,-1)),e("div",{class:_(["absolute inset-0 bg-gradient-to-tr transition-opacity duration-700 ease-in-out",[l(L),b(i)?"opacity-100":"opacity-0"]]),"aria-hidden":"true"},null,2),e("div",le,[e("h3",oe,g(n.title),1),C(j,{as:"p",class:"mt-600 font-body text-lg leading-[38px] font-normal tracking-[0.02em] text-white transition-colors duration-500"},{default:P(()=>[A(g(n.description),1)]),_:2},1024)])])])]))),128))],8,ae)])],512)],4)}}}),ue=M({__name:"UiPblStepper",props:{theme:{default:"creator"},steps:{},ariaLabel:{default:""},layout:{default:()=>({})}},setup(k){return(t,p)=>{const o=Y,f=ie;return u(),d(S,null,[C(o,{steps:t.steps,"aria-label":t.ariaLabel,theme:t.theme,class:"sm:hidden"},G({_:2},[y(t.$slots,(s,r)=>({name:r,fn:P(v=>[m(t.$slots,r,W(z(v)))])}))]),1032,["steps","aria-label","theme"]),C(f,{steps:t.steps,"aria-label":t.ariaLabel,theme:t.theme,layout:t.layout,class:"hidden sm:block"},G({_:2},[y(t.$slots,(s,r)=>({name:r,fn:P(v=>[m(t.$slots,r,W(z(v)))])}))]),1032,["steps","aria-label","theme","layout"])],64)}}});export{ue as _};