https://www.benchmarkminerals.com/_nuxt/CInkDFF2.js

1import{_ as f}from"./nfD8S0Gd.js";import{d as T,i as r,j as o,f as t,E as b,F as v,p as C,k as p,g as u,n as g,r as S,h as m,o as n,c as j,l as B}from"#entry";const V={class:"@container"},A={class:"layout-wrapper"},L={key:0,class:"w-full max-w-6xl mx-auto bg-grey-900 py-10 rounded-3xl"},E={class:"relative @xs:mb-6 bg-gray-100 overflow-hidden",style:{"aspect-ratio":"16/9"}},O={key:0,class:"relative hidden @xs:block"},q={class:"flex items-center justify-center"},F={class:"flex-1 overflow-hidden"},X=["onClick"],c=6,H=T({__name:"AwardImageSlider",props:{fields:{}},setup(z){const I=z,d=S(0),i=S(0),a=m(()=>I.fields.images||[]),M=m(()=>a.value.length>1),y=m(()=>a.value.length>c),x=m(()=>i.value>0),w=m(()=>i.value<Math.max(0,a.value.length-c)),k=s=>{const e=(d.value+s+a.value.length)%a.value.length;_(e)},_=s=>{d.value=s,N(s)},N=s=>{if(!y.value)return;const e=i.value,l=e+c-1;s<e?i.value=s:s>l&&(i.value=Math.max(0,s-c+1))},$=s=>{if(console.log(x.value,w.value),!y.value)return;const e=Math.max(0,Math.min(a.value.length-c,i.value+s));i.value=e};return(s,e)=>(n(),r("section",V,[o("div",A,[t(a).length?(n(),r("div",L,[o("div",E,[o("div",{class:"flex h-full transition-transform duration-500 ease-in-out",style:b({transform:`translateX(-${t(d)*100}%)`})},[(n(!0),r(v,null,C(t(a),(l,h)=>(n(),r("div",{key:h,class:"w-full h-full flex-shrink-0 flex items-center justify-center bg-grey-900"},[l?.filename?(n(),j(B,{key:0,asset:l,width:1032,height:595,quality:90,class:"w-full @xs:w-[calc(100%-208px)] h-full object-cover"},null,8,["asset"])):u("",!0)]))),128))],4),t(a).length>1?(n(),r(v,{key:0},[o("button",{class:"absolute left-0 top-1/2 -translate-y-1/2 h-[102%] bg-grey-900 @xs:px-10 px-2 text-white z-10 cursor-pointer",onClick:e[0]||(e[0]=l=>k(-1))},[p(f,{name:"custom/chevron-right",class:"w-6 h-6 rotate-180"})]),o("button",{class:"absolute right-0 top-1/2 -translate-y-1/2 h-[102%] bg-grey-900 @xs:px-10 px-2 text-white z-10 cursor-pointer",onClick:e[1]||(e[1]=l=>k(1))},[p(f,{name:"custom/chevron-right",class:"w-6 h-6"})])],64)):u("",!0)]),t(M)?(n(),r("div",O,[o("div",q,[o("div",F,[o("div",{class:g(["flex transition-transform duration-300 ease-in-out",{"justify-center":t(a).length<=c}]),style:b({transform:`translateX(-${t(i)*(100/c)}%)`})},[(n(!0),r(v,null,C(t(a),(l,h)=>(n(),r("div",{key:h,class:"flex-shrink-0 px-1 cursor-pointer",style:b({width:`${100/c}%`}),onClick:R=>_(h)},[l?.filename?(n(),j(B,{key:0,asset:l,width:188,height:118,quality:90,"aspect-ratio":"3/2",class:g(["w-full h-full object-cover transition-opacity duration-200 max-h-[118px]",h===t(d)?"opacity-100":"opacity-40"])},null,8,["asset","class"])):u("",!0)],12,X))),128))],6)]),t(y)?(n(),r(v,{key:0},[o("button",{class:g(["absolute left-0 top-1/2 -translate-y-1/2 h-[102%] bg-grey-900/80 px-4 text-white z-10",{"cursor-not-allowed":!t(x),"cursor-pointer":t(x)}]),onClick:e[2]||(e[2]=l=>$(-1))},[p(f,{name:"custom/chevron-right",class:"w-6 h-6 rotate-180"})],2),o("button",{class:g(["absolute right-0 top-1/2 -translate-y-1/2 h-[102%] bg-grey-900/80 px-4 text-white z-10",{"cursor-not-allowed":!t(w),"cursor-pointer":t(w)}]),onClick:e[3]||(e[3]=l=>$(1))},[p(f,{name:"custom/chevron-right",class:"w-6 h-6"})],2)],64)):u("",!0)])])):u("",!0)])):u("",!0)])]))}}),G=Object.assign(H,{__name:"BlocksAwardImageSlider"});export{G as default};