https://sincerelysupplyco.com/assets/TmlAdvertBanner.7b18fced.js

1import{_ as b,T as v,ag as x,O as r,aS as B}from"./index.b39fe1b1.js";import{N as l,D as n,E as m,G as k,f as w,U as s,W as o,S as a,a3 as d,a4 as S,a0 as h,Q as c,H}from"./vue.00f7c436.js";import"./sentry.09480738.js";const O={name:"TmlAdvertBanner",components:{TmlAnchor:v,TmlButton:x},props:{title:{type:String,required:!0},body:{type:String},href:{type:String,default:"#"},action:{type:Object,default:()=>({})},image:{type:[String,Object]},icon:{type:Object},height:{type:String,default:"12em"},mobileHeight:{type:String,default:"3em"},shortOnly:{type:Boolean},tallOnly:{type:Boolean}},data(){return{isMobileBreakpoint:r("xs")}},computed:{bannerHeight(){return this.shortOnly?"short":this.tallOnly?"tall":this.isMobileBreakpoint?"short":"tall"}},created(){window.addEventListener("resize",this.onResize)},beforeUnmount(){window.removeEventListener("resize",this.onResize)},methods:{onResize(){this.isMobileBreakpoint=r("xs")},isEmpty:B}},C={class:"w-full"},T={class:"container my-4"},z={class:"row"},E={class:"col-12"},j={key:0,class:"center mb-0 mt-4"},D={class:"w-full flex justify-end"};function N(_,i,e,A,V,t){const f=l("font-awesome-icon"),u=l("tml-button"),y=l("tml-anchor");return n(),m("div",C,[k(_.$slots,"default",{},()=>[w(y,{href:e.href,onClick:i[1]||(i[1]=g=>{e.action&&e.action.action&&(g.preventDefault(),e.action.action())})},{default:s(()=>[(n(),o(d(e.image?"tml-image":"div"),{src:e.image,alt:e.title,height:t.bannerHeight==="short"?e.mobileHeight:e.height},{default:s(()=>[a("div",{class:H(["h-full flex flex-col justify-end items-end",{"image-overlay":e.image}])},[a("div",T,[a("div",z,[a("div",E,[(n(),o(d(t.bannerHeight==="short"?"h4":"h1"),{class:"center mb-0"},{default:s(()=>[S(h(e.title)+" ",1),e.icon&&t.bannerHeight==="short"?(n(),o(f,{key:0,class:"ml-2",icon:e.icon},null,8,["icon"])):c("",!0)]),_:1})),t.bannerHeight==="tall"?(n(),m("p",j,h(e.body),1)):c("",!0),a("div",D,[!t.isEmpty(e.action)&&t.bannerHeight==="tall"?(n(),o(u,{key:0,class:"mt-4",text:e.action.text,href:e.action.href,icon:e.action.icon,onClick:i[0]||(i[0]=()=>{e.action.action&&e.action.action()})},null,8,["text","href","icon"])):c("",!0)])])])])],2)]),_:1},8,["src","alt","height"]))]),_:1},8,["href"])],!0)])}const U=b(O,[["render",N],["__scopeId","data-v-d40c294e"]]);export{U as default};
2//# sourceMappingURL=TmlAdvertBanner.7b18fced.js.map