import{d as g,r as b,j as y,f as r,x as o,h as m,$ as u,v as d,B as x,i as v,A as C,z as h,n as w,o as l,bl as z,_ as E}from"./BxiWQxwE.js";import{i as T}from"./Bng-T5t5.js";import{u as B}from"./BIxNlpeR.js";const L=["data-banner-id","href","target"],N=["src","alt"],V=g({__name:"banner",props:{banner:{type:Object,default:null}},setup(e){const n=e,i=b(null),{bannerClick:f}=B([i.value],"Banner"),s=async()=>{n.banner&&(f(n.banner.id,n.banner.image),await new Promise(t=>setTimeout(t,150)),T(n.banner.link)?window.location.href=n.banner.link:await w(n.banner.link,{external:!0,open:{target:n.banner.target}}))},a=b(),c=()=>{var t;return(t=a.value)==null?void 0:t.classList.remove("lazy_img--unloaded")};return y(()=>{a.value.complete&&c()}),(t,_)=>{const k=z;return e.banner?(l(),r("a",{key:0,ref_key:"bannerElement",ref:i,class:"content-banner","data-banner-id":Number(e.banner.id),href:e.banner.link,target:e.banner.target,onClick:h(s,["prevent"])},[m("img",{ref_key:"imgEl",ref:a,src:`${e.banner.image}`,alt:`${e.banner.title}`,class:"image lazy_img lazy_img--unloaded",loading:"lazy",onLoad:c},null,40,N),m("div",{class:C(["overlay",{"text-link":e.banner.style==="textLink"}])},[e.banner.style==="button"?(l(),r("button",{key:0,class:"button",type:"button",style:u({backgroundColor:e.banner.buttonColor,color:e.banner.buttonTextColor}),onClick:s},d(e.banner.buttonText),5)):o("",!0),e.banner.style==="textLink"?(l(),r("p",{key:1,style:u({color:e.banner.textColor})},[x(d(e.banner.linkText)+" ",1),v(k)],4)):o("",!0)],2)],8,L)):o("",!0)}}}),M=E(V,[["__scopeId","data-v-ab6d3f06"]]);export{M as default};