https://fonds.lv/build/assets/Banner-DJY-QY1j.js

1import{T as _}from"./TileWhiteButton-CQnqhm_G.js";import{i as y,r,f as n,b as o,a as s,W as b,g as w,t as c,w as i,o as l}from"./app-BFBm0Bhp.js";import k from"./Tile-OcqGRWaW.js";import{_ as v}from"./ArrowOutline-BlnyArpk.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const x={name:"Banner",components:{ArrowOutline:v,Tile:k,Link:y,TileButton:_},props:{from:{type:String,default:"#E58A00"},via:{type:String,default:"#A1002C"},viaStart:{type:String,default:"12%"},to:{type:String,default:"#FF0077"},toStart:{type:String,default:"27%"},transparentStart:{type:String,default:"50%"},post:{type:Object,default:[]},showCategory:{type:Boolean,default:!0},showButton:{type:Boolean,default:!0},type:{type:String,default:""}},data(){return{appTranslations:this.$page.props.translations.app,locale:this.$page.props.appLocale}},methods:{getImageUrl(e){return window.Laravel.baseUrl+e}},computed:{backgroundStyle(){var e,a,t;return((e=this.post)==null?void 0:e.blur)==1?{backgroundImage:`linear-gradient(
2                            45deg,
3                            ${this.from} 0%,
4                            ${this.via} ${this.viaStart},
5                            ${this.to} ${this.toStart},
6                            transparent ${this.transparentStart}
7                          ), url('${this.getImageUrl((a=this.post)==null?void 0:a.image)}')`,backgroundSize:"cover",backgroundPosition:"top"}:{backgroundImage:`url('${this.getImageUrl((t=this.post)==null?void 0:t.image)}')`,backgroundSize:"cover",backgroundPosition:"top"}}}},B={class:"w-full mb-5"},T={class:"relative w-full max-h-screen h-[40rem] hidden md:block"},A={class:"mt-auto mb-24 lg:mb-32 ml-6 md:ml-16 lg:ml-12 space-y-6 w-2/3 md:w-5/12"},C={class:"text-5xl xl:text-[40pt] text-white font-metaPro leading-none"},I={key:0,class:"absolute bottom-0 inset-x-0 cursor-pointer"},L={key:0},P={key:1},O={class:"-mt-6 md:-mt-10 transition-all duration-200 ease-in-out group-hover:-mr-4"};function U(e,a,t,z,d,p){var m;const u=r("TileButton"),h=r("ArrowOutline"),g=r("Tile"),f=r("Link");return l(),n("div",B,[o("div",T,[o("div",{class:"w-full flex max-h-screen h-[40rem] relative",style:b(p.backgroundStyle)},[o("div",A,[o("h1",C,c((m=t.post)==null?void 0:m.name[d.locale]),1)]),t.showButton?(l(),n("div",I,[t.post.id==521?(l(),n("div",L,[s(u,{href:"/pieteiksanas","button-color":"bg-custom-light-gray"},{default:i(()=>[...a[0]||(a[0]=[o("span",null,"Pieteikties",-1)])]),_:1})])):(l(),n("div",P,[s(u,{href:e.route(t.type+".show",t.post.id),"button-color":"bg-custom-light-gray"},{default:i(()=>[o("span",null,c(d.appTranslations.readMore),1)]),_:1},8,["href"])]))])):w("",!0)],4)]),s(f,{class:"cursor-pointer md:hidden",href:e.route(t.type+".show",t.post.id)},{default:i(()=>[s(g,{post:t.post,textPosition:"bottom-0 w-2/3",classes:"mix-blend-multiply h-60 md:h-96",href:e.route(t.type+".show",t.post.id)},{button:i(()=>[o("div",O,[s(h,{class:"w-16 md:w-24 ml-auto mr-5"})])]),_:1},8,["post","href"])]),_:1},8,["href"])])}const j=S(x,[["render",U]]);export{j as default};