https://vierumaki.fi/_nuxt/D16cSxBB2.js

1import{n as e}from"./hePW80VL.js";import{On as t,Qn as n,_ as r,b as i,ct as a,ft as o,g as s,mt as c,tr as l,tt as u,vn as d}from"./Ib1jYPSS.js";import{t as f}from"./BDNMzG2s.js";var p=e({default:()=>y}),m=[`controls`,`autoplay`,`muted`,`src`],h=[`alt`],g={key:2},_=[`srcset`],v=[`src`,`alt`],y=f({__name:`FrontifyMedia`,props:{id:{type:Number,required:!1,default:0},title:{type:String,required:!1,default:``},name:{type:String,required:!1,default:``},ext:{type:String,required:!1,default:``},width:{type:Number,required:!1,default:0},height:{type:Number,required:!1,default:0},created:{type:String,required:!1,default:``},generic_url:{type:String,required:!1,default:``},preview_url:{type:String,required:!1,default:``},src:{type:String,required:!1,default:``},computeWidth:{type:Boolean,required:!1,default:!1},fill:{type:String,required:!1,validator:e=>[`cover`,`contain`].indexOf(e)!==-1,default:`contain`},scaling:{type:String,required:!1,validator:e=>[`width`,`height`].indexOf(e)!==-1,default:`width`},keepAspectRatio:{type:Boolean,required:!1,default:!1},autoplay:{type:Boolean,required:!1,default:!1}},setup(e){let f=e,p=d(null),y=d(!1),b=d(!1),x=s(()=>!1),S=s(()=>f.ext===`mp4`),C=s(()=>`${f.generic_url.replace(`width={width}`,`width=1920`)}#t=0.001`),w=s(()=>{if(!b.value)return!1;if(p.value){let e=Math.round(p.value.getBoundingClientRect().height);if(f.scaling===`height`&&f.computeWidth)return`width: ${Math.round(f.width/f.height*e)}px`}return``}),T=s(()=>{if(!b.value||!p.value)return!1;let e=window?.devicePixelRatio||1,t,n;switch(f.scaling){case`height`:return t=Math.round(p.value.getBoundingClientRect().height),f.generic_url.replace(`?width={width}`,`?height=${Math.round(t*e)}`);default:case`width`:return n=Math.round(p.value.getBoundingClientRect().width),f.generic_url.replace(`?width={width}`,`?width=${Math.round(n*e)}`)}}),E=s(()=>T.value?`${T.value}&format=webp`:!1),D=s(()=>T.value?`${T.value}&format=jpeg`:!1);function O(){window.clearTimeout(y.value),y.value=window.setTimeout(()=>{b.value=Date.now()},400)}return a(()=>{window&&window.addEventListener(`resize`,O),u(()=>{b.value===!1&&(b.value=Date.now())})}),o(()=>{window.removeEventListener(`resize`,O)}),(a,o)=>(c(),i(`div`,{ref_key:`container`,ref:p,key:t(S)?`image`:`image-${t(b)}`,class:n([`image-container`,[e.scaling,e.fill,e.keepAspectRatio?`keep-aspect-ratio`:``].join(` `)]),style:l(t(w))},[t(S)?(c(),i(`video`,{key:0,controls:!e.autoplay,autoplay:e.autoplay,muted:e.autoplay,src:t(C)},null,8,m)):t(x)?(c(),i(`img`,{key:1,alt:e.title},null,8,h)):(c(),i(`picture`,g,[r(`source`,{srcset:t(E),type:`image/webp`},null,8,_),r(`img`,{src:t(D),alt:e.title},null,8,v)]))],6))}},[[`__scopeId`,`data-v-ebd49c87`]]);export{p as n,y as t};