https://dc2scale.fr/_nuxt/DJyizwpi.js

1import{_ as x}from"./B8rYVOQo.js";import{bo as M,bq as R,bH as c,b6 as b,br as v,bs as f,bv as z,bS as h,bu as m,bt as N,bg as S,bT as V,bA as B,bm as r,bG as H,bi as j}from"./B2aMFkuz.js";import"./D-ifXDF8.js";const q=["src"],D={key:0,class:"absolute bottom-0 right-0 px-3 py-2 text-sm text-gray-200 bg-black rounded-tl-xl"},C={__name:"VideoHover",props:{blok:Object,classes:String},setup(e){const o=e,u=r(null),a=r(0),l=r(!1);let n=null;function k(s){for(const t of s)requestAnimationFrame(()=>{a.value=t.contentRect.width})}M(()=>{u.value&&(n=new ResizeObserver(k),n.observe(u.value))}),R(()=>{n&&n.disconnect()});const d=j(()=>{if(o.blok.video.width&&o.blok.video.height){const s=o.blok.video.height/o.blok.video.width;return Math.round(a.value*s)}return Math.round(a.value)}),i=r(null);function p(){l.value=!0,i.value?.play()}function g(){l.value=!1,i.value?.pause(),i.value.currentTime=0}return(s,t)=>{const y=x,w=H("editable");return c((b(),v("div",{ref_key:"containerRef",ref:u},[f("figure",{class:B(e.classes?e.classes:"relative w-full h-full overflow-hidden rounded-md"),style:V({height:`${d.value}px`}),onMouseenter:p,onMouseleave:g},[c(z(y,{provider:"storyblok",src:e.blok.poster.filename,alt:e.blok.poster.alt||"Poster",width:Math.round(a.value),height:Math.round(d.value),class:"absolute inset-0 w-full h-full object-cover transition-opacity duration-200 ease-in",format:"avif,webp",quality:"80",placeholder:[50,25,75,5],loading:"lazy"},null,8,["src","alt","width","height"]),[[h,!l.value]]),t[0]||(t[0]=m()),c(f("video",{ref_key:"videoRef",ref:i,class:"absolute inset-0 w-full h-full object-cover transition-opacity duration-200 ease-in",src:e.blok.video.filename,muted:"",loop:"",playsinline:"",preload:"auto"},null,8,q),[[h,l.value]]),t[1]||(t[1]=m()),e.blok.caption?(b(),v("figcaption",D,N(e.blok.caption),1)):S("",!0)],38)])),[[w,e.blok]])}}};export{C as default};