1import{_ as H}from"./DD5tnjnV.js";import{d as T,r as s,n as B,o as I,W as M,a as m,e as k,f as n,R as E,c as $,q as x,h as z,w as D,a4 as L,N,v as S}from"./BgOPsrZ5.js";import{s as O}from"./DCGO9W7S.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="e4f43686-ca5a-43f1-b1fe-d5430470c48a",t._sentryDebugIdIdentifier="sentry-dbid-e4f43686-ca5a-43f1-b1fe-d5430470c48a")}catch{}})();const V={class:"absolute inset-0 z-0 h-full overflow-hidden"},q={class:"absolute inset-0 z-0 h-full"},G=["innerHTML"],U={key:0,class:"relative z-20 flex mt-20"},F=T({__name:"karaoke",props:{backgroundGradient:{default:"pink-purple"},copy:{},cta:{}},setup(t){const o=t,l=s(null),p=s(null),r=s(null),y=s(null),u=s("100%"),_=s(0),C=B(()=>o.copy.replace(/\s\n/g,` 2`).replace(/\n\s/g,` 3`).replace(/./g,'<span class="text-gray-100 duration-500 text-opacity-20">$&</span>').replace(/\n/g,"<br />"));I(()=>{const e=r.value.clientHeight;e!==0&&(u.value=e*3+"px",window.removeEventListener("scroll",v),window.addEventListener("scroll",v,{passive:!0}),O(({y:c})=>{_.value=c.progress},{target:l.value,offset:["start end","end start"]}))}),M(()=>{window.removeEventListener("scroll",v)});function v(){if(window){const e=p.value.offsetTop,c=p.value.clientHeight,h=y.value.offsetTop,g=r.value.children.length,i=h-e,R=Math.max(0,Math.min(1,i/(c-i)))*100,w=Math.ceil(R/100*g),b=r.value.children,f="text-opacity-20";for(let a=0;a<b.length;a++){const d=b[a];a<w&&d.classList.contains(f)?d.classList.remove(f):a>=w&&!d.classList.contains(f)&&d.classList.add(f)}}}return(e,c)=>{const h=H,g=N,i=S;return m(),k("div",{ref_key:"container",ref:l,class:"relative py-40 md:py-64"},[n("div",V,[n("div",{class:E(["absolute right-0 top-0 w-[75vw] h-[75vw] lg:w-[50vw] lg:h-[50vw] z-10 blur-[100px] md:blur-[200px]",`bg-${e.backgroundGradient}`])},null,2)]),n("div",q,[l.value?(m(),$(h,{key:0,progress:_.value,class:"sticky top-0 h-screen"},null,8,["progress"])):x("",!0)]),z(i,{class:"relative z-10 w-full py-5"},{default:D(()=>[n("div",{ref_key:"wrapperRef",ref:p,style:L({height:u.value})},[n("div",{ref_key:"stickyRef",ref:y,class:"sticky z-20",style:L({top:`calc(50% - ${u.value} / 5)`})},[n("h2",{ref_key:"leadRef",ref:r,class:"relative z-20 pt-32 text-5xl leading-tight text-gray-300 lg:text-8xl",innerHTML:C.value},null,8,G),e.cta?(m(),k("div",U,[z(g,{label:e.cta.title,href:e.cta.href,type:e.cta.type},null,8,["label","href","type"])])):x("",!0)],4)],4)]),_:1})],512)}}});export{F as _}; 4//# sourceMappingURL=C5aOxu2j.js.map
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.