https://hawa.ch/_nuxt/Cb2hy6mJ.js

1import{v as D,_ as P}from"./DqZ4oqEE.js";import{_ as T}from"./CFX3tfkw.js";import"./BSGOYphA.js";import{c as S}from"./OAaWJN8T.js";import{d as z,t as c,w as E,o as N,aw as O,C as _,D as F,n as a,x as i,y as b,j as v,k as r,at as I,v as k,F as L,p as R,z as U,O as A,l,i as H,B as M}from"./ddoXRBB7.js";import"./BaklvU9Z.js";import"./BMOpn1D4.js";import"./C1QXhq23.js";import"./DLpf63fI.js";import"./DqUgnPJh.js";import"./CsS8sBvC.js";import"./BG1lo1UI.js";import"./BGaxQGXC.js";import"./DNNQ_xW9.js";import"./Cjoo2kMQ.js";import"./B4jqAZia.js";import"./DyoigUif.js";import"./C6o0Dokj.js";import"./BdjMXlXm.js";import"./CMQbXEac.js";import"./wPNx5fiq.js";import"./DDHQ_-7n.js";import"./CeRrx8D4.js";import"./BheWnx7M.js";const q=["src"],G={class:"play-button custom-play-btn"},J={class:"custom-video-container"},K={key:0,class:"thumbnail-overlay"},Q=["src","alt"],W={class:"custom-play-btn"},X={key:0,slot:"caption",class:"video-caption"},Y=z({__name:"Video.client",props:{blok:{}},async setup(p){let u,f;const d=c(null),t=c(null),s=c(!1),m=c(!1),y=([u,f]=E(()=>S("play--filled--alt")),u=await u,f(),u),C=async()=>{if(await A(),!d.value)return;const o={controls:!1,fluid:!0,aspectRatio:"16:9",muted:p.blok.muted,autoplay:p.blok.autoplay,preload:"auto",sources:[{src:p.blok.asset.filename,type:"video/mp4"}],bigPlayButton:!1};t.value=D(d.value,o),t.value.on("play",()=>{var e;s.value=!0,(e=t.value)==null||e.controls(!0)}),t.value.on("ended",()=>{var e;s.value=!1,(e=t.value)==null||e.controls(!1)})},V=()=>{t.value&&!s.value&&t.value.play()};return N(()=>{p.blok.lightBox||C()}),O(()=>{t.value&&t.value.dispose()}),(o,e)=>{var g,B,w;const $=P,j=T,h=F("editable");return o.blok.lightBox?_((l(),a("div",{key:0,class:k({[`spacing-top-${o.blok.spacingTop}`]:o.blok.spacingTop,[`spacing-bottom-${o.blok.spacingBottom}`]:o.blok.spacingBottom})},[i("div",{class:"video-thumbnail",onClick:e[0]||(e[0]=n=>m.value=!0)},[(g=o.blok.thumbnail)!=null&&g.filename?(l(),a("img",{key:0,src:o.blok.thumbnail.filename},null,8,q)):v("",!0),i("div",G,[b(r(y),{width:"20",height:"20",viewBox:"0 0 32 32",fill:"white"})])]),b($,{"is-open":r(m),"onUpdate:isOpen":e[1]||(e[1]=n=>I(m)?m.value=n:null),video:o.blok.asset,title:o.blok.lightBoxHeading,description:o.blok.lightBoxDescription,caption:o.blok.caption,muted:o.blok.muted,autoplay:o.blok.autoplay,thumbnail:o.blok.thumbnail,subtitles:o.blok.subtitles},null,8,["is-open","video","title","description","caption","muted","autoplay","thumbnail","subtitles"])],2)),[[h,o.blok]]):_((l(),a("div",{key:1,class:k({[`spacing-top-${o.blok.spacingTop}`]:o.blok.spacingTop,[`spacing-bottom-${o.blok.spacingBottom}`]:o.blok.spacingBottom})},[i("div",J,[i("video",{ref_key:"videoElement",ref:d,class:"video-js vjs-default-skin vjs-big-play-centered native-video"},[(l(!0),a(L,null,R(o.blok.subtitles,n=>(l(),H(j,{key:n._uid,blok:n},null,8,["blok"]))),128))],512),(B=o.blok.thumbnail)!=null&&B.filename&&!r(s)?(l(),a("div",K,[i("img",{src:o.blok.thumbnail.filename,alt:(w=o.blok.thumbnail)==null?void 0:w.alt},null,8,Q)])):v("",!0),i("div",{class:k(["custom-controls-overlay",{show:!r(s)}]),onClick:V},[i("button",W,[b(r(y),{width:"20",height:"20",viewBox:"0 0 32 32",fill:"white"})])],2)]),o.blok.caption?(l(),a("div",X,U(o.blok.caption),1)):v("",!0)],2)),[[h,o.blok]])}}}),_o=M(Y,[["__scopeId","data-v-8d1d91a8"]]);export{_o as default};