https://www.pintys.com/_nuxt/C7YosNOm.js

1import{P as Z,ap as ee,M as te,a_ as le,f as D,o as l,d as i,e as w,x as ae,y as W,g as s,h as g,i as r,F as S,A as z,z as T,t as A,Q as se,n as R,H as oe,v as q,m as ne,I as P,r as c,T as ie,R as re,G as ce}from"./BipNxojO.js";import{a as ue,_ as de,b as me}from"./C7FXbzp-.js";import{u as ge}from"./ZbQu-VtR.js";import"./D0-5ayUP.js";import"./vQE4gKBB.js";const fe=["id"],ve={class:"inner-container grid grid-cols-1 lg:grid-cols-2"},ye={key:0,class:"title-description mb-16 pt-15 max-md:px-4 md:pl-32 lg:pt-32 lg:pl-40"},be={class:"text-preset-h2 font-grotesk font-bolder leading-[90%] tracking-tight"},he={class:"text-buffalo"},ke={class:"w-full overflow-y-clip"},pe={key:0,class:"pb-flow lg:pt-flow h-full w-full grid-cols-2 items-center justify-items-center gap-18 px-18 pt-12 not-motion-reduce:hidden motion-reduce:grid md:grid-cols-3 lg:grid-cols-2 lg:gap-12 lg:gap-y-20 lg:pl-0"},we={key:2,class:"relative h-217 w-full overflow-hidden motion-reduce:hidden max-lg:hidden"},Se=1,$e={__name:"index",props:{blok:{type:Object,required:!0},class:[String,Array,Object],forwarded:Object},setup(e){const Y=Z(e,["blok"]),{min:E}=ge(),B=P(()=>E("lg")),F=P(()=>{if(!e.blok?.title)return{before:"",last:""};const t=e.blok.title.split(" "),d=t.pop()||"";return{before:t.join(" "),last:d}}),G=P(()=>({startDelay:1e3,speed:1,playOnInit:!(typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches),stopOnInteraction:!1})),L=c(null),H=c(null),j=c(0),o=c(0),u=c(null),x=c(null),y=c(null),_=c(!0),b=c(!0),Q=t=>{L.value=t,t&&(t.on("select",()=>{j.value=t.selectedScrollSnap(),o.value=j.value,u.value&&clearTimeout(u.value),u.value=setTimeout(()=>{o.value=-1},1e3)}),t.on("autoScroll:play",()=>{b.value=!0}),t.on("autoScroll:stop",()=>{b.value=!1}),j.value=t.selectedScrollSnap(),o.value=j.value)};let f=0;const U=()=>{const d=e.blok?.retailers?.length||0,h=208*d,m=()=>{if(!_.value)return;f+=Se,x.value&&(f>=h&&(f=f-h),x.value.style.transform=`translateY(-${f}px)`);const I=x.value?.getBoundingClientRect();if(I){const $=I.top,M=$+300;let v=-1,k=1/0;for(let p=0;p<2;p++)for(let a=0;a<d;a++){const X=$+p*d*208+a*208-f+208/2,N=Math.abs(X-M);N<k&&(k=N,v=a)}v!==o.value&&k<50&&(o.value=v,u.value&&clearTimeout(u.value),u.value=setTimeout(()=>{o.value=-1},500))}y.value=requestAnimationFrame(m)};m()},V=()=>{y.value&&(cancelAnimationFrame(y.value),y.value=null)},J=()=>{y.value||U()},C=P(()=>B.value?_.value:b.value),K=t=>{B.value?(_.value=t,t?J():V()):(H.value?.playing?.(t),b.value=t)},{isReduced:O}=ee();return te(()=>{B.value&&!O.value&&U(),O.value&&(_.value=!1,b.value=!1,V(),H.value?.playing?.(!1))}),le(()=>{u.value&&clearTimeout(u.value),V()}),(t,d)=>{const h=re,m=se,I=ue,$=de,M=me,v=oe,k=ce,p=ie("editable");return D((l(),i("section",{id:e.blok?.anchor??e.blok?.id,"data-slot":"retailers",class:R(("cn"in t?t.cn:s(ne))(e.blok?.theme,"dark theme-scoped","relative z-0",Y?.class))},[w("x-content",ve,[e.blok?.title||e.blok?.description?(l(),i("x-title-description",ye,[w("h2",be,[ae(W(s(F).before)+" ",1),w("span",he,W(s(F).last),1)]),e.blok?.description?(l(),g(h,{key:0,doc:e.blok?.description,unwrapped:""},null,8,["doc"])):r("",!0)])):r("",!0),w("x-retailers",ke,[e.blok?.retailers&&e.blok.retailers.length>0?(l(),i("div",pe,[(l(!0),i(S,null,z(e.blok?.retailers,a=>(l(),i(S,{key:a?._uid},[a?.image?.filename?(l(),g(m,{key:0,image:a?.image,sizes:"50vw lg:20vw",class:"h-16 w-auto object-contain lg:h-12","image-class":"h-full w-auto object-contain"},null,8,["image"])):r("",!0)],64))),128))])):r("",!0),e.blok?.retailers&&e.blok.retailers.length>0?(l(),g(M,{key:1,orientation:"horizontal","auto-scroll":s(G),opts:{loop:!0,dragFree:!1,align:"start"},class:"h-32 w-full motion-reduce:hidden lg:hidden",onInitApi:Q,ref_key:"carouselRef",ref:H},{default:T(()=>[A($,{class:"h-full"},{default:T(()=>[(l(!0),i(S,null,z(e.blok?.retailers,(a,n)=>(l(),g(I,{key:n,class:"flex basis-[50%] items-center justify-center md:basis-[33%]"},{default:T(()=>[a?.image?(l(),g(m,{key:0,image:a?.image,sizes:"100vw lg:50vw",class:R(["h-16 w-32 object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]),"image-class":["h-full w-auto object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]},null,8,["image","class","image-class"])):r("",!0)]),_:2},1024))),128))]),_:1})]),_:1},8,["auto-scroll"])):r("",!0),e.blok?.retailers&&e.blok.retailers.length>0?(l(),i("div",we,[w("div",{ref_key:"verticalCarousel",ref:x,class:"flex flex-col",style:{gap:"112px"}}

1,[(l(!0),i(S,null,z(e.blok?.retailers,(a,n)=>(l(),i("div",{key:`first-${n}`,class:"scroll-item flex h-[96px] shrink-0 items-center justify-center"},[a?.image?(l(),g(m,{key:0,image:a?.image,sizes:"100vw lg:50vw",class:R(["h-16 w-auto object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]),"image-class":["h-full w-auto object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]},null,8,["image","class","image-class"])):r("",!0)]))),128)),(l(!0),i(S,null,z(e.blok?.retailers,(a,n)=>(l(),i("div",{key:`second-${n}`,class:"scroll-item flex h-[96px] shrink-0 items-center justify-center"},[a?.image?(l(),g(m,{key:0,image:a?.image,sizes:"100vw lg:50vw",class:R(["h-16 w-auto object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]),"image-class":["h-full w-auto object-contain transition-all duration-800",s(o)===n?"grayscale-0":"grayscale"]},null,8,["image","class","image-class"])):r("",!0)]))),128))],512)])):r("",!0),A(k,{onClick:d[0]||(d[0]=()=>K(!s(C))),class:"right-gutter border-foreground

1/30! absolute bottom-0 z-60 motion-reduce:hidden",variant:"outline",size:"icon","aria-label":s(C)?t.$t("a11y.label_pause"):t.$t("a11y.label_play")},{default:T(()=>[D(A(v,{name:"play"},null,512),[[q,!s(C)]]),D(A(v,{name:"pause"},null,512),[[q,s(C)]])]),_:1},8,["aria-label"])])])],10,fe)),[[p,e.blok]])}}};export{$e as default};