1import{d as D,r as o,n as E,o as I,a as s,e as r,c as L,w as W,t as N,q as h,f as l,h as _,R as g,a4 as f,F as O,y as j,a6 as H,v as P}from"./BgOPsrZ5.js";import{_ as V}from"./Cj-skPZg.js";import F from"./DPJi5sd9.js";import{u as R}from"./C9X-TiiY.js";import{s as X}from"./DCGO9W7S.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},c=new n.Error().stack;c&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[c]="68d1df38-e097-4805-8a62-e43a29d89110",n._sentryDebugIdIdentifier="sentry-dbid-68d1df38-e097-4805-8a62-e43a29d89110")}catch{}})();const Y={key:0,class:"text-4xl lg:w-3/4 lg:text-6xl leading-tighter"},q=["innerHTML"],A={class:"sticky z-10 overflow-hidden top-20 md:top-[15vh]"},G={class:"aspect-w-1 aspect-h-1 md:aspect-w-22 md:aspect-h-15"},J={class:"absolute top-0 w-full h-full"},K={class:"sticky top-0 h-screen overflow-hidden"},Q={class:"absolute z-0 -top-36 -left-36"},ae=D({__name:"gradient-slider",props:{title:{default:""},copy:{default:""},images:{},outfit7neo:{type:Boolean,default:!1},gradientTop:{default:""},gradientBottom:{default:""},youtubePadding:{type:Boolean,default:!1}},setup(n,{expose:c}){const{isDesktop:m}=R(),i=o(null),t=o(null),k=o(90),w=o(1),B=o(1),C=o(0),M=o(0),v=E(()=>t.value?m.value?t.value.scrollWidth:t.value.scrollWidth-t.value.parentElement.offsetWidth+t.value.offsetLeft*2:0),T=e=>{if(typeof window>"u"||!i.value||!t.value)return;const a=-(m.value?e*v.value-t.value.parentElement.offsetWidth:(e-.4)*1.667*v.value);B.value=Math.max(0,Math.min(1,1-(e-.3)*4)),C.value=Math.max(Math.min(1,(e-.45)*7),0),M.value=Math.max(0,Math.min(1,(e-.25)*7)),k.value=(1-e/2)*100,w.value=1+(e-.4)*2,t.value.style.transform=`translate3d(${a}px, 0, 0)`};function z(e){if(typeof window>"u"||!i.value||!t.value)return;const a=t.value.parentElement,d=Array.from(t.value.children)[e];if(!d)return;const p=d.offsetLeft+d.offsetWidth/2,u=Math.max(0,Math.min(1,m.value?(p+a.offsetWidth/2)/v.value:(p-a.offsetWidth/2)/(1.667*v.value)+.4)),b=i.value.getBoundingClientRect().top+window.scrollY-window.innerHeight,S=b+i.value.offsetHeight,$=b+u*(S-b);window.scrollTo({top:$,behavior:"smooth"})}return I(()=>{X(({y:e})=>{T(e.progress)},{target:i.value,offset:["start end","end end"]})}),c({centerSlide:z}),(e,a)=>{const y=P,d=V,p=F;return s(),r("div",{ref_key:"scrollContainer",ref:i,class:g(["relative min-h-screen pt-12 pb-8 lg:py-24",e.images&&e.images.length<=3?" h-[250vh]":"h-[300vh]"])},[e.title||e.copy?(s(),L(y,{key:0,class:"relative z-10 flex flex-col justify-center text-white"},{default:W(()=>
1[e.title?(s(),r("h2",Y,N(e.title),1)):h("",!0),e.copy?(s(),r("div",{key:1,class:"mt-8 text-xl lg:mt-10 lg:w-3/4 lg:text-2xl",innerHTML:e.copy},null,8,q)):h("",!0)]),_:1})):h("",!0),l("div",A,[_(y,{class:"relative flex flex-col justify-center text-white"},{default:W(()=>[l("div",{ref_key:"imgContainer",ref:t,class:g(["flex space-x-8 max-w-[100vw] lg:w-[36vw] flex-shrink flex-1 min-h-0 mt-16 lg:mt-20",{"pl-[20vw] lg:pl-[25vw]":e.youtubePadding}]),style:f({opacity:M.value})},[(s(!0),r(O,null,j(e.images,(u,x)=>(s(),r("div",{key:x,class:"flex-shrink-0 w-full lg:w-[36vw]"},[l("div",G,[H(e.$slots,"slide",{item:u,index:x},()=>[_(d,{src:u.src,alt:u.alt||"",class:"object-cover w-full h-full lg:w-[36vw] rounded-lg",sizes:"xs:87vw sm:87vw md:87vw lg:36vw xl:36vw xxl:36vw",loading:"lazy"},null,8,["src","alt"])])])]))),128))],6),e.outfit7neo?(s(),r("div",{key:0,class:"flex flex-wrap items-center justify-center gap-4 mx-auto mt-8 text-sm lg:mt-20 md:text-base",style:f({opacity:C.value})},[a[0]||(a[0]=l("span",{class:"w-full text-sm text-center text-white lg:text-base md:w-auto md:text-left"},"Published by:",-1)),_(p,{class:"h-8 lg:h-9"})],4)):h("",!0)]),_:3})]),l("div",J,[l("div",K,[l("div",Q,[l("div",{class:g(["rounded-full blur-3xl md:blur-2xl w-[100vw] h-[100vw] md:w-[50vw] md:h-[50vw] duration-150",[e.gradientTop&&!e.gradientTop.startsWith("#")?`bg-${e.gradientTop}`:""]]),style:f({transform:"scale3d(1, 1, 1)",opacity:B.value,backgroundColor:e.gradientTop&&e.gradientTop.startsWith("#")?e.gradientTop:void 0})},null,6)]),l("div",{class:"absolute left-0 right-0 z-0",style:f({transform:`translate3d(0, ${k.value}%, 0)`})},[l("div",{class:g(["rounded-full blur-3xl md:blur-2xl w-[200vw] h-[200vw] lg:w-[100vw] lg:h-[100vw] duration-150",[e.gradientBottom&&!e.gradientBottom.startsWith("#")?`bg-${e.gradientBottom}`:""]]),style:f({transform:`scale3d(${w.value}, ${w.value}, 1)`,backgroundColor:e.gradientBottom&&e.gradientBottom.startsWith("#")?e.gradientBottom:void 0})},null,6)],4)])])],2)}}});export{ae as _}; 2//# sourceMappingURL=DSXnuyB5.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.