1import{d as S,f as B,bb as L,c as o,o as e,a as v,n as V,l as t,k as N,b as l,p as c,F as u,s as k,al as F,t as d,v as w,q as y,_ as U,r as P,z as h,bc as D}from"./CQCWzu_E.js";import{i as $}from"./BPqMrl7r.js";import{_ as j}from"./CQm5XgSX.js";const q={class:"!min-h-[244px] !min-w-[164px] lg:!min-h-80 lg:!min-w-[220px]"},E={class:"absolute left-2 top-2 flex flex-wrap gap-2"},A={key:0,class:"rounded-lg bg-asparagus-100 px-2 py-0.5 text-xs font-bold text-asparagus-800"},G={key:0,class:"rounded-lg bg-cornflower-lilac-100 px-2 py-0.5 text-xs font-bold text-cornflower-lilac-800"},M={key:1,class:"rounded-lg bg-sail-100 px-2 py-0.5 text-xs font-bold text-sail-800"},O={class:"product-img rounded-t-xl text-center"},R={class:"product-info rounded-t-lg bg-mine-shaft-50 p-4"},T={class:"cat text-dark block text-es font-medium"},H={class:"products-caption truncate-title text-dark block h-10 text-sm font-bold"},J={class:"flex gap-x-2"},K={key:0,class:"block text-sm font-medium text-mine-shaft-600 line-through"},Q={key:0,class:"text-gray3 block text-sm font-medium"},W=S({__name:"SliderItem",props:{product:Object},setup(s){const{getFormattedPrice:i}=B(),x=s,{url:_,noFollowRel:f,imageSource:n,isInEU:a,netPrice:p,grossPrice:g,listGrossPrice:b}=L(()=>x.product);return(r,m)=>{const C=F,I=V;return e(),o("div",q,[v(I,{to:t(_),rel:t(f),class:"group relative block h-full w-full overflow-hidden rounded-xl bg-white duration-300 hover:shadow"},{default:N(()=>[l("div",E,[(e(!0),o(u,null,k(s.product.properties,z=>(e(),o(u,null,[z.translated.name==="Duurzaam"?(e(),o("span",A,"Duurzaam")):c("",!0)],64))),256)),s.product?.price[0]?.listPrice?(e(),o("span",G,"Sale")):c("",!0),t($)(s.product.createdAt)?(e(),o("span",M,"Nieuw")):c("",!0)]),l("span",O,[v(C,{format:"webp",src:t(n),alt:s.product?.cover?.media?.alt??s.product?.translated?.name??"",width:"220",height:"220",background:"white",fit:"contain",sizes:"xs:164px sm:180px md:50vw lg:33vw xl:220px",quality:"78",position:"bottom",class:"mx-auto h-[164px] w-full rounded-t-xl bg-white object-contain lg:h-[220px]"},null,8,["src","alt"])]),l("div",R,[l("span",T,d(s.product?.manufacturer?.translated?.name),1),l("span",H,d(s.product.translated.name),1),l("div",J,[s.product?.price[0]?.listPrice?(e(),o("span",K,d(t(i)(t(b))),1)):c("",!0),l("span",{class:w([{"!font-bold text-cornflower-lilac-600":s.product?.price[0]?.listPrice},"block text-sm font-medium text-mine-shaft-600"])},[t(a)?(e(),o(u,{key:0},[y(d(t(i)(t(g))),1)],64)):t(a)?c("",!0):(e(),o(u,{key:1},[y(d(t(i)(t(p))),1)],64))],2)]),l("div",null,[t(a)?(e(),o("span",Q," ("+d(t(i)(t(p)))+" excl. btw) ",1)):c("",!0)])])]),_:1},8,["to","rel"])])}}}),X=U(W,[["__scopeId","data-v-83960524"]]),et=S({__name:"Slider",props:{products:{},useListingProduct:{type:Boolean}},setup(s){const i=s,x=P(0),_=P(i.products.length);function f(n){x.value=n}return(n,a)=>{const p=X,g=j,b=D;return e(),h(b,{perView:{desktop:5.4,tablet:4.2,mobile:2.1},spacing:{desktop:20,tablet:20,mobile:20},class:"slider-padded container relative !px-5 lg:!overflow-visible lg:!p-0",onSlideChanged:a[0]||(a[0]=r=>f(r??0)),onMaxIndex:a[1]||(a[1]=r=>_.value=r??0)},{default:N(()=>[n.useListingProduct?c("",!0):(e(!0),o(u,{key:0},k(n.products,(r,m)=>(e(),h(p,{product:r,class:w(["keen-slider__slide number-slide"+m])},null,8,["product","class"]))),256)),n.useListingProduct?(e(!0),o(u,{key:1},k(n.products,(r,m)=>(e(),h(g,{product:r,class:w(["keen-slider__slide number-slide"+m])},null,8,["product","class"]))),256)):c("",!0)]),_:1})}}});
1export{et as _};
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.