https://lovedis.de/_nuxt/DlrGTN6X.js

1import{Ct as e,D as t,On as n,St as r,Yt as i,_ as a,b as o,ct as s,ft as c,g as l,k as u,mt as d,qt as f,u as p,v as m,vn as h,y as g}from"./B8D2lM98.js";import{t as _,w as v}from"./BC7yJqS7.js";import{t as y}from"./BDNMzG2s.js";import{n as b,t as x}from"./DJxVUzIi.js";var S=[`id`],C={class:`max-w-[1392px] mx-auto`},w={key:0,class:`absolute inset-0`},T={class:`absolute inset-0 flex items-center justify-center bg-black/20 transition-all duration-300 group-hover:bg-black/30`},E=[`aria-label`],D={class:`relative w-full max-w-[90vw] lg:max-w-[80vw] xl:max-w-6xl aspect-video rounded-xl lg:rounded-80 overflow-hidden bg-black`},O=[`src`],k=[`src`],A=Object.assign(y(u({__name:`VideoSection`,props:{blok:{}},setup(u){let y=u,A=h(!1),j=h(null),M=l(()=>b(y.blok.video_url)),N=l(()=>M.value?y.blok.video_url??``:x(y.blok.video_url));function P(){A.value=!0,document.body.style.overflow=`hidden`}function F(){j.value&&j.value.pause(),A.value=!1,document.body.style.overflow=``}return s(()=>{let e=e=>{e.key===`Escape`&&A.value&&F()};window.addEventListener(`keydown`,e),c(()=>{window.removeEventListener(`keydown`,e),document.body.style.overflow=``})}),(s,c)=>{let l=r(`SbImage`),h=e(`editable`);return u.blok.visible===!1?g(``,!0):i((d(),o(`section`,{key:0,id:u.blok.section_id||void 0,class:`px-16 md:px-24 lg:px-24 py-64 lg:py-104`},[a(`div`,C,[a(`div`,{class:`relative w-full aspect-video rounded-xl lg:rou

1nded-80 overflow-hidden cursor-pointer group`,onClick:P},[u.blok.thumbnail?.filename?(d(),o(`div`,w,[t(l,{blok:{image:u.blok.thumbnail,alt:u.blok.alt_text||`Video thumbnail`,objectFit:`cover`,quality:u.blok.thumbnail_quality,width:`100%`,height:`100%`},class:`w-full h-full`,loading:`lazy`},null,8,[`blok`])])):g(``,!0),a(`div`,T,[a(`button`,{type:`button`,class:`w-[100px] h-[100px] lg:w-[140px] lg:h-[140px] rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center transition-transform duration-300 group-hover:scale-110`,"aria-label":u.blok.alt_text||`Play video`},[...c[0]||=[a(`svg`,{class:`w-10 h-10 lg:w-14 lg:h-14 text-off-black ml-1`,fill:`currentColor`,viewBox:`0 0 24 24`},[a(`path`,{d:`M8 5v14l11-7z`})],-1)]],8,E)])])]),(d(),m(p,{to:`body`},[t(_,{name:`modal`},{default:f(()=>[n(A)?(d(),o(`div`,{key:0,class:`fixed inset-0 z-50 flex items-center justify-center bg-black/90 p-4 lg:p-8`,onClick:v(F,[`self`])},[a(`button`,{type:`button`,class:`absolute top-4 right-4 lg:top-8 lg:right-8 w-12 h-12 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white hover:bg-white/20 transition-colors z-10`,"aria-label":`Close video`,onClick:F},[...c[1]||=[a(`svg`,{class:`w-6 h-6`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[a(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]]),a(`div`,D,[n(M)&&n(N)?(d(),o(`video`,{key:0,ref_key:`videoRef`,ref:j,src:n(N),class:`absolute inset-0 w-full h-full object-contain`,controls:``,autoplay:``,playsinline:``},` Tu navegador no soporta el elemento video. `,8,O)):n(N)?(d(),o(`iframe`,{key:1,src:n(N),class:`absolute inset-0 w-full h-full`,allow:`
2                accelerometer;
3                autoplay;
4                clipboard-write;
5                encrypted-media;
6                gyroscope;
7                picture-in-picture;
8              `,allowfullscreen:``},null,8,k)):g(``,!0)])])):g(``,!0)]),_:1})]))],8,S)),[[h,u.blok]])}}}),[[`__scopeId`,`data-v-45b96ecb`]]),{__name:`StoryblokVideoSection`});export{A as default};