https://www.sprind.org/_nuxt/B6R8pDY0.js

1import{c as a,a5 as d}from"./DrctnP21.js";import{a as c}from"./Yl7glNyG.js";import{_ as g}from"./DlAUqK2U.js";import{f as l,g as u,n as s,A as h,a as n,e as o}from"./CdHCLhiy.js";import"./CE1G-McA.js";const f={name:"ImageModule",props:{image:{type:Object,required:!0},caption:{type:String,default:""},normalImg:{type:Boolean,default:!1},size:{type:String,default:"l"},portraitPossible:{type:Boolean,default:!1},alwaysContain:{type:Boolean,default:!1},alt:{type:String,default:null},isDarkened:{type:Boolean,default:!1},noLazyLoad:{type:Boolean,default:!1},hasLightbox:{type:Boolean,default:!1},isLocalized:{type:String,default:null}},data(){return{imgRatio:1,contain:!1}},computed:{isMobile(){return this.$store.state.responsive.isMobile},originalImageUrl(){return`${a.cmsUploadsLocation}${this.image.data?.attributes?.url}`},imageUrl(){if(!this.image?.data?.attributes)return"";if(this.image.data.attributes.formats?.large)return this.size==="original"?`${a.cmsUploadsLocation}${this.image.data.attributes.url}`:this.size==="m"?`${a.cmsUploadsLocation}${this.image.data.attributes.formats.medium.url}`:`${a.cmsUploadsLocation}${this.image.data.attributes.url}`;{const e=`${a.cmsUploadsLocation}${this.image.data.attributes.url}`;if(this.size==="original")return e;if(e.includes(".jpg")||e.includes(".jpeg"))return e.replace(/\.(jpg|jpeg)$/,`.${this.size}.jpg`);if(e.includes(".png"))return e}return""},alternateText(){const e=this.alt;return!e||e==="…"?null:e},showLocalized(){return this.isLocalized?c()===this.isLocalized:!0}},watch:{image(){this.$refs.image&&this.$refs.image.classList.add("lazyload")}},mounted(){this.imgSrc=`${a.cmsUploadsLocation}${this.image.data?.attributes?.url}`;const e=`.${this.size}.`;this.imgSrc=this.imgSrc.replace(/\.([^.]*)$/,e+"jpg"),this.imgRatio=this.image.width/this.image.height,this.imgRatio<1&&(this.contain=!0),window.addEventListener("lazyloaded",this.onLazyLoaded)},beforeUnmount(){window.removeEventListener("lazyloaded",this.onLazyLoaded)},methods:{onLazyLoaded(e){e.srcElement===this.$refs.image&&(this.$el.className+=" loaded")},openLightbox(){this.hasLightbox&&this.$modal.show(Lightbox,{props:{imgSrc:this.originalImageUrl,imgAlt:this.alternateText},label:this.alternateText,transition:"page"})}}};function p(e,L,t,b,r,i){const m=d;return i.showLocalized?(o(),l("div",{key:0,class:s(["img-wrap",{darkened:t.isDarkened}])},[u(m,{ref:"image",class:s(["img",{contain:r.contain&&t.portraitPossible||t.alwaysContain,cover:!t.normalImg&&!t.alwaysContain,lazyload:!t.noLazyLoad,linking:t.hasLightbox}]),"data-src":i.imageUrl,src:i.imageUrl,alt:i.alternateText,tabindex:t.hasLightbox?0:null},null,8,["class","data-src","src","alt","tabindex"]),t.caption&&t.caption!==""?(o(),l("span",{key:0,class:s(["subtitle",{m:i.isMobile}])},h(t.caption),3)):n("",!0)],2)):n("",!0)}const U=Object.assign(g(f,[["render",p]]),{__name:"ImageModule"});export{U as default};