import{_ as j}from"./CeqKaGCA.js";import{d as D,a as O,bc as P,r as B,e as f,j as I,f as i,h as b,x as m,g as t,$ as y,v,i as E,C as F,t as R,A as L,F as N,y as X,o,B as V,z as q,bS as H,_ as J}from"./BxiWQxwE.js";import{u as K}from"./BIxNlpeR.js";const Q={class:"container"},U={class:"banners"},W=["data-banner-id","aria-label"],Y=["src","alt"],Z={key:2,class:"actions"},ee={key:0},ae={key:1},te=["src","alt"],re=4,x="Vijf banners",ne=D({__name:"five-banners",props:{item:{type:Object,default:null}},setup(w){H(d=>({"0c9df97d":t(a).colors.text}));const A=w,{$gtm:h,$messages:k}=O(),e=P(A.item),z=B(),a=f(()=>{var d,p,n,l,s,c,u,_;return e?{id:e.id.value,title:e.title.value,subtitle:e.subtitle.value,image:{desktop:{src:e.banner_image_desktop.value,alt:((p=(d=e.banner_image_desktop)==null?void 0:d.file)==null?void 0:p.description)??""},mobile:{src:e.banner_image_mobile.value,alt:((l=(n=e.banner_image_mobile)==null?void 0:n.file)==null?void 0:l.description)??""}},button:{primary:{text:e.primary_button_text.value,link:e.primary_internal_link.value??e.primary_external_link.value},secondary:{text:e.secondary_button_text.value,link:e.secondary_internal_link.value??e.secondary_external_link.value}},colors:{title:(s=e.primary_banner_title_color)!=null&&s.value?String(e.primary_banner_title_color.value):"#FFFFFF",subtitle:(c=e.primary_banner_subtitle_color)!=null&&c.value?String(e.primary_banner_subtitle_color.value):"#FFFFFF",text:(u=e.primary_banner_text_color)!=null&&u.value?String(e.primary_banner_text_color.value):"#FFFFFF",background:(_=e.primary_banner_background_color)!=null&&_.value?String(e.primary_banner_background_color.value):"#FFFFFF"}}:null}),M=f(()=>e?Array(re).fill(null).map((d,p)=>{var l,s,c,u,_,r,g,S;const n=p+1;return{id:(l=e[`banner_id_${n}`])==null?void 0:l.value,link:((s=e[`banner_internal_link_${n}`])==null?void 0:s.value)||((c=e[`banner_external_link_${n}`])==null?void 0:c.value),target:(u=e[`banner_internal_link_${n}`])!=null&&u.value?"":"_blank",image:{src:(_=e[`banner_image_${n}`])==null?void 0:_.value,alt:((g=(r=e[`banner_image_${n}`])==null?void 0:r.file)==null?void 0:g.description)??""},background:((S=e[`banner_background_color_${n}`])==null?void 0:S.value)??"#FFFFFF"}}):[]),C=()=>{h("banners.select_promotion",{ecommerce:{creative_name:x,promotion_id:a.value.id??-1,promotion_name:a.value.image.desktop.src||a.value.image.mobile.src}})},T=f(()=>a.value.subtitle),$=B([]),{bannerClick:G}=K($.value,x);return I(()=>{h("banners.view_promotion",{ecommerce:{creative_name:x,promotion_id:a.value.id,promotion_name:a.value.image.desktop.src||a.value.image.mobile.src}})}),(d,p)=>{var l,s,c,u,_;const n=j;return o(),i("section",null,[b("div",Q,[b("div",U,[t(a)?(o(),i("div",{key:0,ref_key:"bannerElementPrimary",ref:z,class:"banners--primary","data-banner-id":t(a).id,"aria-label":t(a).image.desktop.alt,style:y({backgroundColor:t(a).colors.background})},[b("img",{src:d.$device.isDesktopOrTablet?t(a).image.desktop.src:t(a).image.mobile.src,alt:d.$device.isDesktopOrTablet?t(a).image.desktop.alt:t(a).image.mobile.alt,loading:"lazy"},null,8,Y),b("div",null,[t(a).title?(o(),i("p",{key:0,style:y({color:t(a).colors.title})},v(t(a).title),5)):m("",!0),t(T)?(o(),i("span",{key:1,style:y({color:t(a).colors.subtitle})},v(t(a).subtitle),5)):m("",!0),t(a).button?(o(),i("ul",Z,[(l=t(a).button.primary)!=null&&l.link?(o(),i("li",ee,[E(n,{class:"button button--secondary button-white-outline",to:(s=t(a).button)==null?void 0:s.primary.link,"aria-label":t(k)("aria.banner",{prefix:t(k)("common.vendor")??""}),onClick:C},{default:F(()=>[V(v(t(a).button.primary.text),1)]),_:1},8,["to","aria-label"])])):m("",!0),(u=(c=t(a).button)==null?void 0:c.secondary)!=null&&u.link?(o(),i("li",ae,[t(a).button.secondary.text?(o(),R(n,{key:0,class:"button button--primary button-white","aria-label":t(k)("aria.banner",{prefix:t(k)("common.vendor")??""}),to:(_=t(a).button)==null?void 0:_.secondary.link,onClick:C},{default:F(()=>[V(v(t(a).button.secondary.text),1)]),_:1},8,["aria-label","to"])):m("",!0)])):m("",!0)])):m("",!0)])],12,W)):m("",!0),b("ul",{class:L(["banners--secondary","carousel"])},[(o(!0),i(N,null,X(t(M),r=>(o(),i(N,{key:r.id&&r.image.src},[r.id?(o(),i("li",{key:0,ref_for:!0,ref_key:"bannerElements",ref:$},[E(n,{class:"banner","data-banner-id":r.id,to:r.link,"aria-label":r.image.alt,style:y({backgroundColor:r.background}),onClick:q(g=>t(G)(r.id,r.image.src??r.image.src),["stop"])},{default:F(()=>[b("img",{src:r.image.src,alt:r.image.alt,loading:"lazy"},null,8,te)]),_:2},1032,["data-banner-id","to","aria-label","style","onClick"])],512)):m("",!0)],64))),128))])])])])}}}),se=J(ne,[["__scopeId","data-v-f1e2ba34"]]);export{se as default};